优化

src/views/home/components/provincial/Top2.vue

@@ -12,9 +12,7 @@
         @click="handleBtn(item.id)"
       >
         <div class="num">
-          <span v-if="item.id == 4"
-            >{{ mechanizationTotal > 0 ? mechanizationTotal : equipData[item.key] || 0 }}%</span
-          >
+          <span v-if="item.id == 4">{{ mechanizationTotal > 0 ? mechanizationTotal : equipData[item.key] || 0 }}%</span>
           <span v-else>{{ equipData[item.key] || 0 }}</span>
         </div>
         <div class="name">{{ item.name }}</div>
@@ -22,6 +20,25 @@
       </div>
     </div>
 
+    <el-checkbox-group v-model="checkList" class="circle-checkbox" v-if="btnIndex == 1" @change="changeCheckBox">
+      <el-checkbox label="1">0-1000万</el-checkbox>
+      <el-checkbox label="2">1000-2000万</el-checkbox>
+      <el-checkbox label="3">2000万以上</el-checkbox>
+    </el-checkbox-group>
+
+    <el-checkbox-group v-model="checkList2" class="circle-checkbox" v-if="btnIndex == 2" @change="changeCheckBox">
+      <el-checkbox label="在库">在库</el-checkbox>
+      <el-checkbox label="自用">自用</el-checkbox>
+      <el-checkbox label="共享">共享</el-checkbox>
+      <el-checkbox label="维修">维修</el-checkbox>
+    </el-checkbox-group>
+
+    <el-checkbox-group v-model="checkList3" class="circle-checkbox" v-if="btnIndex == 3" @change="changeCheckBox">
+      <el-checkbox label="1">0-70</el-checkbox>
+      <el-checkbox label="2">71-100</el-checkbox>
+      <el-checkbox label="3">101-120</el-checkbox>
+    </el-checkbox-group>
+
     <el-radio-group v-model="radio" class="radio-box" v-if="btnIndex == 4" @input="handleRadio">
       <el-radio :label="1">线路工程</el-radio>
       <el-radio :label="2">变电工程</el-radio>
@@ -65,6 +82,9 @@ export default {
         configuration: 0, // 配置率
         mechanization: 0, // 机械化率
       },
+      checkList:[],
+      checkList2: [],
+      checkList3: [],
       radio: 1,
       // 机械化率总数
       mechanizationTotal: 0,
@@ -80,6 +100,11 @@ export default {
       this.cityData = []
       this.getInfo()
     },
+    changeCheckBox(val) {
+      console.log('🚀 ~ val:', val)
+      console.log('🚀 ~ val:', this.checkList)
+      // this.getInfo()
+    },
     handleRadio(val) {
       this.getInfo()
     },