代码生成：完善 vue2 模版，适配树表和主子表

puhui999
1 parent 80db28ee
Showing 6 changed files with 44 additions and 22 deletions
yudao-module-infra/yudao-module-infra-biz/src/main/resources/codegen/vue/api/api.js.vm
yudao-module-infra/yudao-module-infra-biz/src/main/resources/codegen/vue/views/components/form_sub_erp.vue.vm
yudao-module-infra/yudao-module-infra-biz/src/main/resources/codegen/vue/views/components/form_sub_normal.vue.vm
yudao-module-infra/yudao-module-infra-biz/src/main/resources/codegen/vue/views/components/list_sub_erp.vue.vm
yudao-module-infra/yudao-module-infra-biz/src/main/resources/codegen/vue/views/form.vue.vm
yudao-module-infra/yudao-module-infra-biz/src/main/resources/codegen/vue/views/index.vue.vm
@@ -79,7 +79,7 @@ export function export${simpleClassName}Excel(params) {
   #if ( $table.templateType == 11 )
  
   // 获得${subTable.classComment}分页
-  export function get${simpleClassName}Page(params) {
+  export function get${subSimpleClassName}Page(params) {
     return request({
       url: '${baseURL}/${subSimpleClassName_strikeCase}/page',
       method: 'get',
+#set ($subTable = $subTables.get($subIndex))##当前表
 #set ($subColumns = $subColumnsList.get($subIndex))##当前字段数组
 #set ($subSimpleClassName = $subSimpleClassNames.get($subIndex))
 #set ($subJoinColumn = $subJoinColumns.get($subIndex))##当前 join 字段
@@ -155,13 +156,13 @@
           try {
               ${simpleClassName}Api.get${subSimpleClassName}(id).then(res=>{
               that.formData = res.data;
-              that.dialogTitle = "修改${table.classComment}";
+              that.dialogTitle = "修改${subTable.classComment}";
             })
           } finally {
             this.formLoading = false;
           }
         }
-        this.dialogTitle = "新增${table.classComment}";
+        this.dialogTitle = "新增${subTable.classComment}";
       },
       /** 提交按钮 */
       submitForm() {
@@ -5,6 +5,7 @@
 #set ($subJoinColumn = $subJoinColumns.get($subIndex))##当前 join 字段
 #set ($SubJoinColumnName = $subJoinColumn.javaField.substring(0,1).toUpperCase() + ${subJoinColumn.javaField.substring(1)})##首字母大写
 <template>
+  <div class="app-container">
     #if ( $subTable.subJoinMany )## 情况一：一对多，table + form
       <el-form
           ref="formRef"
@@ -216,6 +217,7 @@
           #end
       </el-form>
     #end
+  </div>
 </template>
  
 <script>
+#set ($subTable = $subTables.get($subIndex))##当前表
+#set ($subColumns = $subColumnsList.get($subIndex))##当前字段数组
+#set ($subJoinColumn = $subJoinColumns.get($subIndex))##当前 join 字段
+#set ($subSimpleClassName = $subSimpleClassNames.get($subIndex))
+#set ($subJoinColumn = $subJoinColumns.get($subIndex))##当前 join 字段
+#set ($SubJoinColumnName = $subJoinColumn.javaField.substring(0,1).toUpperCase() + ${subJoinColumn.javaField.substring(1)})##首字母大写
 <template>
   <div class="app-container">
 #if ($table.templateType == 11)
@@ -95,8 +101,10 @@
     watch:{/** 监听主表的关联字段的变化，加载对应的子表数据 */
         ${subJoinColumn.javaField}:{
             handler(val) {
-              this.queryParams.${subJoinColumn.javaField} = val
-              this.handleQuery()
+              this.queryParams.${subJoinColumn.javaField} = val;
+              if (val){
+                this.handleQuery();
+              }
             },
             immediate: true
       }
@@ -158,7 +166,7 @@
           }).catch(() => {});
         } catch {}
       },
-    }
 #end
+    }
   };
 </script>
@@ -214,7 +214,7 @@
         this.title = "新增${table.classComment}";
         ## 特殊：树表专属逻辑
         #if ( $table.templateType == 2 )
