From b74cc40192ab11a1c8c3970296a51c9062188c61 Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 25 Apr 2025 02:22:19 +0100
Subject: [PATCH 1/8] =?UTF-8?q?=E6=8A=95=E5=85=A5=E5=93=81=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/custom-scroll-title/index.vue |  2 +-
 src/router/modules/demo.js                   |  6 -----
 src/router/modules/v2.js                     | 28 ++++++++++----------
 3 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/components/custom-scroll-title/index.vue b/src/components/custom-scroll-title/index.vue
index 6472b01..cc6f49a 100644
--- a/src/components/custom-scroll-title/index.vue
+++ b/src/components/custom-scroll-title/index.vue
@@ -48,7 +48,7 @@ const props = defineProps({
       return [
         { label: '首页', value: 'home' },
         { label: '土地资源', value: 'land' },
-        { label: '投入品', value: 'inputs' },
+        { label: '投入品监管', value: 'inputs' },
         { label: '生产经营主体', value: 'entities' },
         // { label: '智慧种植监测', value: 'plant' },
         // { label: '智慧养殖监测', value: 'breed' },
diff --git a/src/router/modules/demo.js b/src/router/modules/demo.js
index 6dfba05..21efc26 100644
--- a/src/router/modules/demo.js
+++ b/src/router/modules/demo.js
@@ -20,12 +20,6 @@ export default [
         component: () => import('@/views/demo/rank.vue'),
         meta: { title: '滚动排名列表', icon: 'document' },
       },
-      // {
-      //   path: '/page',
-      //   component: () => import('@/views/demo/test.vue'),
-      //   name: 'page',
-      //   meta: { title: '测试', icon: 'document' },
-      // },
     ],
   },
 ];
diff --git a/src/router/modules/v2.js b/src/router/modules/v2.js
index aa33c41..dbc3920 100644
--- a/src/router/modules/v2.js
+++ b/src/router/modules/v2.js
@@ -5,55 +5,55 @@ export default {
   name: 'v2',
   component: Layout,
   redirect: '/v2/home',
-  meta: { title: '首页', icon: 'House' },
+  meta: { title: '首页', icon: '' },
   children: [
     // {
     //   path: '/v2/home',
     //   component: () => import('@/views/home/index.vue'),
     //   name: 'home',
-    //   meta: { title: '首页', icon: 'House' },
+    //   meta: { title: '首页', icon: '' },
     // },
     {
       path: '/v2/land',
       component: () => import('@/views/land/index.vue'),
       name: 'land',
-      meta: { title: '土地资源', icon: 'House' },
+      meta: { title: '土地资源', icon: '' },
+    },
+    {
+      path: 'inputs',
+      name: 'inputs',
+      component: () => import('@/views/inputs/index.vue'),
+      meta: { title: '投入品监管', icon: '' },
     },
-    // {
-    //   path: 'inputs',
-    //   name: 'inputs',
-    //   component: () => import('@/views/inputs/index.vue'),
-    //   hidden: true,
-    // },
     // {
     //   path: 'entities',
     //   name: 'entities',
     //   component: () => import('@/views/entities/index.vue'),
-    //   hidden: true,
+    //   meta: { title: '', icon: '' },
     // },
     // {
     //   path: 'breed',
     //   name: 'breed',
     //   component: () => import('@/views/breed/index.vue'),
-    //   hidden: true,
+    //   meta: { title: '', icon: '' },
     // },
     // {
     //   path: 'plant',
     //   name: 'plant',
     //   component: () => import('@/views/plant/index.vue'),
-    //   hidden: true,
+    //   meta: { title: '', icon: '' },
     // },
     // {
     //   path: 'trace',
     //   name: 'trace',
     //   component: () => import('@/views/trace/index.vue'),
-    //   hidden: true,
+    //   meta: { title: '', icon: '' },
     // },
     // {
     //   path: 'early',
     //   name: 'early',
     //   component: () => import('@/views/early/index.vue'),
-    //   hidden: true,
+    //   meta: { title: '', icon: '' },
     // },
   ],
 };

From b30874fa48f55b166df250f52bfe7302c7d15e50 Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 25 Apr 2025 02:42:34 +0100
Subject: [PATCH 2/8] feat:title

