From 281e672aee3db7fbcfc5eb5f848923b012ccd3ae Mon Sep 17 00:00:00 2001
From: xjs <xjs@ycymedu.com>
Date: Mon, 3 Mar 2025 12:22:37 +0800
Subject: [PATCH] =?UTF-8?q?index=20on=20master:=20a53bb07=20feat:=20?=
 =?UTF-8?q?=E7=99=BB=E9=99=86=E6=8B=A6=E6=88=AA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc-auto-import.json           |   4 +-
 env/.env                             |   2 +-
 src/components/bar/TabBar.vue        |   2 +-
 src/components/home/Consultation.vue |   2 +-
 src/components/login/LoginMask.vue   | 115 +++++++++++++++++++++++++++
 src/hooks/useUserInfo.ts             |  27 +++++++
 src/manifest.json                    |   2 +-
 src/pages.json                       |   8 +-
 src/pages/evaluation/index/index.vue |   1 -
 src/pages/expert/index/index.vue     |   2 +-
 src/pages/login/index.vue            |  36 ++++++++-
 src/service/index/api.ts             |   8 ++
 src/types/auto-import.d.ts           |   4 +
 13 files changed, 199 insertions(+), 14 deletions(-)
 create mode 100644 src/components/login/LoginMask.vue
 create mode 100644 src/hooks/useUserInfo.ts

diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
index 3ea8661..e7f4e30 100644
--- a/.eslintrc-auto-import.json
+++ b/.eslintrc-auto-import.json
@@ -121,6 +121,8 @@
     "newDetail": true,
     "newsDetail": true,
     "useNewsList": true,
-    "newsList": true
+    "newsList": true,
+    "useLogin": true,
+    "useWxInfo": true
   }
 }
diff --git a/env/.env b/env/.env
index d617cb2..7e90583 100644
--- a/env/.env
+++ b/env/.env
@@ -2,7 +2,7 @@ VITE_APP_TITLE = '六维志愿'
 VITE_APP_PORT = 9000
 
 VITE_UNI_APPID = 'H57F2ACE4'
-VITE_WX_APPID = 'wxa2abb91f64032a2b'
+VITE_WX_APPID = '__UNI__7AE2402'
 
 # h5部署网站的base，配置到 manifest.config.ts 里的 h5.router.base
 VITE_APP_PUBLIC_BASE=
diff --git a/src/components/bar/TabBar.vue b/src/components/bar/TabBar.vue
index 2c8084a..22fcd2a 100644
--- a/src/components/bar/TabBar.vue
+++ b/src/components/bar/TabBar.vue
@@ -3,7 +3,7 @@
     <view
       class="tabbar-item h-[100rpx] flex flex-col justify-center w-full items-center text-center"
       v-for="(item, index) in tabbarList"
-      :key="index"
+      :key="item.id"
       :class="[item.centerItem ? 'center-item' : '']"
       @click="changeItem(item)"
     >
diff --git a/src/components/home/Consultation.vue b/src/components/home/Consultation.vue
index 7b69e61..7a74e8d 100644
--- a/src/components/home/Consultation.vue
+++ b/src/components/home/Consultation.vue
@@ -18,7 +18,7 @@
         class="truncate flex flex-col py-[32rpx]"
         style="border-bottom: 2rpx solid #eee"
         v-for="item in newsList"
-        :key="item"
+        :key="item.id"
         @click="handleClick(item)"
       >
         <text class="truncate text-[28rpx] text-[#333333] font-normal mb-[16rpx] max-w-[80%]">
