From 1f63f1446be2f4bd869443bd47ff4029c17f913e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=A6=8D?= <1455167345@qq.com>
Date: Wed, 24 Apr 2024 14:49:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BB=B6=E8=AF=A6=E6=83=85=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/monitor/index.ts                      |  16 +-
 src/api/monitor/model/index.ts                |  23 +
 src/assets/images/icon_fly2.png               | Bin 0 -> 18132 bytes
 src/views/demo/monitor/caselist/index.vue     |   2 +-
 src/views/demo/monitor/caseview/index.vue     | 548 +++++++-----------
 src/views/demo/monitor/caseview/model.ts      |   8 +
 .../demo/monitor/caseview/src/evidence.vue    |  97 ++++
 .../demo/monitor/caseview/src/inspect.vue     |   2 +-
 .../demo/monitor/caseview/src/investigate.vue | 100 ++++
 .../demo/monitor/caseview/src/mapDetail.vue   | 205 +++++++
 .../demo/monitor/caseview/src/procedure.vue   | 111 ++++
 src/views/demo/monitor/index.ts               |  17 +
 12 files changed, 777 insertions(+), 352 deletions(-)
 create mode 100644 src/assets/images/icon_fly2.png
 create mode 100644 src/views/demo/monitor/caseview/src/evidence.vue
 create mode 100644 src/views/demo/monitor/caseview/src/investigate.vue
 create mode 100644 src/views/demo/monitor/caseview/src/mapDetail.vue
 create mode 100644 src/views/demo/monitor/caseview/src/procedure.vue

diff --git a/src/api/monitor/index.ts b/src/api/monitor/index.ts
index d12f672..3901b86 100644
--- a/src/api/monitor/index.ts
+++ b/src/api/monitor/index.ts
@@ -1,7 +1,7 @@
 
 // WFProcess 流程模版基本信息 
 import { defHttp } from '@/utils/http/axios';
