From e70ca852d8a5616cb27ba12f00f07deab0717201 Mon Sep 17 00:00:00 2001
From: anonymous <anonymous@example.com>
Date: Thu, 9 Jan 2025 10:45:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AF=B9=E6=8E=A5=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc-auto-import.json                    |   3 +-
 env/.env                                      |   4 +-
 src/hooks/useCaptcha.ts                       |  11 +++++
 src/hooks/useListPageRequest.ts               |   3 ++
 src/hooks/useUpload.ts                        |   7 ++-
 src/pages-sub/hot-news/index.vue              |   5 +-
 src/pages-sub/news-detail/index.vue           |   2 +-
 src/pages-sub/realname/index.vue              |  43 +++++++++++++++++-
 src/pages/index/index.vue                     |  13 ++++--
 src/pages/invite/index.vue                    |  34 ++++++++------
 src/pages/login/index.vue                     |  41 ++++++++++++-----
 src/pages/my/index.vue                        |   8 ++--
 src/pages/register/index.vue                  |  35 +++++++-------
 src/service/index.ts                          |  16 +++++++
 .../page-sub/realname/realname-card.png       | Bin 0 -> 1992 bytes
 .../images/page-sub/realname/upload-icon.png  | Bin 0 -> 2707 bytes
 src/types/auto-import.d.ts                    |   2 +
 17 files changed, 165 insertions(+), 62 deletions(-)
 create mode 100644 src/hooks/useCaptcha.ts
 create mode 100644 src/static/images/page-sub/realname/realname-card.png
 create mode 100644 src/static/images/page-sub/realname/upload-icon.png

diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
index 3024d13..11be512 100644
--- a/.eslintrc-auto-import.json
+++ b/.eslintrc-auto-import.json
@@ -97,6 +97,7 @@
     "useId": true,
     "useModel": true,
     "useTemplateRef": true,
-    "useListPageRequest": true
+    "useListPageRequest": true,
+    "useCaptcha": true
   }
 }
diff --git a/env/.env b/env/.env
index 598fc0a..9cbe363 100644
--- a/env/.env
+++ b/env/.env
@@ -7,8 +7,8 @@ VITE_WX_APPID = 'wxa2abb91f64032a2b'
 # h5部署网站的base，配置到 manifest.config.ts 里的 h5.router.base
 VITE_APP_PUBLIC_BASE=/
 
-VITE_SERVER_BASEURL = 'https://mapi.foxmail555.cc'
-VITE_UPLOAD_BASEURL = 'https://ukw0y1.laf.run/upload'
+VITE_SERVER_BASEURL = 'https://sapi.foxmail555.cc'
+VITE_UPLOAD_BASEURL = 'https://sapi.foxmail555.cc/api/common/upload'
 
 # h5是否需要配置代理
 VITE_APP_PROXY=false
diff --git a/src/hooks/useCaptcha.ts b/src/hooks/useCaptcha.ts
new file mode 100644
index 0000000..bde4915
--- /dev/null
+++ b/src/hooks/useCaptcha.ts
@@ -0,0 +1,11 @@
+export const useCaptcha = () => {
+  const codeUrl = ref('')
+  const refreshCode = () => {
+    const baseUrl = import.meta.env.VITE_SERVER_BASEURL
+    codeUrl.value = baseUrl + '/captcha.html?t=' + Date.now()
+  }
+  onMounted(() => {
+    refreshCode()
+  })
+  return { codeUrl, refreshCode }
+}
diff --git a/src/hooks/useListPageRequest.ts b/src/hooks/useListPageRequest.ts
index 3f51a1d..40566fc 100644
--- a/src/hooks/useListPageRequest.ts
+++ b/src/hooks/useListPageRequest.ts
@@ -52,6 +52,9 @@ function useListPageRequest(
     })
     console.log(data)
     data.forEach((item: any) => {
+      if (String(item.createtime).length < 11) {
+        item.createtime = item.createtime * 1000
+      }
       item.createtime = formatTime(item.createtime)
       item.image = getImageUrl(item.image)
     })
diff --git a/src/hooks/useUpload.ts b/src/hooks/useUpload.ts
index adc083d..8323ce8 100644
--- a/src/hooks/useUpload.ts
+++ b/src/hooks/useUpload.ts
@@ -56,7 +56,12 @@ function uploadFile<T>({ tempFilePath, formData, data, error, loading }) {
     name: 'file',
     formData,
     success: (uploadFileRes) => {
-      data.value = uploadFileRes.data as T
+      try {
+        data.value = JSON.parse(uploadFileRes.data).data.fullurl as T
+      } catch (e) {
+        console.log(e)
+        data.value = uploadFileRes.data as T
+      }
     },
     fail: (err) => {
       console.error('uni.uploadFile err->', err)
diff --git a/src/pages-sub/hot-news/index.vue b/src/pages-sub/hot-news/index.vue
index 7c4d86a..d343cf2 100644
--- a/src/pages-sub/hot-news/index.vue
+++ b/src/pages-sub/hot-news/index.vue
@@ -6,7 +6,7 @@
 }
 </route>
 <template>
-  <view class="hot-news-page p-15">
+  <view class="hot-news-page min-h-screen p-15">
     <view class="bg-#fff rounded-10 px-15 py-15" v-if="newsList.length > 0">
       <view
         class="flex mb-15"
@@ -17,7 +17,7 @@
         <image class="w-85 h-85 rounded-10" :src="item.image" mode="aspectFill" />
         <view class="ml-15 flex-1 flex flex-col justify-between">
           <view text-14>{{ item.name }}</view>
-          <view class="text-12 text-#999">{{ item.source }}</view>
+          <view class="text-12 text-#999">{{ formatTime(item.createtime) }}</view>
         </view>
       </view>
     </view>
@@ -27,6 +27,7 @@
 
 <script setup lang="ts">
 import { getIntroductionAPI } from '@/service'
+import { formatTime } from '@/utils'
 
 const { list: newsList } = useListPageRequest((params) =>
   getIntroductionAPI({ type: 1, ...params }),
diff --git a/src/pages-sub/news-detail/index.vue b/src/pages-sub/news-detail/index.vue
index 29656c5..dc432e7 100644
--- a/src/pages-sub/news-detail/index.vue
+++ b/src/pages-sub/news-detail/index.vue
@@ -27,6 +27,6 @@ onLoad(async (options) => {
       </view>
     </view>
     <image class="w-full mt-15" mode="widthFix" :src="getImageUrl(newsDetail.image)" />
-    <view class="text-14 text-gray-600 mt-15">{{ newsDetail.content }}</view>
+    <view class="text-14 text-gray-600 mt-15" v-html="newsDetail.content" />
   </view>
 </template>
diff --git a/src/pages-sub/realname/index.vue b/src/pages-sub/realname/index.vue
index 1e2cc00..99aa6ba 100644
--- a/src/pages-sub/realname/index.vue
+++ b/src/pages-sub/realname/index.vue
@@ -38,6 +38,36 @@
             v-model="form.cardnum"
           />
         </view>
+        <view class="py-15 text-14">
+          <view class="flex items-center">
+            <image src="@/static/images/page-sub/realname/realname-card.png" class="w-20 h-20" />
+            <view class="ml-8">证件照片</view>
+          </view>
+          <view
+            class="flex items-center justify-center mt-15 rounded-10 bg-#F1F9FC h-168 w-full"
+            @click="onUploadZCardImage"
+          >
+            <view v-if="!zcardimage" class="text-center">
+              <image src="@/static/images/page-sub/realname/upload-icon.png" class="w-40 h-40" />
+              <view class="text-14 text-#999 mt-10">点击上传身份证正面</view>
+            </view>
+            <view v-else class="flex items-center">
+              <image :src="zcardimage" class="w-315 h-168" mode="aspectFit" />
+            </view>
+          </view>
+          <view
+            class="flex items-center justify-center mt-15 rounded-10 bg-#F1F9FC h-168 w-full"
+            @click="onUploadFCardImage"
+          >
+            <view v-if="!fcardimage" class="text-center">
+              <image src="@/static/images/page-sub/realname/upload-icon.png" class="w-40 h-40" />
+              <view class="text-14 text-#999 mt-10">点击上传身份证反面</view>
+            </view>
+            <view v-else class="flex items-center">
+              <image :src="fcardimage" class="w-315 h-168" mode="aspectFit" />
+            </view>
+          </view>
+        </view>
       </view>
       <view class="fixed bottom-0 left-0 right-0 pb-safe">
         <button class="btn-gradient text-white rounded-full m-15 text-16" @click="onSubmit">
@@ -112,7 +142,15 @@ const onSubmit = async () => {
     await showModal('请填写完整信息')
     return
   }
-  await realNameAuthAPI(form.value)
+  if (!zcardimage.value || !fcardimage.value) {
+    await showModal('请上传身份证照片')
+    return
+  }
+  await realNameAuthAPI({
+    ...form.value,
+    zcardimage: zcardimage.value,
+    fcardimage: fcardimage.value,
+  })
   await showModal('提交成功,请耐心等待审核！')
   realnameInfo.value = await getRealNameAuthAPI().then((res) => {
     return res.data
@@ -125,6 +163,9 @@ const onGoHome = () => {
   })
 }
 
+const { data: zcardimage, run: onUploadZCardImage } = useUpload()
+const { data: fcardimage, run: onUploadFCardImage } = useUpload()
+
 const realnameInfo = ref(null)
 onLoad(async () => {
   realnameInfo.value = await getRealNameAuthAPI().then((res) => {
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 5498dcb..2bdeabf 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -51,7 +51,7 @@
       </view>
       <view
         class="flex mt-15"
-        v-for="item in newsList"
+        v-for="item in hotNewsList"
         :key="item.id"
         @click="handleNewsDetail(item.id)"
       >
@@ -74,9 +74,7 @@
             <text class="whitespace-nowrap text-14 font-bold text-gradient">
               公告{{ ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'][index] }}：
             </text>
-            <text class="text-14 text-#333 flex-1">
-              {{ item.content }}
-            </text>
+            <text class="text-14 text-#333 flex-1" v-html="item.content"></text>
           </view>
         </view>
         <view
@@ -99,7 +97,8 @@ defineOptions({
   name: 'Home',
 })
 
-const { list: newsList } = useListPageRequest((params) =>
+// 热门咨询
+const { list: hotNewsList } = useListPageRequest((params) =>
   getIntroductionAPI({ type: 1, ...params }),
 )
 
@@ -149,6 +148,10 @@ const handleHotNews = () => {
 const { list: announcementList } = useListPageRequest((params) =>
   getIntroductionAPI({ type: 2, ...params }),
 )
+// 最新时讯
+const { list: newsList } = useListPageRequest((params) =>
+  getIntroductionAPI({ type: 3, ...params }),
+)
 watch(
   () => announcementList.value.length,
   (newVal) => {
diff --git a/src/pages/invite/index.vue b/src/pages/invite/index.vue
index 3dd54b1..37fac74 100644
--- a/src/pages/invite/index.vue
+++ b/src/pages/invite/index.vue
@@ -13,6 +13,7 @@ import NavBar from '@/components/NavBar.vue'
 import VueQrcode from '@chenfengyuan/vue-qrcode'
 import { useUserStore } from '@/store'
 import Avatar from '@/components/Avatar.vue'
+import { getCommunityMyInviteAPI } from '@/service'
 
 const userStore = useUserStore()
 
@@ -24,11 +25,18 @@ const onCopy = (code: string) => {
     data: code,
   })
 }
-const onLottery = () => {
-  uni.navigateTo({
-    url: '/pages-sub/lottery/index',
+const inviteData = ref({
+  num: 0,
+  performance: 0,
+})
+const { list } = useListPageRequest((params) => {
+  return getCommunityMyInviteAPI(params).then((res) => {
+    inviteData.value.num = res.data.num
+    inviteData.value.performance = res.data.performance
+    res.data.data = res.data.list
+    return res.data
   })
-}
+})
 </script>
 
 <template>
@@ -77,7 +85,7 @@ const onLottery = () => {
         <view class="flex-1">
           <view class="text-15 text-#333 font-500">
             邀请10人
-            <text class="text-#50D0FF">(10</text>
+            <text class="text-#50D0FF">({{ inviteData.num }}</text>
             <text class="text-#50D0FF">/10)</text>
           </view>
           <view class="text-12 text-#333 mt-8">每月额外领取3000元数济金</view>
@@ -134,25 +142,21 @@ const onLottery = () => {
     </view>
     <view class="mt-15 w-345 mx-auto">
       <view class="ml-15 text-18 text-white">团队成员（3/人）</view>
-      <view
-        class="mt-15 bg-white px-15 pt-15 pb-4 rounded-10"
-        v-for="(item, index) of 3"
-        :key="index"
-      >
+      <view class="mt-15 bg-white px-15 pt-15 pb-4 rounded-10" v-for="item of list" :key="item.id">
         <view class="flex items-center">
-          <Avatar class="w-50 h-50" />
+          <Avatar :src="item.avatar" class="w-50 h-50" mode="aspectFill" />
           <view class="ml-15 flex-1">
-            <view class="text-15 text-#333">Aaron</view>
-            <view class="text-12 text-#333 mt-10">2024-03-08</view>
+            <view class="text-15 text-#333">{{ item.nickname }}</view>
+            <view class="text-12 text-#333 mt-10">{{ item.jointime }}</view>
           </view>
         </view>
         <view class="flex mt-16 py-8">
           <view class="flex-1 text-center">
-            <view class="text-gradient">2</view>
+            <view class="text-gradient">{{ item.yiliao }}</view>
             <view class="text-15 text-#333">医疗（份）</view>
           </view>
           <view class="flex-1 text-center">
-            <view class="text-gradient">2</view>
+            <view class="text-gradient">{{ item.yanglao }}</view>
             <view class="text-15 text-#333">养老（份）</view>
           </view>
         </view>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 2f848d6..ea7de5b 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -39,13 +39,18 @@
         <view class="flex items-center py-15">
           <view class="text-gradient">验证码</view>
           <input
-            v-model="formData.invitecode"
+            v-model="formData.captcha"
             placeholder-class="text-#889BC6"
             type="text"
             class="text-right flex-1 text-14"
             placeholder="请输入验证码"
           />
-          <image class="w-60 h-24 ml-15 bg-gray-400" mode="aspectFit" />
+          <image
+            :src="codeUrl"
+            class="w-100 h-30 ml-15 bg-gray-400"
+            mode="widthFix"
+            @click="refreshCode"
+          />
         </view>
       </view>
       <!-- <view class="ml-auto mr-0 w-fit text-gradient text-14 p-15" @click="handleEditPassword">
@@ -76,12 +81,16 @@ const userStore = useUserStore()
 const formData = ref({
   account: '',
   password: '',
+  captcha: '',
 })
 
+const { codeUrl, refreshCode } = useCaptcha()
+
 let redirect = '/'
 onLoad((options) => {
   redirect = options.redirect ?? '/'
 })
+onShow(refreshCode)
 
 const handleLogin = async () => {
   if (!formData.value.account || !formData.value.password) {
@@ -90,15 +99,25 @@ const handleLogin = async () => {
       icon: 'none',
     })
   }
-  const {
-    data: {
-      userinfo: { token },
-    },
-  } = await loginUserAPI(formData.value)
-  userStore.setToken(token)
-  uni.reLaunch({
-    url: redirect,
-  })
+  if (!formData.value.captcha) {
+    return uni.showToast({
+      title: '请输入验证码',
+      icon: 'none',
+    })
+  }
+  try {
+    const {
+      data: {
+        userinfo: { token },
+      },
+    } = await loginUserAPI(formData.value)
+    userStore.setToken(token)
+    uni.reLaunch({
+      url: redirect,
+    })
+  } catch (error) {
+    refreshCode()
+  }
 }
 
 const handleRegister = () => {
diff --git a/src/pages/my/index.vue b/src/pages/my/index.vue
index cd6ab93..416021c 100644
--- a/src/pages/my/index.vue
+++ b/src/pages/my/index.vue
@@ -28,7 +28,7 @@
     <view class="grid grid-cols-2 gap-10 px-15 mt-15">
       <view class="px-15 py-10 rounded-10 bg-#FFFFFF33">
         <view class="flex text-white text-12">我的余额</view>
-        <view class="text-20 text-gradient font-bold">2361</view>
+        <view class="text-20 text-gradient font-bold">{{ userStore.userInfo.money }}</view>
         <view
           class="btn-gradient w-fit rounded-full text-center text-12 text-white py-2 px-15 mt-8"
           @click="handleWithdrawal"
@@ -38,7 +38,7 @@
       </view>
       <view class="px-15 py-10 rounded-10 bg-#FFFFFF33">
         <view class="flex text-white text-12">养老金余额</view>
-        <view class="text-20 text-gradient font-bold">2361</view>
+        <view class="text-20 text-gradient font-bold">{{ userStore.userInfo.moneyold }}</view>
         <view
           class="btn-gradient w-fit rounded-full text-center text-12 text-white py-2 px-15 mt-8"
           @click="handleConvert(0)"
@@ -48,11 +48,11 @@
       </view>
       <view class="px-15 py-10 rounded-10 bg-#FFFFFF33">
         <view class="flex text-white text-12">救济金余额</view>
-        <view class="text-20 text-gradient font-bold">2361</view>
+        <view class="text-20 text-gradient font-bold">{{ userStore.userInfo.moneyjiu }}</view>
       </view>
       <view class="px-15 py-10 rounded-10 bg-#FFFFFF33">
         <view class="flex text-white text-12">团队佣金</view>
-        <view class="text-20 text-gradient font-bold">2361</view>
+        <view class="text-20 text-gradient font-bold">{{ userStore.userInfo.moneyyong }}</view>
         <view
           class="btn-gradient w-fit rounded-full text-center text-12 text-white py-2 px-15 mt-8"
           @click="handleConvert(1)"
diff --git a/src/pages/register/index.vue b/src/pages/register/index.vue
index 8bf10f2..838ee36 100644
--- a/src/pages/register/index.vue
+++ b/src/pages/register/index.vue
@@ -22,8 +22,8 @@ const form = ref({
   password: '',
   retpassword: '',
   invitecode: '',
-  tpassword: '',
-  rettpassword: '',
+  // tpassword: '',
+  // rettpassword: '',
 })
 
 let redirect = '/'
@@ -54,27 +54,14 @@ const handleRegister = mergeStep(async () => {
     })
     return
   }
-  if (!form.value.tpassword) {
+
+  if (!form.value.invitecode) {
     uni.showToast({
-      title: '请输入支付密码',
+      title: '请输入邀请码',
       icon: 'none',
     })
     return
   }
-  if (form.value.tpassword !== form.value.rettpassword) {
-    uni.showToast({
-      title: '两次输入的支付密码不一致',
-      icon: 'none',
-    })
-    return
-  }
-  // if (!form.value.invitecode) {
-  //   uni.showToast({
-  //     title: '请输入邀请码',
-  //     icon: 'none',
-  //   })
-  //   return
-  // }
   const {
     data: {
       userinfo: { token },
@@ -121,6 +108,16 @@ onLoad(async (options) => {
           />
         </view>
         <view class="flex items-center py-15">
+          <view class="text-gradient">确认登录密码</view>
+          <input
+            v-model="form.retpassword"
+            placeholder-class="text-#889BC6"
+            type="password"
+            class="text-right flex-1 text-14"
+            placeholder="请再次输入登录密码"
+          />
+        </view>
+        <!-- <view class="flex items-center py-15">
           <view class="text-gradient">验证码</view>
           <input
             v-model="form.invitecode"
@@ -130,7 +127,7 @@ onLoad(async (options) => {
             placeholder="请输入验证码"
           />
           <image class="w-60 h-24 ml-15 bg-gray-400" mode="aspectFit" />
-        </view>
+        </view> -->
         <view class="flex items-center py-15">
           <view class="text-gradient">邀请码</view>
           <input
diff --git a/src/service/index.ts b/src/service/index.ts
index 090770e..29adaa3 100644
--- a/src/service/index.ts
+++ b/src/service/index.ts
@@ -153,3 +153,19 @@ export const getWithdrawalRecordAPI = (data) =>
 export const downloadAppAPI = () => {
   location.href = 'https://tiktok-test.gbnorg.com/7885922.apk'
 }
+
+// 社区我的邀请
+export const getCommunityMyInviteAPI = (data) =>
+  http({
+    url: '/api/user/inviteelist',
+    method: 'POST',
+    data,
+  })
+
+// 领取奖励第一步
+export const getCommunityInviteFirstAPI = (data) =>
+  http({
+    url: '/api/user/rewardone',
+    method: 'POST',
+    data,
+  })
diff --git a/src/static/images/page-sub/realname/realname-card.png b/src/static/images/page-sub/realname/realname-card.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba2d20b4eb6de994d1313d902646431af96f19dc
GIT binary patch
literal 1992
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
Oj}0Lc0`YuoMEc)S=LwDg

literal 0
HcmV?d00001

diff --git a/src/static/images/page-sub/realname/upload-icon.png b/src/static/images/page-sub/realname/upload-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..250c46ce8d37f6227203263252832c48fc3ffb35
GIT binary patch
literal 2707
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

literal 0
HcmV?d00001

diff --git a/src/types/auto-import.d.ts b/src/types/auto-import.d.ts
index c5bfc29..1d00ff5 100644
--- a/src/types/auto-import.d.ts
+++ b/src/types/auto-import.d.ts
@@ -75,6 +75,7 @@ declare global {
   const triggerRef: typeof import('vue')['triggerRef']
   const unref: typeof import('vue')['unref']
   const useAttrs: typeof import('vue')['useAttrs']
+  const useCaptcha: typeof import('../hooks/useCaptcha')['useCaptcha']
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVars: typeof import('vue')['useCssVars']
   const useId: typeof import('vue')['useId']
@@ -172,6 +173,7 @@ declare module 'vue' {
     readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
     readonly unref: UnwrapRef<typeof import('vue')['unref']>
     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
+    readonly useCaptcha: UnwrapRef<typeof import('../hooks/useCaptcha')['useCaptcha']>
     readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
     readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
     readonly useId: UnwrapRef<typeof import('vue')['useId']>