rainbro 4 weeks ago
parent
commit
261dee4a40
  1. 11
      src/components/paymentMethod.vue
  2. 86
      src/views/agent/siteBaseSetting.vue

11
src/components/paymentMethod.vue

@ -2,7 +2,7 @@
<div class="payment-wrap"> <div class="payment-wrap">
<draggable v-model="list" @start="drag=true" @end="onEnd" :move="checkMove" handle=".drag-handle" > <draggable v-model="list" @start="drag=true" @end="onEnd" :move="checkMove" handle=".drag-handle" >
<div class="payment-item" v-for="(item, index) in list" :key="item.name"> <div class="payment-item" v-for="(item, index) in list" :key="item.name">
<dl :class="index === list.length - 1 ? '' : 'drag-handle'"> <dl :class="index === list.length - 1 && item.pay_type === 1 ? '' : 'drag-handle'">
<img v-if="item.pay_type === 0" src="@/assets/register/taobao.svg" alt=""> <img v-if="item.pay_type === 0" src="@/assets/register/taobao.svg" alt="">
<img v-if="item.pay_type === 1" src="@/assets/register/card_pay.png" alt=""> <img v-if="item.pay_type === 1" src="@/assets/register/card_pay.png" alt="">
<img v-if="item.pay_type === 2" src="@/assets/register/weixin.svg" alt=""> <img v-if="item.pay_type === 2" src="@/assets/register/weixin.svg" alt="">
@ -56,10 +56,11 @@ export default {
checkMove(evt) { checkMove(evt) {
// //
const targetIndex = this.list.length - 1; // 1 const targetIndex = this.list.length - 1; // 1
// if(evt.draggedContext.index == targetIndex && evt.draggedContext.element.pay_type == 1) {
// console.log(evt.relatedContext.index === evt.draggedContext.index,targetIndex === evt.draggedContext.index,'0000targetIndex00'); return false;//
if ((evt.relatedContext.index === targetIndex) || (targetIndex === evt.draggedContext.index)) { }
return false; // if (evt.relatedContext.index === targetIndex && this.list[targetIndex].pay_type == 1) {
return false;//
} }
return true; // return true; //
} }

86
src/views/agent/siteBaseSetting.vue

@ -33,7 +33,7 @@
<div class="siteMessage flex-common" id="siteMessage2"> <div class="siteMessage flex-common" id="siteMessage2">
<h3>域名设置</h3> <h3>域名设置</h3>
<p class="flex siteMessage5_desc"> <img src="@/assets/tip_blue.svg" alt="">当前站点域名{{ siteInfo.domain }}</p> <p class="flex siteMessage5_desc"> <img src="@/assets/tip_blue.svg" alt="">当前站点域名{{ siteInfo.domain }}</p>
<el-form> <el-form ref="domainFormRef" :rules="domainRules" :model="domainData">
<div class="flex-wrap"> <div class="flex-wrap">
<div class="flex-left"> <div class="flex-left">
<p class="flex-left-desc">域名来源</p> <p class="flex-left-desc">域名来源</p>
@ -43,15 +43,15 @@
</div> </div>
<div class="flex-line"></div> <div class="flex-line"></div>
<div class="flex-right"> <div class="flex-right">
<domainBind v-if="domainType==2" label="修改域名" @handleEvent="handleEvent2" /> <domainBind v-if="domainType==2" ref="domainBind" :defaultPrefix="domainPrefix" :defaultDomain="domainName" label="修改域名" @handleEvent="handleEvent2" />
<div v-if="domainType==1"> <div v-if="domainType==1">
<p class="flex-left-desc">修改域名</p> <p class="flex-left-desc">修改域名</p>
<GuipInput class="mt12" v-model="domainPrefix"> <GuipInput class="mt12 w540" v-model="domainPrefix" prop="domainPrefix" :rules="domainRules.domainPrefix" @change="domainChange">
<!-- <span slot="prependshow">http:</span> --> <!-- <span slot="prependshow">http:</span> -->
<!-- <img slot="prefix" src="../assets/radio_checked.svg" alt=""> --> <!-- <img slot="prefix" src="../assets/radio_checked.svg" alt=""> -->
<!-- 输入框后面小图标 -事件自定义 --> <!-- 输入框后面小图标 -事件自定义 -->
<i slot="suffix" class="el-icon-close" @click="handleClear"></i> <i slot="suffix" v-if="domainPrefix" class="el-icon-close" @click="handleClear"></i>
<!-- <img slot="suffix" src="../assets/radio_nochecked.svg" alt="" @click="handleClear"> --> <!-- <img slot="suffix" src="../assets/radio_nochecked.svg" alt="" @click="handleClear"> -->
<!-- 这个 appendshow 宽度 居中方式 自定义添加类名修改--> <!-- 这个 appendshow 宽度 居中方式 自定义添加类名修改-->
@ -384,7 +384,16 @@ export default {
domainType: 0, domainType: 0,
domainTypes: [], domainTypes: [],
domainPrefix: '', domainPrefix: '',
domainName: '',
siteDomain: '', siteDomain: '',
domainData: {
domainPrefix: ''
},
domainRules: {
domainPrefix: [
{ required: true, message: '请设置站点域名', trigger: [] }
],
},
} }
}, },
computed: { computed: {
@ -505,6 +514,8 @@ export default {
this.domainType = String(that.siteInfo.domain_type); this.domainType = String(that.siteInfo.domain_type);
this.domainTypes = that.siteInfo.domain_types; this.domainTypes = that.siteInfo.domain_types;
this.siteDomain = response.data.domain; this.siteDomain = response.data.domain;
this.domainPrefix = response.data.domain_prefix
this.domainName = response.data.domain_name
if ( if (
response.data && response.data &&
@ -514,7 +525,6 @@ export default {
this.bindWxpayId = response.data.site_pays[this.payTypeWeixin].payid; this.bindWxpayId = response.data.site_pays[this.payTypeWeixin].payid;
this.selectWxpay = response.data.site_pays[this.payTypeWeixin]; this.selectWxpay = response.data.site_pays[this.payTypeWeixin];
} }
console.log(this.selectWxpay, 'selectWxpay');
if ( if (
response.data && response.data &&
@ -630,6 +640,9 @@ export default {
console.log(this.domainType, 'this.domainType'); console.log(this.domainType, 'this.domainType');
console.log(typeof this.domainType, 'domainTypeChange'); console.log(typeof this.domainType, 'domainTypeChange');
}, },
domainChange(){
this.domainData.domainPrefix = this.domainPrefix
},
onSwitchChange(data) { onSwitchChange(data) {
console.log(data, '---'); console.log(data, '---');
}, },
@ -675,15 +688,14 @@ export default {
}) })
}, },
handleEvent(data) { handleEvent(data) {
console.log(data, 'handleEvent');
this.isShowAddPay = data this.isShowAddPay = data
}, },
handleEvent2(data) { handleEvent2(data) {
console.log(data, 'handleEvent2');
this.siteDomain = data.prefix + data.domain; this.siteDomain = data.prefix + data.domain;
this.domainPrefix = data.prefix
this.domainName = data.domain
}, },
handleClear(value) { handleClear() {
console.log(value, 'value===qinghcu');
this.domainPrefix = ''; this.domainPrefix = '';
}, },
updateSiteDomain() { updateSiteDomain() {
@ -694,27 +706,48 @@ export default {
domain = this.siteDomain; domain = this.siteDomain;
} }
this.$http('POST', '/agentnew/ajax_update_site_domain', { const that = this
uid: this.$route.query.uid, let formValid = false;
domain: domain, that.$refs.domainFormRef.validate((valid) => {
}).then(response => { formValid = valid
this.$nextTick(() => { });
if (response.status) {
this.$Message.success(response.info); let domainValid = false;
this.getSiteInfo(); if(this.domainType === '2'){
} else { that.$refs.domainBind.$refs.bindFormRef.validate(valid => {
this.$Message.error(response.info); domainValid = valid
}
}) })
}).catch(error => { }else{
console.error(error, 'error') domainValid = true
}) }
if(formValid && domainValid){
this.$http('POST', '/agentnew/ajax_update_site_domain', {
uid: this.$route.query.uid,
domain: domain,
}).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')
})
}
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.w540{
width: 540px;
}
.pageheader { .pageheader {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -840,4 +873,11 @@ export default {
justify-content: flex-start; justify-content: flex-start;
} }
} }
::v-deep{
.el-input-group__append{
width: 175px;
letter-spacing: 0.08em;
}
}
</style> </style>
Loading…
Cancel
Save