项目选择部分交互

components/home/teacher/project.vue

@@ -32,8 +32,8 @@
 					<tbody>
 						<tr v-for="(item,index) in projectData" :key="index">
 							<th>{{item.ProjectName}}</th>
-							<th></th>
-							<th></th>
+							<th>{{item.Type}}</th>
+							<th>{{item.Describe}}</th>
 							<th>{{item.CreateUserName}}</th>
 							<th style="position: relative;"><button type="default" size="mini" @click="edit(index)" class="m_edit">修改</button></th>
 							<th style="position: relative;"><button type="default" size="mini" @click="delete1(index)" class="m_delete">删除</button></th>
@@ -106,10 +106,15 @@
 						</view>
 					</view>
 					<view class="">
-						<button type="default" class="m_btn_download" size="mini">添加学生</button>
+						<button type="default" class="m_btn_download" size="mini" @click="addMember">添加学生</button>
 					</view>
 				</view>
-
+				<view class="df fdr aic addMember_box showboder" v-show="isShowAddMember">
+					<view class="addMember_input_box">
+						<input class="addMember_input" type="string" v-model="addedMemberModel.IlabAccount" />
+					</view>
+					<view class="addMember_btn df aic jcc">添加</view>
+				</view>
 				<table style="width: 100%;border: 1px solid #DDDDDD;border-collapse: collapse">
 					<thead class="m-table-hander">
 						<tr>
@@ -123,17 +128,18 @@
 						</tr>
 					</thead>
 					<tbody>
-						<tr v-for="(item,index) in 1" :key="index">
-							<th></th>
-							<th></th>
-							<th></th>
-							<th></th>
+						<tr v-for="(item,index) in projectMembers" :key="index">
+							<th>{{item.User.IlabAccount}}</th>
+							<th>{{item.User.Name}}</th>
+							<th>{{item.User.Profession}}</th>
+							<th>{{item.User.Class}}</th>
 							<th>
 								<div>
-									<input type="number" value="" />
+									<!-- <input type="number" value="" /> -->
+									{{item.User.Type}}
 								</div>
 							</th>
-							<th></th>
+							<th>{{item.User.PhoneNum}}</th>
 							<th style="position: relative;"><button type="default" size="mini" class="m_delete" @click="delete1(item)">删除</button></th>
 						</tr>
 
@@ -166,8 +172,13 @@
 				data: [],
 				projectData: [],
 				ProjectItem: [],
-				fileData: []
-
+				fileData: [],
+				projectMembers: [],
+				isShowAddMember: false,
+				addedMemberModel: {
+					"IlabAccount": '',
+					"AddUserID": ''
+				},
 			}
 		},
 		components: {
@@ -282,6 +293,50 @@
 			},
 			viewProject(obj) {
 				this.projectData = [obj];
+				this.getMemberList();
+			},
+			getMemberList() {
+				var temp = {
+					"ProjectID": this.projectData[0].Id
+				}
+				uni.request({
+					url: this.$Api + "/project/getmember",
+					data: temp,
+					method: "POST",
+					dataType: "json",
+					success: res => {
+						console.log("请求学生", res);
+						if (res.data.Code == 100) {
+							this.projectMembers = res.data.Users;
+							console.log();
+						}
+					}
+				})
+			},
+			addMember() {
+				this.isShowAddMember = true;
+			},
+			onClick_addMember_ok() {
+				console.log("添加学生", this.addedMemberModel);
+				var temp = {
+					"UserID": this.projectData[0].CreateUserID, //项目创建人ID
+					"ProjectID": this.projectData[0].Id, //项目ID
+					"AddUserID": mydata_userInfo.UserID, //添加人员ID 支持ilabID UserID
+					"Type": "美术师" //编剧 摄影师 录音师 灯光师 创建人
+				}
+				uni.request({
+					url: this.$Api + "/project/getmember",
+					data: temp,
+					method: "POST",
+					dataType: "json",
+					success: res => {
+						console.log("请求学生", res);
+						if (res.data.Code == 100) {
+							this.projectMembers = res.data.Users;
+							console.log();
+						}
+					}
+				})
 			}
 		}
 	}
@@ -471,4 +526,31 @@
 	.m_row_class {
 		margin-bottom: 60rpx;
 	}
+	
+	.addMember_box{
+		margin-bottom: 50rpx;
+		height: 80rpx;
+	}
+
+	.addMember_input_box{
+		width: 500rpx;
+		height: 80rpx;
+	}
+	.addMember_input {
+		width: 100%;
+		height: 100%;
+		border: 1px solid #ece8e8;
+		line-height: 50rpx;
+		font-size: 30rpx;
+		border-radius: 6rpx;
+		padding: 10rpx 40rpx;
+	}
+
+	.addMember_btn {
+		width: 130rpx;
+		height: 80rpx;
+		transform: translate(-50%, -50%);
+		background: rgb(234, 37, 44);
+		color: rgb(255, 255, 255);
+	}
 </style>