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

package/src/components/UserRoleList.vue

@@ -0,0 +1,497 @@
+<template>
+  <div class="container">
+    <div class="is-manager-con">是否平台管理员：
+      <el-switch
+        v-model="isManager"
+        :disabled="isMainManage"
+        @change="changeManager">
+      </el-switch>
+    </div>
+    <!-- 系统管理员 -->
+    <div class="card">
+      <div class="card-header">
+        <span>
+          <i class="el-icon-s-custom"></i>
+          系统管理员
+        </span>
+        <el-button type="primary" link @click="openUserSystemDialog">+ 添加系统</el-button>
+      </div>
+      <div class="card-body">
+        <ul class="card-role__list">
+          <li class="card-role__item" v-for="item in userSystemList" :key="item.ID">
+            {{item['SYSTEM#']}}
+            <el-popconfirm
+              title="确定删除吗？"
+              @confirm="deleteUserSystem(item.ID)"
+            >
+              <template v-slot:reference><i class="delete-icon el-icon-error"></i></template>
+            </el-popconfirm>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="card">
+      <div class="card-header">
+        <span>
+          <i class="epx-icon-all-person"></i>
+          通用角色
+        </span>
+        <el-button type="primary" link @click="openCommonRoleDialog">+ 添加通用角色</el-button>
+      </div>
+      <div class="card-body">
+        <ul class="card-role__list">
+          <li class="card-role__item" v-for="item in userCommonRoleList" :key="item.data.ID">
+            {{item.data.NAME}}
+            <el-popconfirm
+              title="确定删除吗？"
+              @confirm="deleteCommonRole(item.data.ID)"
+            >
+              <template v-slot:reference><i class="delete-icon el-icon-error"></i></template>
+            </el-popconfirm>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="card">
+      <div class="card-header">
+        <span>
+          <i class="el-icon-menu"></i>
+          系统自定义角色
+        </span>
+        <el-button type="primary" link @click="openAddRoleDialog">+ 添加系统角色</el-button>
+      </div>
+      <div class="card-body">
+        <ul class="system-list">
+          <li class="system-item" v-for="(item, key) in userRoleMap" :key="key">
+            <p class="system-name">{{key}}</p>
+            <ul class="role-list">
+              <li class="role-item" v-for="role in userRoleMap[key]" :key="role.id">{{role.data.NAME}}</li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <el-dialog class="role-dialog" title="添加系统角色" width="960px" v-model="addRoleDialog" >
+      <ul class="role-system__list">
+        <li class="role-system__item" v-for="(item, key) in clientRoleMap" :key="key">
+          <div class="role-system__header">
+            <span class="role-system__title">{{key}}</span>
+            <span class="role-system__operate" >
+              <el-checkbox :label="key" :value="key" v-model="checkAllRoleMap[key]" @change="v => checkAllRole(key, v)">全选</el-checkbox>
+              <span class="role-system__fold" @click="foldMap[key] = !foldMap[key]">{{foldMap[key] ? '展开' : '收起'}}<i :class="foldMap[key] ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"></i></span>
+            </span>
+          </div>
+        <div class="role-system__content" :style="{ display: foldMap[key] ? 'none' : 'block' }">
+            <el-checkbox-group v-model="checkRoleMap[key]">
+              <el-checkbox v-for="role in clientRoleMap[key]" :key="role.id" :label="role.data.ID" :value="role.data.ID">{{role.data.NAME}}</el-checkbox>
+            </el-checkbox-group>
+        </div>
+        </li>
+      </ul>
+      <template v-slot:footer><span class="dialog-footer">
+        <el-button @click="addRoleDialog = false">取 消</el-button>
+        <el-button type="primary" @click="submitRoles">保 存</el-button>
+      </span></template>
+    </el-dialog>
+    <el-dialog class="role-dialog" title="添加系统管理员" width="960px" v-model="userSystemDialog" >
+      <div class="role-system__content">
+        <el-checkbox-group v-model="checkSystemList">
+          <el-checkbox v-for="item in clientSystemList" :key="item.ID" :label="item.ID" :value="item.ID">{{item.NAME}}</el-checkbox>
+        </el-checkbox-group>
+      </div>
+      <template v-slot:footer><span class="dialog-footer">
+        <el-button @click="userSystemDialog = false">取 消</el-button>
+        <el-button type="primary" @click="saveSystemManageRole">保 存</el-button>
+      </span></template>
+    </el-dialog>
+    <el-dialog class="role-dialog" title="添加通用角色" width="960px" v-model="commonRoleDialog" >
+      <div class="role-system__content">
+        <el-checkbox-group v-model="checkCommonUserList">
+          <el-checkbox v-for="item in commonRoleList" :key="item.ID" :label="item.ID" :value="item.ID">{{item.NAME}}</el-checkbox>
+        </el-checkbox-group>
+      </div>
+      <template v-slot:footer><span class="dialog-footer">
+        <el-button @click="commonRoleDialog = false">取 消</el-button>
+        <el-button type="primary" @click="saveCommonRole">保 存</el-button>
+      </span></template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import component from '@epxing/core/src/mixins/component'
+export default {
+  name: 'epx-user-role-list',
+  mixins: [component],
+  data () {
+    return {
+      userRoleMap: {},
+      clientRoleMap: {},
+      addRoleDialog: false,
+      foldMap: {},
+      checkRoleMap: {},
+      userSystemDialog: false,
+      userSystemList: [],
+      clientSystemList: [],
+      checkSystemList: [],
+      userCommonRoleList: [],
+      commonRoleList: [],
+      commonRoleDialog: false,
+      checkCommonUserList: [],
+      userManagerInfo: {},
+      isManager: false,
+      isMainManage: false
+    }
+  },
+  computed: {
+    checkAllRoleMap: {
+      get () {
+        const checkAllRoleMap = {}
+        Object.keys(this.clientRoleMap).map(key => {
+          checkAllRoleMap[key] = this.clientRoleMap[key].every(api => this.checkRoles.includes(api.data.ID))
+        })
+        return checkAllRoleMap
+      }
+    },
+    checkRoles () {
+      return Object.values(this.checkRoleMap).reduce((arr, item) => [...arr, ...item], [])
+    }
+  },
+  methods: {
+    saveSystemManageRole () {
+      this.$http.$post({
+        action: 'distributionSystemAdmin',
+        entityId: 'FM_SYSTEM_ADMIN',
+        userId: this.$query.id,
+        systems: this.checkSystemList.join(',')
+      })
+        .then(data => {
+          this.$message.success('添加成功')
+          this.userSystemDialog = false
+          this.getUserSystemList()
+        })
+    },
+    saveCommonRole () {
+      this.$http.$post({
+        action: 'distributionRoles',
+        entityId: 'FM_USER',
+        type: 'client',
+        userId: this.$query.id,
+        roleIds: this.checkCommonUserList.join(',')
+      })
+        .then(data => {
+          this.$message.success('添加成功')
+          this.commonRoleDialog = false
+          this.getUserRoles()
+        })
+    },
+    getUserRoles () {
+      this.$http.get({
+        action: 'getUserRoles',
+        entityId: 'FM_ROLE',
+        userId: this.$query.id
+      })
+        .then(data => {
+          this.userRoleMap = data
+          this.userCommonRoleList = data['通用角色'] || []
+        })
+    },
+    getClientRoles () {
+      this.$http.get({
+        action: 'getClientRoles',
+        entityId: 'FM_ROLE'
+      })
+        .then(data => {
+          this.clientRoleMap = data
+        })
+    },
+    getUserSystemList () {
+      this.$http.list({
+        entityId: 'FM_SYSTEM_ADMIN',
+        'scope.USER': this.$query.id,
+        columnFieldNames: 'SYSTEM#'
+      })
+        .then(data => {
+          this.userSystemList = data.entitys
+        })
+    },
+    getClientSystemList () {
+      this.$http.list({
+        entityId: 'FM_SYSTEM',
+        'scope.CLIENT': this.CLIENT
+      })
+        .then(data => {
+          this.clientSystemList = data.entitys
+        })
+    },
+    deleteUserSystem (id) {
+      this.$http.removeMulti({
+        entityId: 'FM_SYSTEM_ADMIN',
+        ids: id
+      })
+        .then(data => {
+          this.getUserSystemList()
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    getCommonRoles () {
+      this.$http.list({
+        entityId: 'FM_ROLE',
+        'scope.CLIENT': this.CLIENT,
+        'scope.TYPE': 'client'
+      })
+        .then(data => {
+          this.commonRoleList = data.entitys
+        })
+    },
+    deleteCommonRole (id) {
+      this.$http.removeMulti({
+        entityId: 'FM_ROLE_USER',
+        ids: id
+      })
+        .then(data => {
+          this.getUserRoles()
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    openUserSystemDialog () {
+      this.userSystemDialog = !this.userSystemDialog
+      this.checkSystemList = this.userSystemList.map(item => item.SYSTEM)
+    },
+    openCommonRoleDialog () {
+      this.commonRoleDialog = !this.commonRoleDialog
+      this.checkCommonUserList = this.userCommonRoleList.map(item => item.data.ID)
+    },
+    openAddRoleDialog () {
+      this.addRoleDialog = !this.addRoleDialog
+      for (const key in this.clientRoleMap) {
+        const userRole = this.userRoleMap[key]
+        this.checkRoleMap[key] = userRole ? userRole.map(item => item.id) : []
+      }
+    },
+    checkAllRole (type, v) {
+      if (v) {
+        const allRoles = this.clientRoleMap[type] || []
+        this.checkRoleMap[type] = allRoles.map(item => item.id)
+      } else {
+        this.checkRoleMap[type] = []
+      }
+    },
+    submitRoles () {
+      this.$http.$post({
+        action: 'distributionRoles',
+        entityId: 'FM_USER',
+        userId: this.$query.id,
+        roleIds: this.checkRoles.join(',')
+      })
+        .then(data => {
+          this.$message.success('添加成功')
+          this.addRoleDialog = false
+          this.getUserRoles()
+        })
+    },
+    changeManager (v) {
+      const params = {
+        entityId: 'FM_CLIENT_ADMIN'
+      }
+      if (v) {
+        params.action = 'save'
+        params['bean.USER'] = this.$query.id
+        params['bean.CLIENT'] = this.CLIENT
+        params['bean.IS_MAIN'] = '0'
+      } else {
+        params.action = 'removeMulti'
+        params.ids = this.userManagerInfo.ID
+      }
+
+      this.$http.$post(params)
+        .then(data => {
+          this.$message.success('设置成功')
+          if (!this.userManagerInfo.ID) this.userManagerInfo.ID = data
+          this.getUserManagerInfo()
+        })
+        .catch(err => {
+          this.$message.error(err.message || '设置失败')
+        })
+    },
+    // 查询用户是否是平台管理员
+    getUserManagerInfo () {
+      this.$http.find({
+        entityId: 'FM_CLIENT_ADMIN',
+        'scope.CLIENT': this.CLIENT,
+        'scope.USER': this.$query.id
+      })
+        .then(data => {
+          if (data && data.data) {
+            this.userManagerInfo = data.data
+            this.isMainManage = data.data.IS_MAIN === '1'
+            this.isManager = true
+          } else {
+            this.isManager = false
+          }
+        })
+    }
+  },
+  created () {
+    this.getUserManagerInfo()
+    this.getUserSystemList()
+    this.getClientSystemList()
+    this.getCommonRoles()
+    this.getUserRoles()
+    this.getClientRoles()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background: var(--epx-bg-card);
+  overflow: hidden;
+}
+.is-manager-con{
+  padding: 20px 20px 0;
+  color: var(--epx-text);
+}
+.role-btn {
+  margin: 20px;
+}
+.card {
+  margin: 20px;
+  background: var(--epx-bg);
+  border-radius: var(--epx-radius-base);
+}
+.card-header {
+  height: 40px;
+  background: linear-gradient(180deg, #F7FBFF 0%, #E5EEF8 100%);
+  border-radius: 4px 4px 0px 0px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  i {
+    @include font_color_primary;
+    margin-right: 4px;
+  }
+  >span {
+    font-size: var(--epx-font-size-l);
+    color: var(--epx-text);
+    font-weight: 600;
+  }
+}
+.system-item {
+  background: var(--epx-bg);
+  border-radius: var(--epx-radius-base);
+  padding: 16px 20px;
+  margin: 0 20px 14px;
+  line-height: 32px;
+  display: flex;
+  align-items: center;
+}
+.system-name {
+  color: var(--epx-text);
+  font-size: var(--epx-font-size-l);
+  font-weight: 600;
+  width: 200px;
+  border-right:  1px solid var(--epx-border);
+  flex-shrink: 0;
+}
+.card-role__item {
+  background: var(--epx-bg-card);
+  border-radius: var(--epx-radius-base);
+}
+.role-list {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin: 0 10px;
+}
+.role-item {
+  height: 32px;
+  background: var(--epx-bg-card);
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+  margin: 6px 10px;
+  padding: 0 14px;
+  color: #444444;
+}
+
+.role-system__item {
+  background: var(--epx-bg);
+  border-radius: var(--epx-radius-base);
+  margin-bottom: 16px;
+}
+.role-system__header {
+  height: 48px;
+  padding: 0 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--epx-border);
+}
+.role-system__title {
+  border-left: 4px solid;
+  @include border_color_primary;
+  font-size: var(--epx-font-size-l);
+  color: var(--epx-text);
+  padding-left: 8px;
+  line-height: 1;
+}
+.role-system__fold {
+  margin-left: 20px;
+  cursor: pointer;
+  color:var(--epx-text);
+  i {
+    margin-left: 4px;
+  }
+}
+.role-system__content {
+  padding: 10px 20px;
+
+    :deep(.el-checkbox) {
+      padding: 10px 0;
+      color: var(--epx-text);
+    }
+
+}
+.card-role__list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.card-role__item {
+  background: var(--epx-bg-card);
+  padding: 10px 16px;
+  margin: 16px 8px;
+  border-radius: var(--epx-radius-base);
+  position: relative;
+  &:hover {
+    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
+    .delete-icon {
+      display: inline;
+    }
+  }
+  .delete-icon  {
+    position: absolute;
+    right: -7px;
+    top: -7px;
+    color: var(--epx-text-secondary);
+    cursor: pointer;
+    display: none;
+  }
+}
+.role-dialog {
+
+   :deep(.el-dialog__body) {
+     height: 64vh;
+     overflow: auto;
+   }
+   :deep(.el-dialog__footer) {
+      border-top: 1px solid var(--epx-border);
+      padding: 10px 20px;
+   }
+
+}
+</style>

package/src/components/ValidateRuleFormItem.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="container" :style="$component.style">
+    <epx-table-form v-if="fieldsConfigs.length>0" class="form-content" ref="form" :metaId="$metaId" :fieldsConfigs="fieldsConfigs" v-model="data" :column="column">
+      <template v-slot="{showLabel, fieldConfigs, metaId }">
+          <epx-table-form-item
+          :show-label="showLabel"
+          :label="fieldConfigs.attriLabel"
+          :metaId="metaId"
+          :ruleMetaId="$query.parentId"
+          :fieldConfigs="getFieldConfigs(fieldConfigs)"
+          :rules="[{
+            required: fieldConfigs.isRequired==='1' && fieldConfigs.state!=='SEARCH',
+            message: `${fieldConfigs.attriLabel}不能为空`
+          }]"
+        >
+        </epx-table-form-item>
+      </template>
+    </epx-table-form>
+  </div>
+</template>
+<script>
+import AddFormItemVue from '@epxing/components/src/add-form-item'
+import { mapGetters } from 'vuex'
+export default {
+  name: 'epx-validate-rule-form-item',
+  extends: AddFormItemVue,
+  computed: {
+    ...mapGetters([
+      'getMetaViewFields'
+    ]),
+    getFieldConfigs () {
+      return fieldConfigs => {
+        if (fieldConfigs.attriName === 'VALIDATE_FIELD' || fieldConfigs.attriName === 'UNIQUE_FIELD') {
+          return {
+            ...fieldConfigs,
+            scopeParams: [{ field: 'ENTITY_ID', mode: 'equal', values: this.$query.parentId }]
+          }
+        } else if (fieldConfigs.attriName === 'VALIDATE_FIELDS') {
+          return {
+            ...fieldConfigs,
+            flag: 'field_find_tree',
+            metaId: this.$query.parentId
+          }
+        } else if (fieldConfigs.attriName === 'VALIDATE_SCOPE' || fieldConfigs.attriName === 'SCOPE_EXPRESSION') {
+          return {
+            ...fieldConfigs,
+            metaId: this.$query.parentId,
+            modeType: ['FIXED_VALUE', 'SYSTEM_VARIABLE', 'FIELD_VALUE_BACK', 'DEFINED']
+          }
+        }
+        return fieldConfigs
+      }
+    }
+  },
+  watch: {
+    'data.SCOPE_EXPRESSION' (v) {
+      if (v) {
+        const scope = JSON.parse(v)
+        const fields = this.getMetaViewFields(this.$query.parentId)
+        if (scope && scope.scopeParams && fields) {
+          const validateLinkEntitys = []
+          const validateFields = []
+          scope.scopeParams.forEach(scopeItem => {
+            const fieldItem = this.getFieldItem(fields, scopeItem.field)
+            if (fieldItem.type === 'meta') {
+              validateLinkEntitys.push(fieldItem.id)
+            } else {
+              validateFields.push(fieldItem.id)
+            }
+          })
+          this.data.VALIDATE_FIELDS = validateFields.join(',')
+          this.data.VALIDATE_LINK_ENTITYS = validateLinkEntitys.join(',')
+        }
+      }
+    }
+  },
+  methods: {
+    getFieldItem (treeFields, key, parent) {
+      for (const fieldItem of treeFields) {
+        if (fieldItem.field === key) {
+          return fieldItem
+        } else if (fieldItem.children) {
+          const field = this.getFieldItem(fieldItem.children, key, fieldItem)
+          if (field) return field
+        }
+      }
+    }
+  }
+}
+</script>