From 1d064738e1c6d7d3b12de42897ab3451bf0eee71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BD=AA?= <libiao199803@163.com>
Date: Tue, 15 Apr 2025 10:07:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E9=99=86=E8=BA=AB=E4=BB=BD=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E4=B8=8D=E5=90=8C=E7=9A=84tabbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                |  42 ++++++++++++--
 pages/adminHome/index.vue |  30 ++++++++++
 pages/adminMy/index.vue   |  30 ++++++++++
 pages/adminNfc/index.vue  |  30 ++++++++++
 pages/index/index.vue     |   1 +
 pages/index/planList.vue  |   1 +
 pages/login/login.vue     |  82 +++++++++++++++++++++------
 pages/user/index.vue      |   1 +
 store/index.js            | 116 ++++++++++++++++++++++----------------
 9 files changed, 261 insertions(+), 72 deletions(-)
 create mode 100644 pages/adminHome/index.vue
 create mode 100644 pages/adminMy/index.vue
 create mode 100644 pages/adminNfc/index.vue

diff --git a/pages.json b/pages.json
index 30ddd67..b2a78cf 100644
--- a/pages.json
+++ b/pages.json
@@ -10,6 +10,24 @@
         "navigationBarTitleText": ""
       }
     },
+    {
+      "path": "pages/adminHome/index",
+      "style": {
+        "navigationBarTitleText": "首页"
+      }
+    },
+    {
+      "path": "pages/adminNfc/index",
+      "style": {
+        "navigationBarTitleText": "nfc写入"
+      }
+    },
+    {
+      "path": "pages/adminMy/index",
+      "style": {
+        "navigationBarTitleText": "nfc写入"
+      }
+    },
     {
       "path": "pages/login/login",
       "style": {
@@ -229,17 +247,29 @@
         "selectedIconPath": "static/tab/home_cur.png",
         "text": "首页"
       },
-      // {
-      //   "pagePath": "pages/my/index",
-      //   "iconPath": "static/tab/my.png",
-      //   "selectedIconPath": "static/tab/my_cur.png",
-      //   "text": "我的"
-      // },
       {
         "pagePath": "pages/user/index",
         "iconPath": "static/tab/my.png",
         "selectedIconPath": "static/tab/my_cur.png",
         "text": "设置"
+      },
+      {
+        "pagePath": "pages/adminHome/index",
+        "iconPath": "static/tab/my.png",
+        "selectedIconPath": "static/tab/my_cur.png",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/adminNfc/index",
+        "iconPath": "static/tab/my.png",
+        "selectedIconPath": "static/tab/my_cur.png",
+        "text": "nfc写入"
+      },
+      {
+        "pagePath": "pages/adminMy/index",
+        "iconPath": "static/tab/my.png",
+        "selectedIconPath": "static/tab/my_cur.png",
+        "text": "我的"
       }
     ]
   },
