From cf49c6a6c83562639d80b42a8b3474a6b0021cf6 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期三, 25 十二月 2024 11:19:24 +0800 Subject: [PATCH] feat:注册增加信息字段 --- pages/driver-page/drvier-my/drvier-my.vue | 151 +++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 137 insertions(+), 14 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index af770c2..7a2578c 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -6,14 +6,19 @@ <view class="navgation">鎴戠殑</view> <view class="avatar"> <view class="avatar-imgage" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.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" @click="editBtnClick" shape="circle" plain>缂栬緫涓汉璧勬枡</u-button></view> + </view> + <view class="yunShu-button"><u-button type="primary" + @click="shezhiYunshu" + shape="circle" + plain>璁剧疆鎵�灞炶繍杈撳崟浣�</u-button></view> </view> </view> <view class="process-state" @@ -28,6 +33,7 @@ <view class="car-type"> <text>{{userInfo.countryNumberCar===1?'鍥戒簲杞﹁締':'鍥藉叚杞﹁締'}}</text> </view> + <view class="information-block"> <view class="personal-information"> <view class="personal-information-block"> @@ -35,7 +41,7 @@ <view class="information-line" @click=""> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/personalicon.png" mode="widthFix"></image> <view class="label-text">韬唤璇佸彿</view> </view> @@ -45,7 +51,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/phonenum.png" mode="widthFix"></image> <view class="label-text">鎵嬫満鍙�</view> </view> @@ -55,7 +61,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carnum.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/carnum.png" mode="widthFix"></image> <view class="label-text">杞︾墝鍙�</view> </view> @@ -65,7 +71,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/axisnum.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/axisnum.png" mode="widthFix"></image> <view class="label-text">杞﹁酱鏁�</view> </view> @@ -75,7 +81,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/weighnum.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/weighnum.png" mode="widthFix"></image> <view class="label-text">浣撻噸</view> </view> @@ -89,7 +95,7 @@ icon 涓嬭浇鏍煎紡涓�18x18--> <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/printer.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/printer.png" mode="widthFix" style="width: 18px;"></image> <view class="label-text">纾呭崟鏍峰紡</view> @@ -106,7 +112,7 @@ @click="addressManageHandle"> <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/address.png" mode="widthFix" style="width: 18px;"></image> <view class="label-text" @@ -121,7 +127,7 @@ @click="scoreDetail"> <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/score.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/score.png" mode="widthFix" style="width: 36rpx;position: relative;left: 8rpx;"></image> <view class="label-text">鎴戠殑绉垎</view> @@ -146,7 +152,7 @@ <view class="information-body"> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carimg.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/carimg.png" mode="widthFix"></image> <view class="label-text">杞﹁締鐓х墖</view> </view> @@ -163,7 +169,7 @@ </view> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/cardimg.png" mode="widthFix"></image> <view class="label-text">琛岄┒璇佺収鐗�</view> </view> @@ -180,7 +186,7 @@ </view> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/cardimg.png" mode="widthFix"></image> <view class="label-text">杞﹁締绫诲瀷鐓х墖</view> </view> @@ -306,6 +312,30 @@ :name="item.name"></u-radio> </u-radio-group> </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹂暱" + prop="truckLength" + required> + <u--input v-model="editUserInfo.truckLength" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹀" + prop="truckWidth" + required> + <u--input v-model="editUserInfo.truckWidth" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹂珮" + prop="truckHeight" + required> + <u--input v-model="editUserInfo.truckHeight" + border="none" + inputAlign="left"></u--input> + </u-form-item> <u-form-item labelWidth="25%" label="杞﹁締鐓х墖" @click="beforeRead" @@ -398,6 +428,51 @@ </view> </u-popup> </view> + <!-- 鐐瑰嚮璁剧疆杩愯緭鍗曚綅 --> + <u-popup :show="shezhishow" @close="shezhiclose" @open="shezhiopen"> + <combined-title title="璁剧疆杩愯緭鍗曚綅" + style="margin-left:20rpx"></combined-title> + <view style="padding: 10rpx;"> + <u--form + labelPosition="top" + :model="model1" + :rules="rules" + :labelWidth="300" + ref="uForm" + > + <u-form-item + label="鎵�灞炶繍杈撳崟浣嶅悕绉�" + prop="model1.name" + borderBottom + ref="item1" + > + <u--input + placeholder="璇疯緭鍏ユ墍灞炶繍杈撳崟浣嶅悕绉�" + v-model="model1.name" + border="none" + ></u--input> + </u-form-item> + <u-form-item + label="浠庝笟璧勬牸璇佸彿" + prop="model1.sex" + borderBottom + @click="showSex = true; hideKeyboard()" + ref="item1" + > + <u--input + v-model="model1.sex" + placeholder="璇疯緭鍏ヤ粠涓氳祫鏍艰瘉鍙�" + border="none" + ></u--input> + </u-form-item> + <view class="person-utils"> + <u-button text="鎻愪氦" + @click="submitYUnshu" + type="primary"></u-button> + </view> + </u--form> + </view> + </u-popup> <view class="logoutModel"> <u-modal :show="logoutShow" :title="logoutTitle" @@ -424,6 +499,12 @@ return { // 鑾峰彇鐨勫徃鏈鸿鎯� userInfo: {}, + model1:{ + name:"", + sex:'', + + }, + shezhishow:false, // 淇敼鍙告満璇︽儏 editUserInfo: { phone: '', @@ -435,6 +516,9 @@ carImg: '', drivingImg: '', axleNum: '', + truckLength:"", + truckWidth:"", + truckHeight:"", weight: '', userId: '', password: "", @@ -535,6 +619,24 @@ trigger: ['change', 'blur'], required: true, }], + truckLength:{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅闀�', + trigger: ['blur', 'change'] + }, + truckWidth:{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅瀹�', + trigger: ['blur', 'change'] + }, + truckHeight:{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅楂�', + trigger: ['blur', 'change'] + }, carImg: { type: 'string', required: true, @@ -816,6 +918,21 @@ }, selectedPrintStyleHandle(val) { this.selectedPrintStyle = val + }, + shezhiYunshu(){ + console.log('璁剧疆璁剧疆'); + this.shezhishow = true; + + }, + shezhiclose(){ + this.shezhishow = false; + }, + shezhiopen(){ + + }, + submitYUnshu(){ + + } } }; @@ -886,6 +1003,12 @@ top: vww(4); } } + .yunShu-button{ + width: 300rpx; + position: relative; + left: 56%; + top: vww(4); + } } .process-state { @@ -905,7 +1028,7 @@ .car-type { position: fixed; - top: 284rpx; + top: 374rpx; right: 70rpx; width: 100%; height: 50rpx; @@ -922,7 +1045,7 @@ display: flex; justify-content: center; position: relative; - top: vww(-30); + top: vww(-10); &-block { width: 690rpx; -- Gitblit v1.9.1