feature(login): qq login

src/components/LoginDialog/LoginDialog.vue

@@ -103,6 +103,11 @@
             @click="login(loginRuleFormRef)"
             >登 录</el-button
           >
+          <!-- 其它登录方式 -->
+          <!-- <div class="other-login-box">
+            <el-divider> 其它方式 </el-divider>
+            <img @click="toQQLogin" src="@/assets/images/qq.png" alt="QQ登录" title="QQ登录" />
+          </div> -->
         </div>
         <!-- 注册登录浮窗切换 -->
         <div class="overlay-container">
@@ -323,6 +328,15 @@
   const signIn = () => {
     isSignUp.value = false;
   };
+
+  // qq登录
+  // const toQQLogin = () => {
+  //   window.open(
+  //     'oauth/index.php',
+  //     'TencentLogin',
+  //     'width=450,height=320,menubar=0,scrollbars=1,resizable=1,status=1,titlebar=0,toolbar=0,location=1'
+  //   );
+  // };
 </script>
 <style lang="scss" scoped>
   .login-dialog-form-box {
@@ -557,6 +571,20 @@
         color: #ff4b2b;
       }
     }
+
+    .other-login-box {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      img {
+        cursor: pointer;
+        transition: all 0.3s;
+        &:hover {
+          opacity: 0.8;
+        }
+      }
+    }
   }
 </style>
 <style lang="scss">

src/http/api/user.ts

@@ -123,3 +123,12 @@ export const updatePersonInfoAsync: any = (data: any) => {
     data: data
   });
 };
+
+// QQ登录
+export const qqLoginASync: any = (params: any) => {
+  return http.request({
+    url: 'https://graph.qq.com/oauth2.0/authorize',
+    method: 'get',
+    params: params
+  });
+};

src/router/index.ts

@@ -36,6 +36,8 @@ const SoftDetail = () => import('@/views/softDetail/index.vue');
 // 网站分享
 const WebsiteShare = () => import('@/views/websiteShare/index.vue');
 const WebsiteDetail = () => import('@/views/websiteDetail/index.vue');
+// QQ登录临时审核页面
+const QQLogin = () => import('@/views/QQLoginTemp/qqLogin.vue');
 
 // 图片压缩
 const ImgCompress = () => import('@/views/imgCompress/index.vue');
@@ -276,6 +278,17 @@ const routes: Array<RouteRecordRaw> = [
     },
     component: WebsiteDetail
   },
+  {
+    path: '/QQLogin',
+    name: 'QQLogin',
+    meta: {
+      title: '网站详情',
+      keepAlive: true,
+      isShowComNav: true,
+      requireLogin: false
+    },
+    component: QQLogin
+  },
   {
     path: '/imgCompress',
     name: 'ImgCompress',

src/views/QQLoginTemp/qqLogin.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="qq-login-temp">
+    <span>qq登录</span>
+    <img src="@/assets/images/qq.png" alt="QQ登录" title="QQ登录" @click="qqLogin" />
+  </div>
+</template>
+<script lang="ts" setup>
+  import { qqLoginASync } from '@/http/api/user';
+  const qqLogin = async () => {
+    const params = {
+      response_type: 'code',
+      client_id: '102066932',
+      redirect_uri: encodeURI('https://91huajian.cn/person'),
+      state: 'hello'
+    };
+    const data = await qqLoginASync(params);
+    console.log(data);
+  };
+</script>
+<style lang="scss" scoped>
+  .qq-login-temp {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 200px;
+    width: 100%;
+  }
+</style>

src/views/person/integralDetail/components/OrderList.vue

@@ -11,8 +11,6 @@
       </el-table-column>
       <el-table-column prop="totalAmount" label="订单金额" />
       <el-table-column prop="buyerPayAmount" label="实付金额" />
-      <el-table-column prop="receiptAmount" label="实收金额" />
-
       <el-table-column prop="createDate" label="创建日期" :width="180">
         <template #default="scope">
           <div>