自主配送功能优化 部分功能增删 提煤单详情页面修改

qingyiay

2023-10-30 0978691dc9047c7090dca64406f5d0ac027e8df4

 pages/driver-page/drvier-my/drvier-my.vue

@@ -6,13 +6,12 @@
            <view class="navgation">我的</view>
            <view class="avatar">
               <view class="avatar-imgage"
                  style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
                  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"
                     :disabled="userInfo.isRegister!==2"
                     plain>编辑个人资料</u-button></view>
            </view>
         </view>
@@ -32,7 +31,7 @@
                  <view class="information-line"
                     @click="">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9095/appimg/image/banner/personalicon.png"
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png"
                           mode="widthFix"></image>
                        <view class="label-text">身份证号</view>
                     </view>
@@ -42,7 +41,7 @@
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9095/appimg/image/banner/phonenum.png"
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
                           mode="widthFix"></image>
                        <view class="label-text">手机号</view>
                     </view>
@@ -52,7 +51,7 @@
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carnum.png"
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">车牌号</view>
                     </view>
@@ -62,7 +61,7 @@
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9095/appimg/image/banner/axisnum.png"
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/axisnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">车轴数</view>
                     </view>
@@ -70,15 +69,69 @@
                        {{ 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"
                        <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 || '' }}
                     </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>
@@ -89,7 +142,7 @@
            <view class="information-body">
               <view class="car-img">
                  <view class="label-title">
                     <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carimg.png"
                     <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carimg.png"
                        mode="widthFix"></image>
                     <view class="label-text">车辆照片</view>
                  </view>
@@ -106,7 +159,7 @@
               </view>
               <view class="car-img">
                  <view class="label-title">
                     <image src="https://mx.jzeg.cn:9095/appimg/image/banner/cardimg.png"
                     <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png"
                        mode="widthFix"></image>
                     <view class="label-text">行驶证照片</view>
                  </view>
@@ -125,11 +178,6 @@
         </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"
@@ -137,24 +185,7 @@
               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>
      <noob-tour isPersonCenter></noob-tour>
      <!-- 图片预览弹出框 -->
      <view class="previewImage-container">
         <u-popup :show="previewImageShow"
@@ -165,12 +196,6 @@
               width="400px"
               height="400px"></u--image>
         </u-popup>
      </view>
      <!-- 引导图片弹出 -->
      <view class="previewImage-container">
         <previewImage ref="previewImage"
            :imgs="driverTourImgList"
            :saveBtn='false'></previewImage>
      </view>
      <!-- 修改弹出框 -->
      <view class="editDriverPopup-container">
@@ -193,14 +218,14 @@
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
                  <u-form-item labelWidth="20%"
                  <!-- <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> -->
                  <u-form-item labelWidth="20%"
                     label="身份证号"
                     prop="idCard"
@@ -273,10 +298,47 @@
                        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>
               <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>
@@ -288,14 +350,8 @@
            @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>
      <printerStyle ref="printerStyleRef"
         @selectedPrintStyle='selectedPrintStyleHandle' />
   </view>
</template>

