zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

移动端设置

master
rainbro 7 hours ago
parent
9438d62975
commit
a351570ff0
2 changed files with 70 additions and 15 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/assets/question_red.svg
  2. 84
      src/views/agent/siteMobileSetting.vue

1
src/assets/question_red.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g style="opacity:0.699999988079071;"><g><path d="M7.99997,1C4.13397,1,1,4.13402,1,8.000029999999999C1,11.8661,4.13397,15.0001,7.99997,15.0001C11.866,15.0001,15,11.8661,15,8.000060000000001C15,4.13405,11.8661,1,7.99997,1ZM8.679310000000001,12.0393C8.679310000000001,12.2326,8.522649999999999,12.3894,8.32932,12.3894L7.27931,12.3894C7.08606,12.3894,6.92934,12.2326,6.92934,12.0393L6.92934,10.98936C6.92934,10.79601,7.08606,10.63931,7.27931,10.63931L8.32932,10.63931C8.522639999999999,10.63931,8.679310000000001,10.79599,8.679310000000001,10.98936L8.679310000000001,12.0393ZM10.41428,7.22158C10.2736,7.42218,9.95427,7.67778,9.5545,7.98942L9.11148,8.29514C8.89631,8.46204,8.70548,8.65635,8.63491,8.878820000000001C8.61079,8.95462,8.59272,9.07919,8.58056,9.21373C8.57443,9.28143,8.51387,9.41954,8.372309999999999,9.41954L7.2329,9.41954C7.0477,9.41954,7.01462,9.27448,7.01771,9.20352C7.03821,8.73845,7.08083,8.325569999999999,7.27031,8.103290000000001Q7.65395,7.65348,8.52686,7.0936C8.65976,6.99331,8.76736,6.88429,8.84873,6.76547C8.99666,6.5615,9.11939,6.33749,9.11939,6.09263C9.11939,5.8112,9.03711,5.55467,8.87201,5.32247C8.70748,5.09118,8.4061,4.97531,7.96939,4.97531C7.53948,4.97531,7.23474,5.118,7.05511,5.40325C6.9224,5.614,6.83885,5.80778,6.80426,6.01862C6.79195,6.09324,6.7441,6.25041,6.5846,6.25041L5.47332,6.25041C5.2367,6.25041,5.1846,6.09707,5.19143,6.02315C5.27709,5.09158,5.64113,4.45509,6.28481,4.046390000000001C6.7225,3.765,7.26099,3.62379,7.89974,3.62379C8.73906,3.62379,9.43578,3.82387,9.99123,4.224600000000001C10.5457,4.62477,10.82373,5.21775,10.82373,6.004C10.82378,6.48549,10.65479,6.89152,10.41428,7.22158L10.41428,7.22158Z" fill="#FF4D4F" fill-opacity="1"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

84
src/views/agent/siteMobileSetting.vue
View File

@ -70,13 +70,21 @@
<div class="flex-left">
<GuipFormItem column="column" class="combo-formItem w510" label="绑定微信小程序" required="">
<CustomDropdown slot="formDom" width="500px" v-model="bindWxXcxId" :options="xcxList[0]"
@change="changeBind" displayKey="name" valueKey="xcx_id" placeholder="请选择">
@change="changeBindWxXcx" displayKey="name" valueKey="xcx_id" placeholder="请选择">
<template #trigger>
<!-- 自定义触发元素 -->
<!-- 当前项需要单独的state存储一下 -->
<!-- 当前项需要单独的state存储一下 -->
<div v-if="bindWxXcxIdSelectItem" class="flex">
<span>{{ bindWxXcxIdSelectItem.name }}</span>
<div class="status-item divgreen"><span class="fontgreen">{{ bindWxXcxIdSelectItem.status_desc }}</span></div>
<span class="mr-12">{{ bindWxXcxIdSelectItem.name }}</span>
<div v-if="bindWxXcxIdSelectItem.status==4" class="status-item divgreen"><span class="fontgreen">{{ bindWxXcxIdSelectItem.status_desc }}</span></div>
<div v-else-if="bindWxXcxIdSelectItem.status==3" class="status-item divorange"><span class="fontorange">{{ bindWxXcxIdSelectItem.status_desc }}</span></div>
<div v-else-if="bindWxXcxIdSelectItem.status==5 || bindWxXcxIdSelectItem.status==0" class="status-item divgray"><span class="fontgray">{{ bindWxXcxIdSelectItem.status_desc }}</span></div>
<div v-else-if="bindWxXcxIdSelectItem.status==1 || bindWxXcxIdSelectItem.status==2" class="flex">
<div class="status-item divred mr-12">
<span class="fontred">{{ bindWxXcxIdSelectItem.status_desc }}</span>
</div>
<img src="@/assets/question_red.svg" alt="" class=" mr-5"> <span class="errtitle font12 fontgray" @click="lookError(bindWxXcxIdSelectItem.fail_reason)">失败原因</span>
</div>
</div>
<span v-else class="desc">请选择</span>
</template>
@ -102,7 +110,7 @@
<div class="status-item divred mr-12">
<span class="fontred">{{ item.status_desc }}</span>
</div>
<img src="@/assets/site/form_qua_ic.svg" alt="" class="flex mr-5"> <span @click="lookError">失败原因</span>
<img src="@/assets/question_red.svg" alt="" class=" mr-5"> <span class="errtitle font12 fontgray" @click="lookError(item.fail_reason)">失败原因</span>
</div>
</div>
<div class="flex appid">{{ item.appid }}</div>
@ -113,7 +121,24 @@
<div class="mt24">
<GuipFormItem column="column" class="combo-formItem w510" label="绑定支付宝小程序" required="">
<CustomDropdown slot="formDom" width="500px" v-model="bindAliXcxId" :options="xcxList[2]"
@change="changeBind1" displayKey="name" valueKey="xcx_id" placeholder="请选择">
@change="changeBindAliXcx" displayKey="name" valueKey="xcx_id" placeholder="请选择">
<template #trigger>
<!-- 自定义触发元素 -->
<!-- 当前项需要单独的state存储一下 -->
<div v-if="bindAliXcxIdSelectItem" class="flex">
<span class="mr-12">{{ bindAliXcxIdSelectItem.name }}</span>
<div v-if="bindAliXcxIdSelectItem.status==4" class="status-item divgreen"><span class="fontgreen">{{ bindAliXcxIdSelectItem.status_desc }}</span></div>
<div v-else-if="bindAliXcxIdSelectItem.status==3" class="status-item divorange"><span class="fontorange">{{ bindAliXcxIdSelectItem.status_desc }}</span></div>
<div v-else-if="bindAliXcxIdSelectItem.status==5 || bindAliXcxIdSelectItem.status==0" class="status-item divgray"><span class="fontgray">{{ bindAliXcxIdSelectItem.status_desc }}</span></div>
<div v-else-if="bindAliXcxIdSelectItem.status==1 || bindAliXcxIdSelectItem.status==2" class="flex">
<div class="status-item divred mr-12">
<span class="fontred">{{ bindAliXcxIdSelectItem.status_desc }}</span>
</div>
<img src="@/assets/question_red.svg" alt="" class=" mr-5"> <span class="errtitle font12 fontgray" @click="lookError(bindAliXcxIdSelectItem.fail_reason)">失败原因</span>
</div>
</div>
<span v-else class="desc">请选择</span>
</template>
<template #normal>
<div class="flex flex-between noraml-jump">
<div class="left">
@ -135,7 +160,7 @@
<div class="status-item divred mr-12">
<span class="fontred">{{ item.status_desc }}</span>
</div>
<img src="@/assets/site/form_qua_ic.svg" alt="" class="flex mr-5"> <span>失败原因</span>
<img src="@/assets/question_red.svg" alt="" class=" mr-5"> <span class="errtitle font12 fontgray" @click="lookError(item.fail_reason)">失败原因</span>
</div>
</div>
</template>
@ -223,6 +248,14 @@
</div>
</div>
</GuipDialog>
<GuipDialog :dialogVisible="dialogVisibleLookError" title="失败原因" confirmText="我知道了" cancelText="关闭" :show-close-button="false"
:show-cancel-button="false" @confirm="confirmErrinfo" @cancel="handleCancel"
@close="handleClose" @dialogVisibleChange="dialogVisibleChange">
<!-- 自定义内容 -->
<div class="errinfo divred">
<p class="mx-24 mt12 flex">{{ xcxFailReason }}</p>
</div>
</GuipDialog>
</div>
</template>
@ -258,18 +291,20 @@ export default {
siteWxpayInfo: [],
// 站点信息
siteInfo: [],
options: [],
xcxList: [],
siteXcxList: [],
dialogVisibleMpAuth: false,
showWhatIsH5: false,
dialogVisibleAddXcx: false,
dialogVisibleLookError: false,
xcxFailReason: '',
bindWxXcxId: 0,
bindAliXcxId: 0,
xcxAppsecret: '',
xcxType: '',
addXcxTitle: '',
bindWxXcxIdSelectItem:null
bindWxXcxIdSelectItem:null,
bindAliXcxIdSelectItem:null
}
},
created() {
@ -351,9 +386,11 @@ export default {
this.siteXcxList = response.data
if (this.siteXcxList && this.siteXcxList[0]) {
this.bindWxXcxId = this.siteXcxList[0].xcx_id
this.bindWxXcxIdSelectItem = this.siteXcxList[0]
}
if (this.siteXcxList && this.siteXcxList[2]) {
this.bindAliXcxId = this.siteXcxList[2].xcx_id
this.bindAliXcxIdSelectItem = this.siteXcxList[2]
}
console.log(this.bindWxXcxId, 'bindWxXcxId');
console.log(this.bindAliXcxId, 'bindAliXcxId');
@ -422,11 +459,13 @@ export default {
handleCancel() {
this.dialogVisibleMpAuth = false;
this.dialogVisibleAddXcx = false;
this.dialogVisibleLookError = false;
},
// 关闭弹框事件
handleClose() {
this.dialogVisibleMpAuth = false;
this.dialogVisibleAddXcx = false;
this.dialogVisibleLookError = false;
},
dialogVisibleChange(data) {
console.log(data, 'data098908090');
@ -494,26 +533,31 @@ export default {
console.error(error, 'error')
})
},
changeBind(item) {
changeBindWxXcx(item) {
this.bindWxXcxIdSelectItem = {...item}
// this.bindWxXcxId = item.xcx_id;
this.bindWxXcxId = item.xcx_id;
console.log(this.bindWxXcxId);
console.log(this.bindAliXcxId);
console.log(item);
},
changeBind1(item) {
// this.bindWxXcxId = item.xcx_id;
changeBindAliXcx(item) {
this.bindAliXcxIdSelectItem = {...item}
this.bindWxXcxId = item.xcx_id;
console.log(this.bindWxXcxId);
console.log(this.bindAliXcxId);
console.log(item);
},
lookError(e){
lookError(fail_reason, e){
// 阻止默认事件 防冒泡
if (e) {
e.preventDefault();
e.stopPropagation();
}
console.log('查看原因');
this.xcxFailReason = fail_reason;
this.dialogVisibleLookError = true;
},
confirmErrinfo() {
this.dialogVisibleLookError = false;
}
}
}
@ -765,6 +809,12 @@ a {
.fontgray {
color: #626573;
}
.font12 {
font-size: 12px;
}
.errtitle:hover {
color: #006AFF;
}
.status-item span {
@ -784,4 +834,8 @@ a {
color: #8A9099;
margin-top: 5px;
}
.errinfo {
width: 100%;
height:150px;
}
</style>

Write Preview
Loading…
Cancel
Save