<template>
  <view class="submit-quotation">
    <view>
      <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
        <view class="submit-title">{{ title }}</view>
        <view slot="left"></view>
        <view slot="right"></view>
      </uni-nav-bar>
    </view>
    <view class="submit-main">
      <view><text class="submit-main-title">交货要求</text></view>
      <view>
        <text class="submit-main-subTitle">询价客户：</text>
        <text class="submit-main-subContent">{{ upDataObj.belongEnterpriseName }}</text>
      </view>
      <view>
        <text class="submit-main-subTitle">交货区域：</text>
        <text class="submit-main-subContent">{{ upDataObj.deliveryArea }}</text>
      </view>
      <view>
        <text class="submit-main-subTitle">交货时间：</text>
        <text class="submit-main-subContent">{{ upDataObj.deliveryDay }}</text>
      </view>
    </view>
    <uGap></uGap>
    <view class="submit-deadline">
      <view class="submit-text">报价截止</view>
      <view class="submit-time">
        <text class="submit-time-text">{{ hour }}</text>
      </view>
      <view class="submit-colon">:</view>
      <view class="submit-time">
        <text class="submit-time-text">{{ min }}</text>
      </view>
      <view class="submit-colon">:</view>
      <view class="submit-time">
        <text class="submit-time-text">{{ second }}</text>
      </view>
    </view>
    <uGap></uGap>
    <view class="submit-content" v-for="(items, index) in upDataObj.itemList" :key="index">
      <view class="submit-content-head">
        <view class="submit-content-title">
          {{ items.paperName }} | {{ items.gramWeight }}g | {{ items.width }}*{{ items.length }} | {{ items.quantity }}张
        </view>
        <view class="" v-if="upDataObj.replyStatus !== 30102" @click="commodityModify(items, index)">
          <image class="submit-image" src="../../static/imgs/mall/edit.png" mode=""></image>
        </view>
      </view>
      <view class="submit-content-body">
        <view class="">
          <text class="submit-content-body-title">重量(吨)：</text>
          <text class="submit-content-body-subtitle">{{ items.weight }}</text>
        </view>
        <view class="flex-row-center-space">
          <text class="submit-content-body-title">单价(元/吨)：</text>
          <view class="flex-row-center-start">
            <text class="submit-content-body-subtitle">
              {{ items.unitFee }}
            </text>
            <image
              v-if="upDataObj.replyStatus !== 30102"
              @click="priceModify(items, index)"
              class="submit-image-price"
              src="../../static/imgs/mall/edit.png"
              mode=""
            ></image>
          </view>
        </view>
        <view>
          <text class="submit-content-body-title">小计(元)：</text>
          <text class="submit-content-body-subtitle">{{ items.totalPrice }}</text>
        </view>
        <view class="flex-row-center-start">
          <text class="submit-content-body-title">备注信息：</text>
          <text class="submit-content-body-subtitle">{{ items.remark }}</text>
        </view>
      </view>
    </view>
    <view class="submit-content-order">
      <view class="">
        <text class="submit-content-order-title">其他费用：</text>
        <text class="submit-content-order-subtitle">¥ {{ upDataObj.otherFee }}</text>
      </view>
      <view class="">
        <text class="submit-content-order-title">合计：</text>
        <text class="submit-content-order-money">¥ {{ upDataObj.totalAllPrice }}</text>
      </view>
    </view>
    <uGap></uGap>
    <view class="submit-content-time">
      <view class="">
        <text class="submit-content-time-title">有效时间：</text>
        <text class="submit-content-time-title">{{ upDataObj.enquiryValidTime }}</text>
      </view>
      <view class="" v-if="upDataObj.replyStatus !== 30102" @click="resetTime()"><text class="submit-content-time-subtitle">设置</text></view>
    </view>
    <uGap></uGap>
    <view class="submit-content-remark">
      <view class="submit-content-remark-title">报价备注</view>
      <view class="">
        <uni-easyinput maxlength="200" type="textarea" class="submit-content-remark-input" v-model="quotationRemark" placeholder="请输入内容"></uni-easyinput>
      </view>
    </view>
    <qn-footer fixed height="120rpx" v-if="upDataObj.replyStatus !== 30102">
      <view class="submit-btnBg flex-row-center-center">
        <view class="submit-btn flex-row-center-center" @click="updateQuery()"><text class="text">提交报价</text></view>
      </view>
    </qn-footer>

    <view class="">
      <uni-popup ref="popup" :mask-click="false">
        <view class="submit-popup">
          <view class="submit-line">
            <view class="submit-popup-close">
              <view class="submit-popup-title">纸品名称：</view>
              <view class="" @click="close()"><image class="submit-popup-close-image" src="../../static/imgs/client/close-icon.png" mode=""></image></view>
            </view>
            <view>
              <!-- <uni-data-picker class="submit-popup-input" :border="false" :localdata="items" @change="onchange"></uni-data-picker> -->
              <uni-easyinput :inputBorder="false" class="submit-popup-input" type="text" v-model="addObj.paperName" placeholder="请输入内容"></uni-easyinput>
            </view>
          </view>
          <view class="submit-line">
            <view class="submit-popup-close"><view class="submit-popup-title">克重(g)</view></view>
            <view class="">
              <uni-easyinput :inputBorder="false" class="submit-popup-input" type="number" v-model="addObj.gramWeight" placeholder="请输入内容"></uni-easyinput>
            </view>
          </view>
          <view class="submit-line">
            <view class="submit-popup-close"><view class="submit-popup-title">规格(mm)</view></view>
            <view class="submit-popup-close">
              <view class="">
                <uni-easyinput
                  :inputBorder="false"
                  class="submit-popup-input submit-popup-specifications"
                  type="number"
                  v-model="addObj.length"
                  placeholder="请输入内容"
                ></uni-easyinput>
              </view>
              <view class="submit-popup-x">x</view>
              <view class="">
                <uni-easyinput
                  :inputBorder="false"
                  class="submit-popup-input submit-popup-specifications"
                  type="number"
                  v-model="addObj.width"
                  placeholder="请输入内容"
                ></uni-easyinput>
              </view>
            </view>
          </view>
          <view class="submit-popup-close submit-number-box">
            <view class=""><view class="submit-popup-title">购买数量(张)</view></view>
            <view class="submit-number-line">
              <uni-number-box v-model="addObj.quantity"></uni-number-box>
              <text class="submit-number-text">预估重量：{{ round(addObj.gramWeight * addObj.width * addObj.length * addObj.quantity * 1e-12, 4) }}</text>
            </view>
          </view>
          <view class=""><button class="submit-btn submit-number-btn" type="primary" @click="sureModifyPaper()">确认修改纸品</button></view>
        </view>
      </uni-popup>
    </view>
    <view class="">
      <uni-popup ref="popupPrice" :mask-click="false">
        <view class="submit-popup">
          <view class="submit-line">
            <view class="submit-popup-close">
              <view class="submit-popup-title">
                单价(元/吨)
                <text class="submit-number-text submit-price-subTitle">预估重量：{{ prices.weight }}吨</text>
              </view>
              <view class="" @click="close()"><image class="submit-popup-close-image" src="../../static/imgs/client/close-icon.png" mode=""></image></view>
            </view>
            <view>
              <view class="">
                <uni-easyinput
                  :inputBorder="false"
                  @blur="pricesUnitFee()"
                  class="submit-popup-input"
                  type="number"
                  v-model="prices.unitFee"
                  placeholder="请输入内容"
                ></uni-easyinput>
              </view>
            </view>
          </view>
          <view class="submit-number-box submit-price">
            <view class="submit-popup-close"><view class="submit-popup-title">其他费用(元)</view></view>
            <view class="">
              <uni-easyinput :inputBorder="false" class="submit-popup-input" type="number" v-model="prices.otherFee" placeholder="请输入内容"></uni-easyinput>
            </view>
          </view>
          <view class="submit-price-total">
            <view class="submit-price-text">合计：</view>
            <view class="submit-price-total-text">¥ {{ prices.totalPrice }}</view>
          </view>
          <view class=""><button class="submit-btn submit-number-btn" type="primary" @click="pricesSure()">确认报价</button></view>
        </view>
      </uni-popup>
    </view>
    <view class="">
      <uni-popup ref="popupTime" :mask-click="false">
        <view class="submit-check-time">
          <view class="submit-check-flex">
            <view class="submit-check-cancel" @click="pickerCancel()">取消</view>
            <view class="submit-check-title">设置时间</view>
            <view class="submit-check-sure" @click="pickerSure()">确认</view>
          </view>
          <picker-view v-if="visible" :indicator-style="indicatorStyle" :value="timeValue" @change="bindChange" class="picker-view">
            <picker-view-column>
              <view class="item submit-check-text" v-for="(item, index) in years" :key="index">{{ item }}</view>
            </picker-view-column>
            <picker-view-column>
              <view class="item submit-check-text" v-for="(item, index) in months" :key="index">{{ item }}</view>
            </picker-view-column>
          </picker-view>
        </view>
      </uni-popup>
    </view>
  </view>
