back/src/views/modules/ability/tag-data.vue

@@ -1,97 +0,0 @@
-<template>
-  <el-card shadow="never" class="aui-card--fill">
-    <div class="mod-sys__dict">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <el-form-item>
-          <el-input v-model="dataForm.dictValue" :placeholder="$t('dict.dictValue')" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-input v-model="dataForm.dictLabel" :placeholder="$t('dict.dictLabel')" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button v-if="$hasPermission('sys:dict:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button v-if="$hasPermission('sys:dict:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
-        </el-form-item>
-      </el-form>
-      <el-table
-        v-loading="dataListLoading"
-        :data="dataList"
-        border
-        @selection-change="dataListSelectionChangeHandle"
-        @sort-change="dataListSortChangeHandle"
-        style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="dictValue" :label="$t('dict.dictValue')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="dictLabel" :label="$t('dict.dictLabel')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="sort" :label="$t('dict.sort')" sortable="custom" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="dictName" label="禁用/启用" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="remark" :label="$t('dict.remark')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createDate" :label="$t('dict.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
-        <el-table-column  :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
-          <template slot-scope="scope">
-            <el-button v-if="$hasPermission('sys:dict:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('sys:dict:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
-      </el-pagination>
-      <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
-    </div>
-  </el-card>
-</template>
-
-<script>
-import mixinViewModule from '@/mixins/view-module'
-// import AddOrUpdate from './dict-data-add-or-update'
-export default {
-  mixins: [mixinViewModule],
-  data () {
-    return {
-      mixinViewModuleOptions: {
-        createdIsNeed: false,
-        getDataListURL: '/sys/dict/data/page',
-        getDataListIsPage: true,
-        deleteURL: '/sys/dict/data',
-        deleteIsBatch: true
-      },
-      dataForm: {
-        dictTypeId: '0',
-        dictLabel: '',
-        dictValue: ''
-      }
-    }
-  },
-  components: {
-    // AddOrUpdate
-  },
-  created () {
-    this.dataForm.dictTypeId = this.$route.params.dictTypeId || '0'
-    this.getDataList()
-  },
-  methods: {
-    // 新增 / 修改
-    addOrUpdateHandle (id) {
-      this.addOrUpdateVisible = true
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.dataForm.id = id
-        this.$refs.addOrUpdate.dataForm.dictTypeId = this.dataForm.dictTypeId
-        this.$refs.addOrUpdate.init()
-      })
-    }
-  }
-}
-</script>

back/src/views/modules/ability/tag-type-add-or-update.vue

@@ -1,99 +0,0 @@
-<template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false"
-    :close-on-press-escape="false">
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
-      label-width="120px">
-      <el-form-item prop="dictName" label="标签名称">
-        <el-input v-model="dataForm.dictName" :placeholder="$t('dict.dictName')"></el-input>
-      </el-form-item>
-      <el-form-item prop="dictType" label="英文名称">
-        <el-input v-model="dataForm.dictType" :placeholder="$t('dict.dictType')"></el-input>
-      </el-form-item>
-      <el-form-item prop="remark" :label="$t('dict.remark')">
-        <el-input type="textarea" :rows="4" v-model="dataForm.remark" :placeholder="$t('dict.remark')"></el-input>
-      </el-form-item>
-    </el-form>
-    <template slot="footer">
-      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script>
-import debounce from 'lodash/debounce'
-export default {
-  data() {
-    return {
-      visible: false,
-      dataForm: {
-        id: '',
-        dictName: '',
-        dictType: '',
-        sort: 0,
-        remark: ''
-      }
-    }
-  },
-  computed: {
-    dataRule() {
-      return {
-        dictName: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        dictType: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        sort: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ]
-      }
-    }
-  },
-  methods: {
-    init() {
-      this.visible = true
-      this.$nextTick(() => {
-        this.$refs['dataForm'].resetFields()
-        if (this.dataForm.id) {
-          this.getInfo()
-        }
-      })
-    },
-    // 获取信息
-    getInfo() {
-      this.$http.get(`/sys/dict/type/${this.dataForm.id}`).then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.dataForm = {
-          ...this.dataForm,
-          ...res.data
-        }
-      }).catch(() => { })
-    },
-    // 表单提交
-    dataFormSubmitHandle: debounce(function () {
-      this.$refs['dataForm'].validate((valid) => {
-        if (!valid) {
-          return false
-        }
-        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/dict/type', this.dataForm).then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          }
-          this.$message({
-            message: this.$t('prompt.success'),
-            type: 'success',
-            duration: 500,
-            onClose: () => {
-              this.visible = false
-              this.$emit('refreshDataList')
-            }
-          })
-        }).catch(() => { })
-      })
-    }, 1000, { 'leading': true, 'trailing': false })
-  }
-}
-</script>

