From cca5a4d918c2c843d5912f04dbac8186b115f53f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E9=B9=8F?= <fanpeng@star-lock.cn>
Date: Thu, 22 Aug 2024 15:03:30 +0800
Subject: [PATCH] =?UTF-8?q?1.=20=E5=AE=8C=E6=88=90=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3UI+=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                    |   6 +-
 api/lock.js                  |  12 ++
 config/env.js                |   2 +-
 pages.json                   |  16 ++-
 pages/home/home.vue          | 224 +++++++++++++++++++++++++++++++++--
 pages/mine/mine.vue          |   3 +-
 pages/userInfo/userInfo.vue  |   2 +-
 static/images/icon_add.png   | Bin 0 -> 4447 bytes
 static/images/icon_lock.png  | Bin 0 -> 1801 bytes
 static/images/icon_power.png | Bin 0 -> 2916 bytes
 stores/lock.js               |  54 +++++++++
 stores/user.js               |   7 +-
 12 files changed, 310 insertions(+), 16 deletions(-)
 create mode 100644 api/lock.js
 create mode 100644 static/images/icon_add.png
 create mode 100644 static/images/icon_lock.png
 create mode 100755 static/images/icon_power.png
 create mode 100644 stores/lock.js

diff --git a/README.md b/README.md
index 4b0a536..129604d 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@
 #### HBuilderX + 微信开发者工具（推荐使用IntelliJ工具编写，HBuilderX代码提示等功能做的较差）
 
 ## 技术栈 + 运行方式
-#### Uni-app创建的vue3项目，vue3 + pinia + uview-plus
+#### [uni-app](https://uniapp.dcloud.net.cn/)创建的vue3项目，目前并未使用uni-app x和uniCloud，主要使用vue3 + pinia + uview-plus
 #### 在HBuilderX中点击 文件 -> 导入 -> 从本地目录导入，选择项目目录即可导入项目 
 #### 运行只需执行`npm i` 安装依赖(node版本 v20.16)，然后在HBuilderX中点击运行 -> 运行到微信开发者工具即可（运行前勾选运行时压缩代码）
 
@@ -21,6 +21,6 @@
 
 ## 公共方法
 #### 示例在index页面中，后续添加公共方法会在文档中说明
-1. utils/request 请求方法（目前不了解服务端返回规则，仍需完善）
+1. utils/request 请求方法
 2. pinia 全局状态管理
