bug

src/pages/Apply/Apply.vue

@@ -50,7 +50,7 @@
             </el-form-item>
 
             <el-form-item label="军衔" prop="applyChargeArmyRank" class="apply-form-item">
-              <el-input v-model="applyForm.applyChargeRank" clearable placeholder="请输入负责人军衔"></el-input>
+              <el-input v-model="applyForm.applyChargeArmyRank" clearable placeholder="请输入负责人军衔"></el-input>
             </el-form-item>
 
             <el-form-item label="赛区" prop="applyRegion" filterable class="apply-form-item">
@@ -92,7 +92,7 @@
           <div class="apply-menber">
             <div class="apply-member-header">
               <h4>成员</h4>
-              <el-button type="primary" icon="el-icon-circle-plus-outline" @click="handleAddMember(memberList)">添加成员</el-button>
+              <el-button type="primary" icon="el-icon-circle-plus-outline" @click="handleAddMember(applyForm.memberList)">添加成员</el-button>
             </div>
             <!-- 成员表格 -->
             <el-table v-loading="loading"
@@ -101,35 +101,33 @@
               element-loading-custom-class="loading_style"
               empty-text="没有记录哦~"
               stripe
-              :data="memberList"
+              :data="applyForm.memberList"
-              :rules="rules"
-              ref="applyTable"
               class="apply-table"
             >
             <el-table-column prop="memberName" label="姓名" align="center" width="150">
                 <template slot-scope="scope">
-                  <el-form-item prop="memberName" class="apply-table-item">
+                  <el-form-item :prop="'memberList.' + scope.$index + '.memberName'" :rules="rules.memberName" class="apply-table-item">
                     <el-input v-model="scope.row.memberName"></el-input>
                   </el-form-item>
                 </template>
               </el-table-column>
               <el-table-column prop="memberCompany" label="单位" align="center" width="300">
                 <template slot-scope="scope">
-                  <el-form-item prop="memberCompany" class="apply-table-item">
+                  <el-form-item :prop="'memberList.' + scope.$index + '.memberCompany'" :rules="rules.memberCompany" class="apply-table-item">
                     <el-input v-model="scope.row.memberCompany"></el-input>
                   </el-form-item>
                 </template>
               </el-table-column>
               <el-table-column prop="memberDuty" label="职务" align="center" width="150">
                 <template slot-scope="scope">
-                  <el-form-item prop="memberCompany" class="apply-table-item">
+                  <el-form-item :prop="'memberList.' + scope.$index + '.memberDuty'" :rules="rules.memberDuty" class="apply-table-item">
                     <el-input v-model="scope.row.memberDuty"></el-input>
                   </el-form-item>
                 </template>
               </el-table-column>
               <el-table-column prop="memberArmyRank" label="军衔" align="center" width="150">
                 <template slot-scope="scope">
-                  <el-form-item prop="memberCompany" class="apply-table-item">
+                  <el-form-item :prop="'memberList.' + scope.$index + '.memberArmyRank'" :rules="rules.memberArmyRank" class="apply-table-item">
                     <el-input v-model="scope.row.memberArmyRank"></el-input>
                   </el-form-item>
                 </template>
@@ -170,6 +168,12 @@
 
       </div>
     </div>
+
+    <div>
+      <el-button type="primary" icon="el-icon-circle-check" @click="submit">提交</el-button>
+      <el-button icon="el-icon-error" class="button-reset" @click="reset">重置</el-button>
+    </div>
+
   </div>
 </template>
 
@@ -179,6 +183,7 @@ export default {
 
   data() {
     return {
+
       /* 报名表单信息 */
       applyForm: {
         applyCompId: "", 
@@ -198,6 +203,17 @@ export default {
 
         applyFile: "",     // file文件
 
+        /* 成员列表 */
+        memberList: [{
+          memberName: "",      
+          memberPhone: "",
+          memberEmail: "",
+
+          memberCompany: "",    // memberUnit
+          memberDuty: "",       // memberDuty
+          memberArmyRank: "",   // memberArmyRank
+        }],     
+
       },
 
       radioValue: 1,      /* 单选框默认 */
@@ -206,18 +222,8 @@ export default {
       loading: "",
       loading_text: "",
 
-      memberList: [],     /* 成员列表 */
       addForm: [],        /* 临时变量：逐个添加的表单 */
       
-      /* 表格成员信息 */
-      memberName: "",      
-      memberPhone: "",
-      memberEmail: "",
-
-      memberCompany: "",    // memberUnit
-      memberDuty: "",       // memberDuty
-      memberArmyRank: "",   // memberArmyRank
-
       uploadActionUrl: "",   // 上传后端接口url
       applyFilterUrl: "",    // 下载报名表的url
 
@@ -445,6 +451,10 @@ h4 {
 .download-apply-file {
   margin-left: 2vw;
 }
+
+.button-reset {
+  margin-left: 2vw;
+}
 </style>
 
 <style src="@/assets/css/common.css" scoped/>