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

package/src/components/authorization/AddApiPermiss.vue

@@ -0,0 +1,179 @@
+<template>
+  <div>
+      <div>
+          <div class="header">
+              <span class="blue-line">授权系统</span>
+          </div>
+          <div class="choose-system">
+            <el-radio-group v-model="chooseSystem" @change="changeSystem">
+                    <el-radio v-for="item in systemList" :key="item.id" :label="item.id" :value="item.id">{{item.data.NAME}}</el-radio>
+                </el-radio-group>
+          </div>
+      </div>
+      <div class="api-container">
+          <div class="header">
+              <span class="blue-line">授权接口</span>
+          </div>
+          <div class="api-table">
+            <div class="dialog-right-input">
+                <el-input placeholder="请输入对象名称" v-model="searchText" @change="getUnauthApi" clearable></el-input>
+            </div>
+            <el-table :data="apiList" v-loading="tableLoading" style="width: 100%" height="354">
+                <el-table-column label="对象名称" prop="entityName"></el-table-column>
+                <el-table-column
+                    label="全选"
+                    min-width="50"
+                >
+                    <template v-slot="{row}">
+                    <el-checkbox :value="isRowChecked(row)" @change="v=>changeRowChecked(row, v)"></el-checkbox>
+                    </template>
+                </el-table-column>
+                <el-table-column label="对象操作" min-width="240">
+                    <template v-slot="{row}">
+                    <el-checkbox-group v-model="check[row.entityId]">
+                        <el-checkbox v-for="(operatename,operate) in row.apiMap||{}" :key="operate" :label="operate" :value="operate">{{operatename}}</el-checkbox>
+                    </el-checkbox-group>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="button-container">
+            <!-- <el-button type="primary" @click="sure('')">保存</el-button> -->
+            <el-button type="primary" @click="sure('enable')">保存</el-button>
+            <el-button @click="backPage">取消</el-button>
+            </div>
+          </div>
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-add-api-permiss',
+  data () {
+    return {
+      systemList: [],
+      chooseSystem: '',
+      apiList: [],
+      searchText: '',
+      check: {},
+      tableLoading: true
+    }
+  },
+  methods: {
+    isRowChecked (row) {
+      let flag = false
+      if (this.check[row.entityId] && this.check[row.entityId].length > 0 && this.check[row.entityId].length === Object.keys(row.apiMap).length) {
+        flag = true
+      }
+      return flag
+    },
+    changeRowChecked (row, v) {
+      if (v) {
+        const arr = Object.keys(row.apiMap)
+        this.check[row.entityId] = arr
+      } else {
+        this.check[row.entityId] = []
+      }
+    },
+    sure (status) {
+      this.tableLoading = true
+      let operates = []
+      for (const key in this.check) {
+        if (this.check[key].length > 0) {
+          operates = [...operates, ...this.check[key]]
+        }
+      }
+      const ids = operates.join(',')
+      const params = {
+        action: 'saveSystemApis',
+        entityId: this.$metaId,
+        systemId: this.SYSTEM,
+        targetSystemId: this.chooseSystem,
+        apiIds: ids,
+        status: status
+      }
+      this.$http.list(params)
+        .then(() => {
+          this.tableLoading = false
+          this.$message.success('保存成功')
+          this.backPage()
+        })
+        .catch(err => {
+          this.tableLoading = false
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    getClientSystem () {
+      this.$http.$post({
+        action: 'getClientSystem',
+        entityId: 'FM_SYSTEM',
+        systemId: this.SYSTEM
+      })
+        .then(data => {
+          this.systemList = data.systems
+          this.chooseSystem = this.systemList[0].id
+          this.getUnauthApi()
+        })
+    },
+    changeSystem (v) {
+      this.chooseSystem = v
+      this.getUnauthApi()
+    },
+    getUnauthApi () {
+      this.$http.$post({
+        action: 'getUnauthApi',
+        entityId: 'FM_ENTITY_RIGHT_SYSTEM',
+        systemId: this.SYSTEM,
+        targetSystemId: this.chooseSystem,
+        searchText: this.searchText
+      })
+        .then(data => {
+          this.tableLoading = false
+          data.forEach(element => {
+            this.check[element.entityId] = []
+          })
+          this.apiList = data
+        })
+    }
+  },
+  created () {
+    this.getClientSystem()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.header{
+    margin: 10px;
+    font-size: var(--epx-font-size-l);
+    // color: var(--epx-text);
+}
+.blue-line{
+    padding-left: 10px;
+    border-left: 3px solid #1f82ef;
+}
+.choose-system{
+    padding: 0 20px;
+}
+.api-container{
+    margin-top: 20px;
+}
+// .api-container{
+//     // padding: 0 16px;
+// }
+.api-table{
+    padding: 0 16px;
+}
+.api-container :deep(.el-checkbox){
+    margin-bottom: 5px;
+    margin-top: 5px;
+}
+.dialog-right-input{
+    width:260px;
+    margin-bottom: 9px;
+}
+.button-container{
+    text-align: center;
+    margin-top: 16px;
+}
+</style>

package/src/components/authorization/AddAuthorization.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="container">
+    <template v-if="roleOrSystemList.length>0">
+      <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
+      <div class="check-con">
+            <el-checkbox-group v-model="checkedId" @change="handleCheckedChange">
+              <el-checkbox v-for="role in roleOrSystemList" :label="role.id" :value="role.id" :key="role.id">{{role.data.NAME}}</el-checkbox>
+          </el-checkbox-group>
+      </div>
+    </template>
+    <template v-else>
+      <div class="no-api">暂无可添加操作</div>
+    </template>
+    <div class="button-container">
+        <el-button v-if="roleOrSystemList.length>0" type="primary" @click="sure" :loading="isRequesting">确定</el-button>
+        <el-button @click="backPage">取消</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-add-authorization',
+  data () {
+    return {
+      roleOrSystemList: [],
+      checkAll: false,
+      checkedId: [],
+      isIndeterminate: false,
+      ENTITY_ID: '',
+      comType: '',
+      isRequesting: false
+    }
+  },
+  methods: {
+    sure () {
+      const ids = this.checkedId.join(',')
+      const params = {
+        entityId: this.$metaId,
+        apiId: this.$query.apiId,
+        status: 'enable'
+      }
+      if (this.comType === 'role') {
+        params.action = 'saveApiRoles'
+        params.roleIds = ids
+      }
+      if (this.comType === 'system') {
+        params.action = 'saveApiSystems'
+        params.systemIds = ids
+      }
+      if (this.isRequesting) return
+      this.isRequesting = true
+      this.$http.list(params)
+        .then(() => {
+          this.$message.success('保存成功')
+          this.isRequesting = false
+          this.backPage()
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+          this.isRequesting = false
+        })
+    },
+    handleCheckAllChange (val) {
+      if (val) {
+        this.checkedId = this.roleOrSystemList.map(item => item.id)
+      } else {
+        this.checkedId = []
+      }
+      this.isIndeterminate = false
+    },
+    handleCheckedChange (value) {
+      const checkedCount = value.length
+      this.checkAll = checkedCount === this.roleOrSystemList.length
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.roleOrSystemList.length
+    },
+    getList () {
+      const params = {}
+      if (this.$query.otherSystem) {
+        params.action = 'getExternalApiSelectRole'
+        params.entityId = 'FM_ENTITY_RIGHT_SYSTEM'
+        params.apiSystemId = this.$query.apiSystemId
+      } else {
+        params.entityId = this.$metaId
+        params.apiId = this.$query.apiId
+        if (this.comType === 'role') {
+          params.action = 'getSelectRole'
+        }
+        if (this.comType === 'system') {
+          params.action = 'getSelectSystem'
+        }
+      }
+      this.$http.$post(params)
+        .then(data => {
+          if (this.comType === 'role') {
+            this.roleOrSystemList = data.roles
+          }
+          if (this.comType === 'system') {
+            this.roleOrSystemList = data.systems
+          }
+        })
+    }
+  },
+  created () {
+    this.comType = this.$query.comType
+    this.getList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container{
+    padding: 16px;
+}
+.container :deep(.el-checkbox){
+    margin-bottom: 20px;
+    width: 42%;
+    &:hover{
+        background-color: #f9f8f8;
+    }
+}
+.check-con{
+    height: 76%;
+    overflow: auto;
+    margin-bottom: 23px;
+}
+.no-api{
+  height: 300px;
+  text-align: center;
+  line-height: 300px;
+}
+.button-container{
+    text-align: center;
+}
+</style>

package/src/components/authorization/AddEntityFind.vue

@@ -0,0 +1,68 @@
+
+<script>
+import ListFind from '@epxing/components/src/entity-list-find'
+export default {
+  name: 'epx-add-entity-find',
+  extends: ListFind,
+  columnOperates: [],
+  operateColumnEllipsis: 1,
+  multiSelectColumnFlag: true,
+  props: {
+    cancel: Function,
+    change: Function,
+    default () {
+      return () => null
+    }
+  },
+  methods: {
+    sureEntity () {
+      const roleLevelId = this.$query.id
+      const key = this.$meta.getKey()
+      const result = this.selection.map(item => (item[key])).join(',')
+      const params = {
+        action: 'batchAddEntity',
+        entityId: 'FM_ENTITY_CONSTRAINTS',
+        roleLevelId,
+        entityIds: result
+      }
+      this.$http.$post(params)
+        .then(data => {
+          this.$message.success('保存成功')
+          this.backPage()
+        })
+        .catch(err => {
+          this.$message.error(err.message || '保存失败')
+        })
+    },
+    getDefaultOperates () {
+      const { addPage, operates } = this.$configs
+      if (!operates) {
+        this.configs.operates = [
+          {
+            text: this.$t('confirm'),
+            handler: 'sureEntity',
+            component: addPage,
+            ui: 'primary',
+            openMode: '2',
+            num: 0,
+            params: {
+              callback: (data = {}) => {
+                this.selectEntity(null, data)
+              }
+            }
+          }
+        ]
+      }
+
+      if (this.multiple) {
+        this.configs.multiSelectColumnFlag = true
+        this.configs.columnOperates = []
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/components/authorization/AddNoApi.vue

@@ -0,0 +1,143 @@
+<template>
+  <div class="container">
+    <div class="dialog-right-input">
+      <el-input placeholder="请输入对象名称" v-model="searchKey" @change="getAllRightList" clearable></el-input>
+    </div>
+    <el-table :data="allRightList" v-loading="tableLoading" style="width: 100%" :height="fullscreen? 'calc(100% - 106px)': 354">
+      <el-table-column label="对象名称" prop="entityName"></el-table-column>
+      <el-table-column
+        label="全选"
+        min-width="50"
+      >
+        <template v-slot="{row}">
+          <el-checkbox :value="isRowChecked(row)" @change="v=>changeRowChecked(row, v)"></el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column label="对象操作" min-width="240">
+        <template v-slot="{row}">
+          <el-checkbox-group v-model="check[row.entityId]">
+            <el-checkbox v-for="(operatename,operate) in row.apiMap||{}" :key="operate" :label="operate" :value="operate">{{operatename}}</el-checkbox>
+          </el-checkbox-group>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="button-container">
+      <!-- <el-button type="primary" @click="sure('')">保存</el-button> -->
+      <el-button type="primary" @click="sure('enable')">保存</el-button>
+      <el-button @click="backPage">取消</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-authorization-add-no-api',
+  data () {
+    return {
+      allRightList: [],
+      checkAll: false,
+      checkedApi: [],
+      isIndeterminate: true,
+      ENTITY_ID: '',
+      searchKey: '',
+      check: {},
+      tableLoading: true
+    }
+  },
+  inject: ['dialog'],
+  computed: {
+    fullscreen () {
+      return this.dialog.fullscreen
+    }
+  },
+  methods: {
+    isRowChecked (row) {
+      let flag = false
+      if (this.check[row.entityId] && this.check[row.entityId].length > 0 && this.check[row.entityId].length === Object.keys(row.apiMap).length) {
+        flag = true
+      }
+      return flag
+    },
+    changeRowChecked (row, v) {
+      if (v) {
+        const arr = Object.keys(row.apiMap)
+        this.check[row.entityId] = arr
+      } else {
+        this.check[row.entityId] = []
+      }
+    },
+    sure (status) {
+      this.tableLoading = true
+      let operates = []
+      for (const key in this.check) {
+        if (this.check[key].length > 0) {
+          operates = [...operates, ...this.check[key]]
+        }
+      }
+      const ids = operates.join(',')
+      const params = {
+        action: 'saveRoleApis',
+        entityId: this.$metaId,
+        roleId: this.$query.roleId,
+        apiIds: ids,
+        status: status
+      }
+      this.$http.list(params)
+        .then(() => {
+          this.tableLoading = false
+          this.$message.success('保存成功')
+          this.backPage()
+        })
+        .catch(err => {
+          this.tableLoading = false
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    getAllRightList () {
+      const params = {
+        action: 'getUnauthApi',
+        entityId: this.$metaId,
+        roleId: this.$query.roleId,
+        searchText: this.searchKey
+      }
+      if (this.$query.systemType === 'others') {
+        params.action = 'getDesignatedSystemUnauthApi'
+        params.systemId = this.$query.systemId
+      }
+      this.$http.$post(params)
+        .then(data => {
+          this.tableLoading = false
+          data.forEach(element => {
+            this.check[element.entityId] = []
+          })
+          this.allRightList = data
+        })
+        .catch(err => {
+          this.tableLoading = false
+          this.$message.error(err.message || '获取失败')
+        })
+    }
+  },
+  created () {
+    this.getAllRightList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container{
+    padding: 0 16px;
+}
+.container :deep(.el-checkbox){
+    margin-bottom: 5px;
+    margin-top: 5px;
+}
+.dialog-right-input{
+    width:260px;
+    margin-bottom: 9px;
+}
+.button-container{
+    text-align: center;
+    margin-top: 16px;
+}
+</style>