back/src/views/modules/ability/tag.vue

@@ -1,92 +0,0 @@
-<template>
-    <el-card shadow="never" class="aui-card--fill">
-        <div class="mod-sys__dict">
-            <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-                <el-form-item>
-                    <el-input v-model="dataForm.dictName" placeholder="标签名称" clearable></el-input>
-                </el-form-item>
-                <el-form-item>
-                    <el-input v-model="dataForm.dictLabel" placeholder="资源名称" clearable></el-input>
-                </el-form-item>
-                <el-form-item>
-                    <el-button @click="getDataList()">{{ $t('query') }}</el-button>
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" @click="addOrUpdateHandle()">新增分类</el-button>
-                </el-form-item>
-            </el-form>
-            <el-table v-loading="dataListLoading" :data="dataList" border
-                @selection-change="dataListSelectionChangeHandle" @sort-change="dataListSortChangeHandle"
-                style="width: 100%;">
-                <el-table-column prop="dictName" label="标签名称" header-align="center" align="center"></el-table-column>
-                <el-table-column prop="dictType" label="英文名称" header-align="center" align="center">
-                    <template slot-scope="scope">
-                        <el-button type="text" @click="childHandle(scope.row)">{{ scope.row.dictType }}</el-button>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="dictName" label="描述" header-align="center" align="center"></el-table-column>
-                <el-table-column prop="createDate" label="创建时间" header-align="center" align="center"></el-table-column>
-                <el-table-column label="操作" fixed="right" header-align="center" align="center" width="280">
-                    <template slot-scope="scope">
-                        <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
-                        <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">删除</el-button>
-                        <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">详情</el-button>
-                        <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">新增</el-button>
-                        <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">禁用/启用</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="total"
-                layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
-                @current-change="pageCurrentChangeHandle">
-            </el-pagination>
-            <!-- 弹窗, 新增 / 修改 -->
-            <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
-        </div>
-    </el-card>
-</template>
-  
-<script>
-import mixinViewModule from '@/mixins/view-module'
-  import AddOrUpdate from './tag-type-add-or-update'
-import { addDynamicRoute } from '@/router'
-export default {
-    mixins: [mixinViewModule],
-    data() {
-        return {
-            mixinViewModuleOptions: {
-                getDataListURL: '/sys/dict/type/page',
-                getDataListIsPage: true,
-                deleteURL: '/sys/dict/type',
-                deleteIsBatch: true
-            },
-            dataForm: {
-                id: '0',
-                dictName: '',
-                dictType: '',
-                dictLabel: '',
-            }
-        }
-    },
-    components: {
-          AddOrUpdate
-    },
-    methods: {
-        // 子级
-        childHandle(row) {
-            // 路由参数
-            const routeParams = {
-                routeName: `${this.$route.name}__${row.id}`,
-                title: `${this.$route.meta.title} - ${row.dictType}`,
-                path: 'ability/tag-data',
-                params: {
-                    dictTypeId: row.id
-                }
-            }
-            // 动态路由
-            addDynamicRoute(routeParams, this.$router)
-        }
-    }
-}
-</script>
-