From e86cf4917349ee759edef3e9e6fd2a88a07deb0a Mon Sep 17 00:00:00 2001
From: hayu <1604366271@qq.com>
Date: Thu, 2 Jan 2025 21:10:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84-=E4=B8=AA=E4=BA=BA=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                        |  14 +-
 pages/mine/index.vue              | 316 ++++++++++++++----------------
 pages/mine/me/basicInfo.vue       | 176 +++++++++++++++++
 pages/mine/me/bindingPhone.vue    | 205 +++++++++++++++++++
 pages/mine/me/index.vue           | 136 +++++++++++++
 static/images/my/complaints.png   | Bin 0 -> 550 bytes
 static/images/my/enter.png        | Bin 0 -> 392 bytes
 static/images/my/evaluation.png   | Bin 0 -> 586 bytes
 static/images/my/notice.png       | Bin 0 -> 1030 bytes
 static/images/my/personalInfo.png | Bin 0 -> 1192 bytes
 static/images/my/report.png       | Bin 0 -> 456 bytes
 11 files changed, 679 insertions(+), 168 deletions(-)
 create mode 100644 pages/mine/me/basicInfo.vue
 create mode 100644 pages/mine/me/bindingPhone.vue
 create mode 100644 pages/mine/me/index.vue
 create mode 100644 static/images/my/complaints.png
 create mode 100644 static/images/my/enter.png
 create mode 100644 static/images/my/evaluation.png
 create mode 100644 static/images/my/notice.png
 create mode 100644 static/images/my/personalInfo.png
 create mode 100644 static/images/my/report.png

diff --git a/pages.json b/pages.json
index 24ad64a..66a96f6 100644
--- a/pages.json
+++ b/pages.json
@@ -42,11 +42,23 @@
       }
     },
     {
-      "path": "pages/mine/info/index",
+      "path": "pages/mine/me/index",
       "style": {
         "navigationBarTitleText": "个人信息"
       }
     },
