update pc_chat

pc_chat/src/components/leaveMsg.vue

@@ -15,44 +15,37 @@
 					<div class="call">
 						<label for="">
 							<span>您的称呼</span>
-							<span class="star"> *</span>
 						</label>
-						<el-input v-model="call" placeholder="请输入内容" style="paddiing:0 9px;"></el-input>
+						<el-input v-model="call" placeholder="请输入内容"></el-input>
 					</div>
 					<div class="phone">
 						<label for="">
 							<span>您的手机号</span>
-							<span class="star"> *</span>
-							<span class="tips" v-if="error">(请输入正确的手机号)</span>
 						</label>
-						<el-input v-model="phone" @blur='sureinfor(1)' placeholder="请输入手机号"
-								  style="paddiing:0 9px;"></el-input>
+						<el-input v-model="phone" @blur='sureinfor(1)' placeholder="请输入手机号"></el-input>
 					</div>
 					<div class="qq">
 						<label for="">
 							<span>您的QQ号</span>
 						</label>
-						<el-input v-model="QQ" type="number" placeholder="请输入QQ号" style="paddiing:0 9px;"></el-input>
+						<el-input v-model="QQ" type="number" placeholder="请输入QQ号"></el-input>
 					</div>
 					<div class="wx">
 						<label for="">
 							<span>您的微信号</span>
 						</label>
-						<el-input v-model="WX" placeholder="请输入微信号" style="paddiing:0 9px;"></el-input>
+						<el-input v-model="WX" placeholder="请输入微信号"></el-input>
 					</div>
 					<div class="eMail">
 						<label for="">
 							<span>您的邮箱地址</span>
-							<span class="star"> </span>
-							<span class="tips" v-if="emailError">(请输入正确的邮箱地址)</span>
 						</label>
 						<el-input v-model="eMail" @blur='sureinfor(10)' placeholder="请输入邮箱地址"
-								  style="paddiing:0 9px;"></el-input>
+								  ></el-input>
 					</div>
 					<div class="leaveMsg">
 						<label for="">
 							<span>您的留言信息</span>
-							<span class="star"> *</span>
 						</label>
 						<el-input type="textarea" @blur="widthCheck($event.target, 100)" placeholder="比赛中遇到作弊怎么办？"
 								  v-model="leaveInfor"></el-input>
@@ -75,8 +68,6 @@
 								   list-type="picture-card"
 								   ref="upload"
 						>
-							<!-- :file-list="uploadImg"
-		   -->
 							<i slot="default" class="el-icon-plus"></i>
 						</el-upload>
 						<!-- :visible.sync="dialogVisible" -->
@@ -120,38 +111,29 @@
 			},
 			// 提交
 			sub() {
-				if (this.call == '') {
-					this.$message.error('请填写称呼!');
-				} else if (this.phone == '') {
-					this.$message.error('请填写手机号!');
-				} else if (this.leaveInfor == '') {
-					this.$message.error('请填写留言信息!');
-				} else {
-					// 手动上传
-					this.$refs.upload.submit();
-					let _this = this;
-					let uid = localStorage.getItem('uid');
-
-					setTimeout(function () {
-						let params = {
-							'name': _this.call,
-							'email': _this.eMail,
-							'content': _this.leaveInfor,
-							'phone': _this.phone,
-							'qq': _this.QQ,
-							'wechat': _this.WX,
-							'file': _this.uploadImg.join(','),
-							'account_id': uid,
-						}
-						_this.$axios.post('/api/index/User/LeavingMessage', params).then(res => {
-							console.log('res', res)
-							if (res.data.code == 1) {
-								_this.$message.success('留言成功')
-								_this.$emit('value', 10);
-							}
-						})
-					}, 500)
-				}
+
+				this.$refs.upload.submit();
+				let _this = this;
+				let uid = localStorage.getItem('uid');
+				console.log(_this.uploadImg, '图片');
+				let formData = new FormData();
+				formData.append("name", _this.call);
+				formData.append("email", _this.eMail);
+				formData.append("content", _this.leaveInfor);
+				formData.append("phone", _this.phone);
+				// formData.append("qq", _this.QQ);
+				// formData.append("wechat", _this.WX);
+				formData.append("file", _this.uploadImg);
+				formData.append("account_id", uid);
+
+				_this.$axios.post('/api/index/User/LeavingMessage', formData).then(res => {
+					console.log(res.data);
+					return false;
+					if (res.data.code == 1) {
+						_this.$message.success('留言成功')
+						_this.$emit('value', 10);
+					}
+				})
 			},
 			widthCheck(str, len) {
 				var temp = 0
@@ -171,8 +153,7 @@
 					} else {
 						this.error = false;
 					}
-				}
-				else if (type == 10) {
+				} else if (type == 10) {
 					if (!/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(this.eMail)) {
 						this.emailError = true;
 						this.eMail = '';
@@ -215,7 +196,7 @@
 			},
 			// 每次改变图片状态返回的回调
 			uploadChange(file, fileList) {
-				console.log('`112321', fileList)
+				// console.log('每次改变图片状态返回的回调', fileList)
 			},
 		}
 	}