@sunny-base/effects 0.0.1 → 0.0.3

package/dataDictionary/dataDictionaryAdd.vue

@@ -0,0 +1,95 @@
+<template>
+  <KunkkaModal
+    ref="registerModal"
+    width="600px"
+    :visible.sync="visible"
+    :can-fullscreen="true"
+    :show-close="false"
+    :title="title"
+    @ok="handleOk"
+  >
+    <kunkka-form
+      label-position="left"
+      label-width="110px"
+      :show-message="false"
+      :lg="24"
+      v-bind="dataDictionary.formModalAttrs"
+    >
+      <template #cMeta="{ item }">
+        <el-table :data="dataDictionary.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="dataDictionary.formModalAttrs.model[item.prop].push({})"
+              />
+            </template>
+            <template slot-scope="scope">
+              <i
+                class="el-icon-remove-outline"
+                style="font-size: 16px; cursor: pointer;"
+                @click="dataDictionary.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: 'dataDictionary',
+      title: '数据字典-新增',
+      visible: false
+    }
+  },
+  computed: {
+    ...mapGetters(['dataDictionary'])
+  },
+  mounted: function() {},
+  methods: {
+    //
+    onDataReceive(data) {
+      this.dataDictionary.formModalAttrs.form = data.resFieldList.form
+      this.dataDictionary.formModalAttrs.model = {
+        nParent: data.nParent || 0,
+        cMeta: []
+      }
+      queryByXuhao({ cXuhao: 'DICTATTR' }).then(res => {
+        this.keyOpts = res.result
+      })
+      this.visible = true
+    },
+    // 弹窗确定回调
+    handleOk() {
+      this.$refs.registerModal.changeOkLoading(true)
+      this.$store.dispatch('dataDictionary/addSave').then(() => {
+        this.visible = false
+        this.$emit('handleSubmit')
+      }).finally(() => {
+        this.$refs.registerModal.changeOkLoading(false)
+      })
+    }
+  }
+}
+</script>

package/dataDictionary/dataDictionaryQuery.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="dataDictionary commonQueryDiv">
+    <kunkka-ux-grid
+      ref="kunkka-ux-grid"
+      v-bind="dataDictionary.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>
+/* eslint-disable no-async-promise-executor */
+import { mapGetters } from 'vuex'
+import DataDictionaryAdd from './dataDictionaryAdd.vue'
+import DataDictionaryUpdate from './dataDictionaryUpdate.vue'
+import list from '@/mixins/list'
+
+export default {
+  name: 'DataDictionary',
+  components: {
+    DataDictionaryAdd,
+    DataDictionaryUpdate
+  },
+  mixins: [list],
+  data() {
+    return {
+      name: 'dataDictionary',
+      title: '用户管理-弹窗',
+      visible: false
+    }
+  },
+  computed: {
+    ...mapGetters(['dataDictionary'])
+  },
+  mounted: function() {},
+  methods: {
+    // 表格按钮回调
+    toggleToolbarClick: function(data) {
+      const { handle } = data.item
+      switch (handle) {
+        case 'dataDictionary/add':
+          this.currentUserResourcesGroupBycArea({ modnumb: 'd925795d-58c0-4adf-b287-cc04233ada6d' }).then(result => {
+            const { resFieldList, resButtonList } = result
+            this.$refs.registerDataDictionaryAdd.onDataReceive({
+              visible: true,
+              nParent: this[this.name].selectRow[0]?.id,
+              resFieldList,
+              resButtonList
+            })
+          })
+          break
+        case 'dataDictionary/update':
+          this.$refs.registerDataDictionaryUpdate.onDataReceive({
+            visible: true,
+            row: this[this.name].selectRow[0]
+          })
+          break
+        case 'dataDictionary/enable':
+          this.handleSubmit()
+          break
+        case 'dataDictionary/disabled':
+          this.handleSubmit()
+          break
+        case 'dataDictionary/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.dataDictionary.formModalAttrs.model.type !== 'update') {
+        this.$store.dispatch('dataDictionary/addSave').then(() => {
+          this.visible = false
+          this.$refs['kunkka-ux-grid'].fetch()
+        }).finally(() => {
+          this.$refs.registerModal.changeOkLoading(false)
+        })
+      } else {
+        this.$store.dispatch('dataDictionary/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('dataDictionary/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/dataDictionary/dataDictionaryUpdate.vue

@@ -0,0 +1,159 @@
+<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: 'dataDictionary',
+      title: '数据字典-修改',
+      visible: false,
+      keyOpts: []
+    }
+  },
+  computed: {
+    ...mapGetters(['dataDictionary'])
+  },
+  mounted: function() {},
+  methods: {
+    onDataReceive(data) {
+      const { visible, row } = data
+      const _this = this
+      if (visible) {
+        this.currentUserResourcesGroupBycArea({ modnumb: '5fbe1cf8-fcca-4df8-a6f4-21393b335f2c' }).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/i18n/components/AddDialog.vue

@@ -0,0 +1,103 @@
+<template>
+  <div>
+    <div ref="kunkka-ux-grid-toolbar" class="kunkka-ux-grid-toolbar">
+      <el-button
+        v-for="(item,key) in toolbar"
+        :key="key"
+        :size="item.size"
+        :loading="item.loading"
+        :type="item.type"
+        :icon="item.icon"
+        @click="toggleToolbarClick(item)"
+      >
+        {{ item.label }}
+      </el-button>
+    </div>
+    <ux-grid
+      ref="addDialog"
+      border
+      show-overflow
+      keep-source
+      :data="tableData"
+      :highlight-current-row="false"
+      :edit-config="{trigger: 'click', mode: 'cell'}"
+      @select="toggleSelectRow"
+    >
+      <ux-table-column type="checkbox" width="40" />
+      <ux-table-column
+        v-for="(item, index) in columns"
+        :key="index"
+        :field="item.prop"
+        :title="item.label"
+        :edit-render="{autofocus: '.el-input__inner'}"
+      >
+        <template #edit="scope">
+          <el-input v-model="scope.row[item.prop]" />
+        </template>
+        <template #default="scope">
+          <span class="my-input-sc">{{ scope.row[item.prop] }}</span>
+        </template>
+      </ux-table-column>
+    </ux-grid>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+
+export default {
+  components: {
+
+  },
+  props: {
+    toolbar: {
+      type: Array,
+      default: () => { return [] }
+    },
+    columns: {
+      type: Array,
+      default: () => { return [] }
+    },
+    tableData: {
+      type: Array,
+      default: () => { return [] }
+    }
+  },
+  data() {
+    return {
+      name: 'i18nConfig'
+    }
+  },
+  computed: {
+    ...mapGetters(['i18nConfig'])
+  },
+  methods: {
+    toggleToolbarClick: function(data) {
+      this.$store.dispatch(data.handle)
+    },
+    toggleSelectRow: function(row) {
+      const self = this
+      self[self.name].addDialog.selectRow = row
+    }
+  }
+}
+</script>
+<style>
+.my-input-sc {
+  display: inline-block;
+  line-height: 30px;
+  height: 30px;
+  -webkit-appearance: none;
+  background-color: #FFFFFF;
+  background-image: none;
+  border-radius : 4px;
+  border: 1px solid #DCDFE6;
+  box-sizing: border-box;
+  color: #606266;
+  font-size: inherit;
+  outline: none;
+  padding: 0 15px;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  width: 100%;
+}
+</style>

package/i18n/components/EditDialog.vue

@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <el-drawer
+      :visible.sync="i18nConfig.editDialog.visible"
+      direction="rtl"
+      size="70%"
+    >
+      <el-table
+        :data="i18nConfig.editDialog.data"
+        height="80vh"
+        border
+      >
+        <el-table-column
+          v-for="(item,index) in i18nConfig.editDialog.conditions"
+          :key="index"
+          :label="item.label"
+        >
+          <template slot-scope="scope">
+            <span v-if="item.components === 'spanselect'">
+              {{ filterSelect(scope.row[item.prop], item.optionlist) }}
+            </span>
+            <span v-else-if="item.components === 'Input'">
+              <el-input
+                v-model="scope.row[item.prop]"
+                :disabled="disabledFilter(item)"
+              />
+            </span>
+            <span v-else>{{ scope.row[item.prop] }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="i18nEd__footer">
+        <el-button
+          type="primary"
+          :loading="loading"
+          @click="submitForm()"
+        >确定</el-button>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { filterSelect } from '@/mixins/configurationFile/utils'
+export default {
+  data() {
+    return {
+      name: 'i18nConfig',
+      loading: false
+    }
+  },
+  computed: {
+    ...mapGetters(['i18nConfig'])
+  },
+  methods: {
+    disabledFilter(item) {
+      return item.prop === 'nType' || item.prop === 'cResname' || item.prop === 'cKey'
+    },
+    submitForm() {
+      this.$store.dispatch('i18nConfig/updateSaveAction')
+    },
+    filterSelect
+  }
+}
+</script>
+
+<style lang="scss">
+.i18nEd__footer {
+  height: 10vh;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 20px;
+}
+</style>