From 3fef62b03c16aa69c109c355150cdb698b777feb Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期五, 28 六月 2024 17:39:20 +0800 Subject: [PATCH] Merge branch 'develop/steels' into feature/steels/yangan --- pages/driver-page/drvier-my/drvier-my.vue | 146 ++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 126 insertions(+), 20 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index dcb8171..06e17c3 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -116,16 +116,22 @@ mode="widthFix"></image> <view class="label-text">杞﹀ご杞﹀熬杞﹁韩鐓х墖</view> </view> - <view class="img-container" - v-for="item in userInfo.bodyofcarJpg?userInfo.bodyofcarJpg.split(','):[]"> - <u--image :showLoading="true" - :src="item.url ? item.url : ''" - width="80px" - height="80px" - @click="imageClickCarBody(item.url)"> - <view slot="error" - style="font-size: 24rpx;">鍔犺浇澶辫触</view> - </u--image> + <view class="img-container special"> + <view class="img-container_item" + v-for="item in userInfo.bodyCarImg"> + <u--image :showLoading="true" + :src="BaseUrl+item" + width="80px" + height="80px" + @click="imageClickCarBody(item)"> + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> + </u--image> + </view> + </view> + <view style="display: flex;align-items: center;height: 100%; width: 150rpx;" + v-if='userInfo.bodyCarImg?(userInfo.bodyCarImg.length===0?true:false):true'> + 鏆傛棤鍥剧墖 </view> </view> <view class="car-img"> @@ -149,11 +155,41 @@ </view> </view> <view class="loginout"> + <view class="loginout-main"><u-button text="淇敼瀵嗙爜" + type="primary" + @click="initPwd" + shape="circle" + plain></u-button></view> <view class="loginout-main"><u-button text="閫�鍑虹櫥褰�" type="primary" @click="logout" shape="circle" plain></u-button></view> + </view> + <!-- 寮曞椤� --> + <view class="noob-tour" + style="margin-top: 80rpx;"> + <combined-title title="鎿嶄綔鎸囧紩"></combined-title> + <u-cell-group> + <u-cell title="鏂版墜鎸囧紩" + name='1' + :clickable="true" + @click="noobTour"> + <u-badge type="primary" + value="01" + slot='icon'></u-badge> + <u-icon slot="value" + name="arrow-right" + size="30" + color="#b8b8b8"></u-icon> + </u-cell> + </u-cell-group> + </view> + <!-- 鍥剧墖棰勮寮瑰嚭妗� --> + <view class="previewImage-container"> + <previewImage ref="previewImage" + :imgs="driverTourImgList" + :saveBtn='false'></previewImage> </view> <!-- 鍥剧墖棰勮寮瑰嚭妗� --> @@ -318,15 +354,32 @@ @confirm="logoutConfirm" @cancel="logoutCancel"></u-modal> </view> + <view class="initPwdModal"> + <u-modal :show="initPwdShow" + title="閲嶇疆瀵嗙爜" + showCancelButton + content="鍒濆瀵嗙爜灏嗗彉鏇翠负123456,鏄惁纭閲嶇疆" + @confirm="initPwdConfirm" + @cancel="initPwdCancel"></u-modal> + </view> </view> </template> <script> import { customerId, userInfo, redirectLogin } from '@/utils/status'; import { BaseUrl } from '@/api/publicInterface.js'; - import { mapMutations } from 'vuex'; + import { mapMutations, mapState } from 'vuex'; import { onlineurl } from '@/api/request.js' + import combinedTitle from '@/components/combined-title/combined-title.vue'; + import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; export default { + components: { + combinedTitle, + previewImage + }, + computed: { + ...mapState(['driverTourImgList']), + }, data() { return { // 鑾峰彇鐨勫徃鏈鸿鎯� @@ -388,8 +441,19 @@ weight: { type: 'number', required: true, - message: '璇峰~鍐欎綋閲�', - trigger: ['blur', 'change'] + trigger: ['blur', 'change'], + transform(value) { + return Number(value); + }, + validator: (rule, value, callback) => { + if (!value) { + callback(new Error('璇峰~鍐欎綋閲�')) + } else if (value > 200) { + callback(new Error('璇峰~鍐欏悎鐞嗕綋閲�')) + } else { + callback() + } + } }, password: { required: false, @@ -476,6 +540,7 @@ value: '钃濊壊' } ], + initPwdShow: false }; }, onShow() { @@ -496,6 +561,9 @@ this.$reqGet('getUserEntity').then(res => { uni.hideLoading(); this.editUserInfo = this.userInfo = res.data; + this.userInfo.bodyCarImg = this.userInfo.bodyofcarJpg ? this.userInfo.bodyofcarJpg.split(',') : + []; + console.log(this.userInfo.bodyCarImg); this.editUserInfo.password = "" uni.setStorageSync('carImg', this.userInfo.carImg); uni.setStorageSync('drivingImg', this.userInfo.drivingImg); @@ -545,6 +613,9 @@ }, imageClickCarBody(url) { this.previewImageSrc = url; + this.$nextTick(() => { + this.previewImageShow = true; + }); }, beforeRead() { this.changeisUploadimg(true); @@ -655,6 +726,37 @@ this.$u.toast('淇敼澶辫触'); }); }, + initPwd() { + uni.navigateTo({ + url: `/pages/login/resetPassword/resetPassword` + }) + }, + initPwdConfirm() { + this.initPwdShow = false + uni.showLoading({ + title: '鍔犺浇涓�...' + }); + this.editUserInfo.password = '123456'; + this.editUserInfo.carImg = uni.getStorageSync('carImg'); + this.editUserInfo.drivingImg = uni.getStorageSync('drivingImg') + this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { + uni.hideLoading() + if (res.code == 0) { + uni.showToast({ + title: '閲嶇疆鎴愬姛', + duration: 2000, + icon: 'success' + }) + } else { + this.$u.toast(res.msg ? res.msg : '淇敼澶辫触'); + } + }).catch(err => { + this.$u.toast('淇敼澶辫触'); + }); + }, + initPwdCancel() { + this.initPwdShow = false + }, logout() { this.logoutShow = true; }, @@ -666,11 +768,8 @@ logoutCancel() { this.logoutShow = false; }, - // 璺宠浆鍙戣繍缁熻椤甸潰 - statistics() { - uni.navigateTo({ - url: '/pages/customer-page/customer-my/faYunstatistics/faYunstatistics' - }); + noobTour() { + this.$refs.previewImage.open('https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg') } } }; @@ -846,6 +945,13 @@ height: 50rpx; } } + + .special { + width: 100%; + flex-wrap: wrap; + height: 100%; + @include flex; + } } } } @@ -888,7 +994,7 @@ .editDriverPopup-container { .u-popup { .u-transition { - height: 75%; + height: 80%; .u-popup__content { overflow: scroll !important; @@ -913,4 +1019,4 @@ } } } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.1