From e6a02c8b09a796e436a501e9b87d19e25c34c9d1 Mon Sep 17 00:00:00 2001 From: zjj <3272660260@qq.com> Date: 星期日, 07 四月 2024 15:53:37 +0800 Subject: [PATCH] # --- pages/user/user.vue | 136 +++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 129 insertions(+), 7 deletions(-) diff --git a/pages/user/user.vue b/pages/user/user.vue index 98e5997..bde3de5 100644 --- a/pages/user/user.vue +++ b/pages/user/user.vue @@ -3,12 +3,11 @@ <view class="user" @click="userDetail"> <!-- 澶村儚 --> <view class="user-avatar"> - <img src="" alt=""> - <!-- <image src="" mode="aspectFit"></image> --> + <image src="../../static/image/user__easyico.png" mode="aspectFit"></image> </view> <!-- 淇℃伅 --> <view class="user-info"> - <view class="user-name">闄堥箯</view> + <view class="user-name">{{username}}</view> <view class="user-company">涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</view> </view> <!-- 鏇村 --> @@ -16,19 +15,113 @@ <uni-icons type="right"></uni-icons> </view> </view> + + <view class="taskbox"> + <view class="taskbox-title"> + <y-title title="寰呭鐞嗕换鍔�"></y-title> + </view> + <view class="taskbox-main"> + <view class="taskbox-body" v-for="(item,index) in Data" @click="goDetl(item)"> + <view class="taskbox-body-title">{{item.title}}</view> + <view class="taskbox-body-cell"> + <text class="taskbox-body-number">{{item.value}}</text> + <text class="taskbox-body-unit">涓�</text> + </view> + </view> + </view> + + </view> </view> </template> <script> + import user from '@/pages/api/user/user.js' export default{ data() { return { - + username: '', + Data: [ + { field: 'planPendingTaskCount', title: '瑙勫垝鐢宠鍗�', hide: false,value: ''}, + { field: 'priOnlinePendingTaskCount', title: '鏍镐环瀹℃壒', hide: false,value: '' }, + { field: 'priQuotePendingTaskCount', title: '鎶ヤ环瀹℃壒', hide: false,value: '' }, + { field: 'businessTripPendingTaskCount', title: '鍑哄樊瀹℃壒', hide: false,value: '' }, + { field: 'reimburseOnlinePendingTaskCount', title: '鎶ラ攢瀹℃壒', hide: false,value: '' }, + { field: 'planPriOnlinePendingTaskCount', title: '鍙帴鏀舵牳浠蜂换鍔�', hide: false,value: '' }, + ], + data2: [] } }, + onShow() { + this.getDetail() + this.getPersonData() + }, methods: { + async getDetail() { + let res = await user.getDetail() + if (res.code === 200) { + this.username = res.data.username + console.log(res.data); + } else if (res.code === 403) { + this.backLogin(res) + } + }, userDetail() { - + uni.navigateTo({ + url:'/pages/user/user_detail/userDetail' + }) + }, + backLogin(res) { + uni.showToast({title: res.msg, icon: "none", position: 'top'}) + setTimeout(() => { + uni.reLaunch({ + url: '../login/login' + }); + }, 1000); + }, + // 鑾峰彇浠诲姟淇℃伅 + getPersonData() { + let _this = this + uni.request({ + url: `${_this.baseUrl}/dashboard/personData/auth`, + header: {'token' : uni.getStorageSync('token')}, + success(res) { + res = res.data + if (res.code === 200) { + for (let k of _this.Data) { + k.value = res.data[k.field] + res.data[k.field] + } + } + } + }) + }, + goDetl(item) { + if (item.value > 0) { + let url = '/pages/business' + switch(item.field) { + case 'planPendingTaskCount': + url = `${url}/plan/plan` + break; + case 'planPriOnlinePendingTaskCount': + url = `${url}/pricing/priOnline` + break; + case 'priQuotePendingTaskCount': + url = `${url}/pricing/priQuote` + break; + case 'businessTripPendingTaskCount': + url = `${url}/goBusiness/goBusiness` + break; + case 'reimburseOnlinePendingTaskCount': + url = `${url}/goBusiness/reimburseOnline` + break; + case 'priOnlinePendingTaskCount': + url = `${url}/pricing/priOnline` + break; + } + uni.navigateTo({ + url:url + }) + } } } } @@ -43,8 +136,9 @@ grid-template-columns: 1fr 4fr 1fr; } .user-avatar { - height: 200rpx; - width: 200rpx; + height: 100rpx; + width: 100rpx; + padding: 50rpx; /* background-color: aquamarine; */ display: flex; justify-content: center; @@ -76,4 +170,32 @@ align-items: center; justify-content: center; } + + .taskbox { + margin: 32rpx; + padding: 16rpx; + background-color: #fff; + border-radius: 20rpx; + } + .taskbox-main { + display: flex; + flex-wrap: wrap; + } + .taskbox-body-cell { + /* display: flex; */ + margin-left: 16rpx; + } + .taskbox-body-number { + font-size: 40rpx; + font-weight: bold; + } + .taskbox-body-unit { + margin-left: 8rpx; + /* vertical-align: text-bottom; */ + } + .taskbox-body { + margin: 16rpx; + width: 45%; + /* background-color: aquamarine; */ + } </style> \ No newline at end of file -- Gitblit v1.9.1