update

src/components/AddCustomerServiceModal.vue

@@ -1,17 +1,19 @@
 <script setup>
-import {onMounted, reactive} from "vue";
+import {reactive, watch} from "vue";
 import XModal from "./XModal.vue";
-import XQrCode from "./XQrCode.vue";
 import Api from "../api/index.js";
 
 const show = defineModel('show');
 const detail = reactive({});
 
-onMounted(() => {
-    Api.system.getQrcode(1).then(({data}) => {
-        Object.assign(detail, data);
-    });
-});
+watch(
+    () => show.value,
+    (val) => {
+        if (val) Api.system.getQrcode(1).then(({data}) => {
+            Object.assign(detail, data);
+        });
+    },
+)
 </script>
 
 <template>

src/components/BindMsgModal.vue

@@ -1,13 +1,19 @@
 <script setup>
-import {onMounted} from "vue";
+import {watch, ref} from "vue";
 import XModal from "./XModal.vue";
-import XQrCode from "./XQrCode.vue";
+import Api from "../api/index.js";
 
 const show = defineModel('show');
+const qrCode = ref(null);
 
-onMounted(() => {
-
-});
+watch(
+    () => show.value,
+    (val) => {
+        if (val) Api.system.createQrcode().then(({data}) => {
+            qrCode.value = data.url;
+        })
+    }
+)
 </script>
 
 <template>
@@ -23,7 +29,8 @@ onMounted(() => {
 
             <view class="title">绑定</view>
             <view class="!mt-[24rpx] w-[320rpx] !mx-auto aspect-square">
-                <x-qr-code size="320rpx" :qrSize="180" content="公众号"></x-qr-code>
+                <image v-if="qrCode" class="!size-full" :src="qrCode"></image>
+                <tui-loading v-else type="row"></tui-loading>
             </view>
             <view class="desc !mt-[24rpx]">截图保存后，使用微信扫码并关注</view>
         </view>