From 508f805bae4f74c9432d82c045d895a62ea1f099 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期六, 21 十月 2023 13:32:49 +0800 Subject: [PATCH] Merge branch 'zwf/style' into dev --- src/views/overview/index.vue | 35 +++++++++++++++++++++++++++++------ 1 files changed, 29 insertions(+), 6 deletions(-) diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue index 6cf6cf0..0985bf7 100644 --- a/src/views/overview/index.vue +++ b/src/views/overview/index.vue @@ -20,17 +20,24 @@ <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: '鍏ㄩ儴', item }">鍏ㄩ儴</el-dropdown-item> + <el-dropdown-item :command="{ command: '灏辩华', item }">灏辩华</el-dropdown-item> + <el-dropdown-item :command="{ command: '瀹屾垚', 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, '灏辩华')"> <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, '瀹屾垚')"> <span style="cursor: pointer">{{ item.finishCount + " 瀹屾垚" }}</span> </div> <!-- <div class="right_status" style="margin-top: 5px"> @@ -79,11 +86,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 } }) }, async getData() { @@ -103,6 +110,21 @@ this.pagerOptions.totalCount = res.data.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) } } } @@ -143,7 +165,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); @@ -153,6 +175,7 @@ .bottom { display: flex; font-size: 13px; + margin-top: 30px; .left { width: 50%; // background: #1d80e2; -- Gitblit v1.8.0