---
 src/views/inputs/index.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/inputs/index.vue b/src/views/inputs/index.vue
index 255d418..6f642e1 100644
--- a/src/views/inputs/index.vue
+++ b/src/views/inputs/index.vue
@@ -3,21 +3,21 @@
     <el-row style="width: 100%; height: 100%">
       <el-col :span="6" class="left-charts">
         <div class="left-charts-item">
-          <customBack top-title="投入品分类统计" :top-postion="'left'">
+          <customBack top-title="投入品监管体系建设" :top-postion="'left'">
             <template #back>
               <inputsType></inputsType>
             </template>
           </customBack>
         </div>
         <div class="left-charts-item">
-          <customBack top-title="投入品生产企业统计" :top-postion="'left'">
+          <customBack top-title="投入品检测监管" :top-postion="'left'">
             <template #back>
               <inputsGmp></inputsGmp>
             </template>
           </customBack>
         </div>
         <div class="left-charts-item">
-          <customBack top-title="种养殖数据统计" :top-postion="'left'">
+          <customBack top-title="农资监管" :top-postion="'left'">
             <template #back>
               <landbreedCharts></landbreedCharts>
             </template>
@@ -29,21 +29,21 @@
       </el-col>
       <el-col :span="6" class="right-charts">
         <div class="right-charts-item">
-          <customBack top-title="案件次数" :top-postion="'right'">
+          <customBack top-title="生产主体统计" :top-postion="'right'">
             <template #back>
               <casesAlerts></casesAlerts>
             </template>
           </customBack>
         </div>
         <div class="right-charts-item">
-          <customBack top-title="投入品月度使用统计" :top-postion="'right'">
+          <customBack top-title="历年投入品规模对比" :top-postion="'right'">
             <template #back>
               <monthlyuseCharts></monthlyuseCharts>
             </template>
           </customBack>
         </div>
         <div class="right-charts-item">
-          <customBack top-title="投入品经销商分布" :top-postion="'right'">
+          <customBack top-title="投入品白名单/黑名单" :top-postion="'right'">
             <template #back>
               <dealerDistributionCharts></dealerDistributionCharts>
             </template>

From 13936b8b5b9be1f3eb14f70d99eb9aaa50100425 Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 25 Apr 2025 02:45:53 +0100
Subject: [PATCH 3/8] fix

---
 src/views/inputs/index.vue | 107 +++++++++++++++++++------------------
 1 file changed, 54 insertions(+), 53 deletions(-)

diff --git a/src/views/inputs/index.vue b/src/views/inputs/index.vue
index 6f642e1..7ded830 100644
--- a/src/views/inputs/index.vue
+++ b/src/views/inputs/index.vue
@@ -1,57 +1,55 @@
 <template>
