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 | 111 ++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 105 insertions(+), 6 deletions(-) diff --git a/pages/user/user.vue b/pages/user/user.vue index f03cfc6..bde3de5 100644 --- a/pages/user/user.vue +++ b/pages/user/user.vue @@ -3,8 +3,7 @@ <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"> @@ -16,6 +15,22 @@ <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> @@ -24,18 +39,28 @@ export default{ data() { return { - username: '' + 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); + console.log(res.data); } else if (res.code === 403) { this.backLogin(res) } @@ -52,6 +77,51 @@ 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 + }) + } } } } @@ -66,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; @@ -99,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