fix: 充值成功与记录页面增加联系客服，apikey教程更改

Yi.Ai.Vue3/src/pages/payResult/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ElButton, ElDivider } from 'element-plus';
-import { onMounted, ref } from 'vue';
+import { ElButton, ElDivider, ElMessage } from 'element-plus';
+import { computed, onMounted, ref } from 'vue';
 
 import { useRouter } from 'vue-router';
 
@@ -16,6 +16,9 @@ import { useSessionStore } from '@/stores/modules/session.ts';
 const userStore = useUserStore();
 const router = useRouter();
 const sessionStore = useSessionStore();
+const innerVisibleContact = ref(false);
+const showWechatFullscreen = ref(false);
+const showWxGroupFullscreen = ref(false);
 
 interface PayResult {
   out_trade_no: string;
@@ -107,6 +110,45 @@ function handleThirdPartyLogin(type: any) {
 function toHome() {
   router.replace('/');
 }
+
+const wxSrc = computed(
+  () => `${import.meta.env.VITE_WEB_BASE_API}/wwwroot/aihub/wx.png`,
+);
+const wxGroupQD = computed(
+  () => `${import.meta.env.VITE_WEB_BASE_API}/wwwroot/aihub/jlq.png`,
+);
+
+// 显示微信二维码全屏
+function showWechatFullscreenImage() {
+  showWechatFullscreen.value = true;
+}
+
+// 显示微信群二维码全屏
+function showWxGroupFullscreenImage() {
+  showWxGroupFullscreen.value = true;
+}
+
+// 关闭全屏图片
+function closeFullscreenImage() {
+  showWechatFullscreen.value = false;
+  showWxGroupFullscreen.value = false;
+}
+
+// 复制微信号
+function copyWechatId() {
+  navigator.clipboard.writeText('chengzilaoge520').then(() => {
+    ElMessage({
+      message: '微信号已复制到剪贴板',
+      type: 'success',
+      duration: 2000,
+    });
+  });
+}
+
+// 联系售后弹窗
+function contactCustomerService() {
+  innerVisibleContact.value = !innerVisibleContact.value;
+}
 </script>
 
 <template>
@@ -140,8 +182,12 @@ function toHome() {
       </div>
 
       <!-- 重新登录提示 -->
-      <div class="mb-4 text-gray-600">
-        开通 VIP 后，需要重新登录意社区生效
+      <!--      绿色背景 -->
+      <div class="mb-4 text-gray-600 ">
+        开通 VIP 后，需要重新登录意社区生效。<br>
+      </div>
+      <div v-if="false" class="order-info p-4 rounded-lg mb-4 bg-[#ffc406] mb-4 text-gray-600 ">
+        加入售后群获得更多专业支持！
       </div>
 
       <ElDivider content-position="center">
@@ -168,8 +214,64 @@ function toHome() {
           返回首页
         </ElButton>
       </div>
+
+      <ElButton
+        class="mt-6 w-full py-3 text-lg font-medium"
+        type="default"
+        size="large"
+        @click="contactCustomerService()"
+      >
+        联系客服获取售后支持
+      </ElButton>
     </div>
   </div>
+
+  <el-dialog
+    v-model="innerVisibleContact"
+    width="500"
+    title="售后支持"
+    append-to-body
+  >
+    <h3 class="text-lg font-bold mb-3">
+      请扫码加入微信交流群<br>
+      或添加站长微信加入售后群获取专属客服支持
+    </h3>
+    <div class="py-10 flex items-center justify-center space-x-2">
+      <span class="font-semibold">站长微信账号：</span>
+      <span id="wechat-id" class="text-blue-600 font-mono select-text">chengzilaoge520</span>
+
+      <span
+        class="cursor-pointer"
+        title="点击复制"
+        @click="copyWechatId"
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 opacity-70 hover:opacity-100" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v16h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 18H8V7h11v16z" />
+        </svg>
+      </span>
+    </div>
+
+    <div class="flex justify-center mb-4">
+      <div class="px-4">
+        <h4>站长微信(备注“AI”以便通过)</h4>
+        <img
+          :src="wxSrc"
+          class="w-50 py-5 h-70 border border-gray-200 rounded-lg shadow-md cursor-pointer hover:shadow-lg transition-transform hover:scale-105"
+          alt="微信二维码"
+        >
+      </div>
+      <div class="px-4">
+        <h4>微信交流群</h4>
+        <img
+          :src="wxGroupQD"
+          class="w-50  py-5 h-70 border border-gray-200 rounded-lg shadow-md cursor-pointer hover:shadow-lg transition-transform hover:scale-105"
+          alt="微信二维码"
+        >
+      </div>
+    </div>
+
+    <!-- 全屏放大二维码 -->
+  </el-dialog>
 </template>
 
 <style scoped lang="scss">