| | |
| | | <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"> |
| | |
| | | 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() { |
| | |
| | | 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) |
| | | } |
| | | } |
| | | } |
| | |
| | | margin-left: auto; |
| | | margin-right: 20px; |
| | | font-size: 20px; |
| | | cursor: no-drop; |
| | | // cursor: no-drop; |
| | | color: #000; |
| | | transform: rotate(-90deg); |
| | | -moz-transform: rotate(-90deg); |
| | |
| | | .bottom { |
| | | display: flex; |
| | | font-size: 13px; |
| | | margin-top: 30px; |
| | | .left { |
| | | width: 50%; |
| | | // background: #1d80e2; |