From adc47e860f2b56027db1022a604e9be9f4fb6e3b Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 15 一月 2025 11:13:41 +0800
Subject: [PATCH] 办理、查看详情页面优化
---
src/views/projectManage/plan/planRecord.vue | 163 ++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 127 insertions(+), 36 deletions(-)
diff --git a/src/views/projectManage/plan/planRecord.vue b/src/views/projectManage/plan/planRecord.vue
index f2022b1..cf6401e 100644
--- a/src/views/projectManage/plan/planRecord.vue
+++ b/src/views/projectManage/plan/planRecord.vue
@@ -1,15 +1,21 @@
<template>
<div class="app-container">
<el-container>
- <el-header v-show="planRecordData && planRecordData.projectName" class="header-title">椤圭洰鍚嶇О锛歿{ planRecordData.projectName }}</el-header>
- <h4 v-show="planRecordData && planRecordData.projectCode" style="text-align: center">椤圭洰浠ｇ爜锛歿{ planRecordData.projectCode }}</h4>
+ <el-header v-show="projectInfoData && projectInfoData.projectName" class="header-title">椤圭洰鍚嶇О锛歿{ projectInfoData.projectName }}</el-header>
+ <h4 v-show="projectInfoData && projectInfoData.projectCode" style="text-align: center">椤圭洰浠ｇ爜锛歿{ projectInfoData.projectCode }}</h4>
<el-main>
<el-card shadow="hover">
<el-row :gutter="20">
<el-col :span="24" class="mb-4">
<div style="margin-bottom: 10px">
<span style="font-size: 20px; font-weight: bold;">鏈堝害璁″垝</span>
- <el-button type="primary" size="small" style="float: right" @click="handleAddMonthPlan">鏂板</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-plus"
+ style="float: right"
+ @click="handleAddMonthPlan"
+ v-show="!projectInfoData.managerFlag">鏂板</el-button>
</div>
<el-table :data="monthRecords" border stripe style="width: 100%; margin-bottom: 20px">
<!-- 琛ㄥご -->
@@ -26,9 +32,29 @@
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" align="center" />
<el-table-column fixed="right" label="鎿嶄綔" align="center">
<template slot-scope="scope">
- <el-button type="primary" size="small" :disabled="scope.row.reportStatus === 0" @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
- <el-button type="danger" size="small" v-show="scope.row.reportStatus === 1" @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
- <el-button type="danger" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ <div v-show="!projectInfoData.managerFlag">
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-edit"
+ :disabled="scope.row.reportStatus === 0"
+ @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-delete"
+ v-show="scope.row.reportStatus === 1"
+ @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
+ <el-button type="text" size="medium" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ </div>
+ <div v-show="projectInfoData.managerFlag">
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-view"
+ v-show="scope.row.reportStatus === 0"
+ @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ </div>
</template>
</el-table-column>
</el-table>
@@ -36,7 +62,13 @@
<el-col :span="24" class="mb-4" style="margin-top: 20px">
<div style="margin-bottom: 10px">
<span style="font-size: 20px; font-weight: bold;">瀛ｅ害璁″垝</span>
- <el-button type="primary" size="small" style="float: right" @click="handleAddSeasonPlan">鏂板</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-plus"
+ style="float: right"
+ @click="handleAddSeasonPlan"
+ v-show="!projectInfoData.managerFlag">鏂板</el-button>
</div>
<el-table :data="seasonRecords" border stripe style="width: 100%; margin-bottom: 20px">
<!-- 琛ㄥご -->
@@ -53,9 +85,34 @@
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" align="center" />
<el-table-column fixed="right" label="鎿嶄綔" align="center">
<template slot-scope="scope">
- <el-button type="primary" size="small" :disabled="scope.row.reportStatus === 0" @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
- <el-button type="danger" size="small" v-show="scope.row.reportStatus === 1" @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
- <el-button type="danger" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ <div v-show="!projectInfoData.managerFlag">
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-edit"
+ :disabled="scope.row.reportStatus === 0"
+ @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-delete"
+ v-show="scope.row.reportStatus === 1"
+ @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-view"
+ v-show="scope.row.reportStatus === 0"
+ @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ </div>
+ <div v-show="projectInfoData.managerFlag">
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-view"
+ v-show="scope.row.reportStatus === 0"
+ @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ </div>
</template>
</el-table-column>
</el-table>
@@ -63,7 +120,13 @@
<el-col :span="24" class="mb-4" style="margin-top: 20px">
<div style="margin-bottom: 10px">
<span style="font-size: 20px; font-weight: bold;">骞村害璁″垝</span>
- <el-button type="primary" size="small" style="float: right" @click="handleAddYearPlan">鏂板</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-plus"
+ style="float: right"
+ @click="handleAddYearPlan"
+ v-show="!projectInfoData.managerFlag">鏂板</el-button>
</div>
<el-table :data="yearRecords" border stripe style="width: 100%; margin-bottom: 20px">
<!-- 琛ㄥご -->
@@ -80,9 +143,34 @@
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" align="center" />
<el-table-column fixed="right" label="鎿嶄綔" align="center">
<template slot-scope="scope">
- <el-button type="primary" size="small" :disabled="scope.row.reportStatus === 0" @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
- <el-button type="danger" size="small" v-show="scope.row.reportStatus === 1" @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
- <el-button type="danger" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ <div v-show="!projectInfoData.managerFlag">
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-edit"
+ :disabled="scope.row.reportStatus === 0"
+ @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-delete"
+ v-show="scope.row.reportStatus === 1"
+ @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-view"
+ v-show="scope.row.reportStatus === 0"
+ @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ </div>
+ <div v-show="projectInfoData.managerFlag">
+ <el-button
+ type="text"
+ size="medium"
+ icon="el-icon-view"
+ v-show="scope.row.reportStatus === 0"
+ @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+ </div>
</template>
</el-table-column>
</el-table>
@@ -98,11 +186,11 @@
import {addRecord, getPlanRecordList, deletePlanRecord} from "@/api/projectPlan/index";
export default {
- name: "planRecord",
+ // name: "PlanRecord",
data() {
return {
// 鎺ユ敹浼犻�掕繃鏉ョ殑椤圭洰璁″垝鏁版嵁
- planRecordData: {},
+ projectInfoData: {},
// 鏈堝害璁″垝鏁版嵁
monthRecords: [],
// 瀛ｅ害璁″垝鏁版嵁
@@ -111,16 +199,20 @@
yearRecords: [],
}
},
+ created() {
+ this.getProjectInfoData();
+ },
methods: {
// 椤甸潰鍔犺浇
search() {
- this.getPlanRecordData(this.planRecordData.id);
+ this.getPlanRecordData(this.projectInfoData.id);
},
// 鑾峰彇浼犻�掕繃鏉ョ殑椤圭洰璁″垝璇︽儏
- getPlanInfoData() {
+ getProjectInfoData() {
// 浠庢煡璇㈠弬鏁颁腑鑾峰彇鏁版嵁
- this.planRecordData = this.$route.query.data
- this.getPlanRecordData(this.planRecordData.id);
+ this.projectInfoData = JSON.parse(this.$route.query.data);
+ // 鑾峰彇椤圭洰璁″垝璁板綍鏁版嵁
+ this.search();
},
// 鑾峰彇椤圭洰璁″垝璁板綍鏁版嵁
getPlanRecordData(id) {
@@ -136,13 +228,13 @@
handleAddMonthPlan() {
let planRecordData = {
id: undefined,
- projectInfoId: this.planRecordData.id,
+ projectInfoId: this.projectInfoData.id,
planTimeFlag: 0
}
// 鍒ゆ柇鏈堝害璁″垝鏄惁涓虹┖
- if (this.monthRecords.length === 0){
+ if (this.monthRecords.length === 0) {
planRecordData.id = 0;
- }else {
+ } else {
planRecordData.id = this.monthRecords[this.monthRecords.length - 1].id;
}
// 鏂板涓�琛岃褰�
@@ -154,13 +246,13 @@
handleAddSeasonPlan() {
let planRecordData = {
id: undefined,
- projectInfoId: this.planRecordData.id,
+ projectInfoId: this.projectInfoData.id,
planTimeFlag: 1
}
// 鍒ゆ柇瀛ｅ害璁″垝鏄惁涓虹┖
- if (this.seasonRecords.length === 0){
+ if (this.seasonRecords.length === 0) {
planRecordData.id = 0;
- }else {
+ } else {
planRecordData.id = this.seasonRecords[this.seasonRecords.length - 1].id;
}
// 鏂板涓�琛岃褰�
@@ -172,13 +264,13 @@
handleAddYearPlan() {
let planRecordData = {
id: undefined,
- projectInfoId: this.planRecordData.id,
+ projectInfoId: this.projectInfoData.id,
planTimeFlag: 2
}
// 鍒ゆ柇骞村害璁″垝鏄惁涓虹┖
- if (this.yearRecords.length === 0){
+ if (this.yearRecords.length === 0) {
planRecordData.id = 0;
- }else {
+ } else {
planRecordData.id = this.yearRecords[this.yearRecords.length - 1].id;
}
// 鏂板涓�琛岃褰�
@@ -188,11 +280,12 @@
},
/** 淇敼椤圭洰璁″垝椤� */
handlePlanInfo(row) {
+ row.managerFlag = this.projectInfoData.managerFlag;
this.$router.push({
path: '/projectManage/planInfo',
query: {
- data: row,
- planRecordData: this.planRecordData
+ data: JSON.stringify(row),
+ projectInfoData: JSON.stringify(this.projectInfoData)
}
})
},
@@ -204,17 +297,15 @@
},
// 鏌ョ湅椤圭洰璁″垝椤�
handleCheckPlanInfo(row) {
+ row.managerFlag = this.projectInfoData.managerFlag;
this.$router.push({
path: '/projectManage/planInfoCheck',
query: {
- data: row,
- planRecordData: this.planRecordData
+ data: JSON.stringify(row),
+ projectInfoData: JSON.stringify(this.projectInfoData)
}
})
}
- },
- created() {
- this.getPlanInfoData();
},
};
</script>
--
Gitblit v1.8.0