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">
						<!-- 	<t-table @change="change"> 
							<t-tr> </t-tr> 
							<t-tr>{{item.ProjectName}}</t-tr>
							<t-tr>{{item.Type}}</t-tr>
							<t-tr>{{item.Describe}}</t-tr>
							<t-tr>{{item.CreateUserName}}</t-tr>
							<t-tr style="position: relative;"><button type="default" size="mini" @click="edit(index)" class="m_edit">修改</button></t-tr>
							<t-tr style="position: relative;"><button type="default" size="mini" @click="delete1(index)" class="m_delete">删除</button></t-tr>
							</t-table> -->
							
							<th>{{item.ProjectName}}</th>
							<th>{{item.Type}}</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>
							
							<!-- <th class='blank'><input type="text" :value='item.ProjectName' class='input-item'/></th>
							<th class='blank'><input type="text" :value='item.Type' class='input-item'/></th>
							<th class='blank'><input type="text" :value='item.Type' class='input-item'/></th>
							<th class='blank'><input type="text" :value='item.CreateUserName' class='input-item'/></th>
							<th style="position:relative;" class='blank'><button type="default" size="mini" @click="editProject(index)" class="m_edit">修改</button></th>
							<th style="position:relative;" class='blank'><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>
						</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)" class="m_edit">下载</button></th>
							<th style="position: relative;"><button type="default" size="mini" @click="delete1(index)" class="m_delete">删除</button></th>
							<th style="position: relative;"><button type="default" size="mini" @click="audit(item)" class="m_audit">审核</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="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>
							<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>
									<!-- <input type="number" value="" /> -->
									{{item.User.Type}}
								</div>
							</th>
							<th>{{item.User.PhoneNum}}</th>
							<th style="position: relative;"><button type="default" size="mini" class="m_delete" @click="delete1(item)">删除</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 class='table'> -->
				<tbody>
				<tr>
					<!-- 	<t-table @change="change">
                        <t-tr> </t-tr>
                        <t-tr>{{item.ProjectName}}</t-tr>
                        <t-tr>{{item.Type}}</t-tr>
                        <t-tr>{{item.Describe}}</t-tr>
                        <t-tr>{{item.CreateUserName}}</t-tr>
                        <t-tr style="position: relative;"><button type="default" size="mini" @click="edit(index)" class="m_edit">修改</button></t-tr>
                        <t-tr style="position: relative;"><button type="default" size="mini" @click="delete1(index)" class="m_delete">删除</button></t-tr>
                        </t-table> -->
					<th>
						<input class="uni-input" placeholder-style="color:#F76260" placeholder="名称"  v-model="editDialogData.name"/>

					</th>
					<!--<th>-->
						<!--<input class="uni-input" placeholder-style="color:#F76260" placeholder="类型"  v-model="editDialogData.type"/>-->
					<!--</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>

					<!-- <th class='blank'><input type="text" :value='item.ProjectName' class='input-item'/></th>
                    <th class='blank'><input type="text" :value='item.Type' class='input-item'/></th>
                    <th class='blank'><input type="text" :value='item.Type' class='input-item'/></th>
                    <th class='blank'><input type="text" :value='item.CreateUserName' class='input-item'/></th>
                    <th style="position:relative;" class='blank'><button type="default" size="mini" @click="editProject(index)" class="m_edit">修改</button></th>
                    <th style="position:relative;" class='blank'><button type="default" size="mini" @click="deleteProject(index)" class="m_delete">删除</button></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>
		<!-- <locationtemp ref="location_temp"></locationtemp> -->
	</view>
