You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
892 lines
28 KiB
892 lines
28 KiB
<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>
|