</template>

<script>
import { back, go2 } from '@/utils/hook.js'
import qnHeader from '@/components/qn-header/qn-header.vue'
import uGap from '@/components/u-gap/u-gap.vue'
import { updateEnquiryReply, enquiryReplyDetail } from '@/apis/trade.js'
import { round } from '@/utils/index.js'

export default {
  components: {
    qnHeader,
    uGap
  },
  data() {
    const date = new Date()
    const years = []
    const year = date.getFullYear()
    const months = []
    const month = date.getMonth() + 1
    const day = date.getDate()
    for (let i = 1; i < 3; i++) {
      years.push(i + '天')
    }
    for (let i = 0; i < 24; i++) {
      months.push(i + '小时')
    }
    return {
      quotationRemark: '',
      vModelValue: '',
      indicatorStyle: `height: 50px;`,
      visible: true,
      title: '提交报价',
      years,
      year,
      months,
      month,
      timeValue: [0, 0],
      pickerValue: [],
      upDataObj: {
        otherFee: 0,
        totalAllPrice: 0,
        enquiryValidTimeSplit: []
      },
      addObj: {},
      prices: {
        totalPrice: 0
      },
      modifyIndex: 0,
      pricesIndex: 0,
      curStartTime: '',
      day: '0',
      hour: '00',
      min: '00',
      second: '00'
      // items: []
    }
  },
  onLoad(option) {
    if (option) {
      this.title = option.title
      this.getDetail(option.id)
    }
  },
  methods: {
    back,
    round,
    // 获取详情
    getDetail(id) {
      enquiryReplyDetail(id)
        .then((res) => {
          if (res) {
            this.upDataObj = res
            this.curStartTime = res.enquiryValidTime
            this.countTime()
            this.$set(this.upDataObj, 'otherFee', 0)
            this.$set(this.upDataObj, 'totalAllPrice', 0)
            this.priceFree()
            // 计算每个纸品的重量
            for (let i = 0; i < this.upDataObj.itemList.length; i++) {
              let target = this.upDataObj.itemList[i]
              target.weight = round(target.gramWeight * target.width * target.length * target.quantity * 1e-12, 4)
            }
          }
        })
        .catch((err) => {})
    },
    setEnquiryTime(time) {
      var timeb = time.split(' ')
      var timeabs = timeb[1].split(':')
      this.$set(this.upDataObj, 'enquiryValidTimeSplit', timeabs)
    },
    countTime(time) {
      // 获取当前时间
      let date = new Date()
      let now = date.getTime()
      // 设置截止时间
      let endDate = new Date(this.curStartTime) // this.curStartTime需要倒计时的日期
      let end = endDate.getTime()
      // 时间差
      let leftTime = end - now
      // 定义变量 d,h,m,s保存倒计时的时间
      if (leftTime >= 0) {
        // 天
        this.day = Math.floor(leftTime / 1000 / 60 / 60 / 24)
        // 时
        let h = Math.floor((leftTime / 1000 / 60 / 60) % 24)
        this.hour = h < 10 ? '0' + h : h
        // 分
        let m = Math.floor((leftTime / 1000 / 60) % 60)
        this.min = m < 10 ? '0' + m : m
        // 秒
        let s = Math.floor((leftTime / 1000) % 60)
        this.second = s < 10 ? '0' + s : s
      } else {
        this.day = 0
        this.hour = '00'
        this.min = '00'
        this.second = '00'
      }
      // this.setEnquiryTime()
      // 等于0的时候不调用
      if (Number(this.hour) === 0 && Number(this.day) === 0 && Number(this.min) === 0 && Number(this.second) === 0) {
        return
      } else {
        // 递归每秒调用countTime方法，显示动态时间效果,
        setTimeout(this.countTime, 1000)
      }
    },
    // 确认报价
    surePrice() {
      updateEnquiry(thids.upDataObj)
        .then((res) => {
          if (res) {
          }
        })
        .catch((err) => {
          reject(err)
        })
    },
    // 商品操作按钮
    commodityModify(item, index) {
      this.modifyIndex = index
      this.addObj = JSON.parse(JSON.stringify(item))
      console.log(this.addObj)
      this.$refs.popup.open('bottom')
    },
    // 单价操作按钮
    priceModify(item, index) {
      this.pricesIndex = index
      this.prices = JSON.parse(JSON.stringify(item))
      this.$refs.popupPrice.open('bottom')
    },
    // 事件设置
    resetTime() {
      this.$refs.popupTime.open('bottom')
    },
    // 事件选择change事件
    bindChange(e) {
      this.timeValue = e.detail.value
      console.log(e.detail.value)
    },
    close() {
      this.$refs.popup.close()
      this.$refs.popupPrice.close()
    },
    // 纸张选择下拉change事件
    onchange(e) {
      console.log(e)
      this.pickerValue = e.detail.value
    },
    // 时间设置取消
    pickerCancel() {
      this.$refs.popupTime.close()
    },
    // 时间设置确认
    pickerSure() {
      console.log('timeValue', this.timeValue)
      this.$refs.popupTime.close()
      var abs = this.addDate(new Date(), this.timeValue[0] + 1, this.timeValue[1] + 1)
      this.curStartTime = abs
      this.$set(this.upDataObj, 'enquiryValidTime', abs)
      console.log(abs)
    },
    addDate(date, days, hours) {
      if (days == undefined || days == '') {
        days = 1
      }
      var date = new Date(date)
      date.setDate(date.getDate() + days)
      date.setHours(date.getHours() + hours)
      var month = date.getMonth() + 1
      var day = date.getDate()
      var hours = date.getHours()
      var min = date.getMinutes()
      var second = date.getSeconds()
      return (
        date.getFullYear() +
        '-' +
        this.getFormatDate(month) +
        '-' +
        this.getFormatDate(day) +
        ' ' +
        this.getFormatDate(hours) +
        ':' +
        this.getFormatDate(min) +
        ':' +
        this.getFormatDate(second)
      )
    },
    getFormatDate(arg) {
      if (arg == undefined || arg == '') {
        return ''
      }

      var re = arg + ''
      if (re.length < 2) {
        re = '0' + re
      }

      return re
    },
    // 确认修改纸品
    sureModifyPaper() {
      this.$refs.popup.close()
      // 同时更改重量
      this.addObj.weight = round(this.addObj.gramWeight * this.addObj.width * this.addObj.length * this.addObj.quantity * 1e-12, 4)
      this.upDataObj.itemList[this.modifyIndex] = JSON.parse(JSON.stringify(this.addObj))
      this.upDataObj = JSON.parse(JSON.stringify(this.upDataObj))

      this.priceFree()
    },
    // 单价合计
    pricesUnitFee(item) {
      var abs = parseFloat(this.prices.unitFee) * parseFloat(this.prices.weight)
      this.prices.totalPrice = round(abs, 2)
    },
    // 单价确认报价
    pricesSure() {
      this.$set(this.upDataObj.itemList[this.pricesIndex], 'otherFee', this.prices.otherFee)
      this.$set(this.upDataObj.itemList[this.pricesIndex], 'unitFee', this.prices.unitFee)
      var abs = round(this.prices.unitFee * this.prices.weight + (this.prices.otherFee - 0), 2)
      this.$set(this.upDataObj.itemList[this.pricesIndex], 'totalPrice', round(abs, 2))
      this.upDataObj = JSON.parse(JSON.stringify(this.upDataObj))
      this.$refs.popupPrice.close()
      console.log(this.upDataObj.itemList)
      this.priceFree()
    },
    priceFree() {
      this.upDataObj.totalAllPrice = 0
      this.upDataObj.otherFee = 0
      for (let i = 0; i < this.upDataObj.itemList.length; i++) {
        var totalAllPrice = parseFloat(this.upDataObj.totalAllPrice) + parseFloat(this.upDataObj.itemList[i].totalPrice)
        this.upDataObj.totalAllPrice = round(totalAllPrice, 2)
        var otherFee = parseFloat(this.upDataObj.otherFee) + parseFloat(this.upDataObj.itemList[i].otherFee)
        this.upDataObj.otherFee = round(otherFee, 2)
      }
    },
    //提交报价
    updateQuery() {
      for (let i = 0; i < this.upDataObj.itemList.length; i++) {
        let target = this.upDataObj.itemList[i]
        if (target.weight == 0 || target.unitFee == 0 || target.totalPrice == 0) {
          uni.showToast({
            title: '请填写报价完整信息,费用、单价、重量不能为0',
            icon: 'none'
          })
          return
        }
      }
      var params = {
        remark: this.quotationRemark, // 报价备注
        ...this.upDataObj,
        userId: this.$store.state.userInfo.userId
      }
      return new Promise((resolve, reject) => {
        updateEnquiryReply(params)
          .then((res) => {
            if (res) {
              uni.showToast({
                title: '添加成功',
                icon: 'success'
              })
              setTimeout(() => {
                back()
              }, 800)
            }
          })
          .catch((err) => {
            reject(err)
          })
      })
    }
  }
}
</script>

