From 67517b477cbb05cd9dbe467b16192d95b9e2695f Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 17 四月 2024 16:50:51 +0800
Subject: [PATCH] 月度统计报表模块 前端开发+列表的接口联调

---
 src/views/overview/index.vue |   55 ++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 42 insertions(+), 13 deletions(-)

diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue
index baee3a7..859f522 100644
--- a/src/views/overview/index.vue
+++ b/src/views/overview/index.vue
@@ -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>
@@ -65,10 +77,12 @@
         title: "鏂板缓",
         infomation: {},
         keyword: ""
-      }
+      },
+      pageSizes: [30, 45]
     }
   },
   created() {
+    this.pagerOptions.pageSize = 30
     this.getData()
   },
   methods: {
@@ -77,11 +91,11 @@
       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 }
+        query: { name: item.name, workType: item.baseOperationType, id: item.id, status: status,code:item.warehouse.code }
       })
     },
     async getData() {
@@ -90,17 +104,31 @@
         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) => {
+        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)
     }
   }
 }
@@ -141,7 +169,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);
@@ -151,6 +179,7 @@
       .bottom {
         display: flex;
         font-size: 13px;
+        margin-top: 30px;
         .left {
           width: 50%;
           // background: #1d80e2;
@@ -168,7 +197,7 @@
           }
         }
         .right {
-          width: 50%;
+          width: 25%;
           .right_status {
             margin-top: 5px;
           }

--
Gitblit v1.8.0