From 665c6ed554df8780989340d8592d81cf1ef88540 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BB=95=E5=B5=A9?= <17854119262@163.com>
Date: Wed, 4 Jun 2025 15:49:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=9D=E6=B3=95=E7=94=A8=E5=9C=B0-=E6=8C=81?=
 =?UTF-8?q?=E7=BB=AD=E7=9B=91=E7=AE=A1-=E5=AE=A1=E6=A0=B8=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=8B=AC=E7=AB=8B=E5=87=BA=E6=9D=A5=E2=86=92=E7=BB=A7?=
 =?UTF-8?q?=E7=BB=AD=E6=8C=81=E7=BB=AD=E7=9B=91=E7=AE=A1=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=EF=BC=8C=E5=9B=BE=E7=89=87=E6=8F=92=E5=85=A5=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MapList/ShowInfoModal/index.vue           |  17 +-
 .../keepSupervision/keepSupervision.data.ts   |  96 ++++++-----
 .../keepSupervision/uploadModal.vue           | 150 ++++++++----------
 3 files changed, 133 insertions(+), 130 deletions(-)

diff --git a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
index db3f386a..bd4022ef 100644
--- a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
+++ b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
@@ -95,9 +95,10 @@
             }}</a-descriptions-item>
           </a-descriptions>
           <div
-            style="display: flex; justify-content: right; margin-top: 10px"
             v-if="isKeepSupervision"
+            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>
@@ -509,7 +510,7 @@
   import { defineProps, ref, computed, onBeforeMount, watch } from 'vue';
   import MapboxMap from '@/components/MapboxMaps/MapComponent.vue';
   import { getConfig, getGeom } from '@/api/sys/layerManagement';
-  import { MoveInIllegalSubject } from '@/api/demo/system';
+  import { MoveInIllegalSubject, CheckCxjgPic } from '@/api/demo/system';
   import { getLoadCaseImgList } from '@/api/tiankongdi';
   import { useMessage } from '@/hooks/web/useMessage';
   import axios from 'axios';
@@ -809,6 +810,18 @@
       }
     });
   };
+
+  // 继续持续监管
+  const funCheckCxjgPic = async () => {
+    let querys = {
+      id: props.showInfoData.case_no,
+    };
+    await CheckCxjgPic(querys).then((res) => {
+      if (res) {
+        createMessage.success('图片审核成功，持续监管中！');
+      }
+    });
+  };
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/demo/tiankongdi/keepSupervision/keepSupervision.data.ts b/src/views/demo/tiankongdi/keepSupervision/keepSupervision.data.ts
index 72fea56f..469cad03 100644
--- a/src/views/demo/tiankongdi/keepSupervision/keepSupervision.data.ts
+++ b/src/views/demo/tiankongdi/keepSupervision/keepSupervision.data.ts
@@ -30,7 +30,7 @@ export const columns: BasicColumn[] = [
   {
     title: '图斑编号',
     dataIndex: 'caseno',
-    width: 200,
+    width: 250,
   },
   {
     title: '图斑类型',
@@ -120,16 +120,15 @@ export const searchFormSchema: FormSchema[] = [
       };
     },
   },
-  {
-    field: 'picihao',
-    label: '批次',
-    component: 'Select',
-    colProps: { span: 4 },
-    componentProps: {
-      options: [],
-    },
-  },
- 
+  // {
+  //   field: 'picihao',
+  //   label: '批次',
+  //   component: 'Select',
+  //   colProps: { span: 4 },
+  //   componentProps: {
+  //     options: [],
+  //   },
+  // },
   {
     field: 'typename',
     label: '图斑类型',
@@ -187,37 +186,37 @@ export const searchFormSchema: FormSchema[] = [
       };
     },
   },
