@sunny-base/effects 0.0.2 → 0.0.3

package/role/compontents/RoleManagementTree.vue

@@ -0,0 +1,262 @@
+<template>
+  <el-row>
+    <el-col :span="24">
+      <kunkka-form
+        ref="kunkkaForm"
+        :form="roleManagement.dialog.resource.form"
+        :model="roleManagement.dialog.resource.model"
+        :events="roleManagement.dialog.resource.events"
+        :sm="12"
+        :gutter="25"
+      />
+    </el-col>
+    <el-col :span="24">
+      <el-tabs v-model="activeName">
+        <el-tab-pane :label="'资源配置'" name="resourceConfig">
+          <div style="max-height:460px;overflow:auto">
+            <el-tree
+              ref="tree"
+              :data="roleManagement.dialog.treeData"
+              show-checkbox
+              node-key="id"
+              :props="props"
+              :expand-on-click-node="false"
+              :check-on-click-node="false"
+              :check-strictly="true"
+              :render-content="renderContent"
+              :default-checked-keys="roleManagement.dialog.defaultChecked"
+              @node-expand="nodeExpand"
+              @check="checkClick"
+            />
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </el-col>
+  </el-row>
+</template>
+<script>
+import { mapGetters } from 'vuex'
+
+export default {
+  components: {},
+  data() {
+    return {
+      name: 'roleManagement',
+      props: {
+        children: 'children',
+        label: 'label'
+      },
+      activeName: 'resourceConfig',
+      tableHeight: 200
+    }
+  },
+  computed: {
+    ...mapGetters(['roleManagement'])
+  },
+  watch: {
+    'roleManagement.dialog.visible'(val) {
+      if (val === true) {
+        this.$nextTick(() => {
+          this.activeName = 'resourceConfig'
+          this.$refs.kunkkaForm.$refs.kunkkaForm.clearValidate()
+        })
+      }
+    }
+  },
+  methods: {
+    // 渲染树
+    renderContent(h, { node, data }) {
+      let className = ''
+      if (data.cType && data.cType === '2') {
+        className = 'especially'
+        return <div class={className}>{data.label}</div>
+      }
+      const _flag = data.children.some((item) => {
+        return item.cType === '2'
+      })
+      if (_flag) {
+        for (var i = 0; i < data.children.length; i++) {
+          if (data.children[i].cType === '2') {
+            data.children.map((item) => {
+              if (this.roleManagement.dialog.defaultChecked.includes(item.id)) {
+                item.checked = true
+              } else {
+                item.checked = false
+              }
+            })
+          }
+        }
+        return (
+          <div style='display: flex;width:100%;'>
+            <div style='width:20%;'>{data.label}</div>
+            <div style='width:80%;overflow: scroll;'>
+              {data.children.map(item =>
+                item.cType === '2' ? (
+                  <el-checkbox
+                    key={item.label}
+                    v-model={item.checked}
+                    disabled={item.disabled}
+                    onChange={() => this.changeCheck(item)}
+                  >
+                    {item.label}
+                  </el-checkbox>
+                ) : (
+                  ''
+                )
+              )}
+            </div>
+          </div>
+        )
+      } else {
+        return <div>{data.label}</div>
+      }
+    },
+    nodeExpand(data, node, event) {
+      this.changeExpanded(node)
+      var classDomList = event.$el.getElementsByClassName('especially')
+      this.$nextTick(() => {
+        for (var i = 0; i < classDomList.length; i++) {
+          classDomList[i].parentNode.style.cssText = 'display:none'
+        }
+      })
+    },
+    changeExpanded(node) {
+      node.childNodes.forEach((item) => {
+        item.expanded = true
+        if (item.childNodes.length > 0) {
+          // 子节点仅按钮的为叶子节点
+          if (item.data.cType == 1) {
+            if (item.childNodes.length > 0) {
+              // console.log(item.data.label, item, item.childNodes,);
+              var a = []
+              item.childNodes.forEach((item1) => {
+                if (item1.data.cType != 2) {
+                  a.push(1)
+                }
+              })
+              if (a.length > 0) {
+                item.isLeaf = false
+              } else {
+                item.isLeaf = true
+              }
+            }
+          }
+          if (item.data.cType == 5) {
+            item.isLeaf = true
+          }
+          this.changeExpanded(item)
+        }
+      })
+    },
+    // cType=2
+    changeCheck(data) {
+      if (
+        data.checked === true &&
+        this.roleManagement.dialog.defaultChecked.indexOf(data.id) === -1
+      ) {
+        this.roleManagement.dialog.defaultChecked.push(data.id)
+        this.$refs.tree.setCheckedKeys(
+          this.roleManagement.dialog.defaultChecked
+        )
+      } else {
+        this.roleManagement.dialog.defaultChecked =
+          this.roleManagement.dialog.defaultChecked.filter(
+            (item) => item != data.id
+          )
+        this.$refs.tree.setCheckedKeys(
+          this.roleManagement.dialog.defaultChecked
+        )
+      }
+      var thisNode = this.$refs.tree.getNode(data.id)
+      thisNode.checked = data.checked
+      if (thisNode.checked) {
+        // 子节点选中则拥有父节点权限,选中父节点
+        for (let i = thisNode.level; i > 1; i--) {
+          if (
+            !thisNode.parent.checked &&
+            this.roleManagement.dialog.defaultChecked.indexOf(
+              thisNode.parent.data.id
+            ) === -1
+          ) {
+            this.roleManagement.dialog.defaultChecked.push(
+              thisNode.parent.data.id
+            )
+            this.$refs.tree.setCheckedKeys(
+              this.roleManagement.dialog.defaultChecked
+            )
+            thisNode = thisNode.parent
+          }
+        }
+      }
+    },
+    checkClick(data, node) {
+      const _this = this
+      // 选中子节点自动勾选父节点
+      let thisNode = this.$refs.tree.getNode(data.id) // 获取当前节点
+      const keys = this.$refs.tree.getCheckedKeys() // 获取已勾选节点的key值
+
+      if (thisNode.checked) {
+        // 当前节点若被选中
+        for (let i = thisNode.level; i > 1; i--) {
+          // 判断是否有父级节点
+          if (!thisNode.parent.checked) {
+            // 父级节点未被选中，则将父节点替换成当前节点，往上继续查询，并将此节点key存入keys数组
+            thisNode = thisNode.parent
+            keys.push(thisNode.data.id)
+          }
+        }
+      }
+      this.$refs.tree.setCheckedKeys(keys)
+      // 选中父节点，自动勾选所有子节点
+      // 获取当前节点是否被选中
+      const isChecked = this.$refs.tree.getNode(data).checked
+      // 如果当前节点被选中，则遍历上级节点和下级子节点并选中，如果当前节点取消选中，则遍历下级节点并取消选中
+      if (isChecked) {
+        // 判断是否有上级节点，如果有那么遍历设置上级节点选中
+        data.pid && setParentChecked(data.pid)
+        // 判断该节点是否有下级节点，如果有那么遍历设置下级节点为选中
+        data[_this.props.children] &&
+          setChildreChecked(data[_this.props.children], true)
+      } else {
+        // 如果节点取消选中，则取消该节点下的子节点选中
+        data[_this.props.children] &&
+          setChildreChecked(data[_this.props.children], false)
+      }
+      // 每次选择执行(解决卡顿)
+      // 调用父组件方法
+      _this.roleManagement.dialog.defaultChecked = this.$refs.tree
+        .getCheckedNodes()
+        .map((item) => {
+          return item.id
+        })
+      _this.$emit('treeCheck', this.$refs.tree.getCheckedNodes())
+      function setParentChecked(parenId) {
+        // eslint-disable-next-line no-undef
+        if (_.isNumber(parenId)) {
+          // 获取该id的父级node
+          const parentNode = _this.$refs.tree.getNode(parenId)
+          // 如果该id的父级node存在父级id则继续遍历
+          parentNode.data.pid && setParentChecked(setParentChecked)
+          //  设置该id的节点为选中状态
+          _this.$refs.tree.setChecked(parenId, true)
+        } else {
+          return
+        }
+      }
+      function setChildreChecked(node, isChecked) {
+        node.forEach((item) => {
+          item[_this.props.children] &&
+            setChildreChecked(item[_this.props.children], isChecked)
+          !item.disabled && _this.$refs.tree.setChecked(item.id, isChecked)
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.option-wrapper {
+  padding: 0 !important;
+}
+</style>

package/ywsjzd/ywsjzdAdd.vue

@@ -0,0 +1,97 @@
+<template>
+  <KunkkaModal
+    ref="registerModal"
+    width="600px"
+    :visible.sync="visible"
+    :can-fullscreen="true"
+    :show-close="false"
+    :title="title"
+    top="10px"
+    @ok="handleOk"
+  >
+    <kunkka-form
+      label-position="left"
+      label-width="110px"
+      :show-message="false"
+      :lg="24"
+      v-bind="ywsjzd.formModalAttrs"
+    >
+      <template #cMeta="{ item }">
+        <el-table :data="ywsjzd.formModalAttrs.model[item.prop]" border size="mini">
+          <el-table-column label="key">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.key" size="mini" style="width: 100%;">
+                <el-option v-for="op in keyOpts" :key="op.cXuhao" :label="op.cName" :value="op.cXuhao" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="value">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.value" size="mini" style="width: 100%;" />
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="40" align="center">
+            <template #header>
+              <i
+                class="el-icon-circle-plus-outline"
+                style="font-size: 16px; cursor: pointer;"
+                @click="ywsjzd.formModalAttrs.model[item.prop].push({})"
+              />
+            </template>
+            <template slot-scope="scope">
+              <i
+                class="el-icon-remove-outline"
+                style="font-size: 16px; cursor: pointer;"
+                @click="ywsjzd.formModalAttrs.model[item.prop].splice(scope.$index, 1)"
+              />
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
+    </kunkka-form>
+  </KunkkaModal>
+</template>
+<script>
+/* eslint-disable no-async-promise-executor */
+import { mapGetters } from 'vuex'
+import { queryByXuhao } from '@/api/core'
+
+export default {
+  data() {
+    return {
+      name: 'ywsjzd',
+      title: '业务数据字典-新增',
+      visible: false,
+      keyOpts: []
+    }
+  },
+  computed: {
+    ...mapGetters(['ywsjzd'])
+  },
+  mounted: function() {},
+  methods: {
+    //
+    onDataReceive(res) {
+      this.ywsjzd.formModalAttrs.form = res.resFieldList.form
+      this.ywsjzd.formModalAttrs.model = {
+        nParent: res.nParent || 0,
+        cMeta: []
+      }
+      queryByXuhao({ cXuhao: 'DICTATTR' }).then(res => {
+        this.keyOpts = res.result
+      })
+      this.visible = true
+    },
+    // 弹窗确定回调
+    handleOk() {
+      this.$refs.registerModal.changeOkLoading(true)
+      this.$store.dispatch('ywsjzd/addSave').then(() => {
+        this.visible = false
+        this.$emit('handleSubmit')
+      }).finally(() => {
+        this.$refs.registerModal.changeOkLoading(false)
+      })
+    }
+  }
+}
+</script>

package/ywsjzd/ywsjzdQuery.vue

@@ -0,0 +1,134 @@
+<template>
+  <div class="ywsjzd commonQueryDiv">
+    <kunkka-ux-grid
+      ref="kunkka-ux-grid"
+      v-bind="ywsjzd.tableAttrs"
+      row-id="id"
+      :checkbox-config="{
+        checkStrictly:true
+      }"
+      :tree-config="{lazy: true, children: 'children', hasChild: 'hasChildren', loadMethod: loadChildrenMethod }"
+      @toggleToolbarClick="toggleToolbarClick"
+      @selection-change="toggleSelectRow"
+    />
+    <DataDictionaryAdd ref="registerDataDictionaryAdd" @handleSubmit="handleSubmit" />
+    <DataDictionaryUpdate ref="registerDataDictionaryUpdate" @handleSubmit="handleSubmit" />
+    <!-- 导入弹窗 -->
+    <importDialog />
+  </div>
+</template>
+<script>
+// test
+/* eslint-disable no-async-promise-executor */
+import { mapGetters } from 'vuex'
+import DataDictionaryAdd from './ywsjzdAdd.vue'
+import DataDictionaryUpdate from './ywsjzdUpdate.vue'
+import list from '@/mixins/list'
+
+export default {
+  name: 'YwsjzdQuery',
+  components: {
+    DataDictionaryAdd,
+    DataDictionaryUpdate
+  },
+  mixins: [list],
+  data() {
+    return {
+      name: 'ywsjzd',
+      visible: false
+    }
+  },
+  computed: {
+    ...mapGetters(['ywsjzd'])
+  },
+  mounted: function() {},
+  methods: {
+    // 表格按钮回调
+    toggleToolbarClick: function(data) {
+      const { handle } = data.item
+      switch (handle) {
+        case 'ywsjzd/add':
+          this.currentUserResourcesGroupBycArea({ modnumb: 'bc8cd31b-3cf4-4cee-a7da-b6f4ab40a8f6' }).then(result => {
+            const { resFieldList, resButtonList } = result
+            this.$refs.registerDataDictionaryAdd.onDataReceive({
+              visible: true,
+              nParent: this.ywsjzd.selectRow[0]?.id,
+              resFieldList,
+              resButtonList
+            })
+          })
+          break
+        case 'ywsjzd/update':
+          this.$refs.registerDataDictionaryUpdate.onDataReceive({
+            visible: true,
+            row: this[this.name].selectRow[0]
+          })
+
+          break
+        case 'ywsjzd/enable':
+          this.handleSubmit()
+          break
+        case 'ywsjzd/disabled':
+          this.handleSubmit()
+          break
+        case 'ywsjzd/del':
+          this.handleSubmit()
+          break
+        default:
+          break
+      }
+    },
+    // 选择行事件
+    toggleSelectRow: function(row) {
+      const self = this
+      self[self.name].selectRow = row
+    },
+    // 弹窗确定回调
+    handleOk() {
+      this.$refs.registerModal.changeOkLoading(true)
+
+      if (this.ywsjzd.formModalAttrs.model.type !== 'update') {
+        this.$store.dispatch('ywsjzd/addSave').then(() => {
+          this.visible = false
+          this.$refs['kunkka-ux-grid'].fetch()
+        }).finally(() => {
+          this.$refs.registerModal.changeOkLoading(false)
+        })
+      } else {
+        this.$store.dispatch('ywsjzd/updateSave').then(() => {
+          this.visible = false
+        }).finally(() => {
+          this.$refs.registerModal.changeOkLoading(false)
+        })
+      }
+    },
+    handleSubmit() {
+      this.$refs['kunkka-ux-grid'].fetch()
+      this[this.name].selectRow = []
+    },
+    // 懒加载
+    loadChildrenMethod({ row }) {
+      return new Promise((resolve, reject) => {
+        // this.loadNodeMap.set(row.id, { row, resolve })
+        const jsonStr = {
+          pageNo: 1,
+          pageSize: 999,
+          authDict: {
+            nParent: row.id
+          }
+        }
+        this.$store.dispatch('ywsjzd/queryListAction', { jsonStr }).then((res) => {
+          if (res.records.length > 0) {
+            res.records.forEach(element => {
+              element.hasChildren = true
+            })
+          } else {
+            row.hasChildren = false
+          }
+          resolve(res.records)
+        })
+      })
+    }
+  }
+}
+</script>

package/ywsjzd/ywsjzdUpdate.vue

@@ -0,0 +1,156 @@
+<template>
+  <div>
+    <KunkkaModal
+      ref="registerModal"
+      width="960px"
+      :visible.sync="visible"
+      :can-fullscreen="true"
+      :show-close="false"
+      :title="title"
+      top="10px"
+      @ok="handleOk"
+    >
+      <kunkka-form
+        label-position="left"
+        label-width="110px"
+        :lg="24"
+        :show-message="false"
+        v-bind="tableAttr.formConfig"
+        @inputSearchClick="inputSearchClick"
+      >
+        <template #cMeta="{ item }">
+          <el-table :data="tableAttr.formConfig.model[item.prop]" border size="mini">
+            <el-table-column label="key">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.key" size="mini" style="width: 100%;">
+                  <el-option v-for="op in keyOpts" :key="op.cXuhao" :label="op.cName" :value="op.cXuhao" />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="value">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.value" size="mini" style="width: 100%;" />
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="40" align="center">
+              <template #header>
+                <i
+                  class="el-icon-circle-plus-outline"
+                  style="font-size: 16px; cursor: pointer;"
+                  @click="tableAttr.formConfig.model[item.prop].push({})"
+                />
+              </template>
+              <template slot-scope="scope">
+                <i
+                  class="el-icon-remove-outline"
+                  style="font-size: 16px; cursor: pointer;"
+                  @click="tableAttr.formConfig.model[item.prop].splice(scope.$index, 1)"
+                />
+              </template>
+            </el-table-column>
+          </el-table>
+        </template>
+      </kunkka-form>
+
+      <kunkka-ux-grid
+        ref="kunkka-ux-grid"
+        v-bind="tableAttr"
+        :height="250"
+      />
+
+    <!-- 资源国际化配置 -->
+    </KunkkaModal>
+    <i18nDataDialog />
+  </div>
+</template>
+<script>
+/* eslint-disable no-async-promise-executor */
+import { mapGetters } from 'vuex'
+import { queryByXuhao } from '@/api/core'
+import i18nDataDialog from '@/components/i18nDataDialog'
+import formTable from '@/mixins/formTable'
+export default {
+  components: {
+    i18nDataDialog
+  },
+  mixins: [formTable],
+  data() {
+    return {
+      name: 'ywsjzd',
+      title: '业务数据字典-修改',
+      visible: false,
+      keyOpts: []
+    }
+  },
+  computed: {
+    ...mapGetters(['ywsjzd'])
+  },
+  mounted: function() {},
+  methods: {
+    onDataReceive(data) {
+      const { visible, row } = data
+      const _this = this
+      if (visible) {
+        this.currentUserResourcesGroupBycArea({ modnumb: '359a862a-f4fd-4366-81ef-ac3cb64085df' }).then(result => {
+          const { resFieldList, resButtonList } = result
+          this.tableAttr.columns = resFieldList.table
+          this.tableAttr.formConfig.form = resFieldList.form
+          this.tableAttr.toolbar = resButtonList.table || []
+          this.$store.dispatch(`${this.name}/editInitById`, {
+            id: row.id
+          }).then((res) => {
+            _this.tableAttr.model = res.result.childList
+            _this.$refs['kunkka-ux-grid'].$refs['kunkka-ux-grid'].reloadData(res.result.childList)
+
+            this.tableAttr.formConfig.model = { ...res.result.authDict,
+              cMeta: res.result.authDict.cMeta ? _.reduce(JSON.parse(res.result.authDict.cMeta), function(result, value, key) {
+                result.push({
+                  'key': key,
+                  'value': value
+                })
+                return result
+              }, []) : []
+            }
+          })
+          queryByXuhao({ cXuhao: 'DICTATTR' }).then(res => {
+            this.keyOpts = res.result
+          })
+          this.visible = true
+        })
+      }
+    },
+    // 弹窗确定回调
+    handleOk() {
+      this.$refs.registerModal.changeOkLoading(true)
+
+      const model = this.tableAttr.formConfig.model
+      const cMetaObj = _.reduce(model.cMeta, function(result, value, key) {
+        result[value.key] = value.value
+        return result
+      }, {})
+      model.cMeta = JSON.stringify(cMetaObj)
+      model.authDictList = this.tableAttr.model
+
+      this.$store.dispatch(`${this.name}/updateSaveById`, { authDict: {
+        ...model
+      },
+      authDictList: this.tableAttr.model
+      }
+      ).then(() => {
+        this.visible = false
+        this.$emit('handleSubmit')
+      }).finally(() => {
+        this.$refs.registerModal.changeOkLoading(false)
+      })
+    },
+    inputSearchClick(data) {
+      this.$store.dispatch('i18nDataDialog/show', {
+        nParentId: this.tableAttr.formConfig.model['id'],
+        cBname: 'AUTH_DICT', // 业务表名
+        cFname: 'C_NAME', // 业务字段
+        cDataKey: this.tableAttr.formConfig.model[data.prop]
+      })
+    }
+  }
+}
+</script>

package/user/api/user.js

@@ -1,57 +0,0 @@
-import { request } from '@core/utils'
-
-export function login(data) {
-  return request({
-    url: '/base-auth/login',
-    method: 'post',
-    data,
-    params: data
-  })
-}
-
-export function logout() {
-  return request({
-    url: '/base-auth/logout',
-    method: 'post'
-  })
-}
-
-export function getInfo(data) {
-  return request({
-    url: '/core/contact/getCurrentUserAndResources',
-    method: 'post',
-    data
-  })
-}
-
-export function getGyUuid(data) {
-  return request({
-    url: '/core/assSysSetting/getGyUuid',
-    method: 'post',
-    data
-  })
-}
-
-export function updatePwd(data) {
-  return request({
-    url: '/core/authUser/updatePwd',
-    method: 'post',
-    data
-  })
-}
-
-export function findAllUser(data) {
-  return request({
-    url: '/core/authUser/findAllUser',
-    method: 'post',
-    data
-  })
-}
-
-export function changeAccount(data) {
-  return request({
-    url: '/changeAccount',
-    method: 'post',
-    data
-  })
-}