立项基础信息人员添加删除修改

src/views/projectApply/projectApplicationApply.vue

@@ -137,7 +137,7 @@
                       <div class="operations">
                           <!-- <el-button type="primary" > -->
                               <el-button type="primary" @click="amendDialogData(scope.row)" size="mini">修改</el-button>
-                              <el-button type="primary" @click="Del(scope)" size="mini">删除</el-button>
+                              <el-button type="primary" @click="Del(scope.row)" size="mini">删除</el-button>
                           <!-- </el-button> -->
                       </div>
                   </template>
@@ -209,6 +209,7 @@
             </div>
       </el-dialog>
       <!--添加成员dialog对话框结束 -->
+
       <!--修改成员dialog对话框开始 -->
       <el-dialog
           title="修改成员333"
@@ -245,6 +246,22 @@
       </el-dialog>
       <!--修改成员dialog对话框结束 -->
 
+      <!-- 删除成员对话框开始 -->
+            <el-dialog
+              title="删除成员"
+              :visible.sync="delMember"
+              width="600px"
+              class="delMemberDialog">
+              <span class="deleteContent">确定删除成员?</span>
+              <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="commitDelMember" class="btn5">确认删除</el-button>
+                <el-button @click="init" class="btn5" >取消</el-button>
+              </span>
+            </el-dialog>
+      <!-- 删除成员对话框结束 -->
+
+
+
     </div>
   
 </template>
@@ -258,6 +275,7 @@
           input:"",
           addMemberDialog:false,
           amendMemberDialog:false,
+          delMember:false,
           rowData:''
         }
       },
@@ -265,6 +283,7 @@
         init(){
           this.addMemberDialog=false;
           this.amendMemberDialog=false
+          this.delMember=false
 
         },
         addMember(){   //添加项目成员
@@ -283,17 +302,31 @@
         backBtn(){   // 下一步
             this.next();
         },
-        commit(){   //确定添加成员     
-            this.addPerson();
-            this.init()
+        commit(){   //确定添加成员  
+              if (this.data.Member.name == undefined) return this.$message.error('请输入姓名')
+              if (this.data.Member.class == undefined) return this.$message.error('请输入班级')
+              if (this.data.Member.phone == undefined) return this.$message.error('请输入电话')   
+              this.addPerson();
+              this.init()
         },
         commit2(){   //确定修改成员
             this.amend(this.rowData)
             this.init()
-
+        },
+        commitDelMember(){   //确定删除成员
+          let a=this.rowData
+          // let _this = this
+          this.data.tableData.forEach((item, index, arr)=> {
+              if(item.id === a) {
+                  arr.splice(index, 1);
+                  this.$message.success('删除成功')
+                  this.init()
+              }
+          });
         },
         Del(val){
-            
+          this.delMember=true;
+          this.rowData=val.id
         },
         toPage(val){
             if (val==1) {
@@ -358,5 +391,56 @@
               align-items: center;
             }
         }
+
+
+
+        .delMemberDialog{
+            font-size: 18px;
+            .el-dialog{
+              border-radius: 5px;
+              overflow: hidden;
+            }
+            .deleteContent{
+              margin: 30px 0;
+              font-size: 22px;
+              color: #000;
+            }
+            .el-dialog__header{
+              background: #32455b;
+              display: flex;
+              justify-content: center;
+            }
+            .el-dialog__title{
+              color:#fff;
+              font-size: 22px;
+            }
+            .el-dialog__body{
+              display: flex;
+              justify-content: center;
+            }
+            // .addDialogMid{
+            //   box-sizing: border-box;
+            //   padding:0 60px 0 10px;
+            //   .addDialogTit{
+            //     display: flex;
+            //     span{
+            //       width: 80px;
+            //       font-size: 16px;
+            //       line-height: 40px;
+            //       text-align: left;
+                  
+            //     }
+            //   }
+ 
+            // }
+            .dialog-footer{
+              display: flex;
+              justify-content: center;
+              box-sizing: border-box;
+              .btn5{
+                font-size: 16px;
+              }
+            }
+          }
 }
 </style>

src/views/projectApply/projectApplicationApplyMain.vue

@@ -158,9 +158,11 @@
             },
             addPerson(){  //立项基础信息页面添加人员
               let a=this.projectApplicationApply1
+
               a.addMemberDialog=false;
               a.Member.id=uuid.v1()
               a.tableData.push(a.Member);
+              this.$message.success('添加成功')
               a.Member={}
             },
             getProjectDepartmentData(){  //获取项目立项申请基础信息页面所在部门数据
@@ -203,6 +205,7 @@
                a.tableData.forEach((e,i)=>{
                     if(e.id==a.Member2.id) {
                       Object.assign(e,a.Member2)
+                      this.$message.success('修改成功')
                     }
                })
             },