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 | 145 ++++++++++++++++++++++++++++-------------------
1 files changed, 86 insertions(+), 59 deletions(-)
diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue
index c535477..313c233 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">
@@ -10,37 +10,50 @@
v-for="item in tableList"
:key="item.id"
:class="{
- overview_active: item.status === 'active',
- overview_done: item.status === 'done',
- overview_todo: item.status === 'todo'
+ overview_active: item.baseOperationType === 1,
+ overview_done: item.baseOperationType === 2,
+ overview_todo: item.baseOperationType === 3
}"
+ @click="labelClick(item)"
>
<div class="top">
<div class="label">
- <span style="cursor: pointer" @click="labelClick(item)">{{ item.name }}</span>
+ <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">
- <span>2</span>
- <span style="margin-left: 5px">寰呭鐞�</span>
+ <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">
- <span style="cursor: pointer">2 姝ｅ湪绛夊緟</span>
+ <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">
+ <!-- <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>
@@ -48,6 +61,7 @@
<script>
import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
+import { getOperationType } from "@/api/overview/overview"
export default {
name: "OverView",
@@ -57,59 +71,65 @@
computed: {},
data() {
return {
- tableList: [
- {
- name: "閲囪喘鍏ュ簱",
- status: "active",
- workType: "鏀惰揣"
- },
- {
- name: "鍐呴儴璋冩嫧",
- status: "done",
- workType: "鍐呴儴璋冩嫧"
- },
- {
- name: "璁㈠崟鍙戣揣鍑哄簱",
- status: "done",
- workType: "鍙戣揣"
- },
- {
- name: "2",
- status: "active",
- workType: "鏀惰揣"
- },
- {
- name: "3",
- status: "todo",
- workType: "鏀惰揣"
- },
- {
- name: "2",
- status: "active",
- workType: "鏀惰揣"
- },
- {
- name: "3",
- status: "todo",
- workType: "鏀惰揣"
- }
- ],
+ tableList: [],
editConfig: {
visible: false,
title: "鏂板缓",
- infomation: {}
- }
+ infomation: {},
+ keyword: ""
+ },
+ pageSizes: [30, 45]
}
},
- created() {},
+ created() {
+ this.pagerOptions.pageSize = 30
+ this.getData()
+ },
methods: {
getList(val) {
console.log(val)
+ this.keyword = val
+ this.getData()
},
- labelClick(item) {
- this.$router.push({ path: "/overview/overviewList", query: { name: item.name, workType: item.workType } })
+ labelClick(item, status) {
+ console.log(item)
+ this.$router.push({
+ name: "overviewList",
+ params: { name: item.name, workType: item.baseOperationType, id: item.id, status: status,code:item.warehouse.code }
+ })
},
- getData() {}
+ async getData() {
+ await getOperationType({
+ keyword: this.keyword,
+ page: this.pagerOptions.currPage,
+ pageSize: this.pagerOptions.pageSize
+ }).then((res) => {
+ if (res.code === 200) {
+ const list = res.data.map((item) => {
+ return {
+ ...item
+ }
+ })
+ this.tableList = list || []
+ 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)
+ }
}
}
</script>
@@ -117,7 +137,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.content {
- height: calc(100% - 150px);
+ height: calc(100% - 112px);
background: #fff;
border-radius: 12px;
.list-view {
@@ -137,6 +157,7 @@
box-shadow: inset 0 0 2px #dee2e6;
-moz-box-shadow: inset 0 0 2px #dee2e6;
-webkit-box-shadow: inset 0 0 2px #dee2e6;
+ cursor: pointer;
.top {
height: 35px;
line-height: 35px;
@@ -148,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);
@@ -158,6 +179,7 @@
.bottom {
display: flex;
font-size: 13px;
+ margin-top: 30px;
.left {
width: 50%;
// background: #1d80e2;
@@ -175,8 +197,9 @@
}
}
.right {
- width: 50%;
+ width: 25%;
.right_status {
+ margin-top: 5px;
}
}
}
@@ -192,4 +215,8 @@
}
}
}
+
+.btn-pager {
+ margin-top: 0;
+}
</style>
--
Gitblit v1.8.0