yangan
2024-03-22 22bf89749751bf2204ca1d1d30bda9ce7fde3e5b
pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
@@ -1,9 +1,9 @@
<template>
   <view class="bill-of-lading-details">
      <view class="top-banner"
         style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
         style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
         <u-notice-bar :text="originInfoNotice"
            v-if="originInfoVisible"
            v-if="haveInputOrigin&&!isSpecial"
            fontSize='36'></u-notice-bar>
         <view class="top-information">
            <view class="cutomer-name"
@@ -23,9 +23,9 @@
               <view class="basic">
                  <view class="coalName">{{ coalDetailsData.coalName }}</view>
                  <view class="status-button"
                     style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat;
                     style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/statusbutton.png') no-repeat;
                              background-size: cover;">
                     {{coalStatus[correctStatus]}}
                     {{coalDetailsData.statusView||''}}
                  </view>
               </view>
               <view class="time">
@@ -35,24 +35,31 @@
                  <view class="send-date">{{ coalDetailsData.sendDate }}</view>
               </view>
               <view class="coal-code">提煤单编号:&nbsp;&nbsp;{{ coalDetailsData.code || '' }}</view>
               <view class="order-code">
               <view class="order-code"
                  v-if="!isSpecial">
                  订单编号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
               <view class="stream-view"
                  style="color: #475bfd;"
                  @click="streamView"
                  v-show="timeLineStatus===9">
                  查看装载情况
               </view>
               <view class="weigh-item">
                  <view class="item">
                     <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                        style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                        皮</view>
                     <view class="num">{{ coalDetailsData.skin||"" }}</view>
                  </view>
                  <view class="item">
                     <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                        style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                        毛</view>
                     <view class="num">{{ coalDetailsData.hair||""  }}</view>
                  </view>
                  <view class="item">
                     <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                        style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                        净</view>
                     <view class="num">{{ coalDetailsData.clean||""  }}</view>
                  </view>
@@ -61,7 +68,7 @@
         </view>
      </view>
      <view class="origin-info"
         v-if="originInfoVisible">
         v-if="originInfoVisible&&!isSpecial">
         <view class="origin-info_wrapper">
            <view class="origin-info_content">
               <view class="first-line"><combined-title title="原发信息"></combined-title></view>
@@ -141,7 +148,8 @@
                  <u-button text="提交"
                     type="primary"
                     @click.stop="submitOriginInfo"
                     :disabled="isModifyoriginInfo"></u-button>
                     :disabled="isModifyoriginInfo"
                     :loading="submitOriginInfoLoading"></u-button>
               </view>
            </view>
         </view>
@@ -161,40 +169,49 @@
      <view class="utilsBox">
         <view class="utils_chil utils_chilTop">
            <view class="top-button">
               <u-button text="签到"
                  type="primary"
                  plain
                  @click="arriveClick"
                  shape="circle"
                  :disabled="coalDetailsData.status >= 2"></u-button>
               <u-button text="入场申请"
               <u-button text="更换预约时间"
                  type="primary"
                  plain
                  @click="rcsqClick"
                  shape="circle"
                  :disabled="correctStatus>= 3"></u-button>
            </view>
            <view class="bottom-button">
               <u-button text="放空"
                  :disabled="currentPageCoalStatus>= 3"></u-button>
               <!-- <u-button text="入场申请"
                  type="primary"
                  plain
                  @click="evacuation"
                  throttleTime="500"
                  @click="rcsqClick"
                  shape="circle"
                  :disabled="isEvacuation || isapproach"></u-button>
                  :disabled="correctStatus>= 3"></u-button> -->
               <u-button text="呼叫客服"
                  type="primary"
                  plain
                  @click="callCustomerService"
                  shape="circle"></u-button>
            </view>
            <view class="bottom-button">
               <!-- <u-button text="放空"
                  type="primary"
                  plain
                  @click="evacuation"
                  throttleTime="500"
                  shape="circle"
                  :disabled="isEvacuation || isapproach"></u-button> -->
            </view>
         </view>
      </view>
      <view class="weigh-ability">
         <view class="weigh-button">
            <u-button text="上磅计量"
               @click="cengZhongClick"
               type="primary"
               shape="circle"
               :disabled="haveInputOrigin&&!isSpecial"
               :loading="weighHouseLoading"></u-button>
         </view>
         <view class="weigh-button"
            v-show='ablePrintInduction'>
            v-show='ablePrintInduction&&!(coalDetailsData.skin&&coalDetailsData.hair)'>
            <u-button text="打印入门证"
               @click="printEntryCertificate"
               @click="printBefore('in')"
               type="primary"
               shape="circle"
               :loading="enterLoading"
