gx

src/view/analyze.vue

@@ -103,46 +103,13 @@
         </div>
         <div class="choose">
           <div
+            v-for="option in data.options"
+            :key="option.value"
+            :class="jz === option.value ? 'choose_1' : 'choose_2'"
+            @click="jzChange(option.value)"
             class="choose_0"
-            :class="jz == '1' ? 'choose_1' : 'choose_2'"
-            @click="jzChange('1')"
           >
-            特困
+            {{ option.label }}
-          </div>
-          <div
-            class="choose_0"
-            :class="jz == '2' ? 'choose_1' : 'choose_2'"
-            @click="jzChange('2')"
-          >
-            低保
-          </div>
-          <div
-            class="choose_0"
-            :class="jz == '3' ? 'choose_1' : 'choose_2'"
-            @click="jzChange('3')"
-          >
-            低边
-          </div>
-          <div
-            class="choose_0"
-            :class="jz == '4' ? 'choose_1' : 'choose_2'"
-            @click="jzChange('4')"
-          >
-            困难残疾人
-          </div>
-          <div
-            class="choose_0"
-            :class="jz == '5' ? 'choose_1' : 'choose_2'"
-            @click="jzChange('5')"
-          >
-            困难军人
-          </div>
-          <div
-            class="choose_0"
-            :class="jz == '6' ? 'choose_1' : 'choose_2'"
-            @click="jzChange('6')"
-          >
-            困难职工
           </div>
         </div>
         <ePie4
@@ -389,7 +356,14 @@ const data = reactive({
   },
   list1: {},
   list2: {},
-
+  options: [
+    { value: "1", label: "特困" },
+    { value: "2", label: "低保" },
+    { value: "3", label: "低边" },
+    { value: "4", label: "困难残疾人" },
+    { value: "5", label: "困难军人" },
+    { value: "6", label: "困难职工" },
+  ],
   dataAnalysis: [
     {
       data: ["50", "100", "120", "62", "70"],

src/view/echart_analyze/pie4.vue

@@ -61,7 +61,7 @@ const getOption = () => {
       },
     },
     yAxis: {
-      name: "人数/次",
+      // name: "人数/次",
       type: "value",
       nameTextStyle: {
         // 设置Y轴名称的样式