</template>

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

				editDialogData : {name : "", type :"", Introduction : ""},
				proType: ['科幻', '现实', '剧情', '历史', '爱情', '惊悚', '公路', '动画'],
				index_proType : 0,
			}
		},
		components: {
			msg,
			audit,
			// locationtemp
		},
		methods: {
			paging(obj) {
				this.index = obj;
			},
			editProject(index) {
				this.title = "是否修改信息?";
				this.arr = ["修改", "取消"]
				this.show = true;
				this.currentSelect = {section:0,buttonType:'edit',index:index};
				console.log("修改什么", this.currentSelect);
			},
			deleteProject(index) {
				this.title = "是否删除信息?";
				this.arr = ["删除", "取消"]
				this.show = true;
				
				this.currentSelect = {section:0,buttonType:'delete',index:index};
			},
			// delete1(index) {
			// 	this.title = "是否删除信息?";
			// 	this.arr = ["删除", "取消"]
			// 	this.show = true;
			// },
			download(index) {
				this.title = "下载成功?";
				this.arr = ["确认"];
				this.show = true;
			},
			// edit(index) {
			// 	this.title = "是否删除信息?";
			// 	this.arr = ["删除", "取消"]
			// 	this.show = true;
			// },
			audit(index) {
				this.title = "是否确认审核?";
				this.arr = ["通过", "未通过"]
				this.show = true;
				this.callback = "audit"
				// this.auditshow = true;
			},
			editSave() {
				if (this.editDialogData.name == "") {
					alert("请输入项目名称~");
					return false;
				}
				if (this.editDialogData.type == "") {
					alert("请输入项目类型~");
					return false;
				}
				if (this.editDialogData.Introduction == "") {
					alert("请输入项目介绍~");
					return false;
				}
				// let data = {
				// 	"CreateUserID":mydata_userInfo.UserID,
				// 	"ProjectName":this.model.projectName,
				// 	"Describe":this.model.describe,
				// 	"Type":this.model.type
				// }
				// console.log("请求创建项目",data);
				// MyRequest.CreateProjectNew(data,function(res){
				// 	console.log("创建项目成功",res);
				// },null);

				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.projectMembers = res.data.Users;
							// console.log();
							// this.$refs.table.getList();
							this.getlist()
							this.editDialogshow = false
							// this.editProject(0)
							// this.show = false;
							return true;
						}
						// this.tabledata = res.data.Projects
						// console.log('res=',this.tabledata)
					}
				})


				// uni.chooseImage({
				// 	success: (chooseImageRes) => {
				// 		const tempFilePaths = chooseImageRes.tempFilePaths;
				// 		uni.uploadFile({
				// 			url: this.$Api+'/project/uploadprojectfile', //仅为示例，非真实的接口地址
				// 			filePath: tempFilePaths[0],
				// 			name: 'file',
				// 			formData: {
				// 				// UserID:         //上传用户 id
				// 				// Name:           //文件名
				// 				// Type:           //规范文件 剧本 拍摄脚本 分镜头脚本 气氛图 项目简介 项目报告 场景图
				// 				// ProjectID:      //项目ID
				//
				// 				"UserID": this.projectData[0].CreateUserID,
				// 				"Name": this.editDialogData.name,
				// 				"Type": this.editDialogData.type,
				// 				"ProjectID": this.projectData[0].Id,
				// 			},
				// 			success: (uploadFileRes) => {
				// 				console.log('upload ok=', uploadFileRes.data);
				// 				alert("创建成功");
				// 				this.model.projectName='';
				// 				this.model.describe='';
				// 				this.model.type='科幻';
				//
				// 				this.$emit('onBackCreateInfo');
				// 			}
				// 		});
				// 	}
				// });
			},


			editDialogDetermine(){
				this.editSave()


			},
			editDialogCancel(){
				this.editDialogshow = false
				this.editDialogData = {name : "", type :"", Introduction : ""}

			},
			// editDialogName(event){
			// 	this.editDialogData.name = event.target.value
			// },
			// editDialogType(event){
			// 	this.editDialogData.type = event.target.value
			// },
			// editDialogIntroduction(event){
			// 	this.editDialogData.Introduction = event.target.value
			// },
			determine(obj) {
				this.show = false;
				this.auditshow = false;
				// switch (this.callback) {
				// 	case "audit": //审核
				// 		const data = {
				// 			ProjectItemID: "xxxx",
				// 			Pass: obj == 0
				// 		}
				// 		this.auditPost(data);
				// 		break;
				// 	default:
				// 		break;
				// }
				// this.currentSelect = {section:0,buttonType:'delete',index:index};

				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]);

									// CreateTime: "2021-04-17 11:04:09"
									// CreateUserID: "1e9c969f-8990-40f2-8a8c-ecbafc5720b2"
									// CreateUserName: "李力新"
									// Describe: "999"
									// Id: 28
									// ProjectName: "999"
									// ProjectReviewImage: "http://communication-org-simulation.oss-cn-beijing.aliyuncs.com/project_28_timg.jpeg?Expires=1618634575&OSSAccessKeyId=LTAI4G4obJx7AiUgWThKBL47&Signature=az3xXUG%2F6lmxEBTmRtwZ%2FankjK8%3D"
									// ReviewImageOss: "project_28_timg.jpeg"
									// Type: "科幻"
									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;
							default:
								break;
						}
						
						break;
					default:
						break;
				}
				this.currentSelect = {section:-1,buttonType:'',index:-1}
				// console.log(obj)
			},
			auditPost(obj) {
				uni.request({
					url: this.$Api + "/project/setfilepass",
					data: obj,
					method: "POST",
					dataType: "json",
					success: res => {
						var {
							data
						} = res;
						alert(data.msg);
					}
				})
			},
			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.projectData
							this.$forceUpdate()
						}
						console.log("获取了什么样子的信息", this.projectData[0]);
					}
				})
			},
			getFileList() {
				// console.log("用户id");
				// console.log(this.$UserId);
				// console.log(this.projectData[0].Id);
				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;
			},
			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(){
				
			},
			//删除条目
			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,
				}
				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.$forceUpdate();//强制刷新页面
					}
				})
			},
			bindPickerChange_proType: function(e) {
				this.index_proType = e.target.value;
				this.editDialogData.type = this.proType[this.index_proType];
				// console.log(this.model)
			},

		}
	}
</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_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_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{
		// display: flex;
		// align-items:center;
		// justify-content:center;
		border:1px solid black;
	}
	.table{
		// display: flex;
		// display: -webkit-flex;
		// align-items:center;
		// justify-content:center;
		border:1px solid black;
	}
	.input-item {
		
		// height: 110rpx;
		// font-size: 40rpx;
		// background: #000000;
		// text-align: center;
		// border-radius: 5%;
		// margin-left: 40rpx;
		// margin-right: 40rpx;
		// color: #00F6FF;
		// width: 50%;
		
		// display: flex;
		// display: -webkit-flex;
		// align-items:center;
		// justify-content:center;
		border:1px solid black;
	}
	.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>