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

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

@@ -0,0 +1,61 @@
+<template>
+    <div class="bpmn-node-properties__scope-opera__popper">
+        <el-input
+            placeholder="输入关键字进行过滤"
+            v-model="filterText" clearable>
+        </el-input>
+        <el-tree :data="globalParamsData" node-key="label"
+        ref="paramsTree"
+         :props="{
+            children: 'children',
+            label: 'text'
+        }"
+        :filter-node-method="filterNode"
+        @node-click="selectDynamicParams">
+        <template v-slot="{ node }"><span v-html="node.label"></span></template>
+        </el-tree>
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-bpmn-global-params-tree',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    }
+  },
+  data () {
+    return {
+      filterText: ''
+    }
+  },
+  watch: {
+    filterText (val) {
+      this.$refs.paramsTree.filter(val)
+    }
+  },
+  methods: {
+    filterNode (value, data) {
+      if (!value) return true
+      return (data.name || data.text).indexOf(value) !== -1
+    },
+    selectDynamicParams (item, node) {
+      if (!item.leaf) return
+      let text = node.data.text
+      while (node.parent && node.parent.data?.text) {
+        text = node.parent.data.text + '.' + text
+        node = node.parent
+      }
+      this.$emit('nodeClick', { ...item, text })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

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

@@ -0,0 +1,182 @@
+<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>
+          <div class="bpmn-node-properties__attribute-input-type">
+            <el-select v-model="knowledgesData.type" placeholder="请选择">
+              <el-option label="指定值" value="designated"></el-option>
+              <el-option label="动态值" value="dynamic"></el-option>
+            </el-select>
+          </div>
+          <template v-if="knowledgesData.type==='designated'">
+            <el-input class="bpmn-node-properties__designated-input" v-model="knowledgesData.query" placeholder="请输入内容"></el-input>
+          </template>
+          <template v-else>
+            <div>
+                <el-popover ref="popover" trigger="click" :tabindex="1">
+                  <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="knowledgesData.queryName" 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="selectknowledgesParam">
+                      <template v-slot="{ node }"><span v-html="node.label"></span></template>
+                    </el-tree>
+                  </div>
+                </el-popover>
+              </div>
+
+          </template>
+        </div>
+      </li>
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input  bpmn-node-properties__attribute-input__auditor">
+          <label class="bpmn-node-properties__attribute-input__label">知识库</label>
+          <div class="bpmn-node-properties__attribute-input__container">
+            <div class="knowledge-item"  v-for="(item,index) in knowledgesData.knowledges" :key="item.ID+index">
+              <div class="knowledge-item-name">{{item.NAME}}</div>
+              <span class="knowledge-item-icon">
+                <i class="el-icon-close" @click="deleteKnowledge(index)"></i>
+              </span>
+
+            </div>
+          </div>
+        </div>
+        <div>
+          <el-popover ref="popover" trigger="click" :tabindex="1">
+              <template v-slot:reference><el-button class="add-knowledge-btn" type="primary" link>+添加知识库</el-button></template>
+            <div class="bpmn-node-properties__update-add-field__popper">
+              <div class="bpmn-node-properties__update-add-field__popper_item" v-for="item in knowledgesArr" :key="item.ID" @click="addKnowledges(item)">{{item.NAME}}</div>
+            </div>
+          </el-popover>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-bpmn-knowledges',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    // inParamData: {
+    //   type: Array,
+    //   default () {
+    //     return []
+    //   }
+    // },
+    elementValues: {
+      type: Object,
+      default () {
+        return {}
+      }
+    }
+  },
+  data () {
+    return {
+      knowledgesData: {
+        type: '',
+        query: '',
+        queryName: '',
+        knowledges: []
+      },
+      knowledgesArr: []
+    }
+  },
+  watch: {
+    knowledgesData: {
+      handler () {
+        this.saveNodeData()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    getKnowledgesData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:knowledgesData']) && this.elementValues['camunda:knowledgesData'] !== '{}') {
+        this.knowledgesData = JSON.parse(this.elementValues['camunda:knowledgesData'])
+      } else {
+        // 初始化
+        this.knowledgesData.type = 'designated'
+        this.knowledgesData.query = ''
+        this.knowledgesData.queryName = ''
+        this.knowledgesData.knowledges = []
+      }
+      // const inParamData = this.inParamData.map(item => ({ code: item.id, text: item.name, leaf: true, children: item.children ? item.children.map(child => ({ code: item.id + '_data.' + child.id, text: child.name, leaf: true })) : [] }))
+      // const nodeParamList = this.nodeParamList.map(item => ({ code: item.code, text: item.name, leaf: true, children: item.children ? item.children.map(item => ({ code: item.code.replace('|', '_data.'), text: item.name, leaf: true })) : [] }))
+      // this.dynamicParamsTree = [
+      //   {
+      //     text: '节点参数',
+      //     // label: '节点参数',
+      //     children: nodeParamList
+      //   },
+      //   {
+      //     text: '全局参数',
+      //     // label: '全局参数',
+      //     children: inParamData
+      //   }
+      // ]
+      if (this.knowledgesArr.length === 0) {
+        this.$http.list({
+          entityId: 'FM_AI_KNOWLEDGE'
+        })
+          .then(data => {
+            this.knowledgesArr = [...data.entitys]
+          })
+      }
+    },
+    selectknowledgesParam (item) {
+      if (!item.leaf) return
+      this.knowledgesData.query = item.code
+      this.knowledgesData.queryName = item.text
+    },
+    addKnowledges (item) {
+      const data = { ID: item.ID, NAME: item.NAME }
+      this.knowledgesData.knowledges.push(data)
+    },
+    deleteKnowledge (index) {
+      this.knowledgesData.knowledges.splice(index, 1)
+    },
+    saveNodeData () {
+      this.$emit('updateElementValues', {
+        key: 'camunda:knowledgesData',
+        data: JSON.stringify(this.knowledgesData)
+      })
+    }
+  },
+  created () {
+    this.getKnowledgesData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.knowledge-item{
+  width: 100%;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+}
+.knowledge-item-name{
+  flex: 1;
+  background: var(--epx-bg);
+  border-radius: var(--epx-radius-base);
+  padding: 8px 10px;
+  line-height: 1;
+}
+.knowledge-item-icon{
+  width: 20px;
+  cursor: pointer;
+}
+// .add-knowledge-btn{
+//   margin-left: 100px;
+// }
+</style>

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

@@ -0,0 +1,372 @@
+<template>
+  <div>
+    <ul class="bpmn-node-properties__attribute-list">
+      <div class="bpmn-node-properties__jiedina-header bpmn-node-properties__jiedina-content-header"><span>设置登录方式</span></div>
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">用户对象</label>
+            <epx-table-form-item
+            :value="{id: loginData.formDataMeta, name: loginData.formDataMetaName}"
+            @change="setFormMeta($event,'formDataMeta','formDataMetaName')" :fieldConfigs="{attriName: 'formDataMeta', attriLabel: '业务对象', dataType:'object', codeKey: 'FM_ENTITY', state: 'EDIT'}"></epx-table-form-item>
+        </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="loginData.authentication">
+            <el-radio label="psw" value="psw">密码</el-radio>
+            <el-radio label="phonecode" value="phonecode">手机验证码</el-radio>
+            <el-radio label="emailcode" value="emailcode">邮箱验证码</el-radio>
+            <el-radio label="no" value="no">无需认证</el-radio>
+          </el-radio-group>
+        </div>
+      </li>
+      <template v-if="loginData.formDataMeta">
+        <!-- 姓名字段 -->
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">姓名字段</label>
+              <epx-table-form-item
+              :value="{id: loginData.nameField, name: loginData.nameFieldName}"
+              @change="setFormMeta($event,'nameField','nameFieldName')"
+              :fieldConfigs="{
+                attriName: 'nameField',
+                attriLabel: '姓名字段',
+                dataType:'object',
+                  codeKey: 'FM_ATTRIBUTE',
+                  objectScope:[{field: 'ENTITY_ID',mode: 'equal',values:loginData.formDataMeta||businessMetaId ,lb: '(',rb: ')'}],
+                  state: 'EDIT'}">
+              </epx-table-form-item>
+          </div>
+        </li>
+        <!-- 账号字段 -->
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">账号字段</label>
+              <epx-table-form-item
+              :value="{id: loginData.accountField, name: loginData.accountFieldName}"
+              @change="setFormMeta($event,'accountField','accountFieldName')"
+              :fieldConfigs="{
+                attriName: 'accountField',
+                attriLabel: '账号字段',
+                dataType:'object',
+                  codeKey: 'FM_ATTRIBUTE',
+                  objectScope:[{field: 'ENTITY_ID',mode: 'equal',values:loginData.formDataMeta||businessMetaId ,lb: '(',rb: ')'}],
+                  state: 'EDIT'}">
+              </epx-table-form-item>
+          </div>
+        </li>
+        <!-- 密码字段 -->
+        <li class="attribute-item" v-if="loginData.authentication==='psw'">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">密码字段</label>
+              <epx-table-form-item
+              :value="{id: loginData.pswField, name: loginData.pswFieldName}"
+              @change="setFormMeta($event,'pswField','pswFieldName')"
+              :fieldConfigs="{
+                attriName: 'pswField',
+                attriLabel: '密码字段',
+                dataType:'object',
+                  codeKey: 'FM_ATTRIBUTE',
+                  objectScope:[{field: 'ENTITY_ID',mode: 'equal',values:loginData.formDataMeta||businessMetaId ,lb: '(',rb: ')'}],
+                  state: 'EDIT'}">
+              </epx-table-form-item>
+          </div>
+        </li>
+        <!-- 账号 -->
+        <li class="attribute-item" v-if="loginData.authentication==='psw'||loginData.authentication==='no'">
+          <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="loginData.accountValueC"  placeholder="参数"></el-input></template>
+                <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicParams($event,'account')"></epx-bpmn-global-params-tree>
+              </el-popover>
+            </div>
+          </div>
+        </li>
+        <!-- 密码 -->
+        <li class="attribute-item" v-if="loginData.authentication==='psw'">
+          <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="loginData.pswValueC"  placeholder="参数"></el-input></template>
+                <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicParams($event,'psw')"></epx-bpmn-global-params-tree>
+              </el-popover>
+            </div>
+          </div>
+        </li>
+        <!-- 手机字段 -->
+        <li class="attribute-item" v-if="loginData.authentication==='phonecode'">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">手机字段</label>
+              <epx-table-form-item
+              :value="{id: loginData.phoneField, name: loginData.phoneFieldName}"
+              @change="setFormMeta($event,'phoneField','phoneFieldName')"
+              :fieldConfigs="{
+                attriName: 'phoneField',
+                attriLabel: '手机字段',
+                dataType:'object',
+                  codeKey: 'FM_ATTRIBUTE',
+                  objectScope:[{field: 'ENTITY_ID',mode: 'equal',values:loginData.formDataMeta||businessMetaId ,lb: '(',rb: ')'}],
+                  state: 'EDIT'}">
+              </epx-table-form-item>
+          </div>
+        </li>
+        <!-- 邮箱字段 -->
+        <li class="attribute-item" v-if="loginData.authentication==='emailcode'">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">邮箱字段</label>
+              <epx-table-form-item
+              :value="{id: loginData.emailField, name: loginData.emailFieldName}"
+              @change="setFormMeta($event,'emailField','emailFieldName')"
+              :fieldConfigs="{
+                attriName: 'emailField',
+                attriLabel: '邮箱字段',
+                dataType:'object',
+                  codeKey: 'FM_ATTRIBUTE',
+                  objectScope:[{field: 'ENTITY_ID',mode: 'equal',values:loginData.formDataMeta||businessMetaId ,lb: '(',rb: ')'}],
+                  state: 'EDIT'}">
+              </epx-table-form-item>
+          </div>
+        </li>
+        <!-- 手机号码 -->
+        <li class="attribute-item" v-if="loginData.authentication==='phonecode'">
+          <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="loginData.phoneValueC"  placeholder="参数"></el-input></template>
+                <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicParams($event,'phone')"></epx-bpmn-global-params-tree>
+              </el-popover>
+            </div>
+          </div>
+        </li>
+        <!-- 邮箱 -->
+        <li class="attribute-item" v-if="loginData.authentication==='emailcode'">
+          <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="loginData.emailValueC"  placeholder="参数"></el-input></template>
+                <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicParams($event,'email')"></epx-bpmn-global-params-tree>
+              </el-popover>
+            </div>
+          </div>
+        </li>
+        <!-- 验证码 -->
+        <li class="attribute-item" v-if="loginData.authentication==='phonecode'||loginData.authentication==='emailcode'">
+          <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="loginData.yzmValueC"  placeholder="参数"></el-input></template>
+                <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectDynamicParams($event,'yzm')"></epx-bpmn-global-params-tree>
+              </el-popover>
+            </div>
+          </div>
+        </li>
+        <!-- 登录角色 -->
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">登录角色</label>
+              <epx-table-form-item
+              :value="{id: loginData.role, name: loginData.roleName}"
+              @change="setFormMeta($event,'role','roleName')"
+              :fieldConfigs="{
+                attriName: 'role',
+                attriLabel: '登录角色',
+                dataType:'object',
+                  codeKey: 'FM_ROLE',
+                  objectScope:[{field: 'SYSTEM',mode: 'equal',values:SYSTEM ,lb: '(',rb: ')'}],
+                  state: 'EDIT'}">
+              </epx-table-form-item>
+          </div>
+        </li>
+      </template>
+      <!-- 有效账号条件 -->
+      <li class="attribute-item">
+        <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 loginData.accountScopeParams" :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>
+      <div class="bpmn-node-properties__jiedina-header bpmn-node-properties__jiedina-content-header"><span>设置登录校验</span></div>
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input attribute-input-top">
+          <label class="bpmn-node-properties__attribute-input__label">同IP失败次数校验</label>
+          <div class="bpmn-node-properties__attribute-input">
+            <el-input style="marginLeft:10px;marginRight:10px;width:120px;" type="number" v-model="loginData.ipMinute" placeholder="请输入"></el-input>
+            分钟
+            <el-input style="marginLeft:10px;marginRight:10px;width:120px;" type="number" v-model="loginData.ipNum" placeholder="请输入"></el-input>
+            次
+          </div>
+        </div>
+      </li>
+      <!-- 同账号失败次数校验 -->
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input attribute-input-top">
+          <label class="bpmn-node-properties__attribute-input__label">同账号失败次数校验</label>
+          <div class="bpmn-node-properties__attribute-input">
+            <el-input style="marginLeft:10px;marginRight:10px;width:120px;" type="number" v-model="loginData.accountMinute" placeholder="请输入"></el-input>
+            分钟
+            <el-input style="marginLeft:10px;marginRight:10px;width:120px;" type="number" v-model="loginData.accountNum" placeholder="请输入"></el-input>
+            次
+          </div>
+        </div>
+      </li>
+    </ul>
+    <epx-scope-drawer v-model:visible="showScopeDrawerDialog" :metaId="loginData.formDataMeta"
+      :fieldValueMetaId="businessMetaId"
+      :extendMode="globalParamsData"
+      onlyShowMainEntityFieldFlag
+      :modeType="['FIXED_VALUE', 'FIELD_VALUE']"
+      v-model="loginData.accountScopeParams"
+      :params="loginData.accountScopeParams" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-bpmn-login',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    inParamData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    elementValues: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    businessMetaId: String
+  },
+  data () {
+    return {
+      loginData: {
+        formDataMeta: '',
+        formDataMetaName: '',
+        authentication: '',
+        nameField: '',
+        nameFieldName: '',
+        accountField: '',
+        accountFieldName: '',
+        accountValue: '',
+        accountValueC: '',
+        accountParamsType: '',
+        pswValue: '',
+        pswValueC: '',
+        pswParamsType: '',
+        pswField: '',
+        pswFieldName: '',
+        phoneField: '',
+        phoneFieldName: '',
+        phoneValue: '',
+        phoneValueC: '',
+        phoneParamsType: '',
+        emailField: '',
+        emailFieldName: '',
+        emailValue: '',
+        emailValueC: '',
+        emailParamsType: '',
+        yzmValue: '',
+        yzmValueC: '',
+        yzmParamsType: '',
+        role: '',
+        roleName: '',
+        accountScopeParams: [],
+        ipMinute: null,
+        ipNum: null,
+        accountMinute: null,
+        accountNum: null
+      },
+      showScopeDrawerDialog: false
+    }
+  },
+  watch: {
+    loginData: {
+      handler () {
+        this.saveNodeData()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    selectDynamicParams (paramItem, type) {
+      const obj = {
+        account: ['accountValue', 'accountValueC', 'accountParamsType'],
+        psw: ['pswValue', 'pswValueC', 'pswParamsType'],
+        phone: ['phoneValue', 'phoneValueC', 'phoneParamsType'],
+        email: ['emailValue', 'emailValueC', 'emailParamsType'],
+        yzm: ['yzmValue', 'yzmValueC', 'yzmParamsType']
+      }
+      if (!paramItem.leaf) return
+      const fields = obj[type]
+      fields.forEach((item, index) => {
+        const value = index === 0 ? paramItem.code : index === 1 ? paramItem.text : paramItem.paramsType
+        this.loginData[item] = value
+      })
+      // field.value = paramItem.code
+      // field.valueC = paramItem.text
+      // field.paramsType = paramItem.paramsType
+    },
+    settingSearchScope () {
+      const formDataMetaId = this.loginData.formDataMeta
+      if (this.$_.isEmpty(formDataMetaId)) {
+        this.$message.error('请先选择数据对象')
+        return
+      }
+      this.showScopeDrawerDialog = true
+    },
+    setFormMeta (v, field, fieldC) {
+      // this.loginData.formDataMeta = v ? v.id : ''
+      // this.loginData.formDataMetaName = v ? v.name : ''
+      this.loginData[field] = v ? v.id : ''
+      this.loginData[fieldC] = v ? v.name : ''
+    },
+    saveNodeData () {
+      this.$emit('updateElementValues', {
+        key: 'camunda:loginData',
+        data: JSON.stringify(this.loginData)
+      })
+    },
+    getNodeParamsData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:loginData']) && this.elementValues['camunda:loginData'] !== '{}') {
+        const loginData = this.elementValues['camunda:loginData']
+        if (loginData) {
+          this.loginData = JSON.parse(loginData)
+          // if (!this.loginData.accountValue) {
+          //   this.loginData.accountValue = ''
+          //   this.loginData.accountValueC = ''
+          //   this.loginData.accountParamsType = ''
+          // }
+        }
+      }
+      console.log(this.loginData, 'loginData')
+    }
+  },
+  created () {
+    this.getNodeParamsData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>