workflow-editor 0.9.69-dw → 0.9.69-pv

package/packages/workflow-editor/src/properties-editors/common/transactor-settings.vue

@@ -0,0 +1,233 @@
+<template>
+  <el-form :model="formModel">
+    <el-form-item label="">
+      <el-radio-group v-model="formModel.transactor">
+        <el-radio label="${instanceCreator}">
+          {{ $t('workflowEditor.process.processInitiator') }}
+        </el-radio>
+        <el-radio v-if="usedIn==='HumanTask'" label="${previousTransactorAssignment}">
+          {{ $t('workflowEditor.process.appointmentOfHandlerInThePreviousLink') }}
+        </el-radio>
+        <el-radio label="byField">
+          {{ $t('workflowEditor.process.personSpecifiedInFormField') }}
+        </el-radio>
+        <el-radio label="byCondition">
+          {{ $t('workflowEditor.process.filterByCriteria') }}
+        </el-radio>
+      </el-radio-group>
+      <div v-if="formModel.transactor==='byCondition'">
+        <common-user-condition v-model="formModel.userCondition" used-in="transactor" />
+      </div>
+      <el-form-item
+        v-if="formModel.transactor==='byField'"
+        prop="selectedField"
+        required
+        :label="$t('workflowEditor.process.fieldName')"
+        label-width="80px"
+      >
+        <el-input :value="formatLabel(formModel.selectedField)" @focus="showFormFields=true" />
+        <form-fields v-if="showFormFields" @close="setField" />
+      </el-form-item>
+      <div v-if="formModel.transactor==='byCondition' || formModel.transactor==='byField'">
+        <el-form-item :label="$t('workflowEditor.process.additionalConditions')">
+          <el-checkbox v-model="formModel.additionalCondition.onlyInCreatorDepartment">
+            {{ $t('workflowEditor.process.handlingYyThePersonnelOfTheDepartmentOfTheInitiator') }}
+          </el-checkbox>
+          <el-checkbox v-model="formModel.additionalCondition.withCreatorDepartment">
+            {{ $t('workflowEditor.process.personnelOfTheDepartmentWhereTheInitiatorWorksParticipateInTheHandling') }}
+          </el-checkbox>
+          <el-checkbox v-model="formModel.additionalCondition.selectOneFromMultiple">
+            {{ $t('workflowEditor.process.selectSpecificHandler') }}
+          </el-checkbox>
+          <el-checkbox v-model="formModel.additionalCondition.selectOneFromDept">
+            {{ $t('workflowEditor.process.selectOneFromDept') }}
+          </el-checkbox>
+          <el-checkbox v-if="isSubprocess" v-model="formModel.additionalCondition.generateOneInstanceFromDept">
+            {{ $t('workflowEditor.process.generateOneInstanceFromDept') }}
+          </el-checkbox>
+        </el-form-item>
+        <div v-if="formModel.additionalCondition.selectOneFromMultiple">
+          <el-form-item :label="$t('workflowEditor.process.selectionMethod')">
+            <el-radio-group v-model="formModel.additionalCondition.selectType">
+              <el-radio label="customType">
+                {{ $t('workflowEditor.process.manualSelection') }}
+              </el-radio>
+              <el-radio label="autoType">
+                {{ $t('workflowEditor.process.autoSelect') }}
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            v-show="formModel.additionalCondition.selectType==='autoType'"
+            prop="additionalCondition.selectUrl"
+            :label="$t('workflowEditor.process.callbackURL')"
+            :rules="[{ required: true, message: this.$t('workflowEditor.process.cannotBeEmpty'), trigger: 'blur' }]"
+          >
+            <el-input v-model="formModel.additionalCondition.selectUrl" />
+          </el-form-item>
+        </div>
+      </div>
+    </el-form-item>
+    <el-form-item
+      v-if="usedIn==='HumanTask' && formModel.transactor==='${previousTransactorAssignment}'"
+      prop="url"
+      :rules="[{ required: true, message: this.$t('workflowEditor.process.cannotBeEmpty'), trigger: 'blur' }]"
+      :label="$t('workflowEditor.process.selectURL')"
+      label-width="80px"
+    >
+      <el-input v-model.trim="formModel.url" @change="handleUrlChange" />
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import CommonUserCondition from '../common/common-user-condition'
+import FormFields from '../common/form-fields'
+import { getFormFieldLabel } from '../common/form-fields-utils.js'
+export default {
+  name: 'TransactorSettings',
+  components: {
+    CommonUserCondition,
+    FormFields
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    },
+    usedIn: {
+      type: String,
+      default: 'HumanTask'// 取值为HumanTask,CopyTask
+    },
+    // 是否是子流程
+    isSubprocess: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    /**
+     * 这个页签上有很多的动态效果，为了保持这些效果切换时，值不丢失，不能直接使用传进来的model对象，
+     * 而是要复制一份数据保存到formModel中,这样动态改变model时，formModel中的数据还存在，
+     * 用户在不同选项间切换时，数据得以保留，这样用户体验能好点。但是细节的处理确实比较繁琐，需要注意。
+     */
+    const formModel = { selectedField: '' }
+    // 不直接使用model.userCondition是为了在流程发起人等四个方式间切换时，设置的筛选条件不丢失
+    this.initFormModel(formModel)
+    return {
+      showFormFields: false,
+      formModel
+    }
+  },
+  mounted() {
+    // formModel.additionalCondition和userCondition的变化需要回写到xml中
+    this.$watch('formModel', function() {
+      this.setTransactor(this.formModel.transactor)
+      const additionalCondition = { ...this.formModel.additionalCondition }
+      if (additionalCondition.selectOneFromMultiple) {
+        if (additionalCondition.selectType === 'customType') {
+          delete additionalCondition['selectUrl']
+        }
+      } else {
+        delete additionalCondition['selectType']
+        delete additionalCondition['selectUrl']
+      }
+      this.model.additionalCondition = additionalCondition
+    }, {
+      deep: true
+    })
+  },
+  methods: {
+    formatLabel(name) {
+      return getFormFieldLabel(name)
+    },
+    initFormModel(formModel) {
+      formModel.userCondition = ''
+      const userCondition = this.model.userCondition
+      if (typeof (userCondition) === 'undefined' || userCondition === '' || userCondition === null) {
+        // 表示是初始化时
+        formModel.transactor = '${instanceCreator}'
+        this.model.userCondition = '${instanceCreator}'
+      } else {
+        if (userCondition === '${instanceCreator}' || userCondition === '${previousTransactorAssignment}') {
+          formModel.transactor = userCondition
+        } else if (userCondition.indexOf('${field[') >= 0) {
+          formModel.transactor = 'byField'
+          formModel.selectedField = userCondition
+        } else {
+          formModel.transactor = 'byCondition'
+          formModel.userCondition = userCondition
+        }
+      }
+      this.initAdditionalCondition(formModel)
+      if (this.model.url !== undefined) {
+        formModel.url = this.model.url
+      } else {
+        formModel.url = ''
+      }
+      // this.changeA(formModel.transactor)
+    },
+    initAdditionalCondition(formModel) {
+      // 由于xml中的additionalCondition可能没有，这时就需要自己构造一个additionalCondition
+      if (this.model.additionalCondition === undefined) {
+        formModel.additionalCondition = {
+          onlyInCreatorDepartment: false,
+          withCreatorDepartment: false,
+          selectOneFromMultiple: false,
+          selectType: 'customType', // customType表示由办理用户选择，autoType表示由程序bean自动选择
+          selectUrl: ''// 类型为autoType时，输入的URL
+        }
+      } else {
+        // 直接复制已有的值，不要指向同一个对象
+        formModel.additionalCondition = { ...this.model.additionalCondition }
+        // 如果xml中没有selectType，需要给selectType合适的默认值
+        if (formModel.additionalCondition.selectType === undefined) {
+          formModel.additionalCondition.selectType = 'customType'
+        }
+      }
+    },
+    changeA(transactor) {
+      this.setTransactor(transactor)
+    },
+    // 把url的值赋值给xml
+    handleUrlChange(val) {
+      this.model.url = val
+    },
+    setTransactor(val) {
+      if (val === '${instanceCreator}' || val === '${previousTransactorAssignment}') {
+        this.model.userCondition = val
+      }
+
+      if (val === 'byField') {
+        this.model.userCondition = this.formModel.selectedField
+      }
+      if (val === 'byCondition') {
+        this.model.userCondition = this.formModel.userCondition
+      }
+      // 不是上一环节办理人指定时，需要清空xml中的url
+      if (val === '${previousTransactorAssignment}') {
+        this.model.url = this.formModel.url
+      } else {
+        this.model.url = ''
+      }
+
+      // 不是按条件筛选的时候，需要清空xml中additionalCondition
+      if (val === 'byCondition') {
+        // 把值复制到xml中，不要直接指向同一个对象，否则回调url这些值就不能正确同步了
+        this.model.additionalCondition = { ...this.formModel.additionalCondition }
+      } else {
+        this.model.additionalCondition = undefined
+      }
+    },
+    handleFieldSelection(val) {
+
+    },
+    setField(name) {
+      if (name !== undefined) {
+        this.formModel.selectedField = '${field[' + name + ']}'
+        this.model.userCondition = this.formModel.selectedField
+      }
+      this.showFormFields = false
+    }
+  }
+}
+</script>

