完成 vue 的添加/修改表单部分的模板

src/main/resources/codegen/vue/views/index.vue.vm

@@ -20,7 +20,7 @@
         <el-select v-model="queryParams.${javaField}" placeholder="请选择${comment}" clearable size="small">
     #if ("" != $dictType)## 设置了 dictType 数据字典的情况
           <el-option v-for="dict in this.getDictDatas(DICT_TYPE.$dictType.toUpperCase())"
-                       :key="parseInt(dict.dictValue)" :label="dict.dictLabel" :value="parseInt(dict.dictValue)"/>
+                       :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"/>
     #else## 未设置 dictType 数据字典的情况
           <el-option label="请选择字典生成" value="" />
     #end
@@ -116,80 +116,56 @@
           <el-input v-model="form.${javaField}" placeholder="请输入${comment}" />
         </el-form-item>
   #end
-#elseif($column.htmlType == "imageUpload")
+#elseif($column.htmlType == "imageUpload")## 图片上传
         <el-form-item label="${comment}">
           <imageUpload v-model="form.${javaField}"/>
         </el-form-item>
-#elseif($column.htmlType == "fileUpload")
+#elseif($column.htmlType == "fileUpload")## 文件上传
         <el-form-item label="${comment}">
           <fileUpload v-model="form.${javaField}"/>
         </el-form-item>
-#elseif($column.htmlType == "editor")
+#elseif($column.htmlType == "editor")## 文本编辑器
         <el-form-item label="${comment}">
           <editor v-model="form.${javaField}" :min-height="192"/>
         </el-form-item>
-#elseif($column.htmlType == "select" && "" != $dictType)
-        <el-form-item label="${comment}" prop="${javaField}">
-          <el-select v-model="form.${javaField}" placeholder="请选择${comment}">
-            <el-option
-              v-for="dict in ${javaField}Options"
-              :key="dict.dictValue"
-              :label="dict.dictLabel"
-              #if($column.javaType == "Integer" || $column.javaType == "Long"):value="parseInt(dict.dictValue)"#else:value="dict.dictValue"#end
-
-            ></el-option>
-          </el-select>
-        </el-form-item>
-#elseif($column.htmlType == "select" && $dictType)
+#elseif($column.htmlType == "select")## 下拉框
         <el-form-item label="${comment}" prop="${javaField}">
           <el-select v-model="form.${javaField}" placeholder="请选择${comment}">
+    #if ("" != $dictType)## 有数据字典
+            <el-option v-for="dict in this.getDictDatas(DICT_TYPE.$dictType.toUpperCase())"
+                       :key="dict.value" :label="dict.label" #if ($column.javaType == "Integer" || $column.javaType == "Long"):value="parseInt(dict.value)"#else:value="dict.value"#end />
+    #else##没数据字典
             <el-option label="请选择字典生成" value="" />
+    #end
           </el-select>
         </el-form-item>
-#elseif($column.htmlType == "checkbox" && "" != $dictType)
-        <el-form-item label="${comment}">
-          <el-checkbox-group v-model="form.${javaField}">
-            <el-checkbox
-              v-for="dict in ${javaField}Options"
-              :key="dict.dictValue"
-              :label="dict.dictValue">
-              {{dict.dictLabel}}
-            </el-checkbox>
-          </el-checkbox-group>
-        </el-form-item>
-#elseif($column.htmlType == "checkbox" && $dictType)
+#elseif($column.htmlType == "checkbox")## 多选框
         <el-form-item label="${comment}">
           <el-checkbox-group v-model="form.${javaField}">
+    #if ("" != $dictType)## 有数据字典
+            <el-checkbox v-for="dict in this.getDictDatas(DICT_TYPE.$dictType.toUpperCase())"
+                         :key="dict.value" #if($column.javaType == "Integer" || $column.javaType == "Long"):label="parseInt(dict.value)"#else:label="dict.value"#end>{{dict.label}}</el-checkbox>
+    #else##没数据字典
             <el-checkbox>请选择字典生成</el-checkbox>
+    #end
           </el-checkbox-group>
         </el-form-item>
-#elseif($column.htmlType == "radio" && "" != $dictType)
-        <el-form-item label="${comment}">
-          <el-radio-group v-model="form.${javaField}">
-            <el-radio
-              v-for="dict in ${javaField}Options"
-              :key="dict.dictValue"
-              #if($column.javaType == "Integer" || $column.javaType == "Long"):label="parseInt(dict.dictValue)"#else:label="dict.dictValue"#end
-
-            >{{dict.dictLabel}}</el-radio>
-          </el-radio-group>
-        </el-form-item>
-#elseif($column.htmlType == "radio" && $dictType)
+#elseif($column.htmlType == "radio")## 单选框
         <el-form-item label="${comment}">
           <el-radio-group v-model="form.${javaField}">
+    #if ("" != $dictType)## 有数据字典
+            <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.$dictType.toUpperCase())"
+                      :key="dict.value" #if($column.javaType == "Integer" || $column.javaType == "Long"):label="parseInt(dict.value)"#else:label="dict.value"#end>{{dict.label}}</el-radio>
+    #else##没数据字典
             <el-radio label="1">请选择字典生成</el-radio>
+    #end
           </el-radio-group>
         </el-form-item>
-#elseif($column.htmlType == "datetime")
+#elseif($column.htmlType == "datetime")## 时间框
         <el-form-item label="${comment}" prop="${javaField}">
-          <el-date-picker clearable size="small"
-            v-model="form.${javaField}"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择${comment}">
-          </el-date-picker>
+          <el-date-picker clearable size="small" v-model="form.${javaField}" type="date" value-format="yyyy-MM-dd" placeholder="选择${comment}" />
         </el-form-item>
-#elseif($column.htmlType == "textarea")
+#elseif($column.htmlType == "textarea")## 文本框
         <el-form-item label="${comment}" prop="${javaField}">
           <el-input v-model="form.${javaField}" type="textarea" placeholder="请输入内容" />
         </el-form-item>