+    {
+      "path": "pages/mine/me/basicInfo",
+      "style": {
+        "navigationBarTitleText": "基本信息"
+      }
+    },
+    {
+      "path": "pages/mine/me/bindingPhone",
+      "style": {
+        "navigationBarTitleText": "已绑定手机号"
+      }
+    },
     {
       "path": "pages/mine/info/edit",
       "style": {
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index 1261085..d2906c6 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -1,198 +1,180 @@
 <template>
-  <view class="mine-container" :style="{height: `${windowHeight}px`}">
-    <!--顶部个人信息栏-->
-    <view class="header-section">
-      <view class="flex padding justify-between">
-        <view class="flex align-center">
-          <view v-if="!avatar" class="cu-avatar xl round bg-white">
-            <view class="iconfont icon-people text-gray icon"></view>
-          </view>
-          <image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round" mode="widthFix">
-          </image>
-          <view v-if="!name" @click="handleToLogin" class="login-tip">
-            点击登录
-          </view>
-          <view v-if="name" @click="handleToInfo" class="user-info">
-            <view class="u_title">
-              用户名：{{ name }}
-            </view>
-          </view>
-        </view>
-        <view @click="handleToInfo" class="flex align-center">
-          <text>个人信息</text>
-          <view class="iconfont icon-right"></view>
-        </view>
+  <view class="container">
+    <!-- 顶部标题 -->
+    <view class="header">
+      <text class="title">我的</text>
+    </view>
+
+    <!-- 用户信息区域 -->
+    <view class="user-info">
+      <view class="avatar-wrapper">
+        <image class="avatar" src="/static/avatar.png" mode="aspectFill"></image>
+      </view>
+      <view class="user-detail">
+        <text class="username">冯武鹏</text>
+      </view>
+      <view class="star-icon">
+        <uni-icons type="star" size="24" color="#ff9900"></uni-icons>
       </view>
     </view>
 
-    <view class="content-section">
-      <view class="mine-actions grid col-4 text-center">
-        <view class="action-item" @click="handleJiaoLiuQun">
-          <view class="iconfont icon-friendfill text-pink icon"></view>
-          <text class="text">交流群</text>
+    <!-- 我的服务区域 -->
+    <view class="services">
+      <text class="services-title">我的服务</text>
+      <view class="grid-container">
+        <!-- 个人信息 -->
+        <view class="grid-item" @click="navigateTo('/pages/mine/me/index')">
+
+          <view class="icon-wrapper">
+<!--            <uni-icons type="person" size="24" color="#666"></uni-icons>-->
+            <image style="width: 28px;height: 28px;" src="/static/images/my/notice.png"></image>
+          </view>
+          <text class="icon-text">个人信息</text>
         </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-service text-blue icon"></view>
-          <text class="text">在线客服</text>
+
+        <!-- 通知公告 -->
+        <view class="grid-item" @click="navigateTo('/pages/mine/me/index')">
+          <view class="icon-wrapper">
+<!--            <uni-icons type="notification" size="24" color="#666"></uni-icons>-->
+            <image style="width: 28px;height: 28px;" src="/static/images/my/notice.png"></image>
+          </view>
+          <text class="icon-text">通知公告</text>
         </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-community text-mauve icon"></view>
-          <text class="text">反馈社区</text>
+
+        <!-- 投诉建议 -->
+        <view class="grid-item" @click="navigateTo('/pages/feedback/index')">
+          <view class="icon-wrapper">
+<!--            <uni-icons type="chat" size="24" color="#666"></uni-icons>-->
+            <image style="width: 28px;height: 28px;" src="/static/images/my/complaints.png"></image>
+          </view>
+          <text class="icon-text">投诉建议</text>
         </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-dianzan text-green icon"></view>
-          <text class="text">点赞我们</text>
+
+        <!-- 食堂评价 -->
+        <view class="grid-item" @click="navigateTo('/pages/review/index')">
+          <view class="icon-wrapper">
+<!--            <uni-icons type="star" size="24" color="#666"></uni-icons>-->
+            <image style="width: 28px;height: 28px;" src="/static/images/my/evaluation.png"></image>
+          </view>
+          <text class="icon-text">食堂评价</text>
+        </view>
+
+        <!-- 体检报告 -->
+        <view class="grid-item" @click="navigateTo('/pages/survey/index')">
+          <view class="icon-wrapper">
+<!--            <uni-icons type="help" size="24" color="#666"></uni-icons>-->
+            <image style="width: 28px;height: 28px;" src="/static/images/my/report.png"></image>
+          </view>
+          <text class="icon-text">体检报告</text>
         </view>
       </view>
-
-      <view class="menu-list">
-        <view class="list-cell list-cell-arrow" @click="handleToEditInfo">
-          <view class="menu-item-box">
-            <view class="iconfont icon-user menu-icon"></view>
-            <view>编辑资料</view>
-          </view>
-        </view>
-        <view class="list-cell list-cell-arrow" @click="handleHelp">
-          <view class="menu-item-box">
-            <view class="iconfont icon-help menu-icon"></view>
-            <view>常见问题</view>
-          </view>
-        </view>
-        <view class="list-cell list-cell-arrow" @click="handleAbout">
-          <view class="menu-item-box">
-            <view class="iconfont icon-aixin menu-icon"></view>
-            <view>关于我们</view>
-          </view>
-        </view>
-        <view class="list-cell list-cell-arrow" @click="handleToSetting">
-          <view class="menu-item-box">
-            <view class="iconfont icon-setting menu-icon"></view>
-            <view>应用设置</view>
-          </view>
-        </view>
-      </view>
-
     </view>
   </view>
 </template>
 
 <script>
-  import storage from '@/utils/storage'
-  
-  export default {
-    data() {
-      return {
-        name: this.$store.state.user.name,
-        version: getApp().globalData.config.appInfo.version
-      }
-    },
-    computed: {
-      avatar() {
-        return this.$store.state.user.avatar
-      },
-      windowHeight() {
-        return uni.getSystemInfoSync().windowHeight - 50
-      }
-    },
-    methods: {
-      handleToInfo() {
-        this.$tab.navigateTo('/pages/mine/info/index')
-      },
-      handleToEditInfo() {
-        this.$tab.navigateTo('/pages/mine/info/edit')
-      },
-      handleToSetting() {
-        this.$tab.navigateTo('/pages/mine/setting/index')
-      },
-      handleToLogin() {
-        this.$tab.reLaunch('/pages/login')
-      },
-      handleToAvatar() {
-        this.$tab.navigateTo('/pages/mine/avatar/index')
-      },
-      handleLogout() {
-        this.$modal.confirm('确定注销并退出系统吗？').then(() => {
-          this.$store.dispatch('LogOut').then(() => {
-            this.$tab.reLaunch('/pages/index')
-          })
-        })
-      },
-      handleHelp() {
-        this.$tab.navigateTo('/pages/mine/help/index')
-      },
-      handleAbout() {
-        this.$tab.navigateTo('/pages/mine/about/index')
-      },
-      handleJiaoLiuQun() {
-        this.$modal.showToast('QQ群：①133713780、②146013835')
-      },
-      handleBuilding() {
-        this.$modal.showToast('模块建设中~')
-      }
+export default {
+  data() {
+    return {}
+  },
+  methods: {
+    navigateTo(url) {
+      uni.navigateTo({
+        url
+      })
     }
   }
+}
 </script>
 
 <style lang="scss">
-  page {
-    background-color: #f5f6f7;
+.container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+.header {
+  padding: 44px 16px 16px;
+  background: #fff;
+
+  .title {
+    font-size: 18px;
+    font-weight: 500;
+    color: #333;
+  }
+}
+
+.user-info {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  background: #fff;
+  margin-bottom: 10px;
+
+  .avatar-wrapper {
+    margin-right: 12px;
+
+    .avatar {
+      width: 60px;
+      height: 60px;
+      border-radius: 30px;
+    }
   }
 
-  .mine-container {
-    width: 100%;
-    height: 100%;
+  .user-detail {
+    flex: 1;
 
-
-    .header-section {
-      padding: 15px 15px 45px 15px;
-      background-color: #3c96f3;
-      color: white;
-
-      .login-tip {
-        font-size: 18px;
-        margin-left: 10px;
-      }
-
-      .cu-avatar {
-        border: 2px solid #eaeaea;
-
-        .icon {
-          font-size: 40px;
-        }
-      }
-
-      .user-info {
-        margin-left: 15px;
-
-        .u_title {
-          font-size: 18px;
-          line-height: 30px;
-        }
-      }
+    .username {
+      font-size: 18px;
+      font-weight: 500;
+      color: #333;
     }
+  }
 
-    .content-section {
-      position: relative;
-      top: -50px;
+  .star-icon {
+    padding: 8px;
+  }
+}
 
-      .mine-actions {
-        margin: 15px 15px;
-        padding: 20px 0px;
-        border-radius: 8px;
-        background-color: white;
+.services {
+  background: #fff;
+  padding: 16px;
 
-        .action-item {
-          .icon {
-            font-size: 28px;
-          }
+  .services-title {
+    font-size: 16px;
+    color: #333;
+    margin-bottom: 26px;
 
-          .text {
-            display: block;
-            font-size: 13px;
-            margin: 8px 0px;
-          }
-        }
+    font-weight: 400;
+  }
+
+  .grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+
+    .grid-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .icon-wrapper {
+        width: 48px;
+        height: 48px;
+        //border-radius: 24px;
+        //background: #f5f5f5;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 3px;
+      }
+
+      .icon-text {
+        font-size: 14px;
+        color: #666;
       }
     }
   }
+}
 </style>
+
diff --git a/pages/mine/me/basicInfo.vue b/pages/mine/me/basicInfo.vue
new file mode 100644
index 0000000..a20bff3
--- /dev/null
+++ b/pages/mine/me/basicInfo.vue
@@ -0,0 +1,176 @@
+<template>
+  <view class="container">
+    <!-- 顶部导航栏 -->
+<!--    <view class="header">-->
+<!--      <view class="back-icon" @click="goBack">-->
+<!--        <image class="icon" :src="require('@/static/images/icons/back.png')" mode="aspectFit"></image>-->
+<!--      </view>-->
+<!--      <text class="title">基本信息</text>-->
+<!--    </view>-->
+
+    <!-- 个人信息表单 -->
+    <view class="form-container">
+      <!-- 头像区域 -->
+      <view class="avatar-section" @click="handleUpdateAvatar">
+        <image class="avatar" :src="userInfo.avatar" mode="aspectFill"></image>
+        <view class="camera-icon">
+          <image class="icon" :src="require('@/static/images/my/notice.png')" mode="aspectFit"></image>
+        </view>
+      </view>
+
+      <!-- 信息列表 -->
+      <view class="info-list">
+        <!-- 姓名 -->
+        <view class="info-item" @click="navigateTo('/pages/edit-name/index')">
+          <text class="label">姓名</text>
+          <view class="value-wrapper">
+            <text class="value">冯武鹏</text>
+            <image class="arrow-icon" :src="require('@/static/images/my/enter.png')" mode="aspectFit"></image>
+          </view>
+        </view>
+
+        <!-- 手机号 -->
+        <view class="info-item" @click="navigateTo('/pages/mine/me/bindingPhone')">
+          <text class="label">手机号</text>
+          <view class="value-wrapper">
+            <text class="value">18407028572</text>
+            <image class="arrow-icon" :src="require('@/static/images/my/enter.png')" mode="aspectFit"></image>
+          </view>
+        </view>
+
+        <!-- 生日 -->
+        <view class="info-item" @click="navigateTo('/pages/edit-birthday/index')">
+          <text class="label">生日</text>
+          <view class="value-wrapper">
+            <text class="value placeholder">填写生日完善信息</text>
+            <image class="arrow-icon" :src="require('@/static/images/my/enter.png')" mode="aspectFit"></image>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      userInfo: {
+        avatar: require('@/static/images/my/notice.png'),
+        name: '冯武鹏',
+        phone: '18407028572',
+        birthday: ''
+      }
+    }
+  },
+  methods: {
+    goBack() {
+      uni.navigateBack()
+    },
+    navigateTo(url) {
+      uni.navigateTo({
+        url
+      })
+    },
+    handleUpdateAvatar() {
+      uni.chooseImage({
+        count: 1,
+        sizeType: ['compressed'],
+        sourceType: ['album', 'camera'],
+        success: (res) => {
+          // 这里可以处理选择的图片，比如上传到服务器
+          this.userInfo.avatar = res.tempFilePaths[0]
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.container {
+  min-height: 100vh;
+  background-color: #FBFCFF;
+}
+
+.form-container {
+  margin-top: 50rpx;
+  padding: 32rpx;
+  background-color: #FBFCFF;
+}
+
+.avatar-section {
+  position: relative;
+  width: 160rpx;
+  height: 160rpx;
+  margin: 0 auto 48rpx;
+
+  .avatar {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .camera-icon {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 48rpx;
+    height: 48rpx;
+    background: #fff;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+    .icon {
+      width: 32rpx;
+      height: 32rpx;
+    }
+  }
+}
+
+.info-list {
+  background: #fff;
+  border-radius: 16rpx;
+
+  .info-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 32rpx;
+    border-bottom: 1rpx solid #FFFFFF;
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    .label {
+      font-size: 32rpx;
+      color: #333;
+    }
+
+    .value-wrapper {
+      display: flex;
+      align-items: center;
+
+      .value {
+        font-size: 32rpx;
+        color: #333;
+        margin-right: 16rpx;
+
+        &.placeholder {
+          color: #999;
+        }
+      }
+
+      .arrow-icon {
+        width: 32rpx;
+        height: 32rpx;
+      }
+    }
+  }
+}
+</style>
+
diff --git a/pages/mine/me/bindingPhone.vue b/pages/mine/me/bindingPhone.vue
new file mode 100644
index 0000000..dac828b
--- /dev/null
+++ b/pages/mine/me/bindingPhone.vue
@@ -0,0 +1,205 @@
+<template>
+  <view class="container">
+    <!-- 顶部导航栏 -->
+<!--    <view class="header">-->
+<!--      <view class="back-icon" @click="goBack">-->
+<!--        <image class="icon" :src="require('@/static/images/icons/back.png')" mode="aspectFit"></image>-->
+<!--      </view>-->
+<!--      <text class="title">更换手机号</text>-->
+<!--    </view>-->
+
+    <!-- 主要内容区域 -->
+    <view class="content">
+      <!-- 手机图标区域 -->
+      <view class="phone-icon-wrapper">
+        <view class="circle-bg"></view>
+        <image class="phone-icon" :src="require('@/static/images/my/notice.png')" mode="aspectFit"></image>
+      </view>
+
+      <!-- 手机号信息 -->
+      <view class="phone-info">
+        <text class="label">已绑定手机号</text>
+        <text class="phone-number">184****8572</text>
+      </view>
+
+      <!-- 提示信息 -->
+      <view class="tips">
+        <view class="tip-item">
+          <text class="number">1.</text>
+          <text class="text">更换后将使用新的手机号登录</text>
+        </view>
+        <view class="tip-item">
+          <text class="number">2.</text>
+          <text class="text">原手机号记录全部转移至新手机号</text>
+        </view>
+      </view>
+
+      <!-- 更换按钮 -->
+      <button class="change-btn" @click="handleChangePhone">更换手机号</button>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      currentPhone: '18407028572'
+    }
+  },
+  methods: {
+    goBack() {
+      uni.navigateBack()
+    },
+    handleChangePhone() {
+      uni.navigateTo({
+        url: '/pages/verify-phone/index'
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.container {
+  min-height: 100vh;
+  background-color: #fff;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 88rpx;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  padding: 0 32rpx;
+  padding-top: 44px;
+  z-index: 100;
+
+  .back-icon {
+    padding: 20rpx;
+    margin-left: -20rpx;
+
+    .icon {
+      width: 40rpx;
+      height: 40rpx;
+    }
+  }
+
+  .title {
+    flex: 1;
+    text-align: center;
+    font-size: 34rpx;
+    font-weight: 500;
+    color: #333;
+    margin-right: 60rpx;
+  }
+}
+
+.content {
+  margin-top: 50rpx;
+  padding: 32rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.phone-icon-wrapper {
+  position: relative;
+  width: 240rpx;
+  height: 240rpx;
+  margin-bottom: 48rpx;
+
+  .circle-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background: radial-gradient(circle, rgba(255,129,38,0.1) 0%, rgba(255,129,38,0.05) 50%, rgba(255,129,38,0) 100%);
+  }
+
+  .phone-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 80rpx;
+    height: 80rpx;
+    color: #FF8126;
+  }
+}
+
+.phone-info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 48rpx;
+
+  .label {
+    font-size: 28rpx;
+    color: #999;
+    margin-bottom: 16rpx;
+  }
+
+  .phone-number {
+    font-size: 40rpx;
+    color: #333;
+    font-weight: 500;
+  }
+}
+
+.tips {
+  width: 100%;
+  margin-bottom: 80rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .tip-item {
+    display: flex;
+    align-items: flex-start;
+    margin-bottom: 16rpx;
+    width: 80%;  /* 控制提示文本的宽度，可以根据需要调整 */
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .number {
+      font-size: 28rpx;
+      color: #999;
+      margin-right: 8rpx;
+    }
+
+    .text {
+      font-size: 28rpx;
+      color: #999;
+      flex: 1;
+    }
+  }
+}
+
+.change-btn {
+  width: 100%;
+  height: 88rpx;
+  background: #FF8126;
+  color: #fff;
+  font-size: 32rpx;
+  font-weight: 500;
+  border-radius: 44rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+
+  &:active {
+    opacity: 0.9;
+  }
+}
+</style>
+
diff --git a/pages/mine/me/index.vue b/pages/mine/me/index.vue
new file mode 100644
index 0000000..2ce0cd1
--- /dev/null
+++ b/pages/mine/me/index.vue
@@ -0,0 +1,136 @@
+<template>
+  <view class="container">
+    <!-- 顶部导航栏 -->
+<!--    <view class="header">-->
+<!--      <view class="back-icon" @click="goBack">-->
+<!--        <image class="icon" :src="require('@/static/images/my/notice.png')" mode="aspectFit"></image>-->
+<!--      </view>-->
+<!--      <text class="title">个人信息</text>-->
+<!--    </view>-->
+
+    <!-- 菜单列表 -->
+    <view class="menu-list">
+      <view
+        v-for="(item, index) in menuItems"
+        :key="index"
+        class="menu-item"
+        @click="navigateTo(item.path)"
+      >
+        <text class="menu-text">{{ item.title }}</text>
+        <image class="arrow-icon" :src="require('@/static/images/my/enter.png')" mode="aspectFit"></image>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      menuItems: [
+        {
+          title: '基本信息',
+          path: '/pages/mine/me/basicInfo'
+        },
+        {
+          title: '我的地址',
+          path: '/pages/my-address/index'
+        },
+        {
+          title: '健康信息',
+          path: '/pages/health-info/index'
+        },
+        {
+          title: '人脸上传',
+          path: '/pages/face-upload/index'
+        },
+        {
+          title: '修改密码',
+          path: '/pages/change-password/index'
+        },
+        {
+          title: '挂失解绑',
+          path: '/pages/unbind/index'
+        }
+      ]
+    }
+  },
+  methods: {
+    goBack() {
+      uni.navigateBack()
+    },
+    navigateTo(url) {
+      uni.navigateTo({
+        url
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.container {
+  background-color: #FBFCFF;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 88rpx;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  padding: 0 32rpx;
+  padding-top: 44px;
+  z-index: 100;
+
+  .back-icon {
+    padding: 20rpx;
+    margin-left: -20rpx;
+
+    .icon {
+      width: 40rpx;
+      height: 40rpx;
+    }
+  }
+
+  .title {
+    flex: 1;
+    text-align: center;
+    font-size: 34rpx;
+    font-weight: 500;
+    color: #333;
+    margin-right: 60rpx;
+  }
+}
+
+.menu-list {
+  margin-top: 50rpx;
+  background: #FFFFFF;
+
+  .menu-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 32rpx;
+    border-bottom: 1rpx solid #f5f5f5;
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    .menu-text {
+      font-size: 32rpx;
+      color: #333;
+    }
+
+    .arrow-icon {
+      width: 32rpx;
+      height: 32rpx;
+    }
+  }
+}
+</style>
+
diff --git a/static/images/my/complaints.png b/static/images/my/complaints.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e452a07633da4f83040a3bbc75abcd679356998
GIT binary patch
literal 550
zcmV+>0@?kEP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0lP^=K~#7F?U+GQ
z!axv3e-EH5HQs=gu+$r54OWRah&S*ClqXScfK`I-h&NyflncB;5O);Qc3faULd`ft
zEh=v_Nl$0$*L0^RX&`6Eq2!HMZg{#hYl_uFhA36Ki3aVliElA^qxWY`QGAVzVLfZe
zaBSkMmY>Xa=N4E*sF*&*V`d7mC5TX#!G|TO0%LJ+qs|q!gjcNvvZfD96#hB6Kv#;U
zj&Tmbn!V7p-lbtIP!jwWmS~;@GK}Fso`bF!hj=pV5dMHX#I6{J`0%7|{T3@lt!VHN
z!U1D}a@Ys3WUe`cBfAq~X57J&f}&SAVk~f*pI$cPWyTfb5Fb_QylGxDg6XK!g5!E|
zt|!we53wu8A=W$(Hq93lo?$_9Jw=81+F$2qEO0t{GR`mC_2d}!Ddk%!&p{Iil-g-f
zE1uEUB^qAY&#V>VRnPs;Q5setK3z<(j+P~@JjBesglQ~=sn4JYj;w8cFt<TUY`oYA
z4Q@<_-TSoyW2Aug@Pi)8R*=n@jJjt@)3+QXn#WbVkKZRGr7u^FsXsyomD&Yq_9X<_
ow&Wz|<d|%~zdTyi(VU&(1ADZJ6VD_hMgRZ+07*qoM6N<$f;ltkIsgCw

literal 0
HcmV?d00001

diff --git a/static/images/my/enter.png b/static/images/my/enter.png
new file mode 100644
index 0000000000000000000000000000000000000000..51fac7c114ff945927254336eaf4d8671fba63c2
GIT binary patch
literal 392
zcmV;30eAk1P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px$LP<nHRA@u(*g+1#KokbxzjYCA!YLXn>sbm8U@x)k5-Z^nI0+Xqq(OoZ`uhIY
zG<jWjCja;TCNpV*hCfNe^TPpkH|Py`0~IIWpHRgCR$lH6ypM36uiFvnAR-<np}(&@
z;vXBRH!#aLM*wXArvzAzLN;Y02!QPlxODHK=?HZ|@d=%g?(QuV4k|(&P$afQPym()
z8o&xc1y~^H05-w|z(kk<SO`-917Qx(M$`iMh8TyeQ}*6eGoZD2x;J4QveJ1<FDN^q
zPw(HZ8n59mh&{>m+Z>=7z8H=vKs&rCfDzsdzzS~yV1}my*x{)Fi|{mnRd@=(GCTz^
z%U^!0KzhRdd*Z7fWX}M0cuE70UyCW?Y8d*be<vw@PrU(Y5a~JxNGGSY&KuC0q;wx|
mKsq_Cb>4v1B&GW_zJV*PUf3~UNvk{n0000<MNUMnLSTa59hkNN

literal 0
HcmV?d00001

diff --git a/static/images/my/evaluation.png b/static/images/my/evaluation.png
new file mode 100644
index 0000000000000000000000000000000000000000..388123b2e3537babe08707579d0d1b5a4ca41c2a
GIT binary patch
literal 586
zcmV-Q0=4~#P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0pCePK~#7F?UzkX
z!ax*&-wYUcrrw|{C2rIcShnhdBftst2Ivtyf#n2}7>GOJ1iCVWm{@Nx5#xfEK4%&*
zfYbkWO0?gm;q^87GLL!l2B74RLu5hipmF3n_5~<}(yePY>RRjZsw^32_8lRhgF?`?
z8~m}m9;ZI}I;e(#CJR>~oB<+OkOT8789_Orf-ZtN8TUGn16u90iAao~910swDVUbc
z5k!2Jg*QWx%aQ3<UG^$UoB4&<eXdJR;(UX=T}ivaT#i`-23ZLTIo`vXalR3ToE1UG
zsk~L4$%>q&H#BB-e|{HQ;?LLn;fh@C{0g`2C#}}d7qLVuNGT5aD#rRolsM?UCx_Vf
za?yU|l65gWBobt!zR4dZWW=)EA_R2moy~>sVu>6h6|A$DzSnjN6%3OTBr5UF-q~%?
zF6PsZ`7!RbAf=q3kQIz7Cr~aJM^2Ei&CEJ8*S~F4D7-@ka)|}m=wSdcNg^juQsO9b
z%csXOxeG>>6Q>8L7S#67E@Q~)pjwb$xDFwO9Duqu<Fg^A287(f6Yb)t%ukaRq@cVs
zr6sh)ln(`bI4~dw_)wvT<wW@p8YJHEoGCsfCJdB=mMkh=K|-8k*R8ZcA+!oNQ1T!7
Y2E9lM2jHtz=>Px#07*qoM6N<$g7X~tn*aa+

literal 0
HcmV?d00001

diff --git a/static/images/my/notice.png b/static/images/my/notice.png
new file mode 100644
index 0000000000000000000000000000000000000000..8094a53cc675db80f54d36bf0733b3d3b481afea
GIT binary patch
literal 1030
zcmV+h1o``kP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1Di=iK~#7F?O0t>
z8bJ{59+AYPO7{lYynxAzdV=6v1XIBi1Wyn>fp`M-1mFoERRXEX19*avH^Ed%Zm^P6
z#qcwoo?VvxVWoD3;)$=yVtaOG`kU$B6<~=amRJI`&8)tW%+&esF4DTU*==oeKR<0w
z3}%E<Lc@NEANA<#26X_^wB(*)v})%;^90NQZSzCUQWBBec2={=DVac=@lB>+o&=R?
zh-AT55(P%HY#_>G_ZUekDOZ7632J&)(>60jB07N?VBA!T2;h)J(1`j4n1!G^A;tT3
zBKQPzfYGX)6M)<IQhrm1Ca4zj3F~~)ZD*7^J_W&Rr$nn*TRr9LGsZjmEQ8}s-eivC
z5VqhEAVSVFK-5Gb4_E~g$FXVdTNU(^vjajMrrW9<`}bZ?q)!krZ_EFBq(9tMf2n6P
z&6u|%=?oD<fuua|-qwz-wdv_|ho)bdfyCP%X^FjSqg^Yz=ZF{a3;H`avI8!@3b_Y>
zQ}dlQMd}a|1oFrx7Y2yK1CI$o6f`~MiF_5+{HE!w!Ib?Rn5a1jib3O2%Hp4&wQGm~
z<K}BeOY9#KLdnt&ntZmVg6zVh6R?axsgbZfm0-7BIfOaFXkV4N3^w>NWpX6*hCBp?
zj9ruHTLK^A`Rnv6<%cs>k|^K+8Jp0X2}XDc9k&=;Azl40jG#dJ;Yg_a-&=m@njwTa
zXJG^*1IZ-3FoIITD@Sr7)`n^z+%gRpOpsGY&e87mHxmy7k6*@caBuzwZML4s6oSTu
zz)R!issRzf$vnrYOSfgoDaAiW5^TBagmL?=`6$7OvNi(O$sAXmQzn^*(B!zmpuVfV
zQs;NOdO4w!I0ZQj8}`G<#G(Tsp^Eu>GIJJwe&5s3N^)wh4YLnK%8u879N(~cgUW1d
zhC?awU62y?A9i48165Nu66q9*IG3>=Oard09*mm>qI}Tp0St0(iBr-Sm#%QIx{_YW
zm%}>T$rKSOZx8sp8GEf9^gedm)zgW0mJ7IVxxstvMkZ)&_MSHr^`JyMjo>t>fOPx(
za41vmdLJpxsKSqH@f`?=!lyv>pl)*P0u#+h<UFWK(tYddK=~8Q0P~Abf-BglBZQoA
zfhQ+w<xlK;hwff4G&%n8;sbgz0TLZ63&FeyDwtnpIM`9AkF>7CpPehQUHfp#8vZVO
zu28|l{oePDWIFP{KGu_apJ7q(xAIFYvBU!KABMM>+75+v(EtDd07*qoM6N<$f^>k}
Ay#N3J

literal 0
HcmV?d00001

diff --git a/static/images/my/personalInfo.png b/static/images/my/personalInfo.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd3198470432a6e00a41b37517c4ffb1425c2d20
GIT binary patch
literal 1192
zcmV;Z1XufsP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1U*SaK~#7F?U+q(
z6Gs@wpBV?gpq4HrNR@i%qAHHXrRLV2*xXRks_rMiJ@y3OAm$S!Ire1d6W~fs0^)#k
zf*a<7VvNKdIRt6Ki{#ked3eV5de`gqdS`7R4*Vob`!YNJYo2-D2H*>aK|&0(WI(oG
z1dt{Gx51G@v=5uGWV8g1MBPQin{;c146zZR!TE)I;-qfF5{NC(xLzuv)4NZXW}NYi
zF%tQI1r{U~XOL0&qm0ryQkM`PE3=w6&fm5l!UFJl0|qOHvKn~Ykm!`pyJ()Z4j4QC
zc-e8JMW(O$2a$R18in60umE#S{N4K2Yw($sL{#3rJiIq+{BSFDX)CbtH)QS&GIs+K
z5V?XzVY93wP9a{@n~cc~k|liKZ9_sL1tPLLzB_xKI2Up9fV^4m`W{)?Ynwko0%i&{
ziY4U`MfYAJtANhL7t?$GRZOR`1PPeEf}MWRf1BdYF=!x~b)i;$`~Z0o60kD+mC6vF
z4=J;OCKR-3Kf+95MxkT^bS+3EP;vnby~#|=5Oza=1|-gm9?_-H#HvvvW}BGzC-Z9d
zn<OSOy-T0DHJB-IXi{&JONqBZgJ6iF?;DVS$UuE5zqw68wlW?ZGvKPC0yDj5o<OwE
zT8Gyl0g-W#bGaV~xYgmto+qwf1^?=4hA2Og#X{%wmB_8Gozvwl_x}N9Id^qEmtDPX
zcTP_xoQCqQg{eVN@$2{@Vv_>=Kah}E<(5&{s!_-Y+k*`fFcitSMQQ@o4%#a1B?(b3
zvC6H^X}g}evZnT+6?kRR!@}T4eja$&AaQ>!B2J-KQLk+lk+U5LucloDf~>r29qom^
zyp-RnQhY2!OjbaHQO~hq6mFRkSN;U)&<gUQSs80e$7z0eb)=ONmnzU@WVSu{3}_2<
zyE%#Q3pt3FT@VCk@)&rg8Pzax?(92~oGT_;O_S{PZZpox)80A-wFFRm|MFlT7G$o#
z!HQ-26$HEk`cRm;u(3!B8X0C(*1%Nn33!3pkBWa!RUb@VDMt4{1gB7eJ$)trru(-2
z91_4H#bNI;O!mQo(%r5~{9)dzyqk6zl~AzlZ<-Wj@^TWBhYFld_Ap3UjK>eW!9rv3
zXA*CO9gnEWM@n`xY@Tp0racFf-CT|G>EED%YOsv;turclcgFK@cApC08^OX?iJKL?
zr>dEOY5fi{O!ivhTtw?&SGB6XN2W|))N-~dCrN+*^NzodAhZ6asv1ZL9eo^USMwH(
zEW&^lbKm~>Z%5c2cTDc;+GQ&J)qgaDzo|V)Ckf+5B#CLm7?fd%kKKC-SbE<&{4dV8
zJUG$BOYAKroeisSuP0&1V)w`s0;QCmCsFDW?MF*HkVIg0_nI-Z;(ix!5@vdru+-C1
z&d>|g$YLMkO@tZF@t9nGI0wW}=yB-xQ?IGVsliviGRY^F6y{5(%48@20000<MNUMn
GLSTaRp(u_3

literal 0
HcmV?d00001

diff --git a/static/images/my/report.png b/static/images/my/report.png
new file mode 100644
index 0000000000000000000000000000000000000000..3bf21b46bf976e2951f74b846d2412e8875244bf
GIT binary patch
literal 456
zcmV;(0XP1MP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0bNN%K~#7F?U+GI
z#4r?w|Cd&mQg6_e46gJBUF)Vt=nXuAcmz*iJ%NHKE<3j<B3N%w(3P!;85mp)Nt@6n
z4r9K}gO|7X>Hl8xC=l3jNR>>E^Ap~87w`yUdsl6J-)!b%Rk8T)?ud}WBZ7Ci42PR}
zrm0Wi8$zN=#~7y)0u3Cnb}1XG85PI{%8!@FTR0$DoE1V)HdMo~<!rq`lOFtKZOM)5
zOtwPdq7|$JnvyK?6!^;2r~8%azSH4E;7XkSOLv6~4GalGG8HElxAjvgLx~x%64>|A
z8)Ljwokfh^;Q%XvpRW%~8J6%!7?P>X_L7)l`{D$Pr($^z@@i!fCJ-^ZTfj<STR%5|
zo9$Z1u1)dK8fA*pbxXfSnG)75-&juZd~1{`!Q!cmTFeN=!O?jJ2gqM4=~#_P4`xL8
yGc*=c3-5?Vl~sO0qW+Zg=n@`bF|HB#kNf}^>2Fpp2Z+`H0000<MNUMnLSTX>CA_cz

literal 0
HcmV?d00001