@sunny-base/effects 0.0.2 → 0.0.3

package/i18n/i18nQuery.vue

@@ -0,0 +1,202 @@
+<template>
+  <div class="i18nConfig commonQueryDiv">
+    <kunkka-ux-grid
+      ref="kunkka-ux-grid"
+      v-bind="i18nConfig.tableAttrs"
+      @toggleToolbarClick="toggleToolbarClick"
+      @selection-change="toggleSelectRow"
+    />
+    <!-- 新增弹窗 -->
+    <KunkkaModal
+      ref="addDialogModal"
+      :visible.sync="i18nConfig.addDialog.visible"
+      :can-fullscreen="true"
+      :show-close="false"
+      :title="i18nConfig.addDialog.title"
+      @ok="handleAddDialogOk"
+    >
+      <add-dialog
+        v-if="i18nConfig.addDialog.visible"
+        :toolbar="i18nConfig.addDialog.toolbar"
+        :columns="i18nConfig.addDialog.columns"
+        :table-data="i18nConfig.addDialog.tableData"
+      />
+    </KunkkaModal>
+
+    <!-- 修改弹窗 -->
+    <edit-dialog />
+
+    <!-- 模块自定义翻译弹窗 -->
+
+    <!-- 模块自定义翻译弹窗 -->
+    <KunkkaModal
+      ref="moduleI18nDialogModal"
+      :visible.sync="i18nConfig.moduleI18nDialog.visible"
+      width="960ox"
+      :can-fullscreen="true"
+      :show-close="false"
+      :title="i18nConfig.moduleI18nDialog.title"
+      @ok="handleModuleI18nDialogOk"
+    >
+      <module-i18n-Dialog
+        v-if="i18nConfig.moduleI18nDialog.visible"
+        ref="moduleI18nDialog"
+      />
+    </KunkkaModal>
+    <!-- 导出弹窗 -->
+    <KunkkaModal
+      ref="exportDialogModal"
+      :visible.sync="i18nConfig.exportDialog.visible"
+      :can-fullscreen="true"
+      :show-close="false"
+      :title="i18nConfig.exportDialog.title"
+      @ok="handleExportDialogOk"
+    >
+      <i18nExport
+        v-if="i18nConfig.exportDialog.visible"
+        ref="exportDialog"
+        :form-data="i18nConfig.exportDialog.formData"
+        @changeLoading="changeLoading"
+      />
+    </KunkkaModal>
+
+    <!-- 导入弹窗 -->
+    <KunkkaModal
+      ref="importDialogModal"
+      :visible.sync="i18nConfig.importDialog.visible"
+      :can-fullscreen="true"
+      :show-close="false"
+      :title="i18nConfig.importDialog.title"
+      @ok="handleImportDialogOk"
+    >
+      <i18nImport
+        v-if="i18nConfig.importDialog.visible"
+        ref="importDialog"
+        :form-data="i18nConfig.importDialog.formData"
+        @changeLoading="changeLoading"
+      />
+    </KunkkaModal>
+  </div>
+</template>
+<script>
+/* eslint-disable no-async-promise-executor */
+import { mapGetters } from 'vuex'
+import list from '@/mixins/list'
+import AddDialog from './components/AddDialog.vue'
+import EditDialog from './components/EditDialog.vue'
+import ModuleI18nDialog from './components/ModuleI18nDialog'
+import i18nExport from './components/i18nExport'
+import i18nImport from './components/i18nImport'
+
+export default {
+  name: 'I18nConfig',
+  components: {
+    AddDialog,
+    EditDialog,
+    ModuleI18nDialog,
+    i18nExport,
+    i18nImport
+  },
+  mixins: [list],
+  data() {
+    return {
+      name: 'i18nConfig'
+    }
+  },
+  computed: {
+    ...mapGetters(['i18nConfig'])
+  },
+  mounted: function() {},
+  methods: {
+    // 表格按钮回调
+    toggleToolbarClick: function(data) {
+      const { handle, label } = data.item
+      switch (handle) {
+        case 'i18nConfig/addStatic':
+          this.currentUserResourcesGroupBycArea({ modnumb: '00a4d11a-3f80-4ba3-975f-f2983e678318' }).then((res) => {
+            this.$store.dispatch('i18nConfig/addShow', {
+              title: `国际化配置-${label}`,
+              width: '960px',
+              lg: 8,
+              visible: true,
+              nType: 5,
+              conditions: res.resFieldList.createForm
+            })
+          })
+          break
+        case 'i18nConfig/addBack':
+          this.currentUserResourcesGroupBycArea({ modnumb: '00a4d11a-3f80-4ba3-975f-f2983e678318' }).then((res) => {
+            this.$store.dispatch('i18nConfig/addShow', {
+              title: `国际化配置-${label}`,
+              width: '960px',
+              lg: 8,
+              visible: true,
+              nType: 6,
+              conditions: res.resFieldList.createForm
+            })
+          })
+          break
+        case 'i18nConfig/update':
+          this.currentUserResourcesGroupBycArea({ modnumb: 'aa696e9c-fe19-4f8d-8228-beb6e7d52a06' }).then((res) => {
+            this.$store.dispatch('i18nConfig/updateShow', {
+              width: '960px',
+              lg: 8,
+              visible: true,
+              conditions: res.resFieldList.updateForm
+            })
+          })
+          break
+        case 'i18nConfig/moduleI18n':
+          this.i18nConfig.moduleI18nDialog.visible = true
+          this.i18nConfig.moduleI18nDialog.title = `国际化配置-${label}`
+          this.$nextTick(() => {
+            this.$refs.moduleI18nDialog.openInit()
+          })
+          break
+        case 'i18nConfig/export':
+          this.i18nConfig.exportDialog.visible = true
+          this.i18nConfig.exportDialog.title = `国际化配置-${label}`
+          this.$nextTick(() => {
+            this.$refs.exportDialog.openInit()
+          })
+          break
+        case 'i18nConfig/import':
+          this.i18nConfig.importDialog.visible = true
+          this.i18nConfig.importDialog.title = `国际化配置-${label}`
+          this.$nextTick(() => {
+            this.$refs.importDialog.openInit()
+          })
+          break
+        default:
+          break
+      }
+    },
+    // 选择行事件
+    toggleSelectRow: function(row) {
+      const self = this
+      self[self.name].selectRow = row
+    },
+    // 弹窗确定回调
+    handleAddDialogOk() {
+      this.$refs.addDialogModal.changeOkLoading(true)
+      this.$store.dispatch('i18nConfig/addSaveAction').then(() => {
+        this.i18nConfig.addDialog.visible = false
+      }).finally(() => {
+        this.$refs.addDialogModal.changeOkLoading(false)
+      })
+    },
+    handleModuleI18nDialogOk() {
+      this.$refs.moduleI18nDialog.saveAction()
+    },
+    handleExportDialogOk() {
+      this.$refs.exportDialog.submitForm()
+    },
+    handleImportDialogOk() {
+      this.$refs.importDialog.upLoads()
+    },
+    changeLoading(name, bol) {
+      this.$refs[name].changeOkLoading(bol)
+    }
+  }
+}
+</script>

