collect_information/package.json

@@ -59,7 +59,6 @@
     "@tarojs/taro": "3.6.25",
     "dayjs": "^1.11.10",
     "pinia": "^2.1.7",
-    "pinia-plugin-persistedstate": "^4.0.1",
     "vue": "^3.0.0"
   },
   "devDependencies": {

collect_information/src/app.config.ts

@@ -22,12 +22,6 @@ export default defineAppConfig({
         iconPath: "assets/mine/punch.png",
         selectedIconPath: "assets/mine/punch-active.png"
       },
-      {
-        pagePath: 'pages/policeManager/index/index',
-        text: '首页',
-        iconPath: "assets/mine/punch.png",
-        selectedIconPath: "assets/mine/punch-active.png"
-      },
       {
         pagePath: 'pages/employeeInfo/employeeInfo',
         text: '员工信息',

collect_information/src/app.ts

@@ -2,10 +2,7 @@ import {createApp} from 'vue'
 import {createPinia} from 'pinia'
 import './app.scss'
 import './assets/scss/colorui.scss'
-import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
-const pinia = createPinia()
-pinia.use(piniaPluginPersistedstate)
 const App = createApp({
   onShow(options) {
     console.log('App onShow.')
@@ -13,6 +10,6 @@ const App = createApp({
   // 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
 })
 
-App.use(pinia)
+App.use(createPinia())
 
 export default App

collect_information/src/custom-tab-bar/index.vue

@@ -1,14 +1,11 @@
 <template>
-  <!--https://developers.weixin.qq.com/community/develop/doc/000c84de0cc590bbe54b97edf5e414?highLine=%25E8%2587%25AA%25E5%25AE%259A%25E4%25B9%2589tabbar-->
+  <cover-view class="tab-bar">
-  <!--微信官方 回复 关于 自定义tabbar切换时会闪烁-->
+    <cover-view class="tab-bar-border"></cover-view>
-
+    <cover-view v-for="(item, index) in list" :key="index" class="tab-bar-item" @tap="switchTab(index, item.pagePath)">
-  <view class="tab-bar">
+      <cover-image :src="selected === index ? item.selectedIconPath : item.iconPath"/>
-    <view class="tab-bar-border"></view>
+      <cover-view :style="{ color: selected === index ? selectedColor : color }">{{ item.text }}</cover-view>
-    <view v-for="(item, index) in list" :key="index" class="tab-bar-item" @tap="switchTab(index, item.pagePath)">
+    </cover-view>
-      <image :src="selected === index ? item.selectedIconPath : item.iconPath"/>
+  </cover-view>
-      <view :style="{ color: selected === index ? selectedColor : color }">{{ item.text }}</view>
-    </view>
-  </view>
 </template>
 
 <script setup>
@@ -18,9 +15,29 @@ import {useCounterStore} from '@/store'
 
 const store = useCounterStore()
 const selected = computed(() => store.getSelected)
+
 const color = '#000000'
 const selectedColor = '#DC143C'
-const list = computed(() => store.getList)
+const list = [
+  {
+    pagePath: '/pages/projectManager/index/index',
+    text: '首页',
+    iconPath: "../assets/mine/punch.png",
+    selectedIconPath: "../assets/mine/punch-active.png"
+  },
+  {
+    pagePath: '/pages/employeeInfo/employeeInfo',
+    text: '员工信息',
+    iconPath: "../assets/mine/punch.png",
+    selectedIconPath: "../assets/mine/punch-active.png"
+  },
+  {
+    pagePath: '/pages/mine/mine',
+    text: '我的',
+    iconPath: "../assets/mine/my.png",
+    selectedIconPath: "../assets/mine/my-active.png"
+  },
+]
 
 function switchTab(index, url) {
   setSelected(index)
@@ -63,12 +80,12 @@ function setSelected(index) {
   flex-direction: column;
 }
 
-.tab-bar-item image {
+.tab-bar-item cover-image {
   width: 54px;
   height: 54px;
 }
 
-.tab-bar-item view {
+.tab-bar-item cover-view {
   font-size: 20px;
 }
 </style>

collect_information/src/pages/login/login.vue

@@ -30,11 +30,9 @@ import "./login.scss";
 import Taro, { useLoad } from "@tarojs/taro";
 import api from "@/request/index";
 
-import {useCounterStore} from '@/store'
 
-const store = useCounterStore()
+
-useLoad(() => {
+useLoad(() => {});
-});
 const onLogin = () => {
   Taro.login({
     success:  (res) => {
@@ -45,25 +43,12 @@ const onLogin = () => {
             code:res.code
           }
         }).then(async (resp)=>{
-          const {
-            extData: {
-              identity: {value}
-            }
-          } = resp.data
-          if (value === 'police') {
-            store.updateHomePagePath('/pages/policeManager/index/index')  // 公安首页
-          } else {
-            store.updateHomePagePath('/pages/projectManager/index/index')  // 项目经理首页
-          }
-          // 将更新后的 list 存储到 Pinia 和本地存储
-          await Taro.setStorageSync('list', store.list)
             await Taro.setStorage({
             key: "token",
             data: resp.data,
             success(res) {
               Taro.switchTab({
-                // url: '/pages/projectManager/index/index'
+                url: '/pages/projectManager/index/index'
-                url: store.list[0].pagePath
               })
             },
           })
@@ -79,5 +64,8 @@ const onLogin = () => {
   });
 
 
+
+
+
 };
 </script>

collect_information/src/store/index.ts

@@ -1,51 +1,19 @@
 import {defineStore} from 'pinia'
-import Taro from '@tarojs/taro'
 
 export const useCounterStore = defineStore('counter', {
   state: () => {
     return {
       userInfo: {},
-      selected: 0,
+      selected: 0
-      list: Taro.getStorageSync('list') || [
-        {
-          pagePath: '/pages/projectManager/index/index',
-          text: '首页',
-          iconPath: "/assets/mine/punch.png",
-          selectedIconPath: "/assets/mine/punch-active.png"
-        },
-        {
-          pagePath: '/pages/employeeInfo/employeeInfo',
-          text: '员工信息',
-          iconPath: "/assets/mine/punch.png",
-          selectedIconPath: "/assets/mine/punch-active.png"
-        },
-        {
-          pagePath: '/pages/mine/mine',
-          text: '我的',
-          iconPath: "/assets/mine/my.png",
-          selectedIconPath: "/assets/mine/my-active.png"
-        },
-      ]
     }
   },
   actions: {
     setSelected(index: number) {
       this.selected = index
-    },
-    updateHomePagePath(newPath: string) {
-      this.list[0].pagePath = newPath
-      // 更新 list 后存储到小程序本地存储
-      Taro.setStorageSync('list', this.list)
     }
   },
   getters: {
-    getSelected: (state) => state.selected,
+    getSelected: (state) => state.selected
-    getList: (state) => state.list
-  },
-  persist: {
-    // key: 'my-store',  // 存储到 localStorage 的 key
-    // storage: localStorage,  // 持久化方式为 localStorage
-    // paths: ['list']  // 持久化 list
   }
 })