@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/src/components/custom-bpmn/components/SingleMultipleFind.vue

@@ -0,0 +1,637 @@
+<template>
+  <div>
+    <ul class="bpmn-node-properties__attribute-list">
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">数据来源</label>
+          <el-radio-group v-model="singleFindData.formDataSources" @change="changeType">
+            <el-radio label="1" value="1">默认对象</el-radio>
+            <el-radio label="3" value="3">指定对象</el-radio>
+          </el-radio-group>
+        </div>
+      </li>
+      <li class="attribute-item" v-if="singleFindData.formDataSources==='3'">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">数据对象</label>
+          <epx-bpmn-meta-select v-model="metaConfig" :globalParamsData="globalParamsData" attriLabel="数据对象" @change="getLinkMeta"></epx-bpmn-meta-select>
+        </div>
+      </li>
+      <!-- 单条查询显示 -->
+      <li class="attribute-item" v-if="elementValues['camunda:formTypeId']==='19'">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">查询方式</label>
+          <el-radio-group v-model="singleFindData.findType">
+            <el-radio label="1" value="1">指定ID查询</el-radio>
+            <el-radio label="2" value="2">设置查询条件</el-radio>
+          </el-radio-group>
+        </div>
+      </li>
+      <li class="attribute-item" v-if="singleFindData.findType==='1'">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">指定ID查询</label>
+          <div>
+            <el-popover ref="popover" trigger="click" :tabindex="1">
+              <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="singleFindData.findIdValueC"  placeholder="参数"></el-input></template>
+              <div class="bpmn-node-properties__scope-opera__popper">
+                <el-tree :data="globalParamsData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'text'
+                  }" @node-click="selectDynamicParams">
+                  <template v-slot="{ node }"><span v-html="node.label"></span></template>
+                </el-tree>
+              </div>
+            </el-popover>
+          </div>
+        </div>
+      </li>
+      <li class="attribute-item"  v-if="(elementValues['camunda:formTypeId']==='19'&&singleFindData.findType==='2')||elementValues['camunda:formTypeId']==='20'">
+        <div class="bpmn-node-properties__attribute-input attribute-input-top">
+          <label class="bpmn-node-properties__attribute-input__label">查询条件</label>
+          <div>
+            <div class="bpmn-node-properties__scope-item-line"
+            v-for="(item,index) in singleFindData.findScopeParams" :key="index">
+            <span class="bpmn-node-properties__scope-text">{{item.text}}</span>
+            <span class="bpmn-node-properties__scope-link">{{item.linkLabel||item.link||''}}</span></div>
+            <el-button type="primary" link @click="settingSearchScope">设置</el-button>
+          </div>
+        </div>
+      </li>
+      <!-- 初始条件 -->
+      <li class="attribute-item" >
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">初始条件</label>
+          <div>
+            <el-popover ref="popover" trigger="click" :tabindex="1">
+              <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="singleFindData.queryValueC"  placeholder="设置"></el-input></template>
+              <div class="bpmn-node-properties__scope-opera__popper">
+                <el-tree :data="globalParamsData" node-key="label" :props="{
+                    children: 'children',
+                    label: 'text'
+                  }" @node-click="selectQueryDynamicParams">
+                  <template v-slot="{ node }"><span v-html="node.label"></span></template>
+                </el-tree>
+              </div>
+            </el-popover>
+          </div>
+        </div>
+      </li>
+      <!-- 关联对象 -->
+      <li class="attribute-item" >
+        <div class="bpmn-node-properties__attribute-input bpmn-node-properties__attribute-input-flexStart">
+          <label class="bpmn-node-properties__attribute-input__label">关联对象</label>
+          <div>
+            <el-popover ref="popover" trigger="click" :tabindex="1">
+              <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="getLinkMetaText"  placeholder="请选择"></el-input></template>
+              <div class="bpmn-node-properties__scope-opera__popper">
+                <el-tree :data="linkMetaTree" node-key="linkFlag" :props="{
+                    children: 'children',
+                    label: 'title'
+                  }" @node-click="selectLinkMeta">
+                  <template v-slot="{ node,data }"><span v-html="node.label" :style="data.isSub && data.relationType==='1'? {color: 'red'}: {}"></span></template>
+                </el-tree>
+              </div>
+            </el-popover>
+            <div class="bpmn-node-properties__link-meta-con">
+              <div class="bpmn-node-properties__link-meta-item" v-for="(item, index) in singleFindData.linkMeta" :key="index">
+              {{item.name}}
+              <i class="el-icon-close" @click="deleteLinkMeta(item,index)"></i>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+      <template v-if="elementValues['camunda:formTypeId']==='20'">
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">输出字段</label>
+            <div>
+              <div class="find-field-type-con">
+                <el-radio-group v-model="singleFindData.fieldType" @change="changeFieldType">
+                  <el-radio label="1" value="1">全部字段</el-radio>
+                  <el-radio label="2" value="2">指定字段</el-radio>
+                  <el-radio label="3" value="3">动态指定</el-radio>
+                  <el-radio label="4" value="4">无</el-radio>
+                </el-radio-group>
+              </div>
+            <div style="marginTop:5px">
+              <div v-if="singleFindData.fieldType==='2'">
+                <epx-visual-config-field
+                  :showFieldWay="false"
+                  :value="singleFindData.fields"
+                  :componentMetaId="singleFindData.formDataMeta ||businessMetaId"
+                  :metaId="singleFindData.formDataMeta ||businessMetaId"
+                  :treeFieldStore="treeFieldStore"
+                  :field-options="fieldOptions"
+                  @change-configs="changeConfigItem('fields',$event)"
+                      />
+              </div>
+              <div v-if="singleFindData.fieldType==='3'">
+                <el-popover ref="popover" trigger="click" :tabindex="1">
+                  <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="singleFindData.dynamicFieldValueC"  placeholder="设置"></el-input></template>
+                  <!-- <div class="bpmn-node-properties__scope-opera__popper">
+                    <el-tree :data="globalParamsData" node-key="label" :props="{
+                        children: 'children',
+                        label: 'text'
+                      }" @node-click="selectDynamicFieldParams">
+                      <span v-html="node.label" slot-scope="{ node }"></span>
+                    </el-tree>
+                  </div> -->
+                  <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicFieldParams"></epx-bpmn-global-params-tree>
+                </el-popover>
+              </div>
+            </div>
+            </div>
+          </div>
+        </li>
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">是否分页</label>
+            <el-radio-group v-model="singleFindData.pageFlag">
+              <el-radio label="1" value="1">分页</el-radio>
+              <el-radio label="2" value="2">不分页</el-radio>
+            </el-radio-group>
+          </div>
+        </li>
+        <li class="attribute-item" v-if="singleFindData.pageFlag==='1'">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">每页记录数</label>
+            <div class="bpmn-node-properties__attribute-input-type">
+              <el-select v-model="singleFindData.pageSizeType" placeholder="请选择" @change="singleFindData.pageSize='',singleFindData.pageSizeValueC='',singleFindData.pageSizeParamstype=''">
+                <el-option label="指定值" value="designated"></el-option>
+                <el-option label="动态值" value="dynamic"></el-option>
+              </el-select>
+            </div>
+               <template v-if="singleFindData.pageSizeType==='designated'">
+                <el-input class="bpmn-node-properties__designated-input" v-model="singleFindData.pageSize" placeholder="请输入内容"></el-input>
+              </template>
+              <template v-else-if="singleFindData.pageSizeType==='dynamic'">
+                <div>
+                  <el-popover ref="popover" trigger="click" :tabindex="1">
+                    <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="singleFindData.pageSizeValueC" suffix-icon="el-icon-search" size="default" placeholder="参数"></el-input></template>
+                    <!-- <div class="bpmn-node-properties__scope-opera__popper">
+                      <el-tree :data="globalParamsData" node-key="label" :props="{
+                          children: 'children',
+                          label: 'text'
+                        }" @node-click="selectDynamicPageSizeParams($event,'pageSize')">
+                        <span v-html="node.label" slot-scope="{ node }"></span>
+                      </el-tree>
+                    </div> -->
+                    <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicPageSizeParams($event,'pageSize')"></epx-bpmn-global-params-tree>
+                  </el-popover>
+                </div>
+              </template>
+          </div>
+        </li>
+        <li class="attribute-item" v-if="singleFindData.pageFlag==='1'">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">指定页码</label>
+            <div class="bpmn-node-properties__attribute-input-type">
+              <el-select v-model="singleFindData.pageNumType" placeholder="请选择" @change="singleFindData.pageNum='',singleFindData.pageNumValueC='',singleFindData.pageNumParamstype=''">
+                <el-option label="指定值" value="designated"></el-option>
+                <el-option label="动态值" value="dynamic"></el-option>
+              </el-select>
+            </div>
+               <template v-if="singleFindData.pageNumType==='designated'">
+                <el-input class="bpmn-node-properties__designated-input" v-model="singleFindData.pageNum" placeholder="请输入内容"></el-input>
+              </template>
+              <template v-else-if="singleFindData.pageNumType==='dynamic'">
+                <div>
+                  <el-popover ref="popover" trigger="click" :tabindex="1">
+                    <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="singleFindData.pageNumValueC" suffix-icon="el-icon-search" size="default" placeholder="参数"></el-input></template>
+                    <!-- <div class="bpmn-node-properties__scope-opera__popper">
+                      <el-tree :data="globalParamsData" node-key="label" :props="{
+                          children: 'children',
+                          label: 'text'
+                        }" @node-click="selectDynamicPageSizeParams($event,'pageNum')">
+                        <span v-html="node.label" slot-scope="{ node }"></span>
+                      </el-tree>
+                    </div> -->
+                    <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicPageSizeParams($event,'pageNum')"></epx-bpmn-global-params-tree>
+                  </el-popover>
+                </div>
+              </template>
+          </div>
+        </li>
+        <li class="attribute-item" v-if="singleFindData.pageFlag==='2'">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">记录数限制</label>
+            <div class="bpmn-node-properties__attribute-input">
+              <div style="white-space: nowrap;">最多 </div>
+                <el-input style="marginLeft:10px;marginRight:10px;width:120px;" v-model="singleFindData.total" placeholder="请输入"></el-input>
+              条
+            </div>
+          </div>
+        </li>
+      </template>
+      <!-- 单条查询显示 -->
+      <!-- <template v-if="elementValues['camunda:formTypeId']==='19'"> -->
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">排序字段</label>
+            <div>
+              <div class="find-field-type-con">
+                <el-radio-group v-model="singleFindData.orderFieldType">
+                  <el-radio label="1" value="1">无</el-radio>
+                  <el-radio label="2" value="2">指定字段</el-radio>
+                  <el-radio label="3" value="3">动态指定</el-radio>
+                </el-radio-group>
+              </div>
+              <div style="marginTop:5px">
+                <div v-if="singleFindData.orderFieldType==='2'">
+                  <epx-visual-config-order-field
+                    :showFieldWay="false"
+                    :value="singleFindData.orderFieldsArr"
+                    :componentMetaId="singleFindData.formDataMeta ||businessMetaId"
+                    :metaId="singleFindData.formDataMeta ||businessMetaId"
+                    :treeFieldStore="treeFieldStore"
+                    :field-options="fieldOptions"
+                    @change-configs="changeConfigItem('orderFields',$event)"
+                        />
+                </div>
+                <div v-if="singleFindData.orderFieldType==='3'">
+                  <el-popover ref="popover" trigger="click" :tabindex="1">
+                    <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="singleFindData.orderDynamicFieldValueC"  placeholder="字段设置"></el-input></template>
+                    <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectOrderDynamicFieldParams($event,'field')"></epx-bpmn-global-params-tree>
+                  </el-popover>
+                  <el-popover ref="popover" trigger="click" :tabindex="1">
+                    <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" style="marginTop:5px" :model-value="singleFindData.orderDynamicModeValueC"  placeholder="排序设置"></el-input></template>
+                    <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectOrderDynamicFieldParams($event,'orderMode')"></epx-bpmn-global-params-tree>
+                  </el-popover>
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
+    </ul>
+    <epx-scope-drawer v-model:visible="showScopeDrawerDialog" :metaId="scopeMetaId"
+      :fieldValueMetaId="businessMetaId"
+      :extendMode="globalParamsData"
+      onlyShowMainEntityFieldFlag
+      :modeType="['FIXED_VALUE', 'FIELD_VALUE']"
+      v-model="singleFindData.findScopeParams"
+      :params="singleFindData.findScopeParams" />
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+export default {
+  name: 'epx-bpmn-single-multiple-find',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    inParamData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    elementValues: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    businessMetaId: String
+  },
+  data () {
+    return {
+      singleFindData: {
+        formDataSources: '1',
+        metaType: 'designated',
+        formDataMeta: '',
+        formDataMetaName: '',
+        dynamicMeta: '',
+        dynamicMetaType: '',
+        dynamicMetaValueC: '',
+        findType: '',
+        findId: '',
+        findIdParamsType: '',
+        findIdValueC: '',
+        findScopeParams: [],
+        query: '',
+        queryParamsType: '',
+        queryValueC: '',
+        linkMeta: [],
+        orderFieldType: '',
+        orderFields: [],
+        orderMode: [],
+        orderFieldsArr: [],
+        orderDynamicField: '',
+        orderDynamicFieldValueC: '',
+        orderDynamicFieldParamsType: '',
+        orderDynamicMode: '',
+        orderDynamicModeValueC: '',
+        orderDynamicModeParamsType: '',
+        // 多条查询属性
+        fieldType: '',
+        fields: [],
+        dynamicField: '',
+        dynamicFieldValueC: '',
+        dynamicFieldParamsType: '',
+        pageFlag: '2', // 不分页
+        pageSize: '',
+        pageSizeType: 'designated',
+        pageSizeValueC: '',
+        pageSizeParamstype: '',
+        pageNum: '',
+        pageNumType: 'designated',
+        pageNumValueC: '',
+        pageNumParamstype: '',
+        total: ''
+      },
+      scopeMetaId: '',
+      showScopeDrawerDialog: false,
+      linkMetaTree: [],
+      linkMetaCode: {},
+      fieldOptions: [
+        { key: 'attriName', label: '字段', readonly: true }
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'getMetaViewFields'
+    ]),
+    getLinkMetaText () {
+      let text = ''
+      if (this.singleFindData.linkMeta && this.singleFindData.linkMeta.length > 0) {
+        const arr = this.singleFindData.linkMeta.map(item => item.name)
+        text = arr.join('，')
+      }
+      return text
+    },
+    treeFieldStore () {
+      const metaId = this.singleFindData.formDataMeta || this.businessMetaId
+      return this.getMetaViewFields(metaId)
+    },
+    // 业务对象选择器的取值代理，保持数据扁平存储在 singleFindData 上
+    metaConfig: {
+      get () {
+        const d = this.singleFindData
+        return {
+          metaType: d.metaType,
+          formDataMeta: d.formDataMeta,
+          formDataMetaName: d.formDataMetaName,
+          dynamicMeta: d.dynamicMeta,
+          dynamicMetaType: d.dynamicMetaType,
+          dynamicMetaValueC: d.dynamicMetaValueC
+        }
+      },
+      set (v) {
+        Object.keys(v).forEach(key => this.$set(this.singleFindData, key, v[key]))
+      }
+    }
+  },
+  watch: {
+    singleFindData: {
+      handler () {
+        this.saveNodeData()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    selectDynamicPageSizeParams (paramItem, type) {
+      if (!paramItem.leaf) return
+      if (type === 'pageNum') {
+        // this.singleFindData.pageNumValueC = paramItem.text
+        this.singleFindData.pageNumValueC = paramItem.text
+        this.singleFindData.pageNum = paramItem.code
+        this.singleFindData.pageNumParamstype = paramItem.paramsType
+      } else {
+        // this.singleFindData.pageSizeValueC = paramItem.text
+        this.singleFindData.pageSizeValueC = paramItem.text
+        this.singleFindData.pageSize = paramItem.code
+        this.singleFindData.pageSizeParamstype = paramItem.paramsType
+      }
+    },
+    changeConfigItem (type, v) {
+      if (type === 'orderFields') {
+        const field = v.map(item => item.attriName || item)
+        const orderMode = v.map(item => item.sort || 'asc')
+        this.singleFindData[type] = field
+        this.singleFindData.orderMode = orderMode
+        this.singleFindData.orderFieldsArr = v
+      } else {
+        this.singleFindData[type] = v
+      }
+    },
+    deleteLinkMeta (item, index) {
+      this.singleFindData.linkMeta.splice(index, 1)
+      this.linkMetaCode[item.id] = false
+    },
+    selectLinkMeta (item) {
+      if (this.linkMetaCode[item.id]) {
+        const index = this.singleFindData.linkMeta.findIndex(submeta => submeta.code === item.linkFlag)
+        if (index > -1) {
+          this.singleFindData.linkMeta.splice(index, 1)
+          this.linkMetaCode[item.id] = false
+        }
+      } else {
+        this.linkMetaCode[item.id] = true
+        this.singleFindData.linkMeta.push({ code: item.linkFlag, name: item.title })
+      }
+    },
+    selectOrderDynamicFieldParams (item, type) {
+      if (!item.leaf) return
+      if (type === 'field') {
+        this.singleFindData.orderDynamicField = item.code
+        this.singleFindData.orderDynamicFieldParamsType = item.paramsType
+        this.singleFindData.orderDynamicFieldValueC = item.text
+      } else {
+        this.singleFindData.orderDynamicMode = item.code
+        this.singleFindData.orderDynamicModeParamsType = item.paramsType
+        this.singleFindData.orderDynamicModeValueC = item.text
+      }
+    },
+    selectDynamicFieldParams (item) {
+      if (!item.leaf) return
+      this.singleFindData.dynamicField = item.code
+      this.singleFindData.dynamicFieldParamsType = item.paramsType
+      this.singleFindData.dynamicFieldValueC = item.text
+    },
+    selectQueryDynamicParams (item) {
+      if (!item.leaf) return
+      this.singleFindData.query = item.code
+      this.singleFindData.queryParamsType = item.paramsType
+      this.singleFindData.queryValueC = item.text
+    },
+    selectDynamicParams (item) {
+      if (!item.leaf) return
+      this.singleFindData.findId = item.code
+      this.singleFindData.findIdParamsType = item.paramsType
+      this.singleFindData.findIdValueC = item.text
+    },
+    changeFieldType () {
+      this.singleFindData.fields = []
+      this.singleFindData.dynamicField = ''
+      this.singleFindData.dynamicFieldValueC = ''
+      this.singleFindData.dynamicFieldParamsType = ''
+    },
+    changeType (v) {
+      if (v === '1') {
+        this.singleFindData.formDataMeta = ''
+        this.singleFindData.formDataMetaName = ''
+        this.getLinkMeta()
+      } else if (v === '3') {
+        if (this.singleFindData.formDataMeta) {
+          this.getLinkMeta()
+        } else {
+          this.linkMetaTree = []
+        }
+      }
+    },
+    settingSearchScope () {
+      if (this.singleFindData.formDataSources === '3') {
+        const formDataMetaId = this.singleFindData.formDataMeta
+        if (this.$_.isEmpty(formDataMetaId)) {
+          this.$message.error('请先选择数据对象')
+          return
+        }
+      }
+      const scopeMetaId = this.singleFindData.formDataSources === '3' ? this.singleFindData.formDataMeta : this.businessMetaId
+      this.scopeMetaId = scopeMetaId
+      this.showScopeDrawerDialog = true
+    },
+    saveNodeData () {
+      this.$emit('updateElementValues', {
+        key: 'camunda:singleFindData',
+        data: JSON.stringify(this.singleFindData)
+      })
+    },
+    getNodeParamsData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:singleFindData']) && this.elementValues['camunda:singleFindData'] !== '{}') {
+        const singleFindData = this.elementValues['camunda:singleFindData']
+        if (singleFindData) {
+          this.singleFindData = JSON.parse(singleFindData)
+        }
+        // 兼容历史数据：未配置业务对象类型时默认为指定值
+        if (!this.singleFindData.metaType) {
+          this.$set(this.singleFindData, 'metaType', 'designated')
+          this.$set(this.singleFindData, 'dynamicMeta', '')
+          this.$set(this.singleFindData, 'dynamicMetaType', '')
+          this.$set(this.singleFindData, 'dynamicMetaValueC', '')
+        }
+        // 查询节点新增排序
+        if (!this.singleFindData.orderFields) {
+          this.singleFindData.orderFields = []
+          this.singleFindData.orderMode = []
+          this.singleFindData.orderFieldsArr = []
+          this.singleFindData.orderDynamicField = ''
+          this.singleFindData.orderDynamicFieldValueC = ''
+          this.singleFindData.orderDynamicFieldParamsType = ''
+          this.singleFindData.orderDynamicMode = ''
+          this.singleFindData.orderDynamicModeValueC = ''
+          this.singleFindData.orderDynamicModeParamsType = ''
+        }
+      } else {
+        this.singleFindData = {
+          formDataSources: '1',
+          metaType: 'designated',
+          formDataMeta: '',
+          formDataMetaName: '',
+          dynamicMeta: '',
+          dynamicMetaType: '',
+          dynamicMetaValueC: '',
+          findType: '',
+          findId: '',
+          findIdParamsType: '',
+          findIdValueC: '',
+          findScopeParams: [],
+          query: '',
+          queryParamsType: '',
+          queryValueC: '',
+          linkMeta: [],
+          orderFieldType: '',
+          orderFields: [],
+          orderMode: [],
+          orderFieldsArr: [],
+          orderDynamicField: '',
+          orderDynamicFieldValueC: '',
+          orderDynamicFieldParamsType: '',
+          orderDynamicMode: '',
+          orderDynamicModeValueC: '',
+          orderDynamicModeParamsType: '',
+          // 多条查询属性
+          fieldType: '',
+          fields: [],
+          dynamicField: '',
+          dynamicFieldValueC: '',
+          dynamicFieldParamsType: '',
+          pageFlag: '2', // 不分页
+          pageSize: '',
+          pageSizeType: 'designated',
+          pageSizeValueC: '',
+          pageSizeParamstype: '',
+          pageNum: '',
+          pageNumType: 'designated',
+          pageNumValueC: '',
+          pageNumParamstype: '',
+          total: ''
+        }
+      }
+      this.getLinkMeta()
+    },
+    getLinkMeta () {
+      const currentMetaId = this.singleFindData.formDataSources === '3' ? this.singleFindData.formDataMeta : this.businessMetaId
+      const param = {
+        action: 'getEntityMetaView',
+        entityId: 'FM_ENTITY_VIEW',
+        metaId: currentMetaId
+        // relationSort: '2,3'
+      }
+      if (this.elementValues['camunda:formTypeId'] === '20') {
+        param.relationSort = '2,3'
+      }
+      this.$http.$post(param)
+        .then(data => {
+          const linkArr = data.splice(1)
+          const formatData = (arr) => {
+            arr.forEach(item => {
+              item.field = item.linkCode || item.code
+              item.relationSort = item.relationType
+              if (!item.codeKey) item.codeKey = item.relatedEntity
+              item.id = item.field
+              item.title = item.text
+              item.meta = item.meta ? item.meta.id : ''
+              if (item.type === 'meta' && item.relationType === '1') item.isSub = true
+              if (item.children) {
+                if (this.elementValues['camunda:formTypeId'] === '20') {
+                  const arr = item.children.filter(child => child.type === 'meta' && child.relationType !== '1')
+                  item.children = arr
+                } else {
+                  const arr = item.children.filter(child => child.type === 'meta')
+                  item.children = arr
+                }
+                formatData(item.children)
+              }
+            })
+          }
+          formatData(linkArr)
+          this.linkMetaTree = [...linkArr]
+        })
+    }
+  },
+  created () {
+    this.getNodeParamsData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.find-field-type-con{
+  // height: 31px;
+  // line-height: 31px;
+  margin-top: 5px;
+
+    :deep(.el-radio) {
+      padding: 4px 0;
+    }
+
+}
+</style>