package/index.js

@@ -1,4 +1,13 @@
-export * from './user/api/user.js';
 import UserQuery from './user/UserQuery.vue';
-export { UserQuery };
+import RoleQuery from './role/RoleQuery.vue';
+import i18nQuery from './i18n/i18nQuery.vue';
+import dataDictionaryQuery from './dataDictionary/dataDictionaryQuery.vue';
+import ywsjzdQuery from './ywsjzd/ywsjzdQuery.vue';
 
+export {
+  UserQuery,
+  RoleQuery,
+  i18nQuery,
+  dataDictionaryQuery,
+  ywsjzdQuery
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunny-base/effects",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "publishConfig": {
     "access": "public"
   },

package/role/RoleQuery.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="roleManagement commonQueryDiv">
+    <kunkka-ux-grid
+      ref="kunkka-ux-grid"
+      v-bind="roleManagement.tableAttrs"
+      @toggleToolbarClick="toggleToolbarClick"
+      @selection-change="toggleSelectRow"
+    />
+    <!-- 新增修改弹窗 -->
+    <KunkkaModal
+      ref="roleModal"
+      :visible.sync="roleManagement.dialog.visible"
+      :fullscreen.sync="fullscreen"
+      :can-fullscreen="true"
+      :show-close="false"
+      :title="roleManagement.dialog.resource.title"
+      class="roleManagementDialog"
+      @ok="handleOk"
+    >
+      <roleManagementTree />
+    </KunkkaModal>
+
+    <!-- 用户授权弹窗 -->
+    <KunkkaModal
+      ref="roleAuthorizationModal"
+      :visible.sync="roleManagement.roleAuthorization.visible"
+      :can-fullscreen="true"
+      :show-close="false"
+      :title="roleManagement.roleAuthorization.title"
+      @ok="handleRoleAuthorizationOk"
+    >
+      <role-authorization
+        v-if="roleManagement.roleAuthorization.visible"
+        ref="roleAuthorization"
+      />
+    </KunkkaModal>
+  </div>
+</template>
+<script>
+/* eslint-disable no-async-promise-executor */
+import { mapGetters } from 'vuex'
+import list from '@/mixins/list'
+import roleManagementTree from './compontents/RoleManagementTree'
+import RoleAuthorization from './compontents/RoleAuthorization'
+export default {
+  name: 'RoleManagement',
+  components: {
+    RoleAuthorization,
+    roleManagementTree
+  },
+  mixins: [list],
+  data() {
+    return {
+      name: 'roleManagement',
+      dialogTyep: '',
+      fullscreen: true
+    }
+  },
+  computed: {
+    ...mapGetters(['roleManagement'])
+  },
+  mounted: function() {},
+  methods: {
+    // 表格按钮点击事件回调
+    toggleToolbarClick: function(data) {
+      const { handle, label } = data.item
+      this.dialogType = handle
+      switch (handle) {
+        case 'roleManagement/add':
+          // events混入待完善
+          this.currentUserResourcesGroupBycArea({ modnumb: 'c270e787-f573-40b4-8b2e-705cbf34e464' }).then((res) => {
+            this.$store.dispatch('roleManagement/addShow', {
+              title: `角色管理-${label}`,
+              form: res.resFieldList.createForm,
+              model: {},
+              events: {
+                'cSystem': {
+                  'change': () => {
+                    this.$store.dispatch('roleManagement/systemChange')
+                  }
+                }
+              }
+            })
+          })
+          break
+        case 'roleManagement/update':
+          this.currentUserResourcesGroupBycArea({ modnumb: 'c270e787-f573-40b4-8b2e-705cbf34e464' }).then((res) => {
+            this.$store.dispatch('roleManagement/updateShow', {
+              title: `角色管理-${label}`,
+              form: res.resFieldList.createForm,
+              model: data.res.role,
+              events: {
+                'cSystem': {
+                  'change': () => {
+                    this.$store.dispatch('roleManagement/systemChange')
+                  }
+                }
+              },
+              treeList: data.res.treeList,
+              resourceidList: data.res.resourceidList
+            })
+          })
+          break
+        case 'roleManagement/auth':
+          this.roleManagement.roleAuthorization.title = `用户管理-${label}`
+          this.roleManagement.roleAuthorization.visible = true
+          break
+        default:
+          break
+      }
+    },
+    // 选择行事件
+    toggleSelectRow: function(row) {
+      const self = this
+      self[self.name].selectRow = row
+    },
+    // 弹窗保存事件
+    handleOk: function() {
+      this.$refs.roleModal.changeOkLoading(true)
+      if (this.dialogType === 'roleManagement/add') {
+        this.$store.dispatch('roleManagement/addSave').then(() => {
+          this.roleManagement.dialog.visible = false
+        }).finally(() => {
+          this.$refs.roleModal.changeOkLoading(false)
+        })
+      } else if (this.dialogType === 'roleManagement/update') {
+        this.$store.dispatch('roleManagement/updateSave').then(() => {
+          this.roleManagement.dialog.visible = false
+        }).finally(() => {
+          this.$refs.roleModal.changeOkLoading(false)
+        })
+      }
+    },
+    handleRoleAuthorizationOk() {
+      this.$refs.roleAuthorizationModal.changeOkLoading(true)
+      const jsonStr = {
+        authRole: { id: this.roleManagement.selectRow[0].id },
+        authUserDelList: this.$refs.roleAuthorization.getDeleteData(),
+        authUserInsList: this.$refs.roleAuthorization.getAddData()
+      }
+      this.$store.dispatch('roleManagement/saveAuth', jsonStr).then(() => {
+        this.roleManagement.roleAuthorization.visible = false
+      }).finally(() => {
+        this.$refs.roleAuthorizationModal.changeOkLoading(false)
+      })
+    },
+    state_init() {
+      const nSensitive = this.roleManagement.tableAttrs.columns.find(el => { return el.field === 'nSensitive' })
+      nSensitive.slots = {
+        default: ({ row, column, rowIndex }, h) => {
+          var opts = column.params.optionlist.find(op => {
+            return row[column.property] == op.cKeynumb // eslint-disable-line
+          })
+          return (row[column.property] !== null)
+            ? [
+              <el-tag key={rowIndex} type={ row[column.property] === 1 ? 'danger' : 'info' } title={opts ? opts.cKeyname : row[column.property]}>{ opts ? opts.cKeyname : row[column.property] }</el-tag>
+            ]
+            : []
+        }
+      }
+      this.$refs['kunkka-ux-grid'].$refs['kunkka-ux-grid'].loadColumn(this.roleManagement.tableAttrs.columns)
+    }
+  }
+}
+</script>
+<style lang="scss">
+.roleManagementDialog {
+  .el-dialog__body {
+    padding: 5px 10px !important;
+  }
+  .el-scrollbar__view {
+    margin: 0 !important;
+  }
+}
+</style>

