详情展示 禁用国家选择组件

  <Modal v-model="areaModal" footer-hide :mask-closable="false" width="800">
    <div style="position:relative">
    <div v-if="searchInfo.isDetail" style="position: absolute;top:0;bottom:0;left: 0;right: 0;"></div>

    <div class="flex-wrap">
      <div v-for="(item,index) in allArea" :key="index" @click="selectregionName(index)" class="allArea" :class="{blue : checkedindex.includes(index)}">
        {{item.regionName}}
      </div>
    </div>
    <div class="flex-cc">
      <Button @click='areaModal = false' type="text">{{$t('cancel')}}</Button>
      <Button v-if="checkedindex.length != allArea.length" type="info" @click="selectedAll">{{$t('selectedAll')}}</Button>
      <Button v-else type="info" @click="selectedAllCancel">{{$t('selectedAllCancel')}}</Button>
      <Button type="text">{{$t('selected')}} 
        <span style="color: #2d8cf0;">{{checkedindex.length}}</span>
      </Button>
      <Button @click='areaModal = false' type="info">{{$t('confirm')}}</Button>
    </div>
    </div>
  </Modal>