-import { caseFlowLogParams , flowLogModel} from './model/index'
+import { caseFlowLogParams , flowLogModel , droneCaseDealModel ,droneCaseDealParams} from './model/index'
 
 enum Api {
   // 获取案件详情步骤条
@@ -12,7 +12,8 @@ enum Api {
    GetCaseInfo = '/api/DroneCaseinfo/GetCaseInfo',
   // 案件列表
   LoadCaseInfoList = '/api/DroneCaseinfo/LoadCaseInfoList',
-  
+  // 获取GeoJson图层
+  GetDroneGeoJson='/api/DroneCaseinfo/GetDroneGeoJson'
 }
 
 /**
@@ -24,8 +25,8 @@ enum Api {
 /**
  * @description: getCaseFlowLog
  */
-export function getDroneCaseDeal(params?: caseFlowLogParams) {
-  return defHttp.get<flowLogModel>({ url: Api.GetDroneCaseDeal, params });
+export function getDroneCaseDeal(params?: droneCaseDealParams) {
+  return defHttp.get<droneCaseDealModel>({ url: Api.GetDroneCaseDeal, params });
 }
 /**
  * @description: getCaseFlowLog
@@ -39,4 +40,11 @@ export function getCaseInfo(params?: caseFlowLogParams) {
 export function getCaseInfoList(params?: caseFlowLogParams) {
   return defHttp.get<flowLogModel>({ url: Api.LoadCaseInfoList, params });
 }
+/**
+ * @description: getCaseFlowLog
+ */
+export function getDroneGeoJson(params?: caseFlowLogParams) {
+  return defHttp.get<flowLogModel>({ url: Api.GetDroneGeoJson, params });
+}
+
 
diff --git a/src/api/monitor/model/index.ts b/src/api/monitor/model/index.ts
index 0c2f53c..726ed4f 100644
--- a/src/api/monitor/model/index.ts
+++ b/src/api/monitor/model/index.ts
@@ -1,6 +1,9 @@
 export interface caseFlowLogParams {
   id?: string;
 }
+export interface droneCaseDealParams{
+  caseid?:string;
+}
 export interface flowLog {
   name: string;
   time: string;
@@ -9,3 +12,23 @@ export interface flowLog {
   state?:string;
 }
 export type flowLogModel = flowLog[];
+
+export interface fileList{
+  filePath?:string | undefined;
+  s_filePath?:string;
+}
+export type fileListModel = fileList[];
+
+export type droneCaseDealModel = {
+  video_list?: any;
+  pic_info_list?: any;
+  after_pic_list?: any;
+  remove_video_list?: any;
+  evidence_file_list?: any;
+  boundary_pic_list?: any;
+  punish_pic_list?: any;
+  payment_pic_list?: any;
+  agree_checkout_pic_list?: any;
+  checkout_pic_list?: any;
+  
+}
diff --git a/src/assets/images/icon_fly2.png b/src/assets/images/icon_fly2.png
new file mode 100644
index 0000000000000000000000000000000000000000..180449da4364f70c551b70cec787a8cfc2acb836
GIT binary patch
literal 18132
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

literal 0
HcmV?d00001

diff --git a/src/views/demo/monitor/caselist/index.vue b/src/views/demo/monitor/caselist/index.vue
index d5ab45a..c1e823d 100644
--- a/src/views/demo/monitor/caselist/index.vue
+++ b/src/views/demo/monitor/caselist/index.vue
@@ -39,7 +39,7 @@
   import { PermissionBtn } from '@/components/PermissionBtn/index';
   import { searchFormSchema, columns } from './list.data';
   import { BasicModal, useModal } from '@/components/Modal';
-  import { CaseView } from '../index';
+  import { CaseView } from '@/views/demo/monitor/index';
   const { createConfirm, createMessage } = useMessage();
   const searchInfo = reactive<Recordable>({});
 
diff --git a/src/views/demo/monitor/caseview/index.vue b/src/views/demo/monitor/caseview/index.vue
index 67aba88..be59a78 100644
--- a/src/views/demo/monitor/caseview/index.vue
+++ b/src/views/demo/monitor/caseview/index.vue
@@ -6,7 +6,6 @@
         type="navigation"
         size="small"
         :style="stepStyle"
-        @change="setpChange"
       >
         <a-step
           v-for="(item, index) in flowLog"
@@ -18,23 +17,129 @@
       </a-steps>
     </div>
     <div class="case-view_content">
-      <CollapseContainer :title="descriptionTitle" :canExpan="false" class="w-1/2 xl:w-1/2">
-        <Issue v-if="currentName == '下发'" :data="detailData"></Issue>
-        <Inspect
-          v-else-if="currentName == '核查'"
-          :data="caseHandleInfo"
-          :playerOptions="playerOptions"
-          :threadImageList="threadImageList"
-        ></Inspect>
-        <Audit v-else-if="currentName == '审核'" :data="flowLog[3]"></Audit>
-        <div v-else-if="currentName == '伪变化'"> 伪变化没有案件办理信息 </div>
-        <Dismantle
-          v-else-if="currentName == '拟拆除'"
-          :data="caseHandleInfo"
-          :videoOptions="videoOptions"
-        ></Dismantle>
-      </CollapseContainer>
-      <CollapseContainer title="地图位置" :canExpan="false" class="ml-1 w-1/2 xl:w-1/2">
+      <div class="file-box w-1/2 xl:w-1/2" v-if="caseHandleInfo">
+        <CollapseContainer
+          title="【案件下发信息】"
+          :canExpan="false"
+          v-if="current == 0 || current == 4"
+        >
+          <Issue :data="detailData"></Issue>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件核查信息】"
+          :canExpan="false"
+          v-if="current == 1 || current == 4"
+        >
+          <Inspect
+            :data="caseHandleInfo"
+            :playerOptions="playerOptions"
+            :threadImageList="threadImageList"
+          ></Inspect>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件办理信息-合法举证】"
+          :canExpan="false"
+          v-if="
+            (caseHandleInfo.is_illegal == '合法' && current == 2) ||
+            (caseHandleInfo.is_illegal == '合法' && current == 4)
+          "
+        >
+          <Evidence
+            :data="caseHandleInfo"
+            :evidenceFileList="evidenceFileList"
+            :boundaryImageList="boundaryImageList"
+          ></Evidence>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件办理信息-伪变化】"
+          :canExpan="false"
+          v-if="
+            (caseHandleInfo.is_illegal == '伪变化' && current == 2) ||
+            (caseHandleInfo.is_illegal == '伪变化' && current == 4)
+          "
+        >
+          <div> 伪变化没有案件办理信息 </div>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件办理信息-违法-拟拆除】"
+          :canExpan="false"
+          v-if="
+            (caseHandleInfo.is_illegal == '违法' &&
+              caseHandleInfo.info.measure_name == '拟拆除' &&
+              current == 2) ||
+            (caseHandleInfo.is_illegal == '违法' &&
+              caseHandleInfo.info.measure_name == '拟拆除' &&
+              current == 4)
+          "
+        >
+          <Dismantle :data="caseHandleInfo" :videoOptions="videoOptions"></Dismantle>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件办理信息-违法-查处】"
+          :canExpan="false"
+          v-if="
+            (caseHandleInfo.is_illegal == '违法' &&
+              caseHandleInfo.info.measure_name == '查处' &&
+              current == 2) ||
+            (caseHandleInfo.is_illegal == '违法' &&
+              caseHandleInfo.info.measure_name == '查处' &&
+              current == 4)
+          "
+        >
+          <Investigate
+            :data="caseHandleInfo"
+            :paymentImageList="paymentImageList"
+            :punishImageList="punishImageList"
+          ></Investigate>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件办理信息-违法-拟完善手续】"
+          :canExpan="false"
+          v-if="
+            (caseHandleInfo.is_illegal == '违法' &&
+              caseHandleInfo.info.measure_name == '拟完善手续' &&
+              current == 2) ||
+            (caseHandleInfo.is_illegal == '违法' &&
+              caseHandleInfo.info.measure_name == '拟完善手续' &&
+              current == 4)
+          "
+        >
+          <Procedure
+            :data="caseHandleInfo"
+            :agreeImageList="agreeImageList"
+            :checkoutImageList="checkoutImageList"
+            :boundaryImageList="boundaryImageList"
+          ></Procedure>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件审核信息】"
+          :canExpan="false"
+          v-if="current == 3 || current == 4"
+        >
+          <Audit :data="flowLog[3]"></Audit>
+        </CollapseContainer>
+
+        <CollapseContainer
+          title="【案件退回描述】"
+          :canExpan="false"
+          v-if="detailData.is_drawback == 1"
+        >
+          <a-descriptions bordered :column="2" size="small" :labelStyle="labelStyle">
+            <a-descriptions-item label="退回描述">
+              {{ detailData.drawback_description }}
+            </a-descriptions-item>
+          </a-descriptions>
+        </CollapseContainer>
+      </div>
+      <CollapseContainer title="地图位置" :canExpan="false" class="map-box ml-1 w-1/2 xl:w-1/2">
+        <MapDetail :ruleForm="detailData" :isOnce="true"></MapDetail>
       </CollapseContainer>
     </div>
   </div>
@@ -44,80 +149,63 @@
   // 拟拆除 202404181541067344
   import { ref, onMounted, reactive, watch } from 'vue';
   import { getCaseFlowLog, getCaseInfo, getDroneCaseDeal } from '@/api/monitor/index';
+  import { fileListModel, fileList } from '@/api/monitor/model/index';
   import { CollapseContainer } from '@/components/Container';
-  import { Issue, Inspect, Audit, Dismantle } from '../index';
+  import {
+    Issue,
+    Inspect,
+    Audit,
+    Dismantle,
+    MapDetail,
+    Evidence,
+    Investigate,
+    Procedure,
+  } from '../index';
   const BASE_IMAGE_URL = ref('http://192.168.104:9011');
   const current = ref<number>(0);
-  const currentName = ref('下发');
   const stepStyle = ref({
     marginBottom: '60px',
     boxShadow: '0px -1px 0 0 #e8e8e8 inset',
   });
+  const labelStyle = ref({
+    width: '100px',
+  });
   const props = defineProps({
     caseId: String,
   });
+  console.log(props);
   watch(
     () => props.caseId,
     (newVal, oldVal) => {
-      // getCaseFlowLogData();
+      console.log(newVal);
+      getCaseFlowLogData();
       loadDetailCaseInfo();
       getCaseHandleInfo();
     },
   );
-  const descriptionTitle = ref('案件下发信息');
   const detailData = ref();
   const caseHandleInfo = ref();
   const playerOptions = ref();
   //现场照片
-  const threadImageList = ref([]);
+  const threadImageList = ref<fileListModel>([]);
   // 整改后、处理后照片
-  const threadAfterImageList = ref([]);
+  const threadAfterImageList = ref<any>([]);
   //   视频
   const videoOptions = ref();
   //合法举证材料列表
-  const evidenceFileList = ref([]);
+  const evidenceFileList = ref<fileListModel>([]);
   //   勘测定界图
-  const boundaryImageList = ref([]);
+  const boundaryImageList = ref<fileListModel>([]);
   //处罚通知书照片
-  const punishImageList = ref([]);
+  const punishImageList = ref<fileListModel>([]);
   //交罚款通知书照片
-  const paymentImageList = ref([]);
+  const paymentImageList = ref<fileListModel>([]);
   //政府同意完善手续证明照片
-  const agreeImageList = ref([]);
+  const agreeImageList = ref<fileListModel>([]);
   //办理手续证明照片
-  const checkoutImageList = ref([]);
+  const checkoutImageList = ref<fileListModel>([]);
 
-  const flowLog = ref([
-    {
-      status: 1,
-      name: '下发',
-      user_name: '孙月芝',
-      state: 'finish',
-      time: '2024-04-23 09:22:51',
-    },
-    {
-      status: 1,
-      name: '核查',
-      user_name: '',
-      time: '',
-      state: 'finish',
-    },
-    { name: '伪变化', status: 1, time: '', user_name: '', state: 'finish' },
-    {
-      status: 1,
-      name: '审核',
-      user_name: '',
-      state: 'finish',
-      time: '',
-    },
-    {
-      status: 1,
-      name: '归档',
-      user_name: '',
-      state: 'finish',
-      time: '',
-    },
-  ]);
+  const flowLog = ref();
   //   获取步骤条数据
   async function getCaseFlowLogData() {
     current.value = 0;
@@ -128,7 +216,7 @@
         name: '伪变化',
         status: 1,
         time: '',
-        state: '',
+        state: 'finish',
         user_name: '',
       };
       flowLog.value.splice(2, 0, obj);
@@ -142,237 +230,20 @@
         flowLog.value[index].state = 'wait';
       }
     });
