From 8f77ef476abd36178fd24084d69d8ab92b2e61af Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Mon, 28 Jul 2025 09:43:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=89=88=E6=9C=AC=E5=9B=BE=E6=96=91?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../demo/statistical/patchsummary/index.vue   |   5 +-
 src/views/demo/tiankongdi/auditlist/index.vue |   6 +-
 src/views/demo/tiankongdi/auditlist/utils.ts  |   6 +-
 .../MapList/NewShowInfoModal/index.vue        | 732 ++++++++++++++++++
 .../MapList/ShowInfoModal/index.vue           |  15 +-
 5 files changed, 744 insertions(+), 20 deletions(-)
 create mode 100644 src/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue

diff --git a/src/views/demo/statistical/patchsummary/index.vue b/src/views/demo/statistical/patchsummary/index.vue
index dbeba5a5..8951257b 100644
--- a/src/views/demo/statistical/patchsummary/index.vue
+++ b/src/views/demo/statistical/patchsummary/index.vue
@@ -90,7 +90,8 @@
           <a-button type="primary" style="margin-right: 25px" @click="prevData">上一条</a-button>
           <a-button type="primary" @click="nextData">下一条</a-button>
         </div>
-        <ShowInfoModal :showInfoData="showInfoData" />
+        <NewShowInfoModal v-if="dayjs(showInfoData.synchronoustime).isAfter(newVersion)" :showInfoData="showInfoData" />
+        <ShowInfoModal v-else :showInfoData="showInfoData" />
       </div>
     </a-modal>
   </PageWrapper>
@@ -104,6 +105,7 @@
   import { getAppEnvConfig } from '@/utils/env';
   import axios from 'axios';
   import ShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue';
+  import NewShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue';
   import { getCaseInfoById } from '@/api/tiankongdi/index';
   import { dataProcessingCount } from '@/views/demo/tiankongdi/util';
   import { BasicForm, useForm } from '@/components/Form';
@@ -137,6 +139,7 @@
     jibenArea2: null,
     nowStatus: undefined,
   });