diff --git a/pages/adminHome/index.vue b/pages/adminHome/index.vue
new file mode 100644
index 0000000..6eee195
--- /dev/null
+++ b/pages/adminHome/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <view class="content">
+    <view>管理员首页</view>
+    <u-tabbar :list="vuex_tabbar"></u-tabbar>
+  </view>
+</template>
+<script>
+import { loginApi } from "@/api/apiList";
+export default {
+  data() {
+    return {
+      phone: "13800451500",
+      pwd: "123456",
+    };
+  },
+  mounted() {
+    uni.hideLoading(); // 关闭 Loading
+  },
+  onLoad() {},
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.content {
+  height: 100vh; // 确保容器有明确高度
+  // background-color: skyblue;
+  overflow: hidden;
+  padding-bottom: 100rpx;
+}
+</style>
diff --git a/pages/adminMy/index.vue b/pages/adminMy/index.vue
new file mode 100644
index 0000000..eedf336
--- /dev/null
+++ b/pages/adminMy/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <view class="content">
+    <view>管理员--我的</view>
+    <u-tabbar :list="vuex_tabbar"></u-tabbar>
+  </view>
+</template>
+<script>
+import { loginApi } from "@/api/apiList";
+export default {
+  data() {
+    return {
+      phone: "13800451500",
+      pwd: "123456",
+    };
+  },
+  mounted() {
+        uni.hideLoading(); // 关闭 Loading
+  },
+  onLoad() {},
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.content {
+  height: 100vh; // 确保容器有明确高度
+  // background-color: skyblue;
+  overflow: hidden;
+  padding-bottom: 100rpx;
+}
+</style>
diff --git a/pages/adminNfc/index.vue b/pages/adminNfc/index.vue
new file mode 100644
index 0000000..c75292d
--- /dev/null
+++ b/pages/adminNfc/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <view class="content">
+    <view>管理员--NFC</view>
+    <u-tabbar :list="vuex_tabbar"></u-tabbar>
+  </view>
+</template>
+<script>
+import { loginApi } from "@/api/apiList";
+export default {
+  data() {
+    return {
+      phone: "13800451500",
+      pwd: "123456",
+    };
+  },
+  mounted() {
+    uni.hideLoading(); // 关闭 Loading
+  },
+  onLoad() {},
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.content {
+  height: 100vh; // 确保容器有明确高度
+  // background-color: skyblue;
+  overflow: hidden;
+  padding-bottom: 100rpx;
+}
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index dd5b4cd..9b3e90b 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -104,6 +104,7 @@
         </view>
       </view>
     </view>
+    <u-tabbar :list="vuex_tabbar"></u-tabbar>
   </view>
 </template>
 <script>
diff --git a/pages/index/planList.vue b/pages/index/planList.vue
index 728bbd8..efcda55 100644
--- a/pages/index/planList.vue
+++ b/pages/index/planList.vue
@@ -91,6 +91,7 @@
       :max-date="maxDate"
       @change="changeDate"
     ></u-calendar>
+    <u-tabbar :list="vuex_tabbar"></u-tabbar>
   </view>
 </template>
 
diff --git a/pages/login/login.vue b/pages/login/login.vue
index e93daa2..b459635 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -14,10 +14,10 @@
     </view>
     <u-button type="primary" @click="loginFn" style="margin-top: 50rpx">登陆</u-button>
     <u-button type="primary" @click="login1Fn" style="margin-top: 50rpx"
-      >登陆13800451500</u-button
+      >登陆13800451500管理员</u-button
     >
     <u-button type="primary" @click="login2Fn" style="margin-top: 50rpx"
-      >登陆18174010562</u-button
+      >登陆18174010562清洁工</u-button
     >
   </view>
 </template>
@@ -40,23 +40,69 @@ export default {
     login1Fn() {
       this.phone = "13800451500";
       this.pwd = "123456";
-      this.loginFn();
+
+      const normalTabBar = [
+        {
+          pagePath: "/pages/index/planList",
+          iconPath: "/static/tab/list.png",
+          selectedIconPath: "/static/tab/list_cur.png",
+          text: "计划",
+        },
+        {
+          pagePath: "/pages/index/index",
+          iconPath: "/static/tab/home.png",
+          selectedIconPath: "/static/tab/home_cur.png",
+          text: "首页",
+        },
+        {
+          pagePath: "/pages/user/index",
+          iconPath: "/static/tab/my.png",
+          selectedIconPath: "/static/tab/my_cur.png",
+          text: "设置",
+        },
+      ];
+      this.$u.vuex("vuex_tabbar", normalTabBar);
+      this.loginFn(false);
     },
     login2Fn() {
       this.phone = "18174010562";
       this.pwd = "123456";
-      this.loginFn();
+
+      const adminTabBar = [
+        {
+          pagePath: "/pages/adminHome/index",
+          iconPath: "/static/tab/list.png",
+          selectedIconPath: "/static/tab/list_cur.png",
+          text: "首页",
+        },
+        {
+          pagePath: "/pages/adminNfc/index",
+          iconPath: "/static/tab/list.png",
+          selectedIconPath: "/static/tab/list_cur.png",
+          text: "nfc写入",
+        },
+        {
+          pagePath: "/pages/adminMy/index",
+          iconPath: "/static/tab/list.png",
+          selectedIconPath: "/static/tab/list_cur.png",
+          text: "我的",
+        },
+      ];
+      this.$u.vuex("vuex_tabbar", adminTabBar);
+      this.loginFn(true);
     },
-    async loginFn() {
+    // 路径格式化方法
+    normalizePath(path) {
+      return path.startsWith("/") ? path : `/${path}`;
+    },
+
+    async loginFn(type) {
       let salt = bcrypt.genSaltSync(12);
-      console.log("666");
       let req = {
         phone: this.phone,
         password: bcrypt.hashSync(this.pwd, salt),
       };
-      console.log(req, "req--");
       const res = await loginApi(req);
-      console.log(res, "res--");
       if (!res.succeed) {
         uni.showToast({
           title: res.error || "登录失败",
@@ -66,16 +112,16 @@ export default {
       }
       let token = res.data;
       uni.setStorageSync("token", "Bearer " + token);
-      uni.switchTab({
-        url: "/pages/index/index",
-        success() {
-          console.log("跳转成功");
-          window.initFn = null; // 清除全局函数
-        },
-        fail(err) {
-          console.error("跳转失败", err);
-        },
-      });
+      let userRole = "admin";
+      if (type) {
+        uni.switchTab({
+          url: `/pages/index/planList`,
+        });
+      } else {
+        uni.switchTab({
+          url: `/pages/adminHome/index`,
+        });
+      }
     },
   },
 };
diff --git a/pages/user/index.vue b/pages/user/index.vue
index b720f9e..019d1c7 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -59,6 +59,7 @@
         </view>
       </view>
     </view>
+    <u-tabbar :list="vuex_tabbar"></u-tabbar>
   </view>
 </template>
 
diff --git a/store/index.js b/store/index.js
index 33ce954..ce25bfc 100644
--- a/store/index.js
+++ b/store/index.js
@@ -4,61 +4,81 @@ Vue.use(Vuex)
 
 let lifeData = {};
 
-try{
-	// 尝试获取本地是否存在lifeData变量，第一次启动APP时是不存在的
-	lifeData = uni.getStorageSync('lifeData');
-}catch(e){
-	
+try {
+  // 尝试获取本地是否存在lifeData变量，第一次启动APP时是不存在的
+  lifeData = uni.getStorageSync('lifeData');
+} catch (e) {
+
 }
 
 // 需要永久存储，且下次APP启动需要取出的，在state中的变量名
-let saveStateKeys = ['vuex_user', 'vuex_token'];
+let saveStateKeys = ['vuex_user', 'vuex_token', 'vuex_tabbar'];
 
 // 保存变量到本地存储中
-const saveLifeData = function(key, value){
-	// 判断变量名是否在需要存储的数组中
-	if(saveStateKeys.indexOf(key) != -1) {
-		// 获取本地存储的lifeData对象，将变量添加到对象中
-		let tmp = uni.getStorageSync('lifeData');
-		// 第一次打开APP，不存在lifeData变量，故放一个{}空对象
-		tmp = tmp ? tmp : {};
-		tmp[key] = value;
-		// 执行这一步后，所有需要存储的变量，都挂载在本地的lifeData对象中
-		uni.setStorageSync('lifeData', tmp);
-	}
+const saveLifeData = function (key, value) {
+  // 判断变量名是否在需要存储的数组中
+  if (saveStateKeys.indexOf(key) != -1) {
+    // 获取本地存储的lifeData对象，将变量添加到对象中
+    let tmp = uni.getStorageSync('lifeData');
+    // 第一次打开APP，不存在lifeData变量，故放一个{}空对象
+    tmp = tmp ? tmp : {};
+    tmp[key] = value;
+    // 执行这一步后，所有需要存储的变量，都挂载在本地的lifeData对象中
+    uni.setStorageSync('lifeData', tmp);
+  }
 }
 const store = new Vuex.Store({
-	// 下面这些值仅为示例，使用过程中请删除
-	state: {
-		// 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量
-		// 加上vuex_前缀，是防止变量名冲突，也让人一目了然
-		vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {name: '明月'},
-		vuex_token: lifeData.vuex_token ? lifeData.vuex_token : '',
-		// 如果vuex_version无需保存到本地永久存储，无需lifeData.vuex_version方式
-		vuex_version: '1.0.1',
-	},
-	mutations: {
-		$uStore(state, payload) {
-			// 判断是否多层级调用，state中为对象存在的情况，诸如user.info.score = 1
-			let nameArr = payload.name.split('.');
-			let saveKey = '';
-			let len = nameArr.length;
-			if(nameArr.length >= 2) {
-				let obj = state[nameArr[0]];
-				for(let i = 1; i < len - 1; i ++) {
-					obj = obj[nameArr[i]];
-				}
-				obj[nameArr[len - 1]] = payload.value;
-				saveKey = nameArr[0];
-			} else {
-				// 单层级变量，在state就是一个普通变量的情况
-				state[payload.name] = payload.value;
-				saveKey = payload.name;
-			}
-			// 保存变量到本地，见顶部函数定义
-			saveLifeData(saveKey, state[saveKey])
-		}
-	}
+  // 下面这些值仅为示例，使用过程中请删除
+  state: {
+    // 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量
+    // 加上vuex_前缀，是防止变量名冲突，也让人一目了然
+    vuex_user: lifeData.vuex_user ? lifeData.vuex_user : { name: '明月' },
+    vuex_token: lifeData.vuex_token ? lifeData.vuex_token : '',
+    vuex_tabbar: lifeData.vuex_tabbar ? lifeData.vuex_tabbar : [
+      // {
+      //   "pagePath": "/pages/adminHome/index",
+      //   "iconPath": "/static/tab/my.png",
+      //   "selectedIconPath": "/static/tab/my_cur.png",
+      //   "text": "首页"
+      // },
+      // {
+      //   "pagePath": "/pages/adminNfc/index",
+      //   "iconPath": "/static/tab/my.png",
+      //   "selectedIconPath": "/static/tab/my_cur.png",
+      //   "text": "nfc写入"
+      // },
+      // {
+      //   "pagePath": "/pages/adminMy/index",
+      //   "iconPath": "/static/tab/my.png",
+      //   "selectedIconPath": "/static/tab/my_cur.png",
+      //   "text": "我的"
+      // }
+    ],
+    // 如果vuex_version无需保存到本地永久存储，无需lifeData.vuex_version方式
+    vuex_version: '1.0.1',
+  },
+  mutations: {
+    $uStore(state, payload) {
+      // 判断是否多层级调用，state中为对象存在的情况，诸如user.info.score = 1
+      let nameArr = payload.name.split('.');
+      let saveKey = '';
+      let len = nameArr.length;
+      if (nameArr.length >= 2) {
+        let obj = state[nameArr[0]];
+        for (let i = 1; i < len - 1; i++) {
+          obj = obj[nameArr[i]];
+        }
+        obj[nameArr[len - 1]] = payload.value;
+        saveKey = nameArr[0];
+      } else {
+        // 单层级变量，在state就是一个普通变量的情况
+        state[payload.name] = payload.value;
+        saveKey = payload.name;
+      }
+      // 保存变量到本地，见顶部函数定义
+      saveLifeData(saveKey, state[saveKey])
+    }
+  }
 })
 
 export default store
\ No newline at end of file