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.
2407 lines
58 KiB
2407 lines
58 KiB
<template>
|
|
<z-paging ref="paging" v-model="list" @query="queryList">
|
|
<u-navbar title="订单详情" leftIconSize="0" @leftClick="leftClick" placeholder>
|
|
<u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon>
|
|
</u-navbar>
|
|
<view class="" v-for="(item,index) in list" :key="index">
|
|
<view class="Order-details">
|
|
<view class="Order-status">
|
|
<div class="df jcsb Order-head" @click="Status">
|
|
<div>订单状态</div>
|
|
<div class="df aic">
|
|
<!-- <text v-if="s">已退款</text> -->
|
|
<text>{{data.order_status_name}}</text>
|
|
<img style="width: 28rpx;height: 28rpx;margin: 0 4rpx;"
|
|
:src="$util.img(`/upload/weapp/user/you.png`)"></img>
|
|
</div>
|
|
</div>
|
|
<div class="Order-thread"></div>
|
|
<div class="Order-number">订单编号<span>{{data.order_no}}</span> </div>
|
|
<div class="Order-time">下单时间<span v-if="data.create_time">{{data.create_time | time}}</span></div>
|
|
</view>
|
|
<view class="connection">
|
|
<div class="df jcsb">
|
|
<div class="connection-head">{{data.nickname}}<span>{{data.store_type}}</span></div>
|
|
<div class="df" @click="kehutiaozhuan(data.member_id)">
|
|
<div class="connection-Rearf" v-if="data.pay.pay_status == 0">
|
|
{{ (data.pay.pay_status == 0 && data.pay.pay_money > 0 && data.pay.received_money > 0) ? '部分支付' : '未支付' }}
|
|
</div>
|
|
<div class="connection-Rearf" v-else-if="data.pay.pay_status == 1">支付中</div>
|
|
<div class="connection-Rearf" v-else-if="data.pay.pay_status == -1">已取消支付</div>
|
|
<div class="connection-Rearf" v-else>
|
|
<!--已经支付完毕展示支付方式-->
|
|
{{data.pay_type_name}}
|
|
</div>
|
|
|
|
|
|
<image style="width: 28rpx;height: 28rpx;margin: 36rpx 4rpx 0 4rpx;"
|
|
:src="$util.img(`/upload/weapp/user/you.png`)"></image>
|
|
</div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="df jcsb">
|
|
<div class="connection-head">店铺名称：{{data.store_name}}</div>
|
|
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="Good-doctor">{{data.address}}</div>
|
|
<div class="connection-address">
|
|
<span>{{data.full_address}}</span>
|
|
<span>{{data.name}} {{data.mobile}}</span>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="df Shipping-address">
|
|
<div class="">收货地址：</div>
|
|
<div>
|
|
<view class="Shipping-telephone">{{data.name}}<span>{{data.mobile}}</span></view>
|
|
<view class="Shipping-telephona">{{data.full_address}}</view>
|
|
</div>
|
|
</div>
|
|
</view>
|
|
<view class="Commodity-list">
|
|
<div class="df jcsb Commodity-ten" @click="btn">
|
|
<div>商品清单</div>
|
|
<div class="df aic">
|
|
<text>{{data.goods_num}}件</text>
|
|
<img style="width: 28rpx;height: 28rpx;margin: 0 4rpx;"
|
|
:src="$util.img(`/upload/weapp/user/you.png`)"></img>
|
|
</div>
|
|
</div>
|
|
<div class="dotted-line"></div>
|
|
<div class="Commodity-money">
|
|
<div class="df jcsb money">
|
|
<div>订单金额</div>
|
|
<div>￥{{data.order_money}}</div>
|
|
</div>
|
|
<div class="df jcsb money">
|
|
<div>商品金额</div>
|
|
<div>￥{{data.goods_money}}</div>
|
|
</div>
|
|
<div class="df jcsb money">
|
|
<div>订单调整</div>
|
|
<div class="money-koude">￥{{data.adjust_money}}</div>
|
|
</div>
|
|
<div class="df jcsb money">
|
|
<div>特批优惠</div>
|
|
<div class="money-koude">￥{{data.sales_money}}</div>
|
|
</div>
|
|
<div class="df jcsb money">
|
|
<div>运费</div>
|
|
<div class="money-koude">￥{{data.delivery_money}}</div>
|
|
</div>
|
|
<div class="df jcsb money">
|
|
<div>优惠卷</div>
|
|
<div>-￥{{data.coupon_money}}</div>
|
|
</div>
|
|
</div>
|
|
<!-- v-if="data.order_status_name=='待审核'" -->
|
|
<div class="df transportation-expenses" v-if="data.sales_status==0">
|
|
<div class="df aic jcsa" @click="show1=true,salesmoney=''">
|
|
<img :src="$util.img(`/upload/weapp/pageSalesman/reportForm/revise.png`)"></img>
|
|
修改运费
|
|
</div>
|
|
<!-- <div class="set" v-else>
|
|
|
|
</div> -->
|
|
<div class="df aic jcsa" @click="show2=true,salesmoney=''">
|
|
<img :src="$util.img(`/upload/weapp/pageSalesman/reportForm/form.png`)"></img>
|
|
修改特批价
|
|
</div>
|
|
</div>
|
|
</view>
|
|
<view class="Collection-record">
|
|
<!-- <div class="df jcsb " @click="Logistics">
|
|
<div>发货/物流记录</div>
|
|
<div class="df">
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</div>
|
|
</div>
|
|
<div class="dotted-line" style="margin: 24rpx 0;"></div> -->
|
|
<div class="df jcsb">
|
|
<div>收款记录</div>
|
|
<div class="df">
|
|
<!-- sales_balance == 1 && sales_status == 1 -->
|
|
<div v-if="data.order_status == -1 ">已关闭</div>
|
|
<div v-else-if="data.wait_status==1 && data.sales_balance==1 &&data.wait_status==1"
|
|
@click="Collection">待确认</div>
|
|
<div v-else-if="data.wait_status==1 && data.sales_balance==1 &&data.wait_status==2"
|
|
@click="Collection">已确认</div>
|
|
<div v-else-if="data.sales_balance==0 &&data.order_status_name=='待支付'" @click="Collection">
|
|
待支付</div>
|
|
<div v-else-if="data.pay.pay_status == 1 ">支付中</div>
|
|
<div v-else-if="data.pay.pay_status == 0 && data.pay.received_money == 0">未支付</div>
|
|
<div v-else-if="data.pay.pay_status == 0 && data.pay.pay_money > 0 && data.pay.received_money > 0">部分支付</div>
|
|
<div v-else-if="data.pay.pay_status==2">已支付</div>
|
|
<!-- <div v-else-if="data.order_status > 0 && data.sales_status == 0">已支付</div>-->
|
|
<div v-else>暂无收款记录</div>
|
|
<!-- <div v-if="data.sales_balance==1 && data.wait_status==2">已收款</div>
|
|
<div v-if="data.sales_balance==0 && data.wait_status==1">待付款</div>
|
|
<div v-if="data.sales_balance==0 && data.wait_status==2">已付款</div> -->
|
|
<image style="width: 28rpx;height: 28rpx;margin: 10rpx 0rpx;"
|
|
:src="$util.img(`/upload/weapp/user/you.png`)"></image>
|
|
</div>
|
|
</div>
|
|
<div class="Order-message">
|
|
<div class="df jcsb Delivery-method">
|
|
<text>订单总额</text>
|
|
<text>￥{{data.pay.total_money}}</text>
|
|
</div>
|
|
<div class="df jcsb Delivery-method">
|
|
<text>已支付</text>
|
|
<text>￥{{data.pay.received_money}}</text>
|
|
</div>
|
|
<div class="df jcsb Delivery-method">
|
|
<text>还需支付</text>
|
|
<text>￥{{data.pay.pay_money}}</text>
|
|
</div>
|
|
</div>
|
|
<div class="dotted-line" style="margin: 24rpx 0;"></div>
|
|
<!-- <div class="copper-coin">待付￥488.00</div> -->
|
|
<!-- <div class="dotted-line"></div> -->
|
|
<div class="Order-message">订单留言</div>
|
|
<div class="Order-departure">{{data.buyer_message}}</div>
|
|
<div class="dotted-line"></div>
|
|
<!-- <div class="Order-remarks df jcsb">订单备注
|
|
<u-icon name="arrow-right" color="#fff" size="28"></u-icon>
|
|
</div>
|
|
<div class="importance">这是大客户</div> -->
|
|
<div class="dotted-line"></div>
|
|
<div class="df jcsb Delivery-method">
|
|
<text>配送方式</text>
|
|
<text>{{data.delivery_type_name}}</text>
|
|
</div>
|
|
<div class="dotted-line"></div>
|
|
<div class="df jcsb Delivery-methoda">
|
|
<div>发票信息</div>
|
|
<div class="df">
|
|
<text v-if="data.invoice_status==0">未开票</text>
|
|
<text v-if="data.invoice_status==1">已开票</text>
|
|
<u-icon name="arrow-right" color="#fff" size="28"></u-icon>
|
|
</div>
|
|
</div>
|
|
</view>
|
|
|
|
<u-overlay :show="show" @click="show = true">
|
|
<div class="notification">
|
|
<div class="point-out">提示</div>
|
|
<div class="Text-field">
|
|
<u-textarea maxlength=100 v-model="value2" placeholder="请输入内容" count></u-textarea>
|
|
</div>
|
|
<div class="define df">
|
|
<div class="f1 df aic jcsa">取消</div>
|
|
<div class="f1 df aic jcsa">确定</div>
|
|
</div>
|
|
</div>
|
|
</u-overlay>
|
|
<u-overlay :show="show1">
|
|
<view class="transportation">
|
|
<div>修改运费</div>
|
|
<div class="df">
|
|
<text>运费:</text>
|
|
<text>￥{{data.delivery_money}}</text>
|
|
</div>
|
|
<!-- <div class="df aic">
|
|
<div class="df aic">修改运费</div>
|
|
<div><input v-model="yunone" type="text"><span>元</span></div>
|
|
</div> -->
|
|
<view class="fixed-empty df aic" style="display: flex;justify-content: space-between;align-items: center;">
|
|
<view class="xiugai">
|
|
修改运费：
|
|
</view>
|
|
<input class="inoutone" style="width: 50%;" v-model="salesmoney" type="text">
|
|
<span>元</span>
|
|
</view>
|
|
<div class="fill-in">请填写修改后运费</div>
|
|
<div class="df definea">
|
|
<div class="df aic jcsa" @click="show1 = false">取消</div>
|
|
<div class="df aic jcsa" @click="one">确定</div>
|
|
</div>
|
|
</view>
|
|
</u-overlay>
|
|
<u-overlay :show="show2">
|
|
<view class="Special-rating">
|
|
<div class="Special-ratingone">申请特批价</div>
|
|
<div>订单价格：<span>￥{{data.order_money}}</span></div>
|
|
<view class="df aic selont">
|
|
<view class="df aic empty-fixed"><span>*</span>特批价</view>
|
|
<view class="fixed-empty df aic">
|
|
<input class="inoutone" v-model="salesmoney" type="text">
|
|
<span>元</span>
|
|
</view>
|
|
</view>
|
|
|
|
<div class="df">
|
|
<div cladd="empty-fixed">申请原因</div>
|
|
<div>
|
|
<u-textarea v-model="value1" height="124rpx"></u-textarea>
|
|
</div>
|
|
</div>
|
|
<div class="">特批价是指通过客户与业务员之间得沟通后，同意对本地订单总价进行优惠，在此修改优惠后得订单总价</div>
|
|
<div class="df">
|
|
<div class="df aic jcsa" @click="show2 = false">取消</div>
|
|
<div class="df aic jcsa" @click="two">确认</div>
|
|
</div>
|
|
</view>
|
|
</u-overlay>
|
|
<view class="nav df aic jcsa jcf listset">
|
|
<div class="df aic jcsa listone" @click="passthrough">再次订购</div>
|
|
<div class="df aic jcsa listsui" v-if="data.order_status_name=='待审核'||data.order_status_name=='待支付'"
|
|
@click="cancel">取消订单</div>
|
|
<div class="df aic jcsa listtwo" v-if="data.order_status_name=='已发货'&&xiudada"
|
|
@click="ConfirmCharge">确认收货</div>
|
|
<div class="df aic jcsa listtwo" v-if="data.order_status_name=='待支付'" @click="payment">去支付</div>
|
|
<div class="df aic jcsa listtwo" v-if="data.order_status==1" @click="show3=true">确认发货</div>
|
|
<!-- 暂时注释,只保留客户端的审核功能-->
|
|
<!--<div class="df aic jcsa listtwo" v-if="data.sales_status == 0" @click="show9=true">去审核</div>-->
|
|
<!--订单状态order_status在[0待支付,1待发货,20待审核] && sales_status=0时才展示取消审核-->
|
|
<!-- <div class="df aic jcsa listtwo" v-if="data.sales_status != 0 && [0,1,20].includes(data.order_status)" @click="cancelAudit(data.order_id)">取消审核</div>-->
|
|
</view>
|
|
<u-overlay :show="show9">
|
|
<view class="head-one">
|
|
<view class="examine">
|
|
审核
|
|
</view>
|
|
<div class="radio-item" v-for="(item,index) in valueList" :key="index"
|
|
@click="position(index,item)">
|
|
<div>{{item.name}}</div>
|
|
<image :src="$util.img(`/upload/weapp/user/gou.png`)" v-if="index==isRadio"></image>
|
|
<image :src="$util.img(`/upload/weapp/user/un_gou.png`)" v-else></image>
|
|
</div>
|
|
<view class="arr" style="width: 400rpx;margin: 0 auto;">
|
|
<!-- <input v-model="cause" type="text" style="border: 1rpx solid #ccc;"> -->
|
|
<u--textarea v-model="cause" placeholder="驳回时必填"></u--textarea>
|
|
</view>
|
|
<view class="df aic jcsa" style="margin-top: 24rpx;">
|
|
<div class="f1 one df aic jcsa" @click="show9=false">取消</div>
|
|
<div class="f1 two df aic jcsa" @click="through(item.id)">确定</div>
|
|
</view>
|
|
</view>
|
|
</u-overlay>
|
|
<u-overlay :show="show3">
|
|
<view class="listacd">
|
|
<!-- <u-navbar title="填写发货信息" leftIconSize="0" placeholder>
|
|
<u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon>
|
|
</u-navbar> -->
|
|
<div class="list-list df aic jcsa">填写发货信息</div>
|
|
<!-- data.order_goods -->
|
|
<view class="list" v-for="(item,index) in data.order_goods" :key="index">
|
|
<div class="df">
|
|
<div class="list-img">
|
|
<image :src="$util.img(item.sku_image)" mode=""></image>
|
|
</div>
|
|
<div class="df fdc Product-Introduction">
|
|
<div class="Product-name">{{item.goods_name}}</div>
|
|
<div class="df">
|
|
<div class="number">编号：{{item.order_no}}</div>
|
|
<!-- <u-switch :v-model="item.const" @change="errorset(item,index)"></u-switch> -->
|
|
<div class="badge" @click="other(item,index)">
|
|
<image :src="$util.img(`/upload/weapp/pageSalesman/checked.png`)"
|
|
v-if="item.const==true" mode=""></image>
|
|
<image :src="$util.img(`/upload/weapp/pageSalesman/un_check.png`)" v-else
|
|
mode=""></image>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<!-- <div class="stock">库存：{{item.stock}}袋</div> -->
|
|
</div>
|
|
<div class="df aic price">
|
|
<div class="price-before">当前价：￥{{item.price}}/袋</div>
|
|
<div style="color: red;margin-left: 12rpx;">×{{item.num}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</view>
|
|
<div class="df" style="margin-top: 20rpx;margin-left: 25rpx;">发货方式<div
|
|
style="margin-left: 20rpx;">
|
|
<u-switch v-model="value12"></u-switch>
|
|
</div>
|
|
</div>
|
|
<view class="wuliu df aic jcsb" @click="show4=true" v-if="value12">
|
|
<div class="df">
|
|
物流公司:
|
|
<div v-if="listname.length>0">{{listname}}</div>
|
|
<div style="color: #ccc;" v-else>请选择物流公司</div>
|
|
</div>
|
|
<div>
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</div>
|
|
</view>
|
|
<div style="margin-top: 20rpx;margin-left: 25rpx;" v-if="value12">快递单号</div>
|
|
|
|
<div class="uinput" v-if="value12">
|
|
<u--input placeholder="请输入快递单号" border="surround" v-model="value" @change="changease"
|
|
:customStyle="{
|
|
border:'none',
|
|
|
|
}"></u--input>
|
|
</div>
|
|
|
|
|
|
<div class="df aic jcsa">
|
|
<div class="df aic jcsa one" @click="show3 = false">取消</div>
|
|
<div class="df aic jcsa two" @click="twotwo">确认</div>
|
|
</div>
|
|
</view>
|
|
|
|
</u-overlay>
|
|
<u-action-sheet cancelText="取消" @close="show4=false" @select="select" :actions="listb" :show="show4">
|
|
</u-action-sheet>
|
|
<u-overlay :show="show8">
|
|
<view class="Select-payment">
|
|
<!-- <div><input type="radio" name="sex" value="微信支付" checked="checked" /></div> -->
|
|
<!-- <div class="manili" v-if="data.sales_money>0">￥{{data.sales_money}}</div>
|
|
<div class="manili" v-else-if="data.order_money>0">￥{{data.order_money}}</div> -->
|
|
<div class="manili">￥{{data.order_money}}</div>
|
|
<div v-for="(item,index) in radiolist2" :key="index">
|
|
<div class="arr df aic jcsb" @click="time(index)">
|
|
<div class="df aic">
|
|
<image :src="$util.img(item.img)"></image>
|
|
<text>{{item.name}}</text>
|
|
</div>
|
|
<image v-if="index==indexa" :src="$util.img(`/upload/weapp/user/gou.png`)" mode="">
|
|
</image>
|
|
<image v-else :src="$util.img(`/upload/weapp/user/un_gou.png`)" mode=""></image>
|
|
</div>
|
|
</div>
|
|
<view class="df aic jcsa lisr">
|
|
<div class="one" @click="show8=false">取消</div>
|
|
<div class="two" @click="paymentpos">支付</div>
|
|
</view>
|
|
</view>
|
|
|
|
</u-overlay>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</z-paging>
|
|
</template>
|
|
|
|
<script>
|
|
const timesfm = require('@/common/js/map/message.js')
|
|
// import Bus from '@/common/js/bus.js'
|
|
import {
|
|
computed
|
|
} from "vue"
|
|
import eventBus from '@/common/js/bus.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
show: false,
|
|
show1: false,
|
|
s: '',
|
|
show2: false,
|
|
show3: false,
|
|
show4: false,
|
|
show8: false,
|
|
show9: false,
|
|
isRadio: Number,
|
|
lujin: Number,
|
|
value12: false,
|
|
yunone: '',
|
|
salesmoney: '',
|
|
cause: '',
|
|
indexa: 0,
|
|
radiolist1: [{
|
|
name: '微信支付',
|
|
|
|
img: '/upload/weapp/pageSalesman/reportForm/WeChat.png'
|
|
},
|
|
{
|
|
name: '支付宝支付',
|
|
img: '/upload/weapp/pageSalesman/reportForm/Alipay.png'
|
|
},
|
|
{
|
|
name: '业务员额度(额度10000，当前剩余9000)',
|
|
img: '/upload/weapp/pageSalesman/reportForm/vacancies.png'
|
|
}
|
|
],
|
|
radiolist2: [{
|
|
name: '微信支付',
|
|
|
|
img: '/upload/weapp/pageSalesman/reportForm/WeChat.png'
|
|
},
|
|
{
|
|
name: '支付宝支付',
|
|
img: '/upload/weapp/pageSalesman/reportForm/Alipay.png'
|
|
}
|
|
],
|
|
itemid: 1,
|
|
addresspage: [],
|
|
listb: [],
|
|
lista: [],
|
|
xiudada: true,
|
|
valueList: [{
|
|
id: 1,
|
|
name: '通过'
|
|
},
|
|
{
|
|
id: 2,
|
|
name: '反审核'
|
|
}
|
|
],
|
|
isRadio: 0,
|
|
value2: '请输入订单备注',
|
|
value1: '',
|
|
list: [1],
|
|
order: '', //订单id
|
|
member: '', //下单客户id
|
|
out_trade_no: '', //订单号
|
|
data: [], //详情数据
|
|
sly: false,
|
|
order_no: '',
|
|
express_company_id: '',
|
|
listname: '',
|
|
value: '',
|
|
};
|
|
},
|
|
onLoad(e) {
|
|
// order 订单id member 下单客户id
|
|
console.log(e, 'id');
|
|
eventBus.$on('urlone', (data) => {
|
|
|
|
this.lujin = data
|
|
uni.$off('urlone')
|
|
})
|
|
if (e.s) {
|
|
this.s = e.s
|
|
}
|
|
if (e.ct) {
|
|
uni.$on('confyes', (data) => {
|
|
console.log(data, '查看订单');
|
|
this.order = data.order_id
|
|
|
|
this.sly = data.sly
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
member_id: data.order_id,
|
|
out_trade_no: data.out_trade_no
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
this.out_trade_no = res.data.out_trade_no
|
|
this.order = res.data.order_id
|
|
this.member = res.data.member_id
|
|
console.log(res, '订单详情');
|
|
}
|
|
})
|
|
})
|
|
} else {
|
|
this.order = e.or
|
|
this.member = e.me
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: e.or,
|
|
member_id: e.me
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
this.out_trade_no = res.data.out_trade_no
|
|
console.log(res, '订单详情');
|
|
}
|
|
})
|
|
this.$api.sendRequest({
|
|
url: '/api/salesmemberaddress/page',
|
|
data: {
|
|
member_id: e.me
|
|
},
|
|
success: res => {
|
|
this.addresspage = res.data.list
|
|
console.log(res.data.list, '客户地址');
|
|
}
|
|
})
|
|
}
|
|
|
|
},
|
|
onLaunch() {
|
|
uni.$off('confyes')
|
|
|
|
},
|
|
onShow() {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/getExpressList',
|
|
data: {
|
|
page: "1",
|
|
page_size: '40'
|
|
},
|
|
success: res => {
|
|
this.lista = res.data.list
|
|
console.log(res.data.list, '物流公司');
|
|
let a = []
|
|
for (var i = 0; i < res.data.list.length; i++) {
|
|
a.push({
|
|
name: res.data.list[i].company_name
|
|
})
|
|
}
|
|
setTimeout(() => {
|
|
this.listb = a
|
|
}, 500)
|
|
}
|
|
})
|
|
|
|
},
|
|
computed: {
|
|
Several: function() {
|
|
var Severala = []
|
|
for (var i = 0; i < this.lista.length; i++) {
|
|
this.listb.push({
|
|
"name": this.lista[i].company_name
|
|
})
|
|
}
|
|
// this.listb=Severala
|
|
},
|
|
shuzu: function() {
|
|
let a = ''
|
|
let _this = this
|
|
for (var i = 0; i < this.data.order_goods.length; i++) {
|
|
console.log(_this.data.order_goods, 'iii');
|
|
if (_this.data.order_goods[i].const) {
|
|
console.log(i, 'iii');
|
|
a = a + '' + JSON.stringify(_this.data.order_goods[i].goods_id)
|
|
}
|
|
}
|
|
return a
|
|
},
|
|
CustomerName: function() {
|
|
let mer = []
|
|
for (var i = 0; i < this.data.order_goods.length; i++) {
|
|
console.log(i, 'i');
|
|
mer.push({
|
|
"sku_id": this.data.order_goods[i].sku_id,
|
|
"num": this.data.order_goods[i].num
|
|
})
|
|
}
|
|
return mer
|
|
},
|
|
address: function() {
|
|
let ess = []
|
|
for (var i = 0; i < this.addresspage.length; i++) {
|
|
if (this.data.full_address == this.addresspage[i].full_address) {
|
|
ess = this.addresspage[i]
|
|
}
|
|
}
|
|
return ess
|
|
}
|
|
},
|
|
methods: {
|
|
queryList(pageNo, pageSize) {
|
|
this.$refs.paging.complete(this.list);
|
|
},
|
|
kehutiaozhuan(id) {
|
|
uni.navigateTo({
|
|
// url:'/page_salesman_customer/Customer_details/detailedinformation',
|
|
url: `/page_salesman_customer/detailed/detailed?id=${id}&di=1`
|
|
})
|
|
},
|
|
changease(e) {
|
|
this.value = e
|
|
},
|
|
leftClick() {
|
|
// #ifdef H5
|
|
event.stopPropagation();
|
|
// #endif
|
|
if (this.lujin == 0) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/index/index?index=0`
|
|
})
|
|
return
|
|
}
|
|
if (this.lujin == 1) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/index/index?index=1`
|
|
})
|
|
return
|
|
}
|
|
if (this.lujin == 2) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/index/index?index=2`
|
|
})
|
|
return
|
|
}
|
|
if (this.lujin == 3) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/index/index?index=3`
|
|
})
|
|
return
|
|
}
|
|
if (this.lujin == 4) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/index/index?index=4`
|
|
})
|
|
return
|
|
}
|
|
if (this.lujin == 5) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/index/index?index=5`
|
|
})
|
|
return
|
|
}
|
|
if (this.lujin == 6) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/index/index?index=6`
|
|
})
|
|
return
|
|
}
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/index/index`
|
|
})
|
|
},
|
|
other(item, index) {
|
|
console.log(item, 'item');
|
|
let _this = this
|
|
this.express_company_id = ''
|
|
console.log(this.data.order_goods, 'item2');
|
|
this.data.order_goods[index].const = !this.data.order_goods[index].const
|
|
for (var i = 0; i < this.data.order_goods.length; i++) {
|
|
console.log(_this.data.order_goods, 'iii');
|
|
|
|
if (_this.data.order_goods[i].const) {
|
|
// console.log(i,'iii');
|
|
|
|
if (this.express_company_id.length > 0) {
|
|
this.express_company_id = this.express_company_id + ',' + JSON.stringify(_this.data
|
|
.order_goods[i].order_goods_id)
|
|
} else {
|
|
this.express_company_id = JSON.stringify(_this.data.order_goods[i].order_goods_id)
|
|
}
|
|
|
|
|
|
}
|
|
|
|
}
|
|
this.$forceUpdate()
|
|
},
|
|
twotwo() {
|
|
this.show2 = false
|
|
// this.$util.showToast({
|
|
// title: '修改成功'
|
|
// });
|
|
let _this = this
|
|
let a = ''
|
|
|
|
console.log({
|
|
order_id: this.order, // 是 string 订单id
|
|
order_goods_ids: this.express_company_id, // 是 string 发货商品id 多个用英文逗号隔开
|
|
express_company_id: this.company_id, // 是 string 快递公司company_id
|
|
delivery_no: this.value, // 是 string 快递单号
|
|
delivery_type: this.value12 ? 1 : 0 // 否 string 发货方式1 需要物流 0无需物流 默认1
|
|
});
|
|
if (!this.express_company_id.length > 0) {
|
|
this.$util.showToast({
|
|
title: '请选择发货商品'
|
|
});
|
|
return
|
|
}
|
|
if (this.value12) {
|
|
if (!this.listname.length > 0) {
|
|
this.$util.showToast({
|
|
title: '请选择物流公司'
|
|
});
|
|
return
|
|
}
|
|
|
|
if (!this.value.length > 0) {
|
|
this.$util.showToast({
|
|
title: '请填写快递单号'
|
|
});
|
|
return
|
|
}
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/delivery',
|
|
data: {
|
|
order_id: this.order, // 是 string 订单id
|
|
order_goods_ids: this.express_company_id, // 是 string 发货商品id 多个用英文逗号隔开
|
|
express_company_id: this.company_id, // 是 string 快递公司company_id
|
|
delivery_no: this.value, // 是 string 快递单号
|
|
delivery_type: this.value12 ? 1 : 0 // 否 string 发货方式1 需要物流 0无需物流 默认1
|
|
},
|
|
success: res => {
|
|
this.show3 = false
|
|
this.$util.showToast({
|
|
title: '发货成功'
|
|
});
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
console.log(this.data, '待发货详情');
|
|
}
|
|
})
|
|
|
|
}
|
|
})
|
|
} else {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/delivery',
|
|
data: {
|
|
order_id: this.order, // 是 string 订单id
|
|
order_goods_ids: this.express_company_id, // 是 string 发货商品id 多个用英文逗号隔开
|
|
// express_company_id: this.company_id, // 是 string 快递公司company_id
|
|
// delivery_no: this.value, // 是 string 快递单号
|
|
delivery_type: this.value12 ? 1 : 0 // 否 string 发货方式1 需要物流 0无需物流 默认1
|
|
},
|
|
success: res => {
|
|
this.show3 = false
|
|
this.$util.showToast({
|
|
title: '发货成功'
|
|
});
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
|
|
console.log(this.data, '待发货详情');
|
|
}
|
|
})
|
|
}
|
|
})
|
|
}
|
|
},
|
|
select(e) {
|
|
this.listname = e.name
|
|
for (let i = 0; i < this.lista.length; i++) {
|
|
if (e.name == this.lista[i].company_name) {
|
|
this.company_id = this.lista[i].company_id
|
|
}
|
|
}
|
|
},
|
|
async weixinPay() {
|
|
try {
|
|
let provider = 'weixin'
|
|
// 微信登录
|
|
const loginRes = await uniLogin({ provider })
|
|
console.log(loginRes, 'loginRes');
|
|
const wxCode = loginRes.code;
|
|
// 请求后端
|
|
let url = '/api/boofopay/unifiedOrder';
|
|
// debug 模式调用 测试支付接口
|
|
const appBaseInfo = wx.getAppBaseInfo()
|
|
if (appBaseInfo.enableDebug)
|
|
url = '/api/boofopay/test'
|
|
const res = await this.$api.sendRequest({
|
|
url,
|
|
data: {
|
|
token: this.token,
|
|
code: wxCode,
|
|
payCode: "WECHAT_JSAPI", //payCode 支付宝：ALIPAY_JSAPI 微信：WECHAT_JSAPI
|
|
out_trade_no: this.out_trade_no
|
|
},
|
|
async: false
|
|
})
|
|
// 拼接支付参数
|
|
const { timeStamp, nonceStr, package: payPackage, signType, paySign } = res.data.chlRetParam
|
|
.wc_pay_data
|
|
await requestPayment({
|
|
provider,
|
|
timeStamp,
|
|
nonceStr,
|
|
package: payPackage,
|
|
signType,
|
|
paySign,
|
|
});
|
|
// 退出小程序
|
|
wx.exitMiniProgram()
|
|
} catch (e) {
|
|
//TODO handle the exception
|
|
console.log(e);
|
|
}
|
|
},
|
|
paymentpos() {
|
|
if (this.indexa == 0) {
|
|
|
|
// #ifdef MP-WEIXIN
|
|
this.weixinPay()
|
|
// #endif
|
|
// #ifndef MP-WEIXIN
|
|
this.$api.sendRequest({
|
|
url: '/api/pay/getSchemeUrl',
|
|
data: {
|
|
token: uni.getStorageSync('token'),
|
|
out_trade_no: this.out_trade_no,
|
|
pay_money: this.data.order_money
|
|
},
|
|
success: res => {
|
|
console.log(res, 'res');
|
|
// #ifdef APP-PLUS
|
|
plus.runtime.openURL(res.data.openlink);
|
|
// #endif
|
|
// #ifndef APP-PLUS
|
|
window.open(res.data.openlink)
|
|
// #endif
|
|
this.$util.redirectTo('/page_salesman_order/index/index');
|
|
// setTimeout(() => {
|
|
// uni.$emit('confirmation', {
|
|
// order_id: _this.member,
|
|
// out_trade_no: this.resdatas,
|
|
// sly: true,
|
|
// })
|
|
// }, 500)
|
|
// this.$util.showToast({
|
|
// title: '微信支付成功'
|
|
// });
|
|
}
|
|
})
|
|
// #endif
|
|
this.show8 = false
|
|
}
|
|
if (this.indexa == 1) {
|
|
this.$api.sendRequest({
|
|
url: '/api/pay/getAliSchemeUrl ',
|
|
data: {
|
|
token: uni.getStorageSync('token'),
|
|
out_trade_no: this.out_trade_no,
|
|
pay_money: this.data.order_money,
|
|
page: 'pages_tool/pay/index'
|
|
},
|
|
success: res => {
|
|
// #ifdef APP-PLUS
|
|
plus.runtime.openURL(res.data.openlink);
|
|
// #endif
|
|
// #ifndef APP-PLUS
|
|
window.open(res.data.openlink)
|
|
// #endif
|
|
}
|
|
})
|
|
// this.$api.sendRequest({
|
|
// url: '/api/pay/payNotify',
|
|
// data: {
|
|
// pay_type: 'alipay', //微信支付
|
|
// out_trade_no: this.out_trade_no
|
|
// },
|
|
// success: res => {
|
|
// // this.data=res.data
|
|
// console.log(res, '支付宝成功');
|
|
// this.$util.showToast({
|
|
// title: '支付宝支付成功'
|
|
// });
|
|
// this.$api.sendRequest({
|
|
// url: '/api/salasmanorder/detail',
|
|
// data: {
|
|
// order_id: this.order,
|
|
// member_id: this.member
|
|
// },
|
|
// success: res => {
|
|
// this.data = res.data
|
|
// console.log(res.data, '订单详情');
|
|
// }
|
|
// })
|
|
// this.show8 = false
|
|
// }
|
|
// })
|
|
}
|
|
},
|
|
Status() {
|
|
setTimeout(() => {
|
|
eventBus.$emit('record', {
|
|
order_id: this.order,
|
|
member_id: this.member,
|
|
data: this.data.order_log,
|
|
orderStatus:this.data.order_status_name
|
|
})
|
|
}, 500)
|
|
uni.navigateTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/Order_status/Order_status`
|
|
})
|
|
},
|
|
time(index) {
|
|
this.indexa = index
|
|
console.log(index);
|
|
},
|
|
payment() {
|
|
console.log(this.address, 'address');
|
|
this.show8 = true
|
|
// this.$api.sendRequest({
|
|
// url: '/api/salasmanordercreate/create',
|
|
// // header: {
|
|
// // 'Content-Type': 'application/json' //自定义请求头信息
|
|
// // },
|
|
// data: {
|
|
// store_id: this.data.store_id, //店铺id
|
|
// sku_ids: JSON.stringify(this.CustomerName), //skuid集合
|
|
// member_id: this.data.member_id, // 客户id
|
|
// buyer_message: this.data.buyer_message, // 用户备注
|
|
// // delivery:'',// 配送规则
|
|
// member_address: JSON.stringify(this.address), //收货地址
|
|
// is_invoice: this.data.is_invoice, //是否需要发票 1是 0否
|
|
// sales_balance: this.data.sales_balance //业务员是否额度下单
|
|
// },
|
|
// success: res => {
|
|
// console.log(res, '创建订单');
|
|
// this.order_no = res.data
|
|
// this.show8 = true
|
|
// }
|
|
// })
|
|
},
|
|
ConfirmCharge() {
|
|
let _this = this
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/takeDelivery',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
if (res.code == 0) {
|
|
_this.xiudada = false
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
this.order_no = res.data.order_no
|
|
console.log(res.data, '订单详情');
|
|
}
|
|
})
|
|
this.$util.showToast({
|
|
title: '确认收货成功'
|
|
});
|
|
}
|
|
|
|
}
|
|
})
|
|
},
|
|
Logistics() {
|
|
console.log('物流');
|
|
// console.log(this.data.);
|
|
uni.navigateTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_order/Delivery_logistics/Delivery_logistics?id=${this.data.member_id}&di=${this.data.order_id}`
|
|
})
|
|
},
|
|
btn() {
|
|
// this.show=true 1订单 2客户
|
|
console.log(this.data.order_id, this.data.member_id, '订单id');
|
|
// console.log(this.data.order_goods,'item');
|
|
setTimeout(() => {
|
|
uni.$emit('CommodityList', this.data)
|
|
}, 500)
|
|
uni.navigateTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/Commodity_list/Commodity_list`
|
|
})
|
|
},
|
|
Collection() {
|
|
// if(this.data.sales_balance==0){
|
|
// this.$util.showToast({
|
|
// title: '无收款记录'
|
|
// });
|
|
// return
|
|
// }
|
|
// if(this.data.sales_status==0){
|
|
// this.$util.showToast({
|
|
// title: '未审核'
|
|
// });
|
|
// return
|
|
// }
|
|
// if(this.data.sales_status==2){
|
|
// this.$util.showToast({
|
|
// title: '已驳回'
|
|
// });
|
|
// return
|
|
// }
|
|
uni.navigateTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `../Collection_record/Collection_record?id=${this.data.member_id}&di=${this.data.order_id}`
|
|
})
|
|
},
|
|
//运费
|
|
one() {
|
|
|
|
if (!this.salesmoney.length > 0) {
|
|
this.$util.showToast({
|
|
title: '请填写运费'
|
|
});
|
|
return
|
|
}
|
|
|
|
this.$api.sendRequest({
|
|
url: `/api/salasmanorder/doDeliveryMoney`,
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member,
|
|
delivery_money: this.salesmoney
|
|
},
|
|
success: res => {
|
|
this.show1 = false
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
console.log(res.data, '订单详情');
|
|
|
|
}
|
|
})
|
|
this.$util.showToast({
|
|
title: '运费修改成功'
|
|
});
|
|
}
|
|
})
|
|
|
|
},
|
|
//特批价
|
|
two() {
|
|
console.log(this.salesmoney);
|
|
let _this = this
|
|
if (!this.salesmoney.length > 0) {
|
|
this.$util.showToast({
|
|
title: '请填写特批价'
|
|
});
|
|
return
|
|
}
|
|
if (!this.value1.length > 0) {
|
|
this.$util.showToast({
|
|
title: '请填写申请原因'
|
|
});
|
|
return
|
|
}
|
|
|
|
this.$api.sendRequest({
|
|
url: `/api/salasmanorder/doSalesMoney`,
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member,
|
|
sales_money: this.salesmoney,
|
|
sales_remark: this.value1
|
|
},
|
|
success: res => {
|
|
this.show2 = false
|
|
this.$util.showToast({
|
|
title: '特批价修改成功'
|
|
});
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: _this.order,
|
|
member_id: _this.member
|
|
},
|
|
success: res => {
|
|
_this.data = res.data
|
|
console.log(res, '订单详情');
|
|
}
|
|
})
|
|
}
|
|
})
|
|
},
|
|
passthrough() {
|
|
// setTimeout(() => {
|
|
// uni.$emit('zaicidinggou', this.data.order_goods)
|
|
// }, 500)
|
|
// uni.navigateTo({
|
|
// url: `/page_salesman_index/affirm_order/affirm_order?id=${this.data.member_id}&shop=${this.data.store_id}`
|
|
// })
|
|
setTimeout(() => {
|
|
uni.$emit('zaicidinggou', {
|
|
one: this.data.order_goods,
|
|
two: 1
|
|
})
|
|
}, 500)
|
|
uni.navigateTo({
|
|
url: `/page_salesman_index/Select_item/Select_item?st=${this.data.member_id}&di=${this.data.store_id}`
|
|
})
|
|
// this.$util.showToast({
|
|
// title: '订购成功'
|
|
// });
|
|
},
|
|
cancel() {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/close',
|
|
data: {
|
|
order_id: this.data.order_id,
|
|
member_id: this.data.member_id
|
|
},
|
|
success: res => {
|
|
console.log(res.data, '取消订单');
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
console.log(res.data, '订单详情');
|
|
}
|
|
})
|
|
this.$util.showToast({
|
|
title: '取消成功'
|
|
});
|
|
}
|
|
})
|
|
|
|
},
|
|
//去审核
|
|
through() {
|
|
|
|
// this.$api.sendRequest({
|
|
// url:'/api/salasmanorder/doExamineOrder',
|
|
// data:{
|
|
// order_id:this.order,
|
|
// member_id:this.member,
|
|
// sales_status:this.itemid,
|
|
// remark:''
|
|
// },
|
|
// success:res=>{
|
|
// // this.data=res.data
|
|
// console.log(res,'审核通过');
|
|
|
|
// }
|
|
// })
|
|
if (this.itemid == 1) {
|
|
//通过
|
|
this.$api.sendRequest({
|
|
//url: `/api/salasmanorder/doExamineOrder`,//旧审核接口
|
|
url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30)
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member,
|
|
sales_status: this.itemid,
|
|
// remark:''
|
|
},
|
|
success: res => {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
console.log(res.data, '订单详情');
|
|
}
|
|
})
|
|
this.$util.showToast({
|
|
title: '审核通过成功'
|
|
});
|
|
this.show9 = false
|
|
// location.reload()
|
|
}
|
|
})
|
|
} else if (this.itemid == 2) {
|
|
//驳回(反审核)
|
|
if (this.cause.length == 0) {
|
|
this.$util.showToast({
|
|
title: '请填写驳回原因'
|
|
});
|
|
return
|
|
} else {
|
|
this.$api.sendRequest({
|
|
//url: `/api/salasmanorder/editSalesStatus`,
|
|
url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30)
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member,
|
|
sales_status: this.itemid,
|
|
remark: this.cause
|
|
},
|
|
success: res => {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
console.log(res.data, '订单详情');
|
|
}
|
|
})
|
|
this.$util.showToast({
|
|
title: '已驳回'
|
|
});
|
|
this.show9 = false
|
|
// location.reload()
|
|
}
|
|
})
|
|
}
|
|
|
|
}
|
|
},
|
|
position(index, item) {
|
|
// console.log(item,'item');
|
|
// console.log(111);
|
|
|
|
this.itemid = item.id
|
|
this.isRadio = index
|
|
this.itema = item
|
|
},
|
|
//取消审核(审核状态转为=>待审核)
|
|
cancelAudit(order_id){
|
|
console.log(order_id,'取消审核')
|
|
//通过
|
|
this.$api.sendRequest({
|
|
//url: `/api/salasmanorder/doExamineOrder`,//旧审核接口
|
|
url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30)
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member,
|
|
sales_status: 0,//0=待审核
|
|
// remark:''
|
|
},
|
|
success: res => {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/detail',
|
|
data: {
|
|
order_id: this.order,
|
|
member_id: this.member
|
|
},
|
|
success: res => {
|
|
this.data = res.data
|
|
console.log(res.data, '订单详情');
|
|
}
|
|
})
|
|
this.$util.showToast({
|
|
title: '操作成功'
|
|
});
|
|
}
|
|
})
|
|
},
|
|
|
|
},
|
|
filters: {
|
|
time(num) {
|
|
return timesfm(num * 1000)
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
::v-deep {
|
|
.zp-l-text {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.xiugai {
|
|
width: 204rpx;
|
|
margin-left: 4rpx;
|
|
}
|
|
|
|
.listacd {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgb(247, 247, 247);
|
|
overflow-y: scroll;
|
|
/* #ifdef APP */
|
|
padding: 100rpx 0 0 0;
|
|
box-sizing: border-box;
|
|
|
|
/* #endif */
|
|
.wuliu {
|
|
width: 700rpx;
|
|
margin: 0 auto;
|
|
background-color: #fff;
|
|
padding: 10rpx;
|
|
box-sizing: border-box;
|
|
border-radius: 20rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.uinput {
|
|
width: 700rpx;
|
|
margin: 0 auto;
|
|
margin-top: 20rpx;
|
|
border-radius: 20rpx;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.one {
|
|
width: 300rpx;
|
|
margin-top: 80rpx;
|
|
padding: 10rpx;
|
|
box-sizing: border-box;
|
|
border-radius: 20rpx;
|
|
border: 1rpx solid #fff;
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.two {
|
|
width: 300rpx;
|
|
margin-top: 80rpx;
|
|
padding: 10rpx;
|
|
// box-sizing: border-box;
|
|
background-color: rgb(64, 158, 255);
|
|
border-radius: 20rpx;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.list-list {
|
|
/* #ifdef APP */
|
|
margin-top: 20rpx;
|
|
/* #endif */
|
|
/* #ifdef H5 */
|
|
margin-top: 100rpx;
|
|
/* #endif */
|
|
}
|
|
|
|
.list {
|
|
width: 702rpx;
|
|
// height: 324rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
margin: 0 auto;
|
|
box-sizing: border-box;
|
|
margin-top: 20rpx;
|
|
padding-bottom: 24rpx;
|
|
box-sizing: border-box;
|
|
|
|
.list-img {
|
|
width: 176rpx;
|
|
height: 176rpx;
|
|
border-radius: 8rpx;
|
|
margin: 32rpx 24rpx 0 32rpx;
|
|
|
|
image {
|
|
width: 176rpx;
|
|
height: 176rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
}
|
|
|
|
.Product-Introduction {
|
|
.Product-name {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 40rpx;
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
.number {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
margin-top: 32rpx;
|
|
margin-right: 40rpx;
|
|
}
|
|
|
|
.badge {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
|
|
image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.stock {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
margin-top: 32rpx;
|
|
// margin-left: 90rpx;
|
|
}
|
|
|
|
.price {
|
|
margin-top: 34rpx;
|
|
|
|
.price-before {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
}
|
|
|
|
.price-revise {
|
|
input {
|
|
width: 78rpx;
|
|
height: 40rpx;
|
|
background: #F6F6F6;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
span:nth-child(1) {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #F33B50;
|
|
line-height: 34rpx;
|
|
margin-left: 46rpx;
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
span:nth-child(2) {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
margin-left: 6rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.Select-payment {
|
|
width: 702rpx;
|
|
// height: 248rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 16rpx;
|
|
margin-top: 24rpx;
|
|
padding: 32rpx;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
|
|
.manili {
|
|
margin-bottom: 24rpx;
|
|
text-align: center;
|
|
color: red;
|
|
|
|
font-size: 40rpx;
|
|
|
|
}
|
|
|
|
.lisr {
|
|
margin-top: 24rpx;
|
|
|
|
.one {
|
|
padding: 10rpx 70rpx;
|
|
box-sizing: border-box;
|
|
border: 1rpx solid #ccc;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.two {
|
|
padding: 10rpx 70rpx;
|
|
box-sizing: border-box;
|
|
// border: 1rpx solid #ccc;
|
|
background-color: rgb(26, 115, 232);
|
|
color: #fff;
|
|
border-radius: 20rpx;
|
|
}
|
|
}
|
|
|
|
.arr {
|
|
margin-right: 16rpx;
|
|
margin-bottom: 32rpx;
|
|
|
|
image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
|
|
text {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 40rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.head-one {
|
|
width: 500rpx;
|
|
// height: 500rpx;
|
|
position: fixed;
|
|
top: 500rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
background-color: #fff;
|
|
border-radius: 20rpx;
|
|
|
|
.examine {
|
|
text-align: center;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.one {
|
|
border: 1rpx solid #ccc;
|
|
height: 108rpx;
|
|
border-radius: 0 0 0 20rpx;
|
|
|
|
}
|
|
|
|
.two {
|
|
height: 112rpx;
|
|
background-color: rgb(32, 160, 255);
|
|
color: #fff;
|
|
border-radius: 0 0 20rpx 0;
|
|
}
|
|
|
|
.radio-item {
|
|
width: 300rpx;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: bold;
|
|
color: #222222;
|
|
// margin: 10rpx 0;
|
|
margin: 10rpx auto;
|
|
|
|
image {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
}
|
|
|
|
::v-deep {
|
|
.u-radio {
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.u-radio__text {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: bold;
|
|
color: #222222;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.Special-rating {
|
|
width: 630rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24px;
|
|
position: fixed;
|
|
top: 240rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
box-sizing: border-box;
|
|
padding-bottom: 32rpx;
|
|
|
|
}
|
|
|
|
.empty-fixed {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.Special-ratingone {
|
|
margin-top: 40rpx;
|
|
text-align: center;
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.Special-rating div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
margin-top: 30rpx;
|
|
margin-left: 28rpx;
|
|
}
|
|
|
|
.selont {
|
|
|
|
margin-top: 24rpx;
|
|
height: 70rpx;
|
|
|
|
// justify-content: j;
|
|
// display: flex;
|
|
.empty-fixed {
|
|
height: 70rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: rgb(88, 88, 88);
|
|
line-height: 40rpx;
|
|
margin-left: 28rpx;
|
|
|
|
span {
|
|
color: #FF3030;
|
|
}
|
|
}
|
|
|
|
.fixed-empty {
|
|
width: 438rpx;
|
|
height: 70rpx;
|
|
// background: red;
|
|
border-radius: 16rpx;
|
|
position: relative;
|
|
margin-left: 30rpx;
|
|
margin-top: 0;
|
|
|
|
v-deep {
|
|
.uni-input-input {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
|
|
.inoutone {
|
|
width: 438rpx;
|
|
height: 70rpx;
|
|
// background: red;
|
|
border-radius: 16rpx;
|
|
text-align: left !important;
|
|
border: 1rpx solid #ccc;
|
|
}
|
|
|
|
span {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 24rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fixed-empty {
|
|
width: 438rpx;
|
|
height: 70rpx;
|
|
// background: red;
|
|
border-radius: 16rpx;
|
|
position: relative;
|
|
margin-left: 30rpx;
|
|
margin-top: 0;
|
|
|
|
v-deep {
|
|
.uni-input-input {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
|
|
.inoutone {
|
|
width: 438rpx;
|
|
height: 70rpx;
|
|
// background: red;
|
|
border-radius: 16rpx;
|
|
text-align: left !important;
|
|
border: 1rpx solid #ccc;
|
|
}
|
|
|
|
span {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 24rpx;
|
|
}
|
|
}
|
|
|
|
.Special-rating div:nth-child(4) {
|
|
height: 160rpx;
|
|
margin-top: 24rpx;
|
|
|
|
div:nth-child(1) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
margin-left: 28rpx;
|
|
margin-right: -12rpx;
|
|
margin-top: 0;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
width: 438rpx;
|
|
height: 124rpx;
|
|
background: #F6F6F6;
|
|
border-radius: 16rpx;
|
|
text-align: left;
|
|
margin-top: 0;
|
|
|
|
}
|
|
}
|
|
|
|
.Special-rating div:nth-child(5) {
|
|
width: 570rpx;
|
|
height: 68rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 34rpx;
|
|
margin: 0 auto;
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.Special-rating div:nth-child(6) {
|
|
margin-top: 44rpx;
|
|
|
|
div:nth-child(1) {
|
|
margin: 0;
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin: 0 32rpx 0 94rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
margin: 0;
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
background: #21BBF3;
|
|
border-radius: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
line-height: 40rpx;
|
|
|
|
}
|
|
}
|
|
|
|
.transportation {
|
|
width: 540rpx;
|
|
height: 448rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24px;
|
|
position: fixed;
|
|
top: 418rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
box-sizing: border-box;
|
|
|
|
.definea {
|
|
margin-top: 38rpx;
|
|
}
|
|
|
|
.definea div:nth-child(1) {
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-top: 0;
|
|
margin-left: 48rpx;
|
|
}
|
|
|
|
.definea div:nth-child(2) {
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
background: #21BBF3;
|
|
border-radius: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
line-height: 40rpx;
|
|
margin-top: 0;
|
|
margin-left: 32rpx;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.transportation div:nth-child(1) {
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
text-align: center;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.transportation div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
margin-top: 30rpx;
|
|
padding-left: 38rpx;
|
|
|
|
text:nth-child(2) {
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
|
|
.transportation div:nth-child(3) {
|
|
div:nth-child(1) {
|
|
width: 112rpx;
|
|
height: 40rpx;
|
|
margin-left: 38rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
width: 288rpx;
|
|
height: 70rpx;
|
|
background: #F6F6F6;
|
|
border-radius: 16rpx;
|
|
margin-left: 20rpx;
|
|
position: relative;
|
|
|
|
input {
|
|
width: 288rpx;
|
|
height: 70rpx;
|
|
background: #F6F6F6;
|
|
border-radius: 16rpx;
|
|
}
|
|
|
|
span {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 24rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fill-in {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 34rpx;
|
|
margin: 20rpx 0 0 36rpx;
|
|
}
|
|
|
|
.nav {
|
|
// width: 750rpx;
|
|
padding: 0 40rpx;
|
|
box-sizing: border-box;
|
|
height: 100rpx;
|
|
background: #F7F7F7;
|
|
margin-top: 32rpx;
|
|
|
|
.listone {
|
|
width: 192rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
|
|
}
|
|
|
|
.listsui {
|
|
width: 192rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.listtwo {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
line-height: 40rpx;
|
|
width: 192rpx;
|
|
height: 72rpx;
|
|
background: #21BBF3;
|
|
border-radius: 40rpx;
|
|
margin: 0 0rpx 0 20rpx;
|
|
}
|
|
}
|
|
|
|
.Order-details {
|
|
padding: 24rpx;
|
|
|
|
.Order-status {
|
|
width: 702rpx;
|
|
height: 270rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
|
|
.Order-head div:nth-child(1) {
|
|
padding: 32rpx 0 28rpx 32rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.Order-head div:nth-child(2) {
|
|
padding: 32rpx 0;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FF3B67;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.Order-thread {
|
|
width: 638rpx;
|
|
height: 2rpx;
|
|
background: #F2F2F2;
|
|
border-radius: 16rpx;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.Order-number {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 40rpx;
|
|
padding: 28rpx 0 0 32rpx;
|
|
|
|
span {
|
|
margin-left: 42rpx;
|
|
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.Order-time {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 40rpx;
|
|
padding: 24rpx 0 0 32rpx;
|
|
}
|
|
|
|
.Order-time span:nth-child(1) {
|
|
margin-left: 42rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.connection {
|
|
width: 702rpx;
|
|
// height: 464rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
margin-top: 24rpx;
|
|
padding-bottom: 20rpx;
|
|
box-sizing: border-box;
|
|
|
|
.Shipping-telephona {
|
|
margin-top: 16rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.Shipping-telephone {
|
|
padding: 28rpx 0 0 0;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
|
|
span {
|
|
margin-left: 24rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.Shipping-address div:nth-child(1) {
|
|
width: 170rpx;
|
|
height: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
padding: 28rpx 0 0 32rpx;
|
|
|
|
}
|
|
|
|
.connection-address {
|
|
padding: 24rpx 0 0 32rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
margin-bottom: 28rpx;
|
|
}
|
|
|
|
.connection-address span:nth-child(1) {
|
|
margin-right: 40rpx;
|
|
}
|
|
|
|
.Good-doctor {
|
|
padding: 32rpx 0 0 32rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.line {
|
|
width: 638rpx;
|
|
height: 2rpx;
|
|
background: #F2F2F2;
|
|
border-radius: 16rpx;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.connection-Rearf {
|
|
padding-top: 32rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.connection-head {
|
|
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 44rpx;
|
|
padding: 32rpx;
|
|
|
|
span {
|
|
width: 92rpx;
|
|
height: 36rpx;
|
|
font-size: 20rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #FF7D02;
|
|
line-height: 28rpx;
|
|
background-color: rgb(255, 240, 226);
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.Commodity-list {
|
|
width: 702rpx;
|
|
// height: 542rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 16rpx;
|
|
margin-top: 24rpx;
|
|
padding-bottom: 24rpx;
|
|
box-sizing: border-box;
|
|
|
|
.transportation-expenses {
|
|
margin-top: 32rpx;
|
|
|
|
div {
|
|
width: 174rpx;
|
|
height: 48rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 28rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 34rpx
|
|
}
|
|
|
|
image {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
|
|
}
|
|
}
|
|
|
|
.transportation-expenses div:nth-child(1) {
|
|
margin-left: 274rpx;
|
|
margin-right: 24rpx;
|
|
}
|
|
|
|
.set {
|
|
border: none !important;
|
|
}
|
|
|
|
.Commodity-money {
|
|
padding: 0 32rpx;
|
|
|
|
.money {
|
|
margin-top: 24rpx;
|
|
|
|
.money-koude {
|
|
color: red !important;
|
|
}
|
|
}
|
|
|
|
.money div:nth-child(1) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.money div:nth-child(2) {
|
|
font-size: 24rpx;
|
|
font-family: DINAlternate-Bold, DINAlternate;
|
|
font-weight: bold;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.dotted-line {
|
|
width: 638rpx;
|
|
height: 2rpx;
|
|
background: #F2F2F2;
|
|
border-radius: 16rpx;
|
|
margin: 0 auto;
|
|
margin-top: 28rpx;
|
|
margin-bottom: 4rpx;
|
|
}
|
|
|
|
.Commodity-ten div:nth-child(1) {
|
|
padding: 32rpx 0 0 32rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.Commodity-ten div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
margin-top: 32rpx;
|
|
}
|
|
}
|
|
|
|
.Collection-record {
|
|
width: 702rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
margin-top: 24rpx;
|
|
padding: 32rpx;
|
|
box-sizing: border-box;
|
|
|
|
.Delivery-method {
|
|
padding: 28rpx 48rpx 28rpx 0;
|
|
|
|
}
|
|
|
|
.Delivery-methoda {
|
|
padding: 28rpx 0rpx 28rpx 0;
|
|
|
|
}
|
|
|
|
|
|
.Delivery-method div:nth-child(1) {
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.Delivery-method div:nth-child(2) {
|
|
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.Delivery-methoda div:nth-child(1) {
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.Delivery-methoda div:nth-child(2) {
|
|
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.copper-coin {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-top: 24rpx;
|
|
margin-bottom: 28rpx;
|
|
}
|
|
|
|
.dotted-line {
|
|
width: 638rpx;
|
|
height: 2rpx;
|
|
background: #F2F2F2;
|
|
border-radius: 16rpx;
|
|
}
|
|
|
|
.Order-message {
|
|
margin-top: 28rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.Order-departure {
|
|
margin-top: 24rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-bottom: 28rpx;
|
|
}
|
|
|
|
.Order-remarks {
|
|
margin-top: 28rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.importance {
|
|
margin-top: 24rpx;
|
|
margin-bottom: 28rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.notification {
|
|
width: 540rpx;
|
|
height: 416rpx;
|
|
background: #FFFFFF;
|
|
position: fixed;
|
|
top: 572rpx;
|
|
left: 106rpx;
|
|
right: 104rpx;
|
|
border-radius: 20rpx;
|
|
box-sizing: border-box;
|
|
|
|
.define {
|
|
border: 2rpx solid #E8E8E8;
|
|
border-bottom: none;
|
|
height: 96rpx;
|
|
margin-top: 36rpx;
|
|
}
|
|
|
|
.define div:nth-child(1) {
|
|
border-left: none;
|
|
}
|
|
|
|
.define div:nth-child(2) {
|
|
color: #21BBF3;
|
|
border-right: none;
|
|
}
|
|
|
|
.point-out {
|
|
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
margin: 40rpx 0 24rpx 0;
|
|
}
|
|
|
|
.Text-field {
|
|
padding: 0;
|
|
padding: 0 50rpx 0 46rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|