/** * 订单详情 * 当前脚本中使用到了串号修改和修改记录两个组件 * 需要在引入当前脚本的页面同时引入（不引入会报错）： * Public\js\component-serial.js * Public\js\component-serial-modify-record.js * Public\css\component-serial.css * Public\css\component-serial-modify-record.css */ Vue.component('order-details', { template: `
  • 导购: {{detailsData.guide_name}}
  • 原订单号: {{detailsData.refund_no}}
  • 合计: ￥{{detailsData.all_money}}
  • 使用积分: ￥{{detailsData.money_dis_integral}}
  • 购买积分: ￥{{detailsData.integral_dis_money}}
  • 支付定金: ￥{{detailsData.all_earnest_price}}
  • 定金抵现: ￥{{detailsData.all_arrive_price}}
  • 支付尾款: {{detailsData.tail_pay_money>0?'￥'+detailsData.tail_pay_money:detailsData.tail_pay_money}}
  • 定金支付时间: {{detailsData.earnest_pay_time}}
  • 尾款支付时间: {{detailsData.trade_date}}
  • 支付时间: {{detailsData.trade_date}}
  • 优惠券: ￥{{detailsData.coupon_money}}
  • 会员折扣: ￥{{detailsData.vip_dis_money}}
  • 自定义折扣: ￥{{detailsData.cashier_dis_money}}
  • 单品打折: ￥{{detailsData.cashier_manual_money}}
  • 积分抵扣: ￥{{detailsData.integral_dis_money}}
  • 抹零: ￥{{detailsData.small_changes_money}}
  • {{detailsData.pickup_type==1?'自提':'配送'}}时间: {{detailsData.user_select_time}}
  • 联系人: {{detailsData.user_name}}
  • 联系电话: {{detailsData.user_phone}}
  • 联系地址: {{detailsData.user_address}}
  • 备注: {{detailsData.remark}}
  • 待付尾款: {{detailsData.tail_pay_money>0?'￥'+detailsData.tail_pay_money:detailsData.tail_pay_money}}
  • 配送费: ￥{{detailsData.delivery_fee}}
  • 祝福码: {{detailsData.extraction_code}}
  • 实付: ￥ {{detailsData.all_money}}
  • 实付: ￥ {{detailsData.all_earnest_price}}
  • 实付: ￥ {{detailsData.all_money}}
  • 收银备注: {{detailsData.business_remark}}

商品信息

商品名称：{{serialNumberData.goods_name}}

规格：{{serialNumberData.sku_name}}

数量：{{serialNumberData.num}}

串码信息
`, props: { 'show': { type: Boolean, default: false, },//是否展示 'details': { type: Object, default: () => { return {} }, }, 'orderNo': { type: String, default: '', },//订单号 'changeSerialNumber': { type: Boolean, default: true, },//是否可以修改串码 'drawerHeight': { type: String, default: 'calc(100vh - 65px)', } }, data() { return { detailsData: {}, serialNumberData: {},//串码详情 sell_id: '',//当前查看串码的sell表的ID showSerialNumber: false,//显示串码列表 serialVisible: false, //串号修改弹窗是否显示 serialModifyRecordVisible: false, //串号修改记录弹出是否显示 serialIndex: '', //当前修改的串号列表索引 serialId: '', //当前查看的修改记录串号主键ID } }, methods: { handleData() { if (this.orderNo) { $.ajax({ url: '/index.php/Retail/Component/getOrderDetails', type: 'post', data: { order_no: this.orderNo, }, success: (res) => { if (res.status == 1) { this.detailsData = res.data; } else { this.$alert(res.msg ? res.msg : '请求发生错误，请稍后重试！', '错误提示', { confirmButtonText: '确定', callback: action => { } }); } }, error: (res) => { console.log(res); this.$alert('请求发生错误，请稍后重试！', '错误提示', { confirmButtonText: '确定', callback: action => { } }); } }) } else if (!this.detailsData.id) { this.$message({ message: '调用模板参数错误，请传入订单号或订单详细数据', type: 'error' }) } else { this.detailsData = JSON.parse(JSON.stringify(this.details)); } }, //关闭订单详情 closeDetails() { this.detailsData = {}; this.$emit('update:show', false); this.$emit('close'); }, //查看串码 seeSerialNumber(data) { this.sell_id = data.id; this.serialNumberData = {...data}; this.showSerialNumber = true; }, //关闭串码显示 closeSerialNumber() { this.showSerialNumber = false; }, /** * @description: 打开串号选择窗口 * @param {Number} index: 当前串号的索引 * @param {Number} id: 当前串号的主键ID */ selectSerial(index, id) { this.serialVisible = true this.serialIndex = index this.serialId = id }, /** * @description: 串号子组件通道 * @param {Number} newId: 新串号的主键ID */ serialChange(data) { const newData = { id: this.serialId, main_serial_number: data.mainSerial, auxiliary_serial_number_one: data.assistSerial1, auxiliary_serial_number_two: data.assistSerial2 } this.$confirm('确认使用当前选择的串号替换原串号吗？', '提醒').then(() => { this.serialVisible = false this.sendRequest('Retail/Customer/serialModify', { data: { id: this.serialId, warehouse_goods_id: data.id }, success: (response) => { if (response.status == 1) { this.$set(this.serialNumberData.serial_list, this.serialIndex, newData) this.$message.success(response.message) this.handleData() } else { this.$message.error(response.message) } } }) }).catch(() => { }) }, /** * @description: 打开串号修改记录 * @param {Number} newId: 串号的主键ID */ openSerialModifyRecord(id) { this.serialId = id this.serialModifyRecordVisible = true } }, watch: { show(n) { if (n) { this.handleData(); } } }, }); /** * 查看订单的支付详情 */ Vue.component('pay-order-details', { template: ` `, props: { 'show': { type: Boolean, default: false, }, 'orderGenre': { type: String, default: '1', },//0店内订单 1商城普通订单 2拼团 3秒杀 4预售 'orderNo': { type: String, }, }, data() { return { showDialog: false, dataList: [],// 数据 }; }, methods: { closeDialog() { this.$emit('update:show', false); this.$emit('close'); }, //获取支付详情列表 getOrderPayDetails() { this.dataList = []; this.sendRequest('Retail/Sale/getOrderPayDetails', { data: { order_no: this.orderNo, }, success: (res) => { if (res.status == 1) { this.dataList = res.data; } }, }) } }, created() { if (this.show) { this.showDialog = this.show; this.getOrderPayDetails(); } }, watch: { show(n, o) { this.showDialog = n; n && this.getOrderPayDetails(); } } });