diff --git a/src/components/login/LoginMask.vue b/src/components/login/LoginMask.vue
new file mode 100644
index 0000000..fa685c1
--- /dev/null
+++ b/src/components/login/LoginMask.vue
@@ -0,0 +1,115 @@
+<template>
+  <wd-overlay :show="show" @click="handleClose">
+    <view
+      class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-[10071] flex flex-col items-center bg-white p-[40rpx] rounded-[32rpx]"
+    >
+      <image
+        class="w-[200rpx] h-[200rpx]"
+        src="https://api.static.ycymedu.com/images/logo.png"
+        mode="aspectFit"
+      ></image>
+      <view class="flex flex-col items-center">
+        <text class="text-[26rpx] mt-[20rpx] mb-[40rpx]" :selectable="false">
+          {{ phone ? '申请使用您的手机号' : '申请获取您的个人信息' }}
+        </text>
+        <wd-button
+          size="large"
+          custom-class="w-[493rpx] mb-[40rpx]"
+          @click="handleClick"
+          open-type="getPhoneNumber"
+          @getphonenumber="getPhoneNumber"
+        >
+          手机号快捷登录
+        </wd-button>
+
+        <view class="flex items-center flex-nowrap" @click="checked = true">
+          <wd-radio-group v-model="checked" custom-class="mr-10rpx">
+            <wd-radio :value="true" shape="dot"></wd-radio>
+          </wd-radio-group>
+          <view class="flex items-center">
+            <text class="text-[24rpx]">已阅读并同意《服务条款》和《隐私条款》</text>
+          </view>
+        </view>
+      </view>
+      <wd-toast />
+    </view>
+  </wd-overlay>
+</template>
+
+<script lang="ts" setup>
+import { useToast } from 'wot-design-uni'
+import { useLogin, useWxInfo } from '@/hooks/useUserInfo'
+import { getSessionKey } from '@/service/index/api'
+import { useUserStore } from '@/store'
+
+const props = defineProps({
+  show: {
+    type: Boolean,
+    default: false,
+  },
+})
+defineOptions({
+  options: {
+    styleIsolation: 'shared',
+  },
+})
+
+const emits = defineEmits(['update:close'])
+const toast = useToast()
+const userStore = useUserStore()
+
+const handleClose = () => {
+  emits('update:close', false)
+}
+
+const phone = ref(true) // 手机号登陆
+const checked = ref(false) // 是否同意条款
+const getPhoneInfo = ref(null)
+
+const getPhoneNumber = async (e: any) => {
+  if (e.errMsg == 'getPhoneNumber:ok') {
+    let _getPhoneInfo = {
+      iv: e.iv,
+      encryptedData: e.encryptedData,
+      code: e.code,
+    }
+    getPhoneInfo.value = _getPhoneInfo
+    getUserInfo(e.code)
+    // this.phone = false
+  } else if (e.errMsg == 'getPhoneNumber:fail not login') {
+    toast.warning('请先登录')
+  } else {
+    toast.warning('获取手机号失败')
+  }
+}
+
+const handleClick = () => {
+  if (!checked.value) {
+    toast.warning('您需先同意《服务条款》和《隐私条款》')
+  }
+}
+
+const getUserInfo = async (code: string) => {
+  let userInfo = (await useLogin()) as { code: string; errMsg: string }
+  console.log(userInfo)
+
+  if (userInfo.errMsg == 'login:ok') {
+    const resp = await getSessionKey({ JsCode: userInfo.code })
+    if (resp.code == 200) {
+    }
+    // useWxInfo({ code, OpenId: (resp.result as { openId: string }).openId })
+  } else {
+    toast.warning('您需先授权')
+  }
+}
+
+const parsePhoneNumber = (code: string, openId: string) => {
+  // 解析手机号
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.wd-radio) {
+  --wot-radio-margin: 0;
+}
+</style>
diff --git a/src/hooks/useUserInfo.ts b/src/hooks/useUserInfo.ts
new file mode 100644
index 0000000..41c27d0
--- /dev/null
+++ b/src/hooks/useUserInfo.ts
@@ -0,0 +1,27 @@
+import { getWxInfo } from '@/service/index/api'
+
+//uniapp 登陆获取用户信息
+export const useLogin = () => {
+  return new Promise(function (resolve, reject) {
+    uni.login({
+      success: function (res) {
+        if (res.code) {
+          resolve(res)
+        } else {
+          reject(res)
+        }
+      },
+      fail: function (err) {
+        reject(err)
+      },
+    })
+  })
+}
+
+export const useWxInfo = ({ code, OpenId }) => {
+  getWxInfo({ code, OpenId }).then((res) => {
+    if (res.code === 200) {
+      console.log(res.result)
+    }
+  })
+}
diff --git a/src/manifest.json b/src/manifest.json
index ec70944..3f4a4a7 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -55,7 +55,7 @@
   },
   "quickapp": {},
   "mp-weixin": {
-    "appid": "wxa2abb91f64032a2b",
+    "appid": "__UNI__7AE2402",
     "setting": {
       "urlCheck": false
     },
diff --git a/src/pages.json b/src/pages.json
index cd9feb4..9eb50af 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -60,7 +60,10 @@
     {
       "path": "pages/login/index",
       "type": "page",
-      "style": {}
+      "style": {
+        "navigationStyle": "custom",
+        "navigationBarTitleText": "新高考选科"
+      }
     },
     {
       "path": "pages/aiService/index/index",
@@ -70,7 +73,6 @@
     {
       "path": "pages/evaluation/index/index",
       "type": "page",
-      "layout": "demo",
       "style": {
         "navigationBarTitleText": "测评师"
       },
@@ -79,7 +81,7 @@
     {
       "path": "pages/expert/index/index",
       "type": "page",
-      "layout": "demo",
+      "layout": "pages",
       "style": {
         "navigationBarTitleText": "测评师"
       },
diff --git a/src/pages/evaluation/index/index.vue b/src/pages/evaluation/index/index.vue
index 4867d17..48e94c5 100644
--- a/src/pages/evaluation/index/index.vue
+++ b/src/pages/evaluation/index/index.vue
@@ -1,6 +1,5 @@
 <route lang="json5" type="page">
 {
-  layout: 'demo',
   style: {
     navigationBarTitleText: '测评师',
   },
diff --git a/src/pages/expert/index/index.vue b/src/pages/expert/index/index.vue
index 14c88b2..b1a6187 100644
--- a/src/pages/expert/index/index.vue
+++ b/src/pages/expert/index/index.vue
@@ -1,6 +1,6 @@
 <route lang="json5" type="page">
 {
-  layout: 'demo',
+  layout: 'pages',
   style: {
     navigationBarTitleText: '测评师',
   },
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index fdc69c1..a086cf0 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -1,12 +1,40 @@
+<route lang="json5" type="page">
+{
+  style: {
+    navigationStyle: 'custom',
+    navigationBarTitleText: '新高考选科',
+  },
+}
+</route>
+
 <template>
-  <view class="login">
-    <view class="logo">
+  <view class="h-screen flex flex-col">
+    <wd-navbar safeAreaInsetTop custom-class="bg-transparent!" :bordered="false" fixed>
+      <template #title>
+        <text class="text-[#1F2329] text-[36rpx] font-medium">新高考选科</text>
+      </template>
+    </wd-navbar>
+    <view class="flex flex-col justify-center items-center flex-1 pb-safe">
       <image
-        class="pic"
+        class="w-[424rpx] h-[424rpx]"
         src="https://api.static.ycymedu.com/images/logo.png"
         mode="aspectFit"
       ></image>
+      <wd-button @click="handleLogin">立即登陆</wd-button>
     </view>
-    <view style="width: 360rpx" class="w-[360rpx]">登陆</view>
+    <LoginMask v-bind:show="show" />
   </view>
 </template>
+
+<script setup lang="ts">
+import { useUserStore } from '@/store/user'
+import LoginMask from '@/components/login/LoginMask.vue'
+
+const userStore = useUserStore()
+const { token } = userStore.userInfo as unknown as IUserInfo
+const show = ref(false)
+
+const handleLogin = () => {
+  show.value = true
+}
+</script>
diff --git a/src/service/index/api.ts b/src/service/index/api.ts
index 0b8105e..91c576f 100644
--- a/src/service/index/api.ts
+++ b/src/service/index/api.ts
@@ -64,3 +64,11 @@ export const getNewsList = (params: {
 }) => {
   return http.get('/api/ZyNews/newsPage', params)
 }
+
+export const getSessionKey = (params: { JsCode: string }) => {
+  return http.get('/api/sysWxOpen/wxOpenId', params)
+}
+
+export const getWxInfo = (params: { code: string; OpenId: string }) => {
+  return http.get('/api/weChatUserEx/wxInfo', params)
+}
diff --git a/src/types/auto-import.d.ts b/src/types/auto-import.d.ts
index d01f6fa..ec4b004 100644
--- a/src/types/auto-import.d.ts
+++ b/src/types/auto-import.d.ts
@@ -94,6 +94,7 @@ declare global {
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVars: typeof import('vue')['useCssVars']
   const useId: typeof import('vue')['useId']
+  const useLogin: typeof import('../hooks/useUserInfo')['useLogin']
   const useModel: typeof import('vue')['useModel']
   const useNatureList: typeof import('../hooks/useFilterSchool')['useNatureList']
   const useNavbarWeixin: typeof import('../hooks/useNavbarWeixin')['default']
@@ -109,6 +110,7 @@ declare global {
   const useUniversityType: typeof import('../hooks/useFilterSchool')['useUniversityType']
   const useUpload: typeof import('../hooks/useUpload')['default']
   const useUpload2: typeof import('../hooks/useUpload2')['default']
+  const useWxInfo: typeof import('../hooks/useUserInfo')['useWxInfo']
   const watch: typeof import('vue')['watch']
   const watchEffect: typeof import('vue')['watchEffect']
   const watchPostEffect: typeof import('vue')['watchPostEffect']
@@ -210,6 +212,7 @@ declare module 'vue' {
     readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
     readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
     readonly useId: UnwrapRef<typeof import('vue')['useId']>
+    readonly useLogin: UnwrapRef<typeof import('../hooks/useUserInfo')['useLogin']>
     readonly useModel: UnwrapRef<typeof import('vue')['useModel']>
     readonly useNatureList: UnwrapRef<typeof import('../hooks/useFilterSchool')['useNatureList']>
     readonly useNavbarWeixin: UnwrapRef<typeof import('../hooks/useNavbarWeixin')['default']>
@@ -223,6 +226,7 @@ declare module 'vue' {
     readonly useUniversityRank: UnwrapRef<typeof import('../hooks/useUnSortType')['useUniversityRank']>
     readonly useUniversityType: UnwrapRef<typeof import('../hooks/useFilterSchool')['useUniversityType']>
     readonly useUpload: UnwrapRef<typeof import('../hooks/useUpload')['default']>
+    readonly useWxInfo: UnwrapRef<typeof import('../hooks/useUserInfo')['useWxInfo']>
     readonly watch: UnwrapRef<typeof import('vue')['watch']>
     readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
     readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>