From 1b9b94bd65d49581f72a771f1936fb36db98ca5a Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期一, 24 三月 2025 11:40:43 +0800
Subject: [PATCH] 首页展示容缺待办
---
src/views/projectProcess/detail/index.vue | 45 ++++++++++++++++++++++++++++++++++-----------
1 files changed, 34 insertions(+), 11 deletions(-)
diff --git a/src/views/projectProcess/detail/index.vue b/src/views/projectProcess/detail/index.vue
index 070bc84..43b4034 100644
--- a/src/views/projectProcess/detail/index.vue
+++ b/src/views/projectProcess/detail/index.vue
@@ -18,11 +18,11 @@
</div>
<div class="search-warp">
<div @click="changeTab(1, 'all')" :class="{'item-warm': true, 'all-color': true, 'active': 1 === selectTabId}">鍏ㄩ儴浜嬮」<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.totalTaskNum}}锛�</span></div>
- <div @click="changeTab(2, 'todo')" :class="{'item-warm': true, 'all-color': true, 'active': 2 === selectTabId}">寰呭姙浜嬮」<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.todoTaskNum}}锛�</span></div>
- <div @click="changeTab(3, 'wait')" :class="{'item-warm': true, 'current-color': true, 'active': 3 === selectTabId}">瀹圭己浜嬮」</div>
+ <div @click="changeTab(2, 'todo')" :class="{'item-warm': true, 'todo-color': true, 'active': 2 === selectTabId}">寰呭姙浜嬮」<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.todoTaskNum}}锛�</span></div>
<div @click="changeTab(4, 'remaining')" :class="{'item-warm': true, 'remaining-color': true, 'active': 4 === selectTabId}">鍓╀綑浜嬮」<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.remainingTaskNum}}锛�</span></div>
<div @click="changeTab(5, 'timely')" :class="{'item-warm': true, 'timely-color': true, 'active': 5 === selectTabId}">鎸夋椂瀹屾垚<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.timelyFinishedTaskNum}}锛�</span></div>
<div @click="changeTab(6, 'overtime')" :class="{'item-warm': true, 'overtime-color': true, 'active': 6 === selectTabId}">瓒呮椂浜嬮」锛�0锛�</div>
+ <div @click="changeTab(3, 'wait')" :class="{'item-warm': true, 'wait-color': true, 'active': 3 === selectTabId}">瀹圭己浜嬮」</div>
<!-- <div @click="changeTab(7, 'willOvertime')" :class="{'item-warm': true, 'willOvertime-color': true, 'active': 7 === selectTabId}">涓存湡浜嬮」锛�0锛�</div>-->
<div @click="changeTab(8, 'urge')" :class="{'item-warm': true, 'urge-color': true, 'active': 8 === selectTabId}">鐫ｅ姙浜嬮」锛�0锛�</div>
</div>
@@ -268,14 +268,35 @@
this.queryParams.processInsId = this.$route.query.processInsId
this.queryParams.deployId = this.$route.query.deployId
this.queryParams.processName = this.$route.query.processName
+ if (this.$route.query.selectTabId) {
+ this.selectTabId = parseInt(this.$route.query.selectTabId)
+ }
sessionStorage.setItem("projectProDetail", JSON.stringify(this.queryParams))
} else {
this.queryParams = params
}
this.loading = true
+ this.changeTab(this.selectTabId, this.transEventType(this.selectTabId))
this.getProjectProcessInfo()
},
methods: {
+ transEventType(selectTabId) {
+ if (selectTabId == 1) {
+ return "all"
+ } else if (selectTabId == 2) {
+ return "todo"
+ } else if (selectTabId == 3) {
+ return "wait"
+ } else if (selectTabId == 4) {
+ return "remaining"
+ } else if (selectTabId == 5) {
+ return "timely"
+ } else if (selectTabId == 6) {
+ return "overtime"
+ } else if (selectTabId == 8) {
+ return "urge"
+ }
+ },
submitSupervise() {
this.$refs["superviseForm"].validate(valid => {
if (valid) {
@@ -483,19 +504,14 @@
}
getProjectProcessDetail(param).then(res => {
this.detailData = res.data
- this.taskList = res.taskList
- this.total = res.total
this.loading = false
})
},
changeTab(id, event) {
- let beforeId = this.selectTabId
this.selectTabId = id
this.queryParams.taskType = event
this.queryParams.currentPage = 1;
- if (beforeId !== id) {
- this.getList()
- }
+ this.getList()
}
}
}
@@ -545,6 +561,9 @@
.all-color {
background-color: rgb(180, 253, 255);
}
+.todo-color {
+ background-color: rgb(66, 174, 243);
+}
.current-color {
background-color: rgb(127, 131, 247);
@@ -558,14 +577,18 @@
background-color: rgb(204, 247, 131);
}
.overtime-color {
- background-color: rgb(129, 179, 55);
- color: white;
+ background-color: #e8e866;
}
+
+.wait-color {
+ background-color: orange;
+}
+
.willOvertime-color {
background-color: rgb(255, 248, 29);
}
.urge-color {
- background-color: rgb(0, 0, 0);
+ background-color: red;
color: white;
}
.active {
--
Gitblit v1.8.0