From 144974797bf4ae7832b7d1ec4480cd8c228bc4ce Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Mon, 25 Nov 2024 10:01:11 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E5=9B=BE=E6=96=91=E6=98=BE=E7=A4=BA=E5=BC=B9=E7=AA=97Id?=
 =?UTF-8?q?=E7=BC=BA=E5=A4=B1=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sys/exception/Converge/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/sys/exception/Converge/index.vue b/src/views/sys/exception/Converge/index.vue
index 67fad545..aa4be252 100644
--- a/src/views/sys/exception/Converge/index.vue
+++ b/src/views/sys/exception/Converge/index.vue
@@ -184,7 +184,7 @@ import {  GeojsonToWkt } from './src/WktGeojsonTransform';
     let map_filter;
     let type_filter;
     let table_filter = layerSettings.value.tablename;
-    let field_filter = '&field="gid","tubantype",';
+    let field_filter = '&field="gid","tubantype","Id",';
     let color_filter: any = [];
     if (code) {
       sql_filter = '&filter="countyid"=\'' + code + "'";

From 8d837881927aef7e526dbba5baa6c381c85272af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BB=95=E5=B5=A9?= <17854119262@163.com>
Date: Mon, 25 Nov 2024 10:05:38 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E4=BA=91=E6=9F=A5=E8=AF=A2-=E6=97=B6?=
 =?UTF-8?q?=E5=BA=8F=E5=BD=B1=E5=83=8F=E5=80=92=E5=BA=8F=E6=8E=92=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CloudQueryModal/index.vue                 | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/CloudQueryContent/CloudQueryModal/index.vue b/src/components/CloudQueryContent/CloudQueryModal/index.vue
index 8780f69c..12ef6d05 100644
--- a/src/components/CloudQueryContent/CloudQueryModal/index.vue
+++ b/src/components/CloudQueryContent/CloudQueryModal/index.vue
@@ -1,24 +1,27 @@
 <template>
-  <a-tabs
-  style="width: 100%;"
-    v-model:activeKey="activeKey"
-  >
-    <a-tab-pane key="1" tab="基础查询"><BasicQuery :data="props.info?.result"/></a-tab-pane>
-    <a-tab-pane key="2" tab="时序影像"><TimeImages :data="props.info?.yingxiang"/> </a-tab-pane>
+  <a-tabs style="width: 100%" v-model:activeKey="activeKey">
+    <a-tab-pane key="1" tab="基础查询">
+      <BasicQuery :data="props.info?.result" />
+    </a-tab-pane>
+    <a-tab-pane key="2" tab="时序影像">
+      <TimeImages
+        :data="props.info?.yingxiang?.sort((a, b) => dayjs(b.shijian) - dayjs(a.shijian))"
+      />
+    </a-tab-pane>
   </a-tabs>
 </template>
 
 <script setup lang="ts">
-import { ref, defineProps } from "vue"
-import BasicQuery from './BasicQuery/index.vue'
-import TimeImages from './TimeImages/index.vue'
+  import dayjs from 'dayjs';
+  import { ref, defineProps } from 'vue';
+  import BasicQuery from './BasicQuery/index.vue';
+  import TimeImages from './TimeImages/index.vue';
 
-const props = defineProps(['info'])
-const activeKey = ref('1')
+  const props = defineProps(['info']);
+  const activeKey = ref('1');
 </script>
-
 <style lang="scss" scoped>
-:deep(.ant-tabs-nav){
-  margin-bottom: 0px;
-}
+  :deep(.ant-tabs-nav) {
+    margin-bottom: 0px;
+  }
 </style>

From 1a6ff75a9aec50b0ecf1aba0fd1d39976cd4b093 Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Mon, 25 Nov 2024 10:32:11 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E9=A6=96=E9=A1=B5=20=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E5=8F=AF=E6=8B=96=E5=8A=A8=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sys/exception/Converge.vue       | 112 +++++++++++----------
 src/views/sys/exception/Converge/index.vue |   4 +-
 2 files changed, 59 insertions(+), 57 deletions(-)

diff --git a/src/views/sys/exception/Converge.vue b/src/views/sys/exception/Converge.vue
index bf53fe31..4591be9b 100644
--- a/src/views/sys/exception/Converge.vue
+++ b/src/views/sys/exception/Converge.vue
@@ -53,12 +53,20 @@
       width="100%"
       wrap-class-name="full-modal"
       v-model:open="showInfoOpen"
-      title="详情"
       :footer="null"
       :maskClosable="true"
       :destroyOnClose="true"
-      @cancel="showInfoOpen = false"
+      @cancel="closeModal"
+      ref="modalRef"
     >
+      <template #title>
+        <div ref="modalTitleRef" style="width: 100%; cursor: move">详情</div>
+      </template>
+      <template template #modalRender="{ originVNode }">
+        <div :style="transformStyle">
+          <component :is="originVNode" />
+        </div>
+      </template>
       <div class="modal-content">
         <template v-if="showInfoOpen">
           <ShowInfoModal :showInfoData="showInfoData" v-if="subject == '违法用地'" />
@@ -125,7 +133,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, onMounted, onUnmounted, computed } from 'vue';
+  import { ref, onMounted, onUnmounted, computed, watch, watchEffect } from 'vue';
+  import { useDraggable } from '@vueuse/core';
   import Map from './Converge/index.vue';
   import layerButton from './mapComponent/left_layerButton.vue';
   import statisticalType from './mapComponent/left_statisticalType.vue';
