代码生成器支持直接使用字典

修复查询涉及sql关键字时sql语句报错问题

web/src/components/mixins/infoList.js

@@ -1,3 +1,4 @@
+import { getDict } from "@/utils/dictionary";
 export default {
     data() {
         return {
@@ -9,6 +10,14 @@ export default {
         }
     },
     methods: {
+        filterDict(value,type){
+          const rowLabel = this[type+"Options"]&&this[type+"Options"].filter(item=>item.value == value)
+          return rowLabel&&rowLabel[0]&&rowLabel[0].label
+        },
+        async getDict(type){
+            const dicts = await getDict(type)
+            this[type+"Options"] = dicts
+        },
         handleSizeChange(val) {
             this.pageSize = val
             this.getTableData()

web/src/view/systemTools/autoCode/component/fieldDialog.vue

@@ -1,7 +1,13 @@
 <template>
   <div>
     <span style="color:red">搜索时如果条件为LIKE只支持字符串</span>
-        <el-form :model="dialogMiddle" ref="fieldDialogFrom" label-width="120px" label-position="left" :rules="rules">
+    <el-form
+      :model="dialogMiddle"
+      ref="fieldDialogFrom"
+      label-width="120px"
+      label-position="left"
+      :rules="rules"
+    >
       <el-form-item label="Field名称" prop="fieldName">
         <el-col :span="6">
           <el-input v-model="dialogMiddle.fieldName" autocomplete="off"></el-input>
@@ -29,26 +35,36 @@
       </el-form-item>
       <el-form-item label="Field数据类型" prop="fieldType">
         <el-col :span="8">
-            <el-select v-model="dialogMiddle.fieldType" placeholder="请选择field数据类型" @change="getDbfdOptions" clearable >
+          <el-select
+            v-model="dialogMiddle.fieldType"
+            placeholder="请选择field数据类型"
+            @change="getDbfdOptions"
+            clearable
+          >
             <el-option
               v-for="item in typeOptions"
               :key="item.value"
               :label="item.label"
-                    :value="item.value">
-                </el-option>
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-col>
       </el-form-item>
 
       <el-form-item label="数据库字段类型" prop="dataType">
         <el-col :span="8">
-            <el-select :disabled="!dialogMiddle.fieldType" v-model="dialogMiddle.dataType" placeholder="请选择数据库字段类型" clearable >
+          <el-select
+            :disabled="!dialogMiddle.fieldType"
+            v-model="dialogMiddle.dataType"
+            placeholder="请选择数据库字段类型"
+            clearable
+          >
             <el-option
               v-for="item in dbfdOptions"
               :key="item.label"
               :label="item.label"
-                    :value="item.label">
-                </el-option>
+              :value="item.label"
+            ></el-option>
           </el-select>
         </el-col>
       </el-form-item>
@@ -64,8 +80,21 @@
               v-for="item in typeSearchOptions"
               :key="item.value"
               :label="item.label"
-                    :value="item.value">
-                </el-option>
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-col>
+      </el-form-item>
+
+      <el-form-item label="关联字典" prop="dictType">
+        <el-col :span="8">
+          <el-select :disabled="dialogMiddle.fieldType!='int'" v-model="dialogMiddle.dictType" placeholder="请选择字典" clearable>
+            <el-option
+              v-for="item in dictOptions"
+              :key="item.type"
+              :label="`${item.type}(${item.name})`"
+              :value="item.type"
+            ></el-option>
           </el-select>
         </el-col>
       </el-form-item>
@@ -73,14 +102,15 @@
   </div>
 </template>
 <script>
-import {getDict} from '@/utils/dictionary'
+import { getDict } from "@/utils/dictionary";
+import { getSysDictionaryList } from "@/api/sysDictionary";
 export default {
   name: "FieldDialog",
   props: {
     dialogMiddle: {
       type: Object,
       default: function() {
-                return {}
+        return {};
       }
     }
   },
@@ -88,6 +118,7 @@ export default {
     return {
       dbfdOptions: [],
       visible: false,
+      dictOptions: [],
       typeSearchOptions: [
         {
           label: "=",
@@ -108,7 +139,7 @@ export default {
         {
           label: "LIKE",
           value: "LIKE"
-                },
+        }
       ],
       typeOptions: [
         {
@@ -130,31 +161,49 @@ export default {
         {
           label: "时间",
           value: "time.Time"
-                },
+        }
       ],
       rules: {
-                fieldName:[ { required: true, message: '请输入field英文名', trigger: 'blur' }],
-                fieldDesc:[ { required: true, message: '请输入field中文名', trigger: 'blur' }],
-                fieldJson:[ { required: true, message: '请输入field格式化json', trigger: 'blur' }],
-                columnName:[{ required: true, message: '请输入数据库字段', trigger: 'blur' }],
-                fieldType:[ { required: true, message: '请选择field数据类型', trigger: 'blur' }]
-            }
-
+        fieldName: [
+          { required: true, message: "请输入field英文名", trigger: "blur" }
+        ],
+        fieldDesc: [
+          { required: true, message: "请输入field中文名", trigger: "blur" }
+        ],
+        fieldJson: [
+          { required: true, message: "请输入field格式化json", trigger: "blur" }
+        ],
+        columnName: [
+          { required: true, message: "请输入数据库字段", trigger: "blur" }
+        ],
+        fieldType: [
+          { required: true, message: "请选择field数据类型", trigger: "blur" }
+        ]
       }
+    };
   },
   methods: {
     async getDbfdOptions() {
+        this.dialogMiddle.dataType = ""
+        this.dialogMiddle.dataTypeLong = ""
+        this.dialogMiddle.fieldSearchType = ""
+        this.dialogMiddle.dictType = ""
       if (this.dialogMiddle.fieldType) {
-                 const res = await getDict(this.dialogMiddle.fieldType)
-                 this.dbfdOptions = res
+        const res = await getDict(this.dialogMiddle.fieldType);
+        this.dbfdOptions = res;
       }
     }
   },
-    created() {
-        this.getDbfdOptions()
-    },
+  async created() {
+    this.getDbfdOptions();
+    const dictRes = await getSysDictionaryList({
+      page: 1,
+      pageSize: 999999
+    });
+
+    this.dictOptions = dictRes.data.list
   }
+};
 </script>
 <style lang="scss">
-
 </style>

web/src/view/systemTools/autoCode/index.vue

@@ -79,6 +79,7 @@
       <el-table-column prop="columnName" label="数据库字段" width="130"></el-table-column>
       <el-table-column prop="comment" label="数据库字段描述" width="130"></el-table-column>
       <el-table-column prop="fieldSearchType" label="搜索条件" width="130"></el-table-column>
+      <el-table-column prop="dictType" label="字典" width="130"></el-table-column>
       <el-table-column label="操作" width="300">
         <template slot-scope="scope">
           <el-button
@@ -135,7 +136,8 @@ const fieldTemplate = {
   columnName: "",
   dataTypeLong: "",
   comment: "",
-  fieldSearchType: ""
+  fieldSearchType: "",
+  dictType:""
 };
 
 import FieldDialog from "@/view/systemTools/autoCode/component/fieldDialog.vue";
@@ -332,7 +334,8 @@ export default {
                 dataTypeLong: item.dataTypeLong,
                 columnName: item.columeName,
                 comment: item.columeComment,
-                fieldSearchType: ""
+                fieldSearchType: "",
+                dictType:""
               });
             }
           });