diff --git a/back/src/assets/img/imgLeft.png b/back/src/assets/img/imgLeft.png
new file mode 100644
index 00000000..bda88ff9
Binary files /dev/null and b/back/src/assets/img/imgLeft.png differ
diff --git a/back/src/components/ren-process-detail/src/ren-process-detail-import.vue b/back/src/components/ren-process-detail/src/ren-process-detail-import.vue
new file mode 100644
index 00000000..2355a143
--- /dev/null
+++ b/back/src/components/ren-process-detail/src/ren-process-detail-import.vue
@@ -0,0 +1,97 @@
+<!--
+ * @Author: hisense.wuhongjian
+ * @Date: 2022-04-11 16:30:04
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-06-06 13:14:02
+ * @Description: 告诉大家这是什么
+-->
+<template>
+  <div shadow="never" class="aui-card--fill">
+    <!-- 流转详情 -->
+    <h3 class="titleH3">{{ $t('process.circulation') }}</h3>
+    <div class="mod-sys__dict">
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        @sort-change="dataListSortChangeHandle"
+        style="width: 100%;">
+        <!-- 任务名称 -->
+        <el-table-column prop="activityName"  :label="$t('process.taskName')" header-align="center" align="center"></el-table-column>
+        <!-- 处理人 -->
+        <el-table-column prop="assigneeName" :label="$t('process.assignee')" header-align="center" align="center"></el-table-column>
+        <!-- 流程开始时间 -->
+        <el-table-column prop="startTime" :label="$t('task.startTime')" header-align="center" align="center"></el-table-column>
+        <!-- 流程结束时间 -->
+        <el-table-column prop="endTime" :label="$t('task.endTime')"  header-align="center" align="center"></el-table-column>
+        <!-- 审核意见 -->
+        <el-table-column prop="comment" :label="$t('process.comment')" header-align="center" align="center"></el-table-column>
+        <!-- 任务时长（秒） -->
+        <el-table-column prop="durationInSeconds" :label="$t('task.durationInSeconds')" header-align="center" align="center" width="180"></el-table-column>
+      </el-table>
+      <el-pagination
+        v-if="dataForm.pid === '0'"
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+<style scoped>
+  .image {
+    width: 60%;
+    display: block;
+    margin: 0 auto 30px auto;
+  }
+  .titleH3{
+    font-size: 16px;
+    color: #212121;
+    padding:20px 0;
+    margin-bottom:0;
+  }
+</style>
+
+<script>
+import Cookies from 'js-cookie'
+import qs from 'qs'
+import mixinViewModule from '@/mixins/view-module'
+export default {
+  mixins: [mixinViewModule],
+  name: 'RenProcessDetail',
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/act/his/getTaskHandleDetailInfo',
+        getDataListIsPage: false,
+        createdIsNeed: false,
+        deleteIsBatch: true,
+        deleteIsBatchKey: 'deploymentId'
+      },
+      dataForm: {
+        processInstanceId: ''
+      }
+    }
+  },
+  created () {
+    this.dataForm.processInstanceId = this.$route.params.processInstanceId
+    this.getResourceURL()
+    this.getDataList()
+  },
+  methods: {
+    // 获取流程(xml/image)url地址
+    getResourceURL () {
+      const params = qs.stringify({
+        token: Cookies.get('ucsToken'),
+        processInstanceId: this.dataForm.processInstanceId
+      })
+      return `${window.SITE_CONFIG.apiURL}/act/his/getInstImage?${params}`
+    }
+  }
+}
+</script>
diff --git a/back/src/views/modules/activiti/demo/abilitydemandapply.vue b/back/src/views/modules/activiti/demo/abilitydemandapply.vue
index 94acd632..e17e29db 100644
--- a/back/src/views/modules/activiti/demo/abilitydemandapply.vue
+++ b/back/src/views/modules/activiti/demo/abilitydemandapply.vue
@@ -1,106 +1,134 @@
 <!--  流程业务表单   -->
 <template>
   <el-card shadow="never" class="aui-card--fill">
-    <el-form
-      :model="dataForm"
-      :rules="dataRule"
-      ref="dataForm"
-      @keyup.enter.native="dataFormSubmitHandle()"
-      :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"
-    >
-      <el-form-item label="申请人" prop="user">
-        <el-input
-          v-model="dataForm.applyUserName"
-          :disabled="fieldDisabled"
-          placeholder="请输入申请人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="申请电话" prop="phone">
-        <el-input
-          v-model="dataForm.applyUserPhone"
-          :disabled="fieldDisabled"
-          placeholder="请输入申请人电话"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="申请单位" prop="unit">
-        <el-input
-          v-model="dataForm.applyUserDeptName"
-          :disabled="fieldDisabled"
-          placeholder="请输入申请单位"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="需求标题" prop="area">
-        <el-input
-          v-model="dataForm.demandSubject"
-          :disabled="fieldDisabled"
-          placeholder="需求标题"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="需求类型" prop="system">
-        <el-input
-          v-model="dataForm.detailsType"
-          :disabled="fieldDisabled"
-          placeholder="需求类型"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="应用领域" prop="scene">
-        <el-input
-          v-model="dataForm.detailsField"
-          :disabled="fieldDisabled"
-          placeholder="应用领域"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="需求描述" prop="basis">
-         <el-tooltip class="item" effect="dark" popper-class="kuandukuandukuandu" :content="dataForm.demandDetails" placement="top">
-        <el-input
-          v-model="dataForm.demandDetails"
-          :disabled="fieldDisabled"
-          placeholder="需求描述"
-        ></el-input>
-         </el-tooltip>
-      </el-form-item>
-      <el-form-item v-if="dataForm.enclosure" label="申请附件" prop="enclosure">
-          <el-button @click="downloadFile(dataForm.enclosure, '申请附件')">附件下载</el-button>
-      </el-form-item>
-    </el-form>
+
+  <!-- 申请人详情 -->
+  <div>
+     <h3>申请人信息</h3>
+    <div class="big-BOX">
+      <p>
+        <span>申请人：<span> {{dataForm.content.applyUserName || '--'}}</span></span>
+         <span>电话：<span>{{dataForm.content.applyUserPhone || '--'}}</span></span>
+         <span>单位：<span>{{dataForm.content.applyUserDeptName || '--'}}</span></span>
+      </p>
+       <p>
+         <span>应用领域：<span>{{dataForm.content.detailsField || '--'}}</span></span>
+       <span> 需求类型：<span> {{dataForm.content.detailsType || '--'}}</span></span>
+      <span> 需求标题： <span> {{dataForm.content.demandSubject || '--'}}</span></span>
+      </p>
+      <p>
+      <span> 需求描述：<span> {{dataForm.content.demandDetails|| '--'}}</span></span>
+      </p>
+      <p>
+      <span> 申请附件：<span> {{dataForm.content.enclosure|| '--'}}<button  @click="downloadFile(dataForm.content.enclosure)">下载</button></span></span>
+
+      </p>
+    </div>
+  </div>
+
+  <!-- 申请能力 -->
+  <div class="AbilityApply">
+     <h3>申请能力</h3>
+    <ul  v-for="item in dataList" :key="item.id">
+      <li class="title">{{item.address}}</li>
+      <li class="clearfix">
+            <img
+              src="~@/assets/img/imgLeft.png"
+            />
+            <div>
+            <h2>{{item.name}}<span>{{item.type}}</span></h2>
+            <p>{{item.describe}}</p>
+            </div>
+      </li>
+    </ul>
+  </div>
     <!--  流程综合组件   -->
-    <ren-process-multiple
+  <!--   <ren-process-multiple
       v-if="processVisible"
       updateInstanceIdUrl="/processForm/tabilityapplication/updateInstanceId"
       saveFormUrl="/processForm/tabilityapplication"
       dataFormName="dataForm"
       ref="renProcessMultiple"
-    ></ren-process-multiple>
+    ></ren-process-multiple> -->
+
+    <!-- 审批 -->
+    <div class="agreeOr">
+      <h3>审批</h3>
+      <div>
+        <el-radio-group v-model="agreeOrList" style="width:230px;">
+          <el-radio-button label="同意" class="blueAll">同意</el-radio-button>
+          <el-radio-button label="退回" class="redAll">退回</el-radio-button>
+        </el-radio-group>
+        <el-input v-if="agreeOrList ==='同意' " v-model="inputAgree" placeholder="请输入同意内容"></el-input>
+        <el-input v-if="agreeOrList ==='退回'" v-model="inputNo" placeholder="请输入退回内容"></el-input>
+         <el-button class="inputBule" @click="agreeOrNot">提交</el-button>
+      </div>
+    </div>
+
+ <!--  流程详情   -->
+    <ren-process-detail-import></ren-process-detail-import>
   </el-card>
 </template>
 
 <script>
 // 引入工作流公共方法
 import processModule from '@/mixins/process-module'
+import qs from 'qs'
+import RenProcessDetailImport from '@/components/ren-process-detail/src/ren-process-detail-import'
 export default {
   // 注入公共方法
   mixins: [processModule],
   data () {
     return {
-      visible: false,
+      visible: true,
       // 表单属性是否可编辑
-      fieldDisabled: false,
+      // fieldDisabled: false,
+      // dataForm: {
+      //   id: '',
+      //   user: '',
+      //   phone: '',
+      //   unit: '',
+      //   area: '',
+      //   system: '',
+      //   scene: '',
+      //   basis: ''
+      // }
       dataForm: {
         id: '',
-        user: '',
-        phone: '',
-        unit: '',
-        area: '',
-        system: '',
-        scene: '',
-        basis: ''
-      }
+        content: []
+      },
+      dataList: [
+        {
+          // img: '~@/assets/img/imgLeft.png',
+          address: '青岛市应急管理局',
+          name: '组件名称',
+          type: '组件服务',
+          describe: '资源描述资源描述资源描述资源描述资源描述资源描述'
+        },
+        {
+          // img: '~@/assets/img/imgLeft.png',
+          address: '青岛市应急管理局',
+          name: '组件名称',
+          type: '组件服务',
+          describe: '资源描述资源描述资源描述资源描述资源描述资源描述'
+        },
+        {
+          // img: '~@/assets/img/imgLeft.png',
+          address: '青岛市应急管理局',
+          name: '组件名称',
+          type: '组件服务',
+          describe: '资源描述资源描述资源描述资源描述资源描述资源描述'
+        }
+      ],
+      inputAgree: '',
+      inputNo: '',
+      agreeOrList: '同意'
     }
   },
   created () {
     // 将业务KEY赋值给表单
     this.dataForm.id = this.$route.params.businessKey
-    console.log(this.$route.params)
+    console.log(this.dataForm, 'ela')
     this.init()
     // 流程回调
     var callbacks = {
@@ -115,37 +143,30 @@ export default {
     this.initProcessMultiple(callbacks)
   },
   computed: {
-    dataRule () {
-      return {
-        user: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
-        phone: [
-          { required: true, message: '请输入申请人电话', trigger: 'blur' },
-          {
-            type: 'string',
-            pattern: /^1[3456789]\d{9}$/,
-            message: '请输入正确的电话号码',
-            trigger: 'blur'
-          }
-        ],
-        unit: [{ required: true, message: '请输入申请单位', trigger: 'blur' }],
-        area: [{ required: true, message: '请输入所在地区', trigger: 'blur' }],
-        system: [
-          { required: true, message: '请输入申请应用', trigger: 'blur' }
-        ],
-        scene: [{ required: true, message: '请输入应用场景', trigger: 'blur' }],
-        basis: [{ required: true, message: '请输入申请依据', trigger: 'blur' }]
-      }
-    }
+    // dataRule () {
+    //   return {
+    //     inputAgree: [
+    //       { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+    //     ],
+    //     inputNo: [
+    //       { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+    //     ]
+    //   }
+    // }
+  },
+  components: {
+    RenProcessDetailImport
   },
   methods: {
     init () {
-      this.visible = true
+      // this.visible = true
       this.$nextTick(() => {
-        this.$refs.dataForm.resetFields()
+        // this.$refs.dataForm.resetFields()
         if (this.dataForm.id) {
           // 如业务KEY已存在，不允许编辑
-          this.fieldDisabled = true
+          // this.fieldDisabled = true
           this.getInfo()
+          console.log(this.dataForm, 'init')
         }
       })
     },
@@ -155,21 +176,242 @@ export default {
         .get(`/demanData/${this.dataForm.id}`)
         .then(({ data: res }) => {
           if (res.code !== 0) {
+            console.log(res.data)
             return this.$message.error(res.msg)
           }
-          this.dataForm = {
-            ...this.dataForm,
-            ...res.data
-          }
+          console.log(res.data, 'elas')
+          this.dataForm.content = res.data
+          console.log(this.dataForm, 'ela')
         })
         .catch(() => {})
     },
+    // 申请能力
+    applyData () {
+      this.$http
+        .get(`/resource/select/${this.dataForm.id}`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            console.log(res.data, 'wh')
+            // return this.$message.error(res.msg)
+          }
+          // console.log(res.data, 'elas')
+          // this.dataForm.content = res.data
+          // console.log(this.dataForm, 'ela')
+        })
+        .catch(() => {})
+    },
+
+    // 同意与退回
+    agreeOrNot () {
+      if (this.agreeOrList === '同意') {
+        console.log('this.dataForm', this.dataForm)
+        const params = qs.stringify({
+          taskId: this.dataForm.content.instanceId,
+          comment: this.inputAgree
+        })
+        console.log(params)
+        this.$http.post('/act/task/complete?' + params).then(({ data: res }) => {
+          if (res.code !== 0) {
+            console.log(res)
+            this.$message.error(res.msg)
+          }
+        }).catch(() => {})
+      } else if (this.agreeOrList === '退回') {
+        const params = qs.stringify({
+          taskId: this.dataForm.content.instanceId,
+          comment: this.inputNo
+        })
+        this.$http.post('/act/task/backToFirst?', params).then(({ data: res }) => {
+          if (res.code !== 0) {
+            this.$message.error(res.msg)
+          }
+        })
+      }
+    },
     // 启动流程出错回调
     startProcessErrorCallback (data) {
       console.log(data)
     },
     // 任务处理出错回调
     taskHandleErrorCallback (data) {}
+  },
+  mounted () {
+    this.applyData()
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .big-BOX{
+  background:rgba(244,245,248,0.8);
+  padding:24px;
+  h3{
+    font-size:16px;
+    color:#212121
+  }
+  p{
+    width:78%;
+    display:flex;
+    justify-content: space-between;
+    color:#212121;
+    font-size:14px;
+    span{
+      display:inline-block;
+      margin-left:8px;
+      line-height:32px;
+      span{
+        font-weight:bold;
+      }
+    }
+  }
+  p:last-of-type{
+    margin-top:16px;
+    width:100%;
+    span{
+      display:flex;
+      span{
+      padding-left:12px;
+      height:32px;
+      background:rgba(232,234,239,1);
+      border-radius:2px;
+      button{
+        background:unset;
+        border:0;
+        color:#0558e1;
+        font-size:14px;
+      }
+      }
+    }
+  }
+}
+::v-deep .AbilityApply{
+    margin-top:32px;
+
+  h3{
+     font-size:16px;
+    color:#212121;
+    border-bottom:1px solid #dddee1;
+    padding-bottom:10px;
+  }
+  ul{
+    padding-left: 0px;
+     li{
+      list-style:none;
+    padding: 30px 0;
+    border-bottom: 1px solid #dddee1;
+    display:flex;
+    img{
+      width:100px;
+      height:100px;
+    }
+    div{
+      margin-left:16px;
+          display: flex;
+    flex-direction: column;
+    justify-content: center;
+    h2{
+      margin-bottom:20px;
+      font-size:20px;
+      color:#000;
+      display:flex;
+      span{
+        display:block;
+        font-size:14px;
+        color:#ffffff;
+        margin-left:8px;
+        background:rgba(0,184,230,0.8);
+        display: flex;
+    align-items: center;
+    padding: 0 5px;
+    border-radius: 4px;
+      }
+    }
+     p{
+      margin-bottom:0;
+    }
+    }
+    }
+    .clearfix:after{
+      display:block;
+      content:"";
+      clear:both;
+    }
+    .title{
+      color:#0558e1;
+      font-size:18px;
+      padding-bottom:0;
+    border-bottom: 0;
+
+    }
+     .title:before {
+           content: "";
+           width: 6px;
+           height: 6px;
+           display: inline-block;
+           border-radius: 50%;
+           background: #0558e1;
+           vertical-align: middle;
+          margin-right: 10px;
+    margin-top: 6px;
+           }
+
+  }
+}
+::v-deep .agreeOr>div{
+  display:flex;
+      align-items: center;
+  .el-input{
+    margin-right: 10px;
+    margin-left: 32px;
+  }
+
+}
+::v-deep   .agreeOr>div:last-of-type{
+    margin-top:15px;
+  }
+  .blueAll{
+    ::v-deep .el-radio-button__inner{
+    width:80px;
+    height:32px;
+    line-height:32px;
+    padding:0;
+    border-radius:2px;
+    background:#0558e1;
+    color:#ffffff;
+    border:1px solid #0558e1;
+  }
+  }
+  .inputBule{
+     width:55px;
+    height:32px;
+    line-height:32px;
+    padding:0;
+    border-radius:2px;
+    background:#0558e1;
+    color:#ffffff;
+    border:1px solid #0558e1;
+  }
+   ::v-deep .is-active{
+   background:#ffffff;
+    color:#0558e1;
+  }
+  .redAll{
+    margin-left:10px;
+    ::v-deep .el-radio-button__inner{
+    width:80px;
+    height:32px;
+    line-height:32px;
+    padding:0;
+    border-radius:2px;
+   border:1px solid #e83a48;
+    background:#ffffff;
+    color:#e83a48;
+    margin-left:10px;
+    }
+    :v-deep .el-radio-button__inner{
+      box-shadow: unset;
+    }
+  }
+  .blueInput{
+    width:55px;
+  }
+</style>
diff --git a/back/src/views/modules/activiti/demo/abilitydemandapply_before.vue b/back/src/views/modules/activiti/demo/abilitydemandapply_before.vue
new file mode 100644
index 00000000..17fec47b
--- /dev/null
+++ b/back/src/views/modules/activiti/demo/abilitydemandapply_before.vue
@@ -0,0 +1,175 @@
+<!--  流程业务表单   -->
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      :model="dataForm"
+      :rules="dataRule"
+      ref="dataForm"
+      @keyup.enter.native="dataFormSubmitHandle()"
+      :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"
+    >
+      <el-form-item label="申请人" prop="user">
+        <el-input
+          v-model="dataForm.applyUserName"
+          :disabled="fieldDisabled"
+          placeholder="请输入申请人"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="申请电话" prop="phone">
+        <el-input
+          v-model="dataForm.applyUserPhone"
+          :disabled="fieldDisabled"
+          placeholder="请输入申请人电话"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="申请单位" prop="unit">
+        <el-input
+          v-model="dataForm.applyUserDeptName"
+          :disabled="fieldDisabled"
+          placeholder="请输入申请单位"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="需求标题" prop="area">
+        <el-input
+          v-model="dataForm.demandSubject"
+          :disabled="fieldDisabled"
+          placeholder="需求标题"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="需求类型" prop="system">
+        <el-input
+          v-model="dataForm.detailsType"
+          :disabled="fieldDisabled"
+          placeholder="需求类型"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="应用领域" prop="scene">
+        <el-input
+          v-model="dataForm.detailsField"
+          :disabled="fieldDisabled"
+          placeholder="应用领域"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="需求描述" prop="basis">
+         <el-tooltip class="item" effect="dark" popper-class="kuandukuandukuandu" :content="dataForm.demandDetails" placement="top">
+        <el-input
+          v-model="dataForm.demandDetails"
+          :disabled="fieldDisabled"
+          placeholder="需求描述"
+        ></el-input>
+         </el-tooltip>
+      </el-form-item>
+      <el-form-item v-if="dataForm.enclosure" label="申请附件" prop="enclosure">
+          <el-button @click="downloadFile(dataForm.enclosure, '申请附件')">附件下载</el-button>
+      </el-form-item>
+    </el-form>
+    <!--  流程综合组件   -->
+    <ren-process-multiple
+      v-if="processVisible"
+      updateInstanceIdUrl="/processForm/tabilityapplication/updateInstanceId"
+      saveFormUrl="/processForm/tabilityapplication"
+      dataFormName="dataForm"
+      ref="renProcessMultiple"
+    ></ren-process-multiple>
+  </el-card>
+</template>
+
+<script>
+// 引入工作流公共方法
+import processModule from '@/mixins/process-module'
+export default {
+  // 注入公共方法
+  mixins: [processModule],
+  data () {
+    return {
+      visible: false,
+      // 表单属性是否可编辑
+      fieldDisabled: false,
+      dataForm: {
+        id: '',
+        user: '',
+        phone: '',
+        unit: '',
+        area: '',
+        system: '',
+        scene: '',
+        basis: ''
+      }
+    }
+  },
+  created () {
+    // 将业务KEY赋值给表单
+    this.dataForm.id = this.$route.params.businessKey
+    console.log(this.$route.params)
+    this.init()
+    // 流程回调
+    var callbacks = {
+      startProcessSuccessCallback: this.closeCurrentTab,
+      startProcessErrorCallback: this.startProcessErrorCallback,
+      taskHandleSuccessCallback: this.closeCurrentTab,
+      taskHandleErrorCallback: this.taskHandleErrorCallback,
+      formSaveSuccessCallback: null,
+      formSaveErrorCallback: null
+    }
+    // 初始化综合组件
+    this.initProcessMultiple(callbacks)
+  },
+  computed: {
+    dataRule () {
+      return {
+        user: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
+        phone: [
+          { required: true, message: '请输入申请人电话', trigger: 'blur' },
+          {
+            type: 'string',
+            pattern: /^1[3456789]\d{9}$/,
+            message: '请输入正确的电话号码',
+            trigger: 'blur'
+          }
+        ],
+        unit: [{ required: true, message: '请输入申请单位', trigger: 'blur' }],
+        area: [{ required: true, message: '请输入所在地区', trigger: 'blur' }],
+        system: [
+          { required: true, message: '请输入申请应用', trigger: 'blur' }
+        ],
+        scene: [{ required: true, message: '请输入应用场景', trigger: 'blur' }],
+        basis: [{ required: true, message: '请输入申请依据', trigger: 'blur' }]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.dataForm.resetFields()
+        if (this.dataForm.id) {
+          // 如业务KEY已存在，不允许编辑
+          this.fieldDisabled = true
+          this.getInfo()
+        }
+      })
+    },
+    // 获取信息
+    getInfo () {
+      this.$http
+        .get(`/demanData/${this.dataForm.id}`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.dataForm = {
+            ...this.dataForm,
+            ...res.data
+          }
+        })
+        .catch(() => {})
+    },
+    // 启动流程出错回调
+    startProcessErrorCallback (data) {
+      console.log(data)
+    },
+    // 任务处理出错回调
+    taskHandleErrorCallback (data) {}
+  }
+}
+</script>