@@ -203,7 +220,7 @@
         <view class="weigh-button"
            v-show="ablePrintOut">
            <u-button text="打印出门证"
               @click="printExitPermit"
               @click="printBefore('out')"
               type="primary"
               shape="circle"
               :loading="outLoading"
@@ -213,11 +230,6 @@
               @click="showCaolPickUpBill"
               type="primary"
               shape="circle"></u-button></view>
         <view class="weigh-button"><u-button text="上磅计量"
               @click="cengZhongClick"
               type="primary"
               shape="circle"
               :disabled="haveInputOrigin"></u-button></view>
      </view>
      <view class="evacuationModal">
         <u-modal :show="evacuationModalShow"
@@ -227,14 +239,14 @@
            @confirm="evacuationConfirm"
            @cancel="evacuationCancel"></u-modal>
      </view>
      <view class="completeOutSale">
      <!-- <view class="completeOutSale">
         <u-modal :show="completeOutSaleShow"
            title="确认"
            content="是否完成外销提煤单"
            :showCancelButton="true"
            @confirm="completeOutSaleConfirm"
            @cancel="completeOutSaleCancel"></u-modal>
      </view>
      </view> -->
      <view class="serviece-customer">
         <u-action-sheet :actions="list"
            @select="selectClick"
@@ -250,19 +262,22 @@
            :content="wsgContent"
            @confirm="wsgContentConfirm"></u-modal>
      </view>
      <printerStyle ref="printerStyleRef"
         @selectedPrint='selectedPrintHandle' />
   </view>
