源文件

2024-05-23 14:39:33 +08:00
commit a1128dd791
2997 changed files with 500069 additions and 0 deletions
--- a/jeepay-ui-manager/src/components/ChannelUser/ChannelUserModal.vue
+++ b/jeepay-ui-manager/src/components/ChannelUser/ChannelUserModal.vue
@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <a-modal v-model:visible="vdata.visible" title="自动获取渠道用户ID" :footer="null" :width="300" @ok="handleClose">
+      <div style="width:100%;margin-bottom:20px;text-align:center">
+        <div id="qrCodeUrl" style="width: 300px" class="qrcode" />
+        <QrcodeVue :value="vdata.qrImgUrl" :size="250" class="qrcode" />
+        <hr>
+        <span>{{ vdata.payText }}</span>
+      </div>
+    </a-modal>
+  </div>
+</template>
+<script setup lang="ts">
+import ReconnectingWebSocket from 'reconnectingwebsocket'
+// import vueQr from 'vue-qr'
+import QrcodeVue from 'qrcode.vue'
+import { getWebSocketPrefix, $getChannelUserQrImgUrl } from '@/api/manage'
+import { reactive, getCurrentInstance} from 'vue'
+
+// 获取全局函数
+const { $infoBox } = getCurrentInstance()!.appContext.config.globalProperties
+
+
+    const emit = defineEmits(['changeChannelUserId'])
+    const vdata  = reactive({
+      visible: false,
+      qrImgUrl: '',
+      payText: '', // 二维码底部描述文字
+      transferOrderWebSocket: null as any, // 支付订单webSocket对象 //TODO 修改了webSocket类型 
+      extObject: null // 扩展对象， 将原样返回。
+    })
+
+
+    // show
+   function showModal (appId, ifCode, extObject) {
+   
+      vdata.extObject = extObject
+      // 关闭上一个webSocket监听
+      if (vdata.transferOrderWebSocket) {
+      //  console.log( vdata.transferOrderWebSocket)
+        vdata.transferOrderWebSocket.close()
+      }
+
+      // 根据不同的支付方式，展示不同的信息
+      vdata.payText = ''
+      if (ifCode === 'wxpay') {
+        vdata.payText = '请使用微信客户端"扫一扫"'
+      } else if (ifCode === 'alipay') {
+        vdata.payText = '请使用支付宝客户端"扫一扫"'
+      }
+
+      // 当前客户端CID
+      const cid = appId + new Date().getTime()
+      // 获取二维码地址
+      $getChannelUserQrImgUrl(ifCode, appId, cid).then(res => {
+        //console.log( vdata.qrImgUrl,'11111111')
+        
+        vdata.qrImgUrl = res
+
+        vdata.visible = true // 打开弹窗
+
+        // 监听响应结果
+        vdata.transferOrderWebSocket = new ReconnectingWebSocket(getWebSocketPrefix() + '/api/anon/ws/channelUserId/' + appId + '/' + cid)
+        vdata.transferOrderWebSocket!.onopen = () => {}
+        vdata.transferOrderWebSocket!.onmessage = (msgObject) => {
+          emit('changeChannelUserId', { channelUserId: msgObject.data, extObject: vdata.extObject }) // 上层赋值
+          handleClose()
+        }
+      })
+    }
+  function  handleClose () {
+      if (vdata.transferOrderWebSocket) {
+        
+        
+        vdata.transferOrderWebSocket.close()
+      }
+      vdata.visible = false
+    }
+
+defineExpose({showModal})
+</script>
+<style lang="less" scoped>
+.describe {
+  img {
+    width: 30px;
+    height: 25px;
+  }
+}
+</style>