-    if (current.value == 0) {
-      current.value = 1;
+    if (current.value != 0) {
+      current.value--;
     }
-    flowLog.value[current.value - 1].state = 'success';
   }
   //   获取详情
   async function loadDetailCaseInfo() {
-    // const data = await getCaseInfo({id:props.caseId})
-    const data = {
-      lng: 118.042605,
-      lat: 35.10077,
-      work_area: '',
-      info: {
-        id: 'a310575e-9734-42cb-a3f2-e3361eb32505',
-        case_no: '202404221357378830',
-        case_name: null,
-        case_description: '豹窝村 疑似新增简易棚',
-        start_time: null,
-        end_time: null,
-        address: '',
-        lng: 118.042415,
-        lat: 35.100842,
-        typeid: '64560cc6-0ce9-4fc0-a6de-31d6c83892cc',
-        typename: '非农化-建设',
-        handle_status_id: 1,
-        handle_status_name: '待审核',
-        case_status_id: null,
-        case_status_name: null,
-        createtime: '2024-04-22 13:57:37',
-        createuser: 'f10c0e32-8e53-4ec8-8712-e93c2f07488b',
-        createusername: '葛孝城',
-        drone_no: null,
-        deal_userid: '356d6ae4-bf0e-4a37-8a7f-f7f291894ba2',
-        deal_username: '王大刚',
-        is_delete: 0,
-        countyid: 'e49b02f6-70b0-4f47-bdda-41a69002be11',
-        countyname: '费县',
-        streetid: 'c0069852-a10c-4017-b8da-3386c165968e',
-        streetname: '马庄镇',
-        communityid: 'f2b31306-655a-4558-8c0b-bc683dd2cf17',
-        communityname: '豹窝村',
-        remark: '疑似新建',
-        is_closed: 0,
-        area: '35.79',
-        is_illegal: 2,
-        close_user: null,
-        close_time: null,
-        identification_user: '许婷',
-        identification_time: '2024-04-22 14:11:19',
-        is_intact: 1,
-        close_userid: null,
-        identification_userid: '834ff436-d931-4da9-9c4f-859e5c90b369',
-        verifyuserid: null,
-        verifyuser: null,
-        verifytime: null,
-        is_improve: 0,
-        improve_reason: null,
-        is_dispense: null,
-        dispense_userid: null,
-        dispense_time: null,
-        dispense_username: null,
-        verifystatus: 0,
-        verifystatusname: '国土所长（乡镇）',
-        is_checked: null,
-        deal_time: '2024-04-22 16:51:32',
-        pre_phase_time: '2024-04-22 00:00:00',
-        later_phase_time: '2024-04-22 00:00:00',
-        pre_phase_img: '',
-        later_phase_img: '',
-        is_verification: null,
-        verification_userid: null,
-        verification_username: null,
-        verification_time: null,
-        is_drawback: null,
-        drawbackcount: null,
-        back_to_userid: null,
-        back_to_username: null,
-        drawback_type: null,
-        drawback_description: null,
-        is_tentative_complete: null,
-        tentative_userid: null,
-        tentative_username: null,
-        tentative_time: null,
-        is_examine: 1,
-        examiner_id: '356d6ae4-bf0e-4a37-8a7f-f7f291894ba2',
-        examiner_name: '王大刚',
-        examine_time: '2024-04-22 16:51:32',
-        measure_name: null,
-      },
-      pic_list: [
-        'DroneEnforcement\\2024\\20240422\\2024042213573513520131.png',
-        'DroneEnforcement\\2024\\20240422\\2024042214105714450132.jpg',
-        'DroneEnforcement\\2024\\20240422\\2024042214110534770120.jpg',
-      ],
-      video_list: [],
-      relationCaseNo: [],
-      tags: [],
-      pics: [
-        {
-          id: '9f94cde6-dcf9-42fe-8ed5-097ecd7d053f',
-          path: 'DroneEnforcement\\2024\\20240422\\2024042213573513520131.png',
-          type: 0,
-          tablename: 'drone_caseinfo',
-          createtime: '2024-04-22 13:57:38',
-          createuser: 'f10c0e32-8e53-4ec8-8712-e93c2f07488b',
-          createusername: '葛孝城',
-          is_delete: 0,
-          relid: 'a310575e-9734-42cb-a3f2-e3361eb32505',
-          latitude: null,
-          longitude: null,
-          angle: null,
-          tag: null,
-        },
-        {
-          id: '643781da-c7ba-4591-ade7-1413630f7a6f',
-          path: 'DroneEnforcement\\2024\\20240422\\2024042214105714450132.jpg',
-          type: 0,
-          tablename: 'drone_caseinfo',
-          createtime: '2024-04-22 14:11:15',
-          createuser: '834ff436-d931-4da9-9c4f-859e5c90b369',
-          createusername: '许婷',
-          is_delete: 0,
-          relid: 'a310575e-9734-42cb-a3f2-e3361eb32505',
-          latitude: null,
-          longitude: null,
-          angle: null,
-          tag: null,
-        },
-        {
-          id: 'b104cfd0-6ff1-48af-a6f4-ee960930b947',
-          path: 'DroneEnforcement\\2024\\20240422\\2024042214110534770120.jpg',
-          type: 0,
-          tablename: 'drone_caseinfo',
-          createtime: '2024-04-22 14:11:15',
-          createuser: '834ff436-d931-4da9-9c4f-859e5c90b369',
-          createusername: '许婷',
-          is_delete: 0,
-          relid: 'a310575e-9734-42cb-a3f2-e3361eb32505',
-          latitude: null,
-          longitude: null,
-          angle: null,
-          tag: null,
-        },
-      ],
-      videos: [],
-    };
+    const data = await getCaseInfo({ id: props.caseId });
     console.log(data);
     detailData.value = data;
   }
   //   获取处理详情
   async function getCaseHandleInfo() {
-    // const data = await getDroneCaseDeal({ id: props.caseId });
-    const data = {
-      is_temp_save: null,
-      info: {
-        id: '44576eda-405e-4029-b0b5-afe217022a5b',
-        caseid: '17f33737-3d89-43be-95fe-16fdbcbe11c8',
-        opinion: null,
-        result: null,
-        result_name: '实地未变化',
-        opinion_name: null,
-        createtime: '2022-05-22 16:37:10',
-        createuser: '4370859c-7c63-4c04-9d07-90a483aa376c',
-        createusername: '王昌福',
-        is_delete: 0,
-        is_assist: 0,
-        assist_people: null,
-        assist_company: null,
-        measure_name: '其他',
-        illegal_contact: '王贵安',
-        illegal_contact_phone: '15964889218',
-        actual_scene_case: '烟苗培育鹏',
-        investigation_type: null,
-        investigation_result: null,
-        registr_number: null,
-        is_build_complete: null,
-        evidence_file_name: null,
-        evidence_file_number: null,
-        evidence_file_indate: null,
-        actual_use_to: null,
-        pseudo_change_reason: null,
-        illegal_contact_idcard: null,
-        contacts_people: null,
-        contacts_phone: null,
-        scene_verification_condition: null,
-        scene_deal_condition: null,
-        expiry_date: null,
-        build_structure: null,
-        actual_area: null,
-        is_have_build: null,
-        is_forever_build: null,
-        transactor_id: null,
-        transactor_name: null,
-        transact_time: null,
-        examiner_id: null,
-        examiner_name: null,
-        examine_time: null,
-        illegal_type: null,
-        procedure_indate: null,
-        is_out_boundary: null,
-        is_over_floor: null,
-        is_have_checkout_condition: null,
-        remark: '',
-      },
-      pic_info_list: [
-        {
-          filePath: 'DroneEnforcement\\2022\\20220522\\2022052216365719870132.jpeg',
-          latitude: '35.286084',
-          longitude: '117.84411',
-          angle: '299.34375',
-        },
-        {
-          filePath: 'DroneEnforcement\\2022\\20220522\\2022052216370332790074.jpeg',
-          latitude: '35.286084',
-          longitude: '117.84411',
-          angle: '270.0',
-        },
-      ],
-      after_pic_list: [],
-      evidence_file_list: [],
-      punish_pic_list: [],
-      payment_pic_list: [],
-      agree_checkout_pic_list: [],
-      checkout_pic_list: [],
-      boundary_pic_list: [],
-      video_list: [],
-      remove_video_list: [],
-      handle_status_id: 2,
-      is_illegal: 0,
-      can_verify: null,
-    };
+    const data = await getDroneCaseDeal({ caseid: props.caseId });
+    console.log(data);
     caseHandleInfo.value = data;
     if (caseHandleInfo.value.is_illegal == 0) {
       caseHandleInfo.value.is_illegal = '合法';
@@ -411,7 +282,6 @@
           },
         };
         playerOptions.value.push(options);
