修改字典管理功能bug

chuanyi-admin/src/utils/request.js

@@ -14,7 +14,7 @@ export const isRelogin = {
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // create an axios instance
 const service = axios.create({
-  baseURL: 'http://192.168.1.226:8081', // url = base url + request url
+  baseURL: 'http://182.92.7.210:8081', // url = base url + request url
   // withCredentials: true, // send cookies when cross-domain requests
   timeout: 30000 // request timeout
 })

chuanyi-admin/src/views/system/dict/dict-detail.vue

@@ -4,11 +4,11 @@
       <el-col :span="24">
         <!-- 表单查询 -->
         <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
-          <el-form-item label="字典名称" prop="dictValue">
-            <el-input v-model="queryParams.dictValue" placeholder="请输入字典名称" clear />
+          <el-form-item label="字典名称" prop="dictKey">
+            <el-input v-model="queryParams.dictKey" placeholder="请输入字典名称" clear />
           </el-form-item>
-          <el-form-item label="字典值" prop="dictKey">
-            <el-input v-model="queryParams.dictKey" placeholder="请输入字典值" clear />
+          <el-form-item label="字典值" prop="dictValue">
+            <el-input v-model="queryParams.dictValue" placeholder="请输入字典值" clear />
           </el-form-item>
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" size="mini" @click="handelSearch">搜索</el-button>
@@ -79,15 +79,15 @@
         </el-row>
         <el-row>
           <el-col :span="24">
-            <el-form-item label="字典名称" prop="dictValue">
-              <el-input v-model="form.dictValue" clearable placeholder="请输入字典名称" />
+            <el-form-item label="字典名称" prop="dictKey">
+              <el-input v-model="form.dictKey" clearable placeholder="请输入字典名称" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="字典值" prop="dictKey">
-              <el-input v-model="form.dictKey" clearable placeholder="请输入字典值" />
+            <el-form-item label="字典值" prop="dictValue">
+              <el-input v-model="form.dictValue" clearable placeholder="请输入字典值" />
             </el-form-item>
           </el-col>
           <el-col :span="12">

chuanyi-admin/src/views/system/dict/index.vue

@@ -3,20 +3,54 @@
     <el-row>
       <el-col :span="24">
         <!-- 表单查询 -->
-        <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
-          <el-form-item label="字典名称" prop="description">
-            <el-input v-model="queryParams.description" placeholder="请输入字典名称" clear />
+        <el-form
+          ref="queryForm"
+          :model="queryParams"
+          :inline="true"
+          size="small"
+        >
+          <el-form-item
+            label="字典描述"
+            prop="description"
+          >
+            <el-input
+              v-model="queryParams.description"
+              placeholder="请输入字典描述"
+              clear
+            />
           </el-form-item>
-          <el-form-item label="字典值" prop="dictKeyType">
-            <el-input v-model="queryParams.dictKeyType" placeholder="请输入字典值" clear />
+          <el-form-item
+            label="字典类型"
+            prop="dictKeyType"
+          >
+            <el-input
+              v-model="queryParams.dictKeyType"
+              placeholder="请输入字典类型"
+              clear
+            />
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" icon="el-icon-search" size="mini" @click="handelSearch">搜索</el-button>
-            <el-button icon="el-icon-refresh" size="mini" @click="handelReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="mini"
+              @click="handelSearch"
+            >搜索</el-button>
+            <el-button
+              icon="el-icon-refresh"
+              size="mini"
+              @click="handelReset"
+            >重置</el-button>
           </el-form-item>
         </el-form>
 
-        <el-button size="mini" icon="el-icon-plus" type="primary" plain @click="handelAdd">新增</el-button>
+        <el-button
+          size="mini"
+          icon="el-icon-plus"
+          type="primary"
+          plain
+          @click="handelAdd"
+        >新增</el-button>
         <el-button
           type="danger"
           plain
@@ -27,18 +61,61 @@
         >批量删除</el-button>
 
         <!-- 表格数据信息 -->
-        <el-table v-loading="loading" :data="dictList" row-key="id" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="50" align="center" />
-          <el-table-column key="description" label="字典名称" align="center" prop="description" />
-          <el-table-column key="dictKeyType" label="字典值" align="center" prop="dictKeyType">
+        <el-table
+          v-loading="loading"
+          :data="dictList"
+          row-key="id"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            type="selection"
+            width="50"
+            align="center"
+          />
+          <el-table-column
+            key="description"
+            label="字典描述"
+            align="center"
+            prop="description"
+          />
+          <el-table-column
+            key="dictKeyType"
+            label="字典类型"
+            align="center"
+            prop="dictKeyType"
+          />
+          <el-table-column
+            key="dictKeyValue"
+            label="字典值"
+            align="center"
+            prop="dictKeyValue"
+          >
             <template slot-scope="scope">
-              <el-link type="primary" @click="hendelTo(scope.row)">{{ scope.row.dictKeyType }}</el-link>
+              <el-link
+                type="primary"
+                @click="hendelTo(scope.row)"
+              >{{ scope.row.dictKeyValue }}</el-link>
             </template>
           </el-table-column>
-          <el-table-column key="sortNum" label="排序号" align="center" prop="sortNum" />
-          <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
+          <el-table-column
+            key="sortNum"
+            label="排序号"
+            align="center"
+            prop="sortNum"
+          />
+          <el-table-column
+            label="操作"
+            align="center"
+            width="250"
+            class-name="small-padding fixed-width"
+          >
             <template slot-scope="scope">
-              <el-button size="mini" type="text" icon="el-icon-edit" @click="handelEdit(scope.row)">修改
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handelEdit(scope.row)"
+              >修改
               </el-button>
               <el-button
                 size="mini"
@@ -65,35 +142,81 @@
     </el-row>
 
     <!-- 弹出框 -->
-    <el-dialog :title="title" :visible.sync="dialogVisible" width="35%" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="35%"
+      append-to-body
+    >
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="80px"
+      >
         <el-row>
           <el-col :span="12">
-            <el-form-item label="字典描述" prop="description">
-              <el-input v-model="form.description" clearable placeholder="请输入字典名称" />
+            <el-form-item
+              label="字典描述"
+              prop="description"
+            >
+              <el-input
+                v-model="form.description"
+                clearable
+                placeholder="请输入字典描述"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="字典类型" prop="dictKeyValue">
-              <el-input v-model="form.dictKeyValue" clearable placeholder="请输入字典名称" />
+            <el-form-item
+              label="字典类型"
+              prop="dictKeyType"
+            >
+              <el-input
+                v-model="form.dictKeyType"
+                clearable
+                placeholder="请输入字典类型"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="字典值" prop="dictKeyType">
-              <el-input v-model="form.dictKeyType" clearable placeholder="请输入字典值" />
+            <el-form-item
+              label="字典值"
+              prop="dictKeyValue"
+            >
+              <el-input
+                v-model="form.dictKeyValue"
+                clearable
+                placeholder="请输入字典值"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="显示排序" prop="sortNum">
-              <el-input-number v-model="form.sortNum" placeholder="0" controls-position="right" :min="1" :max="10" />
+            <el-form-item
+              label="显示排序"
+              prop="sortNum"
+            >
+              <el-input-number
+                v-model="form.sortNum"
+                placeholder="0"
+                controls-position="right"
+                :min="1"
+                :max="10"
+              />
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="handelSubmit('form')">确 定</el-button>
+      <span
+        slot="footer"
+        class="dialog-footer"
+      >
+        <el-button
+          type="primary"
+          @click="handelSubmit('form')"
+        >确 定</el-button>
         <el-button @click="handelCancel('form')">取 消</el-button>
       </span>
     </el-dialog>
@@ -129,9 +252,12 @@ export default {
       // 表单验证
       rules: {
         description: [
-          { required: true, message: '字典名称不能为空', trigger: 'blur' }
+          { required: true, message: '字典描述不能为空', trigger: 'blur' }
         ],
         dictKeyType: [
+          { required: true, message: '字典类型不能为空', trigger: 'blur' }
+        ],
+        dictKeyValue: [
           { required: true, message: '字典值不能为空', trigger: 'blur' }
         ],
         sortNum: [
@@ -179,6 +305,7 @@ export default {
       this.form = row
       this.dialogVisible = true
       this.title = '修改字典'
+      this.reset()
     },
     /** 表格多选 */
     handleSelectionChange(val) {
@@ -281,5 +408,4 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-
 </style>