Merge branch 'main' of http://123.132.248.154:10000/HC_YFZX/CaiYuanYiTiHua

src/components/CloudQueryContent/CloudQueryModal/TimeImages/index.vue

@@ -1,30 +1,63 @@
 <template>
-  <div class="show-image-div" ref="contentArea">
-    <div class="show-image-item" v-for="(item, index) in props.data" :key="index">
-      <ShowImage :data="item" :haveFooter="true">
-        <template #footer>
-          <div class="footer-div">
-            <span style="margin-left: 35px">{{ item.specialText }}</span>
-            <span style="margin-right: 40px">拍摄时间：{{ item.shijian }}</span>
+  <div class="show-image-div">
+    <div>
+      <a-image-preview-group>
+        <div class="show-image-item" v-for="(item, index) in props.data" :key="index">
+          <!-- <div class="control-show">
+            <a-radio-group v-model:value="select" button-style="solid" size="small">
+              <a-radio-button :value="0">专题图</a-radio-button>
+              <a-radio-button :value="1">截图</a-radio-button>
+            </a-radio-group>
+          </div> -->
+          <a-image :width="460" :height="460" :src="get(item.url)" />
+          <div class="footer">
+            <div class="footer-div">
+              <span style="margin-left: 35px">{{ item.specialText }}</span>
+              <span style="margin-right: 40px">拍摄时间：{{ item.shijian }}</span>
+            </div>
           </div>
-        </template>
-      </ShowImage>
-    </div>
-    <div class="show-image-item" v-if="props.data.length == 0">
-      暂无影像数据展示
+        </div>
+      </a-image-preview-group>
     </div>
+    <div class="show-image-item" v-if="props.data.length == 0"> 暂无影像数据展示 </div>
   </div>
 </template>
 
 <script setup lang="ts">
   import { ref, defineProps } from 'vue';
-  import { ArrowUpOutlined } from '@ant-design/icons-vue';
-  import ShowImage from '@/views/dashboard/test/components/ShowImage/index.vue';
-  const props = defineProps(['data']);
-  const contentArea = ref<HTMLElement | null>(null);
-</script>
+  // 图片路径拼接
+  import { getAppEnvConfig } from '@/utils/env';
+  const { VITE_GLOB_API_URL } = getAppEnvConfig();
+  const VITE_GLOB_API_URL_VAR = ref<String>(VITE_GLOB_API_URL + '/');
 
+  const props = defineProps(['data']);
+
+  // 正则表达式验证URL
+  function isValidUrl(url: string): boolean {
+    const regex =
+      /^(?:http|ftp)s?:\/\/(?:(?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\.)+(?:[A-Z]{2,6}\.?|[A-Z0-9-]{2,}\.?)|localhost|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}|\[?[A-F0-9]*:[A-F0-9:]+\]?)(?::\d+)?(?:\/?|[\/?]\S+)$/i;
+    return regex.test(url);
+  }
+  function get(url) {
+    return (url = isValidUrl(url) ? url : VITE_GLOB_API_URL_VAR.value + url);
+  }
+</script>
 <style lang="scss" scoped>
+  .control-show {
+    position: absolute;
+    top: 10px;
+    right: 15px;
+    z-index: 100;
+  }
+
+  .footer {
+    position: absolute;
+    width: 100%;
+    bottom: 0px;
+    height: 50px;
+    background: rgba(0, 0, 0, 0.4);
+  }
+
   .footer-div {
     width: 100%;
     height: 100%;
@@ -37,8 +70,8 @@
     max-height: 690px;
     overflow: auto;
     .show-image-item {
-      width: 470px;
-      height: 470px;
+      width: 460px;
+      height: 460px;
       margin-bottom: 5px;
       position: relative;
     }
@@ -59,4 +92,7 @@
     flex-direction: column;
     text-align: center;
   }
+  ::v-deep .ant-image-mask {
+    display: none !important;
+  }
 </style>

src/views/sys/exception/ChartsContainer/left_charts_container.vue

@@ -70,7 +70,7 @@
         </div>
         <div class="charts-container" style="height:31%">
             <div class="echarts-title">
-                <span>整改后新增违法耕地</span>
+                <span>整改后剩余新增违法耕地</span>
                 <div class="month">
                     <div class="filter-container">
                         <div class="filter-name" @click="handlerChangeFilterOptions('rectification')">{{ currentFilterName['rectification'] }}</div>

src/views/sys/exception/Converge.vue

@@ -54,13 +54,15 @@
       wrap-class-name="full-modal"
       v-model:open="showInfoOpen"
       :footer="null"
-      :maskClosable="true"
+      :maskClosable="false"
       :destroyOnClose="true"
       @cancel="closeModal"
       ref="modalRef"
+      :mask="false"
+      :getContainer="getContainer"
     >
       <template #title>
-        <div ref="modalTitleRef" style="width: 100%; cursor: move">详情</div>
+        <div ref="modalTitleRef" style="width: 100%; cursor: move; user-select: none;padding: 16px;">详情</div>
       </template>
       <template template #modalRender="{ originVNode }">
         <div :style="transformStyle">
@@ -436,9 +438,21 @@ watchEffect(() => {
     transformX.value = 0
     transformY.value = 0
   }
+  const getContainer = () => {
+    return document.getElementById('bg-pan')
+  }
 </script>
 
 <style lang="less" scoped>
+  .statistical{
+    :deep(.ant-modal-header){
+      padding: 0px;
+    }
+    :deep(.ant-modal-wrap){
+      overflow: hidden;
+      pointer-events:none;
+    }
+  }
   .button-item {
     width: 96px;
     height: 32px;

src/views/sys/exception/rightDataScreen/brokenline/index.vue

@@ -44,7 +44,7 @@
 
   const options = ref([
     {
-      name: '天',
+      name: '周',
       value: 0,
     },
     {

src/views/sys/exception/rightDataScreen/index.vue

@@ -43,7 +43,7 @@
       value: 2,
     },
     {
-      label: '整改后剩余违法',
+      label: '整改后剩余新增违法',
       value: 3,
     },
   ]);