xiangpei
2025-01-09 849934d0e2a3d05c4814edad52b060d93d77725f
src/views/flowable/task/myProcess/detail/index.vue
@@ -9,17 +9,41 @@
      <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-if="formDataObj.formJson !== null && formDataObj.formJson !== ''">
                  <v-form-render  :form-data="formDataObj.formJson" :ref="'form' + index"/>
              <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp" style="position: relative">
                <div v-if="formDataObj.current">
                  <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>
                <div v-else-if="formDataList.length > 1">
                  <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="formDataList.length <= 1">
                  <el-alert
                    title="节点无表单数据"
                    title="不存在前置节点"
                    type="info"
                    :closable="false"
                  >
@@ -27,22 +51,7 @@
                </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">