yichael_zhongchuang_front_2/components/home/teacher/project.vue

<template>
	<view class="m_right">
		<image src="../../../assets/home/homeBG.png" class="s_logo" mode=""></image>
		<view class="m_right_container">
		
			<view class="m_row_class">
				<view class="m_row">
					<view class="m_row_link">

					</view>
					<view class="m_row_title" v-text="'项目管理'">

					</view>
					<view style="position: relative;margin-left: 40rpx;">
						<div class="triangle_border_down">
							<span></span>
						</div>
					</view>
				</view>

				<table style="width: 100%;border: 1px solid #DDDDDD;border-collapse: collapse">
					<thead class="m-table-hander">
						<tr>
							<th>名称</th>
							<th>类型</th>
							<th>介绍</th>
							<th>创始人</th>
							<th>修改</th>
							<th>删除</th>
						</tr>
					</thead>
					<!-- <tbody class='table'> -->
					<tbody>
						<tr v-for="(item,index) in projectData" :key="index">			
							<th>{{item.ProjectName}}</th>
							<th>{{item.Type}}</th>
							<th style="position: relative;"><button type="default" size="mini" @click="viewIntro(item)" class="m_edit">简介</button></th>
							<!-- <th>{{item.Describe}}</th> -->
							<th>{{item.CreateUserName}}</th>
							<th style="position: relative;"><button type="default" size="mini" @click="editProject(index)" class="m_edit">修改</button></th>
							<th style="position: relative;"><button type="default" size="mini" @click="deleteProject(index)" class="m_delete">删除</button></th>
						</tr>
					</tbody>
				</table>
			</view>
			<view class="m_row_class">
				<view class="" style="display: flex;justify-content: space-between;">
					<view class="m_row">
						<view class="m_row_link">
						</view>
						<view class="m_row_title" v-text="'文件管理'">
						</view>
						<view style="position: relative;margin-left: 40rpx;">
							<div class="triangle_border_down">
								<span></span>
							</div>
						</view>
					</view>
					<view class="">
						<button type="default" class="m_btn_download" size="mini" @click="onClick_addFile">添加文件</button>
					</view>
				</view>
				<table style="width: 100%;border: 1px solid #DDDDDD;border-collapse: collapse">
					<thead class="m-table-hander">
						<tr>
							<th>文件</th>
							<th>文件名</th>
							<th>文件类型</th>
							<th>上传人</th>
							<th>上传日期</th>
							<th>下载</th>
							<th>删除</th>
							<th>审核</th>
							<th>审核状态</th>
						</tr>
					</thead>
					<tbody>
						<tr v-for="(item,index) in fileData" :key="index">
							<th>{{index+1}}</th>
							<th>{{item.Name}}</th>
							<th>{{item.Type}}</th>
							<th>{{item.UploadUserName}}</th>
							<th>{{item.UPloadTime.substring(0,9)}}</th>
							<th style="position: relative;"><button type="default" size="mini" @click="download(index,item)" class="m_edit_1">下载</button></th>
							<th style="position: relative;"><button type="default" size="mini" @click="deleteFile(index,item)" class="m_delete_1">删除</button></th>
							<th style="position: relative;"><button type="default" size="mini" @click="audit(index,item)" class="m_audit_1">审核</button></th>
							<th>{{getShenheText(item.Pass)}}</th>
						</tr>
					</tbody>
				</table>
			</view>
			<view class="m_row_class">
				<view class="" style="display: flex;justify-content: space-between;">
					<view class="m_row">
						<view class="m_row_link">
						</view>
						<view class="m_row_title" v-text="'成员管理'">
						</view>
						<view style="position: relative;margin-left: 40rpx;">
							<div class="triangle_border_down">
								<span></span>
							</div>
						</view>
					</view>
					<view class="">
						<button type="default" class="m_btn_download" size="mini" @click="addMember">添加学生</button>
					</view>
				</view>
				<table style="width: 100%;border: 1px solid #DDDDDD;border-collapse: collapse">
					<thead class="m-table-hander">
						<tr>
							<th>用户名</th>
							<th>姓名</th>
							<th>专业</th>
							<th>班级</th>
							<th>职务</th>
							<th>电话</th>
							<th>删除</th>
						</tr>
					</thead>
					<tbody>
						<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>
									{{item.User.Type}}
								</div>
							</th>
							<th>{{item.User.PhoneNum}}</th>
							<th style="position: relative;"><button type="default" size="mini" class="m_delete" @click="deleteMember(item)"  v-show="item.User.Id != projectData[0].CreateUserID">删除</button></th>
						</tr>
					</tbody>
				</table>

			</view>
		</view>
		<msg ref="msg" :title="title" @determine="determine" :btnArr="arr" v-show="show"></msg>
		<audit ref="audit" v-show="auditshow" @determine="determine"></audit>
		<!--修改对话框-->
		<view class="m_msg" v-show="editDialogshow">
			<table style="width: 100%;border: 1px solid #DDDDDD;border-collapse: collapse">
				<thead class="m-table-hander">
				<tr>
					<th>名称</th>
					<th>类型</th>
					<th>介绍</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<th>
						<input class="uni-input" placeholder-style="color:#F76260" placeholder="名称"  v-model="editDialogData.name"/>
					</th>
					<th>
						<picker class="form-input" @change="bindPickerChange_proType" :value="index_proType" :range="proType">
							<view class=" df fdr aic jcsb">
								<view>{{proType[index_proType]}}</view>
								<view>
									<img src="../../../assets/user/pic_user_03.png" />
								</view>
							</view>
						</picker>
					</th>
					<th>
						<input class="uni-input" placeholder-style="color:#F76260" placeholder="介绍"  v-model="editDialogData.Introduction"/>
					</th>
				</tr>
				</tbody>
			</table>
			<view class="layout">
				<button type="default" size="mini" @click="editDialogDetermine(index)" class="m_edit">修改</button>
				<button type="default" size="mini" @click="editDialogCancel(index)" class="m_delete">取消</button>
			</view>
		</view>
		<!--添加用户对话框-->
			
		<view class="m_msg" v-show="isShowAddMember">
			<table style="width: 100%;border: 1px solid #DDDDDD;border-collapse: collapse">
				<thead class="m-table-hander">
				<tr>
					<th>名称</th>
					<th>类型</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<th>
						<view class="addMember_input_box">
							<input class="addMember_input" type="string" v-model="addedMemberModel.IlabAccount" placeholder="学员id" />
						</view>
					</th>
					<th>
						<picker class="form-input" @change="bindPickerChange_proTypeadd" :value="index_addproType" :range="addproType">
							<view class=" df fdr aic jcsb">
								<view>{{addproType[index_addproType]}}</view>
								<view>
									<img src="../../../assets/user/pic_user_03.png" />
								</view>
							</view>
						</picker>
					</th>
				</tr>
				</tbody>
			</table>
			<view class="layout">
				<button type="default" size="mini" @click="addMemberData(index)" class="m_edit">添加</button>
				<button type="default" size="mini" @click="addMemberDataCancel(index)" class="m_delete">取消</button>
			</view>
		</view>
		<!--修改文件对话框-->
		<view class="pop_view" @touchmove.stop.prevent = "stopPenetrate" @click="shut_down_pop_view()" v-if='bShowPopView'>
			<view class="edit_form" @touchmove.stop.prevent = "stopPenetrate">
				<view class="edit_BG">
					<view class="edit_title">修改</view>
				
					<view class="edit_row">
						<text class="edit_text">名称</text>
						<view class="input_frame">
							<input class="edit_input" type="string" v-model="projectName" placeholder="" @input="onInputProjectName"/>
						</view>
					</view>
					<view class="edit_row">
						<text class="edit_text">类型</text>
						<view class="input_frame">
							<input class="edit_input"  type="string" v-model="projectType" placeholder="" @input="onInputProjectType"/>
						</view>
					</view>
					<view class="edit_row">
						<text class="edit_text">描述</text>
						<view class="input_frame">
							<input class="edit_input"  type="string" v-model="projectDescribe" placeholder="" @input="onInputProjectDescribe"/>
						</view>
					</view>
					<view class="edit_row">
						<text class="edit_text">创建人姓名</text>
						<view class="input_frame">
							<input class="edit_input"  type="string" v-model="projectData.CreateUserName" placeholder=""/>
						</view>
					</view>
					
					<view class='modify_btn'>
						<button type="default" size="mini" @click="confirm_modify()" class="modify_confirm">确认</button>
						<button type="default" size="mini" @click="cancel_modify()" class="modify_cancel">取消</button>
					</view>
				</view>
			</view>
		</view>
		
		<!--上传文件对话框-->
		<view class="m_msg" v-show="isShowAddFile">
			<table style="width: 100%;border: 1px solid #DDDDDD;border-collapse: collapse">
				<thead class="m-table-hander">
				<tr>
					<th>名字</th>
					<th>类型</th>
					<!--<th>介绍</th>-->
				</tr>
				</thead>
				<tbody>
				<tr>
					<th>
						<view class="addMember_input_box">
							<input class="addMember_input" type="string" v-model="fileDialogData.name" placeholder="文件名字" />
						</view>
					</th>
					<th>
						<picker class="form-input" @change="bindPickerChange_fileType" :value="index_FileType" :range="addFileType">
							<view class=" df fdr aic jcsb">
								<view>{{addFileType[index_FileType]}}</view>
								<view>
									<img src="../../../assets/user/pic_user_03.png" />
								</view>
							</view>
						</picker>
					</th>
				</tr>
				</tbody>
			</table>
			<view class="layout">
				<button type="default" size="mini" @click="addFileData(index)" class="m_edit">添加</button>
				<button type="default" size="mini" @click="addFileDataCancel(index)" class="m_delete">取消</button>
			</view>
		</view>
	</view>
