| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\order\\orderList\\handle\\orderDetails.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\order\\orderList\\handle\\orderDetails.vue","mtime":1761185180149},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\babel.config.js","mtime":1761185179818},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\.babelrc","mtime":1761185179813},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9yZWdlbmVyYXRvciBmcm9tICJDOi9Vc2Vycy9BZG1pbmlzdHJhdG9yL0Rlc2t0b3AvY3JtZWI1LjAvdGVtcGxhdGUvYWRtaW4vbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL3JlZ2VuZXJhdG9yLmpzIjsKaW1wb3J0IF9hc3luY1RvR2VuZXJhdG9yIGZyb20gIkM6L1VzZXJzL0FkbWluaXN0cmF0b3IvRGVza3RvcC9jcm1lYjUuMC90ZW1wbGF0ZS9hZG1pbi9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9lc20vYXN5bmNUb0dlbmVyYXRvci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmZ1bmN0aW9uLm5hbWUuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5udW1iZXIuY29uc3RydWN0b3IuanMiOwppbXBvcnQgeyBnZXRFeHByZXNzIH0gZnJvbSAnQC9hcGkvb3JkZXInOwppbXBvcnQgeyBnZXRPcmRlclJlY29yZCB9IGZyb20gJ0AvYXBpL29yZGVyJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdvcmRlckRldGFpbHMnLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBhY3RpdmVOYW1lOiAnZGV0YWlsJywKICAgICAgbW9kYWwyOiBmYWxzZSwKICAgICAgbW9kYWxzOiBmYWxzZSwKICAgICAgZ3JpZDogewogICAgICAgIHhsOiA4LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiAxMiwKICAgICAgICBzbTogMjQsCiAgICAgICAgeHM6IDI0CiAgICAgIH0sCiAgICAgIHJlc3VsdDogW10sCiAgICAgIG9yZGVySW1nOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvb3JkZXJfaWNvbi5wbmcnKSwKICAgICAgcmVjb3JkRGF0YTogW10sCiAgICAgIHBhZ2U6IHsKICAgICAgICBwYWdlOiAxLAogICAgICAgIC8vIOW9k+WJjemhtQogICAgICAgIGxpbWl0OiAxNSAvLyDmr4/pobXmmL7npLrmnaHmlbAKICAgICAgfSwKICAgICAgbG9hZGluZzogZmFsc2UKICAgIH07CiAgfSwKICBwcm9wczogewogICAgb3JkZXJEYXRhbGlzdDogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIG9yZGVySW5mbzoge30KICAgICAgfQogICAgfSwKICAgIG9yZGVySWQ6IE51bWJlciwKICAgIGlzX3JlZnVuZDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDAKICAgIH0KICB9LAogIHdhdGNoOiB7CiAgICBtb2RhbHM6IGZ1bmN0aW9uIG1vZGFscyh2YWwpIHsKICAgICAgaWYgKHZhbCkgewogICAgICAgIHRoaXMuYWN0aXZlTmFtZSA9ICdkZXRhaWwnOwogICAgICB9CiAgICB9CiAgfSwKICBmaWx0ZXJzOiB7CiAgICBwYXlUeXBlOiBmdW5jdGlvbiBwYXlUeXBlKHZhbCkgewogICAgICB2YXIgb2JqID0gewogICAgICAgIHl1ZTogJ+S9meminScsCiAgICAgICAgd2VpeGluOiAn5b6u5L+h5pSv5LuYJywKICAgICAgICBhbGlwYXk6ICfmlK/ku5jlrp3mlK/ku5gnLAogICAgICAgIG9mZmxpbmU6ICfnur/kuIvmlK/ku5gnCiAgICAgIH07CiAgICAgIHJldHVybiBvYmpbdmFsXTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIG9wZW5Mb2dpc3RpY3M6IGZ1bmN0aW9uIG9wZW5Mb2dpc3RpY3MoKSB7CiAgICAgIHRoaXMuZ2V0T3JkZXJEYXRhKCk7CiAgICB9LAogICAgLy8g6I635Y+W6K6i5Y2V54mp5rWB5L+h5oGvCiAgICBnZXRPcmRlckRhdGE6IGZ1bmN0aW9uIGdldE9yZGVyRGF0YSgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKICAgICAgZ2V0RXhwcmVzcyh0aGlzLm9yZGVySWQpLnRoZW4oLyojX19QVVJFX18qL2Z1bmN0aW9uICgpIHsKICAgICAgICB2YXIgX3JlZiA9IF9hc3luY1RvR2VuZXJhdG9yKC8qI19fUFVSRV9fKi9fcmVnZW5lcmF0b3IoKS5tKGZ1bmN0aW9uIF9jYWxsZWUocmVzKSB7CiAgICAgICAgICByZXR1cm4gX3JlZ2VuZXJhdG9yKCkudyhmdW5jdGlvbiAoX2NvbnRleHQpIHsKICAgICAgICAgICAgd2hpbGUgKDEpIHN3aXRjaCAoX2NvbnRleHQubikgewogICAgICAgICAgICAgIGNhc2UgMDoKICAgICAgICAgICAgICAgIF90aGlzLnJlc3VsdCA9IHJlcy5kYXRhLnJlc3VsdDsKICAgICAgICAgICAgICAgIF90aGlzLm1vZGFsMiA9IHRydWU7CiAgICAgICAgICAgICAgY2FzZSAxOgogICAgICAgICAgICAgICAgcmV0dXJuIF9jb250ZXh0LmEoMik7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0sIF9jYWxsZWUpOwogICAgICAgIH0pKTsKICAgICAgICByZXR1cm4gZnVuY3Rpb24gKF94KSB7CiAgICAgICAgICByZXR1cm4gX3JlZi5hcHBseSh0aGlzLCBhcmd1bWVudHMpOwogICAgICAgIH07CiAgICAgIH0oKSkuY2F0Y2goZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICB9KTsKICAgIH0sCiAgICB0YWJDbGljazogZnVuY3Rpb24gdGFiQ2xpY2sodGFiKSB7CiAgICAgIGlmICh0YWIubmFtZSA9PSAnb3JkZXJMaXN0JykgewogICAgICAgIHRoaXMuZ2V0UmVjb3JkTGlzdCgpOwogICAgICB9CiAgICB9LAogICAgaGFuZGxlQ2xvc2U6IGZ1bmN0aW9uIGhhbmRsZUNsb3NlKCkgewogICAgICB0aGlzLm1vZGFscyA9IGZhbHNlOwogICAgfSwKICAgIGdldFJlY29yZExpc3Q6IGZ1bmN0aW9uIGdldFJlY29yZExpc3QoKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwogICAgICB2YXIgZGF0YSA9IHsKICAgICAgICBpZDogdGhpcy5pc19yZWZ1bmQgPyB0aGlzLm9yZGVyRGF0YWxpc3Qub3JkZXJJbmZvLnN0b3JlX29yZGVyX2lkIDogdGhpcy5vcmRlckRhdGFsaXN0Lm9yZGVySW5mby5pZCwKICAgICAgICBkYXRhczogdGhpcy5wYWdlCiAgICAgIH07CiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7CiAgICAgIGdldE9yZGVyUmVjb3JkKGRhdGEpLnRoZW4oLyojX19QVVJFX18qL2Z1bmN0aW9uICgpIHsKICAgICAgICB2YXIgX3JlZjIgPSBfYXN5bmNUb0dlbmVyYXRvcigvKiNfX1BVUkVfXyovX3JlZ2VuZXJhdG9yKCkubShmdW5jdGlvbiBfY2FsbGVlMihyZXMpIHsKICAgICAgICAgIHJldHVybiBfcmVnZW5lcmF0b3IoKS53KGZ1bmN0aW9uIChfY29udGV4dDIpIHsKICAgICAgICAgICAgd2hpbGUgKDEpIHN3aXRjaCAoX2NvbnRleHQyLm4pIHsKICAgICAgICAgICAgICBjYXNlIDA6CiAgICAgICAgICAgICAgICBfdGhpczIucmVjb3JkRGF0YSA9IHJlcy5kYXRhOwogICAgICAgICAgICAgICAgX3RoaXMyLmxvYWRpbmcgPSBmYWxzZTsKICAgICAgICAgICAgICBjYXNlIDE6CiAgICAgICAgICAgICAgICByZXR1cm4gX2NvbnRleHQyLmEoMik7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0sIF9jYWxsZWUyKTsKICAgICAgICB9KSk7CiAgICAgICAgcmV0dXJuIGZ1bmN0aW9uIChfeDIpIHsKICAgICAgICAgIHJldHVybiBfcmVmMi5hcHBseSh0aGlzLCBhcmd1bWVudHMpOwogICAgICAgIH07CiAgICAgIH0oKSkuY2F0Y2goZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzMi5sb2FkaW5nID0gZmFsc2U7CiAgICAgICAgX3RoaXMyLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICB9KTsKICAgIH0KICB9Cn07"},{"version":3,"names":["getExpress","getOrderRecord","name","data","activeName","modal2","modals","grid","xl","lg","md","sm","xs","result","orderImg","require","recordData","page","limit","loading","props","orderDatalist","type","Object","default","orderInfo","orderId","Number","is_refund","watch","val","filters","payType","obj","yue","weixin","alipay","offline","methods","openLogistics","getOrderData","_this","then","_ref","_asyncToGenerator","_regenerator","m","_callee","res","w","_context","n","a","_x","apply","arguments","catch","$message","error","msg","tabClick","tab","getRecordList","handleClose","_this2","id","store_order_id","datas","_ref2","_callee2","_context2","_x2"],"sources":["src/pages/order/orderList/handle/orderDetails.vue"],"sourcesContent":["<template>\r\n <div>\r\n <el-drawer title=\"订单详情\" :size=\"1000\" :visible.sync=\"modals\" wrapperClosable :before-close=\"handleClose\">\r\n <div v-if=\"orderDatalist\">\r\n <div class=\"head\">\r\n <div class=\"full\">\r\n <img class=\"order_icon\" :src=\"orderImg\" alt=\"\" />\r\n <div class=\"text\">\r\n <div class=\"title\">普通订单</div>\r\n <div>\r\n <span class=\"mr20\">订单号：{{ orderDatalist.orderInfo.order_id }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div class=\"title\">订单状态</div>\r\n <div>\r\n {{ orderDatalist.orderInfo._status._title }}\r\n {{\r\n orderDatalist.orderInfo.refund &&\r\n orderDatalist.orderInfo.refund.length &&\r\n orderDatalist.orderInfo.refund_status < 2\r\n ? orderDatalist.orderInfo.is_all_refund\r\n ? '退款中'\r\n : '部分退款中'\r\n : ''\r\n }}\r\n </div>\r\n </li>\r\n <li class=\"item\">\r\n <div class=\"title\">实际支付</div>\r\n <div>¥ {{ orderDatalist.orderInfo.pay_price || '0.0' }}</div>\r\n </li>\r\n <li class=\"item\" v-if=\"orderDatalist.orderInfo.refund_status == 2\">\r\n <div class=\"title\">实际退款</div>\r\n <div>¥ {{ orderDatalist.orderInfo.refunded_price || '0.0' }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div class=\"title\">支付方式</div>\r\n <div>{{ orderDatalist.orderInfo.pay_type | payType }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div class=\"title\">支付时间</div>\r\n <div>{{ orderDatalist.orderInfo._pay_time }}</div>\r\n </li>\r\n </ul>\r\n </div>\r\n <el-tabs type=\"border-card\" v-model=\"activeName\" @tab-click=\"tabClick\">\r\n <el-tab-pane label=\"订单信息\" name=\"detail\">\r\n <div class=\"section\">\r\n <div class=\"title\">用户信息</div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div>用户名称：</div>\r\n <div class=\"value\">{{ orderDatalist.userInfo.real_name }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>绑定电话：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.user_phone || '' }}</div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"title\">收货信息</div>\r\n <ul class=\"list\">\r\n <!-- <li class=\"item\">\r\n <div>收货信息：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.user_address || '' }}</div>\r\n </li> -->\r\n <li class=\"item\">\r\n <div>收货人：</div>\r\n <div class=\"value\">\r\n {{ orderDatalist.orderInfo.real_name ? orderDatalist.orderInfo.real_name : '-' }}\r\n </div>\r\n </li>\r\n <li class=\"item\">\r\n <div>收货电话：</div>\r\n <div class=\"value\">\r\n {{ orderDatalist.orderInfo.user_phone ? orderDatalist.orderInfo.user_phone : '-' }}\r\n </div>\r\n </li>\r\n <li class=\"item\">\r\n <div>收货地址：</div>\r\n <div class=\"value\">\r\n {{ orderDatalist.orderInfo.user_address ? orderDatalist.orderInfo.user_address : '-' }}\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"title\">订单信息</div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div>创建时间：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo._add_time }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>商品总数：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.total_num }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>商品总价：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.total_price }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>优惠券金额：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.coupon_price }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>积分抵扣：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.deduction_price || '0.0' }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>交付邮费：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.pay_postage }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>用户等级优惠：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.levelPrice || '0.0' }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>付费会员优惠：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.memberPrice || '0.0' }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>实际支付：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.pay_price || '0.0' }}</div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"title\">返佣信息(金额｜用户UID)</div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div>一级佣金：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.one_brokerage }} | {{ orderDatalist.orderInfo.spread_uid }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>二级佣金：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.two_brokerage }} | {{ orderDatalist.orderInfo.spread_two_uid }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>员工返佣：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.staff_brokerage }} | {{ orderDatalist.orderInfo.staff_id }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>代理商佣金：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.agent_brokerage }} | {{ orderDatalist.orderInfo.agent_id }}</div>\r\n </li>\r\n <li class=\"item\">\r\n <div>事业部佣金：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.division_brokerage }} | {{ orderDatalist.orderInfo.division_id }}</div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\" v-if=\"orderDatalist.orderInfo.delivery_name\">\r\n <div class=\"title\">\r\n {{ orderDatalist.orderInfo.delivery_type == 'express' ? '物流信息' : '送货人信息' }}\r\n </div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div>{{ orderDatalist.orderInfo.delivery_type == 'express' ? '物流公司：' : '送货人姓名：' }}</div>\r\n <div class=\"value\">\r\n {{ orderDatalist.orderInfo.delivery_name ? orderDatalist.orderInfo.delivery_name : '-' }}\r\n </div>\r\n </li>\r\n <li class=\"item\">\r\n <div>{{ orderDatalist.orderInfo.delivery_type == 'express' ? '物流单号：' : '送货人电话：' }}</div>\r\n <div class=\"value\">\r\n {{ orderDatalist.orderInfo.delivery_id }}\r\n <a v-if=\"orderDatalist.orderInfo.delivery_type == 'express'\" v-db-click @click=\"openLogistics\"\r\n >物流查询</a\r\n >\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\" v-if=\"orderDatalist.orderInfo.invoice\">\r\n <div class=\"title\">发票信息</div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div>发票抬头：</div>\r\n <div class=\"value\">\r\n {{ orderDatalist.orderInfo.invoice.name }}\r\n </div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 2 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>企业税号：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.invoice.duty_number }}</div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 2 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>发票类型：</div>\r\n <div class=\"value\">电子普通发票</div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 2 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>发票抬头类型：</div>\r\n <div class=\"value\">企业</div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 1 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>真实姓名：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.invoice.name || '' }}</div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 1 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>联系电话：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.invoice.drawer_phone || '' }}</div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 2 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>联系电话：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.invoice.user_phone || '' }}</div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 2 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>联系邮箱：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.invoice.email || '' }}</div>\r\n </li>\r\n <li\r\n class=\"item\"\r\n v-if=\"orderDatalist.orderInfo.invoice.header_type === 2 && orderDatalist.orderInfo.invoice.type === 1\"\r\n >\r\n <div>开票状态：</div>\r\n <div class=\"value\">{{ orderDatalist.orderInfo.invoice.is_invoice ? '已开票' : '未开票' }}</div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"title\">买家留言</div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div>{{ orderDatalist.orderInfo.mark ? orderDatalist.orderInfo.mark : '-' }}</div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\" v-if=\"orderDatalist.orderInfo.custom_form.length\">\r\n <div class=\"title\">表单信息</div>\r\n <ul class=\"list\">\r\n <li\r\n class=\"item\"\r\n :class=\"{ pic: item.label == 'img' }\"\r\n :span=\"item.label !== 'text' ? 12 : 24\"\r\n v-for=\"(item, index) in orderDatalist.orderInfo.custom_form\"\r\n :key=\"index\"\r\n >\r\n <template v-if=\"item.label !== 'img'\">\r\n <div>{{ item.title }}：{{ item.value }}</div>\r\n </template>\r\n <template v-else>\r\n <div>{{ item.title }}：</div>\r\n <div v-for=\"(img, i) in item.value\" :key=\"i\" class=\"img\">\r\n <img v-viewer :src=\"img\" alt=\"\" />\r\n </div>\r\n </template>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"title\">订单备注</div>\r\n <ul class=\"list\">\r\n <li class=\"item\">\r\n <div>{{ orderDatalist.orderInfo.remark ? orderDatalist.orderInfo.remark : '-' }}</div>\r\n </li>\r\n </ul>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"商品信息\" name=\"goods\">\r\n <el-table class=\"mt20\" :data=\"orderDatalist.orderInfo.cartInfo\">\r\n <el-table-column label=\"商品信息\" min-width=\"300\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"tab\">\r\n <div class=\"demo-image__preview\">\r\n <el-image\r\n :src=\"\r\n scope.row.productInfo.attrInfo\r\n ? scope.row.productInfo.attrInfo.image\r\n : scope.row.productInfo.image\r\n \"\r\n :preview-src-list=\"[scope.row.productInfo.attrInfo.image]\"\r\n />\r\n </div>\r\n <div>\r\n <div class=\"line\">{{ scope.row.productInfo.store_name }}</div>\r\n <div class=\"line1 gary\">\r\n 规格：{{ scope.row.productInfo.attrInfo ? scope.row.productInfo.attrInfo.suk : '默认' }}\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"支付价格\" min-width=\"90\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"tab\">\r\n <div class=\"line1\">\r\n {{ scope.row.truePrice }}\r\n </div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"购买数量\" min-width=\"90\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"tab\">\r\n <div class=\"line1\">\r\n {{ scope.row.cart_num }}\r\n </div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <!-- <el-table-column label=\"库存\" min-width=\"70\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"tab\">\r\n <div class=\"line1\">\r\n {{ scope.row.productInfo.stock }}\r\n </div>\r\n </div>\r\n </template>\r\n </el-table-column> -->\r\n </el-table>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"订单记录\" name=\"orderList\">\r\n <el-table class=\"mt20\" :data=\"recordData\" v-loading=\"loading\" empty-text=\"暂无数据\" highlight-current-row>\r\n <el-table-column label=\"订单ID\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.oid }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"操作记录\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.change_message }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"操作时间\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.change_time }}</span>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n </el-drawer>\r\n <el-drawer :visible.sync=\"modal2\" scrollable title=\"物流查询\" width=\"350px\" class=\"order_box2\">\r\n <div class=\"logistics acea-row row-top\" v-if=\"orderDatalist\">\r\n <div class=\"logistics_img\">\r\n <img src=\"../../../../assets/images/expressi.jpg\" />\r\n </div>\r\n <div class=\"logistics_cent\">\r\n <span>物流公司：{{ orderDatalist.orderInfo.delivery_name }}</span>\r\n <span>物流单号：{{ orderDatalist.orderInfo.delivery_id }}</span>\r\n </div>\r\n </div>\r\n <div class=\"acea-row row-column-around trees-coadd\">\r\n <div class=\"scollhide\">\r\n <el-timeline>\r\n <el-timeline-item v-for=\"(item, i) in result\" :key=\"i\">\r\n <p class=\"time\" v-text=\"item.time\"></p>\r\n <p class=\"content\" v-text=\"item.status\"></p>\r\n </el-timeline-item>\r\n </el-timeline>\r\n </div>\r\n </div>\r\n </el-drawer>\r\n </div>\r\n</template>\r\n<script>\r\nimport { getExpress } from '@/api/order';\r\nimport { getOrderRecord } from '@/api/order';\r\nexport default {\r\n name: 'orderDetails',\r\n data() {\r\n return {\r\n activeName: 'detail',\r\n modal2: false,\r\n modals: false,\r\n grid: {\r\n xl: 8,\r\n lg: 8,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n result: [],\r\n orderImg: require('@/assets/images/order_icon.png'),\r\n recordData: [],\r\n page: {\r\n page: 1, // 当前页\r\n limit: 15, // 每页显示条数\r\n },\r\n loading: false,\r\n };\r\n },\r\n props: {\r\n orderDatalist: {\r\n type: Object,\r\n default: () => {\r\n orderInfo: {\r\n }\r\n },\r\n },\r\n orderId: Number,\r\n is_refund: {\r\n type: Number,\r\n default: 0,\r\n },\r\n },\r\n watch: {\r\n modals(val) {\r\n if (val) {\r\n this.activeName = 'detail';\r\n }\r\n },\r\n },\r\n filters: {\r\n payType(val) {\r\n let obj = {\r\n yue: '余额',\r\n weixin: '微信支付',\r\n alipay: '支付宝支付',\r\n offline: '线下支付',\r\n };\r\n return obj[val];\r\n },\r\n },\r\n methods: {\r\n openLogistics() {\r\n this.getOrderData();\r\n },\r\n // 获取订单物流信息\r\n getOrderData() {\r\n getExpress(this.orderId)\r\n .then(async (res) => {\r\n this.result = res.data.result;\r\n this.modal2 = true;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n tabClick(tab) {\r\n if (tab.name == 'orderList') {\r\n this.getRecordList();\r\n }\r\n },\r\n handleClose() {\r\n this.modals = false;\r\n },\r\n getRecordList() {\r\n let data = {\r\n id: this.is_refund ? this.orderDatalist.orderInfo.store_order_id : this.orderDatalist.orderInfo.id,\r\n datas: this.page,\r\n };\r\n this.loading = true;\r\n getOrderRecord(data)\r\n .then(async (res) => {\r\n this.recordData = res.data;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {\r\n border-bottom: none;\r\n}\r\n::v-deep .el-tabs__item {\r\n height: 40px !important;\r\n line-height: 40px !important;\r\n}\r\n.head {\r\n padding: 0 30px 24px;\r\n\r\n .full {\r\n display: flex;\r\n align-items: center;\r\n .order_icon {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n .iconfont {\r\n color: var(--prev-color-primary);\r\n &.sale-after {\r\n color: #90add5;\r\n }\r\n }\r\n .text {\r\n align-self: center;\r\n flex: 1;\r\n min-width: 0;\r\n padding-left: 12px;\r\n font-size: 13px;\r\n color: #606266;\r\n .title {\r\n margin-bottom: 10px;\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 16px;\r\n color: rgba(0, 0, 0, 0.85);\r\n }\r\n .order-num {\r\n padding-top: 10px;\r\n white-space: nowrap;\r\n }\r\n }\r\n }\r\n .list {\r\n display: flex;\r\n margin-top: 20px;\r\n overflow: hidden;\r\n list-style: none;\r\n padding: 0;\r\n .item {\r\n flex: none;\r\n width: 200px;\r\n font-size: 14px;\r\n line-height: 14px;\r\n color: rgba(0, 0, 0, 0.85);\r\n .title {\r\n margin-bottom: 12px;\r\n font-size: 13px;\r\n line-height: 13px;\r\n color: #666666;\r\n }\r\n .value1 {\r\n color: #f56022;\r\n }\r\n\r\n .value2 {\r\n color: #1bbe6b;\r\n }\r\n\r\n .value3 {\r\n color: var(--prev-color-primary);\r\n }\r\n\r\n .value4 {\r\n color: #6a7b9d;\r\n }\r\n\r\n .value5 {\r\n color: #f5222d;\r\n }\r\n }\r\n }\r\n}\r\n.section {\r\n padding: 25px 0;\r\n border-bottom: 1px dashed #eeeeee;\r\n .title {\r\n padding-left: 10px;\r\n border-left: 3px solid var(--prev-color-primary);\r\n font-size: 15px;\r\n line-height: 15px;\r\n color: #303133;\r\n }\r\n .list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n list-style: none;\r\n padding: 0;\r\n }\r\n .item {\r\n flex: 0 0 calc(100% / 3);\r\n display: flex;\r\n margin-top: 16px;\r\n font-size: 13px;\r\n color: #666666;\r\n &:nth-child(3n + 1) {\r\n padding-right: 20px;\r\n }\r\n\r\n &:nth-child(3n + 2) {\r\n padding-right: 10px;\r\n padding-left: 10px;\r\n }\r\n\r\n &:nth-child(3n + 3) {\r\n padding-left: 20px;\r\n }\r\n }\r\n .value {\r\n flex: 1;\r\n image {\r\n display: inline-block;\r\n width: 40px;\r\n height: 40px;\r\n margin: 0 12px 12px 0;\r\n vertical-align: middle;\r\n }\r\n }\r\n .item.pic {\r\n display: flex;\r\n img {\r\n width: 80px;\r\n height: 80px;\r\n }\r\n }\r\n}\r\n.tab {\r\n display: flex;\r\n align-items: center;\r\n .el-image {\r\n width: 36px;\r\n height: 36px;\r\n margin-right: 10px;\r\n }\r\n}\r\n::v-deep .el-drawer__body {\r\n // padding: 0;\r\n overflow: auto;\r\n}\r\n.gary {\r\n color: #aaa;\r\n}\r\n::v-deep .el-drawer__body {\r\n padding: 20px 0;\r\n}\r\n::v-deep .el-tabs--border-card > .el-tabs__content {\r\n padding: 0 35px;\r\n}\r\n::v-deep .el-tabs--border-card > .el-tabs__header,\r\n::v-deep .el-tabs--border-card > .el-tabs__header .el-tabs__item:active {\r\n border: none;\r\n height: 40px;\r\n}\r\n::v-deep .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {\r\n border: none;\r\n border-top: 2px solid var(--prev-color-primary);\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #303133;\r\n line-height: 16px;\r\n}\r\n::v-deep .el-tabs--border-card > .el-tabs__header .el-tabs__item {\r\n border: none;\r\n}\r\n::v-deep .el-tabs--border-card > .el-tabs__header .el-tabs__item {\r\n margin-top: 0;\r\n transition: none;\r\n height: 40px !important;\r\n line-height: 40px !important;\r\n width: 92px !important;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #303133;\r\n line-height: 16px;\r\n}\r\n::v-deep .el-tabs--border-card {\r\n border: none;\r\n box-shadow: none;\r\n}\r\n\r\n.logistics {\r\n align-items: center;\r\n padding: 10px 20px;\r\n\r\n .logistics_img {\r\n width: 45px;\r\n height: 45px;\r\n margin-right: 12px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .logistics_cent {\r\n span {\r\n display: block;\r\n font-size: 12px;\r\n }\r\n }\r\n}\r\n.trees-coadd {\r\n width: 100%;\r\n height: 400px;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n\r\n .scollhide {\r\n width: 100%;\r\n height: 100%;\r\n overflow: auto;\r\n margin-left: 18px;\r\n padding: 10px 0 10px 0;\r\n box-sizing: border-box;\r\n\r\n .content {\r\n font-size: 12px;\r\n }\r\n\r\n .time {\r\n font-size: 12px;\r\n color: #2d8cf0;\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":"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","ignoreList":[]}]}
|
