From 328ecfc895f43669b4651bc09ca5c2f7c6f0cba6 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期二, 14 一月 2025 17:53:48 +0800 Subject: [PATCH] 办理的流程图查看回显颜色 --- src/views/flowable/task/myProcess/detail/index.vue | 50 +++++++++++++++++++++++++++++--------------------- 1 files changed, 29 insertions(+), 21 deletions(-) diff --git a/src/views/flowable/task/myProcess/detail/index.vue b/src/views/flowable/task/myProcess/detail/index.vue index baa1eae..3bde1b8 100644 --- a/src/views/flowable/task/myProcess/detail/index.vue +++ b/src/views/flowable/task/myProcess/detail/index.vue @@ -9,40 +9,48 @@ <el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick"> <!--琛ㄥ崟淇℃伅--> <el-tab-pane label="琛ㄥ崟淇℃伅" name="1"> + <!--鍒濆鍖栨祦绋嬪姞杞借〃鍗曚俊鎭�--> <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-for="(formDataObj, index) in formDataList" :key="index" class="form-warp" style="position: relative"> + <div v-if="formDataObj.current"> + <!-- 褰撳墠鑺傜偣鍙崗鍚屻�佽浆鍔炵瓑鎿嶄綔 --> + <div style="position: absolute; top: 4px; right: 4px; display: flex;justify-content: center; align-items: center;"> + <el-button size="small" type="primary" @click="submitForm">纭骞舵彁浜�</el-button> + <el-button size="small" type="primary" disabled @click="submitForm">鍗忓悓鍔炵悊(鍔熻兘寮�鍙戜腑)</el-button> + <el-button size="small" type="primary" @click="openDelegation(formDataList[0].beforeNodeName)">杞姙</el-button> + </div> + <div style="margin-bottom: 15px;color: #E6A23C">褰撳墠闃舵锛�<span style="color: #409EFF">{{formDataObj.beforeNodeName}}</span></div> + </div> + <div v-else-if="formDataList.length > 1"> + <!-- 鍓嶇疆鑺傜偣鍙┏鍥� --> + <div style="position: absolute; top: 4px; right: 4px"> + <el-button type="danger" size="small" @click="openRejectTask(formDataObj.beforeNodeDefId)">椹� 鍥�</el-button> + </div> + <div style="margin-bottom: 15px;color: #E6A23C">鍓嶇疆闃舵锛�<span style="color: #F56C6C">{{formDataObj.beforeNodeName}}</span></div> + </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" + title="鑺傜偣鏈粦瀹氳〃鍗�" + type="warning" + :closable="false" + > + </el-alert> + </div> + <div v-if="formDataList.length <= 1"> + <el-alert + title="涓嶅瓨鍦ㄥ墠缃妭鐐�" + type="warning" :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-col> </el-tab-pane> <!--娴佺▼娴佽浆璁板綍--> <el-tab-pane label="娴佽浆璁板綍" name="2"> -- Gitblit v1.8.0