yangan
2024-08-13 6e5dddd39f051cfe564c32ae5608729ad9260409
pages/driver-page/drvier-my/drvier-my.vue
@@ -90,10 +90,11 @@
                        {{ userInfo.weight || '' }}
                     </view>
                  </view>
                  <view class="information-line"
                     @click="modifyPrint">
                     <!-- 由于是自定义icon  非设计图icon 所以要加上这个style="margin-left: 1.5%;"
                       icon 下载格式为18x18-->
                  <!-- <view class="information-line"
                     @click="modifyPrint">
                     <view class="line-label"
                        style="margin-left: 1.5%;">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/printer.png"
@@ -108,7 +109,7 @@
                        <u-icon name="arrow-right"
                           size="36"></u-icon>
                     </view>
                  </view>
                  </view> -->
                  <!-- <view class="information-line"
                     @click="addressManageHandle">
                     <view class="line-label"
@@ -207,11 +208,11 @@
                  <view class="label-title">
                     <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/cardimg.png"
                        mode="widthFix"></image>
                     <view class="label-text">车辆类型照片</view>
                     <view class="label-text">驾驶证</view>
                  </view>
                  <view class="img-container">
                     <u--image :showLoading="true"
                        :src="userInfo.inventoryImg != null ? BaseUrl + userInfo.drivingImg : ''"
                        :src="userInfo.driverImg != null ? BaseUrl + userInfo.drivingImg : ''"
                        width="80px"
                        height="80px"
                        @click="imageClick(3)">
@@ -256,7 +257,7 @@
               <u--form labelPosition="left"
                  :model="editUserInfo"
                  ref="editUserInfo">
                  <u-form-item labelWidth="20%"
                  <u-form-item labelWidth="35%"
                     label="姓名"
                     prop="name"
                     required>
@@ -264,7 +265,7 @@
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
                  <!-- <u-form-item labelWidth="20%"
                  <!-- <u-form-item labelWidth="35%"
                     label="密码"
                     prop="password"
                     required>
@@ -272,7 +273,7 @@
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item> -->
                  <!-- <u-form-item labelWidth="20%"
                  <!-- <u-form-item labelWidth="35%"
                     label="身份证号"
                     prop="idCard"
                     required>
@@ -280,7 +281,7 @@
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item> -->
                  <u-form-item labelWidth="20%"
                  <u-form-item labelWidth="35%"
                     label="手机号"
                     prop="phone"
                     required>
@@ -289,7 +290,7 @@
                        disabled
                        inputAlign="left"></u--input>
                  </u-form-item>
                  <!-- <u-form-item labelWidth="20%"
                  <!-- <u-form-item labelWidth="35%"
                     label="车牌号"
                     prop="carNo"
                     required>
@@ -297,7 +298,7 @@
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item> -->
                  <u-form-item labelWidth="20%"
                  <u-form-item labelWidth="35%"
                     label="体重"
                     prop="weight"
                     >
@@ -306,7 +307,7 @@
                        inputAlign="left"
                        placeholder="体重以kg作为单位"></u--input>
                  </u-form-item>
                  <u-form-item labelWidth="20%"
                  <u-form-item labelWidth="35%"
                     label="车轴数"
                     prop="axleNum"
                     >
@@ -314,7 +315,7 @@
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
                  <u-form-item labelWidth="20%"
                  <u-form-item labelWidth="35%"
                     label="环保标准"
                     borderBottom
                     required
@@ -332,7 +333,7 @@
                           :name="item.name"></u-radio>
                     </u-radio-group>
                  </u-form-item>
                  <u-form-item labelWidth="20%"
                  <u-form-item labelWidth="35%"
                     label="车辆类型"
                     borderBottom
                     ref="roleRef"
@@ -344,17 +345,28 @@
                        @change="productcarTypeChange"
                        ></niceui-data-select-input>
                  </u-form-item>
                  <view style="margin:0 30vw" v-if="isshow">
                     <u-button text="增加"
                           type="primary"
                           @click="addData"
                           ></u-button>
                  </view>
                  <u-form-item prop="idCard"
                     label="身份证"
                     labelWidth="35%"
                     borderBottom
                     required
                     >
                     <u--input v-model="editUserInfo.idCard"
                        placeholder="请输入内容"
                        disabled
                        clearable></u--input>
                  </u-form-item>
                     <view style="margin:5vh 30vw" >
                        <u-button text="增加"
                              type="primary"
                              @click="addData"
                        ></u-button>
                     </view>
                     <uni-table
                      border 
                        id="table-box"
                        emptyText="暂无更多数据"
                        v-if="isshow">
                        >
                        <uni-tr>
                           <uni-th align="center" >身份证号</uni-th>
                           <uni-th align="center">操作</uni-th>         
