|
|
|
@ -7,7 +7,8 @@ |
|
|
|
<div class="flex-wrap"> |
|
|
|
<div class="flex-left"> |
|
|
|
<p class="flex-left-desc">销售方向</p> |
|
|
|
<GuipRadio class="flex" v-model="siteInfo.site_type" :options="siteInfo.site_types" label="" prop="site_type" /> |
|
|
|
<GuipRadio v-model="siteInfo.site_type" :options="siteInfo.site_types" label="" prop="site_type" @change="radioChange" label-key="" value-key="" /> |
|
|
|
|
|
|
|
<div class="tem-home"> |
|
|
|
<img class="tem-home-top" src="@/assets/register/tem-img-normal.png" alt=""> |
|
|
|
<div class="tem-home-bottom"> |
|
|
|
@ -34,8 +35,8 @@ |
|
|
|
<div class="siteMessage flex-common mt12" id="siteMessage5"> |
|
|
|
<h3>在线客服</h3> |
|
|
|
<el-form ref="formRef"> |
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
|
|
|
<p class="flex siteMessage5_desc"> <img src="@/assets/site/info_filled.svg" alt="">{{ textObj[activeName] }}</p> |
|
|
|
<el-tabs v-model="customerServiceTab" @tab-click="handleClick"> |
|
|
|
<p class="flex siteMessage5_desc"> <img src="@/assets/site/info_filled.svg" alt="">{{ textObj[customerServiceTab] }}</p> |
|
|
|
<el-tab-pane label="网站客服" name="web_customer_service"> |
|
|
|
<div class="flex-wrap"> |
|
|
|
<div class="flex-left"> |
|
|
|
@ -43,65 +44,71 @@ |
|
|
|
<GuipInput ref="GuipInput" class="mt12 mb24" v-model="siteInfo.wangwang" placeholder="请填写账号"> |
|
|
|
</GuipInput> |
|
|
|
<p class="flex-left-desc">QQ客服</p> |
|
|
|
<div class="qqCode-wrap"> |
|
|
|
<el-upload class="avatar-uploader mt12" accept=".jpg,.png" |
|
|
|
action="/agentnew/ajax_update_site_kefu" :show-file-list="false" |
|
|
|
:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" slot="trigger"> |
|
|
|
<GuipButton type="ignore" :btnstyle="{width:'133px'}"> |
|
|
|
<!-- <img src="@/assets/site/uploadIcon.svg" alt="" > --> |
|
|
|
<div class="bgImg"></div> |
|
|
|
上传二维码</GuipButton> |
|
|
|
</el-upload> |
|
|
|
<p class="avatar-desc">支持 jpg、png 格式，大小不超过 2MB </p> |
|
|
|
<div class="flex mt12"> |
|
|
|
<img v-if="siteInfo.qq_qrcode_path" :src="siteInfo.wx_qrcode_path" class="kefuImg mr-12"> |
|
|
|
<div class="qqCode-wrap"> |
|
|
|
<el-upload class="avatar-uploader mt12" accept=".jpg" |
|
|
|
:on-change="handleQQkfChange" action="#" :multiple="false" |
|
|
|
:limit="Number(1)" ref="avatorUpload" |
|
|
|
:auto-upload="false"> |
|
|
|
<GuipButton class="upload-button" type="ignore" :btnstyle="{width:'133px'}"> |
|
|
|
<div class="bgImg"></div> |
|
|
|
<span v-if="siteInfo.wx_qrcode_path">重新上传</span> |
|
|
|
<span v-else>上传二维码</span> |
|
|
|
</GuipButton> |
|
|
|
</el-upload> |
|
|
|
<p class="avatar-desc">仅支持JPG格式，图片尺寸不大于200px * 200px </p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-line"></div> |
|
|
|
<div class="flex-right"> |
|
|
|
<p class="flex-left-desc">微信客服</p> |
|
|
|
<div class="flex mt12"> |
|
|
|
<img v-if="imageUrl1" :src="imageUrl1" class="kefuImg"> |
|
|
|
<img e-else src="@/assets/site/kefuTem.png" alt="" class="kefuImg"> |
|
|
|
<img v-if="siteInfo.wx_qrcode_path" :src="siteInfo.wx_qrcode_path" class="kefuImg mr-12"> |
|
|
|
<div class="qqCode-wrap right"> |
|
|
|
<el-upload class="avatar-uploader" accept=".jpg,.png" |
|
|
|
action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" |
|
|
|
:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> |
|
|
|
<GuipButton type="ignore" :btnstyle="{width:'118px'}"> |
|
|
|
<!-- <img src="@/assets/site/uploadIcon.svg" alt="" > --> |
|
|
|
<el-upload class="avatar-uploader" accept=".jpg" |
|
|
|
:on-change="handleWxkfChange" action="#" :multiple="false" |
|
|
|
:limit="Number(1)" ref="avatorUpload" |
|
|
|
:auto-upload="false"> |
|
|
|
<GuipButton class="upload-button" type="ignore" :btnstyle="{width:'118px'}"> |
|
|
|
<div class="bgImg"></div> |
|
|
|
重新上传 |
|
|
|
<span v-if="siteInfo.wx_qrcode_path">重新上传</span> |
|
|
|
<span v-else>上传二维码</span> |
|
|
|
</GuipButton> |
|
|
|
</el-upload> |
|
|
|
<p class="avatar-desc">支持 jpg、png 格式，大小不超过 2MB </p> |
|
|
|
<p class="avatar-desc">仅支持JPG格式，图片尺寸不大于200px * 200px </p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<GroupFormBtns @cancel="cancelClick" @confirm="updateSitWebCustomerService()" /> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="报告页客服" name="web_report_page_customer_service"> |
|
|
|
<div class="flex-wrap"> |
|
|
|
<div class="flex-left"> |
|
|
|
<p class="flex-left-desc">微信客服</p> |
|
|
|
<div class="flex mt12"> |
|
|
|
<img v-if="imageUrl2" :src="imageUrl2" class="kefuImg"> |
|
|
|
<img e-else src="@/assets/site/kefuTem.png" alt="" class="kefuImg"> |
|
|
|
<img v-if="siteInfo.wxqrcode_report_path" :src="siteInfo.wxqrcode_report_path" class="kefuImg mr-12"> |
|
|
|
<div class="qqCode-wrap right"> |
|
|
|
<el-upload class="avatar-uploader" accept=".jpg,.png" |
|
|
|
action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" |
|
|
|
:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> |
|
|
|
<GuipButton type="ignore" :btnstyle="{width:'118px'}"> |
|
|
|
<!-- <img src="@/assets/site/uploadIcon.svg" alt="" > --> |
|
|
|
<el-upload class="avatar-uploader" accept=".jpg" |
|
|
|
:on-change="handleReportkfChange" action="#" :multiple="false" |
|
|
|
:limit="Number(1)" ref="avatorUpload" |
|
|
|
:auto-upload="false"> |
|
|
|
<GuipButton class="upload-button" type="ignore" :btnstyle="{width:'118px'}"> |
|
|
|
<div class="bgImg"></div> |
|
|
|
重新上传 |
|
|
|
<span v-if="siteInfo.wx_qrcode_path">重新上传</span> |
|
|
|
<span v-else>上传二维码</span> |
|
|
|
</GuipButton> |
|
|
|
</el-upload> |
|
|
|
<p class="avatar-desc">支持 jpg、png 格式，大小不超过 2MB </p> |
|
|
|
<p class="avatar-desc">仅支持JPG格式，图片尺寸不大于200px * 200px </p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-line borderNone"></div> |
|
|
|
<div class="flex-right"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<GroupFormBtns @cancel="cancelClick" @confirm="updateSiteReportCustomerService()" /> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="支付账单客服" name="web_wx_customer_service"> |
|
|
|
<div class="flex-wrap"> |
|
|
|
@ -112,10 +119,10 @@ |
|
|
|
<div class="flex-line borderNone"></div> |
|
|
|
<div class="flex-right"></div> |
|
|
|
</div> |
|
|
|
<GroupFormBtns @cancel="cancelClick" @confirm="updateSiteCustomerService(siteInfo)" /> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</el-form> |
|
|
|
<GroupFormBtns @cancel="cancelClick" @confirm="updateSiteCustomerService(siteInfo)" /> |
|
|
|
</div> |
|
|
|
<div class="siteMessage flex-common mt12" id="siteMessage6"> |
|
|
|
<h3>功能显隐</h3> |
|
|
|
@ -177,7 +184,7 @@ |
|
|
|
<span>查重60分钟内不可提交重复内容，AI产品3分钟内不能重复提交</span> |
|
|
|
<GuipSwitch :modelValue="siteInfo.is_allow_repeat_submit" :active-value="1" :inactive-value="0" activeText="开" inactiveText="关" @change="updateSiteRepeatSubmitConfig"></GuipSwitch> |
|
|
|
</div> |
|
|
|
<el-checkbox-group v-model="siteInfo.repeat_submit_fields" class="checkboxGroup"> |
|
|
|
<el-checkbox-group v-model="repeatSubmitFields" class="checkboxGroup" @change="updateSiteRepeatSubmitConfig"> |
|
|
|
<el-checkbox name="repeat_submit_fields" label="title">识别重复标题</el-checkbox> |
|
|
|
<el-checkbox name="repeat_submit_fields" label="author">识别重复作者</el-checkbox> |
|
|
|
<el-checkbox name="repeat_submit_fields" label="content">识别重复正文/辅助信息</el-checkbox> |
|
|
|
@ -226,7 +233,7 @@ export default { |
|
|
|
GuipSwitch, |
|
|
|
GuipToolTip, |
|
|
|
GroupFormBtns, |
|
|
|
GuipRadio |
|
|
|
GuipRadio, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -234,13 +241,15 @@ export default { |
|
|
|
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU', |
|
|
|
// 站点信息 |
|
|
|
siteInfo: [], |
|
|
|
formData:new FormData(), |
|
|
|
repeatSubmitFields: [], |
|
|
|
|
|
|
|
textObj: { |
|
|
|
'web_customer_service': '展示在网站右侧悬浮栏的客服，请至少设置1个', |
|
|
|
'web_report_page_customer_service': '展示在报告页右侧悬浮栏的客服，请至少设置1个', |
|
|
|
'web_customer_service': '展示在网站悬浮栏的客服，请至少设置1个', |
|
|
|
'web_report_page_customer_service': '展示在报告页悬浮栏的客服，请至少设置1个', |
|
|
|
'web_wx_customer_service': '显示在微信、支付宝账单详情中，方便用户联系' |
|
|
|
}, |
|
|
|
activeName: 'web_customer_service', |
|
|
|
customerServiceTab: 'web_customer_service', |
|
|
|
checkList1: ['识别重复辅助信息'], |
|
|
|
// 在线客服 |
|
|
|
personalForm3: { |
|
|
|
@ -291,7 +300,11 @@ export default { |
|
|
|
that.siteInfo.is_display_price = Number(response.data.is_display_price) |
|
|
|
that.siteInfo.is_display_submit_page_price = Number(response.data.is_display_submit_page_price) |
|
|
|
that.siteInfo.is_allow_repeat_submit = Number(response.data.is_allow_repeat_submit) |
|
|
|
console.log(that.siteInfo.is_allow_repeat_submit) |
|
|
|
if (response.data.repeat_submit_fields) { |
|
|
|
this.repeatSubmitFields = response.data.repeat_submit_fields |
|
|
|
} |
|
|
|
|
|
|
|
console.log(that.siteInfo.repeat_submit_fields, 'repeat_submit_fields') |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
@ -362,7 +375,7 @@ export default { |
|
|
|
this.$http('POST', '/agentnew/ajax_update_site_repeatsubmit_config', { |
|
|
|
uid: this.$route.query.uid, |
|
|
|
is_allow_repeat_submit: this.siteInfo.is_allow_repeat_submit==1 ? 0 : 1, |
|
|
|
repeat_submit_fields: this.siteInfo.repeat_submit_fields.join(',') |
|
|
|
repeat_submit_fields: this.repeatSubmitFields.join(',') |
|
|
|
}, { |
|
|
|
headers: { |
|
|
|
'Auth': this.token |
|
|
|
@ -393,6 +406,7 @@ export default { |
|
|
|
}, |
|
|
|
cancelClick() { |
|
|
|
console.log('quxiao'); |
|
|
|
this.getSiteInfo(); |
|
|
|
}, |
|
|
|
updateSiteCustomerService(row) { |
|
|
|
console.log(row, 'row'); |
|
|
|
@ -417,6 +431,74 @@ export default { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
}, |
|
|
|
updateSitWebCustomerService() { |
|
|
|
// for(let [key,value] of this.formData){ |
|
|
|
// console.log(key,value,'=====key'); |
|
|
|
// } |
|
|
|
this.formData.set('wangwang', this.siteInfo.wangwang) |
|
|
|
this.formData.set('uid', this.$route.query.uid) |
|
|
|
this.$http('POST', '/agentnew/ajax_update_site_kefu', |
|
|
|
this.formData |
|
|
|
, { |
|
|
|
headers: { |
|
|
|
'Auth': this.token, |
|
|
|
'Content-Type':'multipart/form-data' |
|
|
|
} |
|
|
|
}).then(response => { |
|
|
|
this.$nextTick(() => { |
|
|
|
if (response.status) { |
|
|
|
this.$Message.success(response.info); |
|
|
|
this.getSiteInfo(); |
|
|
|
} else { |
|
|
|
this.$Message.error(response.info); |
|
|
|
} |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
this.dialogVisibleCert = false; |
|
|
|
}, |
|
|
|
updateSiteReportCustomerService() { |
|
|
|
// for(let [key,value] of this.formData){ |
|
|
|
// console.log(key,value,'=====key'); |
|
|
|
// } |
|
|
|
this.formData.set('uid', this.$route.query.uid) |
|
|
|
this.$http('POST', '/agentnew/ajax_update_site_kefu', |
|
|
|
this.formData |
|
|
|
, { |
|
|
|
headers: { |
|
|
|
'Auth': this.token, |
|
|
|
'Content-Type':'multipart/form-data' |
|
|
|
} |
|
|
|
}).then(response => { |
|
|
|
this.$nextTick(() => { |
|
|
|
if (response.status) { |
|
|
|
this.$Message.success(response.info); |
|
|
|
this.getSiteInfo(); |
|
|
|
} else { |
|
|
|
this.$Message.error(response.info); |
|
|
|
} |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
this.dialogVisibleCert = false; |
|
|
|
}, |
|
|
|
handleQQkfChange(file, fileList) { |
|
|
|
console.log(file, fileList) |
|
|
|
let fileObj = file.raw |
|
|
|
this.formData.set('qq_qrcode', fileObj) |
|
|
|
}, |
|
|
|
handleWxkfChange(file, fileList) { |
|
|
|
console.log(file, fileList) |
|
|
|
let fileObj = file.raw |
|
|
|
this.formData.set('wxqrcode', fileObj) |
|
|
|
}, |
|
|
|
handleReportkfChange(file, fileList) { |
|
|
|
console.log(file, fileList) |
|
|
|
let fileObj = file.raw |
|
|
|
this.formData.set('wx_report_qrcode', fileObj) |
|
|
|
}, |
|
|
|
// 上传图片 |
|
|
|
handleAvatarSuccess(res, file) { |
|
|
|
this.imageUrl1 = URL.createObjectURL(file.raw); |
|
|
|
@ -435,7 +517,11 @@ export default { |
|
|
|
}, |
|
|
|
handleClick(tab, event) { |
|
|
|
console.log(tab, event); |
|
|
|
} |
|
|
|
}, |
|
|
|
// 监听单选框组变化 |
|
|
|
radioChange(data) { |
|
|
|
console.log(data, 'radio--data'); |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -455,6 +541,10 @@ export default { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.mr-12 { |
|
|
|
margin-right: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
.site-personal-wrap { |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
@ -564,9 +654,9 @@ export default { |
|
|
|
// flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
.qqCode-wrap.right { |
|
|
|
margin: 0 0 8px 12px; |
|
|
|
} |
|
|
|
// .qqCode-wrap.right { |
|
|
|
// margin: 0 0 8px 12px; |
|
|
|
// } |
|
|
|
|
|
|
|
.avatar-desc { |
|
|
|
/* regular/body3-Regular */ |
|
|
|
@ -584,6 +674,12 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.avatar-uploader{ |
|
|
|
.upload-button { |
|
|
|
border-radius: 4px; |
|
|
|
background: #F2F3F5; |
|
|
|
box-sizing: border-box; |
|
|
|
border: 1px solid #BABDC2; |
|
|
|
} |
|
|
|
.bgImg{ |
|
|
|
width: 20px; |
|
|
|
height: 16px; |
|
|
|
|
zq
4 days ago