first commit
This commit is contained in:
编码猿
1
衣莎项目/源码/YiShaXiYi/user/orderInfo/.pydio
Normal file
1
衣莎项目/源码/YiShaXiYi/user/orderInfo/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
40733f8e-627e-4ff5-9f20-e73667f73884
|
||||
347
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.js
Normal file
347
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.js
Normal file
@@ -0,0 +1,347 @@
|
||||
// user/orderInfo/orderInfo.js
|
||||
const app = getApp();
|
||||
const regeneratorRuntime = app.loadAsync()
|
||||
const model = app.loadModel("index")
|
||||
const http = app.loadHttp()
|
||||
import { $wuxDialog, $wuxToast } from '../../extend/wux/dist/index';
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
system: app.globalData.system, //设备相关信息
|
||||
pageTitle: "洗衣单详情", //头部标题
|
||||
isBack: true,//显示返回
|
||||
isLoading: true,//加载显示关闭
|
||||
orderInfo: {},//订单详情
|
||||
isTips: false,//显示反洗
|
||||
isAdd: false,//增减衣物
|
||||
isRemarks: false,//备注弹窗
|
||||
remarks: "",//反洗备注
|
||||
commodityInfo: {},//反洗衣物的信息
|
||||
userInfo: {},//个人信息
|
||||
id:'',//订单id
|
||||
isopen: '' // 决定是否显示申请退款的按钮
|
||||
},
|
||||
// 获取用户会员状态
|
||||
async memberState() {
|
||||
let res = await model.storage.getSetting("userInfo")
|
||||
this.setData({
|
||||
userInfo: res
|
||||
})
|
||||
},
|
||||
// 去支付
|
||||
goPay() {
|
||||
let orderInfo = this.data.orderInfo
|
||||
let data = {
|
||||
orederId: orderInfo.id,
|
||||
order_num: orderInfo.order_number,
|
||||
realPrice: orderInfo.realPrice,
|
||||
fjPrice: orderInfo.fjPrice
|
||||
}
|
||||
wx.navigateTo({
|
||||
url: `/user/payment/payment?data=${JSON.stringify(data)}`
|
||||
})
|
||||
},
|
||||
// 获取订单详情
|
||||
async getOrderInfo(id) {
|
||||
let res = await http.http.request2({ url: `${http.api.shopOrderDetail}`, method: "POST", data: { order_id: id } })
|
||||
this.setData({
|
||||
orderInfo: res.data.data,
|
||||
isLoading: false
|
||||
})
|
||||
},
|
||||
// 显示反洗
|
||||
openTips1(e) {
|
||||
let item = e.currentTarget.dataset.item
|
||||
this.setData({
|
||||
isTips: true,
|
||||
commodityInfo: item
|
||||
})
|
||||
},
|
||||
// 关闭反洗
|
||||
closeTips1() {
|
||||
this.setData({
|
||||
isTips: false
|
||||
})
|
||||
},
|
||||
// 反洗备注
|
||||
remarksInput(e) {
|
||||
let val = e.detail.value
|
||||
this.setData({
|
||||
remarks: val
|
||||
})
|
||||
},
|
||||
// 确认反洗
|
||||
async confirmSub() {
|
||||
let item = this.data.commodityInfo
|
||||
let data = {
|
||||
order_id: this.data.orderInfo.id,
|
||||
order_product: item.id,
|
||||
product_id: item.mall_product_id,
|
||||
reason: this.data.orderInfo.remarks
|
||||
}
|
||||
let res = await http.http.request2({ url: `${http.api.orderBackWash}`, method: "POST", data: data })
|
||||
if (res) {
|
||||
this.closeTips1()
|
||||
this.getOrderInfo(this.data.orderInfo.id)
|
||||
app.globalData.isOrderList = true
|
||||
}
|
||||
},
|
||||
// 显示增减衣物
|
||||
openTips(e) {
|
||||
let type = e.currentTarget.dataset.type
|
||||
if (type == "num") {
|
||||
this.setData({
|
||||
isAdd: true
|
||||
})
|
||||
} else if (type == "remarks") {
|
||||
this.setData({
|
||||
isRemarks: true
|
||||
})
|
||||
}
|
||||
},
|
||||
// 关闭增减衣物
|
||||
closeTips(e) {
|
||||
let type = e.currentTarget.dataset.type
|
||||
if (type == "num") {
|
||||
this.setData({
|
||||
isAdd: false
|
||||
})
|
||||
} else if (type == "remarks") {
|
||||
this.setData({
|
||||
isRemarks: false
|
||||
})
|
||||
}
|
||||
},
|
||||
// 减少衣物数量
|
||||
reduce() {
|
||||
let orderInfo = this.data.orderInfo
|
||||
--orderInfo.total_count
|
||||
this.setData({
|
||||
orderInfo: orderInfo
|
||||
})
|
||||
},
|
||||
// 增加衣物数量
|
||||
add() {
|
||||
let orderInfo = this.data.orderInfo
|
||||
++orderInfo.total_count
|
||||
this.setData({
|
||||
orderInfo: orderInfo
|
||||
})
|
||||
},
|
||||
// 备注
|
||||
remarksInput(e) {
|
||||
let val = e.detail.value
|
||||
this.setData({
|
||||
"orderInfo.remarks": val
|
||||
})
|
||||
},
|
||||
// 洗衣柜增减衣物接口
|
||||
chCount() {
|
||||
let that = this
|
||||
let orderInfo = this.data.orderInfo
|
||||
let data = {
|
||||
order_id: orderInfo.id,
|
||||
count: orderInfo.total_count,
|
||||
remarks: orderInfo.remarks
|
||||
}
|
||||
wx.showModal({
|
||||
title: '确认打开智能衣柜？',
|
||||
content: '为避免衣物遗失,请在洗衣柜附近打开衣柜!',
|
||||
confirmText: '确认',
|
||||
cancelText: '取消',
|
||||
success(res) {
|
||||
if (res.confirm) {
|
||||
http.http.request2({ url: `${http.api.changeCount}`, method: "POST", data: data })
|
||||
.then(res => {
|
||||
// 更新列表
|
||||
that.getOrderInfo(orderInfo.id)
|
||||
that.setData({
|
||||
isAdd: false
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 开箱取衣
|
||||
openCase(e) {
|
||||
let that = this
|
||||
let id = e.currentTarget.dataset.id
|
||||
let data = {
|
||||
order_id: id,
|
||||
lat: "",
|
||||
lng: ""
|
||||
}
|
||||
wx.showModal({
|
||||
title: '确认打开智能衣柜？',
|
||||
content: '为避免衣物遗失,请在洗衣柜附近打开衣柜!',
|
||||
confirmText: '确认',
|
||||
cancelText: '取消',
|
||||
success(res) {
|
||||
if (res.confirm) {
|
||||
wx.getLocation({
|
||||
type: 'gcj02',
|
||||
success(res) {
|
||||
data.lat = res.latitude
|
||||
data.lng = res.longitude
|
||||
wx.showLoading({
|
||||
title: '开柜中',
|
||||
})
|
||||
http.http.request2({ url: `${http.api.openCupboard}`, method: "POST", data: data })
|
||||
.then(res => {
|
||||
if (res.data.status == 1) {
|
||||
wx.hideLoading()
|
||||
wx.showToast({
|
||||
title: '开柜成功',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
})
|
||||
// 更新列表
|
||||
that.getOrderInfo(id)
|
||||
// 改变变量使返回列表页刷新
|
||||
app.globalData.isOrderList = true
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
refund(event) {
|
||||
var that = this;
|
||||
|
||||
$wuxDialog().prompt({
|
||||
resetOnClose: true,
|
||||
title: '退款',
|
||||
fieldtype: 'text',
|
||||
placeholder: '输入退款金额',
|
||||
maxlength: 8,
|
||||
onConfirm: async function(e, response) {
|
||||
|
||||
let res = await http.http.request2({
|
||||
url: `${http.api.refund}`, method: "POST", data: {
|
||||
id: event.currentTarget.dataset.id,
|
||||
refund_fee: response
|
||||
}
|
||||
});
|
||||
if (res.data.status == 1) {
|
||||
console.log("res: ", res.data.msg)
|
||||
$wuxToast().show({
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
color: '#fff',
|
||||
text: '申请成功,3个工作日内退款',
|
||||
success: () => {
|
||||
// that.getOrderInfo(that.data.id)
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
})
|
||||
|
||||
},
|
||||
//取消订单的方法
|
||||
cancelOrder(e) {
|
||||
let id = e.currentTarget.dataset.id
|
||||
var that = this
|
||||
wx.showModal({
|
||||
title: '取消订单',
|
||||
content: '点击确定取消订单',
|
||||
confirmText: "确认",
|
||||
cancelText: "取消",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
http.http.request2({ url: `${http.api.cancelOrder}`, method: "POST", data: { order_id: id } })
|
||||
.then(rel => {
|
||||
if (rel.data.status == 1) {
|
||||
model.msg.dataMsg({
|
||||
content: "取消成功",
|
||||
type: "success"
|
||||
})
|
||||
// 更新列表
|
||||
that.getOrderInfo(id)
|
||||
// 改变变量使返回列表页刷新
|
||||
app.globalData.isOrderList = true
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
if(options.isopen == "1") {
|
||||
this.setData({
|
||||
isopen: options.isopen
|
||||
})
|
||||
console.log("显示申请退款按钮")
|
||||
}
|
||||
|
||||
if(!!options.id){
|
||||
this.setData({
|
||||
id:options.id
|
||||
})
|
||||
this.getOrderInfo(options.id)
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
if(!!this.data.id){
|
||||
this.getOrderInfo(this.data.id)
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
8
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.json
Normal file
8
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.json
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"navigationBarTextStyle": "black",
|
||||
"usingComponents": {
|
||||
"wux-button": "../../extend/wux/dist/button/index",
|
||||
"wux-dialog": "../../extend/wux/dist/dialog/index",
|
||||
"wux-toast": "../../extend/wux/dist/toast/index"
|
||||
}
|
||||
}
|
||||
192
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.wxml
Normal file
192
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.wxml
Normal file
@@ -0,0 +1,192 @@
|
||||
<!-- 头部 -->
|
||||
<nav-bar isBack="{{isBack}}" pageTitle="{{pageTitle}}" system="{{system}}"></nav-bar>
|
||||
<wux-dialog id="wux-dialog" />
|
||||
<wux-dialog id="wux-dialog--alert" />
|
||||
<wux-toast id="wux-toast" />
|
||||
|
||||
<!-- user/orderInfo/orderInfo.wxml -->
|
||||
<view class="orderInfo">
|
||||
<view class="panel pd30 mt20">
|
||||
<view class="panel_title">客户信息</view>
|
||||
<view class="panel_list pdtb10">
|
||||
<view class="panel_p">
|
||||
<view class="panel_pl">{{orderInfo.user_name}} {{orderInfo.telnum}}</view>
|
||||
</view>
|
||||
<view class="panel_p">
|
||||
<view class="panel_pl">{{orderInfo.address}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{orderInfo.product_info.length > 0}}" class="panel pd30 mt20">
|
||||
<view class="panel_title">衣物信息</view>
|
||||
<view class="panel_list pdtb10">
|
||||
<view class="panel_p mt20" wx:for="{{orderInfo.product_info}}" wx:key="{{index}}">
|
||||
<view class="panel_pl flex-con2">
|
||||
<span class="flex1">
|
||||
{{item.name}} {{item.wash_remark.length > 0 ?'('+item.wash_remark+')':''}}
|
||||
</span>
|
||||
<span data-item="{{item}}" wx:if="{{ orderInfo.back_wash_status == 1 && item.is_return == 2 }}" class="backwash" catchtap="openTips1">
|
||||
反洗
|
||||
</span>
|
||||
<span wx:elif="{{ orderInfo.back_wash_status == 1 && item.is_return == 1 }}" class="backwash1">
|
||||
反洗中
|
||||
</span>
|
||||
</view>
|
||||
<view class="panel_pr pan_num">
|
||||
<view class="pan_numl flex-con3">×{{item.count}}</view>
|
||||
<view class="pan_numr flex-con5 {{item.cloth_status==13?'c_red':''}}">{{item.cloth_status==13?'已取消':item.price+'元'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="panel_list pdtb10 border_t">
|
||||
<view class="panel_p mt20">
|
||||
<view class="panel_pl">附件（附件不算在折扣中）</view>
|
||||
<view class="panel_pr pan_num">
|
||||
<view class="pan_numr flex-con5">{{orderInfo.fjPrice}}元</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="panel_p mt20">
|
||||
<view class="panel_pl">运费（{{orderInfo.postage_desc}}）</view>
|
||||
<view class="panel_pr pan_num" wx:if="{{orderInfo.postage_price >= 0}}">
|
||||
<view class="pan_numr flex-con5">￥{{orderInfo.postage_price}}元</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="panel_p mt20">
|
||||
<view class="panel_pl">优惠</view>
|
||||
<view class="panel_pr pan_num">
|
||||
<view class="pan_numr flex-con5 c_red">-￥{{orderInfo.coupon_price}}元</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="panel_p mt20">
|
||||
<view class="panel_pl">订单总额</view>
|
||||
<view class="panel_pr pan_num">
|
||||
<view class="pan_numr flex-con5">￥{{orderInfo.allPrice}}元</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="panel_p mt20">
|
||||
<view class="panel_pl">实付款</view>
|
||||
<view class="panel_pr pan_num">
|
||||
<view class="pan_numr flex-con5 c_red">{{orderInfo.realPrice}}元</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="cus_ser pdtb30 flex-con3 border_t">
|
||||
<view class="cus flex-con3">
|
||||
<image class="ser" src="/static/img/icon/kf_03.png" />
|
||||
<view class="cus_p ml10">联系客服</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="panel pd30 mt20">
|
||||
<view class="panel_title">订单信息</view>
|
||||
<view class="panel_p2">订单号： {{orderInfo.order_number}}</view>
|
||||
<view class="panel_p2">
|
||||
衣物数量：{{orderInfo.total_count <= 0 ? '待录入' : orderInfo.total_count}}
|
||||
</view>
|
||||
<view class="panel_p2">
|
||||
订单金额：{{orderInfo.realPrice == '0.00' ? '待统计' : '￥'+orderInfo.realPrice}}
|
||||
</view>
|
||||
<view class="panel_p2">订单状态：{{orderInfo.order_status}}</view>
|
||||
<view class="panel_p2">下单时间：{{orderInfo.create_time}}</view>
|
||||
<view class="panel_p2">收衣联系人：{{orderInfo.logistics_name}}{{orderInfo.logistics_tel}}</view>
|
||||
<view class="panel_p2 dis-flex">
|
||||
订单备注：
|
||||
<span class="flex1">{{orderInfo.remarks}}</span>
|
||||
</view>
|
||||
<!-- <view class="cus_ser pdtb30 flex-con3" wx:if="{{orderInfo.order_status_num == 1}}">
|
||||
<view class="cus flex-con3">
|
||||
<image class="ser" src="/static/img/icon/kf_03.png" />
|
||||
<view class="cus_p ml10">联系客服</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<!-- 反洗 -->
|
||||
<view wx:if="{{isTips}}" class="backwash_tips flex-con3 tips">
|
||||
<view>
|
||||
<view class="tips_cen">
|
||||
<view class="tips_cen_tit">衣物反洗</view>
|
||||
<view class="mt20 tips_cen_tit1">
|
||||
反洗衣物:
|
||||
<span>{{commodityInfo.name}}</span>
|
||||
</view>
|
||||
<view class="flex-con3 mt30">
|
||||
<view class="tips_cen_text">
|
||||
<textarea maxlength="50" placeholder="给您带来困扰，我们深表歉意！请填写反洗原因，以便我们更好的为您服务。" bindinput="remarksInput" value="{{remarks}}"></textarea>
|
||||
<span class="tips_text_span">1/50个字</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips_cen_sub" catchtap="confirmSub">提交</view>
|
||||
<!-- <view class="mt20 tips_ts">为了避免衣物遗失，请在洗衣柜附近开柜！</view> -->
|
||||
</view>
|
||||
<view class="tips_img" catchtap="closeTips1">
|
||||
<image src="/static/img/icon/colse_tips.png" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 付款或者取消 -->
|
||||
<view class="pay_cancel flex-con5 pd30">
|
||||
<span wx:if="{{orderInfo.order_status_num == 5}}" data-id="{{orderInfo.id}}" bind:tap="goPay" class="lau_pay ml20">
|
||||
去支付
|
||||
</span>
|
||||
<span wx:if="{{isopen == '1'}}" data-id="{{orderInfo.id}}" bind:tap="refund" class="lau_cancel ml20">
|
||||
申请退款
|
||||
</span>
|
||||
<span wx:if="{{(orderInfo.order_status_num == 1 || orderInfo.order_status_num == 3) && orderInfo.shop_id == 2}}" data-type="num" bind:tap="openTips" class="lau_cancel ml20">
|
||||
增减衣物数量
|
||||
</span>
|
||||
<span wx:if="{{orderInfo.order_status_num == 10 && orderInfo.shop_id != 1}}" data-id="{{orderInfo.id}}" bind:tap="orderCancel" class="lau_cancel ml20">
|
||||
开柜取衣
|
||||
</span>
|
||||
<button open-type="contact" class="lau_service ml20">联系客服</button>
|
||||
</view>
|
||||
<!-- 增减衣物 -->
|
||||
<view wx:if="{{isAdd}}" class="backwash_tips flex-con3 tips">
|
||||
<view>
|
||||
<view class="tips_cen">
|
||||
<view class="tips_cen_tit">本次洗护数量</view>
|
||||
<view class="flex-con3 mt30">
|
||||
<view class="tips_cen_num flex-con3">
|
||||
<view class="num_img" catchtap="reduce">
|
||||
<image src="/static/img/icon/j1.png" />
|
||||
</view>
|
||||
<view class="num_text">{{orderInfo.total_count}}</view>
|
||||
<view class="num_img" catchtap="add">
|
||||
<image src="/static/img/icon/j2.png" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view data-type="remarks" class="tips_remarks" catchtap="openTips">
|
||||
<view class="flex1 clamp1">{{orderInfo.remarks}}</view>
|
||||
<view class="remarks_xiu">修改</view>
|
||||
</view>
|
||||
<view class="tips_cen_sub" catchtap="chCount">提交并打开衣柜</view>
|
||||
<view class="mt20 tips_ts">提示：请在洗衣柜附近开柜！</view>
|
||||
</view>
|
||||
<view class="tips_img" data-type="num" catchtap="closeTips">
|
||||
<image src="/static/img/icon/colse_tips.png" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 修改备注 -->
|
||||
<view wx:if="{{isRemarks}}" class="tipsRemarks flex-con3 tips">
|
||||
<view>
|
||||
<view class="tips_cen">
|
||||
<view class="tips_cen_tit">洗护备注</view>
|
||||
<view class="flex-con3 mt30">
|
||||
<view class="tips_cen_text">
|
||||
<textarea maxlength="50" placeholder="添加备注：如洗护要求、衣物特殊污渍等" bindinput="remarksInput" value="{{orderInfo.remarks}}"></textarea>
|
||||
<span class="tips_text_span">{{orderInfo.remarks.length}}/50个字</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips_cen_sub" data-type="remarks" catchtap="closeTips">完成</view>
|
||||
</view>
|
||||
<view data-type="remarks" class="tips_img" catchtap="closeTips">
|
||||
<image src="/static/img/icon/colse_tips.png" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 加载动画 -->
|
||||
<loading-prog isLoading="{{isLoading}}"></loading-prog>
|
||||
<!-- toasta提示 -->
|
||||
<i-toast id="toast" />
|
||||
318
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.wxss
Normal file
318
衣莎项目/源码/YiShaXiYi/user/orderInfo/orderInfo.wxss
Normal file
@@ -0,0 +1,318 @@
|
||||
/* user/orderInfo/orderInfo.wxss */
|
||||
|
||||
.orderInfo {
|
||||
padding-bottom: 120rpx;
|
||||
}
|
||||
|
||||
.panel {
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.panel_title {
|
||||
height: 92rpx;
|
||||
line-height: 92rpx;
|
||||
font-size: 32rpx;
|
||||
letter-spacing: 0px;
|
||||
color: #333;
|
||||
border-bottom: 2rpx solid #ebebeb;
|
||||
}
|
||||
|
||||
.panel_p2 {
|
||||
height: 82rpx;
|
||||
line-height: 82rpx;
|
||||
font-size: 32rpx;
|
||||
letter-spacing: 0px;
|
||||
color: #999;
|
||||
border-bottom: 2rpx solid #ebebeb;
|
||||
}
|
||||
|
||||
.panel_p2:last-child {
|
||||
border: 0;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
padding: 16rpx 0;
|
||||
word-wrap: break-word;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.panel_p {
|
||||
display: flex;
|
||||
/* height: 52rpx; *//* line-height: 52rpx; */
|
||||
padding: 10rpx 0;
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.panel_pl {
|
||||
flex: 10;
|
||||
}
|
||||
|
||||
.panel_pr {
|
||||
flex: 7;
|
||||
}
|
||||
|
||||
.order_state {
|
||||
height: 90rpx;
|
||||
width: 100%;
|
||||
line-height: 90rpx;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.pan_num {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.pan_numl {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
letter-spacing: 0px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.pan_numr {
|
||||
flex: 2;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.border_t {
|
||||
border-top: 2rpx solid #ebebeb;
|
||||
}
|
||||
|
||||
/* 客服 */
|
||||
|
||||
.cus_ser {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cus {
|
||||
width: 262rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
border: solid 1px #aaa;
|
||||
}
|
||||
|
||||
.ser {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.cus_p {
|
||||
font-size: 28rpx;
|
||||
letter-spacing: 0px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.backwash {
|
||||
padding: 0 24rpx;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
height: 45rpx;
|
||||
line-height: 45rpx;
|
||||
color: #fff;
|
||||
background-color: #1dbf45;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.backwash1 {
|
||||
padding: 0 24rpx;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
height: 45rpx;
|
||||
line-height: 45rpx;
|
||||
color: #fff;
|
||||
background-color: #ff614c;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
/* 弹出层 */
|
||||
|
||||
.tips {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.tips_cen {
|
||||
width: 600rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding-top: 58rpx;
|
||||
padding-bottom: 50rpx;
|
||||
}
|
||||
|
||||
.tips_cen_tit {
|
||||
font-family: PingFang-SC-Bold;
|
||||
font-size: 36rpx;
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tips_cen_tit1 {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.tips_cen_tit1 span {
|
||||
color: #ff4838;
|
||||
}
|
||||
|
||||
.tips_cen_text {
|
||||
width: 520rpx;
|
||||
height: 200rpx;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5rpx;
|
||||
position: relative;
|
||||
padding: 34rpx 25rpx;
|
||||
}
|
||||
|
||||
.tips_cen_text textarea {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tips_cen_num {
|
||||
width: 520rpx;
|
||||
height: 120rpx;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.tips_text_span {
|
||||
position: absolute;
|
||||
right: 16rpx;
|
||||
bottom: 13rpx;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 20rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.tips_cen_sub {
|
||||
margin: 45rpx auto 0;
|
||||
width: 550rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
background-color: #36d96c;
|
||||
border-radius: 40rpx;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tips_img {
|
||||
margin-top: 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tips_img image {
|
||||
width: 69rpx;
|
||||
height: 69rpx;
|
||||
}
|
||||
|
||||
.tips_ts {
|
||||
text-align: center;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.tips_remarks {
|
||||
width: 526rpx;
|
||||
display: flex;
|
||||
margin: 20rpx auto 0;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.remarks_xiu {
|
||||
display: inline-block;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
color: #1dbf53;
|
||||
}
|
||||
|
||||
.num_img image {
|
||||
width: 45rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
|
||||
.num_text {
|
||||
line-height: 45rpx;
|
||||
width: 70rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipsRemarks {
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
/* 底部 */
|
||||
|
||||
.pay_cancel {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100rpx;
|
||||
background-color: #fff;
|
||||
z-index: 998;
|
||||
}
|
||||
|
||||
.pay_cancel span, .pay_cancel button {
|
||||
padding: 15rpx 40rpx !important;
|
||||
border: solid 1px #ebebeb !important;
|
||||
font-family: PingFang-SC-Medium !important;
|
||||
font-size: 26rpx !important;
|
||||
color: #333 !important;
|
||||
border-radius: 40rpx !important;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.pay_cancel button {
|
||||
line-height: normal;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
box-shadow: 0;
|
||||
}
|
||||
|
||||
.pay_cancel button::after {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.lau_pay {
|
||||
border: solid 2rpx #1dbf45 !important;
|
||||
color: #1dbf45 !important;
|
||||
}
|
||||
|
||||
.more_shop {
|
||||
margin: 20rpx 30rpx 0;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
text-align: center;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 10rpx;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.more_shop image {
|
||||
width: 21rpx;
|
||||
height: 10rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user