From c143be72329489ce0cb74e74bf3455ac405087e5 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 10 一月 2025 17:16:20 +0800
Subject: [PATCH] 表单回显优化
---
src/views/flowable/task/myProcess/send/index.vue | 38 +++++++------------
src/views/flowable/task/myProcess/detail/index.vue | 45 +++++++++++-----------
2 files changed, 36 insertions(+), 47 deletions(-)
diff --git a/src/views/flowable/task/myProcess/detail/index.vue b/src/views/flowable/task/myProcess/detail/index.vue
index 9879bd8..3bde1b8 100644
--- a/src/views/flowable/task/myProcess/detail/index.vue
+++ b/src/views/flowable/task/myProcess/detail/index.vue
@@ -14,37 +14,36 @@
<div v-if="formDataList && formDataList.length > 0">
<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 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 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 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 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="warning"
+ :closable="false"
+ >
+ </el-alert>
</div>
<div v-if="formDataList.length <= 1">
<el-alert
title="涓嶅瓨鍦ㄥ墠缃妭鐐�"
- type="info"
+ type="warning"
:closable="false"
>
</el-alert>
diff --git a/src/views/flowable/task/myProcess/send/index.vue b/src/views/flowable/task/myProcess/send/index.vue
index 1fdc23e..4dfb7be 100644
--- a/src/views/flowable/task/myProcess/send/index.vue
+++ b/src/views/flowable/task/myProcess/send/index.vue
@@ -21,17 +21,6 @@
<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 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 v-else-if="formDataList.length > 1">
<!-- 鍓嶇疆鑺傜偣鍙┏鍥� -->
@@ -39,22 +28,22 @@
<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 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 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="warning"
+ :closable="false"
+ >
+ </el-alert>
</div>
<div v-if="formDataList.length <= 1">
<el-alert
title="涓嶅瓨鍦ㄥ墠缃妭鐐�"
- type="info"
+ type="warning"
:closable="false"
>
</el-alert>
@@ -469,7 +458,8 @@
this.$nextTick(() => {
this.formDataList.forEach((formDataObj, index) => {
let that = this
- if (formDataObj.formJsonObj) {
+ console.log(eval("that.$refs.form" +index))
+ if (eval("that.$refs.form" +index) && formDataObj.formJsonObj) {
eval("that.$refs.form" +index)[0].setFormJson(formDataObj.formJsonObj.formJson);
eval("that.$refs.form" +index)[0].setFormData(formDataObj.formJsonObj);
}
--
Gitblit v1.8.0