From ba61d95e7367745913a0c85d45416578d8d66e31 Mon Sep 17 00:00:00 2001 From: luohairen <3399054449@qq.com> Date: 星期二, 17 十二月 2024 17:47:11 +0800 Subject: [PATCH] 优化 --- src/views/projectProcess/index.vue | 129 ++++++++++++++++++++++++++++++------------ 1 files changed, 92 insertions(+), 37 deletions(-) diff --git a/src/views/projectProcess/index.vue b/src/views/projectProcess/index.vue index a8d58d1..969ae34 100644 --- a/src/views/projectProcess/index.vue +++ b/src/views/projectProcess/index.vue @@ -185,7 +185,7 @@ v-loading="loading" :data="projectInfoList" @selection-change="handleSelectionChange" - height="60vh" + height="100%" sortable="custom" :show-overflow-tooltip="true"> <el-table-column type="selection" width="55" align="center"/> @@ -203,23 +203,19 @@ <template v-if="item.slotName"> <!-- projectStatus鎻掓Ы --> <template v-if="item.slotName === 'projectStatus'"> - <div class="mx-1">{{ '鑷畾涔夋牱寮�' }}</div> + <dict-tag :options="dict.type.sys_project_status" :value="scope.row.projectStatus"/> </template> <!-- projectColorCode鎻掓Ы --> <template v-if="item.slotName === 'projectColorCode'"> - <div class="mx-1 has-dot">{{ '鑷畾涔夋牱寮�' }}<span class="dot" style="margin-left: 5px"></span></div> + <dict-tag :options="dict.type.sys_project_code" :value="scope.row.projectColorCode"/> </template> <!-- projectType鎻掓Ы --> <template v-if="item.slotName === 'projectType'"> - <div class="mx-1">{{ '鑷畾涔夋牱寮�' }}</div> + <dict-tag :options="dict.type.sys_project_type" :value="scope.row.projectType"/> </template> <!-- investType鎻掓Ы --> <template v-if="item.slotName === 'investType'"> - <div class="mx-1">{{ '鑷畾涔夋牱寮�' }}</div> - </template> - <!-- planStartTime鎻掓Ы --> - <template v-if="item.slotName === 'planStartTime'"> - {{ '鑷畾涔夋牱寮�' }} + <dict-tag :options="dict.type.sys_investment_type" :value="scope.row.investType"/> </template> </template> <!-- 榛樿鏄剧ず --> @@ -230,29 +226,32 @@ <!-- 鎿嶄綔鍒� --> <el-table-column label="鎿嶄綔" width="140" align="center" > <template slot-scope="scope"> - <el-button - size="medium" - type="text" - icon="el-icon-view" - @click="handleDetail(scope.row)" - > - </el-button> - <el-button - v-if="isReserve" - size="medium" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - > - </el-button> - <el-button - v-if="isReserve" - size="medium" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - > - </el-button> + <el-button + size="medium" + type="text" + icon="el-icon-view" + v-if="scope.row.processInsId" + @click="lookProcessDetail(scope.row)" + > + </el-button> + <!-- <el-button--> + <!-- v-if="isReserve"--> + <!-- size="medium"--> + <!-- type="text"--> + <!-- icon="el-icon-edit"--> + <!-- @click="handleUpdate(scope.row)"--> + <!-- >--> + <!-- </el-button>--> + <el-tooltip content="娴佺▼" placement="top" effect="light" :enterable="false"> + <el-button + v-if="isReserve" + size="medium" + type="text" + icon="el-icon-s-operation" + @click="openOpProcess(scope.row)" + > + </el-button> + </el-tooltip> </template> </el-table-column> </el-table> @@ -271,13 +270,25 @@ @fileDialogCancel="fileDialogCancel" :currentColumns="columns" /> + + <RunProcess ref="runProcess" :show="showRunProcess" + :now-process-def-id="nowProcessDefId" + :now-process-ins-id="nowProcessInsId" + :project-info="projectRunFrom" + :process-list="processList" + @close="closeRunProcess"> + </RunProcess> </div> </template> <script> -import {listInfo, getInfo, delInfo, addInfo, updateInfo} from "@/api/projectInfo"; +import { listDefinition } from "@/api/flowable/definition"; +import {listInfo, getInfo, delInfo, addInfo, updateInfo} from "@/api/projectEngineering/projectInfo"; +import { getProjectProcess } from "@/api/projectProcess/projectProcess" import {current, currentRest} from '@/views/projectEngineering/projectLibrary/list'; -import FileDialog from '@/views/projectEngineering/component/FileDialog'; +import FileDialog from '@/views/projectEngineering/projectLibrary/component/FileDialog'; +import RunProcess from "@/views/projectProcess/components/RunProcess"; +import {getProcessConfigInfoList} from "@/api/projectProcess/processConfigInfo"; export default { dicts: ['sys_administrative_divisions', 'sys_investment_type', 'sys_project_phases', @@ -285,10 +296,18 @@ 'sys_project_tags', 'sys_key_categories', 'sys_project_type'], name: "projectInfo", components: { - FileDialog + FileDialog, RunProcess }, data() { return { + projectRunFrom: { + projectId: null, + projectName: '' + }, + processList: [], + showRunProcess: false, + nowProcessDefId: '', + nowProcessInsId: '', isImportOrExport: false, fileDialogVisible: false, //鏄惁闇�瑕佹柊澧炴寜閽�(鍌ㄨ搫椤圭洰闇�瑕�) @@ -371,6 +390,42 @@ this.getList(); }, methods: { + // 鏌ョ湅璇︽儏 + lookProcessDetail(row) { + console.log(row.processDefId) + this.$router.push({ + path: '/projectFlow/detail', + query: { + projectId: row.id, + processDefId: row.processDefId + } + }) + }, + closeRunProcess() { + this.projectRunFrom = { + projectId: null, + projectName: '' + } + this.nowProcessDefId = ""; + this.nowProcessInsId = ""; + this.showRunProcess = false + this.getList() + }, + // 鎵撳紑娴佺▼椤甸潰 + openOpProcess(row) { + // 鎷垮埌娴佺▼鍒楄〃 TODO 鏍规嵁椤圭洰绫诲瀷鍋氱瓫閫� + getProcessConfigInfoList().then(response => { + this.processList = response.data; + this.nowProcessDefId = row.processDefId ? row.processDefId : ''; + this.nowProcessInsId = row.processInsId ? row.processInsId : ''; + // // 闃叉锛歩d娌″彉涓嶈Е鍙戠洃鍚� + // this.$refs.runProcess.setSelect(row.flowableProcessId); + this.projectRunFrom.projectId = row.id; + this.projectRunFrom.projectName = row.projectName; + + this.showRunProcess = true; + }); + }, // 閲嶇疆鎺掑簭鐨勬柟娉� handleResetSort() { this.defaultColumns = currentRest.map((item, index) => { @@ -426,11 +481,11 @@ /** 鏌ヨ椤圭洰绠$悊鍩虹淇℃伅鍒楄〃 */ getList() { this.loading = true; - listInfo(this.queryParams).then(response => { + getProjectProcess(this.queryParams).then(response => { this.projectInfoList = response.data; this.total = response.total; + this.loading = false; }); - this.loading = false; }, // 鍙栨秷鎸夐挳 cancel() { -- Gitblit v1.8.0