ソースを参照

update pc_chat

luke 6 年 前
コミット
6c73770d25
2 ファイル変更28 行追加6 行削除
  1. 3 1
      pc_chat/src/components/leaveMsg.vue
  2. 25 5
      pc_chat/src/components/ledgeBase.vue

+ 3 - 1
pc_chat/src/components/leaveMsg.vue

@@ -29,7 +29,7 @@
 						<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"  placeholder="请输入QQ号" style="paddiing:0 9px;"></el-input>
 					</div>
 					<div class="wx">
 						<label for="">
@@ -171,6 +171,7 @@
 				if (type == 1) {
 					if (!/^1[34578]\d{9}$/.test(this.phone)) {
 						this.error = true;
+						this.$message.success('手机格式不正确!')
 						this.phone = '';
 					} else {
 						this.error = false;
@@ -179,6 +180,7 @@
 				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.$message.success('邮箱格式不正确!')
 						this.eMail = '';
 					} else {
 						this.emailError = false;

+ 25 - 5
pc_chat/src/components/ledgeBase.vue

@@ -53,12 +53,17 @@
 								<div class="text">
 									{{item.content}}
 								</div>
-								<ul class="imgs" v-for="i in imgs">
+								<ul class="imgs" v-show="showimgs" v-for="i in imgs">
 									<li v-for="child in i">
 										<img :src="url + child" alt="">
 									</li>
 								</ul>
 								<p>回复的留言</p>
+								<ul class="imgs" v-show="showimgss" v-for="i in imgss">
+									<li v-for="child in i">
+										<img :src="url + child" alt="">
+									</li>
+								</ul>
 								<div class="text">
 									{{item.reply_content ? item.reply_content : "暂无"}}
 								</div>
@@ -116,6 +121,9 @@
 				problemName: '账号',//类名
 				noBase: true, //无数据状态
 				imgs: [],
+				imgss: [],
+				showimgs:false,
+				showimgss:false,
 				url: 'http://kfadmin.bocai186.com', // 域名地址
 				// url: 'http://192.168.2.187:8090', // 域名地址
 				pages: 1,
@@ -171,11 +179,22 @@
 
 				this.$axios.post('/api/index/Message/index', this.ledgedata).then(res => {
 					if (res.data.status === 1) {
-						// console.log('======获取数据=========', res.data.data);
+						this.imgs = []
+						this.imgss = []
 						let _img;
-						for (let i = 0; i < res.data.data.length; i++) {
-							_img = res.data.data[i].images.split(",");
-							this.imgs.push(_img)
+						let _imgs;
+						for (let i = 0; i < res.data.data.list.length; i++) {
+							if(res.data.data.list[i].image){
+								this.showimgs = true
+								_img = res.data.data.list[i].image.split(",");
+								this.imgs.push(_img)
+							}
+							if(res.data.data.list[i].images){
+								this.showimgss = true
+								_imgs = res.data.data.list[i].images.split(",");
+								this.imgss.push(_imgs)
+							}
+							console.log(res.data.data.list[i],"图片")
 						}
 
 						this.knowLedgeBase = res.data.data.list;
@@ -252,6 +271,7 @@
 		line-height: 1.8;
 		margin-right: 15px;
 		margin-top: 15px;
+		word-wrap:break-word;
 	}
 
 	.chatBox {