fix

src/components/subTop.vue

@@ -171,10 +171,14 @@ const handleCommand = (data) => {
     top: 50%;
     transform: translateY(-50%);
     z-index: 2;
-    border: 1px solid $color-custom-main;
-    border-radius: 4px;
-    padding: 6px;
     text-align: center;
+    white-space: nowrap;
+
+    .el-dropdown {
+      border: 1px solid $color-custom-main;
+      padding: 6px;
+      border-radius: 4px;
+    }
   }
 }
 </style>

src/views/business/index.vue

@@ -9,7 +9,23 @@
         </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="[
+            { value: 1, label: '农企/合作社' },
+            { value: 2, label: '农资企业' },
+            { value: 3, label: '种源企业' },
+            { value: 4, label: '生产加工企业' },
+            { value: 5, label: '农户' },
+          ]"
+          :is-down="true"
+          @command="handleCommand"
+        >
           <template #back>
             <businessTwo :data="state.data.two" :query="state.queryCode" />
           </template>