+  const newVersion = ref(dayjs('2025-07-28 23:59:59'))
   const tableData = ref([]);
   const tablePaginationRight = ref({
     current: 1,
diff --git a/src/views/demo/tiankongdi/auditlist/index.vue b/src/views/demo/tiankongdi/auditlist/index.vue
index dd2c1a7b..b00f2f3a 100644
--- a/src/views/demo/tiankongdi/auditlist/index.vue
+++ b/src/views/demo/tiankongdi/auditlist/index.vue
@@ -80,8 +80,7 @@
           <a-button type="primary" style="margin-right: 25px" @click="prevData">上一条</a-button>
           <a-button type="primary" @click="nextData">下一条</a-button>
         </div>
-        <ShowInfoModal :showInfoData="showInfoData" :showInfoRecord="showInfoRecord" :isAuditList="true"/>
-        
+        <NewShowInfoModal :showInfoData="showInfoData" :showInfoRecord="showInfoRecord" :isAuditList="true"/>
       </div>
     </a-modal>
     <a-modal
@@ -109,7 +108,7 @@
   import { columns, searchFormSchema } from './utils';
   import { getAppEnvConfig } from '@/utils/env';
   import axios from 'axios';
-  import ShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue';
+  import NewShowInfoModal from '@/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue';
   import UploadModal from './uploadModal.vue';
   import { getCaseInfoById } from '@/api/tiankongdi/index';
 
@@ -266,6 +265,7 @@
     if (querys.tubanlaiyuan) {
       querys.tubanlaiyuan = querys.tubanlaiyuan.join(',');
     }
+    querys.typename = '农用地'
     setLoading(true);
     // await loadCaseInfoTuBanList(querys).then((res) => {
     await LoadCaseInfoNYDList(querys).then((res) => {
diff --git a/src/views/demo/tiankongdi/auditlist/utils.ts b/src/views/demo/tiankongdi/auditlist/utils.ts
index 85c4669c..785bbbfc 100644
--- a/src/views/demo/tiankongdi/auditlist/utils.ts
+++ b/src/views/demo/tiankongdi/auditlist/utils.ts
@@ -212,9 +212,9 @@ export const searchFormSchema: FormSchema[] = [
     colProps: { span: 4 },
     componentProps: {
       options: [
-        { label: '通过', value: '0' },
-        { label: '疑似问题', value: '1' },
-        { label: '未标注', value: '2' },
+        { label: '通过', value: '1' },
+        { label: '疑似问题', value: '2' },
+        { label: '未标注', value: '0' },
       ],
       mode: 'multiple',
       maxTagCount: 1
diff --git a/src/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue b/src/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue
new file mode 100644
index 00000000..965804b3
--- /dev/null
+++ b/src/views/demo/tiankongdi/curbspotcity/MapList/NewShowInfoModal/index.vue
@@ -0,0 +1,732 @@
+<template>
+  <div class="detail-container">
+    <div class="map-container" v-if="!props.hiddenInfoMap">
+      <MapboxMap
+        :caseno="props.showInfoData.case_no"
+        :countyname="props.showInfoData.countyname"
+        :imageList="imageList"
+        :geomsList="geomsList"
+        :mapConfig="mapConfig"
+        @handlerDrawComplete="handlerDrawComplete"
+        @mapOnLoad="onMapboxLoad"
+        ref="MapboxComponent"
+      />
+    </div>
+    <div class="info-container" id="info-container">
+      <a-tabs v-model:activeKey="activeKey">
+        <a-tab-pane key="1" tab="线索下发">
+          <a-descriptions
+            :column="2"
+            bordered
+            :contentStyle="{
+              'text-align': 'center',
+              'min-width': '250px',
+              'word-break': 'break-all',
+            }"
+          >
+            <a-descriptions-item label="线索编号">{{
+              props.showInfoData.case_no
+            }}</a-descriptions-item>
+            <a-descriptions-item label="线索类型">{{
+              props.showInfoData.typename
+            }}</a-descriptions-item>
+            <a-descriptions-item label="县区">{{
+              props.showInfoData.countyname
+            }}</a-descriptions-item>
+            <a-descriptions-item label="乡镇">{{
+              props.showInfoData.streetname
+            }}</a-descriptions-item>
+            <a-descriptions-item label="社区/村">{{
+              props.showInfoData.communityname
+            }}</a-descriptions-item>
+            <a-descriptions-item label="线索面积(亩)">{{
+              dataProcessing(props.showInfoData.area)
+            }}</a-descriptions-item>
+            <a-descriptions-item label="农用地面积(亩)">{{
+              dataProcessing(props.showInfoData.nongyongdi_area)
+            }}</a-descriptions-item>
+            <a-descriptions-item label="耕地面积(亩)">{{
+              dataProcessing(props.showInfoData.gengdi_area)
+            }}</a-descriptions-item>
+            <a-descriptions-item label="永农面积(亩)">{{
+              dataProcessing(props.showInfoData.yongjiujibennongtian_area)
+            }}</a-descriptions-item>
+            <a-descriptions-item label="占生态红线面积(亩)">{{
+              dataProcessing(props.showInfoData.shengtaibaohuhongxian_area)
+            }}</a-descriptions-item>
+            <a-descriptions-item label="线索描述">{{
+              props.showInfoData.case_description
+            }}</a-descriptions-item>
+            <a-descriptions-item label="备注">{{ props.showInfoData.remark }}</a-descriptions-item>
+            <a-descriptions-item label="经度">{{ props.showInfoData.lng }}</a-descriptions-item>
+            <a-descriptions-item label="纬度">{{ props.showInfoData.lat }}</a-descriptions-item>
+            <a-descriptions-item label="下发时间">{{
+              props.showInfoData.synchronoustime
+            }}</a-descriptions-item>
+            <a-descriptions-item label="线索照片">
+              <div class="image-div">
+                <a-image-preview-group
+                  :preview="{
+                    getContainer: getContainer,
+                  }"
+                >
+                  <template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
+                    <a-image
+                      v-if="imageItem"
+                      width="100px"
+                      height="100px"
+                      :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      :preview="{
+                        getContainer,
+                      }"
+                    ></a-image>
+                  </template>
+                </a-image-preview-group>
+              </div>
+            </a-descriptions-item>
+            <a-descriptions-item label="接收人">{{
+              props.showInfoData.jieshou_people
+            }}</a-descriptions-item>
+            <a-descriptions-item label="接收时间">{{
+              props.showInfoData.jieshou_time?.split('.')[0]
+            }}</a-descriptions-item>
+          </a-descriptions>
+          <div
+            v-if="isKeepSupervision && props.showInfoRecord.piccheck == '待审核'"
+            style="display: flex; justify-content: right; margin-top: 10px; gap: 10px"
+          >
+            <a-button type="primary" @click="funCheckCxjgPic"> 继续持续监管 </a-button>
+            <a-button type="primary" @click="moveInIllegalSubejctOpen = true">
+              转入违法用地
+            </a-button>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane
+          key="2"
+          tab="线索定性"
+          force-render
+        >
+          <a-descriptions
+            :column="2"
+            bordered
+            :contentStyle="{
+              'text-align': 'center',
+              'min-width': '250px',
+              'word-break': 'break-all',
+            }"
+          >
+            <a-descriptions-item label="判定结果">{{
+              getLabel('is_illegal', props.showInfoData.is_illegal)
+            }}</a-descriptions-item>
+            <a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="项目名称">{{
+              props.showInfoData.xiangmumc
+            }}</a-descriptions-item>
+            <a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="项目主体">{{
+              props.showInfoData.xiangmuzhuti
+            }}</a-descriptions-item>
+            <a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="实际用途">{{
+              props.showInfoData.actual_use_to
+            }}</a-descriptions-item>
+            <a-descriptions-item v-if="props.showInfoData.is_illegal == 3" label="附件">
+              <a-image-preview-group :preview="{ getContainer }">
+                <template v-for="(item, itemIndex) in fujianList" :key="itemIndex">
+                  <a-image
+                    v-if="showImage(item)"
+                    style="width: 100px; height: 100px"
+                    :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    :preview="{ getContainer }"
+                  ></a-image>
+                  <div v-else>
+                    <Icon
+                      v-if="item"
+                      :style="`font-size: 30px; cursor: pointer;`"
+                      icon="ion:document-attach-outline"
+                      @click="hanlderPreViewFile(item)"
+                    />
+                    {{ handlerDealFileName(item) }}
+                  </div>
+                </template>
+              </a-image-preview-group>
+            </a-descriptions-item>
+            <a-descriptions-item v-if="props.showInfoData.is_illegal == 0" label="附件">
+              <a-image-preview-group :preview="{ getContainer }">
+                <template v-for="(item, itemIndex) in hefafujianList" :key="itemIndex">
+                  <a-image
+                    v-if="showImage(item)"
+                    style="width: 100px; height: 100px"
+                    :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    :preview="{ getContainer }"
+                  ></a-image>
+                  <div v-else>
+                    <Icon
+                      v-if="item"
+                      :style="`font-size: 30px; cursor: pointer;`"
+                      icon="ion:document-attach-outline"
+                      @click="hanlderPreViewFile(item)"
+                    />
+                    {{ handlerDealFileName(item) }}
+                  </div>
+                </template>
+              </a-image-preview-group>
+            </a-descriptions-item>
+            <a-descriptions-item v-if="props.showInfoData.is_illegal == 2" label="实际用途">{{
+              getLabel('qita_use_to', props.showInfoData.qita_use_to)
+            }}</a-descriptions-item>
+            <a-descriptions-item v-if="props.showInfoData.is_illegal == 2" label="附件">
+              <a-image-preview-group :preview="{ getContainer }">
+                <template v-for="(item, itemIndex) in qitafujianList" :key="itemIndex">
+                  <a-image
+                    v-if="showImage(item)"
+                    style="width: 100px; height: 100px"
+                    :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    :preview="{ getContainer }"
+                  ></a-image>
+                  <div v-else>
+                    <Icon
+                      v-if="item"
+                      :style="`font-size: 30px; cursor: pointer;`"
+                      icon="ion:document-attach-outline"
+                      @click="hanlderPreViewFile(item)"
+                    />
+                    {{ handlerDealFileName(item) }}
+                  </div>
+                </template>
+              </a-image-preview-group>
+            </a-descriptions-item>
+            <a-descriptions-item label="判定依据说明">{{
+              props.showInfoData.pandingyijushuoming
+            }}</a-descriptions-item>
+            <a-descriptions-item label="照片">
+              <div class="image-div">
+                <a-image-preview-group
+                  :preview="{
+                    getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
+                  }"
+                >
+                  <template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
+                    <a-image
+                      v-if="imageItem"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
+                      width="100px"
+                      height="100px"
+                      :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      :preview="{
+                        getContainer,
+                      }"
+                    ></a-image>
+                  </template>
+                </a-image-preview-group>
+              </div>
+            </a-descriptions-item>
+            <a-descriptions-item label="填报人">{{
+              props.showInfoData.examiner_name
+            }}</a-descriptions-item>
+            <a-descriptions-item label="填报时间">{{
+              props.showInfoData.examine_time
+            }}</a-descriptions-item>
+          </a-descriptions>
+        </a-tab-pane>
+      </a-tabs>
+      <div style="height: 40px;" v-if="props.isAuditList">
+        <a-button type="primary" style="margin-right: 15px;" @click="changeBiaozhu(1)">通过</a-button>
+        <a-button type="primary" danger @click="changeBiaozhu(2)">疑似问题</a-button>
+      </div>
+    </div>
+
+    <!-- File Preview && Download Start -->
+    <a-modal
+      v-model:open="previewFileModalVisible"
+      style="width: 100vw"
+      title="文件预览"
+      wrap-class-name="full-modal"
+    >
+      <FilePreview v-if="previewFileModalVisible" :fileUrl="previewFileUrl"></FilePreview>
+      <template #footer>
+        <a-button key="cancel" @click="handleCancelPreviewFile">取消</a-button>
+        <a-button key="confirm" type="primary" @click="handlerDownloadFle">下载</a-button>
+      </template>
+    </a-modal>
+    <!--File Preview && Download End -->
+
+    <a-modal
+      v-model:open="moveInIllegalSubejctOpen"
+      style="width: 40vw; height: 40vw"
+      title="线索照片选择"
+      @ok="funMoveInIllegalSubject"
+    >
+      <div class="moveListAllChoose">
+        <a-checkbox v-model:checked="moveListChecked" @change="moveListAllChoose">
+          按顺序全选
+        </a-checkbox>
+      </div>
+      <div class="moveModal">
+        <a-image-preview-group
+          :preview="{
+            visible: false,
+          }"
+        >
+          <template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
+            <div class="moveList">
+              <img
+                v-if="imageItem"
+                :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                style="cursor: pointer; width: 110px; height: 110px; margin: 5px"
+                @click="moveListAddOrRemove(imageItem)"
+              />
+              <div v-if="moveList.findIndex((item) => item == imageItem) != -1" class="move">
+                {{ moveList.findIndex((item) => item == imageItem) + 1 }}
+              </div>
+            </div>
+          </template>
+        </a-image-preview-group>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { defineProps, ref, computed, onBeforeMount, watch } from 'vue';
+  import MapboxMap from '@/components/MapboxMaps/MapComponent.vue';
+  import { getConfig, getGeom } from '@/api/sys/layerManagement';
+  import { MoveInIllegalSubject, CheckCxjgPic } from '@/api/demo/system';
+  import { getLoadCaseImgList } from '@/api/tiankongdi';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import axios from 'axios';
+  const { createMessage } = useMessage();
+  import Icon from '@/components/Icon/Icon.vue';
+  import { getAppEnvConfig } from '@/utils/env';
+  import { UpdateDroneCaseInfoBiaoZhu } from '@/api/demo/auditlist';
+  import { message } from 'ant-design-vue';
+  const { VITE_GLOB_INFO_IMAGE_URL } = getAppEnvConfig();
+
+  import {
+    mapTypeOptions,
+    illegalTypeOptions,
+    measureOptions,
+    mapStatusOptions,
+    markTypeOptions,
+    illegalTypeList,
+    resultOptions,
+    qitaUseTOOptions,
+  } from '@/utils/global';
+
+  const MapboxComponent = ref();
+  const mapConfig = ref({});
+  const props = defineProps(['showInfoData', 'hiddenInfoMap', 'showInfoRecord', 'isAuditList']);
+  const activeKey = ref('1');
+  const geomsList = ref();
+  const imageList = ref([]);
+  console.log('props', props.showInfoData);
+  watch(
+    () => props.showInfoData,
+    () => {
+      getConfig({ code: 'mapsetting' }).then((res) => {
+        mapConfig.value = JSON.parse(res.codeValue);
+      });
+      changeTask();
+    },
+  );
+  async function getCaseImgList() {
+    imageList.value = await getLoadCaseImgList({
+      caseid: props.showInfoData.id,
+      category: '违法用地',
+    });
+    MapboxComponent.value.handlerLoadPictureAzimuth(imageList.value);
+
+    // 匹配去除无效图片
+    // let zhengshiImageList = [];
+    // imageList.value?.forEach((item,index)=>{
+    //   let obj = anjianzhaopianList.value?.find((it,idx)=>{
+    //     return item.filePath == it;
+    //   })
+    //   if(obj){
+    //     zhengshiImageList.push(imageList.value[index]);
+    //   }
+    // })
+  }
+
+  function handlerDealFileName(path) {
+    const regex = /([^/\\]+)(?=\.[^/\\]*$|$)/;
+    const matchStr = path.match(regex);
+    if (matchStr?.length) {
+      return matchStr[0];
+    }
+  }
+
+  function handlerPreviewImage(index, url) {
+    const regex = /([^/\\]+)(?=\.[^/\\]*$|$)/;
+    const match = url.match(regex);
+    if (match) {
+      MapboxComponent.value.handlerCurrentImageChange(match[1]);
+    }
+  }
+
+  const isInitImageLisener = ref<Boolean>(false);
+  // 监听预览图片地址变化进行箭头切换
+  function handlerImageChange(e): void {
+    isInitImageLisener.value = false;
+    if (e && !isInitImageLisener.value) {
+      setTimeout(function () {
+        const targetNode = document.getElementsByClassName('ant-image-preview-img');
+        targetNode?.forEach((node, index) => {
+          let imageObserver = new MutationObserver((mutationsList) => {
+            for (const mutation of mutationsList) {
+              if (node.getAttribute(mutation.attributeName).match('http')) {
+                handlerPreviewImage(0, node.getAttribute(mutation.attributeName));
+              }
+            }
+          });
+          const config = { attributes: true };
+          imageObserver.observe(node, config);
+          isInitImageLisener.value = true;
+        });
+      }, 250);
+    }
+  }
+
+  onBeforeMount(() => {});
+
+  const anjianzhaopianList = computed(() => {
+    getCaseImgList();
+    return props.showInfoData.anjianzhaopian ? props.showInfoData.anjianzhaopian.split(',') : [];
+  });
+  const casepicList = computed(() => {
+    return props.showInfoData.casepic ? props.showInfoData.casepic.split(',') : [];
+  });
+  const chaichufugenghoupicList = computed(() => {
+    return props.showInfoData.chaichufugenghoupic
+      ? props.showInfoData.chaichufugenghoupic.split(',')
+      : [];
+  });
+  const bubanzhaopianList = computed(() => {
+    return props.showInfoData.bubanzhaopian ? props.showInfoData.bubanzhaopian.split(',') : [];
+  });
+  const fujianList = computed(() => {
+    return props.showInfoData.fujian ? props.showInfoData.fujian.split(',') : [];
+  });
+  const hefafujianList = computed(() => {
+    return props.showInfoData.hefafujian ? props.showInfoData.hefafujian.split(',') : [];
+  });
+  const qitafujianList = computed(() => {
+    return props.showInfoData.qitafujian ? props.showInfoData.qitafujian.split(',') : [];
+  });
+  const zhenggaifujianList = computed(() => {
+    return props.showInfoData.zhenggaifujian ? props.showInfoData.zhenggaifujian.split(',') : [];
+  });
+  const yanshoubiaoList = computed(() => {
+    return props.showInfoData.yanshoubiao ? props.showInfoData.yanshoubiao.split(',') : [];
+  });
+  const wrjffzhaopianList = computed(() => {
+    return props.showInfoData.wrjffzhaopian ? props.showInfoData.wrjffzhaopian.split(',') : [];
+  });
+  const xchczhaopianList = computed(() => {
+    return props.showInfoData.xchczhaopian ? props.showInfoData.xchczhaopian.split(',') : [];
+  });
+  function onMapboxLoad() {
+    changeTask();
+  }
+  const getLabel = (type, value) => {
+    let result: any[] = [];
+    let label = '';
+    switch (type) {
+      case 'is_illegal':
+        result = mapTypeOptions;
+        break;
+      case 'weifaleixing':
+        result = illegalTypeList;
+        break;
+      case 'measure_name':
+        result = measureOptions;
+        break;
+      case 'result_name':
+        result = resultOptions;
+        break;
+      case 'qita_use_to':
+        result = qitaUseTOOptions;
+        break;
+    }
+    result.forEach((item) => {
+      if (item.value == value) {
+        label = item.label;
+      }
+    });
+    return label;
+  };
+  async function changeTask() {
+    let getGeomPrams = {
+      TableName: 'drone_shp_data ',
+      FieldName: 'gid',
+      FieldValue: props.showInfoData.geomid?.split(','),
+      page: 1,
+      limit: 999,
+      key: null,
+    };
+    if (props.showInfoData.geomid) {
+      getGeom(getGeomPrams).then((res) => {
+        let geoms = [];
+        if (res) {
+          if (res.items?.length > 0) {
+            res.items.forEach((item, index) => {
+              let geom = {
+                key: item.gid,
+                mapgeom: item.geometry,
+              };
+              geoms.push(geom);
+              geomsList.value = geoms;
+            });
+          }
+          // MapboxComponent.value.handlerDraw(status,mapgemoList.value, false);
+          MapboxComponent.value.handlerDraw('Details', geoms, false);
+        } else {
+          geomsList.value = null;
+          createMessage.error('当前数据没有线索！');
+        }
+      });
+    } else {
+      createMessage.error('当前数据没有线索！');
+    }
+  }
+
+  // const hanlderPreViewFile = (url) => {
+  //   if (url.indexOf('.pdf') !== -1) {
+  //     axios({
+  //       method: 'get',
+  //       url: `${VITE_GLOB_INFO_IMAGE_URL}/${url}`,
+  //       responseType: 'blob',
+  //       headers: {
+  //         'Content-Disposition': 'inline',
+  //       },
+  //     })
+  //       .then((response) => {
+  //         let blob = new Blob([response.data], { type: 'application/pdf' });
+  //         let url = window.URL.createObjectURL(blob);
+  //         window.open(url);
+  //       })
+  //       .catch((error) => {
+  //         console.error(error);
+  //       });
+  //   } else {
+  //     window.open(`${VITE_GLOB_INFO_IMAGE_URL}/${url}`, '_blank');
+  //   }
+  // };
+
+  ///////// File Preview && Download  ////////
+
+  import FilePreview from '@/components/Upload/src/components/FilePreview.vue';
+
+  const previewFileModalVisible = ref(false);
+  const previewFileUrl = ref('');
+
+  const hanlderPreViewFile = (url) => {
+    previewFileUrl.value = `${VITE_GLOB_INFO_IMAGE_URL}/${url}`;
+    previewFileModalVisible.value = true;
+  };
+
+  const handlerDownloadFle = () => {
+    window.open(previewFileUrl.value, 'mozillaTab');
+  };
+
+  const handleCancelPreviewFile = () => {
+    previewFileModalVisible.value = false;
+  };
+  ///////
+
+  const getContainer = () => {
+    return document.getElementById('info-container');
+  };
+  const dataProcessing = (value) => {
+    if (!value) {
+      return '0';
+    }
+    if (value.indexOf('.') == -1) {
+      return value;
+    } else {
+      if (value.split('.')[1].length <= 2) {
+        return value;
+      }
+      let resultString = value.replace('㎡', '');
+      return Number(resultString).toFixed(2);
+    }
+  };
+  const showImage = (url) => {
+    if (url.indexOf('.png') !== -1 || url.indexOf('.jpg') !== -1 || url.indexOf('.jpeg') !== -1) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  // 是否是持续监察
+  const isKeepSupervision = window.location.href.includes('/tiankongdi/keepSupervision');
+  // 线索照片选择弹窗
+  const moveInIllegalSubejctOpen = ref(false);
+  const moveList: any = ref([]);
+  function moveListAddOrRemove(value) {
+    if (moveList.value.includes(value)) {
+      moveList.value = moveList.value.filter((item) => item !== value);
+    } else {
+      moveList.value.push(value);
+    }
+  }
+  // 全选
+  const moveListChecked = ref(false);
+  function moveListAllChoose(e) {
+    if (e.target.checked) {
+      moveList.value = props.showInfoData.casepic.split(',');
+    } else {
+      moveList.value = [];
+    }
+  }
+
+  // 转入违法用地
+  const funMoveInIllegalSubject = async () => {
+    if (moveList.value.length == 0) {
+      createMessage.error('请选择要转入违法用地的图片！');
+      return;
+    }
+    let querys = {
+      caseId: props.showInfoData.Id || props.showInfoData.id,
+      casepic: moveList.value.toString(),
+    };
+    await MoveInIllegalSubject(querys).then((res) => {
+      if (res) {
+        createMessage.success('转移成功！');
+      }
+    });
+  };
+
+  // 继续持续监管
+  const funCheckCxjgPic = async () => {
+    let querys = {
+      id: props.showInfoData.case_no,
+    };
+    await CheckCxjgPic(querys).then((res) => {
+      if (res) {
+        createMessage.success('图片审核成功，持续监管中！');
+      }
+    });
+  };
+  const changeBiaozhu = (type: number) => {
+    UpdateDroneCaseInfoBiaoZhu({id: props.showInfoData.id, biaozhu: type}).then(res => {
+      message.success(res)
+    })
+  }
+</script>
+
+<style lang="scss" scoped>
+  .image-div {
+    min-width: 340px;
+    max-height: 220px;
+    overflow: auto;
+  }
+  .detail-container {
+    width: 100%;
+    height: calc(100vh - 120px);
+    display: flex;
+    padding: 0px 20px;
+  }
+  .detail-container::after {
+    content: '';
+    display: block;
+    clear: both;
+    height: 0;
+    visibility: none;
+  }
+  .map-container {
+    float: left;
+    width: 45vw;
+    height: calc(100vh - 100px);
+    margin-right: 20px;
+  }
+  :deep(.ant-image) {
+    margin-right: 10px;
+    margin-bottom: 10px;
+  }
+  :deep(.ant-image-preview-switch-left) {
+    position: absolute;
+  }
+  :deep(.ant-image-preview-switch-right) {
+    position: absolute;
+  }
+  .info-container {
+    // float: left;
+    position: relative;
+    flex: 1;
+    :deep(.ant-image-preview-wrap) {
+      position: absolute;
+    }
+    :deep(.ant-image-preview-mask) {
+      position: absolute;
+    }
+    :deep(.ant-image-preview-operations-wrapper) {
+      height: 100%;
+      position: absolute;
+      .ant-image-preview-operations {
+        position: absolute;
+        top: 0;
+        width: 100%;
+        .ant-image-preview-operations-operation {
+          // flex:1;
+        }
+      }
+      .ant-image-preview-operations-operation:nth-last-child(1) {
+        display: none;
+      }
+      .ant-image-preview-operations-operation:nth-last-child(2) {
+        display: none;
+      }
+    }
+  }
+  ::v-deep .ant-tabs .ant-tabs-content-holder {
+    overflow: auto;
+    height: calc(80vh - 40px);
+    overflow: auto;
+    padding-right: 10px;
+  }
+
+  // 线索照片选择
+  .moveListAllChoose {
+    display: flex;
+    align-items: center;
+    justify-content: left;
+    margin-left: 30px;
+    height: 30px;
+
+    // 页面不能被选中
+    -webkit-user-select: none; /* Safari */
+    -moz-user-select: none; /* Firefox */
+    -ms-user-select: none; /* IE/Edge */
+    user-select: none;
+  }
+
+  .moveModal {
+    position: relative;
+    margin-left: 24px;
+    margin-right: 24px;
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    max-height: 600px;
+    overflow-y: auto;
+
+    .moveList {
+      position: relative;
+      width: 120px;
+      height: 120px;
+
+      .move {
+        position: absolute;
+        bottom: 5px;
+        right: 5px;
+        width: 20px;
+        height: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: red;
+        color: azure;
+      }
+    }
+  }
+</style>
diff --git a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
index d7c3fd4e..44467cff 100644
--- a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
+++ b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
@@ -453,10 +453,6 @@
           </a-descriptions>
         </a-tab-pane>
       </a-tabs>
-      <div style="height: 40px;" v-if="props.isAuditList">
-        <a-button type="primary" style="margin-right: 15px;" @click="changeBiaozhu(1)">通过</a-button>
-        <a-button type="primary" danger @click="changeBiaozhu(2)">疑似问题</a-button>
-      </div>
     </div>
 
     <!-- File Preview && Download Start -->
@@ -521,8 +517,6 @@
   const { createMessage } = useMessage();
   import Icon from '@/components/Icon/Icon.vue';
   import { getAppEnvConfig } from '@/utils/env';
-  import { UpdateDroneCaseInfoBiaoZhu } from '@/api/demo/auditlist';
-  import { message } from 'ant-design-vue';
   const { VITE_GLOB_INFO_IMAGE_URL } = getAppEnvConfig();
 
   import {
@@ -538,7 +532,7 @@
 
   const MapboxComponent = ref();
   const mapConfig = ref({});
-  const props = defineProps(['showInfoData', 'hiddenInfoMap', 'showInfoRecord', 'isAuditList']);
+  const props = defineProps(['showInfoData', 'hiddenInfoMap', 'showInfoRecord',]);
   const activeKey = ref('1');
   const geomsList = ref();
   const imageList = ref([]);
@@ -832,11 +826,6 @@
       }
     });
   };
-  const changeBiaozhu = (type: number) => {
-    UpdateDroneCaseInfoBiaoZhu({id: props.showInfoData.id, biaozhu: type}).then(res => {
-      message.success(res)
-    })
-  }
 </script>
 
 <style lang="scss" scoped>
@@ -905,7 +894,7 @@
   }
   ::v-deep .ant-tabs .ant-tabs-content-holder {
     overflow: auto;
-    height: calc(80vh - 40px);
+    height:80vh;
     overflow: auto;
     padding-right: 10px;
   }