代码生成器：code review

Author: YunaiV

src/views/infra/demo/demo01/Demo01ContactForm.vue

@@ -18,6 +18,7 @@
         <el-form-item label="简介">
           <Editor v-model="formData.description" :min-height="192"/>
         </el-form-item>
+        <!-- TODO @puhui999：头像应该是 imageupload 组件 -->
         <el-form-item label="头像" prop="avatar">
           <el-input v-model="formData.avatar" placeholder="请输入头像" />
         </el-form-item>
@@ -90,9 +91,9 @@ export default {
       this.formLoading = true;
       try {
         const that = this;
-        let data = this.formData;
+        let data = this.formData; // TODO @puhui999：const data
 
-        this.getRef("formRef").validate(valid => {
+        this.getRef("formRef").validate(valid => { // TODO @puhui999：上面不用空行；
           if (!valid) {
             return;
           }
@@ -116,6 +117,7 @@ export default {
         this.formLoading = false
       }
     },
+    // TODO @puhui999：这个在研究下，看看有没办法回到 $refs
     getRef(refName){ // TODO puhui999: 获得表单 ref，提取出来的目的呢是解决 $ 在 if 中 end闭合不了的问题，代码生成后可删除此方法
       return this.$refs[refName]
     },

src/views/infra/demo/demo03/erp/index.vue

@@ -86,7 +86,7 @@
                 @pagination="getList"/>
     <!-- 对话框(添加 / 修改) -->
     <Demo03StudentForm ref="formRef" @success="getList"/>
-    <!-- 子表的列表 -->
+    <!-- 子表的列表 --> <!-- TODO @puhui999：Demo03CourseList 和 Demo03GradeList 是不是不要有边距，应该和上面列表一样，是顶格的 -->
     <el-tabs v-model="subTabsName">
       <el-tab-pane label="学生课程" name="demo03Course">
         <Demo03CourseList v-if="currentRow.id" :student-id="currentRow.id"/>

src/views/infra/demo/demo03/inner/index.vue

@@ -39,6 +39,7 @@
     </el-row>
 
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <!-- TODO @puhui999：居中没生效 -->
       <!-- 子表的列表 -->
       <el-table-column type="expand">
         <template #default="scope">
@@ -157,6 +158,7 @@ export default {
     },
     /** 添加/修改操作 */
     openForm(id) {
+      // TODO @puhui999：$refs 在 vm 里面怎么写，可以看看这里噢。
       this.$refs["formRef"].open(id);
     },
     /** 删除按钮操作 */

src/views/infra/demo/demo03/normal/Demo03StudentForm.vue

@@ -103,6 +103,7 @@ export default {
         const that = this;
         let data = this.formData;
         let validate = false;
+        // TODO @puhui999：要不要改成 await 风格；
         // 校验主表
         this.getRef("formRef").validate(valid => {
           validate = valid;

src/views/infra/demo/demo03/normal/components/Demo03CourseForm.vue

@@ -31,6 +31,7 @@
         </el-table-column>
       </el-table>
     </el-form>
+    <!-- TODO @puhui999：居中没生效 -->
     <el-row justify="center" class="mt-3">
       <el-button @click="handleAdd" round>+ 添加学生课程</el-button>
     </el-row>
@@ -72,6 +73,7 @@ export default {
         }
         try {
           this.formLoading = true;
+          // TODO @puhui999：涉及到 that 的地方，看看怎么都改成 this
           const that = this;
           Demo03StudentApi.getDemo03CourseListByStudentId(val).then(res => {
             that.formData = res.data;