-  <div class="data-home-index">
-    <el-row style="width: 100%; height: 100%">
-      <el-col :span="6" class="left-charts">
-        <div class="left-charts-item">
-          <customBack top-title="投入品监管体系建设" :top-postion="'left'">
-            <template #back>
-              <inputsType></inputsType>
-            </template>
-          </customBack>
-        </div>
-        <div class="left-charts-item">
-          <customBack top-title="投入品检测监管" :top-postion="'left'">
-            <template #back>
-              <inputsGmp></inputsGmp>
-            </template>
-          </customBack>
-        </div>
-        <div class="left-charts-item">
-          <customBack top-title="农资监管" :top-postion="'left'">
-            <template #back>
-              <landbreedCharts></landbreedCharts>
-            </template>
-          </customBack>
-        </div>
-      </el-col>
-      <el-col :span="12">
-        <centerMap></centerMap>
-      </el-col>
-      <el-col :span="6" class="right-charts">
-        <div class="right-charts-item">
-          <customBack top-title="生产主体统计" :top-postion="'right'">
-            <template #back>
-              <casesAlerts></casesAlerts>
-            </template>
-          </customBack>
-        </div>
-        <div class="right-charts-item">
-          <customBack top-title="历年投入品规模对比" :top-postion="'right'">
-            <template #back>
-              <monthlyuseCharts></monthlyuseCharts>
-            </template>
-          </customBack>
-        </div>
-        <div class="right-charts-item">
-          <customBack top-title="投入品白名单/黑名单" :top-postion="'right'">
-            <template #back>
-              <dealerDistributionCharts></dealerDistributionCharts>
-            </template>
-          </customBack>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
+  <el-row class="data-home-index">
+    <el-col :span="6" class="left-charts">
+      <div class="left-charts-item">
+        <customBack top-title="投入品监管体系建设" :top-postion="'left'">
+          <template #back>
+            <inputsType></inputsType>
+          </template>
+        </customBack>
+      </div>
+      <div class="left-charts-item">
+        <customBack top-title="投入品检测监管" :top-postion="'left'">
+          <template #back>
+            <inputsGmp></inputsGmp>
+          </template>
+        </customBack>
+      </div>
+      <div class="left-charts-item">
+        <customBack top-title="农资监管" :top-postion="'left'">
+          <template #back>
+            <landbreedCharts></landbreedCharts>
+          </template>
+        </customBack>
+      </div>
+    </el-col>
+    <el-col :span="12">
+      <centerMap></centerMap>
+    </el-col>
+    <el-col :span="6" class="right-charts">
+      <div class="right-charts-item">
+        <customBack top-title="生产主体统计" :top-postion="'right'">
+          <template #back>
+            <casesAlerts></casesAlerts>
+          </template>
+        </customBack>
+      </div>
+      <div class="right-charts-item">
+        <customBack top-title="历年投入品规模对比" :top-postion="'right'">
+          <template #back>
+            <monthlyuseCharts></monthlyuseCharts>
+          </template>
+        </customBack>
+      </div>
+      <div class="right-charts-item">
+        <customBack top-title="投入品白名单/黑名单" :top-postion="'right'">
+          <template #back>
+            <dealerDistributionCharts></dealerDistributionCharts>
+          </template>
+        </customBack>
+      </div>
+    </el-col>
+  </el-row>
 </template>
 <script setup>
 import centerMap from '@/components/centerMap.vue';