package/packages/workflow-editor/src/properties-editors/common/user-selection.vue

@@ -0,0 +1,386 @@
+<template>
+  <el-form-item :label="label" :label-width="labelWidth">
+    <el-col>
+      <el-checkbox-group v-model="checkList">
+        <el-checkbox label="${instanceCreator}">
+          {{ $t('workflowEditor.process.processInitiator') }}
+        </el-checkbox>
+        <el-checkbox label="${processAdmin}">
+          {{ $t('workflowEditor.process.processAdministrator') }}
+        </el-checkbox>
+        <el-checkbox v-if="currentTransactor" label="${currentTransactor}">
+          {{ $t('workflowEditor.process.currentHandler') }}
+        </el-checkbox>
+        <el-checkbox v-else label="${allHandleTransactors}">
+          {{ $t('workflowEditor.process.allHandlingPersonnel') }}
+        </el-checkbox>
+        <el-checkbox label="assignUser" @change="toggleUserList">
+          {{ $t('workflowEditor.process.designatedPersonnel') }}
+        </el-checkbox>
+      </el-checkbox-group>
+    </el-col>
+    <div v-if="showUserList">
+      <el-col>
+        <el-row>
+          <el-col :span="4">
+            {{ $t('workflowEditor.process.listOfDesignatedPersons') }}
+          </el-col>
+          <el-col :span="5">
+            <el-dropdown size="mini" split-button type="primary" plain @command="handleCommand">
+              <span class="el-dropdown-link">
+                <i class="el-icon-search" /> {{ $t('workflowEditorPublicModel.choice') }}
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="selectUser" @click="selectPointUser()">
+                  {{ $t('workflowEditor.common.selectusers') }}
+                </el-dropdown-item>
+                <el-dropdown-item command="selectDepartment" @click="selectPointDepartment()">
+                  {{ $t('workflowEditor.common.selectDepartment') }}
+                </el-dropdown-item>
+                <el-dropdown-item command="selectWorkgroup" @click="selectPointWorkgroup()">
+                  {{ $t('workflowEditor.common.selectTeam') }}
+                </el-dropdown-item>
+                <el-dropdown-item command="selectRole" @click="selectPointRole()">
+                  {{ $t('workflowEditor.common.selectRole') }}
+                </el-dropdown-item>
+                <el-dropdown-item command="selectField" @click="selectPointField()">
+                  {{ $t('workflowEditor.common.selectField') }}
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </el-col>
+          <el-col :span="3">
+            <el-button type="primary" size="mini" plain icon="el-icon-delete" @click="resetSelectedUsers">
+              {{ $t('workflowEditorPublicModel.empty') }}
+            </el-button>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col>
+            <el-input
+              v-model="selectedUsersShowValue"
+              type="textarea"
+              :rows="2"
+              :placeholder="$t('workflowEditorMessage.pleaseSelectPersonnel')"
+            />
+          </el-col>
+        </el-row>
+      </el-col>
+      <department-user-tree v-if="showSelectUser" width="60%" :multiple="true" @close="addPointUsers" />
+      <department-tree v-if="showSelectDepartment" width="30%" :multiple="true" @close="addPointDepartments" />
+      <workgroup-tree v-if="showSelectWorkgroup" width="30%" :multiple="true" @close="addPointWorkgroups" />
+      <system-role-tree v-if="showSelectRole" :multiple="true" @close="addPointRoles" />
+      <form-fields v-if="showSelectField" @close="setField" />
+    </div>
+  </el-form-item>
+</template>
+<script>
+import FormFields from '../common/form-fields'
+import SystemRoleTree from './system-role-tree'
+import { getFormFieldLabel } from '../common/form-fields-utils.js'
+export default {
+  name: 'UserSelection',
+  components: {
+    SystemRoleTree,
+    FormFields
+  },
+  props: {
+    label: {
+      type: String,
+      default: ''
+    },
+    labelWidth: {
+      type: String,
+      default: null
+    },
+    value: {
+      type: String,
+      default: ''
+    },
+    currentTransactor: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    let showUserList = false
+    let selectedUsers = ''
+    // 流程发起人等前3个选项和指定人员选中的人使用分号(后跟一个空格)来分割，这样区分了前三个选项和最后一个选项
+    const users = this.value.split('; ')
+    const checkList = users[0].split(' condition.operator.or ')
+    if (users.length === 2) {
+      showUserList = true
+      selectedUsers = users[1].split(' condition.operator.or ')
+      checkList.push('assignUser')
+    }
+    return {
+      checkList,
+      showUserList,
+      selectedUsers,
+      showSelectUser: false, // 是否显示用户树
+      selectedUsersShowValue: null, // 已选择人员的显示值，例如：用户 等于 '张三/分支1' 或者 用户 等于 '李四/集团公司'
+      showSelectDepartment: false, // 是否显示部门树
+      showSelectWorkgroup: false, // 是否显示工作组树
+      showSelectRole: false, // 是否显示角色树
+      showSelectField: false // 是否选择字段
+    }
+  },
+  watch: {
+    checkList(val) {
+      this.$emit('input', this.getValue())
+    },
+    selectedUsers(val) {
+      this.$emit('input', this.getValue())
+    }
+  },
+  created() {
+    console.log(this.checkList)
+    this.getSelectedUsersShowValue()
+  },
+  methods: {
+    formatLabel(name) {
+      return getFormFieldLabel(name)
+    },
+    getValue() {
+      const checkList = this.checkList.filter(item => {
+        return item !== '' && item !== 'assignUser'
+      })
+      let value = checkList.join(' condition.operator.or ')
+      if (this.showUserList && this.selectedUsers && this.selectedUsers.length !== 0) {
+        value = value + '; ' + this.selectedUsers.join(' condition.operator.or ')
+      }
+      return value
+    },
+    toggleUserList() {
+      this.showUserList = !this.showUserList
+    },
+    // 清空已选人员
+    resetSelectedUsers() {
+      this.selectedUsers = []
+      this.selectedUsersShowValue = ''
+    },
+    // 选择指定人员下拉菜单事件处理
+    handleCommand(command) {
+      if (command === 'selectUser') {
+        this.selectPointUser()
+      } else if (command === 'selectDepartment') {
+        this.selectPointDepartment()
+      } else if (command === 'selectRole') {
+        this.selectPointRole()
+      } else if (command === 'selectWorkgroup') {
+        this.selectPointWorkgroup()
+      } else if (command === 'selectField') {
+        this.selectPointField()
+      }
+    },
+    // 显示用户树
+    selectPointUser() {
+      this.showSelectUser = true
+    },
+    // 显示部门树
+    selectPointDepartment() {
+      this.showSelectDepartment = true
+    },
+    // 显示角色树
+    selectPointRole() {
+      this.showSelectRole = true
+    },
+    selectPointField() {
+      this.showSelectField = true
+    },
+    // 显示工作组树
+    selectPointWorkgroup() {
+      this.showSelectWorkgroup = true
+    },
+    // 选择用户
+    addPointUsers(selectNodeInfo) {
+      if (selectNodeInfo) {
+        const isContainBranch = selectNodeInfo.containBranch
+        if (isContainBranch) {
+          // 如果包含分支机构，需要拼接分支编码,格式为：loginName~~branchCode，并封装为用户条件
+          this.packageSelectedUserConditionsWithBranch(selectNodeInfo.users)
+        } else {
+          // 如果不包含分支机构，直接封装为用户条件
+          this.packageSelectedUserConditionsWithOutBranch(selectNodeInfo.users)
+        }
+        // 获得显示时的条件值
+        this.getSelectedUsersShowValue()
+      }
+      this.showSelectUser = false
+    },
+    // 如果包含分支机构，需要拼接分支编码,格式为：loginName~~branchCode，并封装为用户条件
+    packageSelectedUserConditionsWithBranch(selectedUsers) {
+      // 用户登录名和分支编码的分隔符
+      const loginNameAndBranchSeparator = '~~'
+      // 用户姓名和分支名称的分隔符
+      const userNameAndBranchSeparator = '/'
+      const fixCondition = '${user} operator.text.eq '
+      selectedUsers.forEach(user => {
+        let loginName = user.loginName
+        let userName = user.name
+        if (user.subCompanyId && user.subCompanyId !== null) {
+          // 用户属于分支机构，拼接分支机构编码
+          const branchCode = user.subCompanyCode
+          const branchName = user.subCompanyName
+          loginName = loginName + loginNameAndBranchSeparator + branchCode
+          userName = userName + userNameAndBranchSeparator + branchName
+        } else {
+          // 用户属于集团公司，拼接公司编码
+          loginName = loginName + loginNameAndBranchSeparator + user.tenantCode
+          userName = userName + userNameAndBranchSeparator + user.tenantName
+        }
+        const condition = fixCondition + userName + '[' + loginName + ']'
+        if (this.selectedUsers) {
+          const selectedCondition = this.selectedUsers.filter(this.filterCondition(condition))
+          if (selectedCondition.length === 0) {
+            this.selectedUsers.push(condition)
+          }
+        } else {
+          this.selectedUsers = []
+          this.selectedUsers.push(condition)
+        }
+      })
+    },
+    // 如果不包含分支机构，直接封装为用户条件
+    packageSelectedUserConditionsWithOutBranch(selectedUsers) {
+      const fixCondition = '${user} operator.text.eq '
+      selectedUsers.forEach(user => {
+        const condition = fixCondition + user.name + '[' + user.loginName + ']'
+        const selectedUserCondition = this.selectedUsers.filter(this.filterCondition(condition))
+        if (selectedUserCondition.length === 0) {
+          this.selectedUsers.push(condition)
+        }
+      })
+    },
+    // 获得显示时的条件值
+    getSelectedUsersShowValue() {
+      if (this.selectedUsers) {
+        const selectedUsersCondition = this.selectedUsers.join(' condition.operator.or ')
+        this.selectedUsersShowValue = selectedUsersCondition.replace(/\$\{user\}/g, '用户')
+          .replace(/\$\{department\}/g, '部门').replace(/\$\{workGroup\}/g, '工作组')
+          .replace(/\$\{role\}/g, '角色')
+          .replace(/operator\.text\.eq/g, '等于').replace(/condition\.operator\.or/g, '或者')
+          .replace(/\$\{field/g, '字段').replace(/]\}/g, ']')
+      }
+    },
+    // 过滤已选条件中是否包含condition条件
+    filterCondition(condition) {
+      return (selectedUserCondition) => {
+        return selectedUserCondition === condition
+      }
+    },
+    // 选择部门
+    addPointDepartments(selectNodeInfo) {
+      if (selectNodeInfo) {
+        const isContainBranch = selectNodeInfo.containBranch
+        if (isContainBranch) {
+          // 如果包含分支机构，需要拼接显示的分支名称,格式为：部门名称/分支名称，并封装为部门条件
+          this.packageSelectedDepartmentOrWorkgroupConditionsWithBranch(selectNodeInfo.departments, '${department}')
+        } else {
+          // 如果不包含分支机构，直接封装为部门条件
+          this.packageSelectedDepartmentOrWorkgroupConditionsWithOutBranch(selectNodeInfo.departments, '${department}')
+        }
+        // 获得显示时的条件值
+        this.getSelectedUsersShowValue()
+      }
+      this.showSelectDepartment = false
+    },
+    // 如果包含分支机构，需要拼接显示的分支名称,格式为：部门名称/分支名称 或 工作组名称/分支名称，并封装为部门 或 工作组条件
+    packageSelectedDepartmentOrWorkgroupConditionsWithBranch(selectedDepartments, type) {
+      // 部门姓名和分支名称的分隔符
+      const departmentNameAndBranchSeparator = '/'
+      const fixCondition = type + ' operator.text.eq '
+      selectedDepartments.forEach(department => {
+        const departmentCode = department.code
+        let departmentName = department.name
+        if (department.subCompanyId && department.subCompanyId !== null) {
+          // 用户属于分支机构，拼接分支机构名称
+          const branchName = department.subCompanyName
+          if (branchName && branchName !== '') {
+            departmentName = departmentName + departmentNameAndBranchSeparator + branchName
+          }
+        } else {
+          // 用户属于集团公司，拼接公司名称
+          departmentName = departmentName + departmentNameAndBranchSeparator + department.tenantName
+        }
+        const condition = fixCondition + departmentName + '[' + departmentCode + ']'
+        if (this.selectedUsers) {
+          const selectedCondition = this.selectedUsers.filter(this.filterCondition(condition))
+          if (selectedCondition.length === 0) {
+            this.selectedUsers.push(condition)
+          }
+        } else {
+          this.selectedUsers = []
+          this.selectedUsers.push(condition)
+        }
+      })
+    },
+    // 如果不包含分支机构，直接封装为部门条件 或 工作组条件
+    packageSelectedDepartmentOrWorkgroupConditionsWithOutBranch(selectedDepartments, type) {
+      const fixCondition = type + ' operator.text.eq '
+      selectedDepartments.forEach(department => {
+        const condition = fixCondition + department.name + '[' + department.code + ']'
+        if (this.selectedUsers) {
+          const selectedCondition = this.selectedUsers.filter(this.filterCondition(condition))
+          if (selectedCondition.length === 0) {
+            this.selectedUsers.push(condition)
+          }
+        } else {
+          this.selectedUsers = []
+          this.selectedUsers.push(condition)
+        }
+      })
+    },
+    // 选择工作组
+    addPointWorkgroups(selectNodeInfo) {
+      if (selectNodeInfo) {
+        const isContainBranch = selectNodeInfo.containBranch
+        if (isContainBranch) {
+          // 如果包含分支机构，需要拼接分支名称,格式为：工作组名称/分支名称，并封装为工作组条件
+          this.packageSelectedDepartmentOrWorkgroupConditionsWithBranch(selectNodeInfo.workgroups, '${workGroup}')
+        } else {
+          // 如果不包含分支机构，直接封装为工作组条件
+          this.packageSelectedDepartmentOrWorkgroupConditionsWithOutBranch(selectNodeInfo.workgroups, '${workGroup}')
+        }
+        // 获得显示时的条件值
+        this.getSelectedUsersShowValue()
+      }
+      this.showSelectWorkgroup = false
+    },
+    // 选择角色
+    addPointRoles(selectNodeInfo) {
+      if (selectNodeInfo) {
+        // 角色不需要考虑分支机构
+        this.packageSelectedDepartmentOrWorkgroupConditionsWithOutBranch(selectNodeInfo.roles, '${role}')
+        // 获得显示时的条件值
+        this.getSelectedUsersShowValue()
+      }
+      this.showSelectRole = false
+    },
+    // 如果不包含分支机构，直接封装为部门条件 或 工作组条件
+    packageSelectedFieldConditions(fieldName, type) {
+      const fixCondition = type + ' operator.text.eq '
+      const condition = fixCondition + '${field[' + fieldName + ']}'
+      if (this.selectedUsers) {
+        const selectedCondition = this.selectedUsers.filter(this.filterCondition(condition))
+        if (selectedCondition.length === 0) {
+          this.selectedUsers.push(condition)
+        }
+      } else {
+        this.selectedUsers = []
+        this.selectedUsers.push(condition)
+      }
+    },
+    // 选择字段
+    setField(name) {
+      if (name !== undefined) {
+        this.packageSelectedFieldConditions(name, '${user}')
+        // 获得显示时的条件值
+        this.getSelectedUsersShowValue()
+      }
+      this.showSelectField = false
+    }
+  }
+}
+</script>
+