@@ -164,6 +173,38 @@
   const buttonSelect = ref(2);
   const showMainInfoId = ref();
 
+  const modalTitleRef = ref(null);
+  const { x, y, isDragging } = useDraggable(modalTitleRef);
+  const startX = ref<number>(0);
+  const startY = ref<number>(0);
+  const startedDrag = ref(false);
+  const transformX = ref(0);
+  const transformY = ref(0);
+  const preTransformX = ref(0);
+  const preTransformY = ref(0);
+
+  watch([x, y], () => {
+  if (!startedDrag.value) {
+    startX.value = x.value;
+    startY.value = y.value;
+    preTransformX.value = transformX.value;
+    preTransformY.value = transformY.value;
+  }
+  startedDrag.value = true;
+});
+watch(isDragging, () => {
+  if (!isDragging) {
+    startedDrag.value = false;
+  }
+});
+
+watchEffect(() => {
+  if (startedDrag.value) {
+    transformX.value = preTransformX.value + x.value - startX.value;
+    transformY.value = preTransformY.value + y.value - startY.value;
+  }
+});
+
   const getInfoList = (id) => {
     console.log(id);
     console.log(subject.value);
@@ -172,49 +213,35 @@
         if (res) {
           showInfoData.value = res;
           showInfoOpen.value = true;
-          // 添加鼠标拖动监听器
-          addListener();
         }
       });
     } else if (subject.value == '非法采矿') {
       showMainInfoId.value = id;
       showInfoOpen.value = true;
-      // 添加鼠标拖动监听器
-      addListener();
     } else if (subject.value == '耕地非粮化') {
       GetCaseInfoById({ id: id }).then((res) => {
         showInfoData.value = res;
         showInfoOpen.value = true;
-        // 添加鼠标拖动监听器
-        addListener();
       });
     } else if (subject.value == '重点问题') {
       getCaseInfoByIdtotal({ id: id }).then((res) => {
         showInfoData.value = res;
         showInfoOpen.value = true;
-        // 添加鼠标拖动监听器
-        addListener();
       });
     } else if (subject.value == '巡察审计') {
       getInspectionAuditCaseInfoById({ id: id }).then((res) => {
         showInfoData.value = res;
         showInfoOpen.value = true;
-        // 添加鼠标拖动监听器
-        addListener();
       });
     } else if (subject.value == '生态保护红线监管') {
       getRedLineCaseInfoById({ id: id }).then((res) => {
         showInfoData.value = res;
         showInfoOpen.value = true;
-        // 添加鼠标拖动监听器
-        addListener();
       });
     } else if (subject.value == '生态修复') {
       getRepairCaseInfoById({ id: id }).then((res) => {
         showInfoData.value = res;
         showInfoOpen.value = true;
-        // 添加鼠标拖动监听器
-        addListener();
       });
     }
   };
@@ -369,44 +396,6 @@
   }
 
 