<style lang="scss">
.picker-view {
  width: 750rpx;
  height: 600rpx;
  margin-top: 20rpx;
}
.item {
  height: 50rpx;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 30rpx;
}
.submit-quotation {
  .submit-title {
    width: 100%;
    font-family: PingFangSC-Medium;
    font-size: 36rpx;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
  }
  .submit-main {
    width: 750rpx;
    height: 260rpx;
    padding: 24rpx 0rpx 0rpx 32rpx;
    line-height: 52rpx;
    background: #ffffff;
    .submit-main-title {
      font-family: PingFangSC-Medium;
      font-size: 30rpx;
      color: #000000;
      letter-spacing: 0;
      font-weight: 500;
    }
    .submit-main-subTitle {
      font-family: PingFangSC-Regular;
      font-size: 28rpx;
      color: #888888;
      letter-spacing: 0;
      font-weight: 400;
    }
    .submit-main-subContent {
      font-family: PingFangSC-Regular;
      font-size: 28rpx;
      color: #333333;
      letter-spacing: 0;
      font-weight: 400;
    }
  }
  .submit-deadline {
    width: 750rpx;
    height: 75rpx;
    background: #f4f9fc;
    box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(100, 101, 102, 0.12);
    display: flex;
    justify-content: center;
    align-items: center;
    .submit-text {
      font-family: PingFangSC-Medium;
      font-size: 28rpx;
      color: rgba(0, 0, 0, 0.5);
      letter-spacing: 0;
      font-weight: 500;
      // margin-top: 22rpx;
      width: 130rpx;
    }
    .submit-time {
      width: 40rpx;
      height: 40rpx;
      background: #ee0a24;
      border-radius: 8rpx;
      // margin-top: 20rpx;
      text-align: center;
    }
    .submit-time-text {
      font-family: PingFangSC-Semibold;
      font-size: 24rpx;
      color: #ffffff;
      text-align: center;
      line-height: 32rpx;
      font-weight: 600;
    }
    .submit-colon {
      width: 24rpx;
      height: 32rpx;
      font-family: PingFangSC-Regular;
      font-size: 24rpx;
      color: #ee0a24;
      text-align: center;
      line-height: 32rpx;
      font-weight: 400;
      // margin: 0 6rpx;
    }
  }
  .submit-content {
    background-color: #ffffff;
    // height: 368rpx;
    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
    padding-bottom: 20rpx;
    .submit-content-head {
      line-height: 90rpx;
      width: 750rpx;
      height: 90rpx;
      border-bottom: 2rpx dashed #d8d8d8;
      display: flex;
      justify-content: space-between;
    }
    .submit-content-title {
      font-family: PingFangSC-Semibold;
      font-size: 30rpx;
      color: rgba(0, 0, 0, 0.75);
      letter-spacing: 0;
      text-align: left;
      font-weight: 600;
      padding: 0rpx 0rpx 0rpx 32rpx;
    }
    .submit-content-body {
      line-height: 68rpx;
      padding: 0 32rpx;
      .submit-content-body-title {
        font-family: PingFangSC-Regular;
        font-size: 28rpx;
        color: #555555;
        letter-spacing: 0;
        font-weight: 400;
      }
      .submit-content-body-subtitle {
        font-family: PingFangSC-Regular;
        font-size: 28rpx;
        color: #555555;
        letter-spacing: 0;
        font-weight: 400;
        float: right;
      }
      .submit-content-body-input {
        margin-right: 32rpx;
      }
      .submit-content-body-inputClass {
        background-color: #f7f8fa;
      }
    }
  }
  .submit-content-order {
    width: 750rpx;
    height: 90rpx;
    line-height: 90rpx;
    background: #ffffff;
    display: flex;
    padding-left: 32rpx;
    padding-right: 32rpx;
    justify-content: space-between;
    .submit-content-order-title {
      width: 140rpx;
      height: 40rpx;
      font-family: PingFangSC-Regular;
      font-size: 28rpx;
      color: rgba(0, 0, 0, 0.5);
      font-weight: 400;
    }
    .submit-content-order-subtitle {
      width: 101rpx;
      height: 40rpx;
      font-family: PingFangSC-Regular;
      font-size: 28rpx;
      color: rgba(0, 0, 0, 0.5);
      letter-spacing: 0;
      text-align: left;
      font-weight: 400;
    }
    .submit-content-order-money {
      width: 172rpx;
      height: 42rpx;
      font-family: PingFangSC-Semibold;
      font-size: 40rpx;
      color: #f5222d;
      letter-spacing: 0;
      line-height: 42rpx;
      font-weight: 600;
    }
  }
  .submit-content-time {
    width: 750rpx;
    height: 88rpx;
    background: #ffffff;
    line-height: 88rpx;
    display: flex;
    padding-left: 32rpx;
    padding-right: 32rpx;
    justify-content: space-between;
    .submit-content-time-title {
      width: 230rpx;
      height: 40rpx;
      font-size: 28rpx;
      color: #000000;
      letter-spacing: 0;
      font-weight: 400;
    }
    .submit-content-time-subtitle {
      width: 56rpx;
      height: 40rpx;
      font-size: 28rpx;
      color: #007aff;
      letter-spacing: 0;
      text-align: right;
      font-weight: 500;
      cursor: pointer;
    }
  }
  .submit-content-remark {
    width: 750rpx;
    height: 336rpx;
    background: #ffffff;
    .submit-content-remark-title {
      font-family: PingFangSC-Regular;
      font-size: 30rpx;
      color: #000000;
      letter-spacing: 0;
      font-weight: 400;
      padding: 28rpx 0rpx 0rpx 32rpx;
    }
    .submit-content-remark-input {
      background: #f7f8fa;
      border-radius: 20rpx;
      margin: 10rpx 32rpx 32rpx 32rpx;
      width: 686rpx;
    }
  }
  .submit-btnBg {
    width: 750rpx;
  }
  .submit-btn {
    width: 686rpx;
    height: 96rpx;
    background: #007aff;
    border-radius: 10rpx;
    .text {
      font-size: 36rpx;
      color: #ffffff;
    }
  }
  .submit-image {
    width: 24.38rpx;
    height: 20.38rpx;
    margin-right: 32rpx;
    cursor: pointer;
  }
  .submit-image-price {
    width: 24.38rpx;
    height: 20.38rpx;
    margin-left: 14rpx;
    cursor: pointer;
  }
  .submit-popup {
    width: 750rpx;
    height: 960rpx;
    background: #ffffff;
    border-top-right-radius: 2rpx;
    border-top-left-radius: 2rpx;
    padding: 20rpx 32rpx 0rpx 32rpx;
    // line-height: 124rpx;
    .submit-popup-input {
      background-color: #f5f5f5;
    }
    .submit-popup-close {
      display: flex;
      justify-content: space-between;
    }
    .submit-popup-close-image {
      width: 24.38rpx;
      height: 20.38rpx;
      cursor: pointer;
    }
    .submit-popup-title {
      font-size: 30rpx;
      color: rgba(0, 0, 0, 0.85);
      letter-spacing: 0;
      text-align: left;
      font-weight: 400;
    }
    .submit-popup-specifications {
      width: 320rpx;
    }
    .submit-popup-x {
      font-size: 32rpx;
      color: rgba(0, 0, 0, 0.85);
      font-weight: 400;
    }
    .submit-line {
      border-bottom: 2rpx solid #d8d8d8;
      padding-bottom: 32rpx;
      height: 194rpx;
      line-height: 72rpx;
    }
    .submit-number-box {
      margin-top: 24rpx;
    }
    .submit-number-text {
      font-size: 24rpx;
      color: rgba(0, 0, 0, 0.5);
      font-weight: 400;
    }
    .submit-number-line {
      line-height: 40rpx;
    }
    .submit-number-btn {
      position: absolute;
      bottom: 20rpx;
    }
    .submit-price {
      line-height: 72rpx;
    }
    .submit-price-total {
      display: flex;
      justify-content: flex-end;
      margin-top: 20rpx;
    }
    .submit-price-total-text {
      font-size: 40rpx;
      color: #f5222d;
      letter-spacing: 0;
      line-height: 42rpx;
      font-weight: 600;
    }
    .submit-price-text {
      font-size: 28rpx;
      color: rgba(0, 0, 0, 0.85);
      text-align: right;
      font-weight: 400;
      line-height: 40rpx;
    }
    .submit-price-subTitle {
      margin-left: 20rpx;
    }
  }
  .submit-check-time {
    background-color: #ffffff;
    padding: 28rpx 32rpx 0rpx 28rpx;
    .submit-check-flex {
      display: flex;
      justify-content: space-between;
    }
    .submit-check-title {
      font-size: 32rpx;
      color: #323233;
      text-align: center;
      line-height: 44rpx;
      font-weight: 500;
    }
    .submit-check-cancel {
      font-size: 28rpx;
      color: #969799;
      line-height: 40rpx;
      font-weight: 400;
      cursor: pointer;
    }
    .submit-check-sure {
      font-size: 28rpx;
      color: #007aff;
      line-height: 40rpx;
      font-weight: 400;
      cursor: pointer;
    }
    .submit-check-text {
      font-size: 36rpx;
      color: #323233;
      line-height: 48rpx;
      font-weight: 500;
    }
  }
}
</style>