@@ -374,17 +386,6 @@
                        </view></uni-td>
                     </uni-tr>
                     </uni-table>
                  <u-form-item prop="idCard"
                     label="身份证"
                     labelWidth="20%"
                     borderBottom
                     required
                     v-if="!isshow"
                     >
                     <u--input v-model="editUserInfo.idCard"
                        placeholder="请输入内容"
                        clearable></u--input>
                  </u-form-item>
                  <u-form-item>
                     <view class="person-utils">
                  <u-button text="修改密码"
@@ -413,12 +414,11 @@
               <u--form labelPosition="left"
                  :model="registerFormModel"
                  >
                  <u-form-item prop="cardImg1"
                     label="身份证正面"
                     labelWidth="20%"
                  <u-form-item prop="carImg"
                     label="车辆照片"
                     labelWidth="35%"
                     borderBottom
                     required
                     v-if="!isshow"
                     @click="beforeRead">
                     <u-upload :fileList="fileList6"
                        deletable
@@ -432,35 +432,9 @@
                        :previewFullImage="true">
                     </u-upload>
                  </u-form-item>
                  <u-form-item prop="cardImg2"
                     label="身份证反面"
                     labelWidth="20%"
                     borderBottom
                     required
                     v-if="!isshow"
                     @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%"
                     v-if="!isshow"
                     borderBottom>
                     <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="datetime" :start="minDate" />
                  </u-form-item>
                  <u-form-item prop="drivingImg"
                     label="行驶证"
                     labelWidth="20%"
                     labelWidth="35%"
                     borderBottom
                     required
                     @click="beforeRead">
@@ -478,13 +452,13 @@
                  </u-form-item>
                  <u-form-item prop="expirationTimeDriving"
                     label="行驶证过期时间"
                     labelWidth="20%"
                     labelWidth="35%"
                     borderBottom>
                     <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" :start="minDate" />
                  </u-form-item>
                  <u-form-item prop="driverImg"
                     label="驾驶证"
                     labelWidth="24%"
                     labelWidth="35%"
                     borderBottom
                     required
                     @click="beforeRead">
@@ -502,13 +476,13 @@
                  </u-form-item>
                  <u-form-item prop="expirationTimeDriver"
                     label="驾驶证过期时间"
                     labelWidth="20%"
                     labelWidth="35%"
                     borderBottom>
                     <uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime"  :start="minDate" />
                  </u-form-item>
                  <u-form-item prop="tradeQualificationImg"
                     label="从业资格证"
                     labelWidth="24%"
                     labelWidth="35%"
                     borderBottom
                     required
                     @click="beforeRead">
@@ -526,7 +500,7 @@
                  </u-form-item>
                  <u-form-item prop="expirationTimeTradequalification"
                     label="从业资格过期时间"
                     labelWidth="20%"
                     labelWidth="35%"
                     borderBottom
                     >
                     <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime"  :start="minDate" />
@@ -548,8 +522,9 @@
            @confirm="logoutConfirm"
            @cancel="logoutCancel"></u-modal>
      </view>
      <printerStyle ref="printerStyleRef"
         @selectedPrintStyle='selectedPrintStyleHandle' />
      <!-- <printerStyle ref="printerStyleRef"
         v-if="printerVisible"
         @selectedPrintStyle='selectedPrintStyleHandle' /> -->
   </view>
</template>
@@ -558,17 +533,17 @@
   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 '@/subPages/bill-of-lading-details/printerStyle/printerStyle.vue'
   // import printerStyle from '@/subPages/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 },
      components: { previewImage, noobTour,qianTree },
      data() {
         return {
            isshow:false,
            tablist:[],
            minDate: this.getToday(),
            customerName:"",
            printerVisible:false,
            // 获取的司机详情
            userInfo: {},
            productName:"",
@@ -602,12 +577,8 @@
                  value:2
               },
               {
                  text: '液氯槽车',
                  text: '槽车',
                  value:3
               },
               {
                  text: '液碱槽车',
                  value:4
               }
            ],
            countryNumberCarList: [{
@@ -617,6 +588,10 @@
               {
                  name: 2,
                  label: '国六',
               },
               {
                  name: 3,
                  label: '新能源',
               }
            ],
            rules: {
@@ -771,9 +746,8 @@
         editDriverPopupShow(newVal) {
           console.log(newVal,'newval')
          let reg=RegExp(/,/)
          this.isshow=reg.test(this.editUserInfo.idCard)
          if(this.isshow){
             this.tablist= this.editUserInfo.idCard.split(",").map(item=>{
          if(this.editUserInfo.otherIdCard){
             this.tablist= this.editUserInfo.otherIdCard.split(",").map(item=>{
                return {idCard:item}
             })
          }
@@ -846,8 +820,7 @@
               Object.assign(this.editUserInfo, res.data)
               this.registerFormModel={
                  customerid:res.data.userId,
                  idCardImg:res.data.idCardImg,
                  expirationTimeIdcard:res.data.expirationTimeIdcard,
                  carImg:res.data.carImg,
                  drivingImg:res.data.drivingImg,
                  expirationTimeDriving:res.data.expirationTimeDriving,
                  driverImg:res.data.driverImg,
@@ -856,15 +829,10 @@
                  expirationTimeTradequalification:res.data.expirationTimeTradequalification,
                  type:res.data.carType
               }
               if(this.registerFormModel.idCardImg){
                  if (this.fileList6.length == 0 && this.registerFormModel.idCardImg.split(",")[0]) {
               if(this.registerFormModel.carImg){
                  if (this.fileList6.length == 0 && this.registerFormModel.carImg.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]}`
                        url: `${BaseUrl}${this.registerFormModel.carImg}`
                     });
                  }
                  if (this.fileList8.length == 0 && this.userInfo.driverImg) {
@@ -872,8 +840,6 @@
                        url: `${BaseUrl}${this.userInfo.driverImg}`
                     });
                  }
                  this.registerFormModel.cardImg1=this.registerFormModel.idCardImg.split(",")[1]
                  this.registerFormModel.cardImg2=this.registerFormModel.idCardImg.split(",")[1]
                 }
               this.editUserInfo.password = ''
            });
@@ -891,7 +857,7 @@
            } else if (index == 2) {
               this.previewImageSrc = this.userInfo.drivingImg;
            } else {
               this.previewImageSrc = this.userInfo.inventoryImg;
               this.previewImageSrc = this.userInfo.driverImg;
            }
            this.$nextTick(() => {
               this.previewImageShow = true;
@@ -969,11 +935,7 @@
                           .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)
                        this.registerFormModel.carImg = JSON.parse(res.data)
                           .data.url;
                        resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
                     }else if(num==8){
@@ -1015,8 +977,7 @@
         updateDoc(){
               this.$reqPost('saveDriverDocs', {
                  userId:this.registerFormModel.customerid,
                  idCardImg:this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2,
                  expirationTimeIdcard:this.registerFormModel.expirationTimeIdcard.slice(0,16),
                  carImg:this.registerFormModel.carImg,
                  drivingImg:this.registerFormModel.drivingImg,
                  expirationTimeDriving:this.registerFormModel.expirationTimeDriving.slice(0,16),
                  driverImg:this.registerFormModel.driverImg,
@@ -1041,9 +1002,7 @@
            this.tablist.push({idCard:""})
         },
         delData(e){
            if(this.tablist.length>2){
               this.tablist.splice(e,1)
            }
            this.tablist.splice(e,1)
         },
         // 修改用户信息
         updateUser() {
@@ -1068,7 +1027,7 @@
                  }
               }
            }
            if(this.isshow){
            if(this.tablist.length>0){
               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]$/
               this.tablist.map(item=>{
                  if(!item.idCard){
@@ -1097,10 +1056,11 @@
                  });
                  submit=false
               }
               this.editUserInfo.idCard=this.tablist.map(item=>{
               this.editUserInfo.otherIdCard=this.tablist.map(item=>{
                  return item.idCard
               }).join(',')
            }
            let data={
               name:this.editUserInfo.name,
               phone:this.editUserInfo.phone,
@@ -1111,7 +1071,8 @@
               idCard:this.editUserInfo.idCard,
               userId:this.editUserInfo.userId,
               type:this.editUserInfo.type,
               username:this.editUserInfo.username
               username:this.editUserInfo.username,
               otherIdCard:this.editUserInfo.otherIdCard,
            }
            this.$reqPost('updateUser', data, 'json').then(res => {
               this.editDriverPopupShow = false;
@@ -1142,6 +1103,8 @@
         },
         //修改磅单打印样式
         modifyPrint() {
            this.printerVisible = true;
            console.log(printerStyle,'123')
            this.$nextTick(() => {
               this.$refs.printerStyleRef.init()
            })