🎨 style: formatter

src/views/demo/index.vue

@@ -1,33 +1,6 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref, watch } from 'vue'
 import * as ww from '@wecom/jssdk'
-import  { getWeiComQrCode, WeComLogin } from './api'
-import { useRoute } from 'vue-router'
-import { createWWLoginPanel } from '@wecom/jssdk'
-
-const route = useRoute();
-const code = ref('');
-
-watch(() => route.query, (newCode) => {
-  if (newCode) {
-    // code.value = newCode;
-    console.log('Authorization Code:', newCode);
-    // 这里可以添加更多处理code的逻辑
-  }
-}, {deep: true});
-
-defineProps(['code', 'state', 'redirect', 'params'])
-// const authCode = ref('')
-
-// const qrCodeUrl = ref('')
-// async function fetchQrCode() {
-//   try {
-//       const response = await getWeiComQrCode()
-//     qrCodeUrl.value= response.data
-//   } catch(error) {
-//       console.log('error:', error)
-//   }
-// }
+import { WeComLogin } from './api'
 
 function createWXQRCode() {
   ww.createWWLoginPanel({
@@ -36,9 +9,9 @@ function createWXQRCode() {
       login_type: 'CorpApp',
       appid: 'ww467ec1685e8262e6',
       agentid: '1000065',
-      redirect_uri : "http://amzads.zositechc.cn/web/",
+      redirect_uri: 'http://amzads.zositechc.cn/web/',
       state: 'Wechat',
-      scope : "snsapi_privateinfo",
+      scope: 'snsapi_privateinfo',
       redirect_type: 'callback',
     },
     onCheckWeComLogin({ isWeComLogin }) {
@@ -46,8 +19,7 @@ function createWXQRCode() {
     },
     onLoginSuccess({ code }) {
       console.log({ code })
-      const wecomCode = code
-      handleWeComLogin({ code: wecomCode, state: 'Wechat' })
+      handleWeComLogin({ code: code, state: 'Wechat' })
     },
     onLoginFail(err) {
       console.log(err)
@@ -57,48 +29,18 @@ function createWXQRCode() {
 
 async function handleWeComLogin(query) {
   try {
-      const response = await WeComLogin(query)
-  } catch(error) {
-      console.log('error:', error)
+    await WeComLogin(query)
+  } catch (error) {
+    console.log('error:', error)
   }
 }
-
-// function getQueryVariable(variable) {
-//   const query = window.location.search.substring(1)
-//   const vars = query.split('&')
-//   for (let i = 0; i < vars.length; i++) {
-//     const pair = vars[i].split('=')
-//     if (decodeURIComponent(pair[0]) === variable) {
-//       return decodeURIComponent(pair[1])
-//     }
-//   }
-//   console.log('Query variable %s not found', variable)
-// }
-//
-// // 页面加载完毕后调用这些函数来获取code和state
-// window.onload = function () {
-//   const code = getQueryVariable('code')
-//   const state = getQueryVariable('state')
-//   console.log('Code:', code)
-//   console.log('State:', state)
-// }
-
 </script>
 
 <template>
   <div>
     <el-button type="primary" @click="createWXQRCode" class="m-2.5">发送</el-button>
   </div>
-  <div id="wx_qrcode" style="height: 300px; width: 300px;"></div>
-  <!--<div>-->
-  <!--  <h1>Login</h1>-->
-  <!--  <p>Code: {{ code }}</p>-->
-  <!--  <p>State: {{ state }}</p>-->
-  <!--  <p>Redirect: {{ redirect }}</p>-->
-  <!--  <p>Params: {{ params }}</p>-->
-  <!--</div>-->
-  <!--<iframe :src="qrCodeUrl" style="height: 300px; width: 300px;"></iframe>-->
+  <div id="wx_qrcode" style="height: 300px; width: 300px"></div>
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>