</template>

<script>
	import msg from "./msg.vue"
	import audit from "./audit.vue"
	export default {
		name: "home_project",
		data() {
			return {
				index: 1,
				title: "",
				show: false,
				auditshow: false,
				callback: "",
				arr: [],
				data: [],
				projectData: [],
				ProjectItem: [],
				fileData: [],
				projectMembers: [],
				isShowAddMember: false,
				isShowAddFile: false,
				addedMemberModel: {
					"IlabAccount": '',
					"type": ''
				},
				currentSelect:{section:-1,buttonType:'',index:-1},
				Type:'asd',
				editDialogshow : false,

				editDialogData : {name : "", type :"", Introduction : ""},
				proType: ['科幻', '现实', '剧情', '历史', '爱情', '惊悚', '公路', '动画'],
				addproType: ['编剧', '摄影师' ,'录音师', '灯光师', '创建人'],
				addFileType: ['剧本' ,'拍摄脚本' ,'分镜头脚本' ,'气氛图', '项目简介', '项目报告' ,'场景图'],
				index_addproType : 0,
				index_proType : 0,
				index_FileType : 0,
                fileDialogData : {name : "", type :""},
				bShowPopView:false,
				projectName:'',
				projectType:'',
				projectDescribe:'',
			}
		},
		components: {
			msg,
			audit,
		},
		methods: {
			stopPenetrate(){
			    return;
			},
			paging(obj) {
				this.index = obj;
			},
			viewIntro(item){
				uni.showModal({
				    title: '简介',
					showCancel: false,
				    content: item.Describe,
				    success: function (res) {
				        if (res.confirm) {
				            console.log('确定');
				        } else if (res.cancel) {
				            console.log('取消');
				        }
				    }
				});
			},
			editProject(index) {
				//修改按钮赋值
				this.projectName=this.projectData[0].ProjectName;
				this.projectType=this.projectData[0].Type;
				this.projectDescribe=this.projectData[0].Describe;
				this.bShowPopView = true;
			},
			//审核状态中文
			getShenheText(pass){
				let t = "成功"
				if (pass == false) {
					t = "失败"
				}
				return t
			},
			deleteProject(index) {
				this.title = "是否删除信息?";
				this.arr = ["删除", "取消"]
				this.show = true;

				this.currentSelect = {section:0,buttonType:'delete',index:index};
			},
			download(index,item) {
				this.title = "下载成功?";
				this.arr = ["确认"];
				this.show = true;
                this.currentSelect = {section:0,buttonType:'downloadIMG',index:index,item:item};
			},
            deleteFile(index,item) {
                this.title = "是否删除文件?";
                this.arr = ["删除", "取消"]
                this.show = true;

                this.currentSelect = {section:0,buttonType:'deleteFile',index:index,item:item};
            },
			audit(index,item) {
				this.title = "是否确认审核?";
				this.arr = ["通过", "未通过"]
				this.show = true;
				this.callback = "audit"
				// this.auditshow = true;
                this.currentSelect = {section:0,buttonType:'audit',index:index,item:item};
			},
			editSave() {
				if (this.editDialogData.name == "") {
					alert("请输入项目名称~");
					return false;
				}
				if (this.editDialogData.type == "") {
					alert("请输入项目类型~");
					return false;
				}
				if (this.editDialogData.Introduction == "") {
					alert("请输入项目介绍~");
					return false;
				}

				console.log("创建项目自己ID",mydata_userInfo.UserID);
				uni.request({
					url: this.$Api + "/project/changeprojectinfo",
					data: {
						"UserID":this.projectData[0].CreateUserID,
						"ProjectID" : this.projectData[0].Id,
						"ProjectName":this.editDialogData.name,
						"Describe":this.editDialogData.Introduction,              // 项目描述
						"Type":this.editDialogData.type
					},
					method: "POST",
					dataType: "json",
					success: res => {
						console.log('是否成功',res)
						if (res.data.Code == 100) {
							this.getlist()
							this.editDialogshow = false
							return true;
						}
					}
				})
			},
			editDialogDetermine(){
				this.editSave()
			},
			editDialogCancel(){
				this.editDialogshow = false
				this.editDialogData = {name : "", type :"", Introduction : ""}
			},
			determine(obj) {
				this.show = false;
				this.auditshow = false;
				console.log("点了 对话框", obj);
				switch (this.currentSelect.section) {
					case 0: //項目管理
						switch (this.currentSelect.buttonType) {
							case 'delete':
								console.log("点了 删除", this.currentSelect);
								if (obj == 0) {
									console.log("点了 确定删除", this.currentSelect);
									this.deleteItemProject()
								}else if(obj == 1){
									console.log("点了 取消删除", this.currentSelect);
								}
								break;
							case 'edit':
								console.log("点了 修改", this.currentSelect);
								if (obj == 0) {
									console.log("点了 确定修改", this.currentSelect,this.projectData[0]);
									this.editDialogData = {name : this.projectData[0].ProjectName, type :this.projectData[0].Type, Introduction : this.projectData[0].Describe}
									this.editDialogshow = true
									console.log("修改数据", this.editDialogData);
								}else if(obj == 1){
									this.editDialogData = {name : "", type :"", Introduction : ""}
									console.log("点了 取消修改", this.currentSelect);
								}
								break;
							case 'downloadIMG':
								console.log("点了 下载", this.currentSelect);
								if (obj == 0) {
									console.log("点了 确定下载", this.currentSelect,this.projectData[0]);
                                    this.DownloadFile()
								}else if(obj == 1){
									// this.editDialogData = {name : "", type :"", Introduction : ""}
									console.log("点了 取消下载", this.currentSelect);
								}
								break;
							case 'deleteFile':
								console.log("点了 删除", this.currentSelect);
								if (obj == 0) {
									console.log("点了 确定删除", this.currentSelect,this.projectData[0]);
                                    this.delFile()
								}else if(obj == 1){
									// this.editDialogData = {name : "", type :"", Introduction : ""}
									console.log("点了 取消删除", this.currentSelect);
								}
								break;
							case 'audit':
								console.log("点了 审核", this.currentSelect);
								if (obj == 0) {
									console.log("点了 确定审核", this.currentSelect,this.projectData[0]);
									let data = {
										ProjectItemID: this.currentSelect.item,
										Pass: true
									}
									this.auditPost(data);

								}else if(obj == 1){
									// this.editDialogData = {name : "", type :"", Introduction : ""}
									console.log("点了 取消审核", this.currentSelect);
									let data = {
										ProjectItemID: this.currentSelect.item,
										Pass: false
									}
									this.auditPost(data);
								}
								break;
							default:
								break;
						}
						break;
					default:
						break;
				}
				this.currentSelect = {section:-1,buttonType:'',index:-1}
				// console.log(obj)
			},
			auditPost(obj) {
				console.log("审核信息", obj.ProjectItemID.ProjectID);
				let url = this.$Api + "/project/setfilepass"
				let data = {
					"ProjectItemID" : obj.ProjectItemID.Id,
					"Pass":obj.Pass,
					}
				console.log('审核 发送数据 '," 地址 ",url," 数据 ",data,"项目数据",this.projectData)
				uni.request({
					url: url,
					data: data,
					method: "POST",
					dataType: "json",
					success: res => {
						console.log('审核 返回',res)
						if (res.data.Code == 100) {
							this.getFileList();
						}
					}
				})
			},
			getlist() {
				uni.request({
					url: this.$Api + "/project/getprojectcontent",
					data: {
						"UserID": this.$UserId,
						"ProjectID": this.projectData[0].Id
					},
					method: "POST",
					dataType: "json",
					success: res => {
						if (res.data.Code == 100) {
							this.projectData[0] = null
							this.projectData[0] = res.data.Project;
							this.$forceUpdate()
						}
						console.log("获取了什么样子的信息", this.projectData[0]);
					}
				})
			},
			getFileList() {
				uni.request({
					url: this.$Api + "/project/getprojectcontent",
					data: {
						"UserID": this.$UserId,
						"ProjectID": this.projectData[0].Id
					},
					method: "POST",
					dataType: "json",
					success: res => {
						this.fileData = res.data.ProjectItem;
						console.log('this.fileData=',this.fileData)
					}
				})
			},
			viewProject(obj) {
				console.log('进来的什么信息',obj)
				this.projectData = [obj];
				this.getFileList();
				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;
			},
			addMemberData(){
				console.log("添加学生", this.addedMemberModel,this.projectData[0]);
				if (this.addedMemberModel.IlabAccount == "") {
					alert("学员id不能为空")
					return
				}
				console.log('删掉成员 ')
				let url = this.$Api + "/project/addmember"
				let data = {
					"UserID" : this.projectData[0].CreateUserID,
					"ProjectID":this.projectData[0].Id,
					"AddUserID":this.addedMemberModel.IlabAccount,
					"Type":this.addedMemberModel.type,
				}
				console.log('添加成员 发送数据 '," 地址 ",url," 数据 ",data,"项目数据",this.projectData)

				uni.request({
					url: url,
					data: data,
					method: "POST",
					dataType: "json",
					success: res => {
						console.log('添加成员 返回',res)
						if (res.data.Code == 100) {
							// this.$refs.table.getList();
							this.$forceUpdate()
							this.isShowAddMember = false
						}
						this.getMemberList();
						this.$forceUpdate()
						this.isShowAddMember = false
						// this.projectData.splice(index,index);
					}
				})
			},
			addFileData(){
                uni.chooseImage({
                	success: (chooseImageRes) => {
                		const tempFilePaths = chooseImageRes.tempFilePaths;
                		uni.uploadFile({
                			url: this.$Api+'/project/uploadprojectfile', //仅为示例，非真实的接口地址
                			filePath: tempFilePaths[0],
                			name: 'file',
                			formData: {
                				"UserID": this.projectData[0].CreateUserID,
                				"Name": this.fileDialogData.name,
                				"Type": this.fileDialogData.type,
                				"ProjectID": this.projectData[0].Id,
                			},
                			success: (uploadFileRes) => {
                				console.log('upload ok=', uploadFileRes.data);
                                this.isShowAddFile = false
                                this.fileDialogData = {name : "", type :""}
                                this.getFileList();
                				alert("创建成功");
                			}
                		});
                	}
                });
			},
			addFileDataCancel(){
				this.isShowAddFile = false
			},
			addMemberDataCancel(){
				this.isShowAddMember = false;
			},
			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();
						}
					}
				})
			},
			onClick_addFile(){
				console.log("项目 点了添加文件")
				this.isShowAddFile = true
			},
			//删除条目
			deleteItemProject(){
				console.log('UserID=',this.$UserId)
				console.log('ProjectID=',this.projectData[0].Id)
				var temp = {
					"UserID":this.projectData[0].CreateUserID,
					"ProjectID" : this.projectData[0].Id,
				}
				console.log("要删除过去的数据为",temp)
				uni.request({
					url: this.$Api + "/backstage/deleteproject",
					data: temp,
					method: "POST",
					dataType: "json",
					success: res => {
						console.log("delete project ok", res);
						this.$emit('onBackToProjectList');
						this.getlist()
						this.$forceUpdate();//强制刷新页面
					}
				})
			},
			bindPickerChange_proType: function(e) {
				this.index_proType = e.target.value;
				this.editDialogData.type = this.proType[this.index_proType];
				// console.log(this.model)
			},
			bindPickerChange_proTypeadd: function(e) {
				this.index_addproType = e.target.value;
				this.addedMemberModel.type = this.addproType[this.index_addproType];
				// console.log(this.model)
			},
            bindPickerChange_fileType: function(e) {
                this.index_FileType = e.target.value;
                this.fileDialogData.type = this.addFileType[this.index_FileType];
                // console.log(this.model)
            },
			deleteMember(item){
				console.log('删掉成员 ',item)
				let url = this.$Api + "/project/deletemember"
				let data = {
					"userID" : this.projectData[0].CreateUserID,
					"DeleteUserID":item.User.Id,
					"ProjectID":this.projectData[0].Id,
				}
				console.log('删掉成员 发送数据 '," 地址 ",url," 数据 ",data)

				uni.request({
					url: url,
					data: data,
					method: "POST",
					dataType: "json",
					success: res => {
						console.log('删掉成员 返回',res)
						if (res.data.Code == 100) {
							// this.$refs.table.getList();
							this.getMemberList();
							this.$forceUpdate();//强制刷新页面
						}
						// this.projectData.splice(index,index);
					}
				})
			},
            delFile(){
				// this.currentSelect
				console.log('删除文件', this.currentSelect)
				// SetFilePass
				let url = this.$Api + "/project/deleteprojectcontent"
				// "UserID":"xxxx",           //上传人或者项目创建人
				// 		"ProjectItemID" : "123"
				let data = {
					"UserID" : this.projectData[0].CreateUserID,
					"ProjectItemID":this.currentSelect.item.Id
				}
				console.log('删除文件 发送数据 '," 地址 ",url," 数据 ",data,"项目数据",this.projectData)

				uni.request({
					url: url,
					data: data,
					method: "POST",
					dataType: "json",
					success: res => {
						console.log('删除文件 返回',res)
						if (res.data.Code == 100) {
							this.getFileList();
						}
					}
				})
            },
            DownloadFile() {
				window.location.href = this.currentSelect.item.URL;
            },
			shut_down_pop_view(){
				// this.bShowPopView = false;
			},
			confirm_modify(){
				this.bShowPopView = false;
				
				 this.projectData[0].ProjectName = this.projectName;
				 this.projectData[0].Type = this.projectType;
				 this.projectData[0].Describe = this.projectDescribe;
				 
				 uni.request({
				 	url: this.$Api + "/project/changeprojectinfo",
				 	data: {
				 		"UserID":this.projectData[0].CreateUserID,
				 		"ProjectID" : this.projectData[0].Id,
				 		"ProjectName":this.projectName,
				 		"Describe":this.projectDescribe,              // 项目描述
				 		"Type":this.projectType
				 	},
				 	method: "POST",
				 	dataType: "json",
				 	success: res => {
				 		console.log('是否成功',res)
				 		if (res.data.Code == 100) {
				 			this.getlist()
				 		}
				 	}
				 }) 
			},
			cancel_modify(){
				this.bShowPopView = false;
				this.projectName=this.projectData[0].ProjectName;
				this.projectType=this.projectData[0].Type;
				this.projectDescribe=this.projectData[0].Describe;
			},
			onInputProjectName(e){
				this.projectName=e.detail.value;				
			},
			onInputProjectType(e){
				this.projectType=e.detail.value;			
			},
			onInputProjectDescribe(e){
				this.projectDescribe=e.detail.value;			
			}
		}
	}
