From d1448cb0ef10f358bb7bddb4e1ec268515e0b787 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 15 七月 2025 11:46:57 +0800
Subject: [PATCH] 项目初始化
---
pages/center/index.vue | 137 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 137 insertions(+), 0 deletions(-)
diff --git a/pages/center/index.vue b/pages/center/index.vue
new file mode 100644
index 0000000..c5da130
--- /dev/null
+++ b/pages/center/index.vue
@@ -0,0 +1,137 @@
+<template>
+ <view>
+ <Navbar :hideBtn="true" bgColor="#f3f4f6"></Navbar>
+ <view class="profile-top">
+ <view class="user-info">
+ <view>
+ <view class="user-info--name">{{ user.nickName }}</view>
+ <text class="user-info--account">{{ user.email || user.phonenumber || user.userName }}</text>
+ </view>
+ <view>
+ <u-avatar src="/static/img/avatar.png" size="120rpx"></u-avatar>
+ </view>
+ </view>
+ <view style="padding: 40rpx 40rpx 0 40rpx;">
+ <view class="profile-rule">
+ <u-row>
+ <u-col span="8">
+ <view style="color: white; font-size: 20px;">{{ user.dept ? user.dept.deptName : '鏈煡閮ㄩ棬' }}</view>
+ </u-col>
+ <u-col span="4">
+ <u-button icon="question-circle" text="闂鍙嶉" style="height: 36px;"></u-button>
+ </u-col>
+ </u-row>
+ </view>
+ </view>
+ </view>
+ <view style="padding: 40rpx; background-color: #fff;">
+ <u-grid>
+ <u-grid-item @click="navigateTo('/pages/center/profile')">
+ <u-icon name="account-fill" color="#2979ff" size="60rpx"></u-icon>
+ <text class="btn-text">涓汉璧勬枡</text>
+ </u-grid-item>
+ <u-grid-item @click="resetPassword = true">
+ <u-icon name="lock-fill" color="#2979ff" size="60rpx"></u-icon>
+ <text class="btn-text">淇敼瀵嗙爜</text>
+ </u-grid-item>
+ <u-grid-item @click="navigateTo('/pages/center/log')">
+ <u-icon name="coupon-fill" color="#2979ff" size="60rpx"></u-icon>
+ <text class="btn-text">鎿嶄綔鏃ュ織</text>
+ </u-grid-item>
+ </u-grid>
+ </view>
+
+ <view style="padding: 40rpx; margin-top: 300rpx;">
+ <u-row gutter="32">
+ <u-col span="6">
+ <u-button icon="phone" text="鑱旂郴鎴戜滑" plain></u-button>
+ </u-col>
+ <u-col span="6">
+ <u-button icon="reload" text="閫�鍑�" type="error" @click="logout"></u-button>
+ </u-col>
+ </u-row>
+ </view>
+
+ <Password :show="resetPassword" @close="resetPassword = false"></Password>
+ </view>
+</template>
+
+<script>
+import Navbar from '@/components/navbar/Navbar'
+import Password from './password.vue'
+
+export default {
+ components: {
+ Navbar,
+ Password,
+ },
+ data () {
+ return {
+ user: {},
+ resetPassword: false
+ }
+ },
+ created () {
+ this.getInfo()
+ },
+ methods: {
+ getInfo () {
+ const app = this
+ app.$store.dispatch('Info').then(res => {
+ app.user = res.user
+ })
+ },
+ navigateTo (url) {
+ uni.navigateTo({ url: url })
+ },
+ logout () {
+ const app = this
+ app.$store.dispatch('Logout').then(res => {
+ uni.reLaunch({
+ url: '/pages/login/index'
+ })
+ })
+ }
+ }
+}
+</script>
+
+<style lang="scss">
+.profile-top {
+ background-color: #f3f4f6;
+ padding-top: 50rpx;
+}
+
+.profile-rule {
+ height: 140rpx;
+ line-height: 140rpx;
+ padding: 0px 40rpx;
+ background-color: $u-main-color;
+ border-radius: 16px 16px 0 0;
+ box-shadow: 0px 16px 26px rgba(0, 0, 0, .8);
+}
+.btn-text {
+ font-size: 28rpx;
+ color: #606266;
+}
+
+.user-info {
+ display: flex;
+ justify-content: space-between;
+ padding: 40rpx;
+ max-width: 100%;
+ color: #303133;
+
+ &--name {
+ font-size: 56rpx;
+ font-weight: bold;
+ width: 100%
+ }
+
+ &--account {
+ font-size: 26rpx;
+ color: #909399;
+ }
+
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3