diff --git a/pages-home/home/home.vue b/pages-home/home/home.vue index 2967987..0123320 100644 --- a/pages-home/home/home.vue +++ b/pages-home/home/home.vue @@ -3,6 +3,14 @@ + + + + {{ userInfo.userName }} + {{ userInfo.userType }} + + + @@ -44,6 +52,11 @@ export default { }, data() { return { + userInfo: { + avatarUrl: undefined, + userName: '曾廷', + userType: '服务顾问' + }, menuList: [ { title: '新建工单', @@ -86,7 +99,8 @@ export default { appointDate: '2024-10-20 12:00', counselorName: '李相东' } - ] + ], + defaultAvatar: require('@/static/icons/avatar.png') } }, onShow() { @@ -97,6 +111,15 @@ export default { url: menu.path }) }, + avatarErr(err) { + console.log('err', err) + this.userInfo.avatarUrl = this.defaultAvatar + }, + showUserDetail() { + uni.navigateTo({ + url: '/pages/my/myInfo' + }) + } } } @@ -122,7 +145,9 @@ export default { left: 0; width: 100%; height: 500rpx; - background: rgba(1, 116, 246, 0.2); + background-image: url("@/static/bg.png"); + background-size: 100% 100%; + background-repeat: no-repeat; } .body { @@ -134,6 +159,34 @@ export default { padding-bottom: 30rpx; } + .userInfoBox { + margin: 0 32rpx 40rpx; + + display: flex; + column-gap: 20rpx; + align-items: center; + + .userInfo { + flex: 1; + width: 0; + .userName { + font-weight: bold; + font-size: 36rpx; + color: #333333; + display: block; + margin-bottom: 16rpx; + } + + .userType { + font-size: 24rpx; + color: #0174F6; + display: inline-block; + border-radius: 24rpx 24rpx 24rpx 24rpx; + border: 1rpx solid #0174F6; + padding: 8rpx 16rpx; + } + } + } .body-top-grid { display: grid; grid-template-columns: 1fr 1fr; diff --git a/pages-order/choosePeople/choosePeople.vue b/pages-order/choosePeople/choosePeople.vue new file mode 100644 index 0000000..6b00aa0 --- /dev/null +++ b/pages-order/choosePeople/choosePeople.vue @@ -0,0 +1,153 @@ + + + + + diff --git a/pages-order/orderDetail/orderDetail.vue b/pages-order/orderDetail/orderDetail.vue index c29cf5c..7696ba2 100644 --- a/pages-order/orderDetail/orderDetail.vue +++ b/pages-order/orderDetail/orderDetail.vue @@ -4,12 +4,14 @@ - + @@ -110,84 +112,115 @@ 维修项目 - - - {{ item.projName }} - ${{ item.amount }} - - - - - {{ item.date }} + + + + + 保存工单 + + + diff --git a/pages-order/static/dh.png b/pages-order/static/dh.png new file mode 100644 index 0000000..8be09f7 Binary files /dev/null and b/pages-order/static/dh.png differ diff --git a/pages-order/static/tg.png b/pages-order/static/tg.png new file mode 100644 index 0000000..4c7a3c1 Binary files /dev/null and b/pages-order/static/tg.png differ diff --git a/pages.json b/pages.json index 92cca0a..bc28f8e 100644 --- a/pages.json +++ b/pages.json @@ -83,10 +83,24 @@ }, { "path": "orderDetail/orderDetail" + }, + { + "path": "choosePeople/choosePeople", + "style": { + "navigationBarTitleText": "", + "enablePullDownRefresh": true + } + }, + { + "path": "reviewList/reviewList", + "style": { + "navigationBarTitleText": "", + "enablePullDownRefresh": true + } } ] }, - { + { "root": "pages-home", "pages": [ { diff --git a/pages/my/myInfo.vue b/pages/my/myInfo.vue index 26791d5..f2d532a 100644 --- a/pages/my/myInfo.vue +++ b/pages/my/myInfo.vue @@ -1,93 +1,122 @@ \ No newline at end of file +.container { + height: 100%; + background: #fff; + + .body { + border-top: 1px solid #ddd; + padding: 20rpx 32rpx; + } + + .formItem { + box-sizing: border-box; + padding: 40rpx 0; + + display: flex; + align-items: center; + justify-content: space-between; + column-gap: 20rpx; + } + + .formIcon { + width: 44rpx; + height: 44rpx; + } + + .formLabel { + font-size: 32rpx; + color: #333333; + } + + .formValue { + flex: 1; + width: 0; + text-align: right; + font-size: 32rpx; + color: #999999; + } + + .formBtn { + width: 24rpx; + height: 24rpx; + } + + .avatar { + width: 108rpx; + height: 108rpx; + } + + .btn { + width: 520rpx; + height: 80rpx; + border-radius: 40rpx 40rpx 40rpx 40rpx; + border: 1rpx solid #999999; + + margin: 60rpx auto; + + display: flex; + align-items: center; + justify-content: center; + + font-size: 32rpx; + color: #999999; + } +} + diff --git a/static/bg.png b/static/bg.png new file mode 100644 index 0000000..ad4743e Binary files /dev/null and b/static/bg.png differ diff --git a/static/icons/avatar.png b/static/icons/avatar.png new file mode 100644 index 0000000..f9a3109 Binary files /dev/null and b/static/icons/avatar.png differ diff --git a/static/icons/more.png b/static/icons/more.png new file mode 100644 index 0000000..8218d93 Binary files /dev/null and b/static/icons/more.png differ diff --git a/static/icons/userInfo_1.png b/static/icons/userInfo_1.png new file mode 100644 index 0000000..d1cd845 Binary files /dev/null and b/static/icons/userInfo_1.png differ diff --git a/static/icons/userInfo_2.png b/static/icons/userInfo_2.png new file mode 100644 index 0000000..aa1adf3 Binary files /dev/null and b/static/icons/userInfo_2.png differ diff --git a/static/icons/userInfo_3.png b/static/icons/userInfo_3.png new file mode 100644 index 0000000..28ac9fe Binary files /dev/null and b/static/icons/userInfo_3.png differ