|
|
@@ -54,7 +54,7 @@
|
|
|
<div class="text">
|
|
|
{{item.content}}
|
|
|
</div>
|
|
|
- <ul class="imgs" v-if="item.image" >
|
|
|
+ <ul class="imgs" v-if="item.image">
|
|
|
<li v-for="i in item.image">
|
|
|
<img :src="url + i" alt="">
|
|
|
</li>
|
|
|
@@ -113,7 +113,7 @@
|
|
|
</span>
|
|
|
<b style="color:#F04992">{{formText.email}}</b>
|
|
|
<br/>
|
|
|
- <input type="email" v-model="leave.email"/>
|
|
|
+ <input type="email" v-model="leave.email" @blur="emailBlur()"/>
|
|
|
</div>
|
|
|
<p>
|
|
|
<span style="color:#666;">
|
|
|
@@ -226,16 +226,17 @@
|
|
|
imgSrcList: [], //上传图片列表
|
|
|
serchInputValue: "", //搜索输入框的值
|
|
|
setImgList: [],//上传图片
|
|
|
- valTime:"week",
|
|
|
+ valTime: "week",
|
|
|
pages: 1,
|
|
|
imgs: [],
|
|
|
imgss: [],
|
|
|
url: 'http://kfadmin.bocai186.com', // 域名地址
|
|
|
// url: 'http://192.168.2.187:8090', // 域名地址
|
|
|
- fileList:[],
|
|
|
- filesImg:'',
|
|
|
- showImg:false,
|
|
|
- showImgs:false,
|
|
|
+ fileList: [],
|
|
|
+ filesImg: '',
|
|
|
+ showImg: false,
|
|
|
+ showImgs: false,
|
|
|
+ onSubmit:false
|
|
|
};
|
|
|
},
|
|
|
props: ["currentTime"],
|
|
|
@@ -267,6 +268,7 @@
|
|
|
/*******************************************/
|
|
|
// 用户留言上传图片
|
|
|
leaveFile(e) {
|
|
|
+
|
|
|
let self = this;
|
|
|
let files = e.target.files || e.dataTransfer.files;
|
|
|
if (!files.length) return;
|
|
|
@@ -289,9 +291,9 @@
|
|
|
//将图片转成base64格式
|
|
|
reader.readAsDataURL(picavalue);
|
|
|
//读取成功后的回调
|
|
|
- reader.onloadend = function() {
|
|
|
+ reader.onloadend = function () {
|
|
|
let result = this.result;
|
|
|
- _this.$set(picavalue,'src', result);
|
|
|
+ _this.$set(picavalue, 'src', result);
|
|
|
_this.imgSrcList.push(picavalue);
|
|
|
// console.log(_this.imgSrcList,'读取')
|
|
|
_this.$forceUpdate();
|
|
|
@@ -299,10 +301,10 @@
|
|
|
},
|
|
|
|
|
|
// 获取选择内容
|
|
|
- getList(val){
|
|
|
+ getList(val) {
|
|
|
this.valTime = val;
|
|
|
let a = document.querySelector("#lists .yd-accordion-content")
|
|
|
- a.style.height = 0 +"px";
|
|
|
+ a.style.height = 0 + "px";
|
|
|
},
|
|
|
|
|
|
// 留言知识库数据获取
|
|
|
@@ -313,12 +315,12 @@
|
|
|
apiToken: this.setApiToken("index", "message", this.currentTime[0], "index")
|
|
|
}
|
|
|
};
|
|
|
- this.post("api/index/Message/index", {
|
|
|
- time: this.valTime,
|
|
|
+ this.$http.post("/index/Message/index", {
|
|
|
+ time: this.valTime,
|
|
|
key: this.serchInputValue,
|
|
|
type: this.mainTitle,
|
|
|
- pageSize:size,
|
|
|
- pageNumber:page
|
|
|
+ pageSize: size,
|
|
|
+ pageNumber: page
|
|
|
},
|
|
|
obj
|
|
|
).then(res => {
|
|
|
@@ -329,11 +331,11 @@
|
|
|
let _img;
|
|
|
let _imgs;
|
|
|
for (let i = 0; i < res.data.data.list.length; i++) {
|
|
|
- if(res.data.data.list[i].image){
|
|
|
+ if (res.data.data.list[i].image) {
|
|
|
_img = res.data.data.list[i].image.split(",");
|
|
|
res.data.data.list[i].image = _img;
|
|
|
}
|
|
|
- if(res.data.data.list[i].images){
|
|
|
+ if (res.data.data.list[i].images) {
|
|
|
_imgs = res.data.data.list[i].images.split(",");
|
|
|
res.data.data.list[i].images = _imgs;
|
|
|
}
|
|
|
@@ -353,7 +355,7 @@
|
|
|
apiToken: this.setApiToken("type", "message", this.currentTime[0], "index")
|
|
|
}
|
|
|
}
|
|
|
- this.post('api/index/Message/type', {}, obj).then((res) => {
|
|
|
+ this.$http.post('/index/Message/type', {}, obj).then((res) => {
|
|
|
if (res.data.status == 1) {
|
|
|
this.typeList = res.data.data;
|
|
|
}
|
|
|
@@ -362,6 +364,10 @@
|
|
|
},
|
|
|
// 留言信息提交
|
|
|
leaveSubmit() {
|
|
|
+ if(this.onSubmit){
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ this.onSubmit = true;
|
|
|
let uid = localStorage.getItem('uid');
|
|
|
if (this.leave.call == '') {
|
|
|
this.$dialog.toast({mes: '请填写称呼', timeout: 1500});
|
|
|
@@ -371,15 +377,16 @@
|
|
|
|
|
|
for (let i = 0; i < this.imgSrcList.length; i++) {
|
|
|
var formData = new FormData();
|
|
|
- formData.append('file',this.imgSrcList[i])
|
|
|
+ formData.append('file', this.imgSrcList[i]);
|
|
|
// 提交图片
|
|
|
- this.post('api/index/upload/uploadImg',formData).then((res) => {
|
|
|
+ this.$http.uploadPost('/index/upload/uploadImg', formData).then((res) => {
|
|
|
+
|
|
|
this.filesImg = this.filesImg ? this.filesImg + "," + res.data.data.src : res.data.data.src;
|
|
|
})
|
|
|
}
|
|
|
|
|
|
// 提交表单
|
|
|
- setTimeout(()=>{
|
|
|
+ setTimeout(() => {
|
|
|
let obj = {
|
|
|
headers: {
|
|
|
apiToken: this.setApiToken("LeavingMessage", "User", this.currentTime[0], "index")
|
|
|
@@ -393,20 +400,21 @@
|
|
|
'file': this.filesImg,
|
|
|
'account_id': uid,
|
|
|
}
|
|
|
- this.post('api/index/User/LeavingMessage', params, obj).then((res) => {
|
|
|
+ this.$http.post('/index/User/LeavingMessage', params, obj).then((res) => {
|
|
|
if (res.data.code == 1) {
|
|
|
+ this.onSubmit = false;
|
|
|
this.$dialog.toast({mes: "留言成功", timeout: 1500});
|
|
|
}
|
|
|
})
|
|
|
this.flag = false;
|
|
|
- this.fileList =[];
|
|
|
+ this.fileList = [];
|
|
|
this.leave.call = ''
|
|
|
this.leave.email = ''
|
|
|
this.leave.describe = ''
|
|
|
this.leave.phone = ''
|
|
|
this.leave.filesImg = ''
|
|
|
this.imgSrcList = []
|
|
|
- },1000)
|
|
|
+ }, 1000)
|
|
|
}
|
|
|
|
|
|
},
|
|
|
@@ -429,12 +437,12 @@
|
|
|
}
|
|
|
},
|
|
|
// 验证邮箱
|
|
|
- // emailBlur(){
|
|
|
- // if(!(/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(this.leave.email))){
|
|
|
- // this.leave.email = ''
|
|
|
- // this.formText.email = "邮箱格式错误，请重填"
|
|
|
- // }
|
|
|
- // }
|
|
|
+ emailBlur() {
|
|
|
+ if (!(/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(this.leave.email))) {
|
|
|
+ this.leave.email = ''
|
|
|
+ this.formText.email = "邮箱格式错误，请重填"
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getAjaxType()
|
|
|
@@ -829,19 +837,21 @@
|
|
|
}
|
|
|
|
|
|
.imgs li img {
|
|
|
- width:1rem;
|
|
|
- height:1rem;
|
|
|
+ width: 1rem;
|
|
|
+ height: 1rem;
|
|
|
}
|
|
|
|
|
|
.reply_title {
|
|
|
text-align: right;
|
|
|
}
|
|
|
+
|
|
|
.reply_text {
|
|
|
margin-top: 10px;
|
|
|
text-align: right;
|
|
|
- word-wrap:break-word;
|
|
|
+ word-wrap: break-word;
|
|
|
}
|
|
|
+
|
|
|
.text {
|
|
|
- word-wrap:break-word;
|
|
|
+ word-wrap: break-word;
|
|
|
}
|
|
|
</style>
|
