feat:edit

src/views/inputs/index.vue

@@ -35,9 +35,29 @@
         </customBack>
       </div>
       <div class="right-charts-item">
-        <customBack top-title="历年投入品规模对比" :top-postion="'right'">
+        <customBack
+          top-title="历年投入品规模对比"
+          :top-postion="'right'"
+          :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="handleCommand"
+        >
           <template #back>
-            <inputsFive />
+            <inputsFive ref="fiveRef" />
           </template>
         </customBack>
       </div>
@@ -60,6 +80,15 @@ import inputsFour from './components/inputsFour.vue';
 import inputsFive from './components/inputsFive.vue';
 import inputsSix from './components/inputsSix.vue';
 import inputsMap from './components/inputsMap.vue';
+import { nextTick, ref } from 'vue';
+
+const fiveRef = ref(null);
+const handleCommand = (data) => {
+  console.info('data=', data);
+  nextTick(() => {
+    fiveRef.value && fiveRef.value.refresData();
+  });
+};
 </script>
 <style lang="scss" scoped>
 .data-home-index {