-        console.log(playerOptions);
       });
     }
     // 现场照片
@@ -430,16 +300,16 @@
 
     // 处理后照片 整改后照片 恢复后照片
     if (data.after_pic_list.length > 0) {
-      data.after_pic_list.forEach((item: { filePath: string }) => {
-        threadAfterImageList.value.push(item.filePath);
+      threadAfterImageList.value = [];
+      data.after_pic_list.forEach((item: fileList) => {
+        threadAfterImageList.value.push(BASE_IMAGE_URL + '/S_' + item.filePath);
       });
     }
-    for (let i = 0; i < threadAfterImageList.value.length; i++) {
-      threadAfterImageList.value[i] = BASE_IMAGE_URL + '/S_' + threadAfterImageList.value[i];
-    }
+
     // 处理后视频
     videoOptions.value = [];
     if (data.remove_video_list.length > 0) {
+      videoOptions.value = [];
       data.remove_video_list.forEach((item, index) => {
         let options = {
           playbackRates: [0.5, 1.0, 1.5, 2.0], //可选择的播放速度
@@ -467,110 +337,89 @@
           },
         };
         videoOptions.value.push(options);
-        // this.videoList.push(item)
-        // console.log("playOptions",playerOptions.value);
       });
     }
     // 合法 - 举证材料合法文件  evidence_file_list
     if (data.evidence_file_list.length > 0) {
-      data.evidence_file_list.forEach((item: { filePath: string }) => {
-        evidenceFileList.value.push(item.filePath);
-      });
-      for (let i = 0; i < evidenceFileList.value.length; i++) {
+      evidenceFileList.value = [];
+      data.evidence_file_list.forEach((item: fileList) => {
         let obj = {
-          filePath: BASE_IMAGE_URL + '/' + evidenceFileList.value[i],
-          s_filePath: BASE_IMAGE_URL + '/' + evidenceFileList.value[i],
+          filePath: BASE_IMAGE_URL + '/' + item.filePath,
+          s_filePath: BASE_IMAGE_URL + '/' + item.filePath,
         };
-        evidenceFileList.value[i] = obj;
-      }
+        evidenceFileList.value.push(obj);
+      });
     }
 
     if (data.boundary_pic_list.length > 0) {
+      boundaryImageList.value = [];
       data.boundary_pic_list.forEach((item) => {
-        boundaryImageList.value.push(item);
-      });
-      for (let i = 0; i < boundaryImageList.value.length; i++) {
         let obj = {
-          filePath: BASE_IMAGE_URL + '/' + boundaryImageList.value[i],
-          s_filePath: BASE_IMAGE_URL + '/' + boundaryImageList.value[i],
+          filePath: BASE_IMAGE_URL + '/' + item,
+          s_filePath: BASE_IMAGE_URL + '/' + item,
         };
-        console.log('boundary', obj);
-        boundaryImageList.value[i] = obj;
-        console.log('boundary', boundaryImageList.value);
-      }
+        boundaryImageList.value.push(obj);
+      });
     }
 
     // 违法 查处 - 处罚通知书 punish_pic_list
     if (data.punish_pic_list.length > 0) {
+      punishImageList.value = [];
       data.punish_pic_list.forEach((item) => {
-        punishImageList.value.push(item);
-      });
-      for (let i = 0; i < punishImageList.value.length; i++) {
         let obj = {
-          filePath: BASE_IMAGE_URL + '/' + punishImageList.value[i],
-          s_filePath: BASE_IMAGE_URL + '/S_' + punishImageList.value[i],
+          filePath: BASE_IMAGE_URL + '/' + item,
+          s_filePath: BASE_IMAGE_URL + '/S_' + item,
         };
-        punishImageList.value[i] = obj;
-      }
+        punishImageList.value.push(obj);
+      });
     }
 
     // 违法 查处 - 交款通知书 payment_pic_list
     if (data.payment_pic_list.length > 0) {
+      paymentImageList.value = [];
       data.payment_pic_list.forEach((item) => {
-        paymentImageList.value.push(item);
-      });
-      for (let i = 0; i < paymentImageList.value.length; i++) {
         let obj = {
-          filePath: BASE_IMAGE_URL + '/' + paymentImageList.value[i],
-          s_filePath: BASE_IMAGE_URL + '/S_' + paymentImageList.value[i],
+          filePath: BASE_IMAGE_URL + '/' + item,
+          s_filePath: BASE_IMAGE_URL + '/S_' + item,
         };
-        paymentImageList.value[i] = obj;
-      }
+        paymentImageList.value.push(obj);
+      });
     }
 
     // 违法 完善手续 - 政府同意完善手续证明 agree_checkout_pic_list
     if (data.agree_checkout_pic_list.length > 0) {
+      agreeImageList.value = [];
       data.agree_checkout_pic_list.forEach((item) => {
-        agreeImageList.value.push(item);
-      });
-      for (let i = 0; i < agreeImageList.value.length; i++) {
         let obj = {
-          filePath: BASE_IMAGE_URL + '/' + agreeImageList.value[i],
-          s_filePath: BASE_IMAGE_URL + '/S_' + agreeImageList.value[i],
+          filePath: BASE_IMAGE_URL + '/' + item,
+          s_filePath: BASE_IMAGE_URL + '/S_' + item,
         };
-        agreeImageList.value[i] = obj;
-      }
+        agreeImageList.value.push(obj);
+      });
     }
 
     // 违法 完善手续 - 办理手续 checkout_pic_list
     if (data.checkout_pic_list.length > 0) {
+      checkoutImageList.value = [];
       data.checkout_pic_list.forEach((item) => {
-        checkoutImageList.value.push(item);
-      });
-      for (let i = 0; i < checkoutImageList.value.length; i++) {
         let obj = {
-          filePath: BASE_IMAGE_URL + '/' + checkoutImageList.value[i],
-          s_filePath: BASE_IMAGE_URL + '/S_' + checkoutImageList.value[i],
+          filePath: BASE_IMAGE_URL + '/' + item,
+          s_filePath: BASE_IMAGE_URL + '/S_' + item,
         };
-        checkoutImageList.value[i] = obj;
-        // checkoutImageList.value_a[i] =BASE_IMAGE_URL+"/"+checkoutImageList.value[i];
-        // checkoutImageList.value[i] =BASE_IMAGE_URL+"/S_"+checkoutImageList.value[i];
-      }
+        checkoutImageList.value.push(obj);
+      });
     }
   }
