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 | 127 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 125 insertions(+), 2 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index f4646cd..7a2578c 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -13,7 +13,12 @@ @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"> @@ -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