From 8b53f063a074d91e7093d35168bf0dc349c83ba9 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期四, 11 七月 2024 14:14:39 +0800 Subject: [PATCH] feat::发运单详情去除折叠 --- pages/loadUnload-page/my-page/my-page.vue | 54 ++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 40 insertions(+), 14 deletions(-) diff --git a/pages/loadUnload-page/my-page/my-page.vue b/pages/loadUnload-page/my-page/my-page.vue index 713b932..09a7368 100644 --- a/pages/loadUnload-page/my-page/my-page.vue +++ b/pages/loadUnload-page/my-page/my-page.vue @@ -4,13 +4,13 @@ <view class="navgation">鎴戠殑</view> <view class="avatar"> <view class="avatar-imgage" - style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> + style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> </view> <view class="avatar-name">{{ userInfo.name || '' }}</view> - <view class="edit-button"><u-button type="primary" + <!-- <view class="edit-button"><u-button type="primary" @click="editBtnClick" shape="circle" - plain>缂栬緫涓汉璧勬枡</u-button></view> + plain>缂栬緫涓汉璧勬枡</u-button></view> --> </view> <view class="personal-information"> <view class="personal-information-block"> @@ -18,7 +18,7 @@ <view class="information-line" @click=""> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/personalicon.png" + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png" mode="widthFix"></image> <view class="label-text">韬唤璇佸彿</view> </view> @@ -28,7 +28,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/phonenum.png" + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" mode="widthFix"></image> <view class="label-text">鎵嬫満鍙�</view> </view> @@ -38,7 +38,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/phonenum.png" + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" mode="widthFix"></image> <view class="label-text">璐﹀彿</view> </view> @@ -48,7 +48,7 @@ </view> <view class="information-line last"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/weighnum.png" + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/weighnum.png" mode="widthFix"></image> <view class="label-text">浣撻噸</view> </view> @@ -59,6 +59,13 @@ </view> </view> </view> + </view> + <view class="switch-accounts"> + <view class="loginout-main"><u-button text="鍒囨崲璐﹀彿" + type="primary" + @click="switchAccounts" + shape="circle" + plain></u-button></view> </view> <view class="loginout"> <view class="loginout-main"><u-button text="閫�鍑虹櫥褰�" @@ -142,7 +149,7 @@ </template> <script> - import { customerId, userInfo, redirectLogin } from '@/utils/status'; + import { customerId, userInfo, redirectLogin,redirectabLogin } from '@/utils/status'; import { BaseUrl } from '@/api/publicInterface.js'; import { mapMutations } from 'vuex'; export default { @@ -165,12 +172,17 @@ userId: '' }, rules: { - name: { + name: [{ type: 'string', required: true, message: '璇峰~鍐欏鍚�', trigger: ['blur', 'change'] }, + { + pattern: /^[\u4e00-\u9fa5\s]+$/, + message: '濮撳悕鍙兘鏄腑鏂�', + trigger: ['blur', 'change'] + }], idCard: [{ type: 'string', required: true, @@ -297,6 +309,9 @@ logout() { this.logoutShow = true; }, + switchAccounts(){ + redirectabLogin() + }, logoutConfirm() { redirectLogin(); this.$store.commit('changeisLogin', false) @@ -356,7 +371,7 @@ .avatar-imgage { width: 98rpx; height: 98rpx; - margin-left: vww(18); + margin-left: 5%; @include flex; justify-content: center; } @@ -387,7 +402,7 @@ top: vww(20); &-block { - width: 690rpx; + width: 90%; height: 400rpx; background: #ffffff; box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); @@ -397,12 +412,13 @@ justify-content: space-between; .block-main { - width: 636rpx; + width: 100%; margin: vww(10) vww(14); } .information-line { - @include flex width: 636rpx; + @include flex + width: 95%; height: vww(45); border-bottom: 1rpx solid #f0f1f6; @@ -485,7 +501,17 @@ } } } - + .switch-accounts{ + width: 100%; + height: 80rpx; + @include flex; + justify-content: center; + position: relative; + bottom: vww(-400); + .loginout-main { + width: 84%; + } + } .loginout { width: 100%; height: 74rpx; -- Gitblit v1.9.1