update

src/views/indexSon.vue

@@ -14,17 +14,19 @@
     </div>
     <div class="body-d">
       <div class="body-d-left">
-        <PieCharts/>
+          <template v-for="(item, index) in dataList" :key="`list${index}`">
+              <item-d :title="item.title" :data="item.data" :tips="item.tips" :color="item.color" />
+          </template>
       </div>
       <div class="body-d-middle">
-        <SecondMap>
+        <SecondMap :orgCode="orgCode" :type="type">
           <template #rightForm>
             <a-select
                 placeholder="选择单位"
                 v-model:value="orgCode"
                 class="type-select"
                 :options="option"
-                :fieldNames="fieldNames"
+                :field-names="fieldNames"
             ></a-select>
             <a-select placeholder="选择时间范围" v-model:value="type" class="type-select"
                       :options="timeRangeOption"></a-select>
@@ -166,25 +168,24 @@ const {type, timeRangeOption} = useTimeType('week');
     }
   }
 
-  .body-d-left {
-    > :nth-child(n) {
-      width: 100%;
-      height: calc(100% / 4);
-      padding: 10px;
+        .body-d-left {
+            > :nth-child(n) {
+                width: 100%;
+                height: calc(100% / 4);
+                padding: 10px;
+            }
+        }
+
+        .body-d-middle {
+            display: flex;
+            flex-direction: column;
+        }
+
+        .type-select {
+            width: 140px;
+            margin-right: 10px;
+        }
     }
-  }
-
-  .body-d-middle {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .type-select {
-    width: 120px;
-    color: #008cff;
-    margin-right: 10px;
-  }
-}
 
 .bottom-d {
   height: 40px;