图斑汇总增加村名展示

src/views/demo/statistical/patchsummary/patchsummary.data.ts

@@ -34,6 +34,10 @@ export const columns: BasicColumn[] = [
     title: '乡镇',
     dataIndex: 'streetname',
   },
+  {
+    title: '社区/村',
+    dataIndex: 'communityname',
+  },
   {
     title: '图斑编号',
     dataIndex: 'caseno',

src/views/sys/exception/Exception.vue

@@ -54,14 +54,15 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, onMounted, onUnmounted, computed } from 'vue';
+  import { ref, onMounted, onUnmounted, computed, watchEffect } from 'vue';
   import Map from './LargeScreenMap/index.vue';
   import layerButton from './mapComponent/left_layerButton.vue';
   import statisticalType from './mapComponent/left_statisticalType.vue';
   import county from './mapComponent/left_county.vue';
   import DataScreen from './dataScreen/index.vue'
   import Header from './mapComponent/top_title.vue'
-
+  import axios from 'axios';
+  import dayjs from 'dayjs';
 
   //
   const MapboxComponent = ref();
@@ -121,30 +122,55 @@
   // 等比例放大缩小
   let layerSiderWidth = 210;
   const viewportWidth = ref(window.innerWidth - layerSiderWidth);
-  const referenceWidth = ref(window.innerWidth - layerSiderWidth);
-
+  const referenceWidth = ref(window.innerWidth - 210);
   const updateWindowSize = () => {
-    let layerSiderElement: any = document.querySelector('.ant-layout-sider-children');
-    layerSiderWidth = layerSiderElement?.offsetWidth
-      ? layerSiderElement?.offsetWidth
-      : layerSiderWidth;
-    referenceWidth.value = 1920 - layerSiderWidth;
-    let layerElement: any = document.querySelector('.ant-tabs-nav');
-    viewportWidth.value = layerElement?.offsetWidth
-      ? layerElement?.offsetWidth
-      : viewportWidth.value;
+    setTimeout(() => {
+      let layerSiderElement: any = document.querySelector('.ant-layout-sider-children');
+      layerSiderWidth = layerSiderElement?.offsetWidth ? layerSiderElement?.offsetWidth : 0;
+      referenceWidth.value = 1920 - 210;
+      let layerElement: any = document.querySelector('.ant-tabs-nav');
+      viewportWidth.value = layerElement?.offsetWidth;
+    }, 100);
   };
 
   const bi = computed(() => {
     return viewportWidth.value / referenceWidth.value;
   });
+  
+  // 时间和天气
+  const currentTime = ref(dayjs().format('YYYY年M月D日 ddd HH:mm:ss'));
+  const Weather = ref('');
+  function getWeather() {
+    axios({
+        method:"get",
+        url:`http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+    }).then(res => {
+      if(res.data.wea === res.data.wea_night){
+        Weather.value = res.data.wea;
+      } else {
+        Weather.value = res.data.wea + '转' + res.data.wea_night;
+      } 
+    })
+  }
+  function updateTime() {
+    currentTime.value = dayjs().format('YYYY年M月D日 ddd HH:mm');
+  }
+
+  // 监听每一秒更新时间
+  watchEffect(() => {
+    const intervalId = setInterval(updateTime, 1000);
+    // 清除定时器
+    onUnmounted(() => clearInterval(intervalId));
+  });
 
   onMounted(() => {
+    getWeather();
     window.addEventListener('resize', updateWindowSize);
     updateWindowSize();
   });
   onUnmounted(() => {
     window.removeEventListener('resize', updateWindowSize);
+    updateTime();
   });
 
 </script>