</script>

<style lang="scss">
	.m_right {
		width: 100%;
		margin-top: 5rpx;
		// padding: 0 150rpx;
		background-color: #fff;
		box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
		.m_right_container {
			padding: 150rpx;
		}
		.s_logo {
			width: 100%;
			height: 800rpx;
		}
		.m_right_hander {
			text-align: right;
			height: 250rpx;
			position: relative;

			.m_btn_red {
				position: absolute;
				height: 80rpx;
				line-height: 80rpx;
				padding: 0 40rpx;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				background: #EA252C;
				color: #fff;
			}
		}
	}
	.m_btn_download {
		height: 80rpx;
		line-height: 80rpx;
		padding: 0 70rpx;
		background: #EA252C;
		color: #fff;
		font-family: MicrosoftYaHei;
	}
	tbody tr {
		border-top: 2rpx solid #DDDDDD !important;
	}
	tbody tr th:first-child {
		position: relative;
	}
	tbody tr th {
		font-weight: 400 !important;
		height: 140rpx;
		line-height: 140rpx;
	}
	tbody tr:hover {
		// color: #fff;
		background: #FDEBEC;
		// opacity: 0.08;
	}
	.form-input {
		width: 100%;
		border: 1px solid #ece8e8;
		line-height: 50rpx;
		font-size: 30rpx;
		border-radius: 6rpx;
		padding: 10rpx 40rpx;
	}
	.m-table-hander {
		background-color: #FFF8F7;
		height: 140rpx;
		line-height: 140rpx;
		font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
		font-weight: bold;
	}
	.m_edit {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: rgb(67, 127, 250);
		color: rgb(255, 255, 255);
		min-width: 130rpx;
	}
	.m_delete {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 130rpx;
		transform: translate(-50%, -50%);
		background: rgb(234, 37, 44);
		color: rgb(255, 255, 255);
	}
	.m_edit_1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: rgb(67, 127, 250);
		color: rgb(255, 255, 255);
		min-width: 110rpx;
	}
	.m_delete_1 {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 110rpx;
		transform: translate(-50%, -50%);
		background: rgb(234, 37, 44);
		color: rgb(255, 255, 255);
	}
	.m_right_footer {
		margin-top: 80rpx;
	}
	.m_logoimg {
		width: 80rpx;
		height: 80rpx;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.m_paging {
		text-align: right;
		.m_paging_item {
			padding: 10rpx 18rpx;
			border: 1rpx solid #DDDDDD;
			border-radius: 8rpx;
			margin-right: 10rpx;
		}
		.p_act {
			background: #EA252C;
			color: #fff;
			border: inherit;
		}
	}
	.m_paging_item:hover {
		background: #EA252C;
		color: #fff;
		border: inherit;
	}
	.m_act1 {
		color: #FF0019;
	}
	.m_row {
		display: flex;
		height: 60rpx;
		line-height: 60rpx;
		font-size: 30rpx;
		color: #ea252c;
		padding: 0 0 80rpx 0;
	}
	.m_audit {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 65px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: white;
		background-color: #FF791B;
	}
	.m_audit_1 {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 55px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: white;
		background-color: #FF791B;
	}
	.m_row_link {
		width: 10rpx;
		height: 60rpx;
		background-color: #ea252c;
		margin-right: 40rpx;
	}
	.m_row_title {
		color: #ea252c;
		font-weight: bold;
		font-size: 40rpx;
	}
	/*向下*/
	.triangle_border_down {
		width: 0;
		height: 0;
		border-width: 25rpx 25rpx 0;
		border-style: solid;
		border-color: #ea252c transparent transparent;
		/*灰 透明 透明 */
		margin: 20rpx auto;
		position: relative;
	}
	.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);
	}
	.blank{
		border:1px solid black;
	}
	.table{
		border:1px solid black;
	}
	.input-item {
		border:1px solid black;
	}
	.pop_view{
		position: fixed;
		
		display: flex;
		justify-content: center;
		align-items:center;/*垂直居中*/
		
		width: 100%;
		height: 100%;
		top: 0rpx;
		left: 0rpx;
		// z-index: 100;
		background-color:rgba(0,0,0,0.5)
	}
	.edit_form{
		width: 25%;
		height: 50%;
		background-color:rgba(255,255,255,1);
	 
		display: flex;
		justify-content: center;
		// justify-content: space-between;
		align-items:center;
		
		.edit_BG{
			width: 90%;
			height: 90%;
			
			display: flex;
			justify-content: space-between;
			align-items:center;
			flex-direction:column;
			// border:1rpx solid #000000;
			
			.edit_row{
				
				width: 90%;
				height: 50%;
				// border:1rpx solid #000000;
				
				display: flex;
				// justify-content: space-between;
				align-items:center;
				flex-direction:row;
			}
		}
	}
	.edit_title
	{	
		width: 80%;
		height: 100%;
		font-size: 70rpx;
		color: #000000;
		// border:1rpx solid #000000;
		
		display: flex;
		justify-content: center;
		align-items:center;
		
		margin-bottom:10%;
	}
	.edit_text{
		width: 50%;
		height: 50%;
	
		font-size: 30rpx;
		color: #000000;
		// border:1rpx solid #000000;
	}
	
	.input_frame{
		width: 100%;
		height: 80%;
	
		border:1rpx solid #000000;
		border-radius: 25rpx;
		
		display: flex;
		justify-content: center;
		align-items:center;
		
	}
	.edit_input{
		font-size: 30rpx;
		color: #000000;
		width: 80%;
		height: 100%;
		// border:1rpx solid #000000;
	}
	
	
	.modify_btn
	{
		width: 90%;
		height: 50%;
		// border:1rpx solid #000000;
		
		display: flex;
		align-items:center;
		flex-direction:row;
		
		margin-top:10%;
	}
	.modify_confirm
	{
		background: rgb(67, 127, 250);
		color: rgb(255, 255, 255);
		min-width: 30%;
	}
	.modify_cancel
	{
		min-width: 30%;
		background: rgb(234, 37, 44);
		color: rgb(255, 255, 255);
	}
	
	.m_msg {
		width: 1500rpx;
		height: 900rpx;
		padding: 0rpx 0 40rpx 0;
		position: fixed;
		top: 50%;
		left: 50%;
		border-radius: 10rpx;
		transform: translate(-50%, -50%);
		z-index: 100;
		background-color: #fff;
		opacity: 1;
		.layout{
			position: absolute;
			left: 50%;
			bottom: 2%;
		}
		.m_edit {
			position: relative;
			left: 20%;

			transform: translate(-50%, -50%);
			background: rgb(67, 127, 250);
			color: rgb(255, 255, 255);
			min-width: 130rpx;
		}
		.m_delete {
			position: relative;
			left: 50%;
			min-width: 130rpx;
			transform: translate(-50%, -50%);
			background: rgb(234, 37, 44);
			color: rgb(255, 255, 255);
		}
	}
</style>