@@ -64,6 +62,9 @@ import inputsType from './components/inputsType.vue';
 </script>
 <style lang="scss" scoped>
 .data-home-index {
+  width: 100%;
+  height: 100%;
+
   .left-charts {
     display: flex;
     justify-content: space-around;

From dd431272afbb16d619f6f5b1280f41e84af7609c Mon Sep 17 00:00:00 2001
From: 13713575202 <1345916905@qq.com>
Date: Fri, 25 Apr 2025 10:11:32 +0800
Subject: [PATCH 4/8] =?UTF-8?q?=E6=A0=87=E9=A2=98=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=89=A9=E5=B1=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/subTop.vue | 105 +++++++++++++++++++++++++++++++++++++-
 src/styles/global.scss    |   4 +-
 2 files changed, 106 insertions(+), 3 deletions(-)

diff --git a/src/components/subTop.vue b/src/components/subTop.vue
index 715becb..e0a2336 100644
--- a/src/components/subTop.vue
+++ b/src/components/subTop.vue
@@ -8,6 +8,18 @@
       class="title-top-bg"
     ></div>
     <span class="title-top-content" :style="{ 'text-align': props.left }">{{ topTitle || '--' }}</span>
+    <div v-if="isDown" class="down-list" :style="{ width: downWidth }">
+      <el-dropdown :hide-on-click="true" :style="{ width: '90%' }" trigger="click" @command="handleCommand">
+        <span class="el-dropdown-link">
+          {{ currentVal && currentVal[labelField] ? currentVal[labelField] : downTitle }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
+        </span>
+        <template #dropdown>
+          <el-dropdown-menu class="down-menu">
+            <el-dropdown-item v-for="(n, index) in optionsList" :key="n[valueField]" :command="n[valueField]">{{ n[labelField] }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+    </div>
   </div>
 </template>
 <script setup>
@@ -26,24 +38,96 @@ const props = defineProps({
     type: String,
     default: 'left',
   },
+  options: {
+    type: Array,
+    default: () => {
+      return [
+        { label: '耿马镇', value: '42611' },
+        { label: '勐撒镇', value: '9259' },
+        { label: '勐永镇', value: '17787' },
+        { label: '孟定镇', value: '42610' },
+        { label: '勐简乡', value: '17788' },
+        { label: '贺派乡', value: '40161' },
+        { label: '四排山乡', value: '40163' },
+        { label: '大兴乡', value: '40159' },
+      ];
+    },
+  },
+  isDown: {
+    type: Boolean,
+    default: true,
+  },
+  downTitle: {
+    type: String,
+    default: '全县',
+  },
+  labelField: {
+    type: String,
+    default: 'label',
+  },
+  valueField: {
+    type: String,
+    default: 'value',
+  },
+  downWidth: {
+    type: String,
+    default: '100px',
+  },
 });
 
 let topTitle = ref('');
 let pos = ref('');
 
+let optionsList = reactive(props.options);
+let currentVal = reactive(null);
+
 watch(
-  () => (props.title, props.postion),
+  () => (props.title, props.postion, props.options),
   () => {
     topTitle.value = props.title;
     pos.value = props.postion;
+    optionsList = props.options;
   },
   {
     deep: true,
     immediate: true,
   }
 );
+
+const handleCommand = (data) => {
+  let index = optionsList.findIndex((m) => {
+    return m[props.valueField] == data;
+  });
+
+  if (index > -1) {
+    currentVal = optionsList[index];
+  }
+  console.info('handleCommand', currentVal);
+};
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
+.down-menu {
+  background: transparent;
+}
+
+.el-dropdown-link {
+  color: $color-custom-main !important;
+  i {
+    color: $color-custom-main !important;
+  }
+}
+.el-dropdown__popper {
+  background: rgba(0, 0, 0, 0.8) !important;
+  border: 0 !important;
+}
+.el-popper__arrow::before {
+  background: rgba(0, 0, 0, 0.8) !important;
+}
+.el-dropdown-menu__item:hover,
+.el-dropdown-menu__item:active {
+  background: rgba(255, 255, 255, 0.2) !important;
+  color: #fff !important;
+}
 .title-top-warp {
   position: relative;
   height: 38px;
@@ -77,5 +161,22 @@ watch(
     top: 0;
     z-index: 2;
   }
+  .down-list {
+    display: inline-block;
+    position: absolute;
+    right: 32px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 2;
+    border: 1px solid $color-custom-main;
+    border-radius: 4px;
+    padding: 6px;
+    text-align: center;
+    ::v-deep() {
+      .el-dropdown {
+        display: inline-block;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 3533878..397fb53 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -1,6 +1,6 @@
 // color
 $legacy-ie: 10;
-$color-primary: #20a0ff;
+$color-primary: #35D0C0;
 $color-success: #13ce66;
 $color-warning: #f7ba2a;
 $color-danger: #ff4949;
@@ -58,4 +58,6 @@ $color-types: (
   ),
 );
 
+$color-custom-main: #35D0C0;
+
 @import 'utils/utils';

From 8f3223e8e49c01b51fd7d0fe262711da898fb0b5 Mon Sep 17 00:00:00 2001
From: 13713575202 <1345916905@qq.com>
Date: Fri, 25 Apr 2025 10:12:10 +0800
Subject: [PATCH 5/8] =?UTF-8?q?=E5=8F=82=E6=95=B0=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/subTop.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/subTop.vue b/src/components/subTop.vue
index e0a2336..4d4a521 100644
--- a/src/components/subTop.vue
+++ b/src/components/subTop.vue
@@ -55,7 +55,7 @@ const props = defineProps({
   },
   isDown: {
     type: Boolean,
-    default: true,
+    default: false,
   },
   downTitle: {
     type: String,

From 3fa4900eb942bbfb44d25c0fe334f78fa35230b1 Mon Sep 17 00:00:00 2001
From: 13713575202 <1345916905@qq.com>
Date: Fri, 25 Apr 2025 10:37:33 +0800
Subject: [PATCH 6/8] =?UTF-8?q?=E5=8F=82=E6=95=B0=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/custom-echart-line/index.vue | 14 +++++-
 src/components/customBack.vue               | 52 +++++++++++++++++++-
 src/components/subTop.vue                   |  5 +-
 src/views/land/components/landPatrol.vue    | 54 +++++++++++++++++----
 src/views/land/index.vue                    | 33 ++++++++++++-
 5 files changed, 142 insertions(+), 16 deletions(-)

diff --git a/src/components/custom-echart-line/index.vue b/src/components/custom-echart-line/index.vue
index d2a04ae..946d7f8 100644
--- a/src/components/custom-echart-line/index.vue
+++ b/src/components/custom-echart-line/index.vue
@@ -2,7 +2,7 @@
   <div ref="chartRef" :style="{ height, width }"></div>
 </template>
 <script>
-import { ref, reactive, watchEffect } from 'vue';
+import { ref, reactive, watchEffect, watch } from 'vue';
 import { cloneDeep } from 'lodash';
 import { useEcharts } from '@/hooks/useEcharts';
 
@@ -66,6 +66,18 @@ export default {
       props.chartData && initCharts();
     });
 
+    watch(
+      () => props.chartData,
+      () => {
+        console.info('props.chartData变化', props.chartData);
+        props.chartData && initCharts();
+      },
+      {
+        deep: true,
+        immediate: true,
+      }
+    );
+
     function hexToRGBA(hex, alpha = 1) {
       let hexCode = hex.replace('#', '');
       if (hexCode.length === 3) {
diff --git a/src/components/customBack.vue b/src/components/customBack.vue
index 291494c..279f923 100644
--- a/src/components/customBack.vue
+++ b/src/components/customBack.vue
@@ -1,6 +1,16 @@
 <template>
   <div class="custom-back-warp">
-    <subTop :title="topTitle" :postion="topPostion"></subTop>
+    <subTop
+      :title="topTitle"
+      :postion="topPostion"
+      :is-down="isDown"
+      :down-title="downTitle"
+      :label-field="labelField"
+      :value-field="valueField"
+      :down-width="downWidth"
+      :options="options"
+      @command="handeleCommand"
+    ></subTop>
     <div class="custom-back-content">
       <slot name="back"></slot>
     </div>
@@ -23,7 +33,47 @@ const props = defineProps({
     type: String,
     default: 'left',
   },
+  options: {
+    type: Array,
+    default: () => {
+      return [
+        { label: '耿马镇', value: '42611' },
+        { label: '勐撒镇', value: '9259' },
+        { label: '勐永镇', value: '17787' },
+        { label: '孟定镇', value: '42610' },
+        { label: '勐简乡', value: '17788' },
+        { label: '贺派乡', value: '40161' },
+        { label: '四排山乡', value: '40163' },
+        { label: '大兴乡', value: '40159' },
+      ];
+    },
+  },
+  isDown: {
+    type: Boolean,
+    default: false,
+  },
+  downTitle: {
+    type: String,
+    default: '全县',
+  },
+  labelField: {
+    type: String,
+    default: 'label',
+  },
+  valueField: {
+    type: String,
+    default: 'value',
+  },
+  downWidth: {
+    type: String,
+    default: '100px',
+  },
 });
+
+const emit = defineEmits(['command']);
+const handeleCommand = (data) => {
+  emit('command', data);
+};
 </script>
 <style lang="scss" scoped>
 .custom-back-warp {
diff --git a/src/components/subTop.vue b/src/components/subTop.vue
index 4d4a521..efb2b74 100644
--- a/src/components/subTop.vue
+++ b/src/components/subTop.vue
@@ -74,7 +74,7 @@ const props = defineProps({
     default: '100px',
   },
 });
-
+const emit = defineEmits(['command']);
 let topTitle = ref('');
 let pos = ref('');
 
@@ -102,7 +102,8 @@ const handleCommand = (data) => {
   if (index > -1) {
     currentVal = optionsList[index];
   }
-  console.info('handleCommand', currentVal);
+  // console.info('handleCommand', currentVal);
+  emit('command', currentVal);
 };
 </script>
 <style lang="scss">
diff --git a/src/views/land/components/landPatrol.vue b/src/views/land/components/landPatrol.vue
index f68255c..63adaf7 100644
--- a/src/views/land/components/landPatrol.vue
+++ b/src/views/land/components/landPatrol.vue
@@ -1,9 +1,34 @@
 <template>
-  <custom-echart-line :chart-data="state.data" height="100%" :option="state.option" />
+  <custom-echart-line :chart-data="dataList" height="100%" :option="state.option" />
 </template>
 <script setup>
 import { reactive } from 'vue';
-
+let dataList = reactive([
+  {
+    value: 10,
+    name: '2020',
+  },
+  {
+    value: 66,
+    name: '2021',
+  },
+  {
+    value: 100,
+    name: '2022',
+  },
+  {
+    value: 120,
+    name: '2023',
+  },
+  {
+    value: 150,
+    name: '2024',
+  },
+  {
+    value: 80,
+    name: '2025',
+  },
+]);
 const state = reactive({
   option: {
     color: ['#35D0C0'],
@@ -49,31 +74,40 @@ const state = reactive({
       // name: '',
     },
   },
-  data: [
+  data: dataList,
+});
+
+const refresData = () => {
+  console.info('landPatrol********************refresData');
+  state.data = dataList = reactive([
     {
-      value: 10,
+      value: 20,
       name: '2020',
     },
     {
-      value: 66,
+      value: 86,
       name: '2021',
     },
     {
-      value: 100,
+      value: 120,
       name: '2022',
     },
     {
-      value: 120,
+      value: 140,
       name: '2023',
     },
     {
-      value: 150,
+      value: 170,
       name: '2024',
     },
     {
-      value: 80,
+      value: 100,
       name: '2025',
     },
-  ],
+  ]);
+};
+
+defineExpose({
+  refresData,
 });
 </script>
diff --git a/src/views/land/index.vue b/src/views/land/index.vue
index 2654ed9..fe8a7be 100644
--- a/src/views/land/index.vue
+++ b/src/views/land/index.vue
@@ -16,9 +16,29 @@
         </customBack>
       </div>
       <div class="left-charts-item">
-        <customBack top-title="项目效益分析" :top-postion="'left'">
+        <customBack
+          top-title="项目效益分析"
+          :top-postion="'left'"
+          :down-title="'全县'"
+          :label-field="'label'"
+          :value-field="'value'"
+          :down-width="'100px'"
+          :options="[
+            { label: '全县', value: '530926' },
+            { label: '耿马镇', value: '42611' },
+            { label: '勐撒镇', value: '9259' },
+            { label: '勐永镇', value: '17787' },
+            { label: '孟定镇', value: '42610' },
+            { label: '勐简乡', value: '17788' },
+            { label: '贺派乡', value: '40161' },
+            { label: '四排山乡', value: '40163' },
+            { label: '大兴乡', value: '40159' },
+          ]"
+          :is-down="true"
+          @command="landPatrolCommand"
+        >
           <template #back>
-            <landPatrol></landPatrol>
+            <landPatrol ref="landPatrolRef"></landPatrol>
           </template>
         </customBack>
       </div>
@@ -60,6 +80,15 @@ import landCirculation from './components/landCirculation.vue';
 import landPlan from './components/landPlan.vue';
 import landPatrol from './components/landPatrol.vue';
 import LandAera from './components/LandAera.vue';
+import { nextTick, ref } from 'vue';
+
+const landPatrolRef = ref(null);
+const landPatrolCommand = (data) => {
+  console.info('landPatrolCommand', data);
+  nextTick(() => {
+    landPatrolRef.value && landPatrolRef.value.refresData();
+  });
+};
 </script>
 <style lang="scss" scoped>
 .data-home-index {

From f0b7af263729b36a6be704f3607223db8ab9f876 Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 25 Apr 2025 03:39:31 +0100
Subject: [PATCH 7/8] fix:padding

---
 src/layouts/index.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 1c35e7b..9ad1828 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -57,12 +57,13 @@ onMounted(() => {
     url('@/assets/images/basic/containerBotBG.png') no-repeat bottom center;
   &-header {
     width: 100%;
-    height: 60px;
-    // margin-bottom: 60px;
+    margin-bottom: 16px;
   }
   &-main {
     flex: 1;
-    min-height: calc(100vh - 60px);
+    min-height: calc(100vh - 90px - 16px);
+    padding: 0 40px;
+    box-sizing: border-box;
   }
   .base-laytout-header {
     height: 90px;

From d28fc434ba9beb51c0f3046e913402c6e971c61f Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 25 Apr 2025 03:58:00 +0100
Subject: [PATCH 8/8] use font

---
 src/styles/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/style.scss b/src/styles/style.scss
index 015508b..69ee739 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -5,7 +5,7 @@
   position: relative;
   width: 100%;
   height: 100%;
-  font-family: Avenir, sans-serif;
+  font-family: JinBuTi, Sans, Avenir, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: #000;