|
|
|
@ -39,7 +39,7 @@ |
|
|
|
<div class="left-pay-item "> |
|
|
|
<div class="flex-between"> |
|
|
|
<span>H5开关</span> |
|
|
|
<GuipSwitch v-model="siteInfo.is_open_h5" :active-value="1" :inactive-value="0" activeText="开" inactiveText="关" @change="updateSiteH5Status"></GuipSwitch> |
|
|
|
<GuipSwitch v-if="siteWxpayInfo.appid" v-model="siteInfo.is_open_h5" active-value="1" inactive-value="0" activeText="开" inactiveText="关" @change="updateSiteH5Status"></GuipSwitch> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="siteWxpayInfo.appid"> |
|
|
|
@ -177,6 +177,51 @@ |
|
|
|
</el-form> |
|
|
|
<GroupFormBtns @cancel="cancelClick" @confirm="updateSiteXcxBind()" /> |
|
|
|
</div> |
|
|
|
<div class="siteMessage flex-common mt12" id="siteMessage15"> |
|
|
|
<h3 class="flex">手机浏览器 <span class="flex ml-8" @click="showWhatIsWap=true"><img class="ml-8" src="@/assets/site/form_qua_ic.svg" alt=""><span class="ml-8">什么是手机浏览器</span></span></h3> |
|
|
|
<el-drawer title="什么是手机浏览器" size="20%" :visible.sync="showWhatIsWap" direction="rtl" :append-to-body="true"> |
|
|
|
<div class="desc mx-24"> |
|
|
|
<p class="flex desc-title"><img class="mr-16" src="@/assets/msg.svg" alt="">说明</p> |
|
|
|
<p class="flex desc-cont">开启手机浏览器后，手机浏览器访问站点链接时自动切换至H5模式</p> |
|
|
|
<p class="flex desc-title"><img class="mr-16" src="@/assets/msg.svg" alt="">注意</p> |
|
|
|
<p class="flex desc-cont">1.WAP网站暂时只支持支付宝收款</p> |
|
|
|
<p class="flex desc-cont">2.为保证正常收款，支付宝收款账号需开通手机网站支付功能</p> |
|
|
|
<p class="flex desc-title"><img class="mr-16" src="@/assets/msg.svg" alt="">如何开通？</p> |
|
|
|
<p class="flex desc-cont">前往快乐论文帮助中心查看相关指引。</p> |
|
|
|
<p class="flex desc-cont"> |
|
|
|
<a href="https://zhic.yuque.com/staff-chwecz/xhk8nt/kf989xo5k0lbbitf" class="flex" target="_blank"> |
|
|
|
<img style="margin-right: 5px;" src="@/assets/site/form_linkActive.svg" alt="">开通流程 |
|
|
|
</a> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</el-drawer> |
|
|
|
<div class="tip">为保证正常收款，请确定支付宝收款账号已开通手机网站支付功能</div> |
|
|
|
<el-form> |
|
|
|
<div class="flex-wrap"> |
|
|
|
<div class="flex-left"> |
|
|
|
<div class="left-pay-list mb24"> |
|
|
|
<div class="left-pay-item "> |
|
|
|
<div class="flex-between"> |
|
|
|
<span>手浏览器开关</span> |
|
|
|
<GuipSwitch v-if="siteAlipayInfo.appid" v-model="siteInfo.is_open_wap" active-value="1" inactive-value="0" activeText="开" inactiveText="关" @change="updateSiteWapStatus"></GuipSwitch> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="siteAlipayInfo.appid"> |
|
|
|
<p>支付宝收款账号：{{ siteAlipayInfo.appid }}（{{ siteAlipayInfo.short_name }}）</p> |
|
|
|
</div> |
|
|
|
<div v-else> |
|
|
|
<p>支付宝收款：未开启</p> |
|
|
|
<p class="flex"> |
|
|
|
<a href="#" class="flex mr-5" @click="goBindPay"><img class="mr-5" src="@/assets/site/form_linkActive.svg" alt="">去开启支付宝收款 </a> |
|
|
|
<span class="red">绑定支付宝收款后，才可使用</span> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<GuipDialog type="center" :dialogVisible="dialogVisibleMpAuth" title="授权微信公众号" confirmText="确认完成准备事项，去授权" cancelText="取消授权" :show-close-button="false" |
|
|
|
@ -287,12 +332,14 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
siteWxpayInfo: [], |
|
|
|
siteAlipayInfo: [], |
|
|
|
// 站点信息 |
|
|
|
siteInfo: [], |
|
|
|
xcxList: [], |
|
|
|
siteXcxList: [], |
|
|
|
dialogVisibleMpAuth: false, |
|
|
|
showWhatIsH5: false, |
|
|
|
showWhatIsWap: false, |
|
|
|
dialogVisibleAddXcx: false, |
|
|
|
dialogVisibleLookError: false, |
|
|
|
xcxFailReason: '', |
|
|
|
@ -313,6 +360,7 @@ export default { |
|
|
|
store.commit('SET_PAGETITLE', '移动端设置'); |
|
|
|
|
|
|
|
this.getSiteWxpayInfo(); |
|
|
|
this.getSiteAlipayInfo(); |
|
|
|
this.getSiteInfo(); |
|
|
|
this.getSiteXcxList(); |
|
|
|
this.getXcxList(); |
|
|
|
@ -330,7 +378,6 @@ export default { |
|
|
|
}).then(response => { |
|
|
|
this.$nextTick(() => { |
|
|
|
that.siteInfo = response.data |
|
|
|
that.siteInfo.is_open_h5 = Number(response.data.is_open_h5) |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
@ -349,6 +396,19 @@ export default { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getSiteAlipayInfo() { |
|
|
|
const that = this |
|
|
|
that.siteInfo = [] |
|
|
|
this.$http('POST', '/agentnew/ajax_get_site_alipay_info', { |
|
|
|
uid: this.$route.query.uid, |
|
|
|
}).then(response => { |
|
|
|
this.$nextTick(() => { |
|
|
|
that.siteAlipayInfo = response.data |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getXcxList() { |
|
|
|
this.$http('POST', '/agentnew/ajax_get_xcx_list', { |
|
|
|
// uid: this.$route.query.uid, |
|
|
|
@ -393,7 +453,22 @@ export default { |
|
|
|
this.$nextTick(() => { |
|
|
|
if (response.status) { |
|
|
|
this.$Message.success(response.info); |
|
|
|
this.getSiteInfo(); |
|
|
|
} else { |
|
|
|
this.$Message.error(response.info); |
|
|
|
} |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
}, |
|
|
|
updateSiteWapStatus() { |
|
|
|
this.$http('POST', '/agentnew/ajax_update_site_wap_config', { |
|
|
|
uid: this.$route.query.uid, |
|
|
|
status: this.siteInfo.is_open_wap |
|
|
|
}).then(response => { |
|
|
|
this.$nextTick(() => { |
|
|
|
if (response.status) { |
|
|
|
this.$Message.success(response.info); |
|
|
|
} else { |
|
|
|
this.$Message.error(response.info); |
|
|
|
} |
|
|
|
@ -406,7 +481,11 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
goBindPay() { |
|
|
|
window.open('/agent/siteBaseSetting?uid='+this.$route.query.uid, '_blank'); |
|
|
|
window.open(this.$router.resolve({ |
|
|
|
path: '/agent/siteBaseSetting', |
|
|
|
query: { uid: this.$route.query.uid }, |
|
|
|
hash: '#siteMessage3' |
|
|
|
}).href, '_blank'); |
|
|
|
}, |
|
|
|
// 弹框相关方法---start |
|
|
|
showMpAuth() { |
|
|
|
@ -582,6 +661,11 @@ export default { |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
.siteMessage-active { |
|
|
|
border: 1px solid #006AFF; |
|
|
|
box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12); |
|
|
|
} |
|
|
|
|
|
|
|
.left-pay-list { |
|
|
|
width: 100%; |
|
|
|
border-radius: 4px; |
|
|
|
|