-  {
-    field: 'nowStatus',
-    label: '当前状态',
-    component: 'Select',
-    componentProps: {
-      options: nowStatusOptions,
-    },
-    colProps: { span: 4 },
-    slot: 'dangqianzhuangtai',
-  },
-  {
-    field: 'isIllegal',
-    label: '判定结果',
-    component: 'Select',
-    colProps: { span: 4 },
-    componentProps: {
-      options: mapTypeOptions,
-    },
-  },
-  {
-    field: 'weifaleixing',
-    label: '违法类型',
-    component: 'Select',
-    colProps: { span: 4 },
-    componentProps: {
-      options: [
-        { label: '非农化违法用地', value: '0' },
-        { label: '非粮化违法用地', value: '1' },
-      ],
-    },
-  },
+  // {
+  //   field: 'nowStatus',
+  //   label: '当前状态',
+  //   component: 'Select',
+  //   componentProps: {
+  //     options: nowStatusOptions,
+  //   },
+  //   colProps: { span: 4 },
+  //   slot: 'dangqianzhuangtai',
+  // },
+  // {
+  //   field: 'isIllegal',
+  //   label: '判定结果',
+  //   component: 'Select',
+  //   colProps: { span: 4 },
+  //   componentProps: {
+  //     options: mapTypeOptions,
+  //   },
+  // },
+  // {
+  //   field: 'weifaleixing',
+  //   label: '违法类型',
+  //   component: 'Select',
+  //   colProps: { span: 4 },
+  //   componentProps: {
+  //     options: [
+  //       { label: '非农化违法用地', value: '0' },
+  //       { label: '非粮化违法用地', value: '1' },
+  //     ],
+  //   },
+  // },
   {
     field: 'measureName',
     label: '整改措施',
@@ -256,6 +255,19 @@ export const searchFormSchema: FormSchema[] = [
     component: 'Input',
     colProps: { span: 4 },
   },
+  {
+    field: 'picCheck',
+    label: '审核状态',
+    component: 'Select',
+    colProps: { span: 4 },
+    componentProps: {
+      options: [
+        { label: '未上传', value: '0' },
+        { label: '待审核', value: '1' },
+        { label: '已审核', value: '2' },
+      ],
+    },
+  },
   {
     field: '[startTime, endTime]',
     label: '下发时间',
diff --git a/src/views/demo/tiankongdi/keepSupervision/uploadModal.vue b/src/views/demo/tiankongdi/keepSupervision/uploadModal.vue
index 04b6bbe4..b14098c0 100644
--- a/src/views/demo/tiankongdi/keepSupervision/uploadModal.vue
+++ b/src/views/demo/tiankongdi/keepSupervision/uploadModal.vue
@@ -5,6 +5,7 @@
         v-model:file-list="fileList"
         list-type="picture-card"
         multiple
+        :accept="'.jpg,.jpeg,.png'"
         :showUploadList="false"
         :custom-request="customRequest"
       >
@@ -79,17 +80,6 @@
         </template>
       </a-table>
       <div class="updateDiv">
-        <a-tooltip
-          v-if="
-            fileList && fileList.length > 0 && fileList.find((item) => item.status == 'updateError')
-          "
-        >
-          <template #title>在报【有未审核的图片，不允许上传】的错误时，可以点击</template>
-          <a-button type="primary" @click="funCheckCxjgPic" style="margin-right: 10px">
-            审核图片
-          </a-button>
-        </a-tooltip>
-        <!-- {{ .length }} -->
         <a-button type="primary" @click="startUploadCXJGData">
           将上传成功的图片插入到数据库
         </a-button>
@@ -102,7 +92,7 @@
   import { PlusOutlined, CheckCircleOutlined, CloseCircleOutlined } from '@ant-design/icons-vue';
   import { getAppEnvConfig } from '@/utils/env';
   import axios from 'axios';
-  import { UpdateCxjgData, CheckCxjgPic } from '@/api/demo/system';
+  import { UpdateCxjgData } from '@/api/demo/system';
   import { uploadColumns } from './keepSupervision.data';
   import { message } from 'ant-design-vue';
 
@@ -156,80 +146,15 @@
   };
 
   // 持续监管-图片插入启动
+  let uoloadArray: any = [];
   async function startUploadCXJGData() {
     const list = fileList.value;
+    uoloadArray = [];
+
     if (!list || list.length === 0) return;
-    for (let i = 0; i < list.length; i++) {
-      const item = list[i];
+    list.forEach((item) => {
       if (item.status === 'done' || item.status === 'updateError') {
-        // 等待上传完成并返回 true 后，再继续下一个循环
-        await UpdateUploadCXJGData(item);
-      }
-    }
-  }
-
-  // 持续监管-图片插入
-  async function UpdateUploadCXJGData(value) {
-    let caseid = value.name.split('.').slice(0, -1).join('.');
-    let flag = false;
-    if (caseid.includes('_CX')) {
-      flag = true;
-    }
-    if (caseid.includes('_')) {
-      caseid = caseid.split('_').slice(0, 1).join('_');
-    }
-    if (flag) {
-      caseid = caseid + '_CX';
-    }
-    const index = fileList.value.findIndex((item) => item.uid === value.uid);
-    if (index === -1) return false; // 如果找不到对应文件项，直接返回
-    let querys = {
-      caseid: caseid,
-      path: value.url,
-    };
-    try {
-      const res1 = await UpdateCxjgData(querys);
-      if (res1) {
-        // 图片上传成功，开始审核
-        const res2 = await CheckCxjgPic({ id: caseid });
-        if (res2) {
-          // 审核通过
-          fileList.value[index] = {
-            ...fileList.value[index],
-            status: 'updateSuccess',
-          };
-        } else {
-          // 审核失败
-          fileList.value[index] = {
-            ...fileList.value[index],
-            status: 'updateError',
-          };
-        }
-      } else {
-        // 上传失败
-        fileList.value[index] = {
-          ...fileList.value[index],
-          status: 'updateError',
-        };
-        message.error('有未审核的图片，不允许上传');
-      }
-    } catch (error) {
-      console.error('上传或审核出错:', error);
-      fileList.value[index] = {
-        ...fileList.value[index],
-        status: 'updateError',
-      };
-    }
-  }
-
-  // 持续监管-图片审核
-  async function funCheckCxjgPic() {
-    const list = fileList.value;
-    if (!list || list.length === 0) return;
-    for (let i = 0; i < list.length; i++) {
-      const item = list[i];
-      if (item.status === 'updateError') {
-        // 等待上传完成并返回 true 后，再继续下一个循环
+        // 三个参数
         let caseid = item.name.split('.').slice(0, -1).join('.');
         let flag = false;
         if (caseid.includes('_CX')) {
@@ -241,13 +166,66 @@
         if (flag) {
           caseid = caseid + '_CX';
         }
-        await CheckCxjgPic({ id: caseid });
-        const index = fileList.value.findIndex((item) => item.uid === item.uid);
+        const index = fileList.value.findIndex((l) => l.uid === item.uid);
+        const path = item.url;
+        // 按图斑编号分组
+        const uoloadArrayIndex = uoloadArray.findIndex((l) => l.caseid === caseid);
+        if (uoloadArrayIndex != -1) {
+          uoloadArray[uoloadArrayIndex].index += ',' + index;
+          uoloadArray[uoloadArrayIndex].path += ',' + path;
+        } else {
+          uoloadArray.push({
+            caseid: caseid,
+            index: index.toString(),
+            path: path,
+          });
+        }
+      }
+    });
+
+    // 持续监管-图片插入
+    if (!uoloadArray || uoloadArray.length === 0) return;
+    for (let i = 0; i < uoloadArray.length; i++) {
+      await UpdateUploadCXJGData(uoloadArray[i]);
+    }
+  }
+
+  // 持续监管-图片插入
+  async function UpdateUploadCXJGData(value) {
+    let querys = {
+      caseid: value.caseid,
+      path: value.path,
+    };
+    try {
+      await UpdateCxjgData(querys).then((res) => {
+        if (res) {
+          const indexs = value.index.split(',');
+          indexs?.forEach((index) => {
+            fileList.value[index] = {
+              ...fileList.value[index],
+              status: 'updateSuccess',
+            };
+          });
+        } else {
+          const indexs = value.index.split(',');
+          indexs?.forEach((index) => {
+            fileList.value[index] = {
+              ...fileList.value[index],
+              status: 'updateError',
+            };
+          });
+          message.error(`当前图斑【${value.caseid}】有未审核的图片，不允许继续上传，请先审核！`);
+        }
+      });
+    } catch (error) {
+      const indexs = value.index.split(',');
+      indexs?.forEach((index) => {
         fileList.value[index] = {
           ...fileList.value[index],
-          status: 'updateSuccess',
+          status: 'updateError',
         };
-      }
+      });
+      console.error('上传或审核出错:', error);
     }
   }
 </script>