From c57c6546d706019a5c5656ff02c411439bf95af5 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期五, 24 十一月 2023 10:49:48 +0800
Subject: [PATCH] 概述的 入库获取供应商的接口联调 ，数据参数修改+出库获取客户的接口联调+数据参数修改

---
 src/views/overview/index.vue |   71 +++++++++++++++++++++++++++--------
 1 files changed, 54 insertions(+), 17 deletions(-)

diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue
index 8f1df84..9ddec17 100644
--- a/src/views/overview/index.vue
+++ b/src/views/overview/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="rightContent">
     <div class="top">
-      <SearchCommonView :show-add="false" :placeholder="'璇疯緭鍏ヤ骇鍝佸悕绉�'" :amount-view="false" @searchClick="getList" />
+      <SearchCommonView :show-add="false" :placeholder="'璇疯緭鍏ヤ笟鍔＄被鍨�'" :amount-view="false" @searchClick="getList" />
     </div>
     <div class="content">
       <div class="list-view">
@@ -20,28 +20,40 @@
             <div class="label">
               <span style="cursor: pointer">{{ item.name }}</span>
             </div>
-            <div class="set">...</div>
+            <el-dropdown class="set" placement="bottom" trigger="click" @command="handleCommand">
+              <div @click.stop="moreClick()">...</div>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item :command="{ command: 0, item }">鍏ㄩ儴</el-dropdown-item>
+                <el-dropdown-item :command="{ command: 3, item }">灏辩华</el-dropdown-item>
+                <el-dropdown-item :command="{ command: 4, item }">瀹屾垚</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
           </div>
           <div class="bottom">
             <div class="left">
-              <div class="left_view">
+              <div class="left_view" @click.stop="statusClick(item, 3)">
                 <span>{{ item.readyCount }}</span>
                 <span style="margin-left: 5px">灏辩华</span>
               </div>
             </div>
             <div class="right">
-              <div class="right_status">
+              <div class="right_status" @click.stop="statusClick(item, 4)">
                 <span style="cursor: pointer">{{ item.finishCount + " 瀹屾垚" }}</span>
               </div>
               <!-- <div class="right_status" style="margin-top: 5px">
                 <span style="cursor: pointer">4 寤舵湡</span>
               </div> -->
             </div>
+            <div class="right">
+              <div class="right_status" @click.stop="statusClick(item, 5)">
+                <span style="cursor: pointer">{{ item.cancelCount + " 宸插彇娑�" }}</span>
+              </div>
+            </div>
           </div>
         </div>
       </div>
       <div class="btn-pager">
-        <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
+        <PagerView class="page" :page-sizes="pageSizes" :pager-options="pagerOptions" v-on="pagerEvents" />
       </div>
     </div>
   </div>
@@ -63,41 +75,61 @@
       editConfig: {
         visible: false,
         title: "鏂板缓",
-        infomation: {}
-      }
+        infomation: {},
+        keyword: ""
+      },
+      pageSizes: [30, 45]
     }
   },
   created() {
+    this.pagerOptions.pageSize = 30
     this.getData()
   },
   methods: {
     getList(val) {
       console.log(val)
+      this.keyword = val
+      this.getData()
     },
-    labelClick(item) {
+    labelClick(item, status) {
       console.log(item)
       this.$router.push({
         name: "overviewList",
-        params: { name: item.name, workType: item.baseOperationType, id: item.id }
+        params: { name: item.name, workType: item.baseOperationType, id: item.id, status: status,code:item.warehouse.code }
       })
     },
     async getData() {
       await getOperationType({
-        keyword: "",
+        keyword: this.keyword,
         page: this.pagerOptions.currPage,
         pageSize: this.pagerOptions.pageSize
       }).then((res) => {
-        console.log(res.data.data)
-        if (res.data.code === 200) {
-          const list = res.data.data.map((item) => {
+        console.log(res.data)
+        if (res.code === 200) {
+          const list = res.data.map((item) => {
             return {
               ...item
             }
           })
           this.tableList = list || []
-          this.pagerOptions.totalCount = res.data.total
+          this.pagerOptions.totalCount = res.total
         }
       })
+    },
+    handleCommand(val) {
+      console.log(val)
+      if (val.command === "鍏ㄩ儴") {
+        this.labelClick(val.item, "")
+      } else {
+        this.labelClick(val.item, val.command)
+      }
+    },
+    // 鏇村
+    moreClick() {},
+    // 鐘舵��
+    statusClick(item, status) {
+      console.log(item)
+      this.labelClick(item, status)
     }
   }
 }
@@ -106,7 +138,7 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 .content {
-  height: calc(100% - 130px);
+  height: calc(100% - 112px);
   background: #fff;
   border-radius: 12px;
   .list-view {
@@ -138,7 +170,7 @@
           margin-left: auto;
           margin-right: 20px;
           font-size: 20px;
-          cursor: no-drop;
+          // cursor: no-drop;
           color: #000;
           transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
@@ -148,6 +180,7 @@
       .bottom {
         display: flex;
         font-size: 13px;
+        margin-top: 30px;
         .left {
           width: 50%;
           // background: #1d80e2;
@@ -165,7 +198,7 @@
           }
         }
         .right {
-          width: 50%;
+          width: 25%;
           .right_status {
             margin-top: 5px;
           }
@@ -183,4 +216,8 @@
     }
   }
 }
+
+.btn-pager {
+  margin-top: 0;
+}
 </style>

--
Gitblit v1.8.0