@@ -303,15 +359,11 @@
   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';
   export default {
      components: { previewImage },
      computed: {
         ...mapState(['driverTourImgList']),
         roleType() {
            return uni.getStorageSync('roleType');
         },
      },
      components: { previewImage, noobTour, printerStyle },
      data() {
         return {
            // 获取的司机详情
@@ -330,7 +382,9 @@
               weight: '',
               userId: '',
               password: "",
               isRegister: ''
               isRegister: 0,
               tradeQualificationImg: '',
               roadTransportImg: ''
            },
            rules: {
               name: {
@@ -429,6 +483,8 @@
            src: '',
            fileList1: [],
            fileList2: [],
            fileList3: [],
            fileList4: [],
            // 修改信息弹出框
            editDriverPopupShow: false,
            // previewImage
@@ -439,9 +495,13 @@
            logoutTitle: '提示',
            logoutContent: '是否确认退出',
            BaseUrl,
            initPwdShow: false

            selectedPrintStyle: null
         };
      },
      computed: {
         currentSelectedPrintStyle() {
            return this.selectedPrintStyle ? this.selectedPrintStyle : uni.getStorageSync('selectedPrintStyle')
         }
      },
      onShow() {
         // this.init();
@@ -463,6 +523,8 @@
               this.userInfo = res.data;
               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.fileList1.push({
                     url: `${BaseUrl}${this.userInfo.carImg}`
@@ -471,6 +533,16 @@
               if (this.fileList2.length == 0) {
                  this.fileList2.push({
                     url: `${BaseUrl}${this.userInfo.drivingImg}`
                  });
               }
               if (this.fileList3.length == 0) {
                  this.fileList3.push({
                     url: `${BaseUrl}${this.userInfo.roadTransportImg}`
                  });
               }
               if (this.fileList4.length == 0) {
                  this.fileList4.push({
                     url: `${BaseUrl}${this.userInfo.tradeQualificationImg}`
                  });
               }
               Object.keys(this.editUserInfo).map(item => {
@@ -550,6 +622,16 @@
                        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}`);
                     }
                  }
               });
@@ -561,17 +643,20 @@
         previewImageClose() {
            this.previewImageShow = false;
         },
         previewImageOpen() {
            console.log('preview open');
         },
         previewImageOpen() {},
         /**
          * @editPopup 修改弹出框事件
          */
         editDriverPopupClose() {
            this.editDriverPopupShow = false;
         },
         editDriverPopupOpen() {
            console.log('打开了');
         editDriverPopupOpen() {},
         modifyPassword() {
            this.$store.commit('changeisLogin', false)
            this.$store.dispatch('websocketOnClose')
            uni.reLaunch({
               url: '/pages/login/forgetPassword/forgetPassword'
            })
         },
         // 修改用户信息
         updateUser() {
@@ -579,7 +664,7 @@
               ...this.editUserInfo,
               carImg: uni.getStorageSync('carImg'),
               drivingImg: uni.getStorageSync('drivingImg'),
               isRegister: 0
               isRegister: '0'
            };
            this.$refs.editRef
               .validate()
@@ -603,35 +688,6 @@
                  this.$u.toast('修改失败');
               });
         },
         initPwd() {
            this.initPwdShow = true
         },
         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;
         },
@@ -643,15 +699,26 @@
         logoutCancel() {
            this.logoutShow = false;
         },
         // 跳转发运统计页面
         statistics() {
         //修改磅单打印样式
         modifyPrint() {
            this.$nextTick(() => {
               this.$refs.printerStyleRef.init()
            })
         },
         // 积分详情
         scoreDetail() {
            uni.navigateTo({
               url: '/pages/customer-page/customer-my/faYunstatistics/faYunstatistics'
            });
               url: '/pages/driver-page/drvier-my/scoreDetail/scoreDetail'
            })
         },
         noobTour() {
            this.$refs.previewImage.open('https://mx.jzeg.cn:9096/appimg/image/tour/driver/sj1.png')
         addressManageHandle() {
            uni.navigateTo({
               url: '/pages/driver-page/drvier-my/addressMange/addressMange'
            })
         },
         selectedPrintStyleHandle(val) {
            this.selectedPrintStyle = val
         }
      }
   };
</script>
@@ -750,7 +817,7 @@

            &-block {
               width: 690rpx;
               height: 478rpx;
               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;
@@ -764,25 +831,28 @@
               }

               .information-line {
                  @include flex width: 636rpx;
                  @include flex;
                  width: 636rpx;
                  height: vww(45);
                  border-bottom: 1rpx solid #f0f1f6;

                  .line-label {
                     width: 188rpx;
                     width: 50%;
                     height: 90rpx;
                     @include flex;

                     @include flex image {
                     image {
                        width: 50rpx;
                        height: 50rpx;
                     }

                     .label-text {
                        width: 120rpx;
                        flex: 0.8;
                        font-size: 30rpx;
                        font-weight: 400;
                        color: #000000;
                        line-height: 85rpx;
                        text-align: left;
                     }
                  }

@@ -798,6 +868,10 @@

               .last {
                  border-bottom: 0;

                  .information-value {
                     justify-content: space-between;
                  }
               }
            }
         }
@@ -862,6 +936,18 @@
         }
      }

      .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);
@@ -893,7 +979,7 @@

                  .editDriverPopup-container-box {
                     width: 90%;
                     margin: 0 auto;
                     margin: vww(10) auto;
                  }

                  //closeIcon