From 556a06bbd866af3ef2dde46dce3f587ec58c3ca9 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期二, 26 十一月 2024 12:09:25 +0800 Subject: [PATCH] 流程类型管理 --- src/views/projectEngineering/projectLibrary/index.vue | 82 +++++++++++++++++++++-------------------- 1 files changed, 42 insertions(+), 40 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/index.vue b/src/views/projectEngineering/projectLibrary/index.vue index bdbfa4c..ccce580 100644 --- a/src/views/projectEngineering/projectLibrary/index.vue +++ b/src/views/projectEngineering/projectLibrary/index.vue @@ -189,6 +189,7 @@ </el-form> <el-table + :key="tableKey" ref="elTable" style="margin-top: 20px" v-loading="loading" @@ -199,43 +200,42 @@ :show-overflow-tooltip="true"> <el-table-column type="selection" width="55" align="center"/> <!-- 鍔ㄦ�佸垪 --> - <el-table-column - v-for="item in columns" - :key="item.id" - v-if="item.visible" - :prop="item.id" - :label="item.label" - v-bind="item" - :min-width="item.minWidth" - > - <template slot-scope="scope"> - <!-- 浣跨敤鍏峰悕鎻掓Ы --> - <template v-if="item.slotName"> - <!-- projectStatus鎻掓Ы --> - <template v-if="item.slotName === 'projectStatus'"> - <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text> - </template> - <!-- projectColorCode鎻掓Ы --> - <template v-if="item.slotName === 'projectColorCode'"> - <el-text class="mx-1 has-dot">{{ '鑷畾涔夋牱寮�' }}<span class="dot" style="margin-left: 5px"></span></el-text> - </template> - <!-- projectType鎻掓Ы --> - <template v-if="item.slotName === 'projectType'"> - <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text> - </template> - <!-- investType鎻掓Ы --> - <template v-if="item.slotName === 'investType'"> - <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text> - </template> - <!-- planStartTime鎻掓Ы --> - <template v-if="item.slotName === 'planStartTime'"> - {{ '鑷畾涔夋牱寮�' }} - </template> + <el-table-column + v-for="item in columns" + :key="item.id" + v-if="item.visible" + :prop="item.id" + :label="item.label" + :min-width="item.minWidth" + > + <template slot-scope="scope"> + <!-- 浣跨敤鍏峰悕鎻掓Ы --> + <template v-if="item.slotName"> + <!-- projectStatus鎻掓Ы --> + <template v-if="item.slotName === 'projectStatus'"> + <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text> </template> - <!-- 榛樿鏄剧ず --> - <span v-else>{{ scope.row[item.id] }}</span> + <!-- projectColorCode鎻掓Ы --> + <template v-if="item.slotName === 'projectColorCode'"> + <el-text class="mx-1 has-dot">{{ '鑷畾涔夋牱寮�' }}<span class="dot" style="margin-left: 5px"></span></el-text> + </template> + <!-- projectType鎻掓Ы --> + <template v-if="item.slotName === 'projectType'"> + <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text> + </template> + <!-- investType鎻掓Ы --> + <template v-if="item.slotName === 'investType'"> + <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text> + </template> + <!-- planStartTime鎻掓Ы --> + <template v-if="item.slotName === 'planStartTime'"> + {{ '鑷畾涔夋牱寮�' }} + </template> </template> - </el-table-column> + <!-- 榛樿鏄剧ず --> + <span v-else>{{ scope.row[item.id] }}</span> + </template> + </el-table-column> <!-- 鎿嶄綔鍒� --> <el-table-column label="鎿嶄綔" width="140" align="center" > @@ -324,6 +324,7 @@ // 寮瑰嚭灞傛爣棰� title: "", // 鏄惁鏄剧ず寮瑰嚭灞� + tableKey: 0, open: false, timeRange: [], // 鏌ヨ鍙傛暟 @@ -353,7 +354,7 @@ {required: true, message: "椤圭洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur"} ], projectStatus: [ - {required: true, message: "椤圭洰鐘舵�� (0鏈紑宸ワ紝1宸插紑宸ワ紝2宸茬宸ワ紝3鏆傚仠)涓嶈兘涓虹┖", trigger: "change"} + {required: true, message: "椤圭洰鐘舵�佷笉鑳戒负绌�", trigger: "change"} ], } }; @@ -402,17 +403,18 @@ return item; }); }, - handleUpdateSort(data) { + handleUpdateSort(row) { console.log( this.columns, '鎺掑簭鍓嶇殑鍒�'); this.columns = this.columns.map(item => { - if (item.key === data.key) { - item.serialNumber = data.serialNumber; + if (item.key === row.key) { + return row; } return item; }); this.defaultColumns = JSON.parse(JSON.stringify(this.columns)).sort((a, b) => a.index - b.index); this.columns.sort((a, b) => a.serialNumber - b.serialNumber); - + //寮哄埗table娓叉煋 + this.tableKey = this.tableKey +1; console.log( this.columns, '鎺掑簭鍚庣殑鍒�'); }, // 鍏抽棴鏂囦欢澶勭悊寮规鐨勬柟娉� -- Gitblit v1.8.0