-  function setpChange(current) {
-    currentName.value = flowLog.value[current].name;
-    descriptionTitle.value = '案件' + flowLog.value[current].name + '信息';
-  }
+
   onMounted(() => {
-    // getCaseFlowLogData();
+    getCaseFlowLogData();
     loadDetailCaseInfo();
     getCaseHandleInfo();
   });
 </script>
 <style lang="less" scoped>
-   .case-view {
-    padding: 48px 32px;
+  .case-view {
+    padding: 20px 32px;
     background-color: @component-background;
 
     &__step {
@@ -579,6 +428,13 @@
     }
     &_content {
       display: flex;
+      height: 65vh;
+      .file-box {
+        overflow: auto;
+      }
     }
   }
+  .map-box {
+    height: 100%;
+  }
 </style>
diff --git a/src/views/demo/monitor/caseview/model.ts b/src/views/demo/monitor/caseview/model.ts
index 0d9f409..a920d91 100644
--- a/src/views/demo/monitor/caseview/model.ts
+++ b/src/views/demo/monitor/caseview/model.ts
@@ -36,6 +36,14 @@ export interface infoObj{
   build_structure?: string;
   illegal_type?: string;
   remark?: string;
+  transactor_name?: string;
+  transact_time?: string;
+  evidence_file_name?: string;
+  evidence_file_number?: string;
+  evidence_file_indate?: string;
+  illegal_contact_idcard?: string;
+  registr_number?: string;
+  procedure_indate?:string;
 }
 export interface caseHandleInfoObj {
   info:infoObj
diff --git a/src/views/demo/monitor/caseview/src/evidence.vue b/src/views/demo/monitor/caseview/src/evidence.vue
new file mode 100644
index 0000000..ac27c34
--- /dev/null
+++ b/src/views/demo/monitor/caseview/src/evidence.vue
@@ -0,0 +1,97 @@
+<template>
+    <a-descriptions bordered :column="2" size="small" :labelStyle="labelStyle">
+      <a-descriptions-item label="办理人">{{
+        caseHandleInfo.info.transactor_name
+      }}</a-descriptions-item>
+      <a-descriptions-item label="办理时间">
+        {{ caseHandleInfo.info.transact_time }}
+      </a-descriptions-item>
+      <a-descriptions-item label="批准文件名称">
+        {{ caseHandleInfo.info.evidence_file_name }}
+      </a-descriptions-item>
+      <a-descriptions-item label="批准文件编号">
+        {{ caseHandleInfo.info.evidence_file_number }}
+      </a-descriptions-item>
+      <a-descriptions-item label="批文有效日期">
+        {{ caseHandleInfo.info.evidence_file_indate }}
+      </a-descriptions-item>
+  
+      <a-descriptions-item label="合法举证材料">
+        <div>
+          <ImagePreview :imageList="evidenceFileList" />
+        </div>
+      </a-descriptions-item>
+      <a-descriptions-item label="勘测定界图">
+        <div>
+          <ImagePreview :imageList="boundaryImageList" />
+        </div>
+      </a-descriptions-item>
+    </a-descriptions>
+  </template>
+  <script lang="ts" setup>
+    import { watch, ref } from 'vue';
+    import { ImagePreview } from '@/components/Preview';
+    import { caseHandleInfoObj } from '../model';
+    const labelStyle = ref({
+      width: '100px',
+    });
+    const caseHandleInfo = ref<caseHandleInfoObj>({
+      info: {},
+    });
+    const playerOptions: any = ref([]);
+    const boundaryImageList: any = ref([]);
+    const evidenceFileList: any = ref([]);
+    const props = defineProps({
+      data: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      playerOptions: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      boundaryImageList: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      evidenceFileList: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+    });
+    caseHandleInfo.value = props.data;
+    playerOptions.value = props.playerOptions;
+    boundaryImageList.value = props.boundaryImageList;
+    evidenceFileList.value = props.boundaryImageList;
+    const imgList = ref([
+      'https://picsum.photos/id/66/346/216',
+      'https://picsum.photos/id/67/346/216',
+      'https://picsum.photos/id/68/346/216',
+    ]);
+  
+   
+    watch(
+      () => props.data,
+      (newVal, oldVal) => {
+        caseHandleInfo.value = newVal;
+        playerOptions.value = props.playerOptions;
+        boundaryImageList.value = props.boundaryImageList;
+        evidenceFileList.value = props.boundaryImageList;
+      },
+    );
+  </script>
+  <style lang="less" scoped>
+    ::v-deep .ant-image .ant-image-img {
+      width: 85px;
+      margin-bottom: 10px;
+    }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/demo/monitor/caseview/src/inspect.vue b/src/views/demo/monitor/caseview/src/inspect.vue
index 53e519d..ccc2c25 100644
--- a/src/views/demo/monitor/caseview/src/inspect.vue
+++ b/src/views/demo/monitor/caseview/src/inspect.vue
@@ -220,6 +220,7 @@
       },
     },
   });
+  console.log(props)
   caseHandleInfo.value = props.data;
   playerOptions.value = props.playerOptions;
   threadImageList.value = props.threadImageList;
@@ -229,7 +230,6 @@
     'https://picsum.photos/id/68/346/216',
   ]);
 
- 
   watch(
     () => props.data,
     (newVal, oldVal) => {
diff --git a/src/views/demo/monitor/caseview/src/investigate.vue b/src/views/demo/monitor/caseview/src/investigate.vue
new file mode 100644
index 0000000..485af1e
--- /dev/null
+++ b/src/views/demo/monitor/caseview/src/investigate.vue
@@ -0,0 +1,100 @@
+<template>
+    <a-descriptions bordered :column="2" size="small" :labelStyle="labelStyle">
+      <a-descriptions-item label="办理人">{{
+        caseHandleInfo.info.transactor_name
+      }}</a-descriptions-item>
+      <a-descriptions-item label="办理时间">
+        {{ caseHandleInfo.info.transact_time }}
+      </a-descriptions-item>
+      <a-descriptions-item label="立案号">
+        {{ caseHandleInfo.info.registr_number }}
+      </a-descriptions-item>
+      <a-descriptions-item label="当事人姓名">
+        {{ caseHandleInfo.info.illegal_contact }}
+      </a-descriptions-item>
+      <a-descriptions-item label="身份证号码">
+        {{ caseHandleInfo.info.illegal_contact_idcard }}
+      </a-descriptions-item>
+      <a-descriptions-item label="违法类型">
+        {{ caseHandleInfo.info.illegal_type }}
+      </a-descriptions-item>
+  
+      <a-descriptions-item label="处罚通知书">
+        <div>
+          <ImagePreview :imageList="punishImageList" />
+        </div>
+      </a-descriptions-item>
+      <a-descriptions-item label="交款通知单">
+        <div>
+          <ImagePreview :imageList="paymentImageList" />
+        </div>
+      </a-descriptions-item>
+    </a-descriptions>
+  </template>
+  <script lang="ts" setup>
+    import { watch, ref } from 'vue';
+    import { ImagePreview } from '@/components/Preview';
+    import { caseHandleInfoObj } from '../model';
+    const labelStyle = ref({
+      width: '100px',
+    });
+    const caseHandleInfo = ref<caseHandleInfoObj>({
+      info: {},
+    });
+    const playerOptions: any = ref([]);
+    const paymentImageList: any = ref([]);
+    const punishImageList: any = ref([]);
+    const props = defineProps({
+      data: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      playerOptions: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      paymentImageList: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      punishImageList: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+    });
+    caseHandleInfo.value = props.data;
+    playerOptions.value = props.playerOptions;
+    paymentImageList.value = props.paymentImageList;
+    punishImageList.value = props.paymentImageList;
+    const imgList = ref([
+      'https://picsum.photos/id/66/346/216',
+      'https://picsum.photos/id/67/346/216',
+      'https://picsum.photos/id/68/346/216',
+    ]);
+  
+   
+    watch(
+      () => props.data,
+      (newVal, oldVal) => {
+        caseHandleInfo.value = newVal;
+        playerOptions.value = props.playerOptions;
+        paymentImageList.value = props.paymentImageList;
+        punishImageList.value = props.paymentImageList;
+      },
+    );
+  </script>
+  <style lang="less" scoped>
+    ::v-deep .ant-image .ant-image-img {
+      width: 85px;
+      margin-bottom: 10px;
+    }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/demo/monitor/caseview/src/mapDetail.vue b/src/views/demo/monitor/caseview/src/mapDetail.vue
new file mode 100644
index 0000000..b769908
--- /dev/null
+++ b/src/views/demo/monitor/caseview/src/mapDetail.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="w-full">
+    <MapboxMaps :mapOptions="mapOptions" @map-on-load="mapOnLoad" />
+  </div>
+</template>
+<script lang="ts" setup>
+  import rodeImg from '@/assets/images/icon_fly2.png';
+  import { ref, watch } from 'vue';
+  import MapboxMaps from '@/components/MapboxMaps/index.vue';
+  import { getDroneGeoJson } from '@/api/monitor/index';
+  const detailMap = ref();
+  const props = defineProps({
+    ruleForm: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  });
+  const geojson = ref();
+  const droneMarker = ref();
+  const mapBox = ref();
+
+  const mapOptions = {
+    center: [117.84714891969796, 35.22152309532066],
+    zoom: 10,
+  };
+  watch(
+    () => props.ruleForm,
+    (newVal, oldVal) => {
+      console.log(newVal);
+      loadCaseGeoJson();
+      detailMap.value.flyTo({
+        center: [newVal.lng, newVal.lat], // 中心点
+        zoom: 18, // 缩放比例
+        pitch: 0, // 倾斜度
+      });
+      loadDroneMarker(newVal.lng, newVal.lat);
+    },
+  );
+  const mapOnLoad = (map) => {
+    mapBox.value = map;
+    // 测试地址
+    const testSource =
+      'http://123.132.248.154:9205/geoserver/gwc/service/tms/1.0.0/TEST_WORK_SPACE%3Alindi@EPSG:900913@pbf/{z}/{x}/{y}.pbf';
+    map.U.addVector('name', testSource);
+    map.U.addLineLayer('ffff', {
+      source: 'name',
+      'source-layer': 'lindi',
+    });
+    detailMap.value = map;
+    loadImageLayer();
+    loadStreetBorderLayer();
+    loadCaseGeoJson();
+  };
+  //   费县图斑
+  function loadImageLayer() {
+    detailMap.value.addLayer({
+      id: 'wms-test-layer',
+      type: 'raster',
+      source: {
+        type: 'raster',
+        tiles: [
+          'http://175.27.168.120:8080/geoserver/feixian/wms?service=WMS&version=1.1.0&request=GetMap&layers=feixian:yingxiang&styles=&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&format=image/png&TRANSPARENT=TRUE',
+        ],
+        tileSize: 256,
+      },
+      paint: {},
+    });
+  }
+  // 费县镇界
+  function loadStreetBorderLayer() {
+    detailMap.value.addLayer({
+      id: 'street-border',
+      type: 'raster',
+      source: {
+        type: 'raster',
+        tiles: [
+          'http://175.27.168.120:8080/geoserver/feixian/wms?service=WMS&version=1.1.0&request=GetMap&layers=feixian:zhenjie&styles=&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&format=image/png&TRANSPARENT=TRUE',
+        ],
+        tileSize: 256,
+      },
+      paint: {},
+      layout: {
+        visibility: 'visible',
+      },
+    });
+    detailMap.value.resize();
+  }
+  //   获取GeoJSON图层
+  async function loadCaseGeoJson() {
+    const data = await getDroneGeoJson({ id: props.ruleForm.info.id });
+    console.log(data);
+    geojson.value = data;
+    if (geojson.value.features.length == 0) {
+      detailMap.value.addLayer({
+        id: 'points',
+        type: 'symbol',
+        source: {
+          type: 'geojson',
+          data: {
+            type: 'FeatureCollection',
+            features: [
+              {
+                type: 'Feature',
+                geometry: {
+                  type: 'Point',
+                  coordinates: [props.ruleForm.info.lng, props.ruleForm.info.lng],
+                },
+                properties: {
+                  title: 'Mapbox DC',
+                  icon: 'monument',
+                },
+              },
+            ],
+          },
+        },
+        layout: {},
+      });
+    }
+    // 报错的修改方法There is already a source with ID "geojsonfill"
+    if (detailMap.value.getLayer('geojsonfill')) {
+      detailMap.value.removeLayer('geojsonfill');
+      detailMap.value.removeSource('geojsonfill');
+    }
+    if (detailMap.value.getLayer('geojsonline')) {
+      detailMap.value.removeLayer('geojsonline');
+      detailMap.value.removeSource('geojsonline');
+    }
+
+    detailMap.value.addLayer({
+      id: 'geojsonfill',
+      type: 'fill',
+      source: {
+        type: 'geojson',
+        data: geojson.value,
+      },
+      paint: {
+        'fill-color': '#FE9003',
+        'fill-opacity': 0.2,
+        'fill-outline-color': '#FE9003',
+      },
+    });
+
+    detailMap.value.addLayer({
+      id: 'geojsonline',
+      type: 'line',
+      source: {
+        type: 'geojson',
+        data: geojson.value,
+      },
+      layout: {
+        'line-join': 'round',
+        'line-cap': 'round',
+      },
+      paint: {
+        'line-color': '#FE9003',
+        'line-width': 4,
+      },
+    });
+  }
+  //   案件位置显示无人机图标
+  function loadDroneMarker(lng, lat) {
+    if (detailMap.value.getLayer('cat-on-building')) {
+      detailMap.value.removeLayer('cat-on-building');
+      detailMap.value.removeSource('cat-on-building');
+      detailMap.value.removeImage('cat');
+    }
+    detailMap.value.loadImage(rodeImg, (error, image) => {
+      detailMap.value.addImage('cat', image);
+      detailMap.value.addLayer({
+        id: 'cat-on-building',
+        source: {
+          type: 'geojson',
+          data: {
+            type: 'FeatureCollection',
+            features: [
+              {
+                type: 'Feature',
+                geometry: {
+                  type: 'Point',
+                  coordinates: [lng, lat],
+                },
+              },
+            ],
+          },
+        },
+        slot: 'top',
+        type: 'symbol',
+        layout: {
+          'icon-image': 'cat',
+          'icon-size': 0.05,
+          'symbol-placement': 'point',
+          'symbol-z-elevate': true,
+        },
+      });
+    });
+  }
+</script>
+<style scoped lang="less">
+  .w-full {
+    width: 100%;
+    height: 50vh;
+  }
+</style>
diff --git a/src/views/demo/monitor/caseview/src/procedure.vue b/src/views/demo/monitor/caseview/src/procedure.vue
new file mode 100644
index 0000000..34b5567
--- /dev/null
+++ b/src/views/demo/monitor/caseview/src/procedure.vue
@@ -0,0 +1,111 @@
+<template>
+  <a-descriptions bordered :column="2" size="small" :labelStyle="labelStyle">
+    <a-descriptions-item label="办理人">{{
+      caseHandleInfo.info.transactor_name
+    }}</a-descriptions-item>
+    <a-descriptions-item label="办理时间">
+      {{ caseHandleInfo.info.transact_time }}
+    </a-descriptions-item>
+
+    <a-descriptions-item label="政府统一完善手续证明">
+      <div>
+        <ImagePreview :imageList="agreeImageList" />
+      </div>
+    </a-descriptions-item>
+    <a-descriptions-item label="办理手续照片">
+      <div>
+        <ImagePreview :imageList="checkoutImageList" />
+      </div>
+    </a-descriptions-item>
+
+    <a-descriptions-item label="手续有效期">
+      {{ caseHandleInfo.info.procedure_indate }}
+    </a-descriptions-item>
+    <a-descriptions-item label="批准文件编号">
+      {{ caseHandleInfo.info.evidence_file_number }}
+    </a-descriptions-item>
+    <a-descriptions-item label="批文有效日期">
+      {{ caseHandleInfo.info.evidence_file_indate }}
+    </a-descriptions-item>
+
+    <a-descriptions-item label="勘测定界图">
+      <div>
+        <ImagePreview :imageList="boundaryImageList" />
+      </div>
+    </a-descriptions-item>
+  </a-descriptions>
+</template>
+<script lang="ts" setup>
+  import { watch, ref } from 'vue';
+  import { ImagePreview } from '@/components/Preview';
+  import { caseHandleInfoObj } from '../model';
+  const labelStyle = ref({
+    width: '100px',
+  });
+  const caseHandleInfo = ref<caseHandleInfoObj>({
+    info: {},
+  });
+  const playerOptions: any = ref([]);
+  const checkoutImageList: any = ref([]);
+  const boundaryImageList: any = ref([]);
+  const agreeImageList: any = ref([]);
+  const props = defineProps({
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    playerOptions: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    checkoutImageList: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    boundaryImageList: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    agreeImageList: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  });
+  caseHandleInfo.value = props.data;
+  playerOptions.value = props.playerOptions;
+  boundaryImageList.value = props.checkoutImageList;
+  checkoutImageList.value = props.checkoutImageList;
+  agreeImageList.value = props.checkoutImageList;
+  const imgList = ref([
+    'https://picsum.photos/id/66/346/216',
+    'https://picsum.photos/id/67/346/216',
+    'https://picsum.photos/id/68/346/216',
+  ]);
+
+  watch(
+    () => props.data,
+    (newVal, oldVal) => {
+      caseHandleInfo.value = newVal;
+      playerOptions.value = props.playerOptions;
+      boundaryImageList.value = props.checkoutImageList;
+      checkoutImageList.value = props.checkoutImageList;
+      agreeImageList.value = props.checkoutImageList;
+    },
+  );
+</script>
+<style lang="less" scoped>
+  ::v-deep .ant-image .ant-image-img {
+    width: 85px;
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/demo/monitor/index.ts b/src/views/demo/monitor/index.ts
index 34149ed..da7dd3a 100644
--- a/src/views/demo/monitor/index.ts
+++ b/src/views/demo/monitor/index.ts
@@ -1,5 +1,22 @@
+// 案件详情首页
 export { default as CaseView } from './caseview/index.vue';
+// 【案件下发信息】
 export { default as Issue } from './caseview/src/issue.vue';
+// 【案件核查信息】
 export { default as Inspect } from './caseview/src/inspect.vue';
+// 【案件审核信息】
 export { default as Audit } from './caseview/src/audit.vue';
+// 【案件办理信息-违法-拟拆除】
 export { default as Dismantle } from './caseview/src/dismantle.vue';
+// 地图位置
+export { default as MapDetail } from './caseview/src/mapDetail.vue';
+// 案件办理信息-合法举证
+export { default as Evidence } from './caseview/src/evidence.vue';
+// 【案件办理信息-违法-查处】
+export { default as Investigate } from './caseview/src/investigate.vue';
+// 【案件办理信息-违法-拟完善手续】
+export { default as Procedure } from './caseview/src/procedure.vue';
+
+
+
+