-3. uview-plus Uni-app常用UI组件库，且提供很多常用api [官方文档](https://uiadmin.net/uview-plus/components/intro.html)
+3. [uview-plus](https://uiadmin.net/uview-plus/components/intro.html) Uni-app常用UI组件库，且提供很多常用api
diff --git a/api/lock.js b/api/lock.js
new file mode 100644
index 0000000..d1f39b7
--- /dev/null
+++ b/api/lock.js
@@ -0,0 +1,12 @@
+import request from '../utils/request'
+
+// lock 锁模块
+
+// 获取锁列表
+export function getLockListRequest(data) {
+  return request({
+    url: '/lock/list',
+    method: 'POST',
+    data
+  })
+}
diff --git a/config/env.js b/config/env.js
index d42cdfb..e30867e 100644
--- a/config/env.js
+++ b/config/env.js
@@ -22,4 +22,4 @@ const PROD = {
 }
 
 // 更换环境的时候 切换导出就行
-export default DEV
+export default PRE
diff --git a/pages.json b/pages.json
index a0cbc20..348bf49 100644
--- a/pages.json
+++ b/pages.json
@@ -9,10 +9,22 @@
 	},
 	"pages": [
 		{
-			"path": "pages/home/home"
+			"path": "pages/home/home",
+			"style": {
+				"navigationBarTitleText": "星星锁",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#63b8af",
+				"navigationStyle": "default"
+			}
 		},
 		{
-			"path": "pages/mine/mine"
+			"path": "pages/mine/mine",
+			"style": {
+				"navigationBarTitleText": "星星锁",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#63b8af",
+				"navigationStyle": "default"
+			}
 		},
 		{
 			"path": "pages/index/index"
diff --git a/pages/home/home.vue b/pages/home/home.vue
index df0ef85..f6eeefa 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -1,45 +1,136 @@
 <template>
 	<view>
-    <view v-if="isLogin">111111</view>
-    <view v-else>
-      <view class="button-login" @click="login">登录</view>
+    <view v-if="!penging">
+      <view v-if="isLogin">
+        <scroll-view scroll-y="true" :style="{ height: 'calc(100vh)' }" lower-threshold="100"
+                     @refresherrefresh="refresherList" :refresher-enabled="true" @scrolltolower="nextPage"
+                     :refresher-triggered="refresherTriggered">
+          <view class="search">
+            <up-search :searchIconSize="48" :inputStyle="{ fontSize: '32rpx' }" @focus="getFocus" @blur="getBlur"
+                       :height="80" placeholder="搜索" :clearabled="false" @change="changeSearch"
+                       v-model="search.searchStr" bgColor="#ffffff" :showAction="false" maxlength="20"></up-search>
+          </view>
+          <view class="lock-list" v-if="!penging">
+            <view v-if="lockList.length === 0 && search.searchStr === '' && !focus">
+              <image src="/static/images/icon_add.png" mode="aspectFill" class="button-add-big"></image>
+              <view class="text">填加锁时，手机必须在锁旁边</view>
+            </view>
+            <view v-else>
+              <view class="group" v-for="group in lockList" :key="group.groupId">
+                <view class="group-name">
+                  <view class="group-name-text">{{group.groupName}}</view>
+                  <view class="group-name-line"></view>
+                </view>
+                <view class="lock" v-for="lock in group.lockList" :key="lock.lockId">
+                  <view class="lock-top">
+                    <image class="lock-image-lock" src="/static/images/icon_lock.png"></image>
+                    <view class="lock-top-right">
+                      <view class="lock-top-right-power">
+                        <image class="lock-top-right-power-image" src="/static/images/icon_power.png"></image>
+                        <view class="lock-top-right-power-text">{{lock.electricQuantity}}%</view>
+                      </view>
+                      <view>{{getRole(lock.userType)}}</view>
+                    </view>
+                  </view>
+                  <view class="lock-name">{{lock.lockName}}</view>
+                  <view class="lock-time">
+                    <view v-if="lock.keyType !== 1" style="font-size: 32rpx">{{ getTimeLimit(lock.keyType) }}</view>
+                    <view v-else>
+                      <view>{{ timeFormat(lock.startDate, 'yyyy-mm-dd h:M') }}</view>
+                      <view>{{ timeFormat(lock.endDate, 'yyyy-mm-dd h:M ') + getTimeLimit(lock.keyType) }}</view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+        <image v-if="lockList.length !== 0" src="/static/images/icon_add.png" mode="aspectFill"
+               class="button-add"></image>
+      </view>
+      <view v-else>
+        <view class="button-login" @click="login">登录</view>
+      </view>
     </view>
-	</view>
+  </view>
 </template>
 
 <script>
+  import { timeFormat } from 'uview-plus'
   import { getUserInfoRequest } from '@/api/user'
   import { useUserStore } from '@/stores/user'
+  import { useLockStore } from '@/stores/lock'
   import { mapState, mapActions } from 'pinia'
 
 	export default {
 		data() {
 			return {
-
+        search: {
+          pageNo: 1,
+          pageSize: 50,
+          searchStr: ''
+        },
+        refresherTriggered: false,
+        focus: false,
+        penging: false
 			}
 		},
     computed: {
-      ...mapState(useUserStore, ['userInfo', 'isLogin'])
+      ...mapState(useUserStore, ['userInfo', 'isLogin']),
+      ...mapState(useLockStore, ['lockList', 'lockTotal'])
     },
     async onLoad() {
       uni.showLoading({
         title: '加载中'
       })
+      this.penging = true
       const token = uni.getStorageSync('token')
       if(token) {
         this.updateLoginStatus(true)
-        await this.getUserInfo()
+        const code = await this.getUserInfo()
+        if(code === 0) {
+          await this.getLockList(this.search)
+        }
       }
+      this.penging = false
       uni.hideLoading()
     },
 		methods: {
+      timeFormat,
       ...mapActions(useUserStore, ['updateUserInfo', 'updateLoginStatus', 'login']),
+      ...mapActions(useLockStore, ['getLockList', 'getRole', 'getTimeLimit']),
+      async nextPage() {
+        if(this.lockList.length < this.lockTotal) {
+          this.search.pageNo++
+          const { code } = await this.getLockList(this.search)
+          if(code !== 0) {
+            this.search.pageNo--
+          }
+        }
+      },
+      async refresherList() {
+        this.refresherTriggered = true
+        this.search.pageNo = 1
+        await this.getLockList(this.search)
+        this.refresherTriggered = false
+      },
+      async changeSearch(data) {
+        this.search.searchStr = data
+        await this.getLockList(this.search)
+      },
       async getUserInfo() {
         const { code, data } = await getUserInfoRequest()
         if(code === 0) {
           this.updateUserInfo(data)
           console.log(this.userInfo)
         }
+        return code
+      },
+      getFocus() {
+        this.focus = true
+      },
+      getBlur() {
+        this.focus = false
       }
 		}
 	}
@@ -52,6 +143,12 @@ page {
 </style>
 
 <style scoped lang="scss">
+.search {
+  margin-top: 32rpx;
+  width: 686rpx !important;
+  margin-left: 32rpx;
+}
+
 .button-login {
   margin-top: 40vh;
   border-radius: 46rpx;
@@ -65,4 +162,117 @@ page {
   font-size: 48rpx;
   font-weight: bold;
 }
+
+.button-add {
+  width: 120rpx;
+  height: 120rpx;
+  position: fixed;
+  right: 50rpx;
+  bottom: 50rpx;
+  border-radius: 50%;
+}
+
+.lock-list {
+  padding-bottom: 32rpx;
+  width: 672rpx;
+  margin-left: 39rpx;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+
+  .lock {
+    margin-top: 32rpx;
+    width: 320rpx;
+    height: 300rpx;
+    background: #FFFFFF;
+    box-shadow: 0 8rpx 36rpx 0 rgba(0,0,0,0.12);
+    border-radius: 32rpx;
+
+    .lock-name {
+      padding: 0 24rpx;
+      font-size: 32rpx;
+      font-weight: bold;
+      word-break: break-all;
+
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: normal;
+    }
+
+    .lock-time {
+      padding: 12rpx 24rpx 0 24rpx;
+      font-size: 22rpx;
+      font-weight: bold;
+    }
+
+    .lock-top {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 24rpx 24rpx 12rpx 24rpx;
+      font-size: 22rpx;
+
+      .lock-image-lock {
+        width: 64rpx;
+        height: 64rpx;
+      }
+
+      .lock-top-right-power {
+        display: flex;
+        align-items: center;
+
+        .lock-top-right-power-image {
+          width: 40rpx;
+          height: 40rpx;
+          margin-right: 10rpx;
+        }
+      }
+    }
+  }
+
+  .group {
+    width: 672rpx;
+    margin-top: 32rpx;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+
+    .group-name {
+      width: 672rpx;
+      display: flex;
+      align-items: center;
+      font-size: 32rpx;
+      font-weight: bold;
+    }
+
+    .group-name-text {
+      padding: 0 32rpx;
+    }
+
+    .group-name-line {
+      flex-grow: 1;
+      height: 3rpx;
+      background: #E5E5E5;
+    }
+  }
+}
+
+.button-add-big {
+  width: 400rpx;
+  height: 400rpx;
+  margin-top: 250rpx;
+  margin-left: 136rpx;
+}
+
+.text {
+  width: 672rpx;
+  font-size: 32rpx;
+  color: #999999;
+  text-align: center;
+  margin-top: 32rpx;
+  font-weight: bold;
+}
 </style>
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
index 674f154..05c5914 100644
--- a/pages/mine/mine.vue
+++ b/pages/mine/mine.vue
@@ -1,6 +1,6 @@
 <template>
 	<view v-if="buttonInfo">
-    <image :style="{marginTop: buttonInfo.bottom + 10 + 'px'}" src="/static/images/background_mine.png"
+    <image src="/static/images/background_mine.png"
            class="background-image"></image>
     <view v-if="isLogin">
       <view class="view">
@@ -99,6 +99,7 @@ page {
 
 <style scoped lang="scss">
 .background-image {
+  margin-top: 32rpx;
   margin-left: 20rpx;
   width: 710rpx;
   height: 156rpx;
diff --git a/pages/userInfo/userInfo.vue b/pages/userInfo/userInfo.vue
index 5368d89..6ada060 100644
--- a/pages/userInfo/userInfo.vue
+++ b/pages/userInfo/userInfo.vue
@@ -92,7 +92,7 @@ export default {
       const path = e.detail.avatarUrl
       const list = path.split('/')
       const filename = list[list.length - 1]
-      wx.getFileSystemManager().getFileInfo({
+      uni.getFileSystemManager().getFileInfo({
         filePath: path,
         async success (res) {
           const size = res.size
diff --git a/static/images/icon_add.png b/static/images/icon_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0f9a4d9e417a0708aa4e6b772c4222262585c56
GIT binary patch
literal 4447
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
Af&c&j

literal 0
HcmV?d00001

diff --git a/static/images/icon_lock.png b/static/images/icon_lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..79975253c8c1e19cde077ebdda2183ae0199c6e8
GIT binary patch
literal 1801
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

literal 0
HcmV?d00001

diff --git a/static/images/icon_power.png b/static/images/icon_power.png
new file mode 100755
index 0000000000000000000000000000000000000000..ceeeb8dd9b95fd9c094b9799c7b5d55cb8f591fa
GIT binary patch
literal 2916
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

literal 0
HcmV?d00001

diff --git a/stores/lock.js b/stores/lock.js
new file mode 100644
index 0000000..3a67f19
--- /dev/null
+++ b/stores/lock.js
@@ -0,0 +1,54 @@
+/**
+ * @description 锁信息数据持久化
+ */
+import { defineStore } from 'pinia'
+import { getLockListRequest } from '@/api/lock'
+
+export const useLockStore = defineStore('lock', {
+  state() {
+    return {
+      // 锁列表
+      lockList: [],
+      // 锁总数
+      lockTotal: 0
+    }
+  },
+  actions: {
+    getRole(userType) {
+      if(userType === 110301) {
+        return '超级管理员'
+      } else {
+        return '普通用户'
+      }
+    },
+    getTimeLimit(keyType) {
+      if(keyType === 1) {
+        return '永久'
+      } else if(keyType === 2) {
+        return '限时'
+      } else if(keyType === 3) {
+        return '单次'
+      } else {
+        return '循环'
+      }
+    },
+    async getLockList(params) {
+      const { code, data, message } = await getLockListRequest(params)
+      if(code === 0) {
+        this.lockTotal = data.total
+        if(params.pageNo === 1) {
+          this.lockList = data.groupList
+        } else {
+          this.lockList = this.lockList.concat(data.groupList)
+        }
+        return { code }
+      } else {
+        uni.showToast({
+          title: message,
+          icon: 'none'
+        })
+        return { code, message }
+      }
+    }
+  }
+})
diff --git a/stores/user.js b/stores/user.js
index 145a64d..f9b4e10 100644
--- a/stores/user.js
+++ b/stores/user.js
@@ -3,6 +3,7 @@
  */
 import { defineStore } from 'pinia'
 import { getUserInfoRequest } from '@/api/user'
+import { useLockStore } from '@/stores/lock'
 
 export const useUserStore = defineStore('user', {
   state() {
@@ -21,9 +22,13 @@ export const useUserStore = defineStore('user', {
       this.isLogin = status
     },
     async login() {
-      uni.setStorageSync('token', '1041|9UcJSZO3C1uuDnIgG8jXTxNXDIiCrvvIhdj7bFF8c1c07b2d')
+      uni.setStorageSync('token', '3021|MZv7iEf0NwjCPSGx4QWs37zOjeVN3GrSJ2v7D56L7db1fcc5')
       this.isLogin = true
       const { code, data } = await getUserInfoRequest()
+      useLockStore().getLockList({
+        pageNo: 1,
+        pageSize: 50
+      })
       if(code === 0) {
         this.updateUserInfo(data)
       }