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

修复查询涉及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>
@@ -59,13 +75,26 @@
       </el-form-item>
       <el-form-item label="Field查询条件" prop="fieldSearchType">
         <el-col :span="8">
-            <el-select v-model="dialogMiddle.fieldSearchType" placeholder="请选择Field查询条件" clearable >
+          <el-select v-model="dialogMiddle.fieldSearchType" placeholder="请选择Field查询条件" clearable>
             <el-option
               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,88 +102,108 @@
   </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 {}
+  name: "FieldDialog",
+  props: {
+    dialogMiddle: {
+      type: Object,
+      default: function() {
+        return {};
       }
     }
   },
-    data(){
-        return{
-            dbfdOptions:[],
-            visible:false,
-            typeSearchOptions:[
+  data() {
+    return {
+      dbfdOptions: [],
+      visible: false,
+      dictOptions: [],
+      typeSearchOptions: [
         {
-                    label:"=",
-                    value:"="
+          label: "=",
+          value: "="
         },
         {
-                    label:"<>",
-                    value:"<>"
+          label: "<>",
+          value: "<>"
         },
         {
-                    label:">",
-                    value:">"
+          label: ">",
+          value: ">"
         },
         {
-                    label:"<",
-                    value:"<"
+          label: "<",
+          value: "<"
         },
         {
-                    label:"LIKE",
-                    value:"LIKE"
-                },
+          label: "LIKE",
+          value: "LIKE"
+        }
       ],
-            typeOptions:[
+      typeOptions: [
         {
-                    label:"字符串",
-                    value:"string"
+          label: "字符串",
+          value: "string"
         },
         {
-                    label:"整型",
-                    value:"int"
+          label: "整型",
+          value: "int"
         },
         {
-                    label:"布尔值",
-                    value:"bool"
+          label: "布尔值",
+          value: "bool"
         },
         {
-                    label:"浮点型",
-                    value:"float64"
+          label: "浮点型",
+          value: "float64"
         },
         {
-                    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' }]
+          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" }
+        ]
       }
+    };
   },
   methods: {
-        async getDbfdOptions(){
-            if(this.dialogMiddle.fieldType){
-                 const res = await getDict(this.dialogMiddle.fieldType)
-                 this.dbfdOptions = res
+    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;
       }
     }
   },
-    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:""
               });
             }
           });