-            this.get${simpleClassName}Tree()
+            this.get${simpleClassName}Tree();
         #end
       },
       /** 提交按钮 */
@@ -241,7 +241,7 @@
                 data.${subClassNameVar}#if ( $subTable.subJoinMany)s#end = that.getRef('${subClassNameVar}FormRef').getData();
               #end
             }).catch((err) => {
-                validate = false
+                validate = false;
                 that.subTabsName = err.replace("FormRef", ""); // 定位到没有校验通过的子表单
             })
         #end
@@ -266,11 +266,11 @@
             that.#[[$]]#emit('success');
           });
         }finally {
-          this.formLoading = false
+          this.formLoading = false;
         }
       },
-      getRef(refName){ // TODO puhui999: 获得表单 ref，提取出来的目的呢是解决 #[[$]]# 在 if 中 end闭合不了的问题，代码生成后可删除此方法
-        return this.#[[$]]#refs[refName]
+      getRef(refName){
+        return this.#[[$]]#refs[refName];
       },
 ## 特殊：主子表专属逻辑
 #if ( $table.templateType == 10 || $table.templateType == 12 )
@@ -278,12 +278,12 @@
       /** 校验子表单 */
       validateSubFrom(item) {
         return new Promise((resolve, reject) => {
-          this.$refs[item].validate()
+          this.getRef(item).validate()
           .then(() => {
-            resolve()
+            resolve();
           })
           .catch(() => {
-            reject(item)
+            reject(item);
           })
         })
       },
@@ -299,14 +299,14 @@
         ];
         const validArr = []; // 校验
         for (const item of validFormRefArr) {
-          validArr.push(this.validateSubFrom(item))
+          validArr.push(this.validateSubFrom(item));
         }
         return new Promise((resolve, reject) => {
           // 校验所有
           Promise.all(validArr).then(() => {
-            resolve()
+            resolve();
           }).catch((err) => {
-            reject(err)
+            reject(err);
           })
         })
       },
@@ -152,14 +152,14 @@
   ## 特殊：主子表专属逻辑
   #if ( $table.templateType == 11 && $subTables && $subTables.size() > 0 )
     <!-- 子表的列表 -->
-      <el-tabs model-value="$subClassNameVars.get(0)">
+      <el-tabs v-model="subTabsName">
           #foreach ($subTable in $subTables)
               #set ($index = $foreach.count - 1)
               #set ($subClassNameVar = $subClassNameVars.get($index))
               #set ($subSimpleClassName = $subSimpleClassNames.get($index))
               #set ($subJoinColumn_strikeCase = $subJoinColumn_strikeCases.get($index))
             <el-tab-pane label="${subTable.classComment}" name="$subClassNameVar">
-              <${subSimpleClassName}List :${subJoinColumn_strikeCase}="currentRow.id" />
+              <${subSimpleClassName}List v-if="currentRow.id" :${subJoinColumn_strikeCase}="currentRow.id" />
             </el-tab-pane>
           #end
       </el-tabs>
@@ -247,7 +247,14 @@ export default {
         #end
         #end
         #end
-      }
+      },
+        ## 特殊：主子表专属逻辑-erp
+        #if ( $table.templateType == 11)
+            #if ( $subTables && $subTables.size() > 0 )
+              /** 子表的列表 */
+              subTabsName: '$subClassNameVars.get(0)'
+            #end
+        #end
     };
   },
   created() {
@@ -285,7 +292,7 @@ export default {
     },
     /** 添加/修改操作 */
     openForm(id) {
-      this.#[[$]]#refs["formRef"].open(id)
+      this.#[[$]]#refs["formRef"].open(id);
     },
     /** 删除按钮操作 */
     handleDelete(row) {
@@ -319,7 +326,11 @@ export default {
       #if ( $table.templateType == 11 )
         /** 选中行操作 */
         handleCurrentChange(row) {
-         this.currentRow = row
+         this.currentRow = row;
+        #if ( $subTables && $subTables.size() > 0 )
+          /** 子表的列表 */
+          this.subTabsName = '$subClassNameVars.get(0)';
+        #end
         },
       #end
       ## 特殊：树表专属逻辑