From 1bfba74b6bea7da6d14b0da1ab8b1efe02e474b3 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期五, 03 一月 2025 13:38:21 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/flowable/task/myProcess/detail/index.vue | 56 ++++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 44 insertions(+), 12 deletions(-) diff --git a/src/views/flowable/task/myProcess/detail/index.vue b/src/views/flowable/task/myProcess/detail/index.vue index f1d763c..baa1eae 100644 --- a/src/views/flowable/task/myProcess/detail/index.vue +++ b/src/views/flowable/task/myProcess/detail/index.vue @@ -1,18 +1,46 @@ <template> <div class="app-container"> <el-card class="box-card" > - <div slot="header" class="clearfix"> - <span class="el-icon-document">浠诲姟璇︽儏</span> + <div slot="header" class="clearfix" style="display: flex"> + <div style="flex: 1" class="el-icon-document">{{`浠诲姟璇︽儏锛歚 + this.goBackParams.processName}}</div> + <div style="flex: 2">{{projectName + '鈥斺��' + flowName}}</div> <el-button style="float: right;" size="mini" type="danger" @click="goBack">鍏抽棴</el-button> </div> <el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick"> <!--琛ㄥ崟淇℃伅--> <el-tab-pane label="琛ㄥ崟淇℃伅" name="1"> - <el-col :span="16" :offset="4" v-if="formDataList && formDataList.length > 0"> - <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp"> - <div v-if="formDataObj.current" style="margin-bottom: 15px;color: #409eff">褰撳墠闃舵锛�<span style="color: red">{{formDataObj.beforeNodeName}}</span></div> - <div v-else style="margin-bottom: 15px;color: #409eff">鍓嶇疆闃舵锛�<span style="color: #d5904b">{{formDataObj.beforeNodeName}}</span></div> - <v-form-render :form-data="formDataObj.formJson" :ref="'form' + index"/> + <el-col :span="16" :offset="4"> + <div v-if="formDataList && formDataList.length > 0"> + <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp"> + <div v-if="formDataObj.current" style="margin-bottom: 15px;color: #409eff">褰撳墠闃舵锛�<span style="color: red">{{formDataObj.beforeNodeName}}</span></div> + <div v-else style="margin-bottom: 15px;color: #409eff">鍓嶇疆闃舵锛�<span style="color: #d5904b">{{formDataObj.beforeNodeName}}</span></div> + <div v-if="formDataObj.formJson !== null && formDataObj.formJson !== ''"> + <v-form-render :form-data="formDataObj.formJson" :ref="'form' + index"/> + </div> + <div v-else> + <el-alert + title="鑺傜偣鏃犺〃鍗曟暟鎹�" + type="info" + :closable="false" + > + </el-alert> + </div> + </div> + </div> + <div v-else> + <el-alert + title="褰撳墠鑺傜偣鏃犺〃鍗曟暟鎹�" + type="info" + :closable="false" + > + </el-alert> + <el-alert + style="margin-top: 20px" + title="鍓嶇疆鑺傜偣鏃犺〃鍗曟暟鎹�" + type="info" + :closable="false" + > + </el-alert> </div> </el-col> </el-tab-pane> @@ -90,6 +118,8 @@ props: {}, data() { return { + projectName: '', + flowName: '', // 妯″瀷xml鏁版嵁 flowData: {}, formDataList: [], // 琛ㄥ崟鍒楄〃 @@ -116,6 +146,8 @@ this.taskForm.taskId = this.$route.query && this.$route.query.taskId; this.taskForm.procInsId = this.$route.query && this.$route.query.procInsId; this.goBackParams = this.$route.query && this.$route.query.goBackParams; + this.projectName = this.$route.query && this.$route.query.projectName; + this.flowName = this.$route.query && this.$route.query.flowName; // 娴佺▼浠诲姟閲嶈幏鍙栧彉閲忚〃鍗� this.processVariables( this.taskForm.taskId) this.getFlowRecordList(this.taskForm.procInsId, this.taskForm.deployId); @@ -199,7 +231,8 @@ path: '/projectFlow/detail', query: { projectId: this.goBackParams.projectId, - processDefId: this.goBackParams.processDefId + processDefId: this.goBackParams.processDefId, + processName: this.goBackParams.processName } }) }, @@ -236,11 +269,10 @@ } .form-warp { + min-width: 700px; padding: 20px; + margin-top: 5px; margin-bottom: 20px; - box-shadow: - inset 0 -3em 3em rgba(0, 0, 0, 0.1), - 0 0 0 2px rgb(239, 239, 239), - 0.3em 0.3em 1em rgba(0, 0, 0, 0.3); + box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; } </style> -- Gitblit v1.8.0