</template>
<script>
   import { webSocketUrl } from '@/api/request.js';
   import { BaseUrl } from '@/api/publicInterface.js';
   import { mapState, mapMutations } from 'vuex';
   import combinedTitle from '@/components/combined-title/combined-title.vue';
   import printerStyle from './printerStyle/printerStyle.vue'
   import BigNumber from "bignumber.js"
   const dayjs = require('dayjs')
   export default {
      components: {
         combinedTitle
         combinedTitle,
         printerStyle
      },
      onPullDownRefresh() {
         this.getTakeCoal(); //获取提煤单详情
@@ -272,10 +287,10 @@
         this.orderPlanId = value.orderPlanId;
         this.yyId = value.yyId;
         this.originInfoVisible = value.orderType === '外购'
         if (value.overTmWaixiao) {
            this.overTmWaixiao = value.overTmWaixiao
            this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
         }
         // if (value.overTmWaixiao) {
         //    this.overTmWaixiao = value.overTmWaixiao
         //    this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
         // }
         this.fileList1 = []
         this.changeglobalIsFirstWeighing(1)
         if (this.globalIsFirstWeighing === 1) {
@@ -295,8 +310,11 @@
      onHide() {
         clearInterval(this.interval);
      },
      onUnload() {
         clearInterval(this.interval);
      },
      onReady() {
         if (this.originInfoVisible) {
         if (this.originInfoVisible && !this.isSpecial) {
            this.$refs.originInfoRef.setRules(this.rules);
         }
      },
@@ -336,7 +354,7 @@
               serviecePhone: ''
            },
            coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请',
               '进入场院', '异常审核中', '返回加减吨', '超时', '打印中', '打印中'
               '进入场院', '异常审核中', '返回加减吨', '超时', '打印中', '打印中', '填写', '放空确认中', '超最大毛重确认中'
            ], // 状态
            weighHouseCode: '',
            // 放空弹窗控制变量
@@ -395,7 +413,13 @@
            timeout: '0',
            wsgShow: false,
            timeLineStatus: null,
            originInfoNotice: '填写原发信息后可上磅计量'
            timeLineEqCode: '',
            originInfoNotice: '填写原发信息后可上磅计量',
            submitOriginInfoLoading: false,
            ischeckedDefault: 0,
            isSpecial: null, //1 是特殊 0不是特殊
            printerType: '', //判断打印的是出门证还是入门证
            weighHouseLoading: false
         };
      },
      watch: {
@@ -407,7 +431,7 @@
         }
      },
      computed: {
         ...mapState(['globalweigh', 'globalinfraredStatus', 'wsgVisiable', 'wsgContent', 'globalIsFirstWeighing']),
         ...mapState(['globalweigh', 'globalinfraredStatus', 'wsgVisiable', 'wsgContent', 'globalIsFirstWeighing', ]),
         name() {
            return uni.getStorageSync('name');
         },
@@ -434,7 +458,7 @@
         coalContactClean() {
            let xx = BigNumber(this.originInfoForm.coalContactHair ? this.originInfoForm.coalContactHair : 0)
            let yy = BigNumber(this.originInfoForm.coalContactSkin ? this.originInfoForm.coalContactSkin : 0)
            return xx.minus(yy).toNumber().toFixed(2) || ''
            return xx.minus(yy).toNumber() > 0 ? xx.minus(yy).toNumber().toFixed(2) : 0
         },
         currentTime() {
            let currentDate = new Date();
@@ -449,6 +473,9 @@
         correctStatus() {
            return this.currentPageCoalStatus === this.timeLineStatus ? this.currentPageCoalStatus : this
               .timeLineStatus
         },
         isNeedOrigin() {
            return uni.getStorageSync('isNeedOrigin')
         }
      },
      methods: {
@@ -457,6 +484,7 @@
            this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => {
               if (res.code == 0) {
                  this.timeLineStatus = res.data[0].taskStatus
                  this.timeLineEqCode = res.data[0].eqCode
                  this.dayRZ = res.data.map(v => {
                     let slicedate = v.taskStatusDes.slice(0, 10);
                     if (slicedate == this.currentDate) {
@@ -498,11 +526,13 @@
                  console.log(res, '提煤单详情');
                  this.coalDetailsData = res.data;
                  this.orderType = this.coalDetailsData.orderType;
                  // 判断是否完成外销订单
                  this.completeOutSale.orderType = this.coalDetailsData.orderType;
                  this.completeOutSale.deptId = this.coalDetailsData.deptId;
                  this.completeOutSale.filedId = this.coalDetailsData.filedId;
                  this.completeOutSale.clean = this.coalDetailsData.clean;
                  //
                  this.isSpecial = res.data.isSpecial
                  // // 判断是否完成外销订单
                  // this.completeOutSale.orderType = this.coalDetailsData.orderType;
                  // this.completeOutSale.deptId = this.coalDetailsData.deptId;
                  // this.completeOutSale.filedId = this.coalDetailsData.filedId;
                  // this.completeOutSale.clean = this.coalDetailsData.clean;
                  // 获取所在磅房参数赋值
                  this.getWeightHouseObj.deptId = this.coalDetailsData.deptId;
                  this.getWeightHouseObj.filedId = this.coalDetailsData.filedId;
@@ -547,32 +577,25 @@
                  this.$u.toast('加载失败');
               }
            }).then(() => {
               if (this.completeOutSale.orderType == "内购" || this.completeOutSale.orderType == "转入") {
                  if (this.completeOutSale.clean !== 0 && this.currentPageCoalStatus !== 6 && this
                     .currentPageCoalStatus !== 11 && this.currentPageCoalStatus !== 12) {
                     this.$reqGet('getTmTaskCoalOrderType', {
                        deptId: this.completeOutSale.deptId,
                        filedId: this.completeOutSale.filedId,
                        orderType: '外销'
                     }).then(res => {
                        if (res.data && res.data?.length !== 0) {
                           this.completeOutSaleShow = true
                           console.log(res, '完成外销订单');
                        }
                     })
                  }
               }
            }).then(() => {
               // 判断当前时间是否超出预约时间
               setTimeout(() => {
               ;
               if([1, 2, 13].includes(this.coalDetailsData.status) ){
                  setTimeout(() => {
                  let endTime = this.coalDetailsData.yuYueSection.slice(0, 10) + ' ' + this
                     .coalDetailsData
                     .yuYueSection.slice(-5);
                  if (dayjs(this.currentTime).isAfter(endTime) && this.coalDetailsData.status <= 1) {
                     this.$u.toast('已超出预约时间,可点击入场申请重新入场')
                  // 最大约束时间 maxRestrainTime
                  const maxRestrainTime = dayjs().subtract(this.coalDetailsData.flexibleTime,
                        'minute')
                     .format('YYYY-MM-DD HH:mm:ss');
                  console.log(maxRestrainTime, this.correctStatus);
                  if (dayjs(maxRestrainTime).isAfter(endTime) && this.correctStatus <= 1) {
                     // this.$u.toast('已超出预约时间,可点击入场申请重新入场')
                     this.timeout = '1'
                  }
               }, 1000)
               }
            })
         },
         // 日志查询
@@ -581,6 +604,7 @@
               this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => {
                  if (res.code == 0) {
                     this.timeLineStatus = res.data[0].taskStatus
                     this.timeLineEqCode = res.data[0].eqCode
                     this.dayRZ = res.data.map(v => {
                        let slicedate = v.taskStatusDes.slice(0, 10);
                        if (slicedate == this.currentDate) {
@@ -603,19 +627,21 @@
            });
         },
         // 签到
         arriveClick() {
            uni.navigateTo({
               url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${
               this.currentPageCoalStatus
            }&tmId=${this.getWeightHouseObj.tmId}`
            });
         },
         // 入场申请
         // arriveClick() {
         //    uni.navigateTo({
         //       url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${
         //       this.correctStatus
         //    }&tmId=${this.getWeightHouseObj.tmId}&timeout=${this.timeout}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${
         //       this.getYuYueDataParams.deptId
         //    }&sendDate=${this.getYuYueDataParams.sendDate}&yuYueSection=${this.coalDetailsData.yuYueSection}`
         //    });
         // },
         // 更换预约时间段
         rcsqClick() {
            uni.navigateTo({
               url: `/pages/driver-page/appointment/appointment?type=入场申请&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${
               this.getYuYueDataParams.deptId
            }&sendDate=${this.getYuYueDataParams.sendDate}`
            }&sendDate=${this.getYuYueDataParams.sendDate}&coalStatus=${this.currentPageCoalStatus}&yuYueSection=${this.coalDetailsData.yuYueSection}&tmId=${this.getWeightHouseObj.tmId}`
            });
         },
         callCustomerService() {
@@ -682,8 +708,10 @@
         // 称重
         cengZhongClick() {
            this.changeglobalIsFirstWeighing(2)
            this.weighHouseLoading = true
            this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
               console.log(res, '获取磅房');
               this.weighHouseLoading = false
               if (res.code == 0) {
                  this.weighData.sceneId = res.data.id;
                  this.weighData.gateCameraId = res.data.lastEquipmentId;
@@ -702,12 +730,14 @@
                     res.data.id
                  }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${
                     this.primarySkin
                  }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}`
                  }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}&deptId=${this.getWeightHouseObj.deptId }`
                  });
               } else {
                  this.$u.toast(res.msg ? res.msg : '未在磅房,请前往磅房后再试!!');
               }
            });
            }).catch(() => {
               this.weighHouseLoading = false
            })
         },
         // 放空
         evacuation() {
@@ -717,16 +747,20 @@
         evacuationConfirm() {
            this.weighData = {
               ...this.weighData,
               weigh: this.globalweigh
               weigh: this.globalweigh,
               isBackground: 1
            };
            uni.showLoading({
               title: '加载中'
            })
            let mix = Object.assign(this.weighData, this.getWeightHouseObj);
            this.$reqPost('getOneEvacuation', mix, 'json').then(res => {
               console.log(res, '第一次放空');
               uni.hideLoading()
               if (res.code == 0) {
                  this.$u.toast('操作成功');
                  this.evacuationModalShow = false;
               } else {
                  this.$u.toast('操作失败,请稍后重试');
                  this.$u.toast(res.msg ? res.msg : '操作失败,请稍后重试');
                  this.evacuationModalShow = false;
               }
            });
@@ -746,13 +780,45 @@
         completeOutSaleCancel() {
            this.completeOutSaleShow = false
         },
         //点击打印入门证之前判断是否勾选了默认打印样式,否则弹出选择 是的话传本地储存选择的样式
         printBefore(type) {
            this.printerType = type
            if (!this.ischeckedDefault && !uni.getStorageSync('ischeckedDefault')) {
               this.$nextTick(() => {
                  this.$refs.printerStyleRef.init()
               })
            } else if (this.ischeckedDefault || uni.getStorageSync('ischeckedDefault')) {
               this.selectedPrintHandle(true)
            }
         },
         //处理选择的打印样式
         selectedPrintHandle(params1) {
            this.ischeckedDefault = params1
            if (this.printerType === 'in') {
               this.printEntryCertificate()
               return
            } else if (this.printerType === 'out') {
               this.printExitPermit()
               return
            }
         },
         // 打印入门证
         printEntryCertificate() {
            uni.showLoading({
               title: '正在打印中,请稍后'
            })
            this.enterLoading = true
            this.$reqGet('printer', { type: 2, tmId: this.coalDetailsData.id, weighingNumber: 1 }).then(
            let form = {
               deptId: this.getWeightHouseObj.deptId,
               tmId: this.getWeightHouseObj.tmId,
               carNo: uni.getStorageSync('carNo'),
               type: 2,
               weighingNumber: 1,
               printing: uni.getStorageSync('selectedPrintStyle')
            }
            let form1 = uni.getStorageSync('WeighHouseForm') ? uni.getStorageSync('WeighHouseForm') : '{}'
            this.$reqPost('printer', Object.assign(form, JSON.parse(form1)),
               'json').then(
               res => {
                  uni.hideLoading()
                  this.enterLoading = false
@@ -762,7 +828,10 @@
                  } else {
                     this.$u.toast(res.msg ? res.msg : '打印失败')
                  }
               })
               }).catch(e => {
               uni.hideLoading()
               this.outLoading = false
            })
         },
         // 打印出门证
         printExitPermit() {
@@ -771,21 +840,35 @@
            })
            let form = {
               deptId: this.getWeightHouseObj.deptId,
               filedId: this.getWeightHouseObj.filedId,
               tmId: this.getWeightHouseObj.tmId,
               carNo: uni.getStorageSync('carNo'),
               type: 3,
               weighingNumber: 2
               weighingNumber: 2,
               printing: uni.getStorageSync('selectedPrintStyle')
            }
            // let form1 = uni.getStorageSync('WeighHouseForm') ? uni.getStorageSync('WeighHouseForm') : '{}'
            this.outLoading = true
            this.$reqPost('printer', Object.assign(form, JSON.parse(uni.getStorageSync('WeighHouseForm'))),
               'json').then(res => {
               uni.hideLoading()
               this.outLoading = false
               if (res.code === 0) {
                  this.$u.toast('打印成功')
               } else {
                  this.$u.toast(res.msg ? res.msg : '打印失败')
            this.$reqGet('getWeighHouse1', this.getWeightHouseObj).then(r => {
               let form1 = {
                  sceneId: r.data.id,
                  gateCameraId: r.data.lastEquipmentId,
                  equipmentCode: r.data.lastEquipmentCode,
                  sceneInOut: r.data.sceneInOut
               }
               this.$reqPost('printer', Object.assign(form, form1), 'json').then(res => {
                  uni.hideLoading()
                  this.outLoading = false
                  if (res.code === 0) {
                     this.$u.toast('打印成功')
                  } else {
                     this.$u.toast(res.msg ? res.msg : '打印失败')
                  }
               }).catch(e => {
                  uni.hideLoading()
                  this.outLoading = false
               })
            })
         },
         wsgContentConfirm() {
@@ -872,10 +955,13 @@
            if (this.originInfoForm.coalContactSkin && this.originInfoForm.coalContactHair && this
               .originInfoForm
               .contactPicture) {
               this.submitOriginInfoLoading = true
               this.$reqPost('appSaveContact', form, 'json').then(res => {
                  if (res.code === 0) {
                     this.$u.toast('提交成功')
                     this.submitOriginInfoLoading = false
                  } else {
                     this.submitOriginInfoLoading = false
                     this.isModifyoriginInfo = true
                     this.$u.toast(res.msg ? res.msg : '提交失败')
@@ -888,6 +974,11 @@
            } else {
               uni.$u.toast('请填写完整原发信息')
            }
         },
         streamView() {
            uni.navigateTo({
               url: `/pages/public-page/driverStream/driverStream?eqCode=${this.timeLineEqCode}`
            })
         }
      }
   };
@@ -930,7 +1021,8 @@
            width: 94%;
            margin: 0 auto;
            height: vww(52);
            @include flex position: relative;
            @include flex;
             position: relative;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
@@ -974,7 +1066,8 @@
            overflow: hidden;
            .block-main {
               @include flex width: 94%;
               @include flex ;
               width: 94%;
               height: 336rpx;
               margin: vww(18) vww(7) vww(11) vww(17);
               flex-direction: column;
@@ -992,6 +1085,10 @@
               position: absolute;
               right: vww(10);
               color: #fff;
               white-space: nowrap;
               text-overflow: ellipsis;
               -o-text-overflow: ellipsis;
               overflow: hidden;
            }
            .basic {
@@ -1044,6 +1141,12 @@
               color: #7d7d7d;
            }
            .stream-view {
               height: vww(18);
               margin: vww(8);
               margin-left: 0;
            }
            .weigh-item {
               width: 100%;
               height: vww(36);
@@ -1086,7 +1189,7 @@
         justify-content: center;
         overflow: hidden;
         position: relative;
         top: vww(120);
         top: vww(130);
         &_wrapper {
            width: 650rpx;
@@ -1198,8 +1301,7 @@
            width: 100%;
            margin: 0 auto;
            .top-button,
            .bottom-button {
            .top-button {
               width: 100%;
               height: vww(47);
               @include flex;
@@ -1213,6 +1315,23 @@
                  border: 2px solid #3b56eb;
               }
            }
            .bottom-button {
               width: 40%;
               height: vww(47);
               padding-left: vww(18);
               @include flex;
               justify-content: flex-start;
               .u-button {
                  width: 100%;
                  height: 60rpx;
                  font-size: 28rpx;
                  font-weight: 300;
                  color: #497bfb;
                  border: 2px solid #3b56eb;
               }
            }
         }
      }