1

src/views/group/data-board/turnover-rate/index.vue

@@ -1,24 +1,37 @@
 <template>
   <el-card class="box-card">
-    <byTable
-      :hidePagination="true"
-      :source="sourceList.data"
-      :config="config"
-      :loading="loading"
-      highlight-current-row
-      :action-list="[
-        {
-          text: '刷新',
-          action: () => getList(),
-        },
-      ]"
-      @get-list="getList">
-      <template #purchaseCode="{ item }">
-        <div>
-          <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="clickPurchaseCode(item)">{{ item.purchaseCode }}</a>
-        </div>
-      </template>
-    </byTable>
+    <el-row :gutter="10">
+      <el-col :span="12">
+        <byTable
+          :hidePagination="true"
+          :source="sourceList.data"
+          :config="config"
+          :loading="loading"
+          highlight-current-row
+          :action-list="[
+            {
+              text: '刷新',
+              action: () => getList(),
+            },
+          ]"
+          @get-list="getList">
+          <template #purchaseCode="{ item }">
+            <div>
+              <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="clickPurchaseCode(item)">{{ item.purchaseCode }}</a>
+            </div>
+          </template>
+        </byTable>
+      </el-col>
+      <el-col :span="12" style="padding-top: 34px">
+        <byTable :hidePagination="true" :source="sourceListTwo.data" :config="config" :loading="loadingTwo" highlight-current-row @get-list="getList">
+          <template #purchaseCode="{ item }">
+            <div>
+              <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="clickPurchaseCode(item)">{{ item.purchaseCode }}</a>
+            </div>
+          </template>
+        </byTable>
+      </el-col>
+    </el-row>
   </el-card>
 </template>
 
@@ -28,9 +41,12 @@ import byTable from "/src/components/byTable/index";
 const { proxy } = getCurrentInstance();
 const sourceList = ref({
   data: [],
-  pagination: {},
+});
+const sourceListTwo = ref({
+  data: [],
 });
 const loading = ref(false);
+const loadingTwo = ref(false);
 const config = computed(() => {
   return [
     {
@@ -51,19 +67,33 @@ const config = computed(() => {
       attrs: {
         label: "周转率",
         prop: "turnoverRate",
-        width: 160,
+        width: 120,
+      },
+    },
+    {
+      attrs: {
+        label: "库存数量",
+        prop: "quantity",
+        width: 120,
       },
     },
   ];
 });
 const getList = () => {
   loading.value = true;
-  proxy.post("/turnoverRateBoard/getTurnoverRateStatisticsList", sourceList.value.pagination).then((res) => {
+  proxy.post("/turnoverRateBoard/getTurnoverRateStatisticsList", { bomClassify: "1" }).then((res) => {
     sourceList.value.data = res;
     setTimeout(() => {
       loading.value = false;
     }, 200);
   });
+  loadingTwo.value = true;
+  proxy.post("/turnoverRateBoard/getTurnoverRateStatisticsList", { bomClassify: "2" }).then((res) => {
+    sourceListTwo.value.data = res;
+    setTimeout(() => {
+      loadingTwo.value = false;
+    }, 200);
+  });
 };
 getList();
 </script>