From a351570ff00bfec17dc9f3f8bd3c5cea68c248ad Mon Sep 17 00:00:00 2001
From: rainbro <33367671@qq.com>
Date: Tue, 8 Jul 2025 16:24:18 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/question_red.svg           |  1 +
 src/views/agent/siteMobileSetting.vue | 84 ++++++++++++++++++++++++++++-------
 2 files changed, 70 insertions(+), 15 deletions(-)
 create mode 100644 src/assets/question_red.svg

diff --git a/src/assets/question_red.svg b/src/assets/question_red.svg
new file mode 100644
index 0000000..53b1dbf
--- /dev/null
+++ b/src/assets/question_red.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/agent/siteMobileSetting.vue b/src/views/agent/siteMobileSetting.vue
index 1c80122..d24c1aa 100644
--- a/src/views/agent/siteMobileSetting.vue
+++ b/src/views/agent/siteMobileSetting.vue
@@ -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>