修改

src/views/wel/components/audit-data.vue

@@ -14,33 +14,12 @@
         </span>
       </div>
       <div class="content" v-loading="loading">
-        <div class="content-item">
+        <div class="content-item" v-for="(item, index) in list" :key="index">
           <div class="card">
-            <i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
+            <i :class="item.icon" style="font-size:30px;color:#409EFF"></i>
             <div class="card-content">
-              <span class="card-content-num">1</span>
-              <span class="card-content-text">销售订单/待审核</span>
-            </div>
-          </div>
-        </div>
-        <div class="content-item">
-          <div class="card">
-            <i class="el-icon-s-goods" style="font-size:30px;color:#409EFF"></i>
-            <div class="card-content">
-              <span class="card-content-num">0</span>
-              <span class="card-content-text">采购订单/待审核</span>
-            </div>
-          </div>
-        </div>
-        <div class="content-item">
-          <div class="card">
-            <i
-              class="el-icon-s-finance"
-              style="font-size:30px;color:#409EFF"
-            ></i>
-            <div class="card-content">
-              <span class="card-content-num">0</span>
-              <span class="card-content-text">申请付款/待审核</span>
+              <span class="card-content-num">{{ item.qty }}</span>
+              <span class="card-content-text">{{ item.text }}</span>
             </div>
           </div>
         </div>
@@ -54,7 +33,14 @@ export default {
   name: "basicContainer",
   data() {
     return {
-      loading: false
+      loading: false,
+      list: [
+        { icon: "el-icon-s-order", qty: "1", text: "销售订单/待审核" },
+        { icon: "el-icon-s-goods", qty: "1", text: "采购订单/待审核" },
+        { icon: "el-icon-s-home", qty: "1", text: "发货/待审核" },
+        { icon: "el-icon-s-home", qty: "1", text: "收货/待审核" },
+        { icon: "el-icon-s-finance", qty: "1", text: "申请付款/待审核" }
+      ]
     };
   },
   methods: {
@@ -90,10 +76,10 @@ export default {
   display: flex;
   &-item {
     background-color: #f4f8ff;
-    margin-top: 1vh;
+    margin-top: 0.5vh;
+    margin-right: 0.5vw;
     height: 13vh;
     width: 15vw;
-    margin-right: 1vw;
     display: flex;
     align-items: center;
     padding-left: 1.5vw;