From 1888b426ff2b6a529f5fdef0f0453dadef71824b Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期三, 17 四月 2024 10:17:38 +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..313c233 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 } + params: { 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