Compare commits
4 Commits
d13c2516b4
...
9c15595611
| Author | SHA1 | Date |
|---|---|---|
 tianyi
|
9c15595611 | 1 week ago |
|
tianyi
|
60a7e7a070 | 1 week ago |
|
tianyi
|
6c8587c366 | 1 week ago |
|
tianyi
|
2c26426eca | 1 week ago |
10 changed files with 1057 additions and 1034 deletions
@ -1,317 +1,315 @@ |
|||
|
|||
import PrinterJobs from '@/components/print/printerjobs.js' |
|||
import printerUtil from '@/components/print/printerutil.js' |
|||
import util from '@/components/print/util.js' |
|||
import drawQrcode from '@/components/print/weapp.qrcode.esm.js' |
|||
import Bluetooth from '@/components/print/bluetooth.js' |
|||
let bluetooth = new Bluetooth(); |
|||
let isPrint= false |
|||
let data1 = {} |
|||
export default { |
|||
// onDone: 打印完成（或失败/跳过）后执行的回调，用于队列驱动
|
|||
getData(onDone) { |
|||
var that = this; |
|||
if(uni.getStorageSync('bluetoothDeviceId')){ |
|||
let id = uni.getStorageSync('bluetoothDeviceId') |
|||
const baseUrl = getApp().globalData.mainurl |
|||
uni.request({ |
|||
url: baseUrl + "/mall/order/detail/"+ getApp().globalData.printData[0].order_id, |
|||
data: {}, |
|||
method:'GET', |
|||
header: { |
|||
"content-type": 'application/x-www-form-urlencoded', |
|||
'accessToken':uni.getStorageSync('hiver_token') |
|||
}, |
|||
success: function(res) { |
|||
if (res.data.code == 200) { |
|||
data1 = res.data.result |
|||
that.bindViewTap(id, false, onDone) |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.data.message, |
|||
icon: 'none' |
|||
}); |
|||
// 请求失败也需要通知队列继续处理下一条
|
|||
if (typeof onDone === 'function') onDone(); |
|||
return; |
|||
} |
|||
uni.hideLoading(); |
|||
}, |
|||
fail: function(err) { |
|||
uni.hideLoading(); |
|||
// 请求失败也需要通知队列继续处理下一条
|
|||
if (typeof onDone === 'function') onDone(); |
|||
} |
|||
}) |
|||
}else{ |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '您还没有连接打印机，将无法为您打印小票！', |
|||
confirmText:'连接蓝牙', |
|||
cancelText:'暂不连接', |
|||
success: function (res) { |
|||
if (res.confirm) { |
|||
uni.navigateTo({ |
|||
url:'/pages/myCenter/setPrint' |
|||
}) |
|||
} |
|||
// 未连接打印机也通知队列继续（跳过当前条）
|
|||
if (typeof onDone === 'function') onDone(); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
async bindViewTap(deviceId, state, onDone) { |
|||
var _this = this; |
|||
try { |
|||
//1.链接设备
|
|||
await bluetooth.createBLEConnection(deviceId).then((res) => { |
|||
bluetooth.deviceId = deviceId; |
|||
}).catch((e) => { |
|||
throw e; |
|||
}); |
|||
|
|||
let server = []; |
|||
//2.寻找服务
|
|||
await bluetooth.getBLEDeviceServices().then((res) => { |
|||
|
|||
bluetooth.notifyId = ''; |
|||
bluetooth.writeId = ''; |
|||
bluetooth.num = 0; |
|||
bluetooth.serviceList = res |
|||
}).catch((e) => { |
|||
throw e; |
|||
}); |
|||
|
|||
//3.获取蓝牙设备所有服务
|
|||
let result3 = await bluetooth.getBLEDeviceCharacteristics().then(res => { |
|||
uni.setStorageSync('bluetoothDeviceId', deviceId); |
|||
this.pickUpOnce(onDone) |
|||
}).catch((e) => { |
|||
throw e; |
|||
}); |
|||
} catch (e) { |
|||
// 蓝牙连接异常也需要通知队列继续
|
|||
import PrinterJobs from '@/components/print/printerjobs.js' |
|||
import printerUtil from '@/components/print/printerutil.js' |
|||
import util from '@/components/print/util.js' |
|||
import drawQrcode from '@/components/print/weapp.qrcode.esm.js' |
|||
import Bluetooth from '@/components/print/bluetooth.js' |
|||
let bluetooth = new Bluetooth(); |
|||
let isPrint = false |
|||
let data1 = {} |
|||
export default { |
|||
getData(onDone) { |
|||
var that = this; |
|||
if (uni.getStorageSync('bluetoothDeviceId')) { |
|||
let id = uni.getStorageSync('bluetoothDeviceId') |
|||
const baseUrl = getApp().globalData.mainurl |
|||
uni.request({ |
|||
url: baseUrl + "/mall/order/detail/" + getApp().globalData.printData[0].order_id, |
|||
data: {}, |
|||
method: 'GET', |
|||
header: { |
|||
"content-type": 'application/x-www-form-urlencoded', |
|||
'accessToken': uni.getStorageSync('hiver_token') |
|||
}, |
|||
success: function(res) { |
|||
if (res.data.code == 200) { |
|||
data1 = res.data.result |
|||
console.log('打印的数据----------',data1) |
|||
that.bindViewTap(id, false, onDone) |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.data.message, |
|||
icon: 'none' |
|||
}); |
|||
if (typeof onDone === 'function') onDone(); |
|||
return; |
|||
} |
|||
uni.hideLoading(); |
|||
}, |
|||
fail: function(err) { |
|||
uni.hideLoading(); |
|||
if (typeof onDone === 'function') onDone(); |
|||
} |
|||
}, |
|||
//打印一次
|
|||
pickUpOnce(onDone) { |
|||
isPrint = true; |
|||
bluetooth.notifyBLECharacteristicValue(); |
|||
let self = this; |
|||
setTimeout(() => { |
|||
self.writeBLECharacteristicValue(onDone); |
|||
}, 500); |
|||
}, |
|||
maskPhoneLastFour(phone) { |
|||
if (!phone) return ''; |
|||
const str = String(phone); |
|||
if (str.length <= 4) return str; // 长度不足4位直接返回
|
|||
return str.replace(/.(?=.{4})/g, '*'); |
|||
}, |
|||
//写入控制命令
|
|||
async writeBLECharacteristicValue(onDone) { |
|||
let printerJobs = new PrinterJobs(); |
|||
|
|||
printerJobs.setAlign('ct').setSize(2, 2).setLineSpacing(60).print( |
|||
(data1.deliveryType == 1 && data1.orderType == 3 ? data1.deliveryInfo.numberCode :data1.numberCode) + ( |
|||
(data1.status == 7 || data1.status == 11) ? '待退款' : |
|||
data1.deliveryType == 1 && data1.orderType == 3 ? '面对面配送' : |
|||
data1.deliveryType == 1 ? '配送' : |
|||
data1.isPack == 0 ? '到店-堂食' : |
|||
data1.isPack == 1 ? '到店-打包' : '到店' |
|||
) |
|||
); |
|||
printerJobs.setSize(1, 1).setLineSpacing(40); |
|||
|
|||
printerJobs.setAlign('lt').print( |
|||
'预计时间:' + (data1.deliveryInfo == null ? '暂无' : this.formatTime(data1.deliveryInfo.mustFinishTime)) |
|||
); |
|||
printerJobs.setAlign('lt').print(data1.shopName); |
|||
|
|||
printerJobs.print(printerUtil.fillLine('-', 1, 32)); |
|||
|
|||
printerJobs.setAlign('lt').setSize(2, 2).setLineSpacing(60).print( |
|||
data1.receiverName == null ? '暂无' : data1.receiverName |
|||
); |
|||
printerJobs.setSize(1, 1).setLineSpacing(40); |
|||
|
|||
printerJobs.setAlign('lt').print('联系电话: ' + this.maskPhoneLastFour(data1.receiverPhone)); |
|||
|
|||
printerJobs.setAlign('lt').setSize(2, 2).setLineSpacing(60).print( |
|||
'地址:' + (data1.receiverAddress == null ? '暂无' : data1.receiverAddress) |
|||
); |
|||
printerJobs.setSize(1, 1).setLineSpacing(40); |
|||
|
|||
printerJobs.setAlign('lt').print('顾客电话已被隐藏，您可登录商家端或骑手端查看'); |
|||
|
|||
printerJobs.print(printerUtil.fillLine('-', 1, 32)); |
|||
|
|||
// 商品列表
|
|||
for (var i = 0; i < data1.goodsList.length; i++) { |
|||
|
|||
var productName = this.removeEmojis(data1.goodsList[i].productName) |
|||
printerJobs.setAlign('lt').setSize(2, 2).print(productName); |
|||
|
|||
if (data1.goodsList[i].specs) { |
|||
printerJobs.setSize(1, 1).print(this.delNode(data1.goodsList[i].specs)); |
|||
} |
|||
printerJobs.setSize(2, 2); |
|||
printerJobs.setAlign('lt').text('￥'+data1.goodsList[i].price); |
|||
|
|||
printerJobs.text(" "); |
|||
|
|||
printerJobs.print('X' + data1.goodsList[i].quantity); |
|||
|
|||
printerJobs.setSize(1, 1); |
|||
} |
|||
|
|||
printerJobs.print(printerUtil.fillLine('-', 1, 32)); |
|||
|
|||
printerJobs.setAlign('lt').print('配送费：' + data1.deliveryFee); |
|||
printerJobs.print('合计金额：' + data1.totalAmount); |
|||
printerJobs.setSize(2, 2).print('备注：' + data1.remark); |
|||
|
|||
printerJobs.setSize(1, 1).print(printerUtil.fillLine('-', 1, 32)); |
|||
|
|||
printerJobs.setAlign('lt').print('商品取到后，如有任何商品问题，请及时联系商家和平台，客服将为您服务，谢谢您的惠顾'); |
|||
|
|||
printerJobs.lineFeed(3); |
|||
|
|||
let buffer = printerJobs.buffer(); |
|||
this.sendPrint(buffer, onDone); |
|||
}, |
|||
// 去除字符串中的 Emoji 表情
|
|||
removeEmojis(str) { |
|||
if (!str) return ''; |
|||
// 兼容性极好的 Emoji 正则表达式（支持各种运行环境，包括小程序和旧版浏览器）
|
|||
var emojiRegex = /(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g; |
|||
return str.replace(emojiRegex, ''); |
|||
}, |
|||
formatTime(value) { |
|||
if (!value) return ''; |
|||
if (value == '尽快送达') return '尽快送达'; |
|||
const date = new Date(value); |
|||
|
|||
// 获取年份
|
|||
const year = date.getFullYear(); |
|||
|
|||
// 获取月份 (getMonth 返回 0-11，所以需要 +1)，并补齐0
|
|||
const month = String(date.getMonth() + 1).padStart(2, '0'); |
|||
|
|||
// 获取日 (getDate)，并补齐0
|
|||
const day = String(date.getDate()).padStart(2, '0'); |
|||
|
|||
// 获取小时 (getHours)，并补齐0
|
|||
const hour = String(date.getHours()).padStart(2, '0'); |
|||
|
|||
// 获取分钟 (getMinutes)，并补齐0
|
|||
const minute = String(date.getMinutes()).padStart(2, '0'); |
|||
|
|||
// 获取秒 (getSeconds)，并补齐0
|
|||
const second = String(date.getSeconds()).padStart(2, '0'); |
|||
|
|||
// 拼接格式：年-月-日 时:分:秒
|
|||
return `${year}-${month}-${day} ${hour}:${minute}:${second}`; |
|||
}, |
|||
delNode(data) { |
|||
// 1. 统一转为字符串
|
|||
let str; |
|||
if (typeof data === 'object' && data !== null) { |
|||
// 对象或数组 → JSON 字符串
|
|||
str = JSON.stringify(data); |
|||
} else if (typeof data === 'string') { |
|||
str = data; |
|||
} else { |
|||
// 其他类型（数字、布尔等）先转字符串
|
|||
str = String(data); |
|||
}) |
|||
} else { |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '您还没有连接打印机，将无法为您打印小票！', |
|||
confirmText: '连接蓝牙', |
|||
cancelText: '暂不连接', |
|||
success: function(res) { |
|||
if (res.confirm) { |
|||
uni.navigateTo({ |
|||
url: '/pages/myCenter/setPrint' |
|||
}) |
|||
} |
|||
if (typeof onDone === 'function') onDone(); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
async bindViewTap(deviceId, state, onDone) { |
|||
var _this = this; |
|||
try { |
|||
await bluetooth.createBLEConnection(deviceId).then((res) => { |
|||
bluetooth.deviceId = deviceId; |
|||
}).catch((e) => { |
|||
throw e; |
|||
}); |
|||
let server = []; |
|||
await bluetooth.getBLEDeviceServices().then((res) => { |
|||
|
|||
bluetooth.notifyId = ''; |
|||
bluetooth.writeId = ''; |
|||
bluetooth.num = 0; |
|||
bluetooth.serviceList = res |
|||
}).catch((e) => { |
|||
throw e; |
|||
}); |
|||
let result3 = await bluetooth.getBLEDeviceCharacteristics().then(res => { |
|||
uni.setStorageSync('bluetoothDeviceId', deviceId); |
|||
this.pickUpOnce(onDone) |
|||
}).catch((e) => { |
|||
throw e; |
|||
}); |
|||
} catch (e) { |
|||
if (typeof onDone === 'function') onDone(); |
|||
} |
|||
}, |
|||
//打印一次
|
|||
pickUpOnce(onDone) { |
|||
isPrint = true; |
|||
bluetooth.notifyBLECharacteristicValue(); |
|||
let self = this; |
|||
setTimeout(() => { |
|||
self.writeBLECharacteristicValue(onDone); |
|||
}, 500); |
|||
}, |
|||
maskPhoneLastFour(phone) { |
|||
if (!phone) return ''; |
|||
const str = String(phone); |
|||
if (str.length <= 4) return str; |
|||
return str.replace(/.(?=.{4})/g, '*'); |
|||
}, |
|||
//写入控制命令
|
|||
async writeBLECharacteristicValue(onDone) { |
|||
let printerJobs = new PrinterJobs(); |
|||
printerJobs.setAlign('ct').setSize(2, 2).setLineSpacing(60).print( |
|||
data1.deliveryType == 1 && data1.orderType == 3 ? data1.deliveryInfo.numberCode : data1.numberCode |
|||
); |
|||
printerJobs.setAlign('ct').setSize(2, 2).setLineSpacing(60).print( |
|||
(data1.deliveryInfo && data1.deliveryInfo.appointmentDelivery == 1 && data1.status != 7 && data1.status == 11)? '预约单': |
|||
(data1.status == 7 || data1.status == 11)? '申请退款': |
|||
(data1.deliveryType == 1 && data1.orderType == 3) ? '面对面配送': |
|||
(data1.status == 3 && data1.deliveryType == 2)? '待消费': |
|||
data1.status == 5? '已完成': |
|||
data1.status == 6? '已取消': |
|||
data1.status == 8? '已退款': |
|||
data1.status == 12? '已售后': |
|||
data1.isPack == 0 ? '到店-堂食': |
|||
data1.isPack == 1 ? '到店-打包': |
|||
data1.deliveryType == 1 ? '配送': '' |
|||
); |
|||
if(data1.deliveryInfo && data1.deliveryInfo.appointmentDelivery == 1){ |
|||
printerJobs.setAlign('lt').print( |
|||
'要求送达时间:' + (data1.deliveryInfo == null ? ' ' : this.formatTime(data1.deliveryInfo.mustFinishTime)) |
|||
); |
|||
} |
|||
printerJobs.setSize(1, 1).setLineSpacing(40); |
|||
printerJobs.setAlign('lt').print(data1.shopName); |
|||
printerJobs.setAlign('lt').print( |
|||
'下单时间:' + this.formatTime(data1.createTime) |
|||
); |
|||
if(data1.mallRefundRecord == null){ |
|||
if(data1.deliveryType == 1){ |
|||
printerJobs.setAlign('lt').print( |
|||
'预计送达时间:' + (data1.deliveryInfo == null ? ' ' : this.formatTime(data1.deliveryInfo.mustFinishTime)) |
|||
); |
|||
}else if(data1.userRequireMake == 1){ |
|||
printerJobs.setAlign('lt').print( |
|||
'核销时间:' + this.formatTime(data1.createTime) |
|||
); |
|||
} |
|||
} |
|||
if(data1.mallRefundRecord != null){ |
|||
if(data1.userRequireMake == 1 && data1.deliveryType == 2){ |
|||
printerJobs.setAlign('lt').print( |
|||
'核销时间:' + this.formatTime(data1.createTime) |
|||
); |
|||
} |
|||
printerJobs.setAlign('lt').print( |
|||
'申请退款时间:' + (data1.mallRefundRecord == null ? ' ' : this.formatTime(data1.mallRefundRecord[0].createTime)) |
|||
); |
|||
|
|||
// 2. 删除所有大括号 { } 和双引号 "
|
|||
const result = str.replace(/[{}"]/g, ''); |
|||
return result; |
|||
}, |
|||
sendPrint(buffer, onDone) { |
|||
const maxChunk = 20; // 每次20字节
|
|||
const delay = 50; // 间隔50ms
|
|||
isPrint = true; |
|||
|
|||
const totalLength = buffer.byteLength; |
|||
let currentIndex = 0; |
|||
|
|||
// 创建源数据的视图，方便读取
|
|||
const srcView = new Uint8Array(buffer); |
|||
|
|||
const sendNextChunk = () => { |
|||
if (currentIndex >= totalLength) { |
|||
// 发送完毕
|
|||
isPrint = false; |
|||
if (typeof onDone === 'function') onDone(); |
|||
return; |
|||
} |
|||
|
|||
const end = Math.min(currentIndex + maxChunk, totalLength); |
|||
const chunkLength = end - currentIndex; |
|||
const valueToSend = new ArrayBuffer(chunkLength); |
|||
const dstView = new Uint8Array(valueToSend); |
|||
dstView.set(srcView.subarray(currentIndex, end)); |
|||
bluetooth.writeBLECharacteristicValue(valueToSend).then(() => { |
|||
currentIndex = end; |
|||
setTimeout(sendNextChunk, delay); |
|||
}).catch((err) => { |
|||
|
|||
isPrint = false; |
|||
if (typeof onDone === 'function') onDone(err); |
|||
}); |
|||
}; |
|||
|
|||
// 开始发送第一个包
|
|||
sendNextChunk(); |
|||
}, |
|||
sendPrintData(buffer) { |
|||
bluetooth.writeBLECharacteristicValue(buffer).then(res => {}); |
|||
}, |
|||
startSearch(state) { |
|||
let that = this |
|||
bluetooth.openBluetoothAdapter().then(e => { |
|||
|
|||
uni.startBluetoothDevicesDiscovery({ |
|||
success: res => { |
|||
uni.onBluetoothDeviceFound(result => { |
|||
let arr = that.list; |
|||
let devices = []; |
|||
let list = result.devices; |
|||
for (let i = 0; i < list.length; ++i) { |
|||
if (list[i].name && list[i].name != "未知设备") { |
|||
let arrNew = arr.filter((item) => { |
|||
return item.deviceId == list[i].deviceId; |
|||
}); |
|||
if (arrNew.length == 0) { |
|||
devices.push(list[i]); |
|||
} |
|||
if (uni.getStorageSync('bluetoothDeviceId') == list[i] |
|||
.deviceId) { |
|||
// that.bindViewTap(list[i].deviceId, state)
|
|||
} |
|||
} |
|||
} |
|||
printerJobs.print(printerUtil.fillLine('-', 1, 32)); |
|||
if(data1.deliveryType == 1 && data1.status != 7 && data1.status != 11 && data1.status != 5 && data1.status != 6 && data1.status != 8 && data1.status != 12){ |
|||
printerJobs.setAlign('lt').setSize(2, 2).setLineSpacing(60).print( |
|||
data1.receiverName == null ? ' ' : data1.receiverName |
|||
); |
|||
} |
|||
printerJobs.setSize(1, 1).setLineSpacing(40); |
|||
printerJobs.setAlign('lt').print('联系电话: ' + this.maskPhoneLastFour(data1.receiverPhone)); |
|||
if(data1.deliveryType == 1 && data1.status != 7 && data1.status != 11 && data1.status != 5 && data1.status != 6 && data1.status != 8 && data1.status != 12){ |
|||
printerJobs.setAlign('lt').setSize(2, 2).setLineSpacing(60).print( |
|||
'地址:' + (data1.receiverAddress == null ? ' ' : data1.receiverAddress) |
|||
); |
|||
} |
|||
printerJobs.setSize(1, 1).setLineSpacing(40); |
|||
printerJobs.setAlign('lt').print('顾客电话已被隐藏，您可登录商家端或骑手端查看'); |
|||
printerJobs.print(printerUtil.fillLine('-', 1, 32)); |
|||
for (var i = 0; i < data1.goodsList.length; i++) { |
|||
var productName = this.removeEmojis(data1.goodsList[i].productName) |
|||
printerJobs.setAlign('lt').setSize(2, 2).print(productName); |
|||
if (data1.goodsList[i].specs) { |
|||
printerJobs.setSize(1, 1).print(this.delNode(data1.goodsList[i].specs)); |
|||
} |
|||
printerJobs.setSize(2, 2); |
|||
printerJobs.setAlign('lt').text('￥' + data1.goodsList[i].price); |
|||
printerJobs.text(" "); |
|||
printerJobs.print('X' + data1.goodsList[i].quantity); |
|||
printerJobs.setSize(1, 1); |
|||
} |
|||
printerJobs.print(printerUtil.fillLine('-', 1, 32)); |
|||
printerJobs.setAlign('lt').print('配送费：' + data1.deliveryFee); |
|||
if(data1.packageFee > 0){ |
|||
printerJobs.print('打包费：' + data1.packageFee); |
|||
} |
|||
if(data1.userCoupon && data1.userCoupon.length >0){ |
|||
printerJobs.print('优惠券：-' + data1.userCoupon[0].discountAmount); |
|||
} |
|||
if(data1.freeAmount > 0){ |
|||
printerJobs.print('锦鲤免单：-' + data1.freeAmount); |
|||
} |
|||
printerJobs.print('商品金额：' + data1.goodsAmount); |
|||
printerJobs.print('合计金额：' + (data1.goodsAmount + data1.deliveryFee + data1.packageFee)); |
|||
if(data1.mallRefundRecord != null){ |
|||
printerJobs.print('应退金额：' + data1.totalAmount); |
|||
}else{ |
|||
printerJobs.print('实付金额：' + data1.totalAmount); |
|||
} |
|||
printerJobs.setSize(2, 2).print('备注：' + data1.remark); |
|||
if(data1.mallRefundRecord != null){ |
|||
printerJobs.setAlign('lt').print( |
|||
'退款原因:' + (data1.mallRefundRecord == null ? ' ' : data1.mallRefundRecord[0].reason) |
|||
); |
|||
} |
|||
printerJobs.setSize(1, 1).print(printerUtil.fillLine('-', 1, 32)); |
|||
printerJobs.setAlign('lt').print('商品取到后，如有任何商品问题，请及时联系商家和平台，客服将为您服务，谢谢您的惠顾'); |
|||
printerJobs.lineFeed(3); |
|||
let buffer = printerJobs.buffer(); |
|||
this.sendPrint(buffer, onDone); |
|||
}, |
|||
// 去除字符串中的 Emoji 表情
|
|||
removeEmojis(str) { |
|||
if (!str) return ''; |
|||
var emojiRegex = |
|||
/(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g; |
|||
return str.replace(emojiRegex, ''); |
|||
}, |
|||
formatTime(value) { |
|||
if (!value) return ''; |
|||
if (value == '尽快送达') return '尽快送达'; |
|||
const date = new Date(value); |
|||
const year = date.getFullYear(); |
|||
const month = String(date.getMonth() + 1).padStart(2, '0'); |
|||
const day = String(date.getDate()).padStart(2, '0'); |
|||
const hour = String(date.getHours()).padStart(2, '0'); |
|||
const minute = String(date.getMinutes()).padStart(2, '0'); |
|||
const second = String(date.getSeconds()).padStart(2, '0'); |
|||
return `${year}-${month}-${day} ${hour}:${minute}:${second}`; |
|||
}, |
|||
delNode(data) { |
|||
let str; |
|||
if (typeof data === 'object' && data !== null) { |
|||
str = JSON.stringify(data); |
|||
} else if (typeof data === 'string') { |
|||
str = data; |
|||
} else { |
|||
str = String(data); |
|||
} |
|||
const result = str.replace(/[{}"]/g, ''); |
|||
return result; |
|||
}, |
|||
sendPrint(buffer, onDone) { |
|||
const maxChunk = 20; |
|||
const delay = 50; |
|||
isPrint = true; |
|||
const totalLength = buffer.byteLength; |
|||
let currentIndex = 0; |
|||
const srcView = new Uint8Array(buffer); |
|||
const sendNextChunk = () => { |
|||
if (currentIndex >= totalLength) { |
|||
isPrint = false; |
|||
if (typeof onDone === 'function') onDone(); |
|||
return; |
|||
} |
|||
const end = Math.min(currentIndex + maxChunk, totalLength); |
|||
const chunkLength = end - currentIndex; |
|||
const valueToSend = new ArrayBuffer(chunkLength); |
|||
const dstView = new Uint8Array(valueToSend); |
|||
dstView.set(srcView.subarray(currentIndex, end)); |
|||
bluetooth.writeBLECharacteristicValue(valueToSend).then(() => { |
|||
currentIndex = end; |
|||
setTimeout(sendNextChunk, delay); |
|||
}).catch((err) => { |
|||
isPrint = false; |
|||
if (typeof onDone === 'function') onDone(err); |
|||
}); |
|||
}; |
|||
sendNextChunk(); |
|||
}, |
|||
sendPrintData(buffer) { |
|||
bluetooth.writeBLECharacteristicValue(buffer).then(res => {}); |
|||
}, |
|||
startSearch(state) { |
|||
let that = this |
|||
bluetooth.openBluetoothAdapter().then(e => { |
|||
uni.startBluetoothDevicesDiscovery({ |
|||
success: res => { |
|||
uni.onBluetoothDeviceFound(result => { |
|||
let arr = that.list; |
|||
let devices = []; |
|||
let list = result.devices; |
|||
for (let i = 0; i < list.length; ++i) { |
|||
if (list[i].name && list[i].name != "未知设备") { |
|||
let arrNew = arr.filter((item) => { |
|||
return item.deviceId == list[i].deviceId; |
|||
}); |
|||
if (arrNew.length == 0) { |
|||
devices.push(list[i]); |
|||
} |
|||
that.list = arr.concat(devices); |
|||
}); |
|||
}, |
|||
fail: res => { |
|||
uni.hideLoading(); |
|||
uni.showToast({ |
|||
title: `搜索设备失败` + JSON.stringify(err) |
|||
}) |
|||
if (uni.getStorageSync('bluetoothDeviceId') == list[i] |
|||
.deviceId) { |
|||
// that.bindViewTap(list[i].deviceId, state)
|
|||
} |
|||
} |
|||
} |
|||
that.list = arr.concat(devices); |
|||
}); |
|||
}, |
|||
fail: res => { |
|||
uni.hideLoading(); |
|||
uni.showToast({ |
|||
title: `搜索设备失败` + JSON.stringify(err) |
|||
}) |
|||
}).catch(e => {}); |
|||
}, |
|||
// 停止搜索
|
|||
stopSearch() { |
|||
|
|||
uni.hideLoading(); |
|||
bluetooth.stopBluetoothDevicesDiscovery(); |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
}).catch(e => {}); |
|||
}, |
|||
// 停止搜索
|
|||
stopSearch() { |
|||
|
|||
uni.hideLoading(); |
|||
bluetooth.stopBluetoothDevicesDiscovery(); |
|||
} |
|||
} |
|||
@ -1,553 +0,0 @@ |
|||
<template> |
|||
<view class="page1"> |
|||
<view class="title"> |
|||
<view class="title-sreach"> |
|||
<view class="back-btn" @tap="back"> |
|||
<uni-icons type="left" size="28"></uni-icons> |
|||
</view> |
|||
<view class="title-name"> |
|||
待退款/售后{{returnCount}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="content"> |
|||
<!-- <view class="box1" style="display: flex;"> |
|||
<view class=""> |
|||
待退款/售后{{returnCount}} |
|||
</view> |
|||
</view> --> |
|||
<view class="box1" v-for="(item,index) in returnData" :key="index"> |
|||
<view style="display: flex;height: 50rpx;border-bottom: 1px solid #eee;"> |
|||
<view style="display: flex;"> |
|||
{{'#' + item.mallOrder.numberCode}} |
|||
</view> |
|||
<view style="flex: 1;display: flex;padding-left: 20rpx;"> |
|||
{{item.createTime | formatISOTime}} |
|||
<!-- <text>已退款</text> --> |
|||
</view> |
|||
<view> |
|||
{{item.status == 0?'待退款':item.status == 3?'待售后':""}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 180rpx;padding-top: 20rpx;color: #777;"> |
|||
<view style="height: 50rpx;line-height: 50rpx;font-size: 28rpx;"> |
|||
<view>退款原因: <text style="font-weight: 700;color:#00231C;">{{item.refundTypeStatus == 1?'商家原因':item.refundTypeStatus == 2?'配送原因':item.refundTypeStatus == 3?'商家/配送都有原因（需要退配送费）':item.refundTypeStatus == 4?'平台退款':""}}</text></view> |
|||
|
|||
<view>退款类型: <text style="font-weight: 700;color:#00231C;">{{item.refundType == 1?'退商品':item.refundType == 2?'退配送费':item.refundType == 3?'全额退款':""}}</text></view> |
|||
<view style="text-align: right;">退款金额: <text style="color:red;font-size: 34rpx;font-weight: 700;">￥{{item.refundAmount}}</text></view> |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;border-top: 1px solid #eee;display: flex;"> |
|||
<view style="flex: 1;"> |
|||
<view class="btn" @tap="orderDetailOpen(item)" style="display: inline-block;"> |
|||
查看订单 |
|||
</view> |
|||
</view> |
|||
<view class="btn" @tap="returnAmountAllow(item,0)" style="background: rgba(0, 35, 28, 1);color: rgba(166, 255, 234, 1);"> |
|||
不同意 |
|||
</view> |
|||
<view class="btn" @tap="returnAmountAllow(item,1)" style="margin-left: 10px;"> |
|||
同意 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<uni-popup ref="orderPopup" background-color="#fff"> |
|||
<view class="popup-area-content" style="height: 1200rpx;overflow: scroll;"> |
|||
<view class="popup-area-title"> |
|||
<text>订单详情</text> |
|||
</view> |
|||
<view class="box1"> |
|||
<view style="width: 100%;line-height: 70rpx;font-size: 28rpx;font-weight: 700;"> |
|||
{{orderDetail.shopName}} |
|||
<img @tap="makeCall(orderDetail.shopPhone)" |
|||
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png" |
|||
alt="" style="width: 60rpx;height: 60rpx;" /> |
|||
</view> |
|||
|
|||
<view v-for="(item1,index1) in goodsList" :key="index1" v-if="goodsList != null && goodsList.length > 0" style="display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|||
<view class="goods-img"> |
|||
<img :src="item1.productPicture" alt=""> |
|||
</view> |
|||
<view class="goods-content"> |
|||
<view class="goods-name"> |
|||
{{item1.productName}} |
|||
</view> |
|||
<view class="goods-content-center"> |
|||
<view class="goods-deal1"> |
|||
{{item1.specs}} |
|||
</view> |
|||
</view> |
|||
<view class="goods-content-bottom"> |
|||
<view style="width: 50%;"> |
|||
X{{item1.quantity}} |
|||
</view> |
|||
<view class="pintuan-left-price"> |
|||
￥{{item1.price}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.packageFee != null && orderDetail.packageFee > 0"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
打包费 |
|||
</view> |
|||
<view style="color: #000;font-weight:700;"> |
|||
￥{{orderDetail.packageFee}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
配送费 |
|||
</view> |
|||
<view style="color: #000;font-weight:700;"> |
|||
￥{{orderDetail.deliveryFee}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
优惠券 |
|||
</view> |
|||
<view style="color: #000;font-weight:700;"> |
|||
-￥1 <uni-icons type="right" size="12"></uni-icons> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="display: flex;height: 80rpx;line-height: 100rpx;border-top: 1px solid #eee;font-size: 32rpx;font-weight: 700;"> |
|||
<view style="flex: 1;"> |
|||
实付 |
|||
</view> |
|||
<view class=""> |
|||
￥{{orderDetail.totalAmount}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="box1"> |
|||
<view> |
|||
<!-- <view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
收件地址 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
北校区1号宿舍楼5楼512(0702) |
|||
</view> |
|||
</view> --> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.numberCode != null"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
订单号 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
{{orderDetail.numberCode}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
下单时间 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
{{orderDetail.createTime | formatISOTime}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.shopMakeTime != null"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
商家出餐时间 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
{{orderDetail.shopMakeTime ? orderDetail.shopMakeTime : '' | formatISOTime}} |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="popup-area-container" v-for="(item,index) in productData" :key="index"> |
|||
<text style="display: inline-block">{{item.productName}} {{item.specs}} * {{item.quantity}}</text> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
|
|||
<!-- 拼团详情弹窗 --> |
|||
<uni-popup ref="pintuanPopup" background-color="#fff"> |
|||
<view class="guize-list"> |
|||
<view v-for="(item,index) in tuanzhangOrder" :key="index"> |
|||
<view style="height: 80rpx;line-height: 80rpx;font-size: 36rpx;font-weight: 700;"> |
|||
订单-{{item.numberCode}} |
|||
</view> |
|||
<view class=""> |
|||
<view class="dingdan"> |
|||
<view style="display:flex"> |
|||
<view style="width:300rpx;"> |
|||
订单状态： |
|||
</view> |
|||
<view class="pituan-text"> |
|||
{{item.status == 0?'待支付':item.status == 2?'待配送员接单':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime == null) || (item.status == 3 && item.deliveryType == 2 && item.userRequireMake == 1)?'待出餐':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime != null)?'待取货':(item.status == 3 && item.deliveryType == 2)?'待消费':item.status == 4?'待送达':item.status == 5?'已完成':item.status == 7?'待同意退款':item.status == 8?'已退款':item.status == 6?'已取消':item.status == 11?'售后中':item.status == 12?'已售后':""}} |
|||
</view> |
|||
</view> |
|||
<view style="display:flex"> |
|||
<view style="width:300rpx;"> |
|||
订单号： |
|||
</view> |
|||
<view class="pituan-text"> |
|||
{{item.id}} |
|||
</view> |
|||
|
|||
</view> |
|||
<view style="display:flex"> |
|||
<view style="width:300rpx;"> |
|||
订单时间： |
|||
</view> |
|||
<view class="pituan-text"> |
|||
{{item.createTime | formatISOTime}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="dingdan" v-for="(item1,index1) in item.goodsList" :key="index1"> |
|||
<view class="pt-title"> |
|||
商品信息 |
|||
</view> |
|||
<view style="display: flex;font-weight: 700;"> |
|||
<view style="flex:1"> |
|||
商品名：{{item1.productName}} |
|||
</view> |
|||
<view style="width:100rpx;"> |
|||
X{{item1.quantity}} |
|||
</view> |
|||
<view style="width:220rpx;text-align: right;padding-right:20rpx;"> |
|||
￥{{item1.price}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="dingdan"> |
|||
<view style="text-align: right;padding-right: 20rpx;color: #777;"> |
|||
餐盒费：￥{{item.packageFee}} 配送费：￥{{item.deliveryFee}} |
|||
</view> |
|||
<view style="text-align: right;padding-right: 20rpx;font-size: 28rpx;font-weight: 700;color: red;"> |
|||
总计：￥{{item.totalAmount}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
searchCountForm:{ |
|||
linkId:uni.getStorageSync('worker').workerId, |
|||
pageNum:1, |
|||
pageSize:100, |
|||
statusList:[0,3] |
|||
}, |
|||
type:'worker', |
|||
returnFormData:{}, |
|||
groupOrderIdList:[], |
|||
tuanzhangOrder:[], |
|||
goodsList:[], |
|||
orderDetail:{}, |
|||
returnData:[], |
|||
returnCount:0 |
|||
} |
|||
}, |
|||
filters:{ |
|||
formatISOTime(isoString) { |
|||
const date = new Date(isoString); |
|||
const year = date.getFullYear(); |
|||
const month = (date.getMonth() + 1).toString().padStart(2, '0'); |
|||
const day = date.getDate().toString().padStart(2, '0'); |
|||
const hours = date.getHours().toString().padStart(2, '0'); |
|||
const minutes = date.getMinutes().toString().padStart(2, '0'); |
|||
const seconds = date.getSeconds().toString().padStart(2, '0'); |
|||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.searchCountForm.linkId = uni.getStorageSync('worker').workerId |
|||
}, |
|||
onLoad(option) { |
|||
if(option.type){ |
|||
this.type = option.type |
|||
} |
|||
this.getReturnCount() |
|||
}, |
|||
methods: { |
|||
getGroupOrders(id){ |
|||
this.NB.sendRequest("/mall/order/selectAllOrderByOrderId/"+id, {}, false, 'GET', 'application/x-www-form-urlencoded').then((res) => { |
|||
if (res.code == 200) { |
|||
this.tuanzhangOrder = res.result; |
|||
this.$refs.pintuanPopup.open('bottom') |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
orderDetailOpen(item){ |
|||
this.returnFormData.id = item.id; |
|||
this.returnFormData.linkId = item.linkId; |
|||
this.returnFormData.orderId = item.orderId; |
|||
this.returnFormData.deliveryType = item.mallOrder.deliveryType; |
|||
this.returnFormData.refundAmount = item.refundAmount; |
|||
this.returnFormData.refundType = item.refundType; |
|||
this.returnFormData.refundTypeStatus = item.refundTypeStatus; |
|||
this.orderDetail = item.mallOrder; |
|||
this.goodsList = item.items; |
|||
this.$refs.orderPopup.open(); |
|||
}, |
|||
makeCall(phone){ |
|||
uni.makePhoneCall({ |
|||
phoneNumber: phone |
|||
}); |
|||
}, |
|||
getReturnCount(){ |
|||
let that = this |
|||
if(this.type == 'worker'){ |
|||
this.searchCountForm.linkId = uni.getStorageSync('worker').workerId |
|||
}else{ |
|||
this.searchCountForm.linkId = uni.getStorageSync('shopId') |
|||
} |
|||
this.NB.sendRequest("/mall/refund/page", this.searchCountForm, false, 'POST', 'application/json').then((res) => { |
|||
if (res.code == 200) { |
|||
that.returnCount = res.result.records.length; |
|||
that.returnData = res.result.records |
|||
that.$forceUpdate(); |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
returnAmountAllow(item,status){ |
|||
let titleText = status == 1 ? '确定同意该申请吗？' : '确定拒绝该申请吗？'; |
|||
//退款提示 |
|||
|
|||
if(item.groupOrderIds != null && item.groupOrderIds != ''){ |
|||
titleText += '该订单为面对面配送单，所有参团订单将同步处理'; |
|||
for(let i = 0; i < this.returnData.length;i++){ |
|||
if(item.groupOrderIds.indexOf(this.returnData[i].mallOrder.id) != -1){ |
|||
//需要展示具体订单信息这里有 |
|||
this.groupOrderIdList.push(this.returnData[i]); |
|||
} |
|||
} |
|||
}else{ |
|||
this.groupOrderIdList = [] |
|||
} |
|||
|
|||
// 2. 弹出确认框 |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: titleText, |
|||
success: (res) => { |
|||
if (res.confirm) { |
|||
if(this.groupOrderIdList != [] && this.groupOrderIdList.length > 0){ |
|||
for(let i = 0; i < this.groupOrderIdList.length;i++){ |
|||
this.processReturn(this.groupOrderIdList[i], status); |
|||
} |
|||
}else{ |
|||
this.processReturn(item, status); |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
processReturn(item,status){ |
|||
let url = '' |
|||
//退款 |
|||
if(item.status == 0){ |
|||
//不同意 |
|||
if(status == 0){ |
|||
this.returnFormData.status = 2 |
|||
}else{ |
|||
this.returnFormData.status = 1 |
|||
} |
|||
}else if(item.status == 3){ |
|||
//售后 |
|||
if(status == 0){ |
|||
this.returnFormData.status = 5 |
|||
}else{ |
|||
this.returnFormData.status = 4 |
|||
} |
|||
} |
|||
this.returnFormData.id = item.id; |
|||
this.returnFormData.linkId = item.linkId; |
|||
this.returnFormData.orderId = item.orderId; |
|||
this.returnFormData.deliveryType = item.mallOrder.deliveryType; |
|||
this.returnFormData.orderType = item.mallOrder.orderType; |
|||
this.returnFormData.refundAmount = item.refundAmount; |
|||
this.returnFormData.refundType = item.refundType; |
|||
this.returnFormData.refundTypeStatus = item.refundTypeStatus; |
|||
|
|||
let that = this |
|||
this.NB.sendRequest("/mall/refund/allowOrReject", this.returnFormData, false, 'POST', 'application/json').then((res) => { |
|||
if (res.code == 200) { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
this.getReturnCount() |
|||
that.$forceUpdate(); |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
back() { |
|||
uni.navigateBack() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
page { |
|||
width: 100%; |
|||
height: 100%; |
|||
font-size: 24rpx; |
|||
background: #F5F8F5; |
|||
color: #00231C; |
|||
} |
|||
|
|||
.page1 { |
|||
width: 100%; |
|||
height: 100%; |
|||
font-size: 24rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.title { |
|||
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
|||
width: 100%; |
|||
height: 20%; |
|||
} |
|||
|
|||
.title-sreach { |
|||
width: 100%; |
|||
display: flex; |
|||
height: 200rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.back-btn { |
|||
padding-top: 110rpx; |
|||
} |
|||
|
|||
.title-name { |
|||
padding-top: 110rpx; |
|||
font-size: 36rpx; |
|||
font-weight: 700; |
|||
flex: 1; |
|||
text-align: center; |
|||
} |
|||
.content{ |
|||
margin: -100rpx auto; |
|||
} |
|||
.box1 { |
|||
width: 95%; |
|||
margin: 20rpx auto; |
|||
background: #fff; |
|||
border-radius: 20rpx; |
|||
padding: 20rpx; |
|||
} |
|||
.btn{ |
|||
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|||
padding:0 20rpx; |
|||
height: 50rpx; |
|||
border-radius: 14rpx; |
|||
line-height: 50rpx; |
|||
text-align: center; |
|||
font-weight: 700; |
|||
margin-top: 20rpx; |
|||
} |
|||
.popup-area-title { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
position: relative; |
|||
} |
|||
.popup-area-content { |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding: 30rpx; |
|||
width: 500rpx; |
|||
height: auto; |
|||
background-color: #fff; |
|||
} |
|||
.goods-img { |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
position: relative; |
|||
|
|||
|
|||
img { |
|||
width: 100%; |
|||
background-size: 100%; |
|||
height: 100%; |
|||
border-radius: 20rpx; |
|||
} |
|||
} |
|||
.pinzi{ |
|||
margin: 20rpx 0; |
|||
background: linear-gradient(90deg, #FF4500, #FFA07A); |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
text-align: center; |
|||
border-radius: 10rpx; |
|||
color: #fff; |
|||
} |
|||
.goods-content { |
|||
flex: 1; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.goods-name { |
|||
font-size: 32rpx; |
|||
font-weight: 900; |
|||
} |
|||
|
|||
.goods-content-center { |
|||
display: flex; |
|||
margin: 16rpx 0; |
|||
color: #777; |
|||
} |
|||
.guize-list { |
|||
width: 100%; |
|||
padding: 20rpx; |
|||
overflow: scroll; |
|||
background: #fff; |
|||
max-height: 1000rpx; |
|||
line-height: 25px; |
|||
} |
|||
.pt-title{ |
|||
font-size: 28rpx; |
|||
font-weight: 700; |
|||
color: #777; |
|||
} |
|||
.dingdan{ |
|||
border-top: 1px solid #eee; |
|||
} |
|||
.uni-popup__wrapper{ |
|||
border-radius: 20rpx !important; |
|||
} |
|||
.pituan-text{ |
|||
flex:1; |
|||
text-align:right; |
|||
padding-right:20rpx; |
|||
font-weight: 700; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue