'init'

2022-11-07 08:45:49 +08:00
commit 4d1231adc2
1222 changed files with 194552 additions and 0 deletions
--- a/src/views/RoleManager/AddForm.vue
+++ b/src/views/RoleManager/AddForm.vue
@@ -0,0 +1,118 @@
+<!--
+ * @Date: 2021-01-05 13:40:58
+ * @LastEditors: zwq
+ * @LastEditTime: 2021-07-21 15:56:13
+ * @FilePath: \basic-admin\src\views\RoleManager\AddForm.vue
+ * @Description:
+-->
+<template>
+  <div>
+    <el-dialog v-bind="$attrs" :title="'formItem.role.add' | i18nFilter" v-on="$listeners" @open="onOpen" @close="onClose">
+      <el-form ref="formData" :model="formData" :rules="rules" size="medium" label-width="100px">
+        <el-form-item :label="$t('roleManage.roleCode')" prop="code">
+          <el-input v-model="formData.code" :placeholder="['placeholder.input', $t('roleManage.roleCode')] | i18nFilterForm" clearable :style="{width: '100%'}" />
+        </el-form-item>
+        <el-form-item :label="$t('roleManage.roleName')" prop="name">
+          <el-input v-model="formData.name" :placeholder="['placeholder.input', $t('roleManage.roleName')] | i18nFilterForm" clearable :style="{width: '100%'}" />
+        </el-form-item>
+        <el-form-item :label="$t('roleManage.roleType')" prop="category">
+          <el-select v-model="formData.category">
+            <el-option
+              v-for="item in categoryOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('roleManage.remark')" prop="remark">
+          <el-input v-model="formData.remark" :placeholder="['placeholder.input', $t('roleManage.remark')] | i18nFilterForm" clearable :style="{width: '100%'}" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="close">{{ 'btn.cancel' | i18nFilter }}</el-button>
+        <el-button type="primary" @click="handelConfirm">{{ 'btn.confirm' | i18nFilter }}</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { addRole, RoleCode } from '@/api/role'
+export default {
+  components: {},
+  inheritAttrs: false,
+  props: [],
+  data() {
+    return {
+      formData: {
+        code: undefined,
+        name: undefined,
+        remark: undefined,
+        category: 1
+      },
+      categoryOptions: [{
+        value: 1,
+        label: 'pc'
+      }, {
+        value: 5,
+        label: 'pda'
+      }],
+      rules: {
+        code: [{
+          required: true,
+          message: this.$i18nForm(['placeholder.input', this.$t('roleManage.roleCode')]),
+          trigger: 'blur'
+        }],
+        name: [{
+          required: true,
+          message: this.$i18nForm(['placeholder.input', this.$t('roleManage.roleName')]),
+          trigger: 'blur'
+        }],
+        category: [{
+          required: true,
+          message: this.$i18nForm(['placeholder.input', this.$t('roleManage.roleType')]),
+          trigger: 'change'
+        }]
+      }
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {
+  },
+  mounted() {},
+  methods: {
+    onOpen() {
+      this.$nextTick(() => {
+        this.$refs['formData'].resetFields()
+        RoleCode().then(res => {
+          this.formData.code = res.data
+        })
+      })
+    },
+    onClose() {
+      this.$refs['formData'].resetFields()
+    },
+    close() {
+      this.$emit('update:visible', false)
+    },
+    handelConfirm() {
+      this.$refs['formData'].validate(async valid => {
+        if (!valid) return
+        const result = await addRole(this.formData)
+        if (result.code === 0) {
+          this.$message({
+            type: 'success',
+            message: '添加成功！'
+          })
+          this.$emit('done')
+          this.close()
+        }
+      })
+    }
+  }
+}
+
+</script>
+<style>
+</style>
--- a/src/views/RoleManager/EditForm.vue
+++ b/src/views/RoleManager/EditForm.vue
@@ -0,0 +1,141 @@
+<!--
+ * @Date: 2021-01-05 13:40:58
+ * @LastEditors: zwq
+ * @LastEditTime: 2021-07-21 15:57:15
+ * @FilePath: \basic-admin\src\views\RoleManager\EditForm.vue
+ * @Description:
+-->
+<template>
+  <div>
+    <el-dialog v-bind="$attrs" :title="'formItem.role.edit' | i18nFilter" v-on="$listeners" @open="onOpen" @close="onClose">
+      <el-form ref="编辑角色" :model="formData" :rules="rules" size="medium" label-width="100px">
+        <el-form-item :label="$t('roleManage.roleCode')" prop="code">
+          <el-input v-model="formData.code" :placeholder="['placeholder.input', $t('roleManage.roleCode')] | i18nFilterForm" clearable :style="{width: '100%'}" />
+        </el-form-item>
+        <el-form-item :label="$t('roleManage.roleName')" prop="name">
+          <el-input v-model="formData.name" :placeholder="['placeholder.input', $t('roleManage.roleName')] | i18nFilterForm" clearable :style="{width: '100%'}" />
+        </el-form-item>
+        <el-form-item :label="$t('roleManage.roleType')" prop="category">
+          <el-select v-model="formData.category">
+            <el-option
+              v-for="item in categoryOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('roleManage.remark')" prop="remark">
+          <el-input v-model="formData.remark" :placeholder="['placeholder.input', $t('roleManage.remark')] | i18nFilterForm" clearable :style="{width: '100%'}" />
+        </el-form-item>
+        <el-form-item :label="$t('roleManage.rolestartstop')" prop="enabled">
+          <el-switch v-model="formData.enabled" :active-value="1" :inactive-value="0" @change="enableStateChange" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="close">{{ 'btn.cancel' | i18nFilter }}</el-button>
+        <el-button type="primary" @click="handelConfirm">{{ 'btn.confirm' | i18nFilter }}</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getRoleInfo, updateRole, enableRole } from '@/api/role'
+export default {
+  components: {},
+  inheritAttrs: false,
+  props: {
+    targetInfo: {
+      type: Object,
+      default: () => {
+        return {
+          id: 1
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      formData: {
+        code: undefined,
+        name: undefined,
+        remark: undefined,
+        category: 1,
+        enabled: true
+      },
+      categoryOptions: [{
+        value: 1,
+        label: 'pc'
+      }, {
+        value: 5,
+        label: 'pda'
+      }],
+      rules: {
+        code: [{
+          required: true,
+          message: this.$i18nForm(['placeholder.input', this.$t('roleManage.roleCode')]),
+          trigger: 'blur'
+        }],
+        name: [{
+          required: true,
+          message: this.$i18nForm(['placeholder.input', this.$t('roleManage.roleName')]),
+          trigger: 'blur'
+        }],
+        remark: []
+      }
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    onOpen() {
+      this.getInfo()
+    },
+    onClose() {
+      this.$emit('done')
+      this.$refs['编辑角色'].resetFields()
+    },
+    close() {
+      this.$emit('update:visible', false)
+    },
+    async enableStateChange(val) {
+      const result = await enableRole({
+        id: this.targetInfo?.id,
+        enabled: val
+      })
+      if (result.code === 0) {
+        this.$message({
+          type: 'success',
+          message: '修改状态成功！'
+        })
+      }
+    },
+    handelConfirm() {
+      this.$refs['编辑角色'].validate(async valid => {
+        if (!valid) return
+        const result = await updateRole(this.formData)
+        if (result.code === 0) {
+          this.$message({
+            type: 'success',
+            message: '修改成功！'
+          })
+        }
+        this.close()
+      })
+    },
+    async getInfo() {
+      const result = await getRoleInfo({
+        id: this.targetInfo?.id
+      })
+      if (result.code === 0) {
+        this.formData = result.data
+      }
+    }
+  }
+}
+
+</script>
+<style>
+</style>
--- a/src/views/RoleManager/index.vue
+++ b/src/views/RoleManager/index.vue
@@ -0,0 +1,201 @@
+<!--
+ * @Date: 2020-12-15 15:36:52
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-06-13 09:47:14
+ * @FilePath: \mt-bus-fe\src\views\RoleManager\index.vue
+ * @Description:
+-->
+<template>
+  <div class="app-container">
+    <head-form
+      :form-config="headFormConfig"
+      @headBtnClick="btnClick"
+    />
+    <base-table
+      :top-btn-config="topBtnConfig"
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+      :page="listQuery.current"
+      :limit="listQuery.size"
+      @clickTopBtn="clickTopBtn"
+    >
+      <method-btn
+        slot="handleBtn"
+        :width="trueWidth"
+        :method-list="tableBtn"
+        @clickBtn="handleClick"
+      />
+    </base-table>
+    <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" @pagination="getList" />
+    <add-form :visible.sync="showDialog" @done="getList" />
+    <edit-form :visible.sync="showEditDialog" :target-info="{id: curEditId}" @done="getList" />
+    <menu-empower ref="empowerRef" :visible.sync="empowerDialog" @done="getList" />
+  </div>
+</template>
+
+<script>
+import basicData from '@/filters/basicData'
+import HeadForm from '@/components/basicData/HeadForm'
+import i18n from '@/lang'
+const topBtnConfig = [
+  {
+    type: 'add',
+    btnName: 'btn.add'
+  }
+]
+// edit here
+const tableBtn = [{
+  type: 'edit',
+  btnName: 'btn.edit'
+}, {
+  type: 'EmPower',
+  btnName: i18n.t('roleManage.roleEmPower')
+}, {
+  type: 'delete',
+  btnName: 'btn.delete'
+}
+]
+const tableProps = [{
+  prop: 'code',
+  label: i18n.t('roleManage.roleCode'),
+  align: 'center'
+}, {
+  prop: 'name',
+  label: i18n.t('roleManage.roleName'),
+  align: 'center'
+}, {
+  prop: 'enabled',
+  label: i18n.t('roleManage.status'),
+  align: 'center',
+  filter: basicData('enableState')
+},
+// {
+//   prop: 'category',
+//   label: i18n.t('roleManage.roleType'),
+//   align: 'center',
+//   filter: basicData('roleType')
+// },
+{
+  prop: 'remark',
+  label: i18n.t('roleManage.remark'),
+  align: 'center'
+}]
+import AddForm from './AddForm'
+import EditForm from './EditForm'
+import menuEmpower from './menuEmpower'
+import BaseTable from '@/components/BaseTable'
+// edit here
+import { getRoleList, deleteRole } from '@/api/role'
+
+import Pagination from '@/components/Pagination'
+import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
+export default {
+  name: 'RoleManager',
+  components: { Pagination, BaseTable, MethodBtn, AddForm, EditForm, HeadForm, menuEmpower },
+  props: {},
+  data() {
+    return {
+      topBtnConfig,
+      tableBtn,
+      tableProps,
+      list: [],
+      total: 0,
+      trueWidth: 120,
+      listLoading: true,
+      showDialog: false,
+      curEditId: null,
+      showEditDialog: false,
+      empowerDialog: false,
+      listQuery: {
+        current: 1,
+        size: 20
+      },
+      headFormConfig: [
+        {
+          type: 'input',
+          label: i18n.t('module.basicData.visual.keyword'),
+          placeholder: this.$t('roleManage.roleName'),
+          param: 'keyName'
+        },
+        {
+          type: 'button',
+          btnName: 'btn.search',
+          name: 'search',
+          color: 'primary'
+        }
+      ],
+      headFormValue: {}
+    }
+  },
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    handleClick(raw) {
+      switch (raw.type) {
+        case 'delete':
+          this.$confirm(i18n.t('deleteMsgBox.content'), i18n.t('deleteMsgBox.hint'), {
+            confirmButtonText: i18n.t('btn.confirm'),
+            cancelButtonText: i18n.t('btn.cancel'),
+            type: 'warning'
+          }).then(async() => {
+            // 走接口
+            const result = await deleteRole({
+              id: raw.data.id
+            })
+            if (result.code === 0) {
+              this.$message({
+                type: 'success',
+                message: i18n.t('deleteMsgBox.doneMsg')
+              })
+              this.getList()
+            }
+          })
+          break
+        case 'edit':
+          this.showEditDialog = true
+          this.curEditId = raw.data.id
+          break
+        case 'EmPower':
+          this.empowerRole(raw.data.id)
+          break
+      }
+    },
+    async getList() {
+      this.listLoading = true
+      this.listQuery.name = this.headFormValue.keyName
+      // edit here
+      const res = await getRoleList(this.listQuery)
+      if (res.code === 0) {
+        this.list = res.data
+        // this.total = res.data.total
+        this.listLoading = false
+      }
+    },
+    // 新增 / 修改
+    addNew() {
+      this.showDialog = true
+    },
+    empowerRole(id) {
+      this.empowerDialog = true
+      this.$nextTick(() => {
+        this.$refs.empowerRef.init(id)
+      })
+    },
+    btnClick(val) {
+      this.headFormValue = val
+      // 如果点击的是搜索栏的其他按钮在这里继续写判断
+      if (this.headFormValue.btnName === 'search') {
+        this.getList()
+      }
+    },
+    clickTopBtn(val) {
+      if (val === 'add') {
+        this.addNew()// 新增
+      }
+    }
+  }
+}
+</script>
--- a/src/views/RoleManager/menuEmpower.vue
+++ b/src/views/RoleManager/menuEmpower.vue
@@ -0,0 +1,153 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-04-06 19:33:11
+ * @LastEditors: zwq
+ * @LastEditTime: 2021-04-29 09:37:18
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :visible.sync="visible"
+  >
+    <el-card class="box-card">
+      <div slot="header" style="font-size:20px;text-align:center">
+        <span style="">{{ $t('roleManage.roleEmPower') }}</span>
+      </div>
+      <div style="max-height:500px;overflow:auto">
+        <el-tree
+          ref="menuListTree"
+          :data="menuList"
+          :props="{
+            label: language === 'en' ? 'enName' : 'name',
+            children: 'children'
+          }"
+          node-key="id"
+          show-checkbox
+          check-on-click-node
+          :default-expand-all="true"
+          :highlight-current="true"
+          :expand-on-click-node="false"
+        />
+      </div>
+    </el-card>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+      <el-button type="primary" @click="RoleMenu()">{{ 'btn.confirm' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { getMenuList, saveRoleMenu, listByRole } from '@/api/menu'
+export default {
+  data() {
+    return {
+      visible: false,
+      dataList: [],
+      menuList: [],
+      id: '',
+      listQuery: {
+        current: 1,
+        size: 550
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(['language'])
+  },
+  methods: {
+    async init(id) {
+      this.id = id || ''
+      this.visible = true
+      this.dataList.splice(0, this.dataList.length)
+      const res = await getMenuList(this.listQuery)
+      if (res.code === 0) {
+        this.dataList = res.data
+      }
+      this.setMenuList()
+      const roleRes = await listByRole(id)
+      if (roleRes.code === 0) {
+        if (roleRes.data) {
+          const MenuId = []
+          roleRes.data.forEach(item => {
+            if (item.checked) {
+              MenuId.push(item.id)
+            }
+            if (item.children) {
+              MenuId.push(...this.appendMenuId(item.children))
+              this.setCheckedNodes(MenuId)
+            }
+          })
+        }
+      }
+    },
+    appendMenuId(menu) {
+      const idList = []
+      menu.forEach(item => {
+        if (item.checked) {
+          idList.push(item.id)
+        }
+        if (item.children) {
+          idList.push(...this.appendMenuId(item.children))
+        }
+      })
+      return idList
+    },
+    setCheckedNodes(menuId) {
+      this.$refs.menuListTree.setCheckedKeys(menuId)
+    },
+    setMenuList() {
+      this.menuList.splice(0, this.menuList.length)
+      this.dataList.forEach(item => {
+        if (item.parentId === '0') {
+          this.menuList.push(item)
+        } else {
+          this.append(item)
+        }
+      })
+    },
+    append(child) {
+      this.dataList.forEach(item => {
+        if (child.parentId === item.id) {
+          if (!item.children) {
+            this.$set(item, 'children', [])
+          }
+          item.children.push(child)
+        }
+      })
+    },
+    RoleMenu() {
+      const menuIdList = this.$refs.menuListTree.getCheckedNodes(false, true)
+      const menuId = []
+      menuIdList.forEach(item => {
+        menuId.push(item.id)
+      })
+      const data = {
+        'menuIds': menuId,
+        'roleId': this.id
+      }
+      saveRoleMenu(data).then(response => {
+        this.$message({
+          message: this.$t('module.basicData.visual.success'),
+          type: 'success',
+          duration: 1500,
+          onClose: () => {
+            this.visible = false
+            this.$emit('done')
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .el-tree >>> .el-tree-node__label {
+    font-size: 20px;
+  }
+  .el-tree >>> .el-tree-node__expand-icon {
+    font-size: 20px;
+  }
+</style>