package/role/compontents/RoleAuthorization.vue

@@ -0,0 +1,184 @@
+<template>
+  <div class="userAuthDialog">
+    <div>
+      <el-row :gutter="10" class="padding0px5px">
+        <kunkka-form
+          ref="sunnyopticalForm"
+          :sm="12"
+          :lg="12"
+          :gutter="25"
+          :name="name"
+          :form="roleAuthorization.conditions"
+          :model="roleAuthorization.model"
+        />
+      </el-row>
+      <el-card class="table-card">
+        <div>
+          <el-button icon="iconfont icon-add" class="icon-base-btn" size="mini" style="margin-bottom:5px" @click="add">新增</el-button>
+        </div>
+        <el-table
+          :data="roleAuthorization.value"
+          height="200px"
+          style="width: 100%"
+          stripe
+          :show-overflow-tooltip="true"
+          class="addTable autoHeightTable"
+          border
+        >
+          <el-table-column label="用户编号">
+            <template slot-scope="scope">
+              {{ scope.row.cUsernumb }}
+            </template>
+          </el-table-column>
+          <el-table-column label="用户姓名" width="200">
+            <template slot-scope="scope">
+              {{ scope.row.cUsername }}
+            </template>
+          </el-table-column>
+          <el-table-column label="用户类型" width="100">
+            <template slot-scope="scope">
+              {{ filterSelect(scope.row.cAdmin, selectOpts.userYhlxOpts) }}
+            </template>
+          </el-table-column>
+          <el-table-column label="删除" width="90" align="center">
+            <template slot-scope="scope">
+              <el-button icon="iconfont icon-del" class="icon-btn" type="danger" @click="del(scope)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-card>
+    </div>
+    <!-- 用户查询弹窗 -->
+    <kunkka-search-dialog
+      ref="kunkka-search-dialog"
+      @submitAction="submitAction"
+    />
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex'
+import { queryList } from '@/api/userManagement'
+import { filterSelect } from '@/mixins/configurationFile/utils'
+import selectOpts from '@/utils/select-options'
+export default {
+  name: 'RoleAuthorization',
+  components: {
+
+  },
+  mixins: [
+
+  ],
+  props: {},
+  data() {
+    return {
+      name: 'roleAuthorization',
+      selectOpts
+    }
+  },
+  computed: {
+    ...mapGetters(['roleAuthorization'])
+  },
+  created() {
+    this.roleAuthorization.conditions = [
+      { label: '角色编号', components: 'Input', prop: 'cRolenumb', disabled: true, show: true },
+      { label: '角色名称', components: 'Input', prop: 'cRolename', disabled: true, show: true }
+    ]
+  },
+  mounted: function() {},
+  methods: {
+    // 按钮点击事件回调
+    add() {
+      this.$refs['kunkka-search-dialog'].openInit({
+        selection: true, // 多选
+        cTitle: '系统用户查询', // 标题名称
+        api: this.apiFunction, // 接口
+        fetchPath: { listField: 'result.records', totalField: 'result.total' }, // api返回格式取值路径变更
+        conditions: [
+          {
+            components: 'Input',
+            label: '用户编号',
+            prop: 'cUsernumb',
+            placeholder: '请输入内容',
+            clearable: true,
+            required: false,
+            lg: 12
+          },
+          {
+            components: 'Input',
+            label: '用户姓名',
+            prop: 'cUsername',
+            placeholder: '请输入内容',
+            clearable: true,
+            required: false,
+            lg: 12
+          }
+        ], // 查询表单配置项
+        tableCols: [
+          { field: 'cUsernumb', title: '用户编号' },
+          { field: 'cUsername', title: '用户姓名' },
+          { field: 'cDeptname', title: '部门' },
+          { field: 'cJobname', title: '岗位' }
+        ], // 查询表格配置项
+        nRows: 200 // 分页返回数目
+      })
+    },
+    apiFunction(data) {
+      return new Promise((resolve, reject) => {
+        const jsonStr = {
+          pageNo: data.pageNo,
+          pageSize: data.pageSize,
+          authUser: {
+            cUsernumb: data.cUsernumb ? data.cUsernumb : '',
+            cUsername: data.cUsername ? data.cUsername : ''
+          }
+        }
+        queryList(jsonStr)
+          .then(response => {
+            resolve(response)
+          })
+          .catch(error => {
+            reject(error)
+          })
+      })
+    },
+    del(scope) {
+      this.roleAuthorization.value.splice(scope.$index, 1)
+    },
+    // 用户查询确认
+    submitAction(selections) {
+      selections.forEach((item) => {
+        // eslint-disable-next-line no-undef
+        if (_.findIndex(this.roleAuthorization.value, (ele) => { return ele.id === item.id }) > -1) {
+          this.$message.info(`${item.cUsernumb}已存在`)
+        } else {
+          this.roleAuthorization.value.push({
+            id: item.id,
+            cAdmin: item.cAdmin,
+            cUsername: item.cUsername,
+            cUsernumb: item.cUsernumb
+          })
+        }
+      })
+    },
+    // 获取角色删除数据
+    getDeleteData() {
+      return this.roleAuthorization.valueClone.filter((v) => this.roleAuthorization.value.every((value) => value.id !== v.id))
+    },
+    // 获取角色新增数据
+    getAddData() {
+      return this.roleAuthorization.value.filter((v) => this.roleAuthorization.valueClone.every((value) => value.id !== v.id))
+    },
+    filterSelect
+  }
+}
+</script>
+<style lang="scss">
+.userAuthDialog {
+  .el-dialog__body {
+    padding: 10px !important;
+  }
+  .el-dialog__footer {
+    padding: 0 10px 10px 10px !important;
+  }
+}
+</style>