数据词典功能完善

src/api/sys/dictionary.js

@@ -2,7 +2,6 @@ import request from '@/utils/request'
 
 const dictionaryApi = {
   add: '/sys/dictionary/add',
-  get: '/sys/dictionary/get',
   update: '/sys/dictionary/edit',
   del: '/sys/dictionary/del',
   page: '/sys/dictionary/pageList'
@@ -15,13 +14,6 @@ export function dictionaryAdd (params) {
     data: params
   })
 }
-export function dictionaryGet (params) {
-  return request({
-    url: dictionaryApi.get,
-    method: 'post',
-    data: params
-  })
-}
 export function dictionaryUpdate (params) {
   return request({
     url: dictionaryApi.update,
@@ -33,13 +25,14 @@ export function dictionaryDel (params) {
   return request({
     url: dictionaryApi.del,
     method: 'post',
-    data: params
+    params: params
   })
 }
 export function dictionaryPage (params) {
+  console.log(params)
   return request({
     url: dictionaryApi.page,
     method: 'get',
-    data: params
+    params: params
   })
 }

src/api/sys/dictionaryItem.js

@@ -1,11 +1,10 @@
 import request from '@/utils/request'
 
 const dictionaryItemApi = {
-  add: '/sys/dictionaryItem/add',
+  add: 'sys/dictionary/item/add',
-  get: '/sys/dictionaryItem/get',
+  update: 'sys/dictionary/item/edit',
-  update: '/sys/dictionaryItem/edit',
+  del: 'sys/dictionary/item/del',
-  del: '/sys/dictionaryItem/del',
+  page: 'sys/dictionary/item/pageList'
-  page: '/sys/dictionaryItem/pageList'
 }
 
 export function dictionaryItemAdd (params) {
@@ -15,13 +14,6 @@ export function dictionaryItemAdd (params) {
     data: params
   })
 }
-export function dictionaryItemGet (params) {
-  return request({
-    url: dictionaryItemApi.get,
-    method: 'post',
-    data: params
-  })
-}
 export function dictionaryItemUpdate (params) {
   return request({
     url: dictionaryItemApi.update,
@@ -33,13 +25,13 @@ export function dictionaryItemDel (params) {
   return request({
     url: dictionaryItemApi.del,
     method: 'post',
-    data: params
+    params: params
   })
 }
 export function dictionaryItemPage (params) {
   return request({
     url: dictionaryItemApi.page,
     method: 'get',
-    data: params
+    params: params
   })
 }

src/components/Table/index.js

@@ -178,7 +178,7 @@ export default {
           // } catch (e) {
           //   this.localPagination = false
           // }
-          this.localDataSource = r.entities // 返回结果中的数组数据
+          this.localDataSource = r.rows // 返回结果中的数组数据
           this.localLoading = false
         })
       }

src/views/sys/dictionary/DictionaryDetail.vue

@@ -1,40 +0,0 @@
-<template>
-  <a-drawer
-    title="词典分类详情"
-    width="640"
-    placement="right"
-    :visible="visible"
-    @close="onClose">
-    <a-descriptions :column="{ sm: 2, xs: 1 }">
-      <a-descriptions-item label="词典名称">{{ model.dictionaryName }}</a-descriptions-item>
-      <a-descriptions-item label="词典标识">{{ model.dictionaryCode }}</a-descriptions-item>
-      <a-descriptions-item label="创建时间">{{ model.createTime | moment('YYYY-MM-DD HH:mm:ss') }}</a-descriptions-item>
-      <a-descriptions-item label="最近修改">{{ model.updateTime | moment('YYYY-MM-DD HH:mm:ss') }}</a-descriptions-item>
-    </a-descriptions>
-  </a-drawer>
-</template>
-
-<script>
-import { dictionaryGet } from '@/api/sys/dictionary'
-
-export default {
-  data () {
-    return {
-      model: {},
-      visible: false
-    }
-  },
-  methods: {
-    show (id) {
-      this.visible = true
-      dictionaryGet({ id: id }).then(data => {
-        this.model = data.data
-      })
-    },
-    onClose () {
-      this.model = {}
-      this.visible = false
-    }
-  }
-}
-</script>

src/views/sys/dictionary/DictionaryForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal centered :visible="visible" :title="modalTitle" :width="720" @close="onCancel">
+  <a-modal :visible="visible" :title="modalTitle" @ok="onSubmit" @cancel="onCancel">
     <a-form-model
       ref="ruleForm"
       :model="form"
@@ -9,25 +9,29 @@
       <a-row>
         <a-col :span="12">
           <a-form-model-item ref="dictionaryName" label="词典名称" prop="dictionaryName">
-            <a-input v-model="form.dictionaryName"/>
+            <a-input v-if="operable" v-model="form.dictionaryName"/>
-          </a-form-model-item>
+            <span v-else>{{ form.dictionaryName }}</span>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item ref="dictionaryCode" label="词典标识" prop="dictionaryCode">
-            <a-input v-model="form.dictionaryCode"/>
           </a-form-model-item>
         </a-col>
       </a-row>
+      <!-- <a-row>
+        <a-col :span="12">
+          <a-form-model-item ref="dictionaryCode" label="词典标识" prop="dictionaryCode">
+            <a-input v-if="operable" v-model="form.dictionaryCode"/>
+            <span v-else>{{ form.dictionaryCode }}</span>
+          </a-form-model-item>
+        </a-col>
+      </a-row> -->
     </a-form-model>
     <div class="draw-button-container align-center">
       <a-button @click="onCancel">取消</a-button>
-      <a-button type="primary" @click="onSubmit">保存</a-button>
+      <a-button type="primary" @click="onSubmit" :disabled="!operable">保存</a-button>
     </div>
-    </a-drawer>
+  </a-modal>
-  </a-modal></template>
+</template>
 
 <script>
-import { dictionaryAdd, dictionaryUpdate, dictionaryGet } from '@/api/sys/dictionary'
+import { dictionaryAdd, dictionaryUpdate } from '@/api/sys/dictionary'
 
 export default {
   props: {
@@ -40,19 +44,16 @@ export default {
     return {
       modalTitle: '新增',
       visible: false,
+      operable: false,
       labelCol: { span: 8 },
       wrapperCol: { span: 16 },
       form: {
-        dictionaryName: '',
+        dictionaryName: ''
-        dictionaryCode: ''
       },
       rules: {
         dictionaryName: [
           { required: true, message: '请输入词典名称', trigger: 'blur' },
           { max: 25, message: '长度不能超过25', trigger: 'blur' }
-        ],
-        dictionaryCode: [
-          { required: true, message: '请输入词典标识', trigger: 'blur' }
         ]
       }
     }
@@ -61,19 +62,25 @@ export default {
     add () {
       this.modalTitle = '新增'
       this.visible = true
+      this.operable = true
       this.form.id = undefined
     },
     edit (obj) {
       this.modalTitle = '修改'
       this.visible = true
-      dictionaryGet({ id: obj.id }).then(data => {
+      this.operable = true
-        const form = data.data
+      this.form = obj
-        this.form = form
+    },
-      })
+    detail (obj) {
+      this.modalTitle = '详情'
+      this.visible = true
+      this.operable = false
+      this.form = obj
     },
     onSubmit (e) {
       this.$refs.ruleForm.validate(valid => {
         if (valid) {
+          console.log(this.form)
           if (this.form.id) {
             dictionaryUpdate(this.form).then(data => {
               this.$emit('ok')
@@ -91,12 +98,8 @@ export default {
       })
     },
     onCancel () {
-      this.$refs.ruleForm.resetFields()
+      this.form = {}
-      delete this.form.id
       this.visible = false
-    },
-    onReset () {
-      this.$refs.ruleForm.resetFields()
     }
   }
 }

src/views/sys/dictionary/DictionaryList.vue

@@ -38,13 +38,12 @@
             <a href="javascript:;">删除</a>
           </a-popconfirm>
           <a-divider type="vertical" />
-          <a href="javascript:;" @click="handleDetail(record.id)">详情</a>
+          <a href="javascript:;" @click="handleDetail(record)">详情</a>
           <a-divider type="vertical" />
-          <router-link :to="'/dictionary/dictionaryItem/list/' + record.id">词典项</router-link>
+          <router-link :to="'/dictionary/dictionaryItem/list/' + record.dictionaryCode">词典项</router-link>
         </template>
       </s-table>
       <dictionary-form ref="modal" @ok="handleOk" />
-      <dictionary-detail ref="detail" />
     </a-card>
   </page-header-wrapper>
 </template>
@@ -53,18 +52,16 @@
 import { dictionaryPage, dictionaryDel } from '@/api/sys/dictionary'
 import { STable } from '@/components'
 import DictionaryForm from './DictionaryForm'
-import DictionaryDetail from './DictionaryDetail'
 
 export default {
   name: 'DictionaryList',
   components: {
     STable,
-    DictionaryForm,
+    DictionaryForm
-    DictionaryDetail
   },
   data () {
     return {
-      queryParam: { dictionaryName: '', dictionaryCode: '' },
+      queryParam: { dictionaryName: null, dictionaryCode: null },
       selectedRowKeys: [], // 选中行的key 出选择框时需要配置
       selectedRows: [], // 选中行的数据
       columns: [
@@ -81,8 +78,7 @@ export default {
       loadData: parameter => {
         return dictionaryPage(Object.assign(parameter, this.queryParam))
           .then(res => {
-            const data = res.data
+            return res
-            return data
           })
       }
     }
@@ -104,9 +100,13 @@ export default {
     handleEdit (record) {
       this.$refs.modal.edit(record)
     },
+    // 详情
+    handleDetail (record) {
+      this.$refs.modal.detail(record)
+    },
     // 删
     handleDelete (record) {
-      dictionaryDel({ id: record.id }).then(() => {
+      dictionaryDel({ ids: record.id, deleteReason: "" }).then(() => {
         this.$refs.table.refresh()
       })
     },
@@ -114,10 +114,6 @@ export default {
     handleOk () {
       this.$refs.table.refresh()
     },
-    // 详情
-    handleDetail (id) {
-      this.$refs.detail.show(id)
-    },
     handleRefresh () {
       this.$refs.table.refresh(true)
     }

src/views/sys/dictionaryItem/DictionaryItemDetail.vue

@@ -1,48 +0,0 @@
-<template>
-  <a-drawer
-    title="词典项详情"
-    width="640"
-    placement="right"
-    :visible="visible"
-    @close="onClose">
-    <a-descriptions :column="{ sm: 2, xs: 1 }">
-      <a-descriptions-item label="词典项名称">{{ model.name }}</a-descriptions-item>
-      <a-descriptions-item label="词典项值">{{ model.value }}</a-descriptions-item>
-      <a-descriptions-item label="所属上级">{{ model.parentid }}</a-descriptions-item>
-      <a-descriptions-item label="排序">{{ model.sortid }}</a-descriptions-item>
-      <a-descriptions-item label="描述">{{ model.description }}</a-descriptions-item>
-      <a-descriptions-item label="创建时间">{{ model.createTime | moment('YYYY-MM-DD HH:mm:ss') }}</a-descriptions-item>
-      <a-descriptions-item label="最近修改">{{ model.updateTime | moment('YYYY-MM-DD HH:mm:ss') }}</a-descriptions-item>
-    </a-descriptions>
-  </a-drawer>
-</template>
-
-<script>
-import { dictionaryItemGet } from '@/api/sys/dictionaryItem'
-
-export default {
-  data () {
-    return {
-      model: {},
-      visible: false
-    }
-  },
-  filters: {
-    statusFilter (status) {
-      return statusMap[status]
-    }
-  },
-  methods: {
-    show (id) {
-      this.visible = true
-      dictionaryItemGet({ id: id }).then(data => {
-        this.model = data.data
-      })
-    },
-    onClose () {
-      this.model = {}
-      this.visible = false
-    }
-  }
-}
-</script>

src/views/sys/dictionaryItem/DictionaryItemForm.vue

@@ -1,47 +1,52 @@
 <template>
-  <a-modal :visible="visible" :title="modalTitle" :width="720" @close="onCancel">
+  <a-modal :visible="visible" :title="modalTitle" :width="720" @cancel="onCancel">
     <a-form-model ref="ruleForm" :model="form" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-row>
         <a-col :span="12">
           <a-form-model-item ref="name" label="词典项名称" prop="name">
-            <a-input v-model="form.name"/>
+            <a-input v-if="operable" v-model="form.name"/>
+            <span v-else>{{ form.name }}</span>
           </a-form-model-item>
         </a-col>
         <a-col :span="12">
           <a-form-model-item ref="value" label="词典项值" prop="value">
-            <a-input v-model="form.value"/>
+            <a-input-number v-if="operable" v-model="form.value"/>
+            <span v-else>{{ form.value }}</span>
           </a-form-model-item>
         </a-col>
       </a-row>
       <a-row>
         <a-col :span="12">
           <a-form-model-item ref="parentid" label="所属上级" prop="parentid">
-            <a-input-number v-model="form.parentid" :min="0"/>
+            <a-input-number v-if="operable" v-model="form.parentid" :min="0"/>
+            <span v-else>{{ form.parentid }}</span>
           </a-form-model-item>
         </a-col>
         <a-col :span="12">
           <a-form-model-item ref="sortid" label="排序" prop="sortid">
-            <a-input-number v-model="form.sortid" :min="0"/>
+            <a-input-number v-if="operable" v-model="form.sortid" :min="0"/>
+            <span v-else>{{ form.sortid }}</span>
           </a-form-model-item>
         </a-col>
       </a-row>
       <a-row>
         <a-col :span="24">
           <a-form-model-item ref="description" label="描述" prop="description" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
-            <a-textarea :autoSize="{ minRows: 3, maxRows: 10 }" v-model="form.description"/>
+            <a-textarea :autoSize="{ minRows: 3, maxRows: 10 }" v-model="form.description" v-if="operable"/>
+            <span v-else>{{ form.description }}</span>
           </a-form-model-item>
         </a-col>
       </a-row>
     </a-form-model>
     <div class="draw-button-container align-center">
       <a-button @click="onCancel">取消</a-button>
-      <a-button type="primary" @click="onSubmit">保存</a-button>
+      <a-button type="primary" @click="onSubmit" :disabled="!operable">保存</a-button>
     </div>
   </a-modal>
 </template>
 
 <script>
-import { dictionaryItemAdd, dictionaryItemUpdate, dictionaryItemGet } from '@/api/sys/dictionaryItem'
+import { dictionaryItemAdd, dictionaryItemUpdate } from '@/api/sys/dictionaryItem'
 
 export default {
   props: {
@@ -54,10 +59,10 @@ export default {
     return {
       modalTitle: '新增',
       visible: false,
+      operable: false,
       labelCol: { span: 8 },
       wrapperCol: { span: 16 },
       form: {
-        dictionaryCode: this.$route.params.id,
         name: '',
         value: '',
         parentid: 0,
@@ -69,8 +74,7 @@ export default {
           { required: true, message: '请输入词典项名称', trigger: 'blur' }
         ],
         value: [
-          { required: true, message: '请输入词典项值', trigger: 'blur' },
+          { required: true, message: '请输入词典项值', trigger: 'blur' }
-          { max: 4, message: '长度不能超过4', trigger: 'blur' }
         ],
         parentid: [
           { required: true, message: '请输入所属上级', trigger: 'blur' }
@@ -83,21 +87,29 @@ export default {
   },
   methods: {
     add () {
+      console.log(this.form)
       this.modalTitle = '新增'
       this.visible = true
+      this.operable = true
       this.form.id = undefined
     },
     edit (obj) {
       this.modalTitle = '修改'
       this.visible = true
-      dictionaryItemGet({ id: obj.id }).then(data => {
+      this.operable = true 
-        const form = data.data
+      this.form = obj
-        this.form = form
+    },
-      })
+    detail (obj) {
+      this.modalTitle = '详情'
+      this.visible = true
+      this.operable = false
+      this.form = obj
     },
     onSubmit (e) {
       this.$refs.ruleForm.validate(valid => {
         if (valid) {
+          this.form.dictionaryCode = this.$route.params.id
+          console.log(this.form)
           if (this.form.id) {
             dictionaryItemUpdate(this.form).then(data => {
               this.$emit('ok')
@@ -115,12 +127,8 @@ export default {
       })
     },
     onCancel () {
-      this.$refs.ruleForm.resetFields()
+      this.form = {}
-      delete this.form.id
       this.visible = false
-    },
-    onReset () {
-      this.$refs.ruleForm.resetFields()
     }
   }
 }

src/views/sys/dictionaryItem/DictionaryItemList.vue

@@ -38,11 +38,10 @@
             <a href="javascript:;">删除</a>
           </a-popconfirm>
           <a-divider type="vertical" />
-          <a href="javascript:;" @click="handleDetail(record.id)">详情</a>
+          <a href="javascript:;" @click="handleDetail(record)">详情</a>
         </template>
       </s-table>
       <dictionaryItem-form ref="modal" @ok="handleOk" />
-      <dictionaryItem-detail ref="detail" />
     </a-card>
   </page-header-wrapper>
 </template>
@@ -51,14 +50,12 @@
 import { dictionaryItemPage, dictionaryItemDel } from '@/api/sys/dictionaryItem'
 import { STable } from '@/components'
 import DictionaryItemForm from './DictionaryItemForm'
-import DictionaryItemDetail from './DictionaryItemDetail'
 
 export default {
   name: 'DictionaryItemList',
   components: {
     STable,
-    DictionaryItemForm,
+    DictionaryItemForm
-    DictionaryItemDetail
   },
   data () {
     return {
@@ -69,7 +66,7 @@ export default {
         { title: '词典项名称', width: 30, dataIndex: 'name', key: 'name' },
         { title: '词典项值', width: 30, dataIndex: 'value', key: 'value' },
         { title: '词典标识', width: 30, dataIndex: 'dictionaryCode', key: 'dictionaryCode' },
-        { title: '上级', width: 30, dataIndex: 'parentId', key: 'parentId' },
+        { title: '上级', width: 30, dataIndex: 'parentid', key: 'parentid' },
         { title: '排序', width: 30, dataIndex: 'sortid', key: 'sortid' },
         {
           title: '操作',
@@ -82,8 +79,7 @@ export default {
       loadData: parameter => {
         return dictionaryItemPage(Object.assign(parameter, this.queryParam))
           .then(res => {
-            const data = res.data
+            return res
-            return data
           })
       }
     }
@@ -105,9 +101,13 @@ export default {
     handleEdit (record) {
       this.$refs.modal.edit(record)
     },
+    // 详情
+    handleDetail (record) {
+      this.$refs.modal.detail(record)
+    },
     // 删
     handleDelete (record) {
-      dictionaryItemDel({ id: record.id }).then(() => {
+      dictionaryItemDel({ ids: record.id, deleteReason: "" }).then(() => {
         this.$refs.table.refresh()
       })
     },
@@ -115,10 +115,6 @@ export default {
     handleOk () {
       this.$refs.table.refresh()
     },
-    // 详情
-    handleDetail (id) {
-      this.$refs.detail.show(id)
-    },
     handleRefresh () {
       this.$refs.table.refresh(true)
     },