-  // 鼠标拖动监听器-参数
-  let isDragging = false;
-  let initialMouseX;
-  let initialMouseY;
-  let initialModalX;
-  let initialModalY;
-  // 添加鼠标拖动监听器
-  function addListener() {
-    setTimeout(() => {
-      const dragModalDocument: any = document.querySelector('.dragModal');
-      if (dragModalDocument) {
-        // 鼠标按下
-        dragModalDocument.addEventListener('mousedown', function(event) {
-          isDragging = true;
-          initialMouseX = event.clientX;
-          initialMouseY = event.clientY;
-          initialModalX = dragModalDocument.offsetLeft;
-          initialModalY = dragModalDocument.offsetTop;
-          dragModalDocument.style.cursor = 'grabbing';
-        });
-        // 鼠标移动
-        dragModalDocument.addEventListener('mousemove', function(event) {
-          if (isDragging) {
-            const deltaX = event.clientX - initialMouseX;
-            const deltaY = event.clientY - initialMouseY;
-            dragModalDocument.style.left = initialModalX + deltaX + 'px';
-            dragModalDocument.style.top = initialModalY + deltaY + 'px';
-          }
-        });
-        // 鼠标放开
-        dragModalDocument.addEventListener('mouseup', function(event) {
-            isDragging = false;
-            dragModalDocument.style.cursor = 'default';
-        });
-      }
-    }, 1000);
-  }
-
   onMounted(() => {
     getLayerSettings();
   });
@@ -437,9 +426,22 @@
     showAttributeWindow.value = false;
     isMinusAttributeWindow.value = true;
   };
+  const transformStyle = computed(() => {
+    return {
+      transform: `translate(${transformX.value}px, ${transformY.value}px)`,
+    };
+  });
+  const closeModal = () => {
+    showInfoOpen.value = false
+    transformX.value = 0
+    transformY.value = 0
+  }
 </script>
 
 <style lang="less" scoped>
+  .full-modal{
+    overflow: hidden;
+  }
   .button-item {
     width: 96px;
     height: 32px;
diff --git a/src/views/sys/exception/Converge/index.vue b/src/views/sys/exception/Converge/index.vue
index aa4be252..f6a3653a 100644
--- a/src/views/sys/exception/Converge/index.vue
+++ b/src/views/sys/exception/Converge/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div :id="mapContainerName" class="map-container">
     <div class="search-container-box">
-      <SearchComponent @toPosition="toPosition" @handlerFilter="handlerFilter" :layer="layerSettings"></SearchComponent>
+      <SearchComponent @toPosition="toPosition" @handlerFilter="handlerFilter" :layerSettings="layerSettings"></SearchComponent>
     </div>
     <div class="map-type-switch-container">
       <div class="switch-button" v-if="mapAngle == '3D'" @click="handlerChangeMapAngle()">
@@ -848,7 +848,7 @@ import {  GeojsonToWkt } from './src/WktGeojsonTransform';
           maxzoom: 13,
           minzoom: 10,
         });
-        map.setTerrain({ source: 'mapbox-dem', exaggeration: 1 });
+        // map.setTerrain({ source: 'mapbox-dem', exaggeration: 1 });
 
         // 设置2D地图
         map.easeTo({ pitch: 0, bearing: 0, duration: 1000 });

From c43d4c0cb962388e9f77dd23ad6446cd23784930 Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Mon, 25 Nov 2024 11:03:00 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E9=A6=96=E9=A1=B5=20=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E5=8F=AF=E6=8B=96=E5=8A=A8=E4=BF=AE=E6=94=B9=20-=E6=97=A0?=
 =?UTF-8?q?=E7=94=A8=E4=BB=A3=E7=A0=81=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sys/exception/Converge.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/views/sys/exception/Converge.vue b/src/views/sys/exception/Converge.vue
index 4591be9b..797d17c6 100644
--- a/src/views/sys/exception/Converge.vue
+++ b/src/views/sys/exception/Converge.vue
@@ -439,9 +439,6 @@ watchEffect(() => {
 </script>
 
 <style lang="less" scoped>
-  .full-modal{
-    overflow: hidden;
-  }
   .button-item {
     width: 96px;
     height: 32px;