From 1b2acfd370fceb15715b23ea78ecc42c8ab86ead Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E9=B9=8F?= <fanpeng@star-lock.cn>
Date: Mon, 6 Jan 2025 19:16:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=201.=E9=A6=96=E9=A1=B5=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E3=80=81=E8=BD=AE=E6=92=AD=E5=9B=BE=E3=80=81?=
 =?UTF-8?q?=E5=BE=85=E5=8A=9E=E4=BA=8B=E9=A1=B9=E3=80=81=E5=9B=A2=E9=98=9F?=
 =?UTF-8?q?=E5=85=AC=E5=91=8AUI=202.=20=E6=B7=BB=E5=8A=A0=E6=96=B0?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E7=99=BB=E5=BD=95=E9=AA=8C=E8=AF=81=203.=20?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5tabs=E7=BB=84=E4=BB=B6=E8=A1=A5=E5=85=85?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/constants/result.ts                       |  41 +--
 src/pages.json                                |   3 +-
 src/pages/code/code.vue                       |   7 +
 src/pages/home/HomeBulletin.vue               |  14 +
 src/pages/home/HomeSwiper.vue                 |  37 +++
 src/pages/home/{CustomTab.vue => HomeTab.vue} |  20 +-
 src/pages/home/HomeTodo.vue                   |  34 +++
 src/pages/home/home.vue                       | 280 +++++++++++-------
 src/pages/login/login.vue                     |  15 +-
 src/static/images/icon_add.png                | Bin 0 -> 2278 bytes
 src/static/images/icon_audit.png              | Bin 0 -> 1497 bytes
 src/static/images/icon_triangle.png           | Bin 0 -> 1181 bytes
 src/store/user.ts                             |   3 +
 src/typings.ts                                |   4 +-
 14 files changed, 311 insertions(+), 147 deletions(-)
 create mode 100644 src/pages/home/HomeBulletin.vue
 create mode 100644 src/pages/home/HomeSwiper.vue
 rename src/pages/home/{CustomTab.vue => HomeTab.vue} (68%)
 create mode 100644 src/pages/home/HomeTodo.vue
 create mode 100644 src/static/images/icon_add.png
 create mode 100644 src/static/images/icon_audit.png
 create mode 100644 src/static/images/icon_triangle.png

diff --git a/src/constants/result.ts b/src/constants/result.ts
index 8488d2b..4707be7 100644
--- a/src/constants/result.ts
+++ b/src/constants/result.ts
@@ -1,23 +1,23 @@
-type ResultCode = 0 | -1 | -2 | 10003
+enum ResultCode {
+  Success = 0,
+  Fail = -1,
+  NotMore = -2,
+  PaySuccessful = 10003,
+  NewDevice = 441
+}
 
 interface ResultData {
-  message: string
+  code: ResultCode
   data: Record<string, any>
+  message: string
 }
 
 export class Result {
-  static codes = {
-    Success: 0 as const,
-    Fail: -1 as const,
-    NotMore: -2 as const,
-    PaySuccessful: 10003 as const
-  }
-
-  static resultsMap = new Map<ResultCode, ResultData>([
-    [Result.codes.Success, { message: '成功', data: {} }],
-    [Result.codes.Fail, { message: '网络加载失败', data: {} }],
-    [Result.codes.NotMore, { message: '没有更多', data: {} }],
-    [Result.codes.PaySuccessful, { message: '支付成功', data: {} }]
+  static resultsMap = new Map<ResultCode, Omit<ResultData, 'code'>>([
+    [ResultCode.Success, { message: '成功', data: {} }],
+    [ResultCode.Fail, { message: '网络加载失败', data: {} }],
+    [ResultCode.NotMore, { message: '没有更多', data: {} }],
+    [ResultCode.PaySuccessful, { message: '支付成功', data: {} }]
   ])
 
   code: ResultCode
@@ -39,21 +39,26 @@ export class Result {
 
   // 成功
   static get Success(): Result {
-    return new Result(Result.codes.Success)
+    return new Result(ResultCode.Success)
   }
 
   // 失败(默认错误)
   static get Fail(): Result {
-    return new Result(Result.codes.Fail)
+    return new Result(ResultCode.Fail)
   }
 
   // 没有更多
   static get NotMore(): Result {
-    return new Result(Result.codes.NotMore)
+    return new Result(ResultCode.NotMore)
   }
 
   // 支付成功
   static get PaySuccessful(): Result {
-    return new Result(Result.codes.PaySuccessful)
+    return new Result(ResultCode.PaySuccessful)
+  }
+
+  // 新设备
+  static get NewDevice(): Result {
+    return new Result(ResultCode.NewDevice)
   }
 }
diff --git a/src/pages.json b/src/pages.json
index 9497f3c..0189e52 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -55,7 +55,8 @@
       "type": "home",
       "style": {
         "navigationStyle": "custom",
-        "navigationBarTitleText": "首页"
+        "navigationBarTitleText": "首页",
+        "disableScroll": true
       }
     },
     {
diff --git a/src/pages/code/code.vue b/src/pages/code/code.vue
index 1b37f71..04ac263 100644
--- a/src/pages/code/code.vue
+++ b/src/pages/code/code.vue
@@ -10,6 +10,10 @@
 <template>
   <view>
     <TopNavigation></TopNavigation>
+    <view v-if="tip" class="flex flex-items-center bg-[#fce4e2] color-[#e63b3b] py-2 px-4">
+      <wd-icon name="warning" size="20px" color="#e63b3b" class="mr-3"></wd-icon>
+      <view>您正在一台新设备登录，为了您的账号安全，请进行安全验证</view>
+    </view>
     <view class="text-6 ml-4 pt-7 custom-color-black font-bold">请输入验证码</view>
     <view class="text-3.5 ml-4 mt-2 mb-4 custom-color-grey">
       <view>已发送验证码至{{ maskedPhone }}</view>
@@ -60,6 +64,8 @@
 
   const systemInfo = ref<GetSystemInfoResult>(null)
 
+  const tip = ref<boolean>(false)
+
   onMounted(async () => {
     systemInfo.value = await $basic.getSystemInfo()
   })
@@ -67,6 +73,7 @@
   onLoad(async options => {
     phone.value = options.phone
     type.value = options.type
+    tip.value = options.tip === 'true'
 
     countDownStart()
   })
diff --git a/src/pages/home/HomeBulletin.vue b/src/pages/home/HomeBulletin.vue
new file mode 100644
index 0000000..20eba7f
--- /dev/null
+++ b/src/pages/home/HomeBulletin.vue
@@ -0,0 +1,14 @@
+<template>
+  <view class="mx-4 bg-white px-2 py-3 flex flex-items-center text-3.5 rounded-2 shadow-sm">
+    <view>
+      <text class="font-bold custom-color-black">团队</text>
+      <text class="font-bold color-red">公告</text>
+    </view>
+    <view class="ml-2 w-1 h-1 bg-black rounded-50%"></view>
+    <view class="ml-2">1</view>
+    <view class="ml-a">全部</view>
+    <wd-icon name="arrow-right" size="14px" class="ml-2" color="#bfbfbf"></wd-icon>
+  </view>
+</template>
+
+<script setup lang="ts"></script>
diff --git a/src/pages/home/HomeSwiper.vue b/src/pages/home/HomeSwiper.vue
new file mode 100644
index 0000000..6ca9694
--- /dev/null
+++ b/src/pages/home/HomeSwiper.vue
@@ -0,0 +1,37 @@
+<template>
+  <view class="mx-4">
+    <wd-swiper
+      :list="swiperList"
+      autoplay
+      height="100"
+      indicatorPosition="bottom-left"
+      v-model:current="current"
+      :indicator="{ type: 'dots-bar' }"
+      @click="handleClick"
+      @change="onChange"
+    ></wd-swiper>
+  </view>
+</template>
+
+<script setup lang="ts">
+  const current = ref<number>(0)
+
+  const swiperList = ref<Array<string>>([
+    'https://registry.npmmirror.com/wot-design-uni-assets/*/files/capybara.jpg',
+    'https://registry.npmmirror.com/wot-design-uni-assets/*/files/panda.jpg'
+  ])
+
+  const emits = defineEmits(['colorChange'])
+
+  function handleClick(e) {
+    console.log(e)
+  }
+
+  function onChange(e) {
+    if (e.current === 0) {
+      emits('colorChange', '#bfcbef')
+    } else {
+      emits('colorChange', '#f0d6ad')
+    }
+  }
+</script>
diff --git a/src/pages/home/CustomTab.vue b/src/pages/home/HomeTab.vue
similarity index 68%
rename from src/pages/home/CustomTab.vue
rename to src/pages/home/HomeTab.vue
index 524f4b2..485d109 100644
--- a/src/pages/home/CustomTab.vue
+++ b/src/pages/home/HomeTab.vue
@@ -1,10 +1,10 @@
 <template>
-  <view class="m-2 p-2 bg-white rounded-2 pos-relative">
-    <image
-      @click="clickMenu"
-      src="/static/images/icon_table_menu.png"
-      class="w-6 h-6 pos-absolute right-1 top-3 p-1 z-10"
-    ></image>
+  <view class="mx-4 py-1 bg-white rounded-2 pos-relative shadow-sm">
+    <view
+      class="h-42px z-10 pos-absolute right-1 bg-white flex flex-items-center justify-center px-2"
+    >
+      <image @click="clickMenu" src="/static/images/icon_table_menu.png" class="w-5 h-5"></image>
+    </view>
     <wd-tabs
       v-model="tab"
       auto-line-width
@@ -13,16 +13,16 @@
       color="#0d100e"
       inactiveColor="#838383"
     >
-      <wd-tab v-for="(item, index) in list" :key="index" :title="item.title" :name="index">
-        <view class="flex flex-wrap">
+      <wd-tab v-for="(item, index) in list" :key="index" :title="item.name" :name="index">
+        <view class="flex flex-wrap ml-1.5">
           <view
             v-for="subItem in item.list"
             :key="subItem.id"
-            class="text-center my-2 w-21.4375"
+            class="text-center my-2 w-20.4375"
             @click="clickItem(subItem)"
           >
             <image :src="subItem.icon" class="w-7 h-7 m-a"></image>
-            <view class="text-3 mt-2">{{ subItem.title }}</view>
+            <view class="text-3 mt-2">{{ subItem.name }}</view>
           </view>
         </view>
       </wd-tab>
diff --git a/src/pages/home/HomeTodo.vue b/src/pages/home/HomeTodo.vue
new file mode 100644
index 0000000..87e36f4
--- /dev/null
+++ b/src/pages/home/HomeTodo.vue
@@ -0,0 +1,34 @@
+<template>
+  <view class="bg-white shadow-sm rounded-2 mx-4 p-2">
+    <view class="flex flex-items-center">
+      <view>待办事项</view>
+      <wd-icon name="arrow-right" size="14px" class="ml-a" color="#bfbfbf"></wd-icon>
+    </view>
+    <view class="mt-2">
+      <view
+        class="flex flex-items-center text-3.5 py-1.5"
+        v-for="(item, index) in list"
+        :key="index"
+      >
+        <image src="/static/images/icon_audit.png" mode="aspectFill" class="w-4.5 h-4.5"></image>
+        <view class="ml-3 font-bold">{{ item.name }}</view>
+        <view class="ml-2 w-1 h-1 bg-black rounded-50%"></view>
+        <view class="ml-2">{{ item.content }}</view>
+        <view class="color-[#2954ee] bg-[#f5f4fa] px-2 px-1 ml-a rounded">去处理</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  const list = [
+    {
+      title: '审批',
+      content: '您有新的补卡待你处理'
+    },
+    {
+      title: '审批',
+      content: '您有新的请假待你处理'
+    }
+  ]
+</script>
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index 05523bc..2d14f90 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -2,35 +2,62 @@
 {
   style: {
     navigationStyle: 'custom',
-    navigationBarTitleText: '首页'
+    navigationBarTitleText: '首页',
+    disableScroll: true
   }
 }
 </route>
 <template>
+  <view
+    :style="{ background: `linear-gradient(to bottom, ${color}, #f3f5fa)` }"
+    class="h-50 pos-absolute w-full z-0 top-0"
+  ></view>
   <view v-if="systemInfo" :style="{ marginTop: systemInfo.safeAreaInsets?.top + 'px' }">
     <view v-if="$user.loginStatus">
-      <view class="h-12 pt-1 flex flex-items-center flex-justify-between mx-4">
-        <view>
-          <view>19104656的互联</view>
-        </view>
+      <view class="pos-relative h-12 pt-1 flex flex-items-center mx-4 custom-color-black">
+        <view>19104656的互联</view>
+        <image class="w-2 h-2 ml-1.5" src="/static/images/icon_triangle.png"></image>
+        <wd-icon class="ml-a" name="add-circle1" size="22px"></wd-icon>
       </view>
-      <CustomTab class="mt-10" :list="featuresList" @clickItem="clickItem"></CustomTab>
-      <button class="mt-12" @click="logout">退出登录</button>
+      <view
+        class="pos-relative h-8 mt-3 flex flex-items-center text-3.5 bg-[#fdefdf] mx-4 px-2 rounded-2 color-[#ea8720] shadow-sm"
+      >
+        <view>系统通知未开启，报警消息无法通知</view>
+        <view class="bg-white px-1 text-3 py-0.5 ml-a rounded-1 mr-3">去开启</view>
+        <wd-icon name="close" size="14px" color="#ea8720" class="pr-2 py-1"></wd-icon>
+      </view>
+      <scroll-view
+        class="mt-2"
+        :style="{
+          height: systemInfo.safeArea?.height - 104 + 'px'
+        }"
+      >
+        <HomeSwiper @colorChange="colorChange"></HomeSwiper>
+        <HomeBulletin class="my-2"></HomeBulletin>
+        <HomeTodo class="my-2"></HomeTodo>
+        <CustomTab :list="featuresList" @clickItem="clickItem"></CustomTab>
+        <button class="mt-12" @click="$user.logout()">退出登录</button>
+      </scroll-view>
     </view>
   </view>
 </template>
 
 <script lang="ts" setup>
-  import CustomTab from '@/pages/home/CustomTab.vue'
+  import CustomTab from '@/pages/home/HomeTab.vue'
   import { useBasicStore, useUserStore } from '@/store'
   import { Result } from '@/constants/result'
   import { HomeTab, TabBarItem } from '@/typings'
+  import HomeSwiper from '@/pages/home/HomeSwiper.vue'
+  import HomeBulletin from '@/pages/home/HomeBulletin.vue'
+  import HomeTodo from '@/pages/home/HomeTodo.vue'
 
   const $user = useUserStore()
   const $basic = useBasicStore()
 
   const systemInfo = ref(null)
 
+  const color = ref<string>('#bfcbef')
+
   const list = ref<Array<TabBarItem>>([
     {
       title: '首页',
@@ -56,172 +83,202 @@
 
   const featuresList = ref<Array<HomeTab>>([
     {
-      title: '视频',
+      name: '视频',
       list: [
         {
-          id: 0,
-          title: '视频中心',
-          icon: '/static/logo.png'
+          id: 221,
+          icon: 'https://file.hikmall.com/prod/image/e75144eac8984ee198ef533c2f9d3558.png',
+          name: '视频中心'
         },
         {
-          id: 1,
-          title: '视频中心',
-          icon: '/static/logo.png'
+          id: 396,
+          icon: 'https://file.hikmall.com/prod/image/cf46656ec73b404891e2b46b57ff5fc2.png',
+          name: '智能巡检'
         },
         {
-          id: 2,
-          title: '视频中心',
-          icon: '/static/logo.png'
+          id: 6405,
+          icon: 'https://file.hikmall.com/prod/image/0526d084da4a49579f832dd4588dcb16.png',
+          name: '录像智搜'
         },
         {
-          id: 3,
-          title: '视频中心',
-          icon: '/static/logo.png'
+          id: 403,
+          icon: 'https://file.hikmall.com/prod/image/7ea5f88d404442eeb958fbe0904777d1.png',
+          name: '智能分析'
         },
         {
-          id: 4,
-          title: '视频中心',
-          icon: '/static/logo.png'
+          id: 354,
+          icon: 'https://file.hikmall.com/prod/image/2887bb1c453244a2a872ec98c0360478.png',
+          name: '人员抓拍'
+        },
+        {
+          id: 357,
+          icon: 'https://file.hikmall.com/prod/image/e6860e8e5cc64369accadae5347fb0c1.png',
+          name: '车辆管理'
         }
       ]
     },
     {
-      title: '音频',
+      name: '人员通行',
       list: [
         {
-          id: 0,
-          title: '音频中心',
-          icon: '/static/logo.png'
+          id: 106,
+          icon: 'https://file.hikmall.com/prod/image/635392a7f5e04e75bb657b6cc6e2abc8.png',
+          name: '通行权限'
         },
         {
-          id: 1,
-          title: '音频中心',
-          icon: '/static/logo.png'
+          id: 230,
+          icon: 'https://file.hikmall.com/prod/image/d1d07b3125f841848c3c3eb94509b2ae.png',
+          name: '门禁控制'
         },
         {
-          id: 2,
-          title: '音频中心',
-          icon: '/static/logo.png'
+          id: 302,
+          icon: 'https://file.hikmall.com/prod/image/885eb6ac104e4a76941e67eb738142ec.png',
+          name: '一键开门'
+        },
+        {
+          id: 400,
+          icon: 'https://file.hikmall.com/prod/image/701d5a7031fa4b4290838c4562f99a0b.png',
+          name: '密码开门'
+        },
+        {
+          id: 299,
+          icon: 'https://file.hikmall.com/prod/image/771a717eb8d74f5bba71db68c9605a0f.png',
+          name: '通行记录'
+        },
+        {
+          id: 387,
+          icon: 'https://file.hikmall.com/prod/image/9752516f054342d3ac310a0fdb32b654.png',
+          name: '访客管理'
+        },
+        {
+          id: 399,
+          icon: 'https://file.hikmall.com/prod/image/4dbe971d6fac465cb4fed956defd678c.png',
+          name: '我的访客'
+        },
+        {
+          id: 388,
+          icon: 'https://file.hikmall.com/prod/image/624a69276df1480088661e20cbc0e189.png',
+          name: '访客邀约'
         }
       ]
     },
     {
-      title: '图文',
+      name: '考勤',
       list: [
         {
-          id: 0,
-          title: '图文中心',
-          icon: '/static/logo.png'
+          id: 382,
+          icon: 'https://file.hikmall.com/prod/image/9e2b6e95c2904540a9a3dc675d25cc13.png',
+          name: '考勤设置'
         },
         {
-          id: 1,
-          title: '图文中心',
-          icon: '/static/logo.png'
+          id: 383,
+          icon: 'https://file.hikmall.com/prod/image/6cea7ba6b3b34464998bb501a609f3a9.png',
+          name: '考勤统计'
         },
         {
-          id: 2,
-          title: '图文中心',
-          icon: '/static/logo.png'
+          id: 381,
+          icon: 'https://file.hikmall.com/prod/image/60c64c6c80a9429fa8d084506cd2f021.png',
+          name: '我的考勤'
+        },
+        {
+          id: 384,
+          icon: 'https://file.hikmall.com/prod/image/116e1ea563474601ac075ac5bb312963.png',
+          name: '手机打卡'
+        },
+        {
+          id: -249155,
+          icon: 'https://file.hikmall.com/prod/image/3e56cfb5cfae4bd285d6f55e51e1ce23.png',
+          name: '请假'
+        },
+        {
+          id: -249156,
+          icon: 'https://file.hikmall.com/prod/image/7d2d7c5e1e7241eba1bc7848116a75cb.png',
+          name: '补卡'
+        },
+        {
+          id: -249157,
+          icon: 'https://file.hikmall.com/prod/image/e007c441df1c4ab19ca6bb31ccad24e8.png',
+          name: '出差'
+        },
+        {
+          id: -249158,
+          icon: 'https://file.hikmall.com/prod/image/90faf8728c6846da9d09f3db0739558d.png',
+          name: '外出'
         }
       ]
     },
     {
-      title: '直播',
+      name: '审批',
       list: [
         {
-          id: 0,
-          title: '直播中心',
-          icon: '/static/logo.png'
+          id: 386,
+          icon: 'https://file.hikmall.com/prod/image/c5a56acf8efe47d78fc0107552c98bf8.png',
+          name: '发起审批'
         },
         {
-          id: 1,
-          title: '直播中心',
-          icon: '/static/logo.png'
-        },
-        {
-          id: 2,
-          title: '直播中心',
-          icon: '/static/logo.png'
+          id: 385,
+          icon: 'https://file.hikmall.com/prod/image/6b946ba258234cdc8d447631b07939c3.png',
+          name: '审批记录'
         }
       ]
     },
     {
-      title: '其他',
+      name: '可视对讲',
       list: [
         {
-          id: 0,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 391,
+          icon: 'https://file.hikmall.com/prod/image/4373b28a83a84c828b0150794ac2e402.png',
+          name: '对讲设备'
         },
         {
-          id: 1,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 390,
+          icon: 'https://file.hikmall.com/prod/image/8efa2ddbc0e94a75b761b0d23097e1d1.png',
+          name: '呼叫关系'
         },
         {
-          id: 2,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 389,
+          icon: 'https://file.hikmall.com/prod/image/fa2073388a54462ba7badb9904b58396.png',
+          name: '呼叫提醒'
         }
       ]
     },
     {
-      title: '其他',
+      name: '信息发布',
       list: [
         {
-          id: 0,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 374,
+          icon: 'https://file.hikmall.com/prod/image/e5fa04e5ccdc498dbc4d912074f38e35.png',
+          name: '广播'
         },
         {
-          id: 1,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 309,
+          icon: 'https://file.hikmall.com/prod/image/0706b7ff1e044928872839c61be74d54.png',
+          name: '公告'
         },
         {
-          id: 2,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 6093,
+          icon: 'https://file.hikmall.com/prod/image/8ed90fc35e3840e782d73676efcc9a30.png',
+          name: '信息发布'
         }
       ]
     },
     {
-      title: '其他',
+      name: '基础应用',
       list: [
         {
-          id: 0,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 90,
+          icon: 'https://file.hikmall.com/prod/image/d43b79c5f41543fca44cd21ba84d9c02.png',
+          name: '人员管理'
         },
         {
-          id: 1,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 310,
+          icon: 'https://file.hikmall.com/prod/image/597b0cb3ddf849788b6c5e7727001690.png',
+          name: '团队二维码'
         },
         {
-          id: 2,
-          title: '其他中心',
-          icon: '/static/logo.png'
-        }
-      ]
-    },
-    {
-      title: '其他',
-      list: [
-        {
-          id: 0,
-          title: '其他中心',
-          icon: '/static/logo.png'
-        },
-        {
-          id: 1,
-          title: '其他中心',
-          icon: '/static/logo.png'
-        },
-        {
-          id: 2,
-          title: '其他中心',
-          icon: '/static/logo.png'
+          id: 293,
+          icon: 'https://file.hikmall.com/prod/image/6ecf9e7c946945a5a1efd07c5e8db320.png',
+          name: '设备管理'
         }
       ]
     }
@@ -247,14 +304,11 @@
     }
   })
 
+  const colorChange = data => {
+    color.value = data
+  }
+
   const clickItem = item => {
     console.log(item)
   }
-
-  const logout = async () => {
-    await $user.logout()
-    uni.navigateTo({
-      url: '/pages/login/login'
-    })
-  }
 </script>
diff --git a/src/pages/login/login.vue b/src/pages/login/login.vue
index 29dd6a1..c9cc32b 100644
--- a/src/pages/login/login.vue
+++ b/src/pages/login/login.vue
@@ -9,7 +9,10 @@
 </route>
 <template>
   <view class="bg-white">
-    <TopNavigation v-if="systemInfo && systemInfo?.uniPlatform === 'app'"></TopNavigation>
+    <TopNavigation
+      :have-back="false"
+      v-if="systemInfo && systemInfo?.uniPlatform === 'app'"
+    ></TopNavigation>
     <swiper
       v-if="systemInfo"
       circular="true"
@@ -222,6 +225,8 @@
           title: '登录成功',
           icon: 'none'
         })
+      } else if (result.errorCode === Result.NewDevice.code) {
+        await codeLogin(true)
       } else {
         await uni.showToast({
           title: result.errorMsg,
@@ -238,7 +243,7 @@
     }
   }
 
-  const codeLogin = async () => {
+  const codeLogin = async (tip: boolean = false) => {
     if (!phonePass.value) {
       return
     }
@@ -259,8 +264,12 @@
       })
       uni.hideLoading()
       if (result.errorCode === Result.Success.code) {
+        let url = `/pages/code/code?phone=${phone.value}&type=login`
+        if (tip) {
+          url = url + `&tip=true`
+        }
         await uni.navigateTo({
-          url: `/pages/code/code?phone=${phone.value}&type=login`
+          url
         })
       } else {
         await uni.showToast({
diff --git a/src/static/images/icon_add.png b/src/static/images/icon_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..c11bfa0157f6c99adba8bf2bad63c8e22f6d713f
GIT binary patch
literal 2278
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
AW&i*H

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_audit.png b/src/static/images/icon_audit.png
new file mode 100644
index 0000000000000000000000000000000000000000..f729f7af6109306abb5f774d914d08ce7a318ad2
GIT binary patch
literal 1497
zcmV;~1t$85P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00001b5ch_0Itp)
z=>Px)lSxEDRCr$Pok3FEFc3v8I1sEdl@)M<kP879g4}>%l_D!R5I7}a8;|kK$fo7)
z-~KF8DX^th|JN;9mgG>)_&NXk>oVR}pN5<6_PR>H<IjQ~2-P;$7V7Zyvbn#VQ*)Sd
z)A{r7+d9-26~&(7w&ku3)pjZjSpX#AtNJtAmunJhn(2X1g}a=ra1el)>QkC$#LtvL
z|F-a6U%mYNle&trpS=Ji@lV2|eiLZHcRg?@8;k<Ll>c3q+q-`s1YZE4`1Zt;vS_S3
z*a3iPU&_^X%Natj1Hjqyb#2#lS|;LwP;Fm-JY2P9bpSB+i?|n}kp6g}1Ax&Fp`DnK
zubYRYefo#dFXmU6g4!&Q066=1{m98480};XZN>s00C4ap<5aLx;uAq&`Ug`@(A)$7
z)4!lc(Ta+14+#L8YJ&DA0NDQvdK9cE0stmh0dtuF3OE(1NCJSQRsmZHKmn&B6-fY)
z)GA;r0Vv>9q#_9bl3E39B>)ASid5vf0O;+cNg}<!Z>y7&Zb#D^H@)}<pcVYBzB{xw
zei*T7>stec_YE;V0f<wa6Gh*bw&UB<_&2X0xC0<}OVreU+Usj`R{$K_1~pamvFp8o
z-~)icQfCRF50&8w0v7-*5&1(PysV>u2S7vo76uOxKm$-}z?a*Fc-Tq@4M4lOAy=>x
z*P&+tSOB!6zl8}s3%~+kA^JUx1uy|v__6O;*MXb`AOWzF{ylU9m;f9(_~=-~miRmB
z@_GUwL<8#603-mG27u@TK?1-GfOjsC=JfAAUf2Z)MN&>NCIJB5V+q*>5P+O8$-4#<
zfXsuC^IRZv6(0j-{FqmYwV6QR)6^j|K%~S{H-I_-On!t-U4~`@QGEyvKxL#GKwlpS
zn*pqJ1IW>jodJ^dy9XcVjUeT&LXUoY01^Xv-^P)X{i7u0H2{5IKz9LcLo}WUkVpRR
z09d*!@R0hu;6We6bPZXsEAZko7h`~aI$L6$fT!qp2SDkrz?=B~04O{~>}BBRZxFcC
zqB3&>9;4r71}HT{=rQ^Uz=YW$Pa}WdT|j{;Vz24nZ3c)9lYAs3025NBl}iago)RwJ
z1&lRS5&*9QKz0FnLE`$miY_yN^ebX7uYSjPCjhxw0CeNWvF5o1K(haD9q4r&;0^%k
z^xuylkCQ>J04OQGr)6NaW&)d&y`xc6j&wiPw^{ysdmO!m6UbFFK<S9J3_;2$2DX%`
z0#IVGW?l55ecBMH0kHPyw=%fY1HjPUKJBcb`G~0o0Mq{`b_75>1eNP20LlVrS5E-6
z6;Q6904NKfT|EKNRzSIa0-!8_cJ%~6TLI<z34pQy+SL;PZ3UF;UnKy_K4<lf2h^s5
zsela+5C9uGs98Y()Ld_)Vgg`82Q@3y0O0Fjz77s**c+>Om5+hU0L%c)01X4o0LD`C
z(&i9=r9Ez}J_2A&kfqI8B>?e+@1-4WwZ8f^+*EaSsbQbmJb*@HS?5;|5P+3aK>!E<
z-p8X?u9;}_nE^!IiB}i_z|&0BVgexQPQ1bh0G?)|76;8)DAAU%uvs1;0JGfY<feE)
z7c+npG3PWR0^s=^+&Mm3(>?K=CIYY~#RqMTtFqFn9CiaMq@elodICWEthyDtU%kog
zF@4>-JdXz<t9#k70qvsP4gh8W!)ghe)<2|kXJszO0>Yj)T3mlg{tf_qBs8j+pjmM#
zUjJ0~FKhD&fuOgI6*YD~^XTRbjt7h>Ct%LL!@2kF&LIQ>UN=(2FzxrvI=DTH-GLDW
z=bF)cjpfjnShDu#F&oTPK<~cX?=fTn&^9B15b6u9O$>VO1gSYjd>x)%Hutx=7Ec18
zUuXwI{H4;amfS|Vye?GRwq4<^zKj2#^U<yUQDb`CO7Gt@00000NkvXXu0mjfD*2+@

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_triangle.png b/src/static/images/icon_triangle.png
new file mode 100644
index 0000000000000000000000000000000000000000..d98b25d3ce61232423f9cb4f7a06c083926deadb
GIT binary patch
literal 1181
zcmV;O1Y-M%P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00001b5ch_0Itp)
z=>Px(S4l)cRCr$Poo#O0Fbswz?;<%$db8zZ%P!Iu-93`Qffu-0J}jG*Nb2dIVSp-&
zdLO@}=s3-ZpRRWxcO5;!CjjUi0ssJj&Uc{m@NobD=zIq{55LF(cDvpFGz|N%_xGQj
z?^~Gg%K^ywSIYS??f@Y8=U^QG|KiU100h1v*aiR~_*OrqvPRIQ1{hPoqaPf>9S|}O
zFb_ND!*DtsKR-W@?slWY1<M0KT5yGt9sq#g0t9^k0Kqf}^#B;Rfg;fy40Qp(4FKTV
z4&VsQfoS6Zv#`%89dpjV=_s~gp*aB8uyKPX1lR$9`Tzi^59%{u&jD`Q%Hw~j5A?vW
z4FG9DPx)zP9{>P?8VJ4s00eOmd;&1Fm3i#Eod>@F;0D{(7ym?%$dXo0LL+I_#`$-E
z+pqzl2!wb5O!Wc1gJm4V1c3Trnfjq>fM+3-79Q?SYzLTy&12{L40Hp)HGJIQ`!l!2
z$s(on^2Lyn$y$#Ego^_GIRM8-9N<6m>G*9X9AHjEhiL%-?$sh4fdBxV_YVNz)oCQS
z8vwv70D`xb0bnTrK|uh3QUHR1003(N2=dq&0JZ=SzzqOE0szM#0DvR_Q(74R@$!iz
z0FVa2nHvCr7648_003<OjDr9GwE&pv18Z+H0YFUv47vdTv;e>m2msI$00STZfCT^=
zwv_?E3IL7V00683P#FXOunIs*sm9w(0ALt^>(UfImIeSG08mT|0N@D#1rPwhBLISr
zodLir077m60Nw%E2m$~^0bq(_IG^82{$w8j1OZ^|8T>e(4<+JXN{N#ALw!L+N#KUZ
zt`+{8IZ9#!fRf$P9lKR{0MOM(cXq+fASpmsD$&`c?)v$n06<hCoyjzWCk5zeB|dBE
zv95FhI6&!+)fz9D=btSZ0BQ-k@H(1ye{Tr@uuvH7VYP*)2GCZtWd2Haj{}s5Qeo_P
z*Z=wWc&l)!hnFA)G}!%Cc8>!z5PN<}OTtqF)P|v9p63`?TkP5OEZ+6Bf-3-FU3gM}
zA_Us)Tgjz!3J~4ReDLz+P&j~~@LuemW1yhu<5Zr7#{ss&VDwm58WuG`@s9b+^Yj5q
zMZPmWg56UCtN<aZ@YDcHU<i`uNdZg5zG>gKeoR}q<kiC|0v+}3SF8Nw7Xcv1d44S%
z0MJ36rv~WgSXb%<-8n$?V;ulI*#S?FX-kD%JH8JG=seGNTLWPCuYDn;10eis;p4V~
zvHRufhx(2ngf9|4j00fzt8~BqlG_>p;kOCz+X1k98TGx@02bb+72A0u6S+tM*u5St
zrU5{BJ>l)w0OWan^)1!_-1Sv-w|5Lg_`1TIN&!5kZ6p48)wV?-dA^<U)0LY5fZaFO
zy-f{(@OFf+UjtzG_SCOY1JJ%Tsk?p(!0v4eua*K3-iPoy0FdW>sV`LnaM!!jU8V*=
vc)!ALN&yJ(U-<O^48z{rmm$WHOFojn{?mM}gyZfD00000NkvXXu0mjfh3o;{

literal 0
HcmV?d00001

diff --git a/src/store/user.ts b/src/store/user.ts
index 07b3192..7575ec2 100644
--- a/src/store/user.ts
+++ b/src/store/user.ts
@@ -38,6 +38,9 @@ export const useUserStore = defineStore(
       loginStatus.value = false
       uni.removeStorageSync('userInfo')
       uni.removeStorageSync('token')
+      uni.reLaunch({
+        url: '/pages/login/login'
+      })
     }
 
     return {
diff --git a/src/typings.ts b/src/typings.ts
index b52c6dd..e6d5bc0 100644
--- a/src/typings.ts
+++ b/src/typings.ts
@@ -15,12 +15,12 @@ export type TabBarItem = {
 
 export type HomeTabItem = {
   icon: string
-  title: string
+  name: string
   id: number
 }
 
 export type HomeTab = {
-  title: string
+  name: string
   list: HomeTabItem[]
 }