From 29014207a8882df16d4372ef20e0d79e6e5df6d1 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期四, 30 五月 2024 08:44:28 +0800 Subject: [PATCH] Merge branch 'jlhg' of http://39.96.92.240:10000/r/~fyy/unattended-app into jlhg --- pages/driver-page/drvier-my/drvier-my.vue | 2166 ++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 1,737 insertions(+), 429 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index d47aead..8705be9 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -1,66 +1,170 @@ <template> <view class="driver-my"> - <view class="driver-banner"> - <view class="navgation">鎴戠殑</view> - <view class="avatar"> - <view class="avatar-imgage"></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 class="" + style="height: 540rpx;width: 100%;"> + <view class="driver-banner"> + <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;"> + </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> + </view> + <view class="process-state" + v-if="userInfo.isRegister!==2"> + <view class="state-text"> + 瀹℃牳鐘舵�� + </view> + <u--text :type="userInfo.isRegister===0?'primary':'error'" + :text="userInfo.isRegister===0?'寰呭鏍�':'鏈�氳繃'" + size="32"></u--text> + </view> + <view class="car-type"> + <view ><u-button type="primary" + @click="editDocClick" + shape="circle" + plain>缂栬緫璇佷欢淇℃伅</u-button></view> + </view> + <view class="process-tran" + > + </view> + <view class="tran-type"> + <view ><u-button type="primary" + @click="editTranClick" + shape="circle" + plain>娣诲姞杩愯緭璇�</u-button></view> + </view> + <view class="information-block"> <view class="personal-information"> <view class="personal-information-block"> <view class="block-main"> - <view class="information-line" @click=""> + <view class="information-line" + @click=""> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/personalicon.png" mode="widthFix"></image> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png" + mode="widthFix"></image> <view class="label-text">韬唤璇佸彿</view> </view> <view class="information-value"> - {{ userInfo.idCard }} - <u-icon name="arrow-right" color="#999999" size="30"></u-icon> + {{ idCard || '' }} </view> </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/phonenum.png" mode="widthFix"></image> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" + mode="widthFix"></image> <view class="label-text">鎵嬫満鍙�</view> </view> <view class="information-value"> - {{ userInfo.phone }} - <u-icon name="arrow-right" color="#999999" size="30"></u-icon> + {{ userInfo.phone || '' }} </view> </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carnum.png" mode="widthFix"></image> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carnum.png" + mode="widthFix"></image> <view class="label-text">杞︾墝鍙�</view> </view> <view class="information-value"> - {{ userInfo.carNo }} - <u-icon name="arrow-right" color="#999999" size="30"></u-icon> + {{ userInfo.carNo || '' }} </view> </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/axisnum.png" mode="widthFix"></image> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/axisnum.png" + mode="widthFix"></image> <view class="label-text">杞﹁酱鏁�</view> </view> <view class="information-value"> - {{ userInfo.axleNum }} - <u-icon name="arrow-right" color="#999999" size="30"></u-icon> + {{ userInfo.axleNum || '' }} </view> </view> - <view class="information-line last"> + <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/weighnum.png" mode="widthFix"></image> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/weighnum.png" + mode="widthFix"></image> <view class="label-text">浣撻噸</view> </view> <view class="information-value"> - {{ userInfo.weight }} - <u-icon name="arrow-right" color="#999999" size="30"></u-icon> + {{ userInfo.weight || '' }} </view> </view> + <view class="information-line" + @click="modifyPrint"> + <!-- 鐢变簬鏄嚜瀹氫箟icon 闈炶璁″浘icon 鎵�浠ヨ鍔犱笂杩欎釜style="margin-left: 1.5%;" + icon 涓嬭浇鏍煎紡涓�18x18--> + <view class="line-label" + style="margin-left: 1.5%;"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/printer.png" + mode="widthFix" + style="width: 18px;"></image> + <view class="label-text">纾呭崟鏍峰紡</view> + </view> + <view class="information-value"> + <view class=""> + {{ currentSelectedPrintStyle===1?'涓�椤典袱鑱�':'涓�椤靛洓鑱�'}} + </view> + <u-icon name="arrow-right" + size="36"></u-icon> + </view> + </view> + <!-- <view class="information-line" + @click="addressManageHandle"> + <view class="line-label" + style="margin-left: 1.5%;"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png" + mode="widthFix" + style="width: 18px;"></image> + <view class="label-text" + style="width:220rpx ;">閫佽揣瀹㈡埛绠$悊</view> + </view> + <view class=""> + <u-icon name="arrow-right" + size="36"></u-icon> + </view> + </view> --> + <view class="information-line last" + @click="scoreDetail"> + <view class="line-label" + style="margin-left: 1.5%;"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/score.png" + mode="widthFix" + style="width: 36rpx;position: relative;left: 8rpx;"></image> + <view class="label-text">鎴戠殑绉垎</view> + </view> + <view class="information-value"> + <view class=""> + {{ userInfo.integral || '' }} + </view> + <view class=""> + <u-icon name="arrow-right" + size="36"></u-icon> + </view> + </view> + + </view> </view> + </view> + </view> + </view> + <view class="car-information" v-if="certificateData.length>0"> + <view class="roadTransportCertificate"> + <view class="information-body"> + <view class="certificate" v-for="item in certificateData" :key="item.id"> + <view class="certificate-left"> + 浜у搧锛歿{item.productName}} + </view> + <view class="certificate-right"> + {{item.status==0?'鏈鏍�':item.status==1?'閫氳繃':item.status==2?'杩囨湡':item.status==-1?"鏈�氳繃":null}} + </view> + </view> + {{}} </view> </view> </view> @@ -69,23 +173,52 @@ <view class="information-body"> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carimg.png" mode="widthFix"></image> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carimg.png" + mode="widthFix"></image> <view class="label-text">杞﹁締鐓х墖</view> </view> <view class="img-container"> - <u--image :showLoading="true" :src="userInfo.carImg != null ? BaseUrl + userInfo.carImg : ''" width="80px" height="80px" @click="imageClick(1)"> - <view slot="error" style="font-size: 24rpx;">鍔犺浇澶辫触</view> + <u--image :showLoading="true" + :src="userInfo.carImg != null ? BaseUrl + userInfo.carImg : ''" + width="80px" + height="80px" + @click="imageClick(1)"> + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> </u--image> </view> </view> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9095/appimg/image/banner/cardimg.png" mode="widthFix"></image> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + mode="widthFix"></image> <view class="label-text">琛岄┒璇佺収鐗�</view> </view> <view class="img-container"> - <u--image :showLoading="true" :src="userInfo.drivingImg != null ? BaseUrl + userInfo.drivingImg : ''" width="80px" height="80px" @click="imageClick(2)"> - <view slot="error" style="font-size: 24rpx;">鍔犺浇澶辫触</view> + <u--image :showLoading="true" + :src="userInfo.drivingImg != null ? BaseUrl + userInfo.drivingImg : ''" + width="80px" + height="80px" + @click="imageClick(2)"> + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> + </u--image> + </view> + </view> + <view class="car-img"> + <view class="label-title"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + mode="widthFix"></image> + <view class="label-text">杞﹁締绫诲瀷鐓х墖</view> + </view> + <view class="img-container"> + <u--image :showLoading="true" + :src="userInfo.inventoryImg != null ? BaseUrl + userInfo.drivingImg : ''" + width="80px" + height="80px" + @click="imageClick(3)"> + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> </u--image> </view> </view> @@ -93,469 +226,1644 @@ </view> </view> <view class="loginout"> - <view class="loginout-main"><u-button text="閫�鍑虹櫥褰�" type="primary" @click="logout" 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="personal-information-form"> - <u--form labelPosition="left" :model="userInfo" ref="form1"> - <u-form-item labelWidth="20%" label="濮撳悕" ref="item1"> - <u--input v-model="userInfo.name" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> - </u-form-item> - <u-form-item labelWidth="20%" label="韬唤璇佸彿" ref="item1"> - <u--input v-model="userInfo.idCard" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> - </u-form-item> - <u-form-item labelWidth="20%" label="鎵嬫満鍙�" ref="item1"> - <u--input v-model="userInfo.phone" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> - </u-form-item> - <u-form-item labelWidth="20%" label="杞︾墝鍙�" ref="item1"> - <u--input v-model="userInfo.carNo" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> - </u-form-item> - <u-form-item labelWidth="20%" label="浣撻噸" ref="item1"> - <u--input v-model="userInfo.weight" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> - </u-form-item> - <u-form-item v-model="userInfo.axleNum" labelWidth="20%" label="杞﹁酱鏁�" ref="item1"> - <u--input border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> - </u-form-item> - <u-form-item labelWidth="20%" label="杞﹁締鐓х墖" ref="item1"> - <u--image :showLoading="true" :src="userInfo.carImg != null ? BaseUrl + userInfo.carImg : ''" width="80px" height="80px" @click="imageClick(1)"> - <view slot="error" style="font-size: 24rpx;">鍔犺浇澶辫触</view> - </u--image> - </u-form-item> - <u-form-item labelWidth="25%" label="琛岄┒璇佺収鐗�" ref="item1"> - <u--image :showLoading="true" :src="userInfo.drivingImg != null ? BaseUrl + userInfo.drivingImg : ''" width="80px" height="80px" @click="imageClick(2)"> - <view slot="error" style="font-size: 24rpx;">鍔犺浇澶辫触</view> - </u--image> - </u-form-item> - </u--form> - <view class="push-information-button"> - <u-button text="淇敼涓汉璧勬枡" type="primary" @click="editBtnClick"></u-button> - <u-button text="閫�鍑虹櫥褰�" type="primary" @click="logout"></u-button> - </view> --> - <!-- <view class="statistics"><u-button text="鍙戣繍缁熻" type="primary" @click="statistics"></u-button></view> --> - <!-- </view> --> - + <!-- 寮曞椤� --> + <noob-tour isPersonCenter></noob-tour> <!-- 鍥剧墖棰勮寮瑰嚭妗� --> <view class="previewImage-container"> - <u-popup :show="previewImageShow" mode="center" @close="previewImageClose" @open="previewImageOpen"> - <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" width="400px" height="400px"></u--image> + <u-popup :show="previewImageShow" + mode="center" + @close="previewImageClose" + @open="previewImageOpen"> + <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" + width="400px" + height="400px"></u--image> </u-popup> </view> - <!-- 淇敼寮瑰嚭妗� --> <view class="editDriverPopup-container"> - <u-popup :show="editDriverPopupShow" mode="bottom" @close="editDriverPopupClose" @open="editDriverPopupOpen" :closeable="true"> - <combined-title title="淇敼涓汉淇℃伅" style="margin-left:20rpx"></combined-title> + <u-popup :show="editDriverPopupShow" + mode="bottom" + @close="editDriverPopupClose" + @open="editDriverPopupOpen" + :closeable="true"> + <combined-title title="淇敼涓汉淇℃伅" + style="margin-left:20rpx"></combined-title> <view class="editDriverPopup-container-box"> - <u--form labelPosition="left" :model="editUserInfo" ref="form1"> - <u-form-item labelWidth="20%" label="濮撳悕" ref="item1"><u--input v-model="editUserInfo.name" border="none" inputAlign="left"></u--input></u-form-item> - <u-form-item labelWidth="20%" label="韬唤璇佸彿" ref="item1"><u--input v-model="editUserInfo.idCard" border="none" inputAlign="left"></u--input></u-form-item> - <u-form-item labelWidth="20%" label="鎵嬫満鍙�" ref="item1"><u--input v-model="editUserInfo.phone" border="none" inputAlign="left"></u--input></u-form-item> - <u-form-item labelWidth="20%" label="杞︾墝鍙�" ref="item1"><u--input v-model="editUserInfo.carNo" border="none" inputAlign="left"></u--input></u-form-item> - <u-form-item labelWidth="20%" label="浣撻噸" ref="item1"><u--input v-model="editUserInfo.weight" border="none" inputAlign="left"></u--input></u-form-item> - <u-form-item labelWidth="20%" label="杞﹁酱鏁�" ref="item1"><u--input v-model="editUserInfo.axleNum" border="none" inputAlign="left"></u--input></u-form-item> - <u-form-item labelWidth="25%" label="杞﹁締鐓х墖" ref="item1"> - <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1" width="250" height="150"></u-upload> + <u--form labelPosition="left" + :model="editUserInfo" + ref="editRef"> + <u-form-item labelWidth="20%" + label="濮撳悕" + prop="name" + required> + <u--input v-model="editUserInfo.name" + border="none" + inputAlign="left"></u--input> </u-form-item> - <u-form-item labelWidth="25%" label="琛岄┒璇佺収鐗�" ref="item1"> - <u-upload :fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="1" width="250" height="150"></u-upload> + <!-- <u-form-item labelWidth="20%" + label="瀵嗙爜" + prop="password" + required> + <u--input v-model="editUserInfo.password" + border="none" + inputAlign="left"></u--input> + </u-form-item> --> + <!-- <u-form-item labelWidth="20%" + label="韬唤璇佸彿" + prop="idCard" + required> + <u--input v-model="editUserInfo.idCard" + border="none" + inputAlign="left"></u--input> + </u-form-item> --> + <u-form-item labelWidth="20%" + label="鎵嬫満鍙�" + prop="phone" + required> + <u--input v-model="editUserInfo.phone" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <!-- <u-form-item labelWidth="20%" + label="杞︾墝鍙�" + prop="carNo" + required> + <u--input v-model="editUserInfo.carNo" + border="none" + inputAlign="left"></u--input> + </u-form-item> --> + <u-form-item labelWidth="20%" + label="浣撻噸" + prop="weight" + required> + <u--input v-model="editUserInfo.weight" + border="none" + inputAlign="left" + placeholder="浣撻噸浠g浣滀负鍗曚綅"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹁酱鏁�" + prop="axleNum" + required> + <u--input v-model="editUserInfo.axleNum" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹁締绫诲瀷" + borderBottom + required + prop="countryNumberCar"> + <u-radio-group v-model="editUserInfo.countryNumberCar" + placement="row" + size="30" + shape="circle" + iconSize="20"> + <u-radio labelSize="14px" + size="20px" + v-for="(item, index) in countryNumberCarList" + :key="index" + :label="item.label" + :name="item.name"></u-radio> + </u-radio-group> + </u-form-item> + <u-form-item labelWidth="25%" + label="杞﹁締鐓х墖" + @click="beforeRead" + prop="carImg" + required> + <u-upload :fileList="fileList1" + @afterRead="afterRead" + @delete="deletePic" + name="1" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"></u-upload> + </u-form-item> + <u-form-item labelWidth="25%" + label="琛岄┒璇佺収鐗�" + ref="item1" + @click="beforeRead" + prop="drivingImg" + required> + <u-upload :fileList="fileList2" + @afterRead="afterRead" + @delete="deletePic" + name="2" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"></u-upload> + </u-form-item> + <u-form-item labelWidth="25%" + label="閬撹矾杩愯緭璇�" + ref="item1" + @click="beforeRead" + prop="roadTransportImg" + required> + <u-upload :fileList="fileList3" + @afterRead="afterRead" + @delete="deletePic" + name="3" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"></u-upload> + </u-form-item> + <u-form-item labelWidth="25%" + label="浠庝笟璧勬牸璇�" + ref="item1" + @click="beforeRead" + prop="tradeQualificationImg" + required> + <u-upload :fileList="fileList4" + @afterRead="afterRead" + @delete="deletePic" + name="4" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"></u-upload> + </u-form-item> + <u-form-item prop="inventoryImg" + label="鐜繚娓呭崟" + labelWidth="24%" + borderBottom + @click="beforeRead"> + <u-upload :fileList="fileList5" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="5" + multiple + :maxCount="3" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> </u-form-item> </u--form> - <u-button text="鎻愪氦" @click="updateUser" type="primary"></u-button> + <view class="person-utils"> + <u-button text="淇敼瀵嗙爜" + @click="modifyPassword" + type="primary"></u-button> + <u-button text="鎻愪氦" + @click="updateUser" + type="primary"></u-button> + </view> + </view> + </u-popup> + </view> + <!-- 淇敼璇佷欢寮瑰嚭 --> + <view class="editDriverPopup-container"> + <u-popup :show="editDocShow" + mode="bottom" + @close="editDocClose" + @open="editDocOpen" + :closeable="true"> + <combined-title title="淇敼璇佷欢淇℃伅" + style="margin-left:20rpx"></combined-title> + <view class="editDriverPopup-container-box"> + <u--form labelPosition="left" + :model="registerFormModel" + ref="editRef"> + <u-form-item prop="cardImg1" + label="韬唤璇佹闈�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList6" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="6" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="cardImg2" + label="韬唤璇佸弽闈�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList7" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="7" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeIdcard" + label="韬唤璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="datetime" /> + </u-form-item> + <u-form-item prop="drivingImg" + label="琛岄┒璇�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList2" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="2" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeDriving" + label="琛岄┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" /> + </u-form-item> + <u-form-item prop="driverImg" + label="椹鹃┒璇�" + labelWidth="24%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList8" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="8" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeDriver" + label="椹鹃┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime" /> + </u-form-item> + <u-form-item prop="tradeQualificationImg" + label="浠庝笟璧勬牸璇�" + labelWidth="24%" + borderBottom + v-if="registerFormModel.type == 3||registerFormModel.type == 4" + required + @click="beforeRead"> + <u-upload :fileList="fileList4" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="4" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeTradequalification" + label="浠庝笟璧勬牸杩囨湡鏃堕棿" + labelWidth="20%" + borderBottom + v-if="registerFormModel.type == 3||registerFormModel.type == 4"> + <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" /> + </u-form-item> + </u--form> + <view class="person-utils"> + <u-button text="鎻愪氦璇佷欢淇敼" + @click="updateDoc" + type="primary"></u-button> + </view> + </view> + </u-popup> + </view> + <!-- 娣诲姞閬撹矾杩愯緭璇� --> + <view class="editDriverPopup-container"> + <u-popup :show="editTranShow" + mode="bottom" + @close="editTranClose" + @open="editTranOpen" + :closeable="true"> + <combined-title title="杩愯緭璇�" + style="margin-left:20rpx"></combined-title> + <view class="editDriverPopup-container-box"> + <u--form labelPosition="left" + :model="tranSportForm" + :rule="sportRules" + ref="sportRef"> + <u-form-item labelWidth="20%" + label="杩愯緭璇佸彿" + prop="certificateNo" + required> + <u--input v-model="tranSportForm.certificateNo" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞︾墝鍙�" + prop="carNo" + required> + <u--input v-model="tranSportForm.carNo" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="浜у搧" + ref="item1" + @click="treeOpen" + prop='productId'> + <u--input placeholder="璇烽�夋嫨浜у搧" + v-model="productName" + class="input" + type="text"></u--input> + <qian-tree ref="tkitree" + :range="productData" + rangeKey='productName' + confirmColor="#4e8af7" + :selectParent="true" + title="閫夋嫨閮ㄩ棬" + @confirm="treeChooseValue" /> + </u-form-item> + <view class="customer-name"> + <view class="customer-name_label"> + 閫夋嫨瀹㈡埛 + </view> + <view class="customer-name_block" + @click="selfDeliver"> + <input class="customer-name_block-input" + type="text" + placeholder="璇烽�夋嫨瀹㈡埛" + v-model="customerName" + @focus="selfDeliver" + ref="selectCustomer" /> + </view> + </view> + <u-form-item prop="certificateImg" + label="杩愯緭璇�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList9" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="9" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTime" + label="杩愯緭璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="tranSportForm.expirationTime" type="datetime" /> + </u-form-item> + <view class="adddelete"> + <u-button text="娣诲姞椹鹃┒鍛�" + @click="addDriver" + type="primary"></u-button> + <u-button text="鍒犻櫎椹鹃┒鍛�" + @click="deleteDriver" + type="error"></u-button> + </view> + <view class="superList" v-for="(item,index) in driverList" :key="index"> + <u-form-item labelWidth="20%" + label="濮撳悕" + prop="driverName" + required> + <u--input v-model="item.driverName" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="韬唤璇�" + prop="driverIdcard" + required> + <u--input v-model="item.driverIdcard" + border="none" + inputAlign="left"></u--input> + </u-form-item> + </view> + <view class="adddelete"> + <u-button text="娣诲姞鎶艰繍鍛�" + @click="addSupercar" + type="primary"></u-button> + <u-button text="鍒犻櫎鎶艰繍鍛�" + @click="deleteSupercar" + type="error"></u-button> + </view> + <view class="superList" v-for="(item,index) in supercargoList" :key="index"> + <u-form-item labelWidth="20%" + label="濮撳悕" + prop="driverName" + required> + <u--input v-model="item.driverName" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="韬唤璇�" + prop="driverIdcard" + required> + <u--input v-model="item.driverIdcard" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="鎵嬫満鍙�" + prop="driverPhone" + required> + <u--input v-model="item.driverPhone" + border="none" + inputAlign="left"></u--input> + </u-form-item> + </view> + + <u-form-item labelWidth="20%" + label="澶囨敞" + prop="remarks"> + <u--input v-model="tranSportForm.remarks" + border="none" + inputAlign="left"></u--input> + </u-form-item> + </u--form> + <view class="person-utils"> + <u-button text="鎻愪氦閬撹矾杩愯緭璇�" + @click="updateRoad" + type="primary"></u-button> + </view> + </view> + </u-popup> + <u-popup :closeable='true' + :round="30" + mode='bottom' + :show="selfDeliverShow" + @close="selfDeliverClose" + @open="selfDeliverOpen"> + <view class="name-list-section"> + <view class="name-list_title"> + 閫夋嫨瀹㈡埛 + </view> + <view class="name-list_container"> + <u-empty mode="data" + icon="http://cdn.uviewui.com/uview/empty/data.png" + text="鏆傛棤鏁版嵁" + textSize="30" + iconSize="1000" + v-if="customerNameList.length===0"></u-empty> + <view class="name-list_container_item" + v-for="(item,index) in customerNameList" :key="index" + @click="selectCustomer(item)"> + <view class="item-image"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png" + mode="widthFix" + style="width: 18px;"></image> + </view> + <view class="item-customerName"> + {{item.customerName}} + </view> + </view> + </view> </view> </u-popup> </view> <view class="logoutModel"> - <u-modal :show="logoutShow" :title="logoutTitle" showCancelButton :content="logoutContent" @confirm="logoutConfirm" @cancel="logoutCancel"></u-modal> + <u-modal :show="logoutShow" + :title="logoutTitle" + showCancelButton + :content="logoutContent" + @confirm="logoutConfirm" + @cancel="logoutCancel"></u-modal> </view> + <printerStyle ref="printerStyleRef" + @selectedPrintStyle='selectedPrintStyleHandle' /> </view> </template> <script> -import { customerId, userInfo, redirectLogin } from '@/utils/status'; -import { BaseUrl } from '@/api/publicInterface.js'; -export default { - data() { - return { - // 鑾峰彇鐨勫徃鏈鸿鎯� - userInfo: {}, - // 淇敼鍙告満璇︽儏 - editUserInfo: { - phone: '', - name: '', - username: '', - type: 3, - idCard: '', - carNo: '', - carImg: '', - drivingImg: '', - axleNum: '', - weight: '', - userId: '' - }, - src: '', - fileList1: [], - fileList2: [], - // 淇敼淇℃伅寮瑰嚭妗� - editDriverPopupShow: false, - // previewImage - previewImageShow: false, - previewImageSrc: '', - // 閫�鍑烘ā鎬佹 - logoutShow: false, - logoutTitle: '鎻愮ず', - logoutContent: '鏄惁纭閫�鍑�', - BaseUrl - }; - }, - onShow() { - // this.init(); - }, - methods: { - init() { - this.getUserEntity(); - }, - getUserEntity() { - uni.showLoading({ - title: '鍔犺浇涓�...' - }); - this.$reqGet('getUserEntity').then(res => { - uni.hideLoading(); - this.userInfo = res.data; - Object.keys(this.editUserInfo).map(item => { - if (res.data[item]) { - this.editUserInfo[item] = res.data[item]; + import { redirectLogin } from '@/utils/status'; + import { BaseUrl } from '@/api/publicInterface.js'; + import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; + import noobTour from '@/components/noobTour/noobTour.vue' + import printerStyle from '@/pages/driver-page/driver-index/bill-of-lading-details/printerStyle/printerStyle.vue' + import { mapMutations, mapState } from 'vuex'; + import qianTree from '@/components/qian-tree/qian-tree.vue'; + export default { + components: { previewImage, noobTour, printerStyle,qianTree }, + data() { + return { + selfDeliverShow: false, + customerNameList:[], + customerName:"", + // 鑾峰彇鐨勫徃鏈鸿鎯� + userInfo: {}, + productName:"", + // 淇敼鍙告満璇︽儏 + editUserInfo: { + phone: '', + name: '', + username: '', + type: 3, + idCard: '', + carNo: '', + carImg: '', + drivingImg: '', + axleNum: '', + weight: '', + userId: '', + password: "", + isRegister: 0, + tradeQualificationImg: '', + roadTransportImg: '', + inventoryImg: '', + countryNumberCar: 0 + }, + registerFormModel:{}, + tranSportForm:{ + carNo:"", + productId:"", + customerId:"" + }, + countryNumberCarList: [{ + name: 1, + label: '鍥戒簲', + }, + { + name: 2, + label: '鍥藉叚', } - }); - }); - }, - // 淇敼鎸夐挳鐐瑰嚮 - editBtnClick() { - this.editDriverPopupShow = true; - }, - imageClick(index) { - // 閫氳繃index鍒囨崲鍥剧墖 - console.log('鍒囨崲鍥剧墖', index); - if (index == 1) { - this.previewImageSrc = this.userInfo.carImg; - } else { - this.previewImageSrc = this.userInfo.drivingImg; - } - this.$nextTick(() => { - this.previewImageShow = true; - }); - }, - // 鍒犻櫎 - deletePic(event) { - this[`fileList${event.name}`].splice(event.index, 1); - }, - // 鏂板鍥剧墖 - async afterRead(event) { - // 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮� - let lists = [].concat(event.file); - let fileListLen = this[`fileList${event.name}`].length; - lists.map(item => { - this[`fileList${event.name}`].push({ - ...item, - status: 'uploading', - message: '涓婁紶涓�' - }); - }); - for (let i = 0; i < lists.length; i++) { - const result = await this.uploadFilePromise(lists[i].url, event.name); - let item = this[`fileList${event.name}`][fileListLen]; - this[`fileList${event.name}`].splice( - fileListLen, - 1, - Object.assign(item, { - status: 'success', - message: '', - url: result - }) - ); - fileListLen++; - } - }, - uploadFilePromise(url, num) { - return new Promise((resolve, reject) => { - let a = uni.uploadFile({ - url: BaseUrl + '/admin/sys-file/uploadUnToken', - filePath: url, - name: 'file', - // formData: { - // user: 'test' - // }, - success: res => { - resolve(JSON.parse(res.data).data.url); - if (num == 1) { - this.editUserInfo.carImg = JSON.parse(res.data).data.url; - } else if (num == 2) { - this.editUserInfo.drivingImg = JSON.parse(res.data).data.url; + ], + sportRules:{ + certificateNo: { + type: 'string', + required: true, + message: '璇峰~鍐欒繍杈撹瘉鍙�', + trigger: ['blur', 'change'] + }, + expirationTime: { + type: 'string', + required: true, + message: '璇烽�夋嫨杩愯緭璇佽繃鏈熸椂闂�', + trigger: ['blur', 'change'] + }, + carNo: [{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅鐗屽彿', + trigger: ['blur', 'change'] + }, + { + transform(value) { + return String(value); + }, + validator: (rule, value, callback) => { + return uni.$u.test.carNo(value); + }, + message: '璇疯緭鍏ユ纭殑杞︾墝鍙�', + trigger: ['change', 'blur'] } - } + ], + }, + rules: { + name: { + type: 'string', + required: true, + message: '璇峰~鍐欏鍚�', + trigger: ['blur', 'change'] + }, + idCard: [{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ韩浠借瘉鍙�', + trigger: ['blur', 'change'] + }, + { + pattern: /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/, + message: '韬唤璇佸彿鏍煎紡涓嶆纭�' + } + ], + phone: [{ + required: true, + message: '姝ら」涓哄繀濉」', + // blur鍜宑hange浜嬩欢瑙﹀彂妫�楠� + trigger: ['blur', 'change'] + }, + { + min: 11, + max: 11, + message: '璇疯緭鍏ュ悎娉曟墜鏈哄彿' + }, + { + validator: (rule, value, callback) => { + return uni.$u.test.mobile(value); + }, + message: '鎵嬫満鍙风爜鏍煎紡涓嶆纭�', + trigger: ['change', 'blur'] + } + ], + weight: { + type: 'number', + required: true, + 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() + } + } + }, + carNo: [{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅鐗屽彿', + trigger: ['blur', 'change'] + }, + { + transform(value) { + return String(value); + }, + validator: (rule, value, callback) => { + return uni.$u.test.carNo(value); + }, + message: '璇疯緭鍏ユ纭殑杞︾墝鍙�', + trigger: ['change', 'blur'] + } + ], + axleNum: [{ + transform(value) { + return Number(value); + }, + validator: (rule, value, callback) => { + return value <= 10 && value > 0; + }, + message: '璇疯緭鍏ユ纭殑杞﹁酱鏁�', + trigger: ['change', 'blur'], + required: true, + }], + carImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犺溅杈嗗浘鐗�', + trigger: ['blur', 'change'] + }, + drivingImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犺椹惰瘉鐓х墖', + trigger: ['blur', 'change'] + }, + countryNumberCar: { + type: 'number', + required: true, + message: '璇烽�夋嫨杞﹁締绫诲瀷', + trigger: ['blur', 'change'] + }, + roadTransportImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犻亾璺繍杈撹瘉鐓х墖', + trigger: ['blur', 'change'] + }, + tradeQualificationImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鐓х墖', + trigger: ['blur', 'change'] + }, + }, + src: '', + fileList1: [], + fileList2: [], + fileList3: [], + fileList4: [], + fileList5: [], + fileList6: [], + fileList7: [], + fileList8: [], + fileList9: [], + productData:[], + certificateData:[], + driverList:[{ + driverName:"", + driverIdcard:"" + }], + supercargoList:[], + // 淇敼淇℃伅寮瑰嚭妗� + editDriverPopupShow: false, + editDocShow:false, + editTranShow:false, + // previewImage + previewImageShow: false, + previewImageSrc: '', + // 閫�鍑烘ā鎬佹 + logoutShow: false, + logoutTitle: '鎻愮ず', + logoutContent: '鏄惁纭閫�鍑�', + BaseUrl, + selectedPrintStyle: null + }; + }, + computed: { + currentSelectedPrintStyle() { + return this.selectedPrintStyle ? this.selectedPrintStyle : uni.getStorageSync('selectedPrintStyle') + }, + idCard() { + return this.userInfo.idCard.slice(0, 6) + '********' + this.userInfo.idCard.slice(-4) + } + }, + onShow() { + // this.init(); + }, + onReady() { + this.$refs.editRef.setRules(this.rules); + this.$refs.sportRef.setRules(this.sportRules); + }, + methods: { + ...mapMutations(['changeisUploadimg']), + init() { + this.$reqGet('getProductTree').then(res => { + this.productData = res.data; }); - }); - }, - /** - * @preview 棰勮鍥剧墖 - */ - previewImageClose() { - this.previewImageShow = false; - }, - previewImageOpen() { - console.log('preview open'); - }, - /** - * @editPopup 淇敼寮瑰嚭妗嗕簨浠� - */ - editDriverPopupClose() { - this.editDriverPopupShow = false; - }, - editDriverPopupOpen() { - console.log('鎵撳紑浜�'); - }, - // 淇敼鐢ㄦ埛淇℃伅 - updateUser() { - this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { - console.log('鏇存柊鏁版嵁', res); - this.editDriverPopupShow = false; - if (res.code == 0) { - this.$u.toast('淇敼鎴愬姛'); - this.init(); - } else { - uni.showToast({ - title: res.msg, - icon: 'none', - duration: 2000 + this.getUserEntity(); + }, + getUserEntity() { + uni.showLoading({ + title: '鍔犺浇涓�...' + }); + this.$reqGet('getUserEntity').then(res => { + uni.hideLoading(); + this.userInfo = res.data; + this.$reqGetId('getDriverListById', this.userInfo.userId).then(res => { + this.certificateData = res.data; + console.log(this.certificateData) }); + // this.userInfo.idCard = this.userInfo.idCard.slice(0, 6) + '********' + this.userInfo.idCard + // .slice(-4) + uni.setStorageSync('carImg', this.userInfo.carImg); + uni.setStorageSync('drivingImg', this.userInfo.drivingImg); + uni.setStorageSync('roadTransportImg', this.userInfo.roadTransportImg); + uni.setStorageSync('tradeQualificationImg', this.userInfo.tradeQualificationImg); + if (this.fileList1.length == 0 && this.userInfo.carImg) { + this.fileList1.push({ + url: `${BaseUrl}${this.userInfo.carImg}` + }); + } + if (this.fileList2.length == 0 && this.userInfo.drivingImg) { + this.fileList2.push({ + url: `${BaseUrl}${this.userInfo.drivingImg}` + }); + } + if (this.fileList3.length == 0 && this.userInfo.roadTransportImg) { + this.fileList3.push({ + url: `${BaseUrl}${this.userInfo.roadTransportImg}` + }); + } + if (this.fileList4.length == 0 && this.userInfo.tradeQualificationImg) { + this.fileList4.push({ + url: `${BaseUrl}${this.userInfo.tradeQualificationImg}` + }); + } + if (this.fileList5.length == 0 && this.userInfo.inventoryImg) { + this.fileList5.push({ + url: `${BaseUrl}${this.userInfo.inventoryImg}` + }); + } + Object.assign(this.editUserInfo, res.data) + this.registerFormModel={ + customerid:res.data.userId, + idCardImg:res.data.idCardImg, + expirationTimeIdcard:res.data.expirationTimeIdcard, + drivingImg:res.data.drivingImg, + expirationTimeDriving:res.data.expirationTimeDriving, + driverImg:res.data.driverImg, + expirationTimeDriver:res.data.expirationTimeDriver, + tradeQualificationImg:res.data.tradeQualificationImg, + expirationTimeTradequalification:res.data.expirationTimeTradequalification, + type:res.data.carType + } + if(this.registerFormModel.idCardImg){ + if (this.fileList6.length == 0 && this.registerFormModel.idCardImg.split(",")[0]) { + this.fileList6.push({ + url: `${BaseUrl}${this.registerFormModel.idCardImg.split(",")[0]}` + }); + } + if (this.fileList7.length == 0 && this.registerFormModel.idCardImg.split(",")[1]) { + this.fileList7.push({ + url: `${BaseUrl}${this.registerFormModel.idCardImg.split(",")[1]}` + }); + } + if (this.fileList8.length == 0 && this.userInfo.driverImg) { + this.fileList8.push({ + url: `${BaseUrl}${this.userInfo.driverImg}` + }); + } + this.registerFormModel.cardImg1=this.registerFormModel.idCardImg.split(",")[1] + this.registerFormModel.cardImg2=this.registerFormModel.idCardImg.split(",")[1] + } + this.editUserInfo.password = '' + }); + }, + // 淇敼鎸夐挳鐐瑰嚮 + editBtnClick() { + this.editDriverPopupShow = true; + }, + editDocClick(){ + this.editDocShow = true; + }, + editTranClick(){ + this.getShipToList() + this.editTranShow = true; + }, + imageClick(index) { + if (index == 1) { + this.previewImageSrc = this.userInfo.carImg; + } else if (index == 2) { + this.previewImageSrc = this.userInfo.drivingImg; + } else { + this.previewImageSrc = this.userInfo.inventoryImg; } - }); - }, - logout() { - this.logoutShow = true; - }, - logoutConfirm() { - redirectLogin(); - }, - logoutCancel() { - this.logoutShow = false; - }, - // 璺宠浆鍙戣繍缁熻椤甸潰 - statistics() { - uni.navigateTo({ - url: '/pages/customer-page/customer-my/faYunstatistics/faYunstatistics' - }); + this.$nextTick(() => { + this.previewImageShow = true; + }); + }, + beforeRead() { + this.changeisUploadimg(true); + }, + // 鍒犻櫎 + deletePic(event) { + this.changeisUploadimg(true); + this[`fileList${event.name}`].splice(event.index, 1); + }, + // 鏂板鍥剧墖 + async afterRead(event) { + // 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮� + let lists = [].concat(event.file); + let fileListLen = this[`fileList${event.name}`].length; + lists.map(item => { + this[`fileList${event.name}`].push({ + ...item, + status: 'uploading', + message: '涓婁紶涓�' + }); + }); + for (let i = 0; i < lists.length; i++) { + const result = await this.uploadFilePromise(lists[i].url, event.name); + let item = this[`fileList${event.name}`][fileListLen]; + this[`fileList${event.name}`].splice( + fileListLen, + 1, + Object.assign(item, { + status: 'success', + message: '涓婁紶鎴愬姛', + url: result + }) + ); + fileListLen++; + } + }, + uploadFilePromise(url, num) { + return new Promise((resolve, reject) => { + let a = uni.uploadFile({ + url: BaseUrl + '/admin/sys-file/uploadUnToken', + filePath: url, + name: 'file', + // formData: { + // user: 'test' + // }, + success: res => { + if (num == 1) { + this.editUserInfo.carImg = JSON.parse(res.data).data.url; + this.registerFormModel.carImg = JSON.parse(res.data).data.url; + uni.setStorageSync('carImg', JSON.parse(res.data).data.url); + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 2) { + this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; + this.editUserInfo.drivingImg = JSON.parse(res.data).data.url; + uni.setStorageSync('drivingImg', JSON.parse(res.data).data.url); + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 3) { + this.editUserInfo.roadTransportImg = JSON.parse(res.data).data.url; + uni.setStorageSync('roadTransportImg', JSON.parse(res.data).data.url); + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 4) { + this.editUserInfo.tradeQualificationImg = JSON.parse(res.data).data + .url; + uni.setStorageSync('tradeQualificationImg', JSON.parse(res.data).data + .url); + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 5) { + this.editUserInfo.inventoryImg = JSON.parse(res.data).data + .url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==6){ + this.registerFormModel.cardImg1 = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==7){ + this.registerFormModel.cardImg2 = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==8){ + this.registerFormModel.driverImg = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==9){ + this.tranSportForm.certificateImg = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } + + } + }); + }); + }, + /** + * @preview 棰勮鍥剧墖 + */ + previewImageClose() { + this.previewImageShow = false; + }, + previewImageOpen() {}, + /** + * @editPopup 淇敼寮瑰嚭妗嗕簨浠� + */ + editDriverPopupClose() { + this.editDriverPopupShow = false; + }, + editDocClose(){ + this.editDocShow = false; + }, + editTranClose(){ + this.editTranShow = false; + }, + editDriverPopupOpen() {}, + editDocOpen(){}, + editTranOpen(){}, + modifyPassword() { + this.$store.commit('changeisLogin', false) + this.$store.dispatch('websocketOnClose') + uni.reLaunch({ + url: '/pages/login/forgetPassword/forgetPassword' + }) + }, + updateRoad(){ + this.$refs.sportRef + .validate() + .then(res => { + if (this.tranSportForm.productId == '' ) { + uni.showToast({ + title: '璇烽�夋嫨浜у搧锛�', + icon: 'error', + duration: 2000 + }); + }else if(this.tranSportForm.customerId == ''){ + uni.showToast({ + title: '璇烽�夋嫨瀹㈡埛锛�', + icon: 'error', + duration: 2000 + }); + } + let idcardtext=/^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ + if(this.driverList.length>0){ + this.driverList.forEach((item,index)=>{ + if(!item.driverName){ + uni.showToast({ + title: `璇峰~鍐欓┚椹跺鍚嶏紒`, + icon: 'error', + duration: 2000 + }); + } + if(!item.driverIdcard){ + uni.showToast({ + title: `璇峰~鍐欓┚椹惰韩浠借瘉锛乣, + icon: 'error', + duration: 2000 + }); + }else if(!idcardtext.test(item.driverIdcard)){ + uni.showToast({ + title: `璇锋楠岄┚椹跺憳韬唤璇侊紒`, + icon: 'error', + duration: 2000 + }); + } + }) + } + if(this.supercargoList.length>0){ + this.supercargoList.forEach((item,index)=>{ + if(!item.driverName){ + uni.showToast({ + title: `璇峰~鍐欐娂杩愬鍚嶏紒`, + icon: 'error', + duration: 2000 + }); + } + if(!item.driverIdcard){ + uni.showToast({ + title: `璇峰~鍐欐娂杩愯韩浠借瘉锛乣, + icon: 'error', + duration: 2000 + }); + }else if(!idcardtext.test(item.driverIdcard)){ + uni.showToast({ + title: `璇锋楠屾娂杩愯韩浠借瘉锛乣, + icon: 'error', + duration: 2000 + }); + } + if(!item.driverPhone){ + uni.showToast({ + title: `璇峰~鍐欐娂杩愭墜鏈哄彿锛乣, + icon: 'error', + duration: 2000 + }); + }else if( !/^1[23456789]\d{9}$/.test(item.driverPhone)){ + uni.showToast({ + title: `璇锋楠屾娂杩愭墜鏈哄彿锛乣, + icon: 'error', + duration: 2000 + }); + } + }) + } + let driverName="" + let driverIdcard="" + let supercargoInfo='' + driverName = this.driverList.map((item, index) => { + return item.driverName; + }).join(","); + driverIdcard = this.driverList.map((item, index) => { + return item.driverIdcard; + }).join(","); + supercargoInfo = this.supercargoList.map((item, index) => { + return item.driverName+ '|'+item.driverIdcard+"|"+item.driverPhone + }).join(","); + if(this.tranSportForm.expirationTime){ + this.tranSportForm.expirationTime=this.tranSportForm.expirationTime.slice(0,16) + } + this.$reqPost('addJcroadtransport', { + userId:this.registerFormModel.customerid, + ...this.tranSportForm, + driverName:driverName, + driverIdcard:driverIdcard, + supercargoInfo:supercargoInfo + }, 'json').then(res => { + this.editTranShow = false; + if (res.code == 0) { + this.$u.toast('淇敼鎴愬姛'); + this.init(); + } else { + uni.showToast({ + title: res.msg, + icon: 'none', + duration: 2000 + }); + } + }) + }) + }, + // 淇敼璇佷欢淇℃伅 + updateDoc(){ + this.$reqPost('saveDriverDocs', { + userId:this.registerFormModel.customerid, + idCardImg:this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2, + expirationTimeIdcard:this.registerFormModel.expirationTimeIdcard.slice(0,16), + drivingImg:this.registerFormModel.drivingImg, + expirationTimeDriving:this.registerFormModel.expirationTimeDriving.slice(0,16), + driverImg:this.registerFormModel.driverImg, + expirationTimeDriver:this.registerFormModel.expirationTimeDriver.slice(0,16), + tradeQualificationImg:this.registerFormModel.tradeQualificationImg, + expirationTimeTradequalification:this.registerFormModel.expirationTimeTradequalification, + }, 'json').then(res => { + this.editDocShow = false; + if (res.code == 0) { + this.$u.toast('淇敼鎴愬姛'); + this.init(); + } else { + uni.showToast({ + title: res.msg, + icon: 'none', + duration: 2000 + }); + } + }) + }, + // 淇敼鐢ㄦ埛淇℃伅 + updateUser() { + this.editUserInfo = { + ...this.editUserInfo, + carImg: uni.getStorageSync('carImg'), + drivingImg: uni.getStorageSync('drivingImg'), + isRegister: '0' + }; + this.$refs.editRef + .validate() + .then(res => { + this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { + this.editDriverPopupShow = false; + if (res.code == 0) { + this.$u.toast('淇敼鎴愬姛'); + this.init(); + } else { + uni.showToast({ + title: res.msg, + icon: 'none', + duration: 2000 + }); + } + }); + }) + .catch(err => { + this.$u.toast('淇敼澶辫触'); + }); + }, + logout() { + this.logoutShow = true; + }, + logoutConfirm() { + redirectLogin(); + this.$store.commit('changeisLogin', false) + this.$store.dispatch('websocketOnClose') + }, + logoutCancel() { + this.logoutShow = false; + }, + //淇敼纾呭崟鎵撳嵃鏍峰紡 + modifyPrint() { + this.$nextTick(() => { + this.$refs.printerStyleRef.init() + }) + }, + // 绉垎璇︽儏 + scoreDetail() { + uni.navigateTo({ + url: '/pages/driver-page/drvier-my/scoreDetail/scoreDetail' + }) + }, + addressManageHandle() { + uni.navigateTo({ + url: '/pages/driver-page/drvier-my/addressMange/addressMange' + }) + }, + selectedPrintStyleHandle(val) { + this.selectedPrintStyle = val + }, + findNameById(tree, idArr) { + let result = []; + function traverse(node, idArr) { + if (!node) return; + if (idArr.includes(node.id)) { + result.push({name:node.productName,id:node.id}); + } + if (node.children && node.children.length > 0) { + node.children.forEach(child => { + traverse(child, idArr); + }); + } + } + tree.forEach(node => { + traverse(node, idArr); + }); + return result; + }, + // 鎵撳紑浜у搧琛� + treeOpen() { + this.$refs.tkitree._show(); + }, + treeClose() { + this.$refs.tkitree._hide(); + }, + treeChooseValue(v) { + this.$refs.tkitree._hide(); + let data=this.findNameById(this.productData, v)[0] + this.tranSportForm.productId = data.id; + this.productName=data.name + }, + // 鑾峰彇瀹㈡埛 + getShipToList() { + this.$reqGet('getShipToList', { deptId: this.editUserInfo.deptId, productName: this.editUserInfo.productName }) + .then(res => { + if (res.code == 0) { + this.customerNameList = res.data + }else { + this.$u.toast('鍔犺浇澶辫触') + } + }) + }, + selfDeliver() { + this.selfDeliverShow = true + }, + selfDeliverClose() { + this.selfDeliverShow = false + }, + selfDeliverOpen() { + this.selfDeliverShow = true + }, + selectCustomer(value) { + this.tranSportForm.customerId = value.customerId + this.customerName = value.customerName + this.selfDeliverShow = false + }, + addSupercar(){ + this.supercargoList.push({ + driverName:"", + driverIdcard:"", + driverPhone:"" + }) + }, + addDriver(){ + this.driverList.push({ + driverName:"", + driverIdcard:"" + }) + }, + deleteSupercar(){ + this.supercargoList.splice(this.supercargoList.length - 1, 1) + }, + deleteDriver(){ + this.driverList.splice(this.driverList.length - 1, 1); + }, } - } -}; + }; </script> -<style lang="scss" scoped> -@mixin flex { - display: flex; - justify-content: space-between; - align-items: center; -} -.statistics { - margin-top: vww(10); - margin-bottom: vww(10); -} -::v-deep.driver-my { - width: 100%; - margin: 0 auto; - padding-bottom: vww(60); - .driver-banner { +<style lang="scss" + scoped> + @mixin flex { + display: flex; + justify-content: space-between; + align-items: center; + } + + + ::v-deep.driver-my { width: 100%; - height: 430rpx; - background: linear-gradient(0deg, #ffffff 0%, #0055fe 100%); - background-size: contain; - position: fixed; - top: 0; - .navgation { - width: 77rpx; - height: 37rpx; - font-size: 40rpx; - font-family: Adobe Heiti Std; - font-weight: normal; - color: #ffffff; - line-height: 69rpx; - margin: vww(60) auto; - } - .avatar { + margin: 0 auto; + padding-bottom: vww(100); + + .driver-banner { width: 100%; height: 430rpx; - display: flex; - align-items: center; + background: linear-gradient(0deg, #ffffff 0%, #0055fe 100%); + background-size: contain; position: fixed; top: 0; - .avatar-imgage { - width: 98rpx; - height: 98rpx; - background: #fcfcfc; - border: 4px solid #ffffff; - border-radius: 50%; - margin-left: vww(18); - } - .avatar-name { - width: 136rpx; - height: 32rpx; - font-size: 34rpx; - font-family: Source Han Sans CN; - font-weight: bold; + + .navgation { + width: 80rpx; + height: 37rpx; + font-size: 40rpx; + font-weight: normal; color: #ffffff; - margin-left: vww(17); + line-height: 69rpx; + margin: vww(60) auto; } - .edit-button { - position: relative; - left: vww(94); - top: vww(4); - } - } - .personal-information { - width: 100%; - display: flex; - justify-content: center; - position: relative; - top: vww(20); - &-block { - width: 690rpx; - height: 478rpx; - background: #ffffff; - box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); - border-radius: 20rpx; + + .avatar { + width: 100%; + height: 430rpx; display: flex; - flex-direction: column; - justify-content: space-between; - .block-main { - width: 636rpx; - margin: vww(10) vww(14); + align-items: center; + position: fixed; + top: 0; + + .avatar-imgage { + width: 98rpx; + height: 98rpx; + margin-left: vww(18); + @include flex; + justify-content: center; } - .information-line { - @include flex width: 636rpx; - height: vww(45); - border-bottom: 1rpx solid #f0f1f6; - .line-label { - width: 188rpx; - height: 90rpx; - @include flex image { - width: 50rpx; - height: 50rpx; + .avatar-name { + width: 200rpx; + display: flex; + flex-wrap: wrap; + height: 32rpx; + font-size: 34rpx; + font-weight: bold; + color: #ffffff; + margin-left: vww(17); + } + + .edit-button { + position: relative; + left: vww(73); + top: vww(4); + } + } + } + + .process-state { + width: 300rpx; + height: 50rpx; + margin: 0 auto; + position: fixed; + top: 284rpx; + left: 37rpx; + display: flex; + align-items: center; + + .state-text { + margin-right: vww(6); + } + } + .process-tran{ + width: 300rpx; + height: 50rpx; + margin: 0 auto; + position: fixed; + top: 390rpx; + left: 37rpx; + display: flex; + align-items: center; + + .state-text { + margin-right: vww(6); + } + } + + .car-type { + position: fixed; + top: 284rpx; + right: 20rpx; + width: 100%; + height: 50rpx; + display: flex; + align-items: center; + justify-content: flex-end; + } + .tran-type{ + position: fixed; + top: 390rpx; + right: 20rpx; + width: 100%; + height: 50rpx; + display: flex; + align-items: center; + justify-content: flex-end; + } + + .information-block { + width: 100%; + + .personal-information { + width: 100%; + display: flex; + justify-content: center; + position: relative; + top: vww(-30); + + &-block { + width: 690rpx; + height: 680rpx; + background: #ffffff; + box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); + border-radius: 20rpx; + display: flex; + flex-direction: column; + justify-content: space-between; + + .block-main { + width: 636rpx; + margin: vww(10) vww(14); + } + + .information-line { + @include flex; + width: 636rpx; + height: vww(45); + border-bottom: 1rpx solid #f0f1f6; + + .line-label { + width: 50%; + height: 90rpx; + @include flex; + + image { + width: 50rpx; + height: 50rpx; + } + + .label-text { + flex: 0.8; + font-size: 30rpx; + font-weight: 400; + color: #000000; + line-height: 85rpx; + text-align: left; + } } - .label-text { - width: 118rpx; + + .information-value { + min-width: vww(125); + @include flex; font-size: 30rpx; - font-family: Source Han Sans CN; font-weight: 400; color: #000000; line-height: 85rpx; } } - .information-value { - width: vww(125); - @include flex; - font-size: 30rpx; - font-family: Source Han Sans CN; - font-weight: 400; - color: #000000; - line-height: 85rpx; + + .last { + border-bottom: 0; + + .information-value { + justify-content: space-between; + } } - } - .last { - border-bottom: 0; } } } - } - .car-information { - width: 100%; - position: relative; - top: vww(410); - @include flex justify-content: center; - .information-main { - width: 690rpx; - height: 552rpx; - background: #ffffff; - box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); - border-radius: 20rpx; - .information-body { - width: 636rpx; - margin: vww(15) vww(14); - @include flex flex-direction: column; - .car-img { - height: 246rpx; - width: 100%; + + .car-information { + margin-top: 30rpx; + width: 100%; + position: relative; + @include flex justify-content: center; + .roadTransportCertificate{ + width: 690rpx; + background: #ffffff; + box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); + border-radius: 20rpx; + .information-body { + width: 636rpx; + margin: vww(15) vww(14); @include flex flex-direction: column; - align-items: flex-start; - .label-title { - @include flex width: 200rpx; - height: 100rpx; - .label-text { - width: 200rpx; - height: 50rpx; + .certificate { + display: flex; + justify-content: space-between; + align-items: center; + width: 636rpx; + height: 90rpx; + border-bottom: 1rpx solid #f0f1f6; + .certificate-left{ + margin-left: 20rpx; } - image { - width: 50rpx; - height: 50rpx; + .certificate-right{ + margin-right: 20rpx; } } } } - } - } - .loginout { - width: 100%; - height: 74rpx; - @include flex; - justify-content: center; - position: relative; - bottom: vww(-430); - .loginout-main { - width: 84%; - } - } - // 琛ㄥ崟 - .personal-information-form { - margin-top: vww(200); - .push-information-button { - display: flex; - margin: vww(20) auto 0; - width: 80%; - .u-button { - &:nth-of-type(2) { - margin-left: vww(10); - } - } - } - } + .information-main { + width: 690rpx; + height: 800rpx; + background: #ffffff; + box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); + border-radius: 20rpx; - // 棰勮鍥剧墖 - .previewImage-container { - } + .information-body { + width: 636rpx; + margin: vww(15) vww(14); + @include flex flex-direction: column; + .car-img { + height: 246rpx; + width: 100%; + @include flex; + flex-direction: column; + align-items: flex-start; - // 淇敼寮瑰嚭妗� - .editDriverPopup-container { - .u-popup { - .u-transition { - height: 95%; - .u-popup__content { - overflow: scroll !important; - .editDriverPopup-container-box { - width: 90%; - margin: 0 auto; - } + .label-title { + @include flex; + width: 300rpx; + height: 100rpx; - //closeIcon - .u-popup__content__close--top-right { - top: vww(20) !important; - .u-icon { - .u-icon__icon { - font-size: vww(20) !important; + .label-text { + width: 100%; + height: 50rpx; + } + + image { + width: 50rpx; + height: 50rpx; } } } } } } + + .loginout { + width: 100%; + height: 200rpx; + @include flex; + justify-content: space-around; + flex-direction: column; + align-items: center; + position: relative; + top: vww(20); + + .loginout-main { + width: 84%; + } + } + + .person-utils { + width: 98%; + margin: vww(10) auto; + display: flex; + justify-content: space-between; + + .u-button { + width: 45%; + letter-spacing: vww(4); + } + } + + // 琛ㄥ崟 + .personal-information-form { + margin-top: vww(200); + + .push-information-button { + display: flex; + margin: vww(20) auto 0; + width: 80%; + + .u-button { + &:nth-of-type(2) { + margin-left: vww(10); + } + } + } + } + + // 棰勮鍥剧墖 + .previewImage-container {} + + // 淇敼寮瑰嚭妗� + .editDriverPopup-container { + .u-popup { + .u-transition { + height: 75%; + + .u-popup__content { + overflow: scroll !important; + + .editDriverPopup-container-box { + width: 90%; + margin: vww(10) auto; + } + + //closeIcon + .u-popup__content__close--top-right { + top: vww(20) !important; + + .u-icon { + .u-icon__icon { + font-size: vww(20) !important; + } + } + } + } + } + } + } + .superList{ + margin: 10rpx; + padding: 10rpx; + border: 1px solid #f0f1f6; + } + .adddelete{ + display: flex; + justify-content: space-around; + margin: 10rpx; + } } -} -</style> +</style> \ No newline at end of file -- Gitblit v1.9.1