epx-frame 3.5.0-shpgy.1

package/src/frame/components/custom-bpmn/PropertiesView.vue

@@ -0,0 +1,4046 @@
+<template>
+  <div class="properties-panel__container" v-if="element" @click="saveTable">
+    <div class="empty" v-if="selectedElements.length > 1">只能选择一个元素</div>
+    <div v-else class="properties-panel">
+      <!-- 节点标题 -->
+      <p class="properties-panel__title">{{selectedElementName}}</p>
+      <!-- 节点内容 -->
+      <div class="properties-panel__content">
+        <!-- 根节点 -->
+        <template v-if="element.type==='bpmn:Process'">
+          <el-tabs class="properties-panel__tabs" v-model="activeName" type="card">
+            <el-tab-pane label="属性" name="attribute">
+              <ul class="attribute-list">
+                <li class="attribute-item">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">流程编号</label>
+                    <epx-form-field :values.sync="process" :field-config="{attriName: 'KEY', dataType:'text'}"></epx-form-field>
+                  </div>
+                </li>
+                <li class="attribute-item">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">流程名称</label>
+                    <epx-form-field :values.sync="process" :field-config="{attriName: 'NAME', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                  </div>
+                </li>
+                <li class="attribute-item">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">业务对象</label>
+                    <epx-table-form-item :value="{id: process.ENTITY, name: process['ENTITY#']}" @change="v=> {
+                    process.ENTITY=v?v.id: null
+                     process['ENTITY#']=v?v.name: null
+                  }" :fieldConfigs="{attriName: 'ENTITY', attriLabel: '业务对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT',flag: 'process_entity_find'}"></epx-table-form-item>
+                  </div>
+                </li>
+                <li class="attribute-item" v-if="process.ENTITY">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">状态字段</label>
+                    <epx-table-form-item :value="{id: process.STATUS_FIELD, name: process['STATUS_FIELD#']}" @change="v=> {
+                    process.STATUS_FIELD=v?v.id: null
+                     process['STATUS_FIELD#']=v?v.name: null
+                  }"
+                      :fieldConfigs="{attriName: 'STATUS_FIELD', attriLabel: '状态字段', dataType:'object', codeKey: 'FM_ATTRIBUTE', state: 'EDIT', flag: 'process_attribute_find', scopeParams: [{ field:'ENTITY_ID',values: process.ENTITY}]}">
+                    </epx-table-form-item>
+                    <!-- <epx-form-field :values.sync="process" :field-config="{attriName: 'STATUS_FIELD', dataType:'object', codeKey: 'FM_ATTRIBUTE', state: 'EDIT', scopeParams: [{ field:'ENTITY',values: process.ENTITY}]}"></epx-form-field> -->
+                  </div>
+                </li>
+                <li class="attribute-item" v-if="process.ENTITY">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">用户字段</label>
+                    <epx-table-form-item :value="{id: process.USER_FIELD, name: process['USER_FIELD#']}" @change="v=> {
+                    process.USER_FIELD=v?v.id: null
+                     process['USER_FIELD#']=v?v.name: null
+                  }"
+                      :fieldConfigs="{attriName: 'USER_FIELD', attriLabel: '用户字段', dataType:'object', codeKey: 'FM_ATTRIBUTE', state: 'EDIT', flag: 'process_attribute_find', scopeParams: [{ field:'ENTITY_ID',values: process.ENTITY}]}">
+                    </epx-table-form-item>
+                  </div>
+                </li>
+                <li class="attribute-item">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">驳回状态</label>
+                    <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:disagreeStatus', dataType:'list',codeKey: statusCodeKey, state: 'EDIT'}"></epx-form-field>
+                  </div>
+                </li>
+                <li class="attribute-item">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">撤销状态</label>
+                    <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:repealStatus', dataType:'list',codeKey: statusCodeKey, state: 'EDIT'}"></epx-form-field>
+                  </div>
+                </li>
+                <li class="attribute-item">
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">申请查看页面</label>
+                    <epx-table-form-item :value="{id: elementValues['camunda:applyViewPage'], name: elementValues['camunda:applyViewPage-name']}" @change="v=> {
+                          elementValues['camunda:applyViewPage']=v?v.id: null
+                          elementValues['camunda:applyViewPage-name']=v?v.name: null
+                        }"
+                      :fieldConfigs="{attriName: 'camunda:applyViewPage', attriLabel: '申请查看页面', dataType:'object', codeKey: 'FM_PAGE_CONFIG', state: 'EDIT', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }]}">
+                    </epx-table-form-item>
+                  </div>
+                </li>
+              </ul>
+            </el-tab-pane>
+            <el-tab-pane class="tab-pane-content" label="参数" name="inparam" v-if="element.type==='bpmn:Process'">
+              <!--列表  -->
+              <ul class="message-list">
+                <li class="message-item" v-for="(item, index) in inParamData" :key="index">
+                  <div class="message-content">
+                    <p class="message-info">
+                      <label for="">编号：</label>
+                      <span>{{item['id']}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">名称：</label>
+                      <span>{{item['name']}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">类型：</label>
+                      <span>{{item['type']==='1'?'文本':item.type==='2'?'对象':item.type==='3'?'对象集合':'未设置'}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">输出参数：</label>
+                      <span>{{item['isOut']==='1'?'是':'否'}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">默认值：</label>
+                      <span>{{item['value']}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">说明：</label>
+                      <span>{{item['note']}}</span>
+                    </p>
+                  </div>
+                  <div class="message-operate">
+                    <i class="message-operate-item el-icon-edit-outline" @click="editInParamData(item)"></i>
+                    <el-popconfirm title="确认删除？" @confirm="deleteInParam(index)">
+                      <i slot="reference" class="message-operate-item el-icon-delete delete"></i>
+                    </el-popconfirm>
+                  </div>
+                </li>
+              </ul>
+              <el-dialog title="输入参数" :visible.sync="showInParamModal" width="60%">
+                <epx-table-form ref="inParamForm" :column="2" v-model="getInParamData" :fieldsConfigs="[
+                  {attriName: 'uid', attriLabel: 'uid',dataType: 'text',  state:'HIDDEN'},
+                  {attriName: 'metaId', attriLabel: 'children',dataType: 'text',  state:'HIDDEN'},
+                  {attriName: 'id', attriLabel: '编号',dataType: 'text',  state:'EDIT'},
+                  {attriName: 'name', attriLabel: '名称',dataType: 'text',  state:'EDIT'},
+                  {attriName: 'type', attriLabel: '类型',dataType: 'list', codeKey: 'FLOW_PARAMS_TYPE',  state:'EDIT'},
+                   {attriName: 'isOut', attriLabel: '输出参数',dataType: 'list', codeKey: 'PUB_BOOLEAN',  state:'EDIT'},
+                  {attriName: 'value', attriLabel: '默认值',dataType: 'text',  state:'EDIT'},
+                  {attriName: 'note', attriLabel: '说明',dataType: 'text',  state:'EDIT'}
+                ]">
+                </epx-table-form>
+                <div v-if="getInParamData.metaId&&getInParamData.type!=='1'" class="attribute-input">
+                  <label class="attribute-input__label text-left">对象字段</label>
+                  <span style="marginLeft:14px">{{fieldsText}}</span>
+                  <div class="choose-field">
+                    <el-button type="text" @click="chooseFieldsHandler">选择字段</el-button>
+                  </div>
+                </div>
+                <div class="dialog-operate-group">
+                  <el-button type="primary" @click="saveInParam">保存</el-button>
+                  <el-button @click="showInParamModal=false">返回</el-button>
+                </div>
+              </el-dialog>
+              <div class="add-message-button">
+                <el-button type="text" @click="inParamItemUid='';showInParamModal=true;getInParamData={}">+ 添加输入参数</el-button>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="触发器" class="tab-pane-content" name="listener">
+              <ul class="message-list">
+                <li class="message-item" v-for="(item, index) in listenerData" :key="index">
+                  <div class="message-content">
+                    <p class="message-info">
+                      <label for="">监听方式：</label>
+                      <span>{{item['type#']}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">业务规则：</label>
+                      <span>{{item['rule#']}}</span>
+                    </p>
+                  </div>
+                  <div class="message-operate">
+                    <i class="message-operate-item el-icon-edit-outline" @click="listenerIndex= index;listenerItem={...item}; showListenerModal = true"></i>
+                    <el-popconfirm title="确认删除？" @confirm="deleteListener(index)">
+                      <i slot="reference" class="message-operate-item el-icon-delete delete"></i>
+                    </el-popconfirm>
+                  </div>
+                </li>
+              </ul>
+              <el-dialog title="触发器" :visible.sync="showListenerModal" width="50%">
+                <epx-table-form ref="listenerForm" :column="2" v-model="listenerItem" :fieldsConfigs="[
+                  {
+                    attriName: 'type', attriLabel: '监听方式',dataType: 'list', codeKey: 'PROCESS_LISTENER_TYPE', state:'EDIT'
+                  },
+                  {attriName: 'listener', attriLabel: '触发器', dataType: 'object', codeKey: 'FM_PROCESS_LISTENER', flag: 'process_listener_find', state:'EDIT'},
+                  {attriName: 'rule', attriLabel: '业务规则', dataType: 'object', codeKey: 'ACT_RE_MODEL', flag: 'v_find', state:'EDIT'}
+                ]">
+                </epx-table-form>
+                <div class="dialog-operate-group">
+                  <el-button type="primary" @click="saveListener">保存</el-button>
+                  <el-button @click="showListenerModal=false">返回</el-button>
+                </div>
+              </el-dialog>
+              <div class="add-message-button">
+                <el-button type="text" @click="listenerItem={};showListenerModal=true">+ 添加触发器</el-button>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="校验器" class="tab-pane-content" name="verify">
+              <ul class="message-list">
+                <li class="message-item" v-for="(item, index) in verifyData" :key="index">
+                  <div class="verify">
+                    <p class="verify-info">
+                      <label for="">条件提醒：</label>
+                      <span>{{item['warning']}}</span>
+                    </p>
+                    <p class="verify-info">
+                      <label for="">条件规则：</label>
+                      <epx-rule class="verify-rule-container" @change="ruleChange($event,item,index)" v-model="item.rule" :selfStyle="false" :extendVariable="ruleVariable"
+                        :fieldConfigs="{attriName: 'rule', attriLabel: '条件规则', dataType:'rule',rows:2, state: 'EDIT'}" :ruleMetaId="businessMetaId">
+                        <el-input :value="getChineseValue(item.rule)"></el-input>
+                      </epx-rule>
+                    </p>
+                  </div>
+                  <div class="message-operate">
+                    <i class="message-operate-item el-icon-edit-outline" @click="verifyIndex= index;verifyItem={...item}; showVerifyModal = true"></i>
+                    <el-popconfirm title="确认删除？" @confirm="deleteVerify(index)">
+                      <i slot="reference" class="message-operate-item el-icon-delete delete"></i>
+                    </el-popconfirm>
+                  </div>
+                </li>
+              </ul>
+              <el-dialog title="校验器" :visible.sync="showVerifyModal" width="50%">
+                <epx-table-form ref="verifyForm" :column="2" v-model="verifyItem" :fieldsConfigs="[
+                  {attriName: 'warning', attriLabel: '条件提醒', dataType: 'text', state:'EDIT'}
+                ]">
+                </epx-table-form>
+                <div class="dialog-operate-group">
+                  <el-button type="primary" @click="saveVerify">保存</el-button>
+                  <el-button @click="showVerifyModal=false">返回</el-button>
+                </div>
+              </el-dialog>
+              <div class="add-message-button">
+                <el-button type="text" @click="verifyItem={};showVerifyModal=true">+ 添加校验器</el-button>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </template>
+        <template v-else>
+          <!-- 节点类型 -->
+          <el-tabs class="properties-panel__tabs" v-model="activeName" type="card">
+            <el-tab-pane label="属性" name="attribute">
+              <!--节点名称  -->
+              <template v-if="element.type==='bpmn:StartEvent'">
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name',attriLabel: '名称',  dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">发起页面</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:assigneePage'], name: elementValues['camunda:assigneePage#']}" @change="v=> {
+                          elementValues['camunda:assigneePage']=v?v.id: null
+                          elementValues['camunda:assigneePage#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:assigneePage', attriLabel: '发起页面', dataType:'object', codeKey: 'FM_PAGE_CONFIG', state: 'EDIT', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }]}"></epx-table-form-item>
+                    </div>
+                  </li>
+                </ul>
+              </template>
+              <template v-else-if=" element.type==='bpmn:EndEvent'">
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li cl ass="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">业务状态</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:status', dataType:'list',codeKey: statusCodeKey, state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                </ul>
+              </template>
+              <template v-else-if="element.type==='bpmn:SequenceFlow'">
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input attribute-input-top">
+                      <label class="attribute-input__label">判断条件</label>
+                      <epx-rule v-model="elementValues['camunda:conditionRule']" :variableList="treeFieldStore" :fieldConfigs="{attriName: 'camunda:conditionRule', attriLabel: '判断条件', dataType:'rule', state: 'EDIT'}"
+                        :extendVariable="ruleVariable" :ruleMetaId="businessMetaId" :allSub="String(1)"></epx-rule>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">排序号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:orderNum', dataType:'text', attriLabel: '排序号', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="message-list">
+                  <li style="paddingLeft:10px">业务条件：</li>
+                  <li class="message-item" v-for="(item, index) in verifyData" :key="index">
+                    <div class="verify">
+                      <p class="verify-info">
+                        <label for="">条件提醒：</label>
+                        <span>{{item['warning']}}</span>
+                      </p>
+                      <p class="verify-info">
+                        <label for="">条件规则：</label>
+                        <epx-rule class="verify-rule-container" @change="ruleChange($event,item,index)" v-model="item.rule" :selfStyle="false" :extendVariable="ruleVariable"
+                          :fieldConfigs="{attriName: 'rule', attriLabel: '条件规则', dataType:'rule',rows:2, state: 'EDIT'}" :ruleMetaId="businessMetaId"  :allSub="String(1)">
+                          <el-input :value="getChineseValue(item.rule)"></el-input>
+                        </epx-rule>
+                      </p>
+                    </div>
+                    <div class="message-operate">
+                      <i class="message-operate-item el-icon-edit-outline" @click="verifyIndex= index;verifyItem={...item}; showVerifyModal = true"></i>
+                      <el-popconfirm title="确认删除？" @confirm="deleteVerify(index)">
+                        <i slot="reference" class="message-operate-item el-icon-delete delete"></i>
+                      </el-popconfirm>
+                    </div>
+                  </li>
+                  <li>
+                    <el-button type="text" @click="verifyItem={};showVerifyModal=true">+ 添加业务条件</el-button>
+                  </li>
+                </ul>
+                <el-dialog title="校验器" :visible.sync="showVerifyModal" width="50%">
+                  <epx-table-form ref="verifyForm" :column="2" v-model="verifyItem" :fieldsConfigs="[
+                    {attriName: 'warning', attriLabel: '条件提醒', dataType: 'text', state:'EDIT'}
+                  ]">
+                  </epx-table-form>
+                  <div class="dialog-operate-group">
+                    <el-button type="primary" @click="saveVerify">保存</el-button>
+                    <el-button @click="showVerifyModal=false">返回</el-button>
+                  </div>
+                </el-dialog>
+              </template>
+              <!-- 新增记录 -->
+              <template v-else-if="element.typeId==='1' || elementValues['camunda:formTypeId']==='1'">
+                <div class="jiedina-header"><i class="el-icon-zoom-in"></i> 新增记录</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据对象</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:formDataMeta'], name: elementValues['camunda:formDataMeta#']}" @change="v=> {
+                          this.elementValues['camunda:formDataMeta']=v?v.id: null
+                          this.elementValues['camunda:formDataMeta#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:formDataMeta', attriLabel: '数据对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li>
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">循环参数</label>
+                    <el-select v-model="loopListParam" placeholder="请选择" @change="v=> {
+                 elementValues['camunda:loopListParam']=v
+                 this.getFormDataMetaData()
+                  }">
+                      <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                      </el-option>
+                    </el-select>
+                  </div>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据来源</label>
+                      <el-radio-group v-model="formDataSources" @change="v=> {
+                 elementValues['camunda:formDataSources']=v
+                 this.getFormDataMetaData()
+                  }" name="camunda:formDataSources">
+                        <el-radio-button label="1">表单数据</el-radio-button>
+                        <!-- <el-radio label="2">节点查询数据</el-radio> -->
+                        <el-radio-button label="3">自定义</el-radio-button>
+                      </el-radio-group>
+                    </div>
+                  </li>
+                  <template v-if="formDataSources==='3' && formDataMetaData.attributes.length">
+                    <li class="attribute-item" hidden>
+                      <div class="attribute-input">
+                        <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formDataMetaData', dataType:'text', state: 'HIDDEN'}"></epx-form-field>
+                      </div>
+                    </li>
+                    <div class="jiedina-header jiedina-content-header"><span>新增内容</span></div>
+                    <li class="attribute-item">
+                      <!-- <div class="attribute-input">
+                        <label class="attribute-input__label">新增内容</label>
+                      </div> -->
+                      <div>
+                        <div class="attribute-input" v-for="(item, index) in formDataMetaData.attributes" :key="index">
+                          <label class="attribute-input__label">{{item.label}}</label>
+                          <div class="attribute-input-type">
+                            <el-select v-model="formDataMetaData.type[item.name]" placeholder="请选择" @change="formDataMetaData.value[item.name]=''">
+                              <el-option label="指定值" value="designated"></el-option>
+                              <el-option label="表单数据" value="form"></el-option>
+                              <el-option label="动态值" value="dynamic"></el-option>
+                              <el-option label="流程参数" value="inparam"></el-option>
+                              <el-option label="循环对象" value="loopData"></el-option>
+                            </el-select>
+                          </div>
+                          <template v-if="formDataMetaData.type[item.name]==='designated'">
+                            <epx-form-field :values.sync="formDataMetaData.data"
+                              :field-config="{attriName: item.name, dataType:item.dataType, codeKey:(item.dataType==='object'?item.relatedEntity:item.codeKey),attriLabel: item.label, state: 'ADD'}">
+                            </epx-form-field>
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='form'">
+                            <el-select v-model="formDataMetaData.value[item.name]" placeholder="请选择">
+                              <el-option v-for="item in businessMeta" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                              </el-option>
+                            </el-select>
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='dynamic'">
+                            <!-- <div> -->
+                            <epx-rule v-model="formDataMetaData.value[item.name]" :selfStyle="false" :extendVariable="ruleVariable"
+                              :fieldConfigs="{attriName: `value.${[item.name]}`, attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}" :ruleMetaId="businessMetaId">
+                              <el-input :value="getChineseValue(formDataMetaData.value[item.name])"></el-input>
+                            </epx-rule>
+                            <!-- <el-input v-model="formDataMetaData.value[item.name]" placeholder="请输入内容"></el-input> -->
+                            <!-- </div> -->
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='inparam'">
+                            <div>
+                              <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                                <el-input class="select__input" slot="reference" :value="formDataMetaData.data[item.name]" suffix-icon="el-icon-search" size="medium" placeholder="参数"></el-input>
+                                <div class="scope-opera__popper">
+                                  <el-tree :data="addRecordParamData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'name'
+                  }" @node-click="selectInParam($event,item.name)">
+                                    <span v-html="node.label" slot-scope="{ node }"></span>
+                                  </el-tree>
+                                </div>
+                              </el-popover>
+                            </div>
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='loopData'">
+                            <el-select v-model="formDataMetaData.value[item.name]" placeholder="请选择">
+                              <el-option v-for="item in formDataField" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                              </el-option>
+                            </el-select>
+                          </template>
+                        </div>
+                      </div>
+                      <!-- <div class="dialog-operate-group">
+                        <el-button type="primary" @click="saveMetaDataEntity">保存</el-button>
+                      </div> -->
+                    </li>
+                    <div class="jiedina-header jiedina-content-header"><span>输出参数</span></div>
+                    <li class="attribute-item">
+                      <div class="attribute-input">
+                        <label class="attribute-input__label">结果参数</label>
+                        <el-select v-model="formDataMetaData.resultParams" placeholder="请选择" @change="addResultParamsChange">
+                          <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                          </el-option>
+                        </el-select>
+                      </div>
+                    </li>
+                  </template>
+                  <div class="dialog-operate-group">
+                    <el-button type="primary" @click="saveMetaDataEntity">保存</el-button>
+                  </div>
+                </ul>
+              </template>
+              <!--删除-->
+              <template v-else-if="element.typeId==='2' || elementValues['camunda:formTypeId']==='2'">
+                <div class="jiedina-header"><i class="el-icon-delete"></i> 数据删除</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据对象</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:formDataMeta'], name: elementValues['camunda:formDataMeta#']}" @change="v=> {
+                          this.elementValues['camunda:formDataMeta']=v?v.id: null
+                          this.elementValues['camunda:formDataMeta#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:formDataMeta', attriLabel: '数据对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input attribute-input-top">
+                      <label class="attribute-input__label">删除范围</label>
+                      <div>
+                        <div class="scope-item-line" v-for="(item,index) in updateScopeParams" :key="index"><span class="scope-text">{{item.text}}</span><span
+                            class="scope-link">{{item.linkLabel||item.link||''}}</span></div>
+                        <el-button type="text" @click="settingScope">设置</el-button>
+                      </div>
+                      <!-- <span style="margin-right:10px">{{updateScopeParamsText}}</span>
+                      <el-button type="text" @click="settingScope">设置</el-button> -->
+                    </div>
+                  </li>
+                  <div class="dialog-operate-group">
+                    <el-button type="primary" @click="saveMetaDataEntity">保存</el-button>
+                  </div>
+                </ul>
+              </template>
+              <!--数据更新-->
+              <template v-else-if="element.typeId==='3' || elementValues['camunda:formTypeId']==='3'">
+                <div class="jiedina-header"><i class="el-icon-refresh-right"></i> 数据更新</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据对象</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:formDataMeta'], name: elementValues['camunda:formDataMeta#']}" @change="v=> {
+                          this.elementValues['camunda:formDataMeta']=v?v.id: null
+                          this.elementValues['camunda:formDataMeta#']=v?v.name: null
+                          this.getFormDataMetaData()
+                        }" :fieldConfigs="{attriName: 'camunda:formDataMeta', attriLabel: '数据对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据来源</label>
+                      <el-radio-group v-model="formDataSources" @change="v=> {
+                 elementValues['camunda:formDataSources']=v
+                 this.getFormDataMetaData()
+                  }" name="camunda:formDataSources">
+                        <el-radio-button label="1">表单数据</el-radio-button>
+                        <!-- <el-radio label="2">节点查询数据</el-radio> -->
+                        <el-radio-button label="3">自定义</el-radio-button>
+                        <el-radio-button label="5">循环对象</el-radio-button>
+                      </el-radio-group>
+                    </div>
+                  </li>
+
+                  <template v-if="formDataSources==='3'">
+                    <li class="attribute-item">
+                      <div class="attribute-input attribute-input-top">
+                        <label class="attribute-input__label">更新范围</label>
+                        <div>
+                          <div class="scope-item-line" v-for="(item,index) in updateScopeParams" :key="index"><span class="scope-text">{{item.text}}</span><span
+                              class="scope-link">{{item.linkLabel||item.link||''}}</span></div>
+                          <el-button type="text" @click="showScopeDialog=true">设置</el-button>
+                        </div>
+                        <!-- <span style="margin-right:10px">{{updateScopeParamsText}}</span>
+                        <el-button type="text" @click="showScopeDialog=true">设置</el-button> -->
+                      </div>
+                    </li>
+                    <li class="attribute-item">
+                      <div class="attribute-input">
+                        <label class="attribute-input__label">更新内容</label>
+                      </div>
+                      <div v-if="formDataMetaData.attributes.length>0">
+                        <div class="attribute-input attribute-input-update" v-for="(item, index) in formDataMetaData.attributes" :key="index">
+                          <label class="attribute-input__label">{{item.label}}</label>
+                          <div class="attribute-input-type">
+                            <el-select v-model="formDataMetaData.type[item.name]" placeholder="请选择" @change="formDataMetaData.value[item.name]=''">
+                              <el-option label="指定值" value="designated"></el-option>
+                              <el-option label="表单数据" value="form"></el-option>
+                              <el-option label="动态值" value="dynamic"></el-option>
+                              <el-option label="流程参数" value="inparam"></el-option>
+                            </el-select>
+                          </div>
+                          <template v-if="formDataMetaData.type[item.name]==='designated'">
+                            <epx-form-field :values.sync="formDataMetaData.data"
+                              :field-config="{attriName: item.name, dataType:item.dataType, codeKey:(item.dataType==='object'?item.relatedEntity:item.codeKey),attriLabel: item.label, state: 'ADD'}">
+                            </epx-form-field>
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='form'">
+                            <el-select v-model="formDataMetaData.value[item.name]" placeholder="请选择">
+                              <el-option v-for="item in businessMeta" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                              </el-option>
+                            </el-select>
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='dynamic'">
+                            <!-- <div> -->
+                            <epx-rule v-model="formDataMetaData.value[item.name]" :selfStyle="false" :extendVariable="ruleVariable"
+                              :fieldConfigs="{attriName: `value.${[item.name]}`, attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}" :ruleMetaId="businessMetaId">
+                              <el-input :value="getChineseValue(formDataMetaData.value[item.name])" placeholder="请点击输入"></el-input>
+                            </epx-rule>
+                            <!-- </div> -->
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='inparam'">
+                            <div>
+                              <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                                <el-input class="select__input" slot="reference" :value="formDataMetaData.data[item.name]" suffix-icon="el-icon-search" size="medium" placeholder="参数"></el-input>
+                                <div class="scope-opera__popper">
+                                  <el-tree :data="addRecordParamData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'name'
+                  }" @node-click="selectInParam($event,item.name)">
+                                    <span v-html="node.label" slot-scope="{ node }"></span>
+                                  </el-tree>
+                                </div>
+                              </el-popover>
+                            </div>
+                          </template>
+                          <div class="filter-condition__delete">
+                            <i class="el-icon-close" @click="deleteScopeItem(index)"></i>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="update-add-field">
+                        <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                          <el-button slot="reference" style="margin:10px 0" type="primary" plain size="small">+添加字段</el-button>
+                          <div class="update-add-field__popper">
+                            <div class="update-add-field__popper_item" v-for="item in formDataField" :key="item.attribute.id" @click="addUpdateField(item)">{{item.attriLabel}}</div>
+                          </div>
+                        </el-popover>
+                      </div>
+                      <div class="dialog-operate-group">
+                        <el-button type="primary" @click="saveMetaDataEntity">保存</el-button>
+                      </div>
+                    </li>
+                  </template>
+
+                  <template v-if="formDataSources==='5'">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">流程参数</label>
+                      <el-select v-model="loopListParam" placeholder="请选择" @change="v=> {
+                 elementValues['camunda:loopListParam']=v
+                 this.getFormDataMetaData()
+                  }">
+                        <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                        </el-option>
+                      </el-select>
+                    </div>
+                    <div v-if="formDataMetaData.attributes.length>0">
+                      <div class="attribute-input attribute-input-update" v-for="(item, index) in formDataMetaData.attributes" :key="index">
+                        <label class="attribute-input__label">{{item.label}}</label>
+                        <div class="attribute-input-type">
+                          <el-select v-model="formDataMetaData.type[item.name]" placeholder="请选择" @change="formDataMetaData.value[item.name]=''">
+                            <el-option label="指定值" value="designated"></el-option>
+                            <el-option label="动态值" value="dynamic"></el-option>
+                            <el-option label="流程参数" value="inparam"></el-option>
+                          </el-select>
+                        </div>
+                        <template v-if="formDataMetaData.type[item.name]==='designated'">
+                          <epx-form-field :values.sync="formDataMetaData.data"
+                            :field-config="{attriName: item.name, dataType:item.dataType, codeKey:(item.dataType==='object'?item.relatedEntity:item.codeKey),attriLabel: item.label, state: 'ADD'}">
+                          </epx-form-field>
+                        </template>
+                        <template v-else-if="formDataMetaData.type[item.name]==='dynamic'">
+                          <!-- <div> -->
+                          <epx-rule v-model="formDataMetaData.value[item.name]" :selfStyle="false" :extendVariable="ruleVariable"
+                            :fieldConfigs="{attriName: `value.${[item.name]}`, attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}" :ruleMetaId="businessMetaId">
+                            <el-input :value="getChineseValue(formDataMetaData.value[item.name])" placeholder="请点击输入"></el-input>
+                          </epx-rule>
+                          <!-- <el-input v-model="formDataMetaData.value[item.name]" placeholder="请输入内容"></el-input> -->
+                          <!-- </div> -->
+                        </template>
+                        <template v-else-if="formDataMetaData.type[item.name]==='inparam'">
+                          <div>
+                            <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                              <el-input class="select__input" slot="reference" :value="formDataMetaData.data[item.name]" suffix-icon="el-icon-search" size="medium" placeholder="参数"></el-input>
+                              <div class="scope-opera__popper">
+                                <el-tree :data="addRecordParamData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'name'
+                  }" @node-click="selectInParam($event,item.name)">
+                                  <span v-html="node.label" slot-scope="{ node }"></span>
+                                </el-tree>
+                              </div>
+                            </el-popover>
+                          </div>
+                        </template>
+                        <div class="filter-condition__delete">
+                          <i class="el-icon-close" @click="deleteScopeItem(index)"></i>
+                        </div>
+                      </div>
+                    </div>
+
+                    <div class="update-add-field">
+                      <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                        <el-button slot="reference" style="margin:10px 0" type="primary" plain size="small">+添加字段</el-button>
+                        <div class="update-add-field__popper">
+                          <div class="update-add-field__popper_item" v-for="item in formDataField" :key="item.attribute.id" @click="addUpdateField(item)">{{item.attriLabel}}</div>
+                        </div>
+                      </el-popover>
+                    </div>
+
+                    <div class="dialog-operate-group">
+                      <el-button type="primary" @click="saveMetaDataEntity">保存</el-button>
+                    </div>
+                  </template>
+
+                </ul>
+              </template>
+              <!-- 数据同步、调用业务规则、发起业务流程 -->
+              <template
+                v-else-if="element.typeId==='4' || elementValues['camunda:formTypeId']==='4'||element.typeId==='9' || elementValues['camunda:formTypeId']==='9'||element.typeId==='10' || elementValues['camunda:formTypeId']==='10'">
+                <div class="jiedina-header"><i class="el-icon-zoom-in"></i> {{getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])}}</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item" v-if="element.typeId==='4' || elementValues['camunda:formTypeId']==='4'">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">同步方案</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:messageTemplate'], name: elementValues['camunda:messageTemplate#']}" @change="v=> {
+                          this.elementValues['camunda:messageTemplate']=v?v.id: null
+                          this.elementValues['camunda:messageTemplate#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:messageTemplate', attriLabel: '同步方案', dataType:'object', codeKey: 'FM_SYNCHRO_SCHEME', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li>
+                  <template v-else>
+                    <li class="attribute-item">
+                      <div class="attribute-input">
+                        <label class="attribute-input__label">业务对象</label>
+                        <epx-table-form-item :value="{id: elementValues['camunda:formDataMeta'], name: elementValues['camunda:formDataMeta#']}" @change="v=> {
+                            this.elementValues['camunda:formDataMeta']=v?v.id: null
+                            this.elementValues['camunda:formDataMeta#']=v?v.name: null
+                          }" :fieldConfigs="{attriName: 'camunda:formDataMeta', attriLabel: '数据对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT'}"></epx-table-form-item>
+                      </div>
+                    </li>
+                    <li class="attribute-item">
+                      <div class="attribute-input">
+                        <label class="attribute-input__label">{{element.typeId==='10' || elementValues['camunda:formTypeId']==='10' ? '流程': '业务规则'}}</label>
+                        <epx-table-form-item :value="{id: elementValues['camunda:messageTemplate'], name: elementValues['camunda:messageTemplate#']}" @change="v=> {
+                            this.elementValues['camunda:messageTemplate']=v?v.id: null
+                            this.elementValues['camunda:messageTemplate#']=v?v.name: null
+                          }" :fieldConfigs="{attriName: 'camunda:messageTemplate', attriLabel: '业务规则', dataType:'object', codeKey: 'ACT_RE_MODEL', state: 'EDIT'}"></epx-table-form-item>
+                      </div>
+                    </li>
+                  </template>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label" v-if="element.typeId==='4' || elementValues['camunda:formTypeId']==='4'">同步参数</label>
+                      <label class="attribute-input__label" v-else>动态参数</label>
+                    </div>
+                    <div v-if="sendMessageData.messageParams.length>0">
+                      <div class="attribute-input attribute-input-update" v-for="(item, index) in sendMessageData.messageParams" :key="index">
+                        <label class="attribute-input__label">{{item['NAME']}}</label>
+                        <div class="attribute-input-type">
+                          <el-select v-model="item.TYPE" placeholder="请选择" @change="item.VALUE=''">
+                            <el-option label="指定值" value="designated"></el-option>
+                            <el-option label="表单数据" value="form"></el-option>
+                            <el-option label="动态值" value="dynamic"></el-option>
+                            <el-option label="流程参数" value="inparam"></el-option>
+                          </el-select>
+                        </div>
+                        <template v-if="item.TYPE==='designated'">
+                          <el-input v-model="item.VALUE" placeholder="请输入内容"></el-input>
+                        </template>
+                        <template v-else-if="item.TYPE==='form'">
+                          <el-select v-model="item.VALUE" placeholder="请选择">
+                            <el-option v-for="item in businessMeta" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                            </el-option>
+                          </el-select>
+                        </template>
+                        <template v-else-if="item.TYPE==='dynamic'">
+                          <!-- <div> -->
+                          <epx-rule v-model="item.VALUE" :selfStyle="false" :fieldConfigs="{attriName: 'VALUE', attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}"
+                            :extendVariable="ruleVariable" :ruleMetaId="businessMetaId">
+                            <el-input :value="getChineseValue(item.VALUE)" placeholder="请点击输入"></el-input>
+                          </epx-rule>
+                          <!-- <el-input v-model="item.VALUE" placeholder="请输入内容"></el-input> -->
+                          <!-- </div> -->
+                        </template>
+                        <!-- <template v-else-if="item.TYPE==='params'">
+                          <el-select v-model="item.VALUE" placeholder="请选择">
+                            <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                            </el-option>
+                          </el-select>
+                        </template> -->
+                        <template v-else-if="item.TYPE==='inparam'">
+                          <div>
+                            <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                              <el-input class="select__input" slot="reference" :value="item.VALUEC" suffix-icon="el-icon-search" size="medium" placeholder="参数"></el-input>
+                              <div class="scope-opera__popper">
+                                <el-tree :data="addRecordParamData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'name'
+                  }" @node-click="selectInmessageParams($event,item,index)">
+                                  <span v-html="node.label" slot-scope="{ node }"></span>
+                                </el-tree>
+                              </div>
+                            </el-popover>
+                          </div>
+                        </template>
+                        <div class="send-message-operate">
+                          <i class="message-operate-item el-icon-edit-outline" @click="editMessageParams(item)"></i>
+                          <i class="el-icon-close message-operate-item delete" @click="deleteMessageParams(index)"></i>
+                        </div>
+                      </div>
+                    </div>
+                    <el-dialog title="添加参数" :visible.sync="showMessageParamModal" width="50%">
+                      <epx-table-form ref="messageParamForm" :column="2" v-model="messageParamData" :fieldsConfigs="[
+                              {attriName: 'ID', attriLabel: 'ID',dataType: 'text',  state:'HIDDEN'},
+                              {attriName: 'NAME', attriLabel: '参数名称',dataType: 'text',  state:'EDIT'},
+                              {attriName: 'VALUE', attriLabel: '参数值',dataType: 'text',  state:'EDIT'},
+                              {attriName: 'VALUEC', attriLabel: '参数值',dataType: 'text',  state:'HIDDEN'},
+                            ]">
+                      </epx-table-form>
+                      <div class="dialog-operate-group">
+                        <el-button type="primary" @click="saveMessageParam">保存</el-button>
+                        <el-button @click="showMessageParamModal=false">返回</el-button>
+                      </div>
+                    </el-dialog>
+                    <div class="update-add-field">
+                      <el-button slot="reference" style="margin:10px 0" type="primary" plain size="small" @click="showMessageParamModal=true; messageParamData = {}">+添加参数</el-button>
+                    </div>
+                  </li>
+                  <div class="dialog-operate-group">
+                    <el-button type="primary" @click="saveMessageData">保存</el-button>
+                  </div>
+                </ul>
+              </template>
+              <!-- 数据加工 -->
+              <template v-else-if="element.typeId==='5' || elementValues['camunda:formTypeId']==='5'">
+                <div class="jiedina-header"><i class="epx-icon-lc-shujujiagong"></i> 数据加工</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <div class="attribute-input">
+                    <label class="attribute-input__label">循环参数</label>
+                    <el-select v-model="loopListParam" placeholder="请选择" @change="v=> {
+                 elementValues['camunda:loopListParam']=v
+                 this.getFormDataMetaData()
+                  }">
+                      <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                      </el-option>
+                    </el-select>
+                  </div>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据来源</label>
+                      <el-radio-group v-model="formDataSources" @change="v=> {
+                 elementValues['camunda:formDataSources']=v
+                 this.getFormDataMetaData()
+                  }" name="camunda:formDataSources">
+                        <el-radio-button label="1">表单数据</el-radio-button>
+                        <el-radio-button label="4">流程参数</el-radio-button>
+                        <el-radio-button label="5">循环对象</el-radio-button>
+                      </el-radio-group>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据加工</label>
+                    </div>
+                    <template v-if="formDataSources==='1'">
+                      <div v-if="formDataMetaData.attributes.length>0">
+                        <div class="attribute-input attribute-input-update" v-for="(item, index) in formDataMetaData.attributes" :key="index">
+                          <label class="attribute-input__label">{{item.label}}</label>
+                          <div class="attribute-input-type">
+                            <el-select v-model="formDataMetaData.type[item.name]" placeholder="请选择" @change="formDataMetaData.value[item.name]=''">
+                              <el-option label="指定值" value="designated"></el-option>
+                              <el-option label="动态值" value="dynamic"></el-option>
+                              <el-option label="流程参数" value="inparam"></el-option>
+                            </el-select>
+                          </div>
+                          <template v-if="formDataMetaData.type[item.name]==='designated'">
+                            <epx-form-field :values.sync="formDataMetaData.data"
+                              :field-config="{attriName: item.name, dataType:item.dataType, codeKey:(item.dataType==='object'?item.relatedEntity:item.codeKey),attriLabel: item.label, state: 'ADD'}">
+                            </epx-form-field>
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='dynamic'">
+                            <!-- <div> -->
+                            <epx-rule v-model="formDataMetaData.value[item.name]" :selfStyle="false" :extendVariable="ruleVarJiaGong"
+                              :fieldConfigs="{attriName: `value.${[item.name]}`, attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}" :ruleMetaId="businessMetaId">
+                              <el-input :value="getChineseValue(formDataMetaData.value[item.name])" placeholder="请点击输入"></el-input>
+                            </epx-rule>
+                            <!-- <el-input v-model="formDataMetaData.value[item.name]" placeholder="请输入内容"></el-input> -->
+                            <!-- </div> -->
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='inparam'">
+                            <div>
+                              <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                                <el-input class="select__input" slot="reference" :value="formDataMetaData.data[item.name]" suffix-icon="el-icon-search" size="medium" placeholder="参数"></el-input>
+                                <div class="scope-opera__popper">
+                                  <el-tree :data="addRecordParamData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'name'
+                  }" @node-click="selectInParam($event,item.name)">
+                                    <span v-html="node.label" slot-scope="{ node }"></span>
+                                  </el-tree>
+                                </div>
+                              </el-popover>
+                            </div>
+                          </template>
+                          <div class="filter-condition__delete">
+                            <i class="el-icon-close" @click="deleteScopeItem(index)"></i>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="update-add-field">
+                        <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                          <el-button slot="reference" style="margin:10px 0" type="primary" plain size="small">+添加字段</el-button>
+                          <div class="update-add-field__popper">
+                            <div class="update-add-field__popper_item" v-for="item in formDataField" :key="item.attribute.id" @click="addUpdateField(item)">{{item.attriLabel}}</div>
+                          </div>
+                        </el-popover>
+                      </div>
+                    </template>
+                    <template v-if="formDataSources==='4'">
+                      <div v-if="formDataMetaData.globalParams.length>0">
+                        <div class="attribute-input attribute-input-update" v-for="(item, index) in formDataMetaData.globalParams" :key="index">
+                          <label class="attribute-input__label">{{item.name}}</label>
+                          <div class="attribute-input-type">
+                            <el-select v-model="item.type" placeholder="请选择" @change="item.value=''">
+                              <el-option label="指定值" value="designated"></el-option>
+                              <el-option label="表单数据" value="form"></el-option>
+                              <el-option label="动态值" value="dynamic"></el-option>
+                              <el-option label="流程参数" value="inparam"></el-option>
+                              <el-option label="循环对象" value="loopData"></el-option>
+                            </el-select>
+                          </div>
+                          <template v-if="item.type==='designated'">
+                            <el-input v-model="item.value" placeholder="请输入内容"></el-input>
+                          </template>
+                          <template v-else-if="item.type==='form'">
+                            <el-select v-model="item.value" placeholder="请选择">
+                              <el-option v-for="item in businessMeta" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                              </el-option>
+                            </el-select>
+                          </template>
+                          <template v-else-if="item.type==='dynamic'">
+                            <!-- <div> -->
+                            <epx-rule v-model="item.value" :selfStyle="false" :fieldConfigs="{attriName: 'value', attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}"
+                              :extendVariable="ruleVarJiaGong" :ruleMetaId="businessMetaId">
+                              <el-input :value="getChineseValue(item.value)" placeholder="请点击输入"></el-input>
+                            </epx-rule>
+                            <!-- <el-input v-model="item.value" placeholder="请输入内容"></el-input> -->
+                            <!-- </div> -->
+                          </template>
+                          <template v-else-if="item.type==='inparam'">
+                            <div>
+                              <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                                <el-input class="select__input" slot="reference" :value="item.valueC" suffix-icon="el-icon-search" size="medium" placeholder="参数"></el-input>
+                                <div class="scope-opera__popper">
+                                  <el-tree :data="addRecordParamData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'name'
+                  }" @node-click="selectInglobalParams($event,item,index)">
+                                    <span v-html="node.label" slot-scope="{ node }"></span>
+                                  </el-tree>
+                                </div>
+                              </el-popover>
+                            </div>
+                          </template>
+                          <template v-else-if="item.type==='loopData'">
+                            <el-select v-model="item.value" placeholder="请选择">
+                              <el-option v-for="item in loopMeta" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                              </el-option>
+                            </el-select>
+                          </template>
+                          <div class="filter-condition__delete">
+                            <i class="el-icon-close" @click="deleteShuJuJiaGong(index)"></i>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="update-add-field">
+                        <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                          <el-button slot="reference" type="text">+添加字段</el-button>
+                          <div class="update-add-field__popper">
+                            <div class="update-add-field__popper_item" v-for="item in formDataField" :key="item.uid" @click="addShuJuJiaGong(item)">{{item.name}}</div>
+                          </div>
+                        </el-popover>
+                      </div>
+                    </template>
+
+                    <template v-if="formDataSources==='5'">
+                      <div v-if="formDataMetaData.attributes.length>0">
+                        <div class="attribute-input attribute-input-update" v-for="(item, index) in formDataMetaData.attributes" :key="index">
+                          <label class="attribute-input__label">{{item.label}}</label>
+                          <div class="attribute-input-type">
+                            <el-select v-model="formDataMetaData.type[item.name]" placeholder="请选择" @change="formDataMetaData.value[item.name]=''">
+                              <el-option label="指定值" value="designated"></el-option>
+                              <el-option label="动态值" value="dynamic"></el-option>
+                              <el-option label="流程参数" value="inparam"></el-option>
+                            </el-select>
+                          </div>
+                          <template v-if="formDataMetaData.type[item.name]==='designated'">
+                            <epx-form-field :values.sync="formDataMetaData.data"
+                              :field-config="{attriName: item.name, dataType:item.dataType, codeKey:(item.dataType==='object'?item.relatedEntity:item.codeKey),attriLabel: item.label, state: 'ADD'}">
+                            </epx-form-field>
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='dynamic'">
+                            <!-- <div> -->
+                            <epx-rule v-model="formDataMetaData.value[item.name]" :selfStyle="false" :extendVariable="ruleVarJiaGong"
+                              :fieldConfigs="{attriName: `value.${[item.name]}`, attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}" :ruleMetaId="businessMetaId">
+                              <el-input :value="getChineseValue(formDataMetaData.value[item.name])" placeholder="请点击输入"></el-input>
+                            </epx-rule>
+                            <!-- <el-input v-model="formDataMetaData.value[item.name]" placeholder="请输入内容"></el-input> -->
+                            <!-- </div> -->
+                          </template>
+                          <template v-else-if="formDataMetaData.type[item.name]==='inparam'">
+                            <div>
+                              <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                                <el-input class="select__input" slot="reference" :value="formDataMetaData.data[item.name]" suffix-icon="el-icon-search" size="medium" placeholder="参数"></el-input>
+                                <div class="scope-opera__popper">
+                                  <el-tree :data="addRecordParamData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'name'
+                  }" @node-click="selectInParam($event,item.name)">
+                                    <span v-html="node.label" slot-scope="{ node }"></span>
+                                  </el-tree>
+                                </div>
+                              </el-popover>
+                            </div>
+                          </template>
+                          <div class="filter-condition__delete">
+                            <i class="el-icon-close" @click="deleteScopeItem(index)"></i>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div class="update-add-field">
+                        <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                          <el-button slot="reference" type="text">+添加字段</el-button>
+                          <div class="update-add-field__popper">
+                            <div class="update-add-field__popper_item" v-for="item in formDataField" :key="item.attribute.id" @click="addUpdateField(item)">{{item.attriLabel}}</div>
+                          </div>
+                        </el-popover>
+                      </div>
+                    </template>
+
+                    <div class="dialog-operate-group">
+                      <el-button type="primary" @click="saveMetaDataEntity">保存</el-button>
+                    </div>
+                  </li>
+                </ul>
+              </template>
+              <!-- 数据查询 -->
+              <template v-else-if="element.typeId==='6' || elementValues['camunda:formTypeId']==='6'">
+                <div class="jiedina-header"><i class="el-icon-search"></i> 数据查询</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据来源</label>
+                      <el-radio-group v-model="formDataSources" @change="dataSearchMetaChange" name="camunda:formDataSources">
+                        <el-radio-button label="1">默认对象</el-radio-button>
+                        <el-radio-button label="3">指定对象</el-radio-button>
+                      </el-radio-group>
+                    </div>
+                  </li>
+                  <li class="attribute-item" v-if="formDataSources==='3'">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">数据对象</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:formDataMeta'], name: elementValues['camunda:formDataMeta#']}" @change="v=> {
+                          this.elementValues['camunda:formDataMeta']=v?v.id: null
+                          this.elementValues['camunda:formDataMeta#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:formDataMeta', attriLabel: '数据对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input attribute-input-top">
+                      <label class="attribute-input__label">查询条件</label>
+                      <div>
+                        <div class="scope-item-line" v-for="(item,index) in updateScopeParams" :key="index"><span class="scope-text">{{item.text}}</span><span
+                            class="scope-link">{{item.linkLabel||item.link||''}}</span></div>
+                        <el-button type="text" @click="settingSearchScope">设置</el-button>
+                      </div>
+                      <!-- <span style="margin-right:10px">{{updateScopeParamsText}}</span>
+                      <el-button type="text" @click="settingSearchScope">设置</el-button> -->
+                    </div>
+                  </li>
+                  <div class="jiedina-header jiedina-content-header"><span>获取数据记录</span></div>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">查询结果</label>
+                      <el-radio-group v-model="searchResult" @change="v=> {
+                 elementValues['camunda:searchResult']=v
+                  }">
+                        <el-radio-button label="1">单条</el-radio-button>
+                        <el-radio-button label="2">多条</el-radio-button>
+                        <el-radio-button label="3">字段值</el-radio-button>
+                        <el-radio-button label="4">统计值</el-radio-button>
+                      </el-radio-group>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input__label">关联对象</div>
+                    <div class="search-relation">
+                      <div class="attribute-input attribute-input-search" v-for="(item,index) in searchData.relationList" :key="item.ID">
+                        <div>{{item.TITLE}}</div>
+                        <div class="filter-condition__delete">
+                          <i class="el-icon-close" @click="deleteRelationItem(index)"></i>
+                        </div>
+                      </div>
+                    </div>
+                    <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                      <el-button slot="reference" style="margin:10px 0" type="primary" plain size="small">+添加关联对象</el-button>
+                      <div class="update-add-field__popper">
+                        <div class="update-add-field__popper_item" v-for="item in relationList" :key="item.ID" @click="addRelationList(item)">{{item.TITLE}}</div>
+                      </div>
+                    </el-popover>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input__label">排序条件</div>
+                    <div class="attribute-input attribute-input-search" v-for="(item,index) in searchData.sortCondition" :key="index">
+                      <el-select class="attribute-input-type" v-model="item.attriName" placeholder="请选择">
+                        <el-option v-for="field in formDataField" :key="field.attribute.id" :label="field.attriLabel" :value="field.attriName">
+                        </el-option>
+                      </el-select>
+                      <el-select class="attribute-input-type" v-model="item.sort" placeholder="请选择">
+                        <el-option label="升序" value="asc"></el-option>
+                        <el-option label="降序" value="desc"></el-option>
+                      </el-select>
+                      <div class="filter-condition__delete">
+                        <i class="el-icon-close" @click="deleteSortItem(index)"></i>
+                      </div>
+                    </div>
+                    <el-popover ref="popover" trigger="click" :preventOverflowOrder="['left', 'right', 'top', 'bottom']" :tabindex="1">
+                      <el-button slot="reference" style="margin:10px 0" type="primary" plain size="small">+添加排序字段</el-button>
+                      <div class="update-add-field__popper">
+                        <div class="update-add-field__popper_item" v-for="item in formDataField" :key="item.attribute.id" @click="addSearchSortField(item)">{{item.attriLabel}}</div>
+                      </div>
+                    </el-popover>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">查询字段</label>
+                      <el-select class="attribute-input-type" clearable v-model="searchData.searchField" placeholder="请选择">
+                        <el-option v-for="field in formDataField" :key="field.attribute.id" :label="field.attriLabel" :value="field.attriName">
+                        </el-option>
+                      </el-select>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">查询方法</label>
+                      <el-select class="attribute-input-type" v-model="searchData.searchMethod" placeholder="请选择">
+                        <el-option v-for="field in searchMethods" :key="field.id" :label="field.attriLabel" :value="field.attriName">
+                        </el-option>
+                      </el-select>
+                    </div>
+                  </li>
+                  <div class="jiedina-header jiedina-content-header"><span>结果参数</span></div>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">结果参数</label>
+                      <el-select class="attribute-input-type" v-model="searchData.searchResultParams" placeholder="请选择">
+                        <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                        </el-option>
+                      </el-select>
+                      <!-- <el-button type="text">将查询结果赋值给某全局参数</el-button> -->
+                    </div>
+                  </li>
+                  <div class="dialog-operate-group">
+                    <el-button type="primary" @click="saveSearchData">保存</el-button>
+                  </div>
+                </ul>
+              </template>
+              <!-- 消息发送 -->
+              <template v-else-if="element.typeId==='7' || elementValues['camunda:formTypeId']==='7'">
+                <div class="jiedina-header"><i class="el-icon-s-comment"></i> 消息发送</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">消息模板</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:messageTemplate'], name: elementValues['camunda:messageTemplate#']}" @change="v=> {
+                          this.elementValues['camunda:messageTemplate']=v?v.id: null
+                          this.elementValues['camunda:messageTemplate#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:messageTemplate', attriLabel: '消息模板', dataType:'object', codeKey: 'FM_MESSAGE_TEMPLATE', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input attribute-input-top">
+                      <label class="attribute-input__label">提醒对象范围</label>
+                      <div>
+                        <div class="scope-item-line" v-for="(item,index) in updateScopeParams" :key="index"><span class="scope-text">{{item.text}}</span><span
+                            class="scope-link">{{item.linkLabel||item.link||''}}</span></div>
+                        <el-button type="text" @click="settingScope">设置</el-button>
+                      </div>
+                      <!-- <span style="margin-right:10px">{{updateScopeParamsText}}</span>
+                      <el-button type="text" @click="settingScope">设置</el-button> -->
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">接收账号</label>
+                      <div class="attribute-input-type">
+                        <el-select v-model="messageReceiver.TYPE" placeholder="请选择" @change="messageReceiver.VALUE=''">
+                          <el-option label="指定值" value="designated"></el-option>
+                          <el-option label="动态值" value="dynamic"></el-option>
+                          <el-option label="流程参数" value="params"></el-option>
+                        </el-select>
+                      </div>
+                      <template v-if="messageReceiver.TYPE==='designated'">
+                        <el-input v-model="messageReceiver.VALUE" placeholder="请输入内容"></el-input>
+                      </template>
+                      <template v-else-if="messageReceiver.TYPE==='dynamic'">
+                        <epx-rule v-model="messageReceiver.VALUE" :selfStyle="false" :fieldConfigs="{attriName: 'VALUE', attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}"
+                          :extendVariable="ruleVariable" :ruleMetaId="businessMetaId">
+                          <el-input :value="getChineseValue(messageReceiver.VALUE)" placeholder="请点击输入"></el-input>
+                        </epx-rule>
+                      </template>
+                      <template v-else-if="messageReceiver.TYPE==='params'">
+                        <el-select v-model="messageReceiver.VALUE" placeholder="请选择">
+                          <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                          </el-option>
+                        </el-select>
+                      </template>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">参数设置</label>
+                    </div>
+                    <div v-if="sendMessageData.messageParams.length>0">
+                      <div class="attribute-input attribute-input-update" v-for="(item, index) in sendMessageData.messageParams" :key="index">
+                        <label class="attribute-input__label">{{item['NAME']}}</label>
+                        <div class="attribute-input-type">
+                          <el-select v-model="item.TYPE" placeholder="请选择" @change="item.VALUE=''">
+                            <el-option label="指定值" value="designated"></el-option>
+                            <el-option label="字段值" value="form"></el-option>
+                            <el-option label="动态值" value="dynamic"></el-option>
+                            <el-option label="流程参数" value="params"></el-option>
+                          </el-select>
+                        </div>
+                        <template v-if="item.TYPE==='designated'">
+                          <el-input v-model="item.VALUE" placeholder="请输入内容"></el-input>
+                        </template>
+                        <template v-else-if="item.TYPE==='form'">
+                          <el-select v-model="item.VALUE" placeholder="请选择">
+                            <el-option v-for="item in businessMeta" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                            </el-option>
+                          </el-select>
+                        </template>
+                        <template v-else-if="item.TYPE==='dynamic'">
+                          <!-- <div> -->
+                          <!-- <el-input v-model="item.VALUE" placeholder="请输入内容"></el-input> -->
+                          <epx-rule v-model="item.VALUE" :selfStyle="false" :fieldConfigs="{attriName: 'VALUE', attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}"
+                            :extendVariable="ruleVariable" :ruleMetaId="businessMetaId">
+                            <el-input :value="getChineseValue(item.VALUE)" placeholder="请点击输入"></el-input>
+                          </epx-rule>
+                          <!-- </div> -->
+                        </template>
+                        <template v-else-if="item.TYPE==='params'">
+                          <el-select v-model="item.VALUE" placeholder="请选择">
+                            <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                            </el-option>
+                          </el-select>
+                        </template>
+                        <div class="send-message-operate">
+                          <i class="message-operate-item el-icon-edit-outline" @click="editMessageParams(item)"></i>
+                          <i class="el-icon-close message-operate-item delete" @click="deleteMessageParams(index)"></i>
+                        </div>
+                      </div>
+                    </div>
+                    <el-dialog title="添加参数" :visible.sync="showMessageParamModal" width="50%">
+                      <epx-table-form ref="messageParamForm" :column="2" v-model="messageParamData" :fieldsConfigs="[
+                              {attriName: 'ID', attriLabel: 'ID',dataType: 'text',  state:'HIDDEN'},
+                              {attriName: 'NAME', attriLabel: '参数名称',dataType: 'text',  state:'EDIT'},
+                              {attriName: 'VALUE', attriLabel: '参数值',dataType: 'text',  state:'EDIT'},
+                            ]">
+                      </epx-table-form>
+                      <div class="dialog-operate-group">
+                        <el-button type="primary" @click="saveMessageParam">保存</el-button>
+                        <el-button @click="showMessageParamModal=false">返回</el-button>
+                      </div>
+                    </el-dialog>
+                    <div class="update-add-field">
+                      <el-button slot="reference" style="margin:10px 0" type="primary" plain size="small" @click="showMessageParamModal=true; messageParamData = {}">+添加参数</el-button>
+                    </div>
+                  </li>
+                  <div class="dialog-operate-group">
+                    <el-button type="primary" @click="saveMessageData">保存</el-button>
+                  </div>
+                </ul>
+              </template>
+              <!-- 调用接口 -->
+              <template v-else-if="element.typeId==='8' || elementValues['camunda:formTypeId']==='8'">
+                <div class="jiedina-header"><i class="epx-icon-lc-tiaoyongjiekou"></i> 调用接口</div>
+                <ul class="attribute-list">
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">typeId</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <!-- <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">业务对象</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:formDataMeta'], name: elementValues['camunda:formDataMeta#']}" @change="v=> {
+                          this.elementValues['camunda:formDataMeta']=v?v.id: null
+                          this.elementValues['camunda:formDataMeta#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:formDataMeta', attriLabel: '数据对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li> -->
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">调用接口</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:messageTemplate'], name: elementValues['camunda:messageTemplate#']}" @change="v=> {
+                          this.elementValues['camunda:messageTemplate']=v?v.id: null
+                          this.elementValues['camunda:messageTemplate#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:messageTemplate', attriLabel: '消息模板', dataType:'object', codeKey: 'FM_API_IN', state: 'EDIT'}"></epx-table-form-item>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">输入参数</label>
+                    </div>
+                    <div v-if="sendMessageData.messageInParams.length>0">
+                      <div class="attribute-input attribute-input-update" v-for="(item, index) in sendMessageData.messageInParams" :key="index">
+                        <label class="attribute-input__label">{{item['PARAMS']}}</label>
+                        <!-- <label class="attribute-input__label">参数{{index+1}}</label> -->
+                        <div class="attribute-input-type">
+                          <el-select v-model="item.TYPE" placeholder="请选择">
+                            <el-option label="指定值" value="designated"></el-option>
+                            <el-option label="字段值" value="form"></el-option>
+                            <el-option label="流程参数" value="params"></el-option>
+                          </el-select>
+                        </div>
+                        <template v-if="item.TYPE==='designated'">
+                          <el-input v-model="item.VALUE" placeholder="请输入内容"></el-input>
+                        </template>
+                        <template v-else-if="item.TYPE==='form'">
+                          <el-select v-model="item.VALUE" placeholder="请选择">
+                            <el-option v-for="item in businessMeta" :key="item.attribute.id" :label="item.attriLabel" :value="item.attriName">
+                            </el-option>
+                          </el-select>
+                        </template>
+                        <template v-else-if="item.TYPE==='params'">
+                          <el-select v-model="item.VALUE" placeholder="请选择">
+                            <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                            </el-option>
+                          </el-select>
+                        </template>
+                        <div class="send-message-operate">
+                          <!-- <i class="message-operate-item el-icon-edit-outline" @click="editMessageParams(item)"></i> -->
+                          <i class="el-icon-close message-operate-item delete" @click="deleteApiParams('messageInParams',index)"></i>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- <el-dialog title="添加参数" :visible.sync="showMessageParamModal" width="50%">
+                      <epx-table-form ref="messageParamForm" :column="2" v-model="messageParamData" :fieldsConfigs="[
+                              {attriName: 'ID', attriLabel: 'ID',dataType: 'text',  state:'HIDDEN'},
+                              {attriName: 'PARAMS', attriLabel: '参数名称',dataType: 'text',  state:'EDIT'},
+                              {attriName: 'VALUE', attriLabel: '参数值',dataType: 'text',  state:'EDIT'},
+                            ]">
+                      </epx-table-form>
+                      <div class="dialog-operate-group">
+                        <el-button type="primary" @click="saveMessageParam">保存</el-button>
+                        <el-button @click="showMessageParamModal=false">返回</el-button>
+                      </div>
+                    </el-dialog>
+                    <div class="update-add-field">
+                      <el-button slot="reference" type="text" @click="showMessageParamModal=true; messageParamData = {}">+添加参数</el-button>
+                    </div> -->
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">输出参数</label>
+                    </div>
+                    <div v-if="sendMessageData.messageOutParams.length>0">
+                      <div class="attribute-input attribute-input-update" v-for="(item, index) in sendMessageData.messageOutParams" :key="index">
+                        <label class="attribute-input__label">{{item['PARAMS']}}</label>
+                        <!-- <label class="attribute-input__label">参数{{index+1}}</label> -->
+                        <div class="attribute-input-type">
+                          <el-select v-model="item.TYPE" placeholder="请选择">
+                            <el-option label="流程参数" value="params"></el-option>
+                          </el-select>
+                        </div>
+                        <el-select v-model="item.VALUE" placeholder="请选择">
+                          <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                          </el-option>
+                        </el-select>
+                        <div class="send-message-operate">
+                          <!-- <i class="message-operate-item el-icon-edit-outline" @click="editMessageParams(item)"></i> -->
+                          <i class="el-icon-close message-operate-item delete" @click="deleteApiParams('messageOutParams',index)"></i>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <div class="dialog-operate-group">
+                    <el-button type="primary" @click="saveMessageData">保存</el-button>
+                  </div>
+                </ul>
+              </template>
+              <template v-else-if="element.type.includes('Task') && !element.type.includes('manualTask')">
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">自定义编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:uuid', dataType:'text', attriLabel: '自定义编号', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">办理页面</label>
+                      <epx-table-form-item :value="{id: elementValues['camunda:assigneePage'], name: elementValues['camunda:assigneePage#']}" @change="v=> {
+                          elementValues['camunda:assigneePage']=v?v.id: null
+                          elementValues['camunda:assigneePage#']=v?v.name: null
+                        }" :fieldConfigs="{attriName: 'camunda:assigneePage', attriLabel: '办理页面', dataType:'object', codeKey: 'FM_PAGE_CONFIG', state: 'EDIT',flag: 'process_page_find'}">
+                      </epx-table-form-item>
+                      <!-- <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:assigneePage', dataType:'object', codeKey: 'FM_PAGE_CONFIG', attriLabel: '办理页面', state: 'EDIT'}"></epx-form-field> -->
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">业务状态</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:status', dataType:'list',codeKey: statusCodeKey,attriLabel: '业务状态', state: 'EDIT'}">
+                      </epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input attribute-input__auditor">
+                      <label class="attribute-input__label">审核人</label>
+                      <div class="attribute-input__container">
+                        <p class="auditor-item" v-for="(item, index) in auditor" :key="index">
+                          <span lass="auditor-item__name" v-if="item.type===1">{{item['role#']}}</span>
+                          <span lass="auditor-item__name" v-if="item.type===4">{{item['user#']}}</span>
+                          <span lass="auditor-item__name" v-if="item.type===5">动态用户</span>
+                          <span lass="auditor-item__name" v-if="item.type===3">申请人</span>
+                          <span lass="auditor-item__name" v-if="item.type===2">发起人</span>
+                          <span lass="auditor-item__name" v-if="item.type===6">指定上级</span>
+                          <span lass="auditor-item__name" v-if="item.type===7">连续多级上级</span>
+                          <span class="auditor-item__icon">
+                            <i class="el-icon-edit" @click="editAuditor(item, index)"></i>
+                            <el-popconfirm title="确认删除？" @confirm="deleteAuditor(index)">
+                              <i slot="reference" class="el-icon-close"></i>
+                            </el-popconfirm>
+                          </span>
+                        </p>
+                        <p>
+                          <el-button style="margin:10px 0" type="primary" plain size="small" @click="addCheckPerson"> + 添加审核人</el-button>
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">多人审批方式</label>
+                      <el-radio-group v-model="spStyle" @change="spStyleChange">
+                        <el-radio-button label="1">或签</el-radio-button>
+                        <el-radio-button label="2">会签</el-radio-button>
+                        <el-radio-button label="3">依次审批/顺签</el-radio-button>
+                      </el-radio-group>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">审批操作</label>
+                      <el-checkbox-group v-model="spOperate" @change="spOperateChange">
+                        <el-checkbox label="agree">同意</el-checkbox>
+                        <el-checkbox label="disagree">驳回</el-checkbox>
+                        <el-checkbox label="save">保存</el-checkbox>
+                        <el-checkbox label="return">退回</el-checkbox>
+                        <el-checkbox label="repeal">撤销</el-checkbox>
+                      </el-checkbox-group>
+                    </div>
+                  </li>
+
+                  <li class="attribute-item">
+                     <div class="attribute-input attribute-input__auditor">
+                      <label class="attribute-input__label">抄送人</label>
+                      <div class="attribute-input__container">
+                        <p class="auditor-item" v-for="(item, index) in notifier" :key="index">
+                          <span lass="auditor-item__name" v-if="item.type===1">{{item['role#']}}</span>
+                          <span lass="auditor-item__name" v-if="item.type===4">{{item['user#']}}</span>
+                          <span lass="auditor-item__name" v-if="item.type===5">动态用户</span>
+                          <span lass="auditor-item__name" v-if="item.type===3">申请人</span>
+                          <span lass="auditor-item__name" v-if="item.type===2">发起人</span>
+                          <span lass="auditor-item__name" v-if="item.type===6">指定上级</span>
+                          <span class="auditor-item__icon">
+                            <i class="el-icon-edit" @click="editNotify(item, index)"></i>
+                            <el-popconfirm title="确认删除？" @confirm="deleteNotifyUser(index)">
+                              <i slot="reference" class="el-icon-close"></i>
+                            </el-popconfirm>
+                          </span>
+                        </p>
+                        <p>
+                          <el-button style="margin:10px 0" type="primary" plain size="small" @click="addNotifyUser"> + 添加抄送人</el-button>
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">排序号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:orderNum', dataType:'text', attriLabel: '排序号', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                </ul>
+              </template>
+              <!--网关-->
+              <template v-else-if="element.typeId ==='11'|| element.typeId==='12' || elementValues['camunda:formTypeId']==='11' || elementValues['camunda:formTypeId']==='12'">
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">节点类型</label>
+                      <div v-html="getNodeTypeName(element.typeId,elementValues['camunda:formTypeId'])"></div>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'camunda:formTypeId', dataType:'text', value: element.typeId}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item" hidden>
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">类型</label>
+                      <epx-form-field v-if="element.typeId==='11' || elementValues['camunda:formTypeId']==='11'" :values.sync="elementValues"
+                        :field-config="{attriName: 'camunda:loopType', dataType:'text', value: 'start'}" @change="v=> {
+                           this.elementValues['camunda:formTypeId']='11'
+                           this.loopType='start'
+                        }"></epx-form-field>
+                      <epx-form-field v-if="element.typeId==='12' || elementValues['camunda:formTypeId']==='12'" :values.sync="elementValues"
+                        :field-config="{attriName: 'camunda:loopType', dataType:'text', value: 'end'}" @change="v=> {
+                           this.elementValues['camunda:formTypeId']='12'
+                           this.loopType='end'
+                        }"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item" v-if="element.typeId==='11' || elementValues['camunda:formTypeId']==='11' || loopType ==='start' ">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">循环对象</label>
+                      <el-select v-model="loopListParam" placeholder="请选择" @change="addLoopListParamChange">
+                        <el-option v-for="field in inParamData" :key="field.uid" :label="field.name" :value="field.id">
+                        </el-option>
+                      </el-select>
+                    </div>
+                  </li>
+                </ul>
+              </template>
+              <template v-else>
+                <ul class="attribute-list">
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">编号</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'id', dataType:'text'}"></epx-form-field>
+                    </div>
+                  </li>
+                  <li class="attribute-item">
+                    <div class="attribute-input">
+                      <label class="attribute-input__label">名称</label>
+                      <epx-form-field :values.sync="elementValues" :field-config="{attriName: 'name', dataType:'text', state: 'EDIT'}"></epx-form-field>
+                    </div>
+                  </li>
+                </ul>
+              </template>
+            </el-tab-pane>
+            <!-- 消息 -->
+            <el-tab-pane label="消息" class="tab-pane-content" name="message" v-if="element.type.includes('Task') && !element.type.includes('bpmn:ManualTask') ">
+              <!--列表  -->
+              <ul class="message-list">
+                <li class="message-item" v-for="(item, index) in messageData" :key="index">
+                  <div class="message-content">
+                    <p class="message-info">
+                      <label for="">提醒对象：</label>
+                      <span>{{item['person#']}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">提醒事件：</label>
+                      <span>{{item['remind_event#']}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">消息模板：</label>
+                      <span>{{item['template#']}}</span>
+                    </p>
+                  </div>
+                  <div class="message-operate">
+                    <i class="message-operate-item el-icon-edit-outline" @click="messageIndex= index; showMessageModal = true"></i>
+                    <el-popconfirm title="确认删除？" @confirm="deleteMessage(index)">
+                      <i slot="reference" class="message-operate-item el-icon-delete delete"></i>
+                    </el-popconfirm>
+                  </div>
+                </li>
+              </ul>
+              <el-dialog title="消息" :visible.sync="showMessageModal" width="50%">
+                <epx-table-form ref="messageForm" :column="2" v-model="messageData[messageIndex]" :fieldsConfigs="[
+                  {
+                    attriName: 'person', attriLabel: '提醒对象',dataType: 'list', codeKey: 'FM_PROCESS_MESSAGE_RECEIVER_TYPE', state:'EDIT'
+                  },
+                  {attriName: 'remind_event', attriLabel: '提醒事件', dataType: 'list', codeKey: 'PROCESS_LISTENER_TYPE', state:'EDIT'},
+                  {attriName: 'template', attriLabel: '消息模板', dataType: 'object', codeKey: 'FM_MESSAGE_TEMPLATE', flag: 'process_templete_find', state:'EDIT'}
+                ]">
+                </epx-table-form>
+                <div class="dialog-operate-group">
+                  <el-button type="primary" @click="saveMessage">保存</el-button>
+                  <el-button @click="showMessageModal=false">返回</el-button>
+                </div>
+              </el-dialog>
+              <div class="add-message-button">
+                <el-button type="text" @click="showMessageModal=true">+ 添加消息</el-button>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="触发器" class="tab-pane-content" name="listener"
+              v-if="element.type==='bpmn:StartEvent' || element.type==='bpmn:EndEvent' || (element.type.includes('Task') && !element.type.includes('bpmn:ManualTask'))">
+              <ul class="message-list">
+                <li class="message-item" v-for="(item, index) in listenerData" :key="index">
+                  <div class="message-content">
+                    <p class="message-info">
+                      <label for="">监听方式：</label>
+                      <span>{{item['type#']}}</span>
+                    </p>
+                      <p class="message-info">
+                      <label for="">触发器：</label>
+                      <span>{{item['listener#']}}</span>
+                    </p>
+                    <p class="message-info">
+                      <label for="">业务规则：</label>
+                      <span>{{item['rule#']}}</span>
+                    </p>
+                  </div>
+                  <div class="message-operate">
+                    <i class="message-operate-item el-icon-edit-outline" @click="listenerIndex= index;listenerItem={...item}; showListenerModal = true"></i>
+                    <el-popconfirm title="确认删除？" @confirm="deleteListener(index)">
+                      <i slot="reference" class="message-operate-item el-icon-delete delete"></i>
+                    </el-popconfirm>
+                  </div>
+                </li>
+              </ul>
+              <el-dialog title="触发器" :visible.sync="showListenerModal" width="50%">
+                <epx-table-form ref="listenerForm" :column="2" v-model="listenerItem" :fieldsConfigs="[
+                  {
+                    attriName: 'type', attriLabel: '监听方式',dataType: 'list', codeKey: 'PROCESS_LISTENER_TYPE', state:'EDIT'
+                  },
+                  {attriName: 'listener', attriLabel: '触发器', dataType: 'object', codeKey: 'FM_PROCESS_LISTENER', flag: 'process_listener_find', state:'EDIT'},
+                  {attriName: 'rule', attriLabel: '业务规则', dataType: 'object', codeKey: 'ACT_RE_MODEL', flag: 'v_find', state:'EDIT'}
+                ]">
+                </epx-table-form>
+                <div class="dialog-operate-group">
+                  <el-button type="primary" @click="saveListener">保存</el-button>
+                  <el-button @click="showListenerModal=false">返回</el-button>
+                </div>
+              </el-dialog>
+              <div class="add-message-button">
+                <el-button type="text" @click="listenerItem={};showListenerModal=true">+ 添加触发器</el-button>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="权限设置" class="tab-pane-content" name="right" v-if="element.type==='bpmn:StartEvent' || (element.type.includes('Task') && !element.type.includes('bpmn:ManualTask'))">
+              <table class="right-table__header el-table el-table--border el-table__header">
+                <thead>
+                  <tr>
+                    <th colspan="1" rowspan="1" class="is-leaf">
+                      <div class="cell">字段</div>
+                    </th>
+                    <th colspan="1" rowspan="1" class="is-leaf">
+                      <div class="cell">
+                        <el-checkbox :value="isAllFieldSelect('HIDDEN')" :label="true" @change="changeAllFieldState('HIDDEN')">隐藏</el-checkbox>
+                      </div>
+                    </th>
+                    <th class="is-leaf">
+                      <div class="cell">
+                        <el-checkbox :value="isAllFieldSelect('DETAIL')" :label="true" @change="changeAllFieldState('DETAIL')">只读</el-checkbox>
+                      </div>
+                    </th>
+                    <th colspan="1" rowspan="1" class="is-leaf">
+                      <div class="cell">
+                        <el-checkbox :value="isAllFieldSelect('EDIT')" :label="true" @change="changeAllFieldState('EDIT')">编辑</el-checkbox>
+                      </div>
+                    </th>
+                  </tr>
+                </thead>
+              </table>
+              <el-table :data="fieldConfigs" border style="width: 100%">
+                <el-table-column prop="attriLabel" label="字段">
+                </el-table-column>
+                <el-table-column prop="HIDDEN" label="隐藏">
+                  <template slot="header">
+                    <el-checkbox :value="isAllFieldSelect('HIDDEN')" :label="true" @change="changeAllFieldState('HIDDEN')">隐藏</el-checkbox>
+                  </template>
+                  <template slot-scope="scope">
+                    <el-checkbox :value="scope.row.state==='HIDDEN'" @change="changeFieldState(scope, 'HIDDEN')"></el-checkbox>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="DETAIL" label="只读">
+                  <el-checkbox :value="isAllFieldSelect('DETAIL')" :label="true" @change="changeAllFieldState('DETAIL')">只读</el-checkbox>
+                  <template slot-scope="scope">
+                    <el-checkbox :value="scope.row.state==='DETAIL'" @change="changeFieldState(scope, 'DETAIL')"></el-checkbox>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="EDIT" label="可编辑">
+                  <template slot="header">
+                    <el-checkbox :value="isAllFieldSelect('EDIT')" :label="true" @change="changeAllFieldState('EDIT')">可编辑</el-checkbox>
+                  </template>
+                  <template slot-scope="scope">
+                    <el-checkbox :value="scope.row.state==='EDIT'" @change="changeFieldState(scope, 'EDIT')"></el-checkbox>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+          </el-tabs>
+        </template>
+        <el-dialog title="审核人" :visible.sync="showAuditorModal" width="70%">
+          <div v-if="showAuditorModal">
+            <div class="auditor-modal__title">审核人</div>
+            <div class="auditor-modal__content auditor-modal__content--first ">
+              <div class="attribute-input">
+                <label class="attribute-input__label">审核人类型</label>
+                <el-radio-group v-model="auditorInfo.type">
+                  <el-radio :label="1">角色</el-radio>
+                  <el-radio :label="2">发起人</el-radio>
+                  <el-radio :label="3">申请人</el-radio>
+                  <el-radio :label="4">用户</el-radio>
+                  <el-radio :label="5">动态用户</el-radio>
+                  <el-radio :label="6">指定上级</el-radio>
+                  <el-radio :label="7">连续多级上级</el-radio>
+                </el-radio-group>
+              </div>
+
+              <div class="attribute-input" v-if="auditorInfo.type===1">
+                <label class="attribute-input__label">指定角色</label>
+                <epx-table-form-item :key="auditorInfo.type" :value="{id: auditorInfo.role, name: auditorInfo['role#']}" @change="v=> {
+                    this.$set(this.auditorInfo, 'role', v?v.id: null)
+                    this.$set(this.auditorInfo, 'role#', v?v.name: null)
+                  }" :fieldConfigs="{attriName: 'role', attriLabel: '角色', dataType:'object', codeKey: 'FM_ROLE', state: 'EDIT',flag: 'process_role_find'}"></epx-table-form-item>
+                <!-- <epx-form-field :values.sync="auditorInfo" :field-config="{attriName: 'role', attriLabel: '角色', dataType:'object', codeKey: 'FM_ROLE', state: 'EDIT'}"></epx-form-field> -->
+              </div>
+              <div class="attribute-input" v-else-if="auditorInfo.type===4">
+                <label class="attribute-input__label">用户</label>
+                <epx-table-form-item :key="auditorInfo.type" :value="{id: auditorInfo.user, name: auditorInfo['user#']}" @change="chooseUser"
+                  :fieldConfigs="{attriName: 'user', attriLabel: '用户', dataType:'multiobject', codeKey: 'FM_USER', state: 'EDIT', scopeParams: [{ field: 'CLIENT', values: this.CLIENT }]}"></epx-table-form-item>
+              </div>
+              <div class="attribute-input attribute-input-top" v-if="auditorInfo.type===5">
+                <label class="attribute-input__label">动态用户</label>
+                <div>
+                  <div class="scope-item-line" v-for="(item,index) in auditorInfo.dynamicUser||[]" :key="index"><span class="scope-text">{{item.text}}</span><span
+                      class="scope-link">{{item.linkLabel||item.link||''}}</span></div>
+                  <!-- <p :style="{color: '#666', marginRight: '6px'}">{{getScopeText(auditorInfo.dynamicUser)}}</p> -->
+                  <el-button style="margin:10px 0" type="primary" plain size="small" @click="dynamicUserScope = true">+ 添加筛选条件</el-button>
+                  <epx-scope-drawer v-model="auditorInfo.dynamicUser" v-if="auditorInfo.type===5" :visible.sync="dynamicUserScope" metaId="FM_USER" :fieldValueMetaId="processInfo.ENTITY" ref="filterDrawer"
+                    :modeType="['FIXED_VALUE','SYSTEM_VARIABLE', 'FIELD_VALUE']" />
+                </div>
+              </div>
+              <div class="attribute-input" v-if="auditorInfo.type===6">
+                <label class="attribute-input__label">指定上级</label>
+                <div class="auditor-modal__content">
+                  <el-radio style="display: block;" v-model="auditorInfo.upType" label="1">当前层级无上级时，由上一级上级审批</el-radio>
+                  <el-radio style="display: block;margin-top: 15px;" v-model="auditorInfo.upType" label="2">此审批节点为空时直接跳过，不视为异常</el-radio>
+                </div>
+              </div>
+              <div class="attribute-input" v-if="auditorInfo.type===7">
+                <label class="attribute-input__label">连续多级上级</label>
+                <div class="auditor-modal__content">
+                  <el-select v-model="auditorInfo.moreUpType">
+                    <el-option label="直接上级" value="0">
+                    </el-option>
+                    <el-option label="连续一级上级" value="1">
+                    </el-option>
+                    <el-option label="连续二级上级" value="2">
+                    </el-option>
+                    <el-option label="连续三级上级" value="3">
+                    </el-option>
+                  </el-select>
+                </div>
+              </div>
+            </div>
+            <template v-if="auditorInfo.type===1 || auditorInfo.type===5">
+              <div  class="auditor-modal__title">审核申请人范围</div>
+              <div class="auditor-modal__content">
+              <el-radio-group v-model="auditorInfo.applyerScope">
+                <!-- <el-radio label="all">全部</el-radio> -->
+                <el-radio label="main">主部门</el-radio>
+                <el-radio label="from">所在部门</el-radio>
+                <el-radio label="specify">指定部门</el-radio>
+                <el-radio label="charge">负责部门</el-radio>
+              </el-radio-group>
+               <epx-table-form-item v-if="auditorInfo.applyerScope==='specify'" :value="getAuditorApplyerDeptId(auditorInfo)"
+                    @change="chooseAuditorApplyerDeptId"
+                  :fieldConfigs="{attriName: 'deptId', attriLabel: '单位', dataType:'multiobject', codeKey: 'FM_DEPT', state: 'EDIT'}"></epx-table-form-item>
+              </div>
+              <div class="auditor-modal__title">审核范围</div>
+              <div class="auditor-modal__content">
+               <epx-table-form-item
+                  :value="auditorInfo.scope"
+                  @change="v=>auditorInfo.scope=v"
+                  :fieldConfigs="{attriName: 'scope', attriLabel: '审核范围', dataType:'scope', metaId: processInfo.ENTITY, state: 'EDIT' }"
+                ></epx-table-form-item>
+              </div>
+            </template>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="editAuditorIndex='';showAuditorModal = false">取 消</el-button>
+            <el-button type="primary" @click="saveAuditorModal">确 定</el-button>
+          </span>
+        </el-dialog>
+
+        <el-dialog title="抄送人" :visible.sync="showNotifyModal" width="70%">
+          <div v-if="showNotifyModal">
+              <div class="auditor-modal__title">抄送人</div>
+            <div class="auditor-modal__content auditor-modal__content--first ">
+              <div class="attribute-input">
+                <label class="attribute-input__label">抄送人类型</label>
+                <el-radio-group v-model="notifyInfo.type">
+                  <el-radio :label="1">角色</el-radio>
+                  <el-radio :label="2">发起人</el-radio>
+                  <el-radio :label="3">申请人</el-radio>
+                  <el-radio :label="4">用户</el-radio>
+                  <el-radio :label="5">动态用户</el-radio>
+                  <el-radio :label="6">指定上级</el-radio>
+                </el-radio-group>
+              </div>
+
+              <div class="attribute-input" v-if="notifyInfo.type===1">
+                <label class="attribute-input__label">指定角色</label>
+                <epx-table-form-item :key="auditorInfo.type" :value="{id: notifyInfo.role, name: notifyInfo['role#']}" @change="v=> {
+                    this.$set(this.notifyInfo, 'role', v?v.id: null)
+                    this.$set(this.notifyInfo, 'role#', v?v.name: null)
+                  }" :fieldConfigs="{attriName: 'role', attriLabel: '角色', dataType:'object', codeKey: 'FM_ROLE', state: 'EDIT',flag: 'process_role_find'}"></epx-table-form-item>
+              </div>
+              <div class="attribute-input" v-else-if="notifyInfo.type===4">
+                <label class="attribute-input__label">用户</label>
+                <epx-table-form-item :key="notifyInfo.type" :value="{id: notifyInfo.user, name: notifyInfo['user#']}" @change="chooseNotifyUser"
+                  :fieldConfigs="{attriName: 'user', attriLabel: '用户', dataType:'multiobject', codeKey: 'FM_USER', state: 'EDIT', scopeParams: [{ field: 'CLIENT', values: this.CLIENT }]}"></epx-table-form-item>
+              </div>
+              <div class="attribute-input attribute-input-top" v-if="notifyInfo.type===5">
+                <label class="attribute-input__label">动态用户</label>
+                <div>
+                  <div class="scope-item-line" v-for="(item,index) in notifyInfo.dynamicUser||[]" :key="index"><span class="scope-text">{{item.text}}</span><span
+                      class="scope-link">{{item.linkLabel||item.link||''}}</span></div>
+                  <el-button style="margin:10px 0" type="primary" plain size="small" @click="notifyDynamicUserScope = true">+ 添加筛选条件</el-button>
+                  <epx-scope-drawer v-model="notifyInfo.dynamicUser" v-if="notifyInfo.type===5" :visible.sync="notifyDynamicUserScope" metaId="FM_USER" :fieldValueMetaId="processInfo.ENTITY" ref="filterDrawer"
+                    :modeType="['FIXED_VALUE','SYSTEM_VARIABLE', 'FIELD_VALUE']" />
+                </div>
+              </div>
+              <div class="attribute-input" v-if="notifyInfo.type===6">
+                <label class="attribute-input__label">指定上级</label>
+              </div>
+            </div>
+            <template v-if="notifyInfo.type===1 || notifyInfo.type===5">
+              <div  class="auditor-modal__title">审核申请人范围</div>
+              <div class="auditor-modal__content">
+              <el-radio-group v-model="notifyInfo.applyerScope">
+                <el-radio label="main">主部门</el-radio>
+                <el-radio label="from">所在部门</el-radio>
+                <el-radio label="specify">指定部门</el-radio>
+                <el-radio label="charge">负责部门</el-radio>
+              </el-radio-group>
+               <epx-table-form-item v-if="notifyInfo.applyerScope==='specify'" :value="getAuditorApplyerDeptId(notifyInfo)"
+                    @change="chooseNotifyApplyerDeptId"
+                  :fieldConfigs="{attriName: 'deptId', attriLabel: '单位', dataType:'multiobject', codeKey: 'FM_DEPT', state: 'EDIT'}"></epx-table-form-item>
+              </div>
+              <div class="auditor-modal__title">审核范围</div>
+              <div class="auditor-modal__content">
+               <epx-table-form-item
+                  :value="notifyInfo.scope"
+                  @change="v=>notifyInfo.scope=v"
+                  :fieldConfigs="{attriName: 'scope', attriLabel: '审核范围', dataType:'scope', metaId: processInfo.ENTITY, state: 'EDIT' }"
+                ></epx-table-form-item>
+              </div>
+            </template>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="editNotifyIndex='';showNotifyModal = false">取 消</el-button>
+            <el-button type="primary" @click="saveNotifyModal">确 定</el-button>
+          </span>
+        </el-dialog>
+      </div>
+    </div>
+    <epx-scope-drawer v-if="['2', '3', '6','7'].includes(this.elementValues['camunda:formTypeId'])" :visible.sync="showScopeDialog" :metaId="scopeMetaId" :fieldValueMetaId="businessMetaId" ref="filterDrawer"
+      :liuchengParams="addRecordParamData" onlyShowMainEntityFieldFlag :modeType="['FIXED_VALUE','SYSTEM_VARIABLE', 'FIELD_VALUE', 'LIUCHENG_PARAMS']" :fieldTree="treeFieldStore" v-model="updateScopeParams"
+      :params="updateScopeParams" @change-params="changeScopeValue" />
+    <!-- <epx-scope-drawer v-if="['2', '3', '6','7'].includes(this.elementValues['camunda:formTypeId'])" :visible.sync="showScopeDialog" :metaId="scopeMetaId" ref="filterDrawer"
+      :defineDynamicParams="defineDynamicParams" :modeType="['FIXED_VALUE', 'FIELD_VALUE', 'DEFINED_DYNAMIC']" :fieldValueTreeStore="treeFieldStore" :params="updateScopeParams"
+      @change-params="changeScopeValue" /> -->
+    <el-drawer title="选择字段" size="50%" :visible.sync="chooseFieldFlag" direction="rtl" :before-close="()=>{chooseFieldFlag=false}">
+      <div>
+        <el-checkbox-group v-model="chooseFields" class="tree-field-checkbox-group">
+          <div v-for="(item, index) in chooseFieldstreeField" :key="item.code" style="lineHeight:40px">
+            <div class="tree-field-header">
+              <!-- <span class="tree-field-title" @click="swicthFieldStoreFold(index)">
+                  <i v-show="item.isUnFold" class="el-icon-minus"></i>
+                  <i v-show="!item.isUnFold" class="el-icon-plus"></i>
+                </span> -->
+              <span class="tree-field-title">
+                <i class="el-icon-folder-opened"></i>
+              </span>
+              <span v-html="item.text" class="tree-field-title"></span>
+            </div>
+            <div class="tree-field-checkbox">
+              <el-checkbox :label="item.code" @change="val => selectAllField(val, index)">全选</el-checkbox>
+              <el-checkbox v-for="option in item.children" :label="option.code" :key="option.code">{{option.text}}</el-checkbox>
+            </div>
+          </div>
+        </el-checkbox-group>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="chooseFieldFlag = false">取 消</el-button>
+          <el-button type="primary" @click="chooseFieldHandleClose">确 定</el-button>
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-properties-view',
+  props: {
+    modeler: {
+      type: Object,
+      default: () => ({})
+    },
+    processInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    businessMeta: {
+      type: Array,
+      default: () => ([])
+    },
+    treeFieldStore: {
+      type: Array,
+      default: () => ([])
+    },
+    businessMetaId: String,
+    statusCodeKey: String
+  },
+  data () {
+    return {
+      selectedElements: [],
+      activeDropDown: '',
+      editListenerId: '',
+      editMessageId: '',
+      auditorInfo: {
+        type: 3,
+        role: '',
+        'role#': '',
+        user: '',
+        'user#': '',
+        upType: '1'
+      },
+      notifyInfo: {
+        type: 1,
+        role: '',
+        'role#': '',
+        user: '',
+        'user#': '',
+        dynamicUser: []
+      },
+      element: null,
+      activeName: 'attribute',
+      showAuditorModal: false,
+      elementValues: {},
+      searchParams: [],
+      fields: {},
+      initCondition: [],
+      editAuditorIndex: '',
+      editNotifyIndex: '',
+      showMessageModal: false,
+      messageIndex: -1,
+      listenerIndex: -1,
+      listenerItem: {},
+      showListenerModal: false,
+      formDataSources: '',
+      formDataMetaData: {
+        attributes: [],
+        type: {},
+        data: {},
+        value: {},
+        resultParams: ''
+      },
+      sendMessageData: {
+        sendPersonScope: [],
+        messageParams: [],
+        messageInParams: [],
+        messageOutParams: []
+      },
+      messageReceiver: {
+        TYPE: 'designated',
+        VALUE: ''
+      },
+      searchMethods: [],
+      searchResult: '',
+      searchData: {
+        searchCondition: [],
+        sortCondition: [],
+        relationList: [],
+        searchField: '',
+        searchMethod: '',
+        searchResultParams: ''
+      },
+      showInParamModal: false,
+      inParamData: [],
+      addRecordParamData: [],
+      inParamItemUid: '',
+      formDataField: [],
+      showScopeDialog: false,
+      updateScopeParams: [],
+      // updateScopeParamsText: '',
+      defineDynamicParams: [],
+      scopeMetaId: '',
+      messageParamData: {},
+      showMessageParamModal: false,
+      ruleVariable: [],
+      ruleVarJiaGong: [],
+      verifyIndex: -1,
+      verifyItem: {},
+      showVerifyModal: false,
+      chooseFieldstreeField: [],
+      chooseFieldFlag: false,
+      chooseFields: [],
+      saveFields: [],
+      fieldsText: '',
+      getInParamData: {},
+      relationList: [],
+      loopListParam: '',
+      loopType: '',
+      loopMeta: [],
+      spStyle: '',
+      spOperate: [],
+      dynamicUserScope: false,
+      showNotifyModal: false,
+      notifyDynamicUserScope: false
+    }
+  },
+  mounted () {
+
+  },
+  computed: {
+    isAllFieldSelect () {
+      return state => {
+        return this.fieldConfigs.every(item => item.state === state)
+      }
+    },
+    getScopeText () {
+      return (scope = []) => {
+        return scope.map(item => item.text).join('')
+      }
+    },
+    selectedElement () {
+      return this.selectedElements[0]
+    },
+    selectedElementName () {
+      const { type } = this.element || {}
+      return type === 'bpmn:Process' ? '流程' : type === 'bpmn:UserTask' ? '任务节点' : type === 'bpmn:StartEvent' ? '开始节点'
+        : type === 'bpmn:EndEvent' ? '结束节点' : type === 'bpmn:ExclusiveGateway' ? '网关' : ''
+    },
+    isEvent () {
+      const { element } = this
+      return this.verifyIsEvent(element.type)
+    },
+    isTask () {
+      const { element } = this
+      return this.verifyIsTask(element.type)
+    },
+    process: {
+      get () {
+        return this.processInfo
+      },
+      set (v) {
+        this.$emit('update:processInfo', v)
+      }
+    },
+    auditor: {
+      get () {
+        if (this.element) {
+          const { 'camunda:auditor': auditor = '[]' } = this.elementValues
+          return JSON.parse(auditor)
+        } else {
+          return []
+        }
+      },
+      set (v) {
+        this.updateProperties({ 'camunda:auditor': JSON.stringify(v) })
+      }
+    },
+    notifier: {
+      get () {
+        if (this.element) {
+          const { 'camunda:notifier': notifier, 'camunda:notifyInfo': notifyInfo = '{}' } = this.elementValues
+          if (notifier) {
+            return JSON.parse(notifier)
+          } else {
+            const newNotifier = []
+            const jsonNotifyInfo = JSON.parse(notifyInfo)
+            for (const key in jsonNotifyInfo) {
+              if (key === 'role') {
+                if (jsonNotifyInfo[key] && jsonNotifyInfo[key].includes(',')) {
+                  jsonNotifyInfo[key].split(',').forEach((item, index) => {
+                    newNotifier.push({ type: 1, role: item, 'role#': (jsonNotifyInfo[key + '#'] || '').split('、')[index] })
+                  })
+                }
+              } else if (key === 'startUser') {
+                if (jsonNotifyInfo[key]) newNotifier.push({ type: 2, startUser: jsonNotifyInfo[key] })
+              } else if (key === 'applyUser') {
+                if (jsonNotifyInfo[key]) newNotifier.push({ type: 3, applyUser: jsonNotifyInfo[key] })
+              } else if (key === 'user') {
+                newNotifier.push({ type: 4, user: jsonNotifyInfo[key], 'user#': jsonNotifyInfo[key + '#'] })
+              } else if (key === 'dynamicUser') {
+                newNotifier.push({ type: 5, dynamicUser: jsonNotifyInfo[key] })
+              } else if (key === 'leader') {
+                if (jsonNotifyInfo[key]) newNotifier.push({ type: 6 })
+              }
+            }
+            return newNotifier
+          }
+        } else {
+          return []
+        }
+      },
+      set (v) {
+        this.updateProperties({ 'camunda:auditor': JSON.stringify(v) })
+      }
+    },
+    listenerData () {
+      if (this.elementValues) {
+        const { 'camunda:listener': listener = '[]' } = this.elementValues
+        return JSON.parse(listener)
+      } else {
+        return []
+      }
+    },
+    fieldConfigs: {
+      get () {
+        if (this.elementValues) {
+          const { type } = this.element
+          const { 'camunda:fieldConfigs': fieldConfigsStr = '{}' } = this.elementValues
+          const fieldConfigs = JSON.parse(fieldConfigsStr)
+          return this.allFieldConfigs.map(item => {
+            const fieldConfig = fieldConfigs[item.attriName] || {}
+            return { ...item, state: type === 'bpmn:StartEvent' ? 'EDIT' : 'DETAIL', ...fieldConfig }
+          })
+        } else {
+          return [...this.allFieldConfigs]
+        }
+      },
+      set (v) {
+        const fieldConfigs = {}
+        v.forEach(({ ...item }) => {
+          const attriName = item.attriName
+          delete item.attriName
+          fieldConfigs[attriName] = { ...item }
+        })
+        this.$set(this.elementValues, 'camunda:fieldConfigs', JSON.stringify(fieldConfigs))
+      }
+    },
+    verifyData () {
+      if (this.elementValues) {
+        const { 'camunda:verify': verify = '[]' } = this.elementValues
+        return JSON.parse(verify)
+      } else {
+        return []
+      }
+    },
+    messageData () {
+      if (this.elementValues) {
+        const { 'camunda:message': message = '[]' } = this.elementValues
+        const formatMessage = JSON.parse(message)
+        return formatMessage
+      } else {
+        return []
+      }
+    },
+    // getInParamData: {
+    //   get () {
+    //     for (const key in this.inParamData) {
+    //       if (this.inParamData[key].uid === this.inParamItemUid) {
+    //         return this.inParamData[key]
+    //       }
+    //     }
+    //     return {}
+    //   },
+    //   set (v) {
+    //   }
+    // },
+    getChineseValue () {
+      return (value) => {
+        let string = ''
+        if (value) {
+          string = JSON.parse(value).elText
+        }
+        return string
+      }
+    },
+    getAuditorApplyerDeptId () {
+      return auditorInfo => {
+        const { applyerDeptId = '', 'applyerDeptId#': applyerDeptNameStr } = auditorInfo
+        if (applyerDeptId) {
+          const names = applyerDeptNameStr.split('、')
+          const depts = applyerDeptId.split(',').map((item, index) => ({ id: item, name: names[index] }))
+          return depts
+        }
+        return []
+      }
+    }
+  },
+  watch: {
+    'processInfo.ENTITY': {
+      handler (v) {
+        if (v) {
+          this.setEntityData(v)
+        }
+      },
+      immediate: true
+    },
+    'element.businessObject': {
+      handler (v) {
+        if (v) {
+          const { $attrs = {}, name, id } = v
+          this.elementValues = {
+            name: name,
+            id: id,
+            'camunda:orderNum': $attrs['camunda:orderNum'],
+            'camunda:uuid': $attrs['camunda:uuid'],
+            'camunda:assigneePage': $attrs['camunda:assigneePage'],
+            'camunda:assigneePage#': $attrs['camunda:assigneePage-name'],
+            'camunda:condition': $attrs['camunda:condition'],
+            'camunda:conditionRule': $attrs['camunda:conditionRule'] || '',
+            'camunda:auditor': $attrs['camunda:auditor'],
+            'camunda:notifier': $attrs['camunda:notifier'],
+            'camunda:status': $attrs['camunda:status'],
+            'camunda:status#': $attrs['camunda:status-name'],
+            'camunda:spStyle': $attrs['camunda:spStyle'],
+            'camunda:spOperate': $attrs['camunda:spOperate'],
+            'camunda:listener': $attrs['camunda:listener'],
+            'camunda:fieldConfigs': $attrs['camunda:fieldConfigs'],
+            'camunda:verify': $attrs['camunda:verify'],
+            'camunda:message': $attrs['camunda:message'],
+            'camunda:formTypeId': $attrs['camunda:formTypeId'],
+            'camunda:formDataSources': $attrs['camunda:formDataSources'],
+            'camunda:formDataMeta': $attrs['camunda:formDataMeta'],
+            'camunda:formDataMeta#': $attrs['camunda:formDataMeta-name'],
+            'camunda:formDataMetaData': $attrs['camunda:formDataMetaData'],
+            'camunda:messageTemplate': $attrs['camunda:messageTemplate'],
+            'camunda:messageTemplate#': $attrs['camunda:messageTemplate-name'],
+            'camunda:sendMessageData': $attrs['camunda:sendMessageData'],
+            'camunda:inParam': $attrs['camunda:inParam'],
+            'camunda:searchResult': $attrs['camunda:searchResult'],
+            'camunda:searchData': $attrs['camunda:searchData'],
+            'camunda:loopListParam': $attrs['camunda:loopListParam'],
+            'camunda:loopType': $attrs['camunda:loopType'],
+            'camunda:notifyInfo': $attrs['camunda:notifyInfo'],
+            'camunda:disagreeStatus': $attrs['camunda:disagreeStatus'],
+            'camunda:repealStatus': $attrs['camunda:repealStatus'],
+            'camunda:applyViewPage': $attrs['camunda:applyViewPage'],
+            'camunda:repealStatus#': $attrs['camunda:applyViewPage#'],
+            'camunda:applyViewPage-name': $attrs['camunda:applyViewPage-name']
+          }
+        }
+      },
+      deep: true
+    },
+    elementValues: {
+      handler (v) {
+        const params = {}
+        for (const key in v) {
+          if (!(key === 'name#' || key === 'id#')) {
+            params[key.replace('#', '-name')] = v[key]
+          }
+          if (this.element.type === 'bpmn:SequenceFlow' && key === 'camunda:conditionRule' && v[key]) {
+            const obj = JSON.parse(v[key])
+            params['camunda:condition'] = obj.el
+          }
+        }
+        this.updateProperties(params)
+      },
+      deep: true
+    }
+  },
+  created () {
+    this.init()
+  },
+  methods: {
+    async setEntityData (v) {
+      let meta = this.getMeta(v)
+      await this.$store.dispatch({
+        type: 'ADD_META',
+        metaId: v
+      }).then(data => {
+        meta = data
+      })
+      const entityData = meta.getAllFieldConfigs().map(item => ({ attriName: item.attriName, attriLabel: item.attriLabel, state: 'DETAIL' }))
+      this.allFieldConfigs = entityData
+    },
+    changeFieldState (scope, state) {
+      const index = scope.$index
+      const fieldConfigs = [...this.fieldConfigs]
+      const data = fieldConfigs[index]
+      if (data.state !== state) {
+        data.state = state
+      } else {
+        data.state = ''
+      }
+      fieldConfigs.splice(index, 1, data)
+      this.fieldConfigs = fieldConfigs
+    },
+    changeAllFieldState (state) {
+      const flag = this.fieldConfigs.every(item => item.state === state)
+      if (flag) {
+        const fieldConfigs = this.fieldConfigs.map(item => ({ ...item, state: '' }))
+        this.fieldConfigs = [...fieldConfigs]
+      } else {
+        const fieldConfigs = this.fieldConfigs.map(item => ({ ...item, state }))
+        this.fieldConfigs = [...fieldConfigs]
+      }
+    },
+    chooseUser (v) {
+      const ids = v.reduce((ids, item) => (ids ? (ids + ',') : '') + item.id, '')
+      const names = v.reduce((names, item) => (names ? (names + '、') : '') + item.name, '')
+      this.$set(this.auditorInfo, 'user', v ? ids : null)
+      this.$set(this.auditorInfo, 'user#', v ? names : null)
+    },
+    chooseNotifyUser (v) {
+      const ids = v.reduce((ids, item) => (ids ? (ids + ',') : '') + item.id, '')
+      const names = v.reduce((names, item) => (names ? (names + '、') : '') + item.name, '')
+      this.$set(this.notifyInfo, 'user', v ? ids : null)
+      this.$set(this.notifyInfo, 'user#', v ? names : null)
+    },
+    chooseNotifyRole (v) {
+      let ids = null
+      let names = null
+      if (v) {
+        ids = v.reduce((ids, item) => (ids ? (ids + ',') : '') + item.id, '')
+        names = v.reduce((names, item) => (names ? (names + '、') : '') + item.name, '')
+      }
+
+      this.$set(this.notifyInfo, 'role', ids)
+      this.$set(this.notifyInfo, 'role#', names)
+      this.$set(this.elementValues, 'camunda:notifyInfo', JSON.stringify(this.notifyInfo))
+    },
+    editInParamData (item) {
+      this.saveFields = []
+      this.fieldsText = ''
+      this.chooseFields = []
+      if (item.entityFields && item.entityFields.length > 0) {
+        this.fieldsText = item.entityFields.map(item => item.attriLabel).join(',')
+        this.chooseFields = item.entityFields.map(item => item.attriName.includes('|') ? item.attriName.replace('|', '.') : item.attriName)
+        this.saveFields = item.entityFields
+      }
+      this.getInParamData = { ...item }
+      this.inParamItemUid = item.uid
+      this.showInParamModal = true
+    },
+    chooseFieldsHandler () {
+      this.chooseFieldFlag = true
+      if (this.getInParamData.metaId) {
+        this.$http.entityFieldTreeStore({
+          metaId: this.getInParamData.metaId,
+          allSub: true,
+          node: 'root'
+        })
+          .then(data => {
+            // eslint-disable-next-line no-eval
+            const treeField = eval('(' + data + ')')
+            this.chooseFieldstreeField = treeField
+          })
+      }
+    },
+    chooseFieldHandleClose () {
+      // 将已选择的字段修改到configs
+      // 对比fieldList
+      const fieldList = []
+      const allCheckCodes = this.chooseFieldstreeField.map(item => item.code)
+      this.chooseFields.forEach(item => {
+        if (allCheckCodes.includes(item)) return
+        const obj = {}
+        const field = item.replace('.', '|')
+        obj.attriName = field
+        for (let i = 0; i < this.chooseFieldstreeField.length; i++) {
+          const parent = this.chooseFieldstreeField[i]
+          for (let j = 0; j < parent.children.length; j++) {
+            const fieldItem = parent.children[j]
+            if (fieldItem.code.replace('.', '|') === field) {
+              obj.attriLabel = fieldItem.text
+            }
+          }
+        }
+        fieldList.push(obj)
+      })
+      this.fieldsText = fieldList.map(item => item.attriLabel).join(',')
+      this.saveFields = fieldList
+      this.chooseFieldFlag = false
+    },
+    swicthFieldStoreFold (index) {
+      const item = this.chooseFieldstreeField[index]
+      this.$set(this.chooseFieldstreeField, index, { ...item, isUnFold: !item.isUnFold })
+    },
+    selectAllField (value, index) {
+      const fieldList = this.chooseFieldstreeField[index].children || []
+      if (value) {
+        // 添加字段
+        const fieldCodeList = fieldList.map(item => item.code)
+        this.chooseFields = [...new Set([...this.chooseFields, ...fieldCodeList])]
+      } else {
+        // 删除当前列所有字段
+        fieldList.forEach(item => {
+          const selectIndex = this.chooseFields.findIndex(selectItem => selectItem === item.code)
+          if (selectIndex !== -1) {
+            this.$delete(this.chooseFields, selectIndex)
+          }
+        })
+      }
+    },
+    ruleChange (v, item, index) {
+      const verifyItem = { ...item }
+      const verifyData = [...this.verifyData]
+      verifyItem.rule = v
+      verifyData.splice(index, 1, verifyItem)
+      this.$set(this.elementValues, 'camunda:verify', JSON.stringify(verifyData))
+    },
+    changeScopeValue (v) {
+      // this.updateScopeParamsText = v.reduce((total, cur) => {
+      //   return total + cur.text
+      // }, '')
+      // this.formDataMetaData
+      if (this.elementValues['camunda:formTypeId'] === '7' && this.elementValues['camunda:messageTemplate']) {
+        this.$set(this.sendMessageData, 'sendPersonScope', v)
+        // this.$set(this.elementValues, 'camunda:sendMessageData', JSON.stringify(this.sendMessageData))
+      } else if (this.elementValues['camunda:formTypeId'] === '6') {
+        this.$set(this.searchData, 'searchCondition', v)
+        this.$set(this.elementValues, 'camunda:searchData', JSON.stringify(this.searchData))
+      } else {
+        this.$set(this.formDataMetaData, 'updateScopeParams', v)
+      }
+    },
+    dataSearchMetaChange (v) {
+      this.elementValues['camunda:formDataSources'] = v
+      this.searchData = {
+        searchCondition: [],
+        sortCondition: [],
+        relationList: [],
+        searchField: '',
+        searchMethod: '',
+        searchResultParams: ''
+      }
+      this.$set(this.elementValues, 'camunda:searchData', JSON.stringify(this.searchData))
+      this.getSearchData()
+    },
+    editMessageParams (item) {
+      this.messageParamData = { ...item }
+      this.showMessageParamModal = true
+    },
+    saveMessageParam () {
+      const messageParams = {}
+      const form = this.$refs.messageParamForm
+      // if (this.elementValues['camunda:formTypeId'] === '7') {
+      //   form = this.$refs.messageParamForm
+      // } else if (this.elementValues['camunda:formTypeId'] === '8' || this.elementValues['camunda:formTypeId'] === '4') {
+      //   form = this.$refs.APIParamForm
+      // }
+      for (const field in form.model.data) {
+        messageParams[field] = form.model.data[field]
+      }
+      if (this.$_.isEmpty(messageParams.VALUE)) {
+        messageParams.VALUE = ''
+      }
+      if (this.$_.isEmpty(messageParams.VALUEC)) {
+        messageParams.VALUEC = ''
+      }
+      if (this.$_.isEmpty(messageParams.ID)) {
+        messageParams.ID = this.getRandom()
+        this.sendMessageData.messageParams.push({ ...messageParams, TYPE: 'designated' })
+      } else {
+        for (const key in this.sendMessageData.messageParams) {
+          if (this.sendMessageData.messageParams[key].ID === messageParams.ID) {
+            this.sendMessageData.messageParams.splice(key, 1, { ...this.messageParamData, ...messageParams })
+          }
+        }
+      }
+      this.showMessageParamModal = false
+    },
+    deleteApiParams (type, index) {
+      this.sendMessageData[type].splice(index, 1)
+    },
+    deleteMessageParams (index) {
+      this.sendMessageData.messageParams.splice(index, 1)
+    },
+    deleteScopeItem (index) {
+      const attributes = this.formDataMetaData.attributes.splice(index, 1)[0]
+      delete this.formDataMetaData.type[attributes.name]
+    },
+    deleteShuJuJiaGong (index) {
+      this.formDataMetaData.globalParams.splice(index, 1)
+    },
+    deleteSortItem (index) {
+      this.searchData.sortCondition.splice(index, 1)
+    },
+    deleteRelationItem (index) {
+      this.searchData.relationList.splice(index, 1)
+    },
+    addShuJuJiaGong (item) {
+      const index = this.formDataMetaData.globalParams.findIndex(element => {
+        return element.uid === item.uid
+      })
+      if (index < 0) {
+        const data = { type: 'designated', value: '', valueC: '', id: item.id, name: item.name, uid: item.uid }
+        this.formDataMetaData.globalParams.push(data)
+      } else {
+        this.$message.error('已有该数据')
+      }
+    },
+    addUpdateField (item) {
+      const data = { id: item.attribute.id, label: item.attriLabel, name: item.attriName, dataType: item.dataType, entityId: item.attribute.entityId, codeKey: item.attribute.codeKey }
+      this.formDataMetaData.attributes.push(data)
+      this.$set(this.formDataMetaData.type, [data.name], 'designated')
+      this.$set(this.formDataMetaData.value, [data.name], '')
+      this.$set(this.formDataMetaData.data, [data.name], '')
+      // this.formDataMetaData.data[data.name] = ''
+    },
+    addRelationList (item) {
+      const data = { ID: item.ID, TITLE: item.TITLE }
+      let flag = true
+      const index = this.searchData.relationList.findIndex(relation => {
+        return relation.ID === item.ID
+      })
+      if (index >= 0) {
+        flag = false
+      }
+      if (flag) {
+        this.searchData.relationList.push(data)
+      } else {
+        this.$message.error('已添加该关联对象')
+      }
+    },
+    addSearchSortField (item) {
+      const data = { attriName: item.attriName, sort: 'asc' }
+      this.searchData.sortCondition.push(data)
+    },
+    init () {
+      const { modeler } = this
+      modeler.on('root.added', e => {
+        const { element } = e
+        this.element = element
+      })
+      modeler.on('element.click', e => {
+        const { element } = e
+        this.element = null
+        this.$nextTick(() => {
+          this.element = element
+        })
+      })
+
+      modeler.on('selection.changed', e => {
+        this.selectedElements = e.newSelection
+        this.element = e.newSelection[0]
+        this.setDefaultProperties()
+      })
+      modeler.on('element.changed', e => {
+        const { element } = e
+        if (element.type === 'bpmn:Process') {
+          this.globalElement = element
+        }
+        const { element: currentElement } = this
+        if (!currentElement) {
+          return
+        }
+        // update panel, if currently selected element changed
+        if (element.id === currentElement.id) {
+          this.element = element
+        }
+        if (this.element.type !== 'bpmn:Process' && this.element.type !== 'bpmn:UserTask' && this.element.type !== 'bpmn:StartEvent') {
+          this.activeName = 'attribute'
+        }
+        // if (this.element.type === 'bpmn:Process' && this.activeName !== 'attribute' && this.activeName !== 'inparam') {
+        //   this.activeName = 'attribute'
+        // }
+        if (this.element.type === 'bpmn:UserTask' && this.activeName === 'inparam' && this.activeName === 'verify') {
+          this.activeName = 'attribute'
+        }
+        // if (this.elementValues['camunda:formTypeId'] === '2' || this.elementValues['camunda:formTypeId'] === '3' || this.elementValues['camunda:formTypeId'] === '6') {
+        if (['2', '3'].includes(this.elementValues['camunda:formTypeId'])) {
+          this.scopeMetaId = this.elementValues['camunda:formDataMeta']
+        } else if (this.elementValues['camunda:formTypeId'] === '6') {
+          if (this.elementValues['camunda:formDataSources'] === '3') {
+            this.scopeMetaId = this.elementValues['camunda:formDataMeta']
+          } else {
+            this.scopeMetaId = this.businessMetaId
+          }
+        } else if (this.elementValues['camunda:formTypeId'] === '7') {
+          // this.scopeMetaId = this.businessMetaId
+          this.scopeMetaId = 'FM_USER'
+        }
+        this.updateScopeParams = []
+        // this.updateScopeParamsText = ''
+        this.initElementExtendProperties()
+      })
+    },
+    setDefaultProperties () {
+      const { element } = this
+      if (element) {
+        const { type, businessObject } = element
+        const { name } = businessObject
+        if (this.verifyIsEvent(type)) {
+          this.eventType = businessObject.eventDefinitions ? businessObject.eventDefinitions[0].$type : ''
+        } else if (this.verifyIsTask(type)) {
+          this.taskType = type
+        }
+        element.name = name
+      }
+    },
+    verifyIsEvent (type) {
+      return type.includes('Event')
+    },
+    verifyIsTask (type) {
+      return type.includes('Task')
+    },
+    /**
+     * 改变控件触发的事件
+     * @param { Object } input的Event
+     * @param { String } 要修改的属性的名称
+     */
+    changeField (event, type) {
+      const value = event.target.value
+      this.element[type] = value
+      const properties = {}
+      properties[type] = value
+      if (type === 'color') {
+        this.onChangeColor(value)
+      }
+      this.updateProperties(properties)
+    },
+    updateName (name) {
+      const { modeler, element } = this
+      const modeling = modeler.get('modeling')
+      modeling.updateLabel(element, name)
+    },
+    onChangeColor (color) {
+      const { element } = this
+      const modeling = this.modeler.get('modeling')
+      modeling.setColor(element, {
+        fill: null,
+        stroke: color
+      })
+    },
+    changeEventType (event) {
+      const { modeler, element } = this
+      const value = event.target.value
+      const bpmnReplace = modeler.get('bpmnReplace')
+      this.eventType = value
+      bpmnReplace.replaceElement(element, {
+        type: element.businessObject.$type,
+        eventDefinitionType: value
+      })
+    },
+    changeTaskType (event) {
+      const { modeler, element } = this
+      const value = event.target.value
+      const bpmnReplace = modeler.get('bpmnReplace')
+      bpmnReplace.replaceElement(element, {
+        type: value
+      })
+    },
+    /**
+     * 更新元素属性
+     * @param { Object } 要更新的属性, 例如 { name: '' }
+     */
+    updateProperties (properties) {
+      const { modeler, element } = this
+      const modeling = modeler.get('modeling')
+      modeling.updateProperties(element, properties)
+    },
+    updateGlobalProperties (properties) {
+      const { modeler } = this
+      const modeling = modeler.get('modeling')
+      modeling.updateProperties(this.globalElement, properties)
+    },
+    addCheckPerson () {
+      this.auditorInfo = {
+        type: 1
+      }
+      this.initCondition = []
+      this.fields = []
+      this.editAuditorIndex = ''
+      this.showAuditorModal = true
+    },
+    addNotifyUser () {
+      this.auditorInfo = {
+        type: 1
+      }
+      this.editNotifyIndex = ''
+      this.showNotifyModal = true
+    },
+    saveNotifyModal () {
+      const notifier = [...this.notifier]
+      const params = {
+        type: this.notifyInfo.type,
+        role: this.notifyInfo.role,
+        'role#': this.notifyInfo['role#'],
+        user: this.notifyInfo.user,
+        'user#': this.notifyInfo['user#'],
+        upType: this.notifyInfo.upType
+      }
+      if (this.notifyInfo.dynamicUser) {
+        params.dynamicUser = this.notifyInfo.dynamicUser
+      }
+      if (this.notifyInfo.scope) {
+        params.scope = this.notifyInfo.scope
+      }
+      if (this.notifyInfo.applyerScope) {
+        params.applyerScope = this.notifyInfo.applyerScope
+      }
+      if (this.notifyInfo.applyerDeptId) {
+        params.applyerDeptId = this.notifyInfo.applyerDeptId
+        params['applyerDeptId#'] = this.notifyInfo['applyerDeptId#']
+      }
+      if (this.editNotifyIndex !== '') {
+        notifier.splice(this.editNotifyIndex, 1, params)
+      } else {
+        notifier.push(params)
+      }
+      this.$set(this.elementValues, 'camunda:notifier', JSON.stringify(notifier))
+      this.editNotifyIndex = ''
+      this.showNotifyModal = false
+    },
+    chooseAuditorApplyerDeptId (v) {
+      let ids = null
+      let names = null
+      if (v) {
+        ids = v.reduce((ids, item) => (ids ? (ids + ',') : '') + item.id, '')
+        names = v.reduce((names, item) => (names ? (names + '、') : '') + item.name, '')
+      }
+
+      this.$set(this.auditorInfo, 'applyerDeptId', ids)
+      this.$set(this.auditorInfo, 'applyerDeptId#', names)
+    },
+    chooseNotifyApplyerDeptId (v) {
+      let ids = null
+      let names = null
+      if (v) {
+        ids = v.reduce((ids, item) => (ids ? (ids + ',') : '') + item.id, '')
+        names = v.reduce((names, item) => (names ? (names + '、') : '') + item.name, '')
+      }
+
+      this.$set(this.notifyInfo, 'applyerDeptId', ids)
+      this.$set(this.notifyInfo, 'applyerDeptId#', names)
+    },
+    editAuditor (auditor, index) {
+      // 设置当前值
+      this.auditorInfo = { ...auditor }
+      this.showAuditorModal = true
+      this.editAuditorIndex = index
+      // 设置默认字段和查询条件
+    },
+    saveAuditorModal () {
+      const auditor = [...this.auditor]
+      const params = {
+        type: this.auditorInfo.type,
+        role: this.auditorInfo.role,
+        'role#': this.auditorInfo['role#'],
+        user: this.auditorInfo.user,
+        'user#': this.auditorInfo['user#'],
+        upType: this.auditorInfo.upType,
+        moreUpType: this.auditorInfo.moreUpType
+      }
+      if (this.auditorInfo.dynamicUser) {
+        params.dynamicUser = this.auditorInfo.dynamicUser
+      }
+      if (this.auditorInfo.scope) {
+        params.scope = this.auditorInfo.scope
+      }
+      if (this.auditorInfo.applyerScope) {
+        params.applyerScope = this.auditorInfo.applyerScope
+      }
+      if (this.auditorInfo.applyerDeptId) {
+        params.applyerDeptId = this.auditorInfo.applyerDeptId
+        params['applyerDeptId#'] = this.auditorInfo['applyerDeptId#']
+      }
+      if (this.editAuditorIndex !== '') {
+        auditor.splice(this.editAuditorIndex, 1, params)
+      } else {
+        auditor.push(params)
+      }
+      this.$set(this.elementValues, 'camunda:auditor', JSON.stringify(auditor))
+      this.showAuditorModal = false
+      this.editAuditorIndex = ''
+    },
+    deleteAuditor (index) {
+      const auditor = [...this.auditor]
+      auditor.splice(index, 1)
+      this.$set(this.elementValues, 'camunda:auditor', JSON.stringify(auditor))
+    },
+    editNotify (notify, index) {
+      this.notifyInfo = { ...notify }
+      this.showNotifyModal = true
+      this.editNotifyIndex = index
+    },
+    deleteNotifyUser (index) {
+      const notifier = [...this.notifier]
+      notifier.splice(index, 1)
+      this.$set(this.elementValues, 'camunda:notifier', JSON.stringify(notifier))
+    },
+    saveMessage () {
+      const messageItem = {}
+      const form = this.$refs.messageForm
+      for (const field in form.model.data) {
+        messageItem[field] = form.model.data[field]
+      }
+      const messageData = [...this.messageData]
+      if (this.messageIndex !== -1) {
+        messageData.splice(this.messageIndex, 1, messageItem)
+      } else {
+        messageData.push(messageItem)
+      }
+      this.$set(this.elementValues, 'camunda:message', JSON.stringify(messageData))
+      this.messageIndex = -1
+      this.showMessageModal = false
+    },
+    deleteMessage (index) {
+      const messageData = [...this.messageData]
+      messageData.splice(index, 1)
+      this.$set(this.elementValues, 'camunda:message', JSON.stringify(messageData))
+    },
+    saveListener () {
+      const listenerItem = {}
+      const form = this.$refs.listenerForm
+      for (const field in form.model.data) {
+        listenerItem[field] = form.model.data[field]
+      }
+      const listenerData = [...this.listenerData]
+      if (this.listenerIndex !== -1) {
+        listenerData.splice(this.listenerIndex, 1, listenerItem)
+      } else {
+        listenerData.push(listenerItem)
+      }
+      this.$set(this.elementValues, 'camunda:listener', JSON.stringify(listenerData))
+      this.listenerIndex = -1
+      this.showListenerModal = false
+    },
+    deleteListener (index) {
+      const listenerData = [...this.listenerData]
+      listenerData.splice(index, 1)
+      this.$set(this.elementValues, 'camunda:listener', JSON.stringify(listenerData))
+    },
+    saveVerify () {
+      const verifyItem = { ...this.verifyItem }
+      const form = this.$refs.verifyForm
+      for (const field in form.model.data) {
+        verifyItem[field] = form.model.data[field]
+      }
+      const verifyData = [...this.verifyData]
+      if (this.verifyIndex !== -1) {
+        verifyData.splice(this.verifyIndex, 1, verifyItem)
+      } else {
+        verifyItem.rule = ''
+        verifyData.push(verifyItem)
+      }
+      this.$set(this.elementValues, 'camunda:verify', JSON.stringify(verifyData))
+      this.verifyIndex = -1
+      this.showVerifyModal = false
+    },
+    deleteVerify (index) {
+      const verifyData = [...this.verifyData]
+      verifyData.splice(index, 1)
+      this.$set(this.elementValues, 'camunda:verify', JSON.stringify(verifyData))
+    },
+    saveTable () {
+      this.editListenerId = ''
+      this.editMessageId = ''
+    },
+    cellClick (row, column, cell, event) {
+      event.stopPropagation()
+    },
+    settingScope () {
+      // 7 消息发送
+      if (this.elementValues['camunda:formTypeId'] !== '7') {
+        const formDataMetaId = this.elementValues['camunda:formDataMeta']
+        if (this.$_.isEmpty(formDataMetaId)) {
+          this.$message.error('请先选择数据对象')
+          return
+        }
+      }
+      this.showScopeDialog = true
+    },
+    settingSearchScope () {
+      if (this.formDataSources === '3') {
+        const formDataMetaId = this.elementValues['camunda:formDataMeta']
+        if (this.$_.isEmpty(formDataMetaId)) {
+          this.$message.error('请先选择数据对象')
+          return
+        }
+      }
+      this.showScopeDialog = true
+    },
+    async getFormDataMetaData () {
+      const formDataMetaId = this.elementValues['camunda:formDataMeta']
+      if (this.$_.isEmpty(formDataMetaId) && this.formDataSources === '3') {
+        this.$set(this.elementValues, 'camunda:formDataSources', '1')
+        this.$message.error('请先选择数据对象')
+        this.initFormDataMetaData()
+        return
+      }
+      let meta = this.getMeta(formDataMetaId)
+      if (!meta && formDataMetaId) {
+        await this.$store.dispatch({
+          type: 'ADD_META',
+          metaId: formDataMetaId
+        }).then(data => {
+          meta = data
+        })
+      }
+      if ((this.element.typeId === '3' || this.elementValues['camunda:formTypeId'] === '3') && formDataMetaId) {
+        this.$FieldFactory.createFields({
+          meta: meta,
+          metaId: formDataMetaId
+        })
+          .then(data => {
+            this.formDataField = [...data]
+          })
+      }
+      if (this.elementValues['camunda:formTypeId'] === '5' && this.formDataSources === '1') {
+        this.formDataField = [...this.businessMeta]
+        this.initFormDataMetaData()
+      } else if (this.elementValues['camunda:formTypeId'] === '5' && this.formDataSources === '4') {
+        this.formDataField = [...this.inParamData]
+        this.$set(this.formDataMetaData, 'globalParams', [])
+        for (let i = 0; i < this.inParamData.length; i++) {
+          if (this.inParamData[i].id === this.loopListParam) {
+            const businessMetaId = this.inParamData[i].metaId
+            let busmeta = null
+            if (this.metas[businessMetaId]) {
+              busmeta = this.metas[businessMetaId]
+            } else {
+              await this.$store.dispatch({
+                type: 'ADD_META',
+                metaId: businessMetaId
+              }).then(meta => {
+                busmeta = meta
+              })
+            }
+            this.$FieldFactory.createFields({
+              meta: busmeta,
+              metaId: businessMetaId
+            })
+              .then(data => {
+                this.loopMeta = [...data]
+              })
+          }
+        }
+      } else if ((this.elementValues['camunda:formTypeId'] === '5' || this.elementValues['camunda:formTypeId'] === '3') && this.formDataSources === '5' && !this.$_.isEmpty(this.elementValues['camunda:loopListParam'])) {
+        for (let i = 0; i < this.inParamData.length; i++) {
+          if (this.inParamData[i].id === this.loopListParam) {
+            const businessMetaId = this.inParamData[i].metaId
+            let busmeta = null
+            if (this.metas[businessMetaId]) {
+              busmeta = this.metas[businessMetaId]
+            } else {
+              await this.$store.dispatch({
+                type: 'ADD_META',
+                metaId: businessMetaId
+              }).then(meta => {
+                busmeta = meta
+              })
+            }
+            this.$FieldFactory.createFields({
+              meta: busmeta,
+              metaId: businessMetaId
+            })
+              .then(data => {
+                this.formDataField = [...data]
+              })
+          }
+        }
+      }
+      // 获取数据加工的动态参数
+      if (this.elementValues['camunda:formTypeId'] === '5') {
+        this.getRuleVarJiaGong()
+      }
+      // if (this.elementValues['camunda:formTypeId'] === '1' && this.formDataSources === '3') {
+      //   this.addRecordParamData = []
+      //   this.getAddRecordParamData()
+      // }
+      //  else if (this.$_.isEmpty(formDataMetaId) && this.formDataSources !== '3') {
+      //   return
+      // }
+      if (!this.$_.isEmpty(this.elementValues['camunda:formDataMetaData']) && this.elementValues['camunda:formDataMetaData'] !== '{}') {
+        this.formDataMetaData = JSON.parse(this.elementValues['camunda:formDataMetaData'])
+        if (this.elementValues['camunda:formTypeId'] === '2' || this.elementValues['camunda:formTypeId'] === '3') {
+          this.updateScopeParams = this.formDataMetaData.updateScopeParams
+          // if (this.updateScopeParams) {
+          //   this.updateScopeParamsText = this.updateScopeParams.reduce((total, cur) => {
+          //     return total + cur.text
+          //   }, '')
+          // }
+        }
+        if (this.elementValues['camunda:formTypeId'] === '5' && this.formDataSources === '4') {
+          if (!this.formDataMetaData.globalParams) {
+            this.$set(this.formDataMetaData, 'globalParams', [])
+          }
+        }
+        return
+      }
+      this.initFormDataMetaData()
+      if ((this.element.typeId === '1' || this.elementValues['camunda:formTypeId'] === '1') && !this.$_.isEmpty(formDataMetaId)) {
+        for (const item in meta.attributes) {
+          const dataItem = meta.attributes[item]
+          const data = { id: dataItem.id, label: dataItem.label, name: dataItem.name, entityId: dataItem.entityId, codeKey: dataItem.codeKey }
+          if (dataItem.isKey === '1') {
+            // continue
+          }
+          this.formDataMetaData.attributes.push(data)
+          // this.formDataMetaData.type[data.name] = 'designated'
+          this.$set(this.formDataMetaData.type, [data.name], 'designated')
+          this.$set(this.formDataMetaData.value, [data.name], '')
+          this.$set(this.formDataMetaData.data, [data.name], '')
+          // designated指定值 form表单 dynamic 动态
+          // this.formDataMetaData.data[data.name] = ''
+        }
+      }
+    },
+    async getRuleVarJiaGong () {
+      this.ruleVarJiaGong = []
+      this.ruleVarJiaGong = [...this.ruleVariable]
+      for (let i = 0; i < this.inParamData.length; i++) {
+        if (this.inParamData[i].metaId) {
+          const index = this.ruleVarJiaGong.findIndex(item => {
+            return item.code === this.inParamData[i].metaId
+          })
+          if (index !== -1) continue
+          const metaId = this.inParamData[i].metaId
+          let meta = this.getMeta(metaId)
+          if (!meta && metaId) {
+            await this.$store.dispatch({
+              type: 'ADD_META',
+              metaId: metaId
+            }).then(data => {
+              meta = data
+            })
+          }
+          const children = []
+          for (const item in meta.attributes) {
+            const dataItem = meta.attributes[item]
+            const data = { code: meta.code + '.' + dataItem.name, text: '循环对象-' + dataItem.label, leaf: true }
+            children.push(data)
+          }
+          this.ruleVarJiaGong.push({ text: '循环对象-' + meta.name, leaf: false, code: meta.id, children: [...children] })
+        }
+      }
+    },
+    async getAddRecordParamData () {
+      this.addRecordParamData = []
+      for (let i = 0; i < this.inParamData.length; i++) {
+        if (this.inParamData[i].metaId && this.inParamData[i].type === '2') {
+          const metaId = this.inParamData[i].metaId
+          let meta = this.getMeta(metaId)
+          if (!meta && metaId) {
+            await this.$store.dispatch({
+              type: 'ADD_META',
+              metaId: metaId
+            }).then(data => {
+              meta = data
+            })
+          }
+          const children = []
+          for (const item in meta.attributes) {
+            const dataItem = meta.attributes[item]
+            const data = { id: dataItem.name, name: dataItem.label, upId: this.inParamData[i].id }
+            children.push(data)
+          }
+          this.addRecordParamData.push({ ...this.inParamData[i], children: children })
+        } else {
+          this.addRecordParamData.push({ ...this.inParamData[i], children: [] })
+        }
+      }
+    },
+    saveSearchData () {
+      this.$set(this.elementValues, 'camunda:searchData', JSON.stringify(this.searchData))
+      if (this.searchResult === '1' || this.searchResult === '2') {
+        this.changeSearchResultParams(this.searchData.searchResultParams)
+      }
+      this.$message.success('保存成功')
+    },
+    saveMessageData () {
+      if (this.elementValues['camunda:formTypeId'] === '7') {
+        const data = { ...this.sendMessageData, messageReceiver: this.messageReceiver }
+        this.$set(this.elementValues, 'camunda:sendMessageData', JSON.stringify(data))
+      } else {
+        this.$set(this.elementValues, 'camunda:sendMessageData', JSON.stringify(this.sendMessageData))
+      }
+      this.$message.success('保存成功')
+    },
+    saveMetaDataEntity () {
+      this.$set(this.elementValues, 'camunda:formDataMetaData', JSON.stringify(this.formDataMetaData))
+      if (this.elementValues['camunda:formTypeId'] === '1') {
+        let formDataMetaId = ''
+        if (this.formDataSources === '1') {
+          formDataMetaId = this.businessMetaId
+        } else {
+          formDataMetaId = this.elementValues['camunda:formDataMeta']
+        }
+        for (let key = 0; key < this.inParamData.length; key++) {
+          if (this.inParamData[key].id === this.formDataMetaData.resultParams) {
+            if (this.inParamData[key].type !== '1') {
+              this.inParamData[key].metaId = formDataMetaId
+            }
+          }
+        }
+        this.getAddRecordParamData()
+        this.updateGlobalProperties({ 'camunda:inParam': JSON.stringify(this.inParamData) })
+      }
+      this.$message.success('保存成功')
+    },
+    addResultParamsChange (v) {
+      this.$set(this.elementValues, 'camunda:formDataMetaData', JSON.stringify(this.formDataMetaData))
+    },
+    addLoopListParamChange (v) {
+      this.$set(this.elementValues, 'camunda:loopListParam', v)
+    },
+    addLoopTypeChange (v) {
+      this.$set(this.elementValues, 'camunda:loopType', v)
+    },
+    spStyleChange (v) {
+      const { modeler, element } = this
+      const moddle = modeler.get('moddle')
+      const modeling = modeler.get('modeling')
+      let loopCharacteristicsObject = null
+      if (v === '1' || v === '2') {
+        // 并行多实例
+        loopCharacteristicsObject = moddle.create('bpmn:MultiInstanceLoopCharacteristics')
+      } else {
+        // 多实例串行
+        loopCharacteristicsObject = moddle.create('bpmn:MultiInstanceLoopCharacteristics', { isSequential: true })
+      }
+      modeling.updateProperties(element, {
+        loopCharacteristics: loopCharacteristicsObject
+      })
+      this.elementValues['camunda:spStyle'] = v
+    },
+    spOperateChange (v) {
+      const arr = [...v]
+      if (arr.length > 0) {
+        this.elementValues['camunda:spOperate'] = JSON.stringify(arr)
+      } else {
+        this.elementValues['camunda:spOperate'] = JSON.stringify([])
+      }
+    },
+    initElementExtendProperties () {
+      this.formDataSources = this.elementValues['camunda:formDataSources']
+      if (!this.$_.isEmpty(this.elementValues['camunda:formDataMetaData']) && this.elementValues['camunda:formDataMetaData'] !== '{}') {
+        this.formDataMetaData = JSON.parse(this.elementValues['camunda:formDataMetaData'])
+      }
+      if (!this.$_.isEmpty(this.elementValues['camunda:inParam']) && this.elementValues['camunda:inParam'] !== '[]' && this.element.type === 'bpmn:Process') {
+        this.inParamData = JSON.parse(this.elementValues['camunda:inParam'])
+        const arr = this.inParamData.map(item => ({ code: item.id, text: item.name, leaf: true }))
+        this.ruleVariable = [{ text: '流程参数', leaf: false, code: 'liucheng', children: [...arr] }]
+        // this.defineDynamicParams = this.inParamData.map(item => ({ id: item.id, name: item.name }))
+        this.getAddRecordParamData()
+      }
+      if (this.elementValues['camunda:formTypeId'] === '4' || this.elementValues['camunda:formTypeId'] === '9' || this.elementValues['camunda:formTypeId'] === '10') {
+        this.getDataSyncData()
+      } else if (this.elementValues['camunda:formTypeId'] === '7') {
+        this.getMessageData()
+      } else if (this.elementValues['camunda:formTypeId'] === '8') {
+        this.getApiData()
+      } else if (this.elementValues['camunda:formTypeId'] === '6') {
+        this.getSearchData()
+      } else if (this.element.type.includes('Task') && !this.element.type.includes('ManualTask')) {
+        const { 'camunda:spStyle': spStyle = '' } = this.elementValues
+        const { 'camunda:spOperate': spOperate = '[]' } = this.elementValues
+        this.spStyle = spStyle
+        this.spOperate = JSON.parse(spOperate)
+      } else {
+        this.getinclusiveGatewayData()
+        this.getFormDataMetaData()
+      }
+    },
+    getinclusiveGatewayData () {
+      this.loopListParam = this.elementValues['camunda:loopListParam']
+      this.loopType = this.elementValues['camunda:loopType']
+    },
+    async getSearchData () {
+      this.searchResult = this.elementValues['camunda:searchResult']
+      // if (this.formDataSources === '1') {
+      //   this.elementValues['camunda:formDataMeta'] = this.businessMetaId
+      // }
+      const formDataMetaId = this.elementValues['camunda:formDataMeta']
+      this.getEntityRelation(formDataMetaId || this.businessMetaId)
+      if (this.formDataSources === '3') {
+        let meta = this.getMeta(formDataMetaId)
+        if (!meta && formDataMetaId) {
+          await this.$store.dispatch({
+            type: 'ADD_META',
+            metaId: formDataMetaId
+          }).then(data => {
+            meta = data
+          })
+        }
+        this.$FieldFactory.createFields({
+          meta: meta,
+          metaId: formDataMetaId
+        })
+          .then(data => {
+            this.formDataField = [...data]
+          })
+      } else if (this.formDataSources === '1') {
+        this.formDataField = [...this.businessMeta]
+      }
+      if (!this.$_.isEmpty(this.elementValues['camunda:searchData']) && this.elementValues['camunda:searchData'] !== '{}') {
+        this.searchData = JSON.parse(this.elementValues['camunda:searchData'])
+        if (this.searchData.searchCondition) {
+          this.updateScopeParams = this.searchData.searchCondition
+          // this.updateScopeParamsText = this.updateScopeParams.reduce((total, cur) => {
+          //   return total + cur.text
+          // }, '')
+        }
+        if (!this.searchData.relationList) {
+          this.$set(this.searchData, 'relationList', [])
+        }
+      } else {
+        this.searchData = {
+          searchCondition: [],
+          sortCondition: [],
+          relationList: [],
+          searchField: '',
+          searchMethod: '',
+          searchResultParams: ''
+        }
+      }
+    },
+    getEntityRelation (currentMetaId) {
+      this.$http.list({
+        entityId: 'FM_ENTITY_RELATION',
+        'scope.ENTITY_B': currentMetaId
+      })
+        .then(data => {
+          this.relationList = [...data.entitys]
+        })
+      // this.$http.$get({
+      //   entityId: 'FM_ENTITY_RELATION',
+      //   action: 'getEntityRelationTree',
+      //   mainEntity: currentMetaId
+      // })
+      //   .then(data => {
+      //     // // data.forEach(relation => {
+      //     // //   relation.label = relation.title
+      //     // //   relation.value = relation.flag
+      //     // // })
+      //     // this.relationList = data.map(item => ({ title: item.title, id: item.id }))
+      //   })
+    },
+    getDataSyncData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:sendMessageData']) && this.elementValues['camunda:sendMessageData'] !== '{}') {
+        this.sendMessageData = JSON.parse(this.elementValues['camunda:sendMessageData'])
+        if (!this.sendMessageData.messageParams || this.sendMessageData.messageParams.length === 0) {
+          this.sendMessageData = {
+            messageParams: []
+          }
+        }
+      } else {
+        const messageTemplate = this.elementValues['camunda:messageTemplate']
+        if (this.$_.isEmpty(messageTemplate)) {
+          this.sendMessageData = {
+            messageParams: []
+          }
+        }
+      }
+    },
+    getApiData () {
+      const messageTemplate = this.elementValues['camunda:messageTemplate']
+      if (this.$_.isEmpty(messageTemplate)) {
+        // this.$message.info('请选择调用接口')
+        this.sendMessageData = {
+          messageInParams: [],
+          messageOutParams: []
+        }
+        return
+      }
+      if (!this.$_.isEmpty(this.elementValues['camunda:sendMessageData']) && this.elementValues['camunda:sendMessageData'] !== '{}') {
+        this.sendMessageData = JSON.parse(this.elementValues['camunda:sendMessageData'])
+        if (!this.sendMessageData.messageInParams || this.sendMessageData.messageInParams.length === 0 || !this.sendMessageData.messageOutParams || this.sendMessageData.messageOutParams.length === 0) {
+          this.$http.list({
+            entityId: 'FM_API_PARAM',
+            'scope.API': messageTemplate
+          })
+            .then(data => {
+              const arr = [...data.entitys]
+              const arr1 = arr.filter(item => {
+                return item.API_TYPE === 'input'
+              })
+              const arr2 = arr.filter(item => {
+                return item.API_TYPE === 'output'
+              })
+              arr1.forEach(item => {
+                item.TYPE = 'designated'
+                item.VALUE = ''
+              })
+              arr2.forEach(item => {
+                item.VALUE = ''
+                item.TYPE = 'params'
+              })
+              if (!this.sendMessageData.messageInParams || this.sendMessageData.messageInParams.length === 0) {
+                this.sendMessageData.messageInParams = [...arr1]
+              }
+              if (!this.sendMessageData.messageOutParams || this.sendMessageData.messageOutParams.length === 0) {
+                this.sendMessageData.messageOutParams = [...arr2]
+              }
+              // this.sendMessageData.messageInParams = [...arr1]
+              // this.sendMessageData.messageOutParams = [...arr2]
+            })
+        }
+      } else {
+        this.$http.list({
+          entityId: 'FM_API_PARAM',
+          'scope.API': messageTemplate
+        })
+          .then(data => {
+            const arr = [...data.entitys]
+            const arr1 = arr.filter(item => {
+              return item.API_TYPE === 'input'
+            })
+            const arr2 = arr.filter(item => {
+              return item.API_TYPE === 'output'
+            })
+            arr1.forEach(item => {
+              item.TYPE = 'designated'
+              item.VALUE = ''
+            })
+            arr2.forEach(item => {
+              item.VALUE = ''
+              item.TYPE = 'params'
+            })
+            this.sendMessageData.messageInParams = [...arr1]
+            this.sendMessageData.messageOutParams = [...arr2]
+          })
+      }
+    },
+    getMessageData () {
+      const messageTemplate = this.elementValues['camunda:messageTemplate']
+      if (this.$_.isEmpty(messageTemplate)) {
+        // this.$message.info('请先选择消息模板')
+        this.initSendMessageData()
+        return
+      }
+      if (!this.$_.isEmpty(this.elementValues['camunda:sendMessageData']) && this.elementValues['camunda:sendMessageData'] !== '{}') {
+        this.sendMessageData = JSON.parse(this.elementValues['camunda:sendMessageData'])
+        if (this.sendMessageData.sendPersonScope) {
+          this.updateScopeParams = this.sendMessageData.sendPersonScope
+          // this.updateScopeParamsText = this.updateScopeParams.reduce((total, cur) => {
+          //   return total + cur.text
+          // }, '')
+        }
+        if (this.sendMessageData.messageReceiver) {
+          this.messageReceiver = { ...this.sendMessageData.messageReceiver }
+        }
+        if (!this.sendMessageData.messageParams || this.sendMessageData.messageParams.length === 0) {
+          this.$http.list({
+            entityId: 'FM_MESSAGE_PARAM',
+            'scope.TEMPLATE': messageTemplate
+          })
+            .then(data => {
+              const arr = [...data.entitys]
+              arr.forEach(item => {
+                item.TYPE = 'designated'
+                item.VALUE = ''
+                // item.FIELD = ''
+              })
+              this.sendMessageData.messageParams = [...arr]
+            })
+        }
+      } else {
+        this.$http.list({
+          entityId: 'FM_MESSAGE_PARAM',
+          'scope.TEMPLATE': messageTemplate
+        })
+          .then(data => {
+            const arr = [...data.entitys]
+            arr.forEach(item => {
+              item.TYPE = 'designated'
+              item.VALUE = ''
+              // item.FIELD = ''
+            })
+            this.sendMessageData.messageParams = [...arr]
+          })
+      }
+    },
+    initSendMessageData () {
+      this.sendMessageData = {
+        sendPersonScope: [],
+        messageParams: []
+      }
+      this.messageReceiver = {
+        TYPE: 'designated',
+        VALUE: ''
+      }
+    },
+    initFormDataMetaData () {
+      this.formDataMetaData = {
+        globalParams: [],
+        attributes: [],
+        type: {},
+        data: {},
+        value: {},
+        resultParams: ''
+      }
+    },
+    saveInParam () {
+      const inParamItem = {}
+      const form = this.$refs.inParamForm
+      for (const field in form.model.data) {
+        inParamItem[field] = form.model.data[field]
+      }
+      if (this.$_.isEmpty(inParamItem.uid)) {
+        inParamItem.uid = this.getRandom()
+        inParamItem.children = []
+        this.inParamData.push(inParamItem)
+      } else {
+        for (const key in this.inParamData) {
+          if (this.inParamData[key].uid === inParamItem.uid) {
+            if (this.saveFields.length > 0) {
+              inParamItem.entityFields = this.saveFields
+            }
+            this.inParamData.splice(key, 1, inParamItem)
+          }
+        }
+      }
+      this.$set(this.elementValues, 'camunda:inParam', JSON.stringify(this.inParamData))
+      this.showInParamModal = false
+    },
+    deleteInParam (index) {
+      // for (const key in this.inParamData) {
+      //   if (this.inParamData[key].uid === uid) {
+      //     this.inParamData.splice(key, 1)
+      //   }
+      // }
+      this.inParamData.splice(index, 1)
+      this.$set(this.elementValues, 'camunda:inParam', JSON.stringify(this.inParamData))
+    },
+    getRandom () {
+      return Math.random().toString().slice(-9)
+    },
+    selectInmessageParams (data, item, index) {
+      const obj = { ...item }
+      obj.VALUEC = data.name
+      if (!this.$_.isEmpty(data.upId)) {
+        // 参数名+字段名
+        obj.VALUE = data.upId + ':' + data.id
+      } else {
+        obj.VALUE = data.id
+      }
+      this.sendMessageData.messageParams.splice(index, 1, obj)
+    },
+    selectInglobalParams (data, item, index) {
+      const obj = { ...item }
+      obj.valueC = data.name
+      if (!this.$_.isEmpty(data.upId)) {
+        // 参数名+字段名
+        obj.value = data.upId + ':' + data.id
+      } else {
+        obj.value = data.id
+      }
+      this.formDataMetaData.globalParams.splice(index, 1, obj)
+    },
+    selectInParam (data, field) {
+      this.formDataMetaData.data[field] = data.name
+      if (!this.$_.isEmpty(data.upId)) {
+        // 参数名+字段名
+        this.formDataMetaData.value[field] = data.upId + ':' + data.id
+      } else {
+        this.formDataMetaData.value[field] = data.id
+      }
+    },
+    async changeSearchResultParams (v) {
+      const formDataMetaId = this.elementValues['camunda:formDataMeta'] || this.businessMetaId
+      for (let key = 0; key < this.inParamData.length; key++) {
+        if (this.inParamData[key].id === v) {
+          if (this.inParamData[key].type !== '1') {
+            this.inParamData[key].metaId = formDataMetaId
+          }
+        }
+      }
+      this.getAddRecordParamData()
+      this.updateGlobalProperties({ 'camunda:inParam': JSON.stringify(this.inParamData) })
+    },
+    getNodeTypeName (v1, v2) {
+      if (v1 === '1' || v2 === '1') {
+        return '新增记录'
+      }
+      if (v1 === '2' || v2 === '2') {
+        return '删除记录'
+      }
+      if (v1 === '3' || v2 === '3') {
+        return '更新记录'
+      }
+      if (v1 === '4' || v2 === '4') {
+        return '数据同步'
+      }
+      if (v1 === '5' || v2 === '5') {
+        return '数据加工'
+      }
+      if (v1 === '6' || v2 === '6') {
+        return '数据查询'
+      }
+      if (v1 === '7' || v2 === '7') {
+        return '消息发送'
+      }
+      if (v1 === '8' || v2 === '8') {
+        return '调用接口'
+      }
+      if (v1 === '9' || v2 === '9') {
+        return '调用业务规则'
+      }
+      if (v1 === '10' || v2 === '10') {
+        return '发起业务流程'
+      }
+      if (v1 === '11' || v2 === '11') {
+        return '循环开始'
+      }
+      if (v1 === '12' || v2 === '12') {
+        return '循环结束'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.properties-panel__container {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 460px;
+  height: 100%;
+  background-color: #fefefe;
+  box-shadow: -4px 0px 6px 0px rgba(117, 117, 117, 0.1);
+  &::v-deep {
+    .el-table .cell {
+      height: 100%;
+    }
+  }
+}
+.properties-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.properties-panel__title {
+  padding: 0 20px;
+  font-size: 16px;
+  line-height: 50px;
+  border-bottom: 1px solid #e3e3e3;
+}
+.properties-panel__content {
+  padding-top: 16px;
+  flex: 1;
+  overflow: auto;
+}
+.properties-panel__tabs {
+  height: 100%;
+  &::v-deep {
+    .el-tabs__nav-scroll {
+      padding-left: 12px;
+    }
+    .el-tabs__item {
+      height: 32px;
+      line-height: 32px;
+    }
+    .el-tabs__content {
+      height: calc(100% - 48px);
+      overflow: auto;
+      position: relative;
+      // padding: 0 16px
+    }
+  }
+}
+.tab-pane-content {
+  height: calc(100% - 52px);
+  overflow: auto;
+}
+.attribute-list {
+  padding: 0 16px;
+}
+.attribute-input {
+  display: flex;
+  align-items: center;
+  margin: 16px 0;
+}
+.attribute-input-top {
+  align-items: baseline;
+}
+.attribute-input__auditor {
+  align-items: flex-start;
+  line-height: 32px;
+  .attribute-input__container {
+    flex: 1;
+  }
+}
+
+.attribute-input__label {
+  width: 100px;
+  flex-shrink: 0;
+  &::after {
+    content: ':';
+  }
+}
+.text-left {
+  text-align: right;
+}
+.attribute-input-type {
+  width: 105px;
+  flex-shrink: 0;
+  margin-right: 10px;
+}
+// .attribute-input-type::v-deep .el-input__inner{
+//   height: 36px;
+// }
+// .update-add-field {
+//   // margin-top: 20px;
+//   // border-top: 1px solid #e3e3e3;
+// }
+.auditor-item {
+  overflow: hidden;
+  color: #666;
+  cursor: pointer;
+  &:hover {
+    @include font_color_primary;
+  }
+}
+.auditor-item__icon {
+  float: right;
+  i {
+    color: #666;
+    margin-right: 12px;
+    cursor: pointer;
+    &:hover {
+      @include font_color_primary;
+    }
+  }
+}
+.auditor-modal__title {
+  font-size: 16px;
+  color: #333;
+  margin-bottom: 12px;
+}
+.auditor-modal__content {
+  padding-left: 16px;
+  padding-bottom: 20px;
+}
+.auditor-modal__content--first {
+  padding-left: 16px;
+}
+.message-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 10px;
+  border-bottom: 1px solid #e3e3e3;
+  &:hover {
+    background: #f5f7fa;
+  }
+}
+.message-content {
+  width: calc(100% - 50px);
+  display: flex;
+  flex-wrap: wrap;
+}
+.verify {
+  width: calc(100% - 50px);
+}
+.verify-info {
+  width: 100%;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  > label {
+    color: #555;
+    width: 100px;
+  }
+}
+.verify-rule-container {
+  width: 62%;
+}
+.message-info {
+  width: 50%;
+  line-height: 20px;
+  margin-bottom: 10px;
+  > label {
+    color: #555;
+  }
+}
+.send-message-operate {
+  width: 126px;
+  display: inline-block;
+  margin-left: 10px;
+}
+.message-operate-item {
+  font-size: 16px;
+  @include font_color_primary;
+  cursor: pointer;
+  &.delete {
+    color: #f56c6c;
+    margin-left: 10px;
+  }
+}
+.add-message-button {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 50px;
+  border-top: 1px solid #e3e3e3;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.dialog-operate-group {
+  margin-top: 30px;
+  text-align: center;
+}
+.empty {
+  height: 200px;
+  line-height: 200px;
+  font-weight: 700;
+}
+.element-item {
+  padding: 10px;
+  margin-top: 5px;
+  border: 1px solid;
+  border-color: darkorange;
+  border-radius: 8px;
+}
+.element-item:first-child {
+  margin-top: 0;
+}
+.custom-properties-panel input,
+.custom-properties-panel textarea {
+  padding: 4px 11px;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  transition: all 0.3s;
+  outline: none;
+}
+.custom-properties-panel input:focus,
+.custom-properties-panel button:focus,
+.custom-properties-panel textarea:focus,
+.custom-properties-panel [contenteditable]:focus {
+  border-color: rgb(239, 112, 96);
+  box-shadow: 0 0 1px 2px rgba(239, 112, 96, 0.2);
+}
+.custom-properties-panel label {
+  font-weight: bold;
+}
+.custom-properties-panel label:after {
+  content: ': ';
+}
+.custom-properties-panel button + button {
+  margin-left: 10px;
+}
+.attribute-input-update {
+  padding-bottom: 20px;
+  padding-top: 10px;
+  border-bottom: 1px solid #e3e3e3;
+  &:hover .filter-condition__delete i {
+    display: inline;
+  }
+}
+.attribute-input-search {
+  &:hover .filter-condition__delete i {
+    display: inline;
+  }
+}
+.filter-condition__delete {
+  width: 30px;
+  font-size: 18px;
+  color: #999;
+  margin-left: 10px;
+  i {
+    display: none;
+    cursor: pointer;
+  }
+}
+.scope-opera__popper {
+  min-width: 150px;
+  max-height: 300px;
+  overflow: auto;
+}
+.update-add-field__popper {
+  min-width: 100px;
+  max-height: 300px;
+  overflow: auto;
+}
+.update-add-field__popper_item {
+  padding-top: 5px;
+  cursor: pointer;
+  // &:hover {
+  //   background: #f5f7fa;
+  // }
+}
+.choose-field {
+  padding-left: 10px;
+}
+.tree-field-checkbox-group {
+  font-size: 14px;
+  padding: 20px;
+}
+.tree-field-header {
+  @inlcude font_color_primary;
+  // margin-bottom:25px;
+}
+.tree-field-title {
+  font-size: 14px;
+  i {
+    margin-right: 4px;
+  }
+}
+.tree-field-checkbox {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 12px 0;
+  margin-left: 40px;
+  color: #666;
+  cursor: pointer;
+  line-height: 24px;
+}
+.tree-field-checkbox .active {
+  @include font_color_primary;
+}
+.dialog-footer {
+  text-align: center;
+  margin-top: 20px;
+}
+.search-relation {
+  padding-left: 20px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.search-relation .filter-condition__delete {
+  font-size: 14px;
+}
+.right-table__header {
+  margin-top: -50px;
+  width: calc(100% - 2px);
+  left: 2px;
+  position: relative;
+  top: 50px;
+  background: #fff;
+  z-index: 100;
+}
+.scope-text {
+  border-radius: 4px;
+  padding: 4px 8px;
+  background-color: #e6f6ff;
+}
+.scope-link {
+  margin-left: 14px;
+}
+.scope-item-line {
+  margin-top: 10px;
+}
+.jiedina-header {
+  padding: 10px 24px;
+  font-size: 16px;
+  border-bottom: 1px solid rgb(227, 227, 227);
+  i {
+    color: #1f82ef;
+    font-size: 18px;
+    position: relative;
+    top: -2px;
+    margin-right: 8px;
+  }
+  span {
+    padding-left: 6px;
+    border-left: 3px solid rgb(31, 130, 239);
+    border-color: rgb(31, 130, 239);
+  }
+}
+.jiedina-content-header {
+  margin-top: 20px;
+  padding: 16px 0;
+  border-bottom: none;
+  border-top: 1px solid rgb(227, 227, 227);
+}
+</style>