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

移动端设置

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

Write Preview
Loading…
Cancel
Save