| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\order\\orderList\\handle\\orderDetails.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\order\\orderList\\handle\\orderDetails.vue","mtime":1761614939044},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBnZXRFeHByZXNzIH0gZnJvbSAnQC9hcGkvb3JkZXInOw0KaW1wb3J0IHsgZ2V0T3JkZXJSZWNvcmQgfSBmcm9tICdAL2FwaS9vcmRlcic7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdvcmRlckRldGFpbHMnLA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBhY3RpdmVOYW1lOiAnZGV0YWlsJywNCiAgICAgIG1vZGFsMjogZmFsc2UsDQogICAgICBtb2RhbHM6IGZhbHNlLA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogOCwNCiAgICAgICAgbGc6IDgsDQogICAgICAgIG1kOiAxMiwNCiAgICAgICAgc206IDI0LA0KICAgICAgICB4czogMjQsDQogICAgICB9LA0KICAgICAgcmVzdWx0OiBbXSwNCiAgICAgIG9yZGVySW1nOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvb3JkZXJfaWNvbi5wbmcnKSwNCiAgICAgIHJlY29yZERhdGE6IFtdLA0KICAgICAgcGFnZTogew0KICAgICAgICBwYWdlOiAxLCAvLyDlvZPliY3pobUNCiAgICAgICAgbGltaXQ6IDE1LCAvLyDmr4/pobXmmL7npLrmnaHmlbANCiAgICAgIH0sDQogICAgICBsb2FkaW5nOiBmYWxzZSwNCiAgICB9Ow0KICB9LA0KICBwcm9wczogew0KICAgIG9yZGVyRGF0YWxpc3Q6IHsNCiAgICAgIHR5cGU6IE9iamVjdCwNCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsNCiAgICAgICAgb3JkZXJJbmZvOiB7DQogICAgICAgIH0NCiAgICAgIH0sDQogICAgfSwNCiAgICBvcmRlcklkOiBOdW1iZXIsDQogICAgaXNfcmVmdW5kOiB7DQogICAgICB0eXBlOiBOdW1iZXIsDQogICAgICBkZWZhdWx0OiAwLA0KICAgIH0sDQogIH0sDQogIHdhdGNoOiB7DQogICAgbW9kYWxzKHZhbCkgew0KICAgICAgaWYgKHZhbCkgew0KICAgICAgICB0aGlzLmFjdGl2ZU5hbWUgPSAnZGV0YWlsJzsNCiAgICAgIH0NCiAgICB9LA0KICB9LA0KICBmaWx0ZXJzOiB7DQogICAgcGF5VHlwZSh2YWwpIHsNCiAgICAgIGxldCBvYmogPSB7DQogICAgICAgIHl1ZTogJ+S9meminScsDQogICAgICAgIHdlaXhpbjogJ+W+ruS/oeaUr+S7mCcsDQogICAgICAgIGFsaXBheTogJ+aUr+S7mOWuneaUr+S7mCcsDQogICAgICAgIG9mZmxpbmU6ICfnur/kuIvmlK/ku5gnLA0KICAgICAgfTsNCiAgICAgIHJldHVybiBvYmpbdmFsXTsNCiAgICB9LA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgb3BlbkxvZ2lzdGljcygpIHsNCiAgICAgIHRoaXMuZ2V0T3JkZXJEYXRhKCk7DQogICAgfSwNCiAgICAvLyDojrflj5borqLljZXnianmtYHkv6Hmga8NCiAgICBnZXRPcmRlckRhdGEoKSB7DQogICAgICBnZXRFeHByZXNzKHRoaXMub3JkZXJJZCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMucmVzdWx0ID0gcmVzLmRhdGEucmVzdWx0Ow0KICAgICAgICAgIHRoaXMubW9kYWwyID0gdHJ1ZTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIHRhYkNsaWNrKHRhYikgew0KICAgICAgaWYgKHRhYi5uYW1lID09ICdvcmRlckxpc3QnKSB7DQogICAgICAgIHRoaXMuZ2V0UmVjb3JkTGlzdCgpOw0KICAgICAgfQ0KICAgIH0sDQogICAgaGFuZGxlQ2xvc2UoKSB7DQogICAgICB0aGlzLm1vZGFscyA9IGZhbHNlOw0KICAgIH0sDQogICAgZ2V0UmVjb3JkTGlzdCgpIHsNCiAgICAgIGxldCBkYXRhID0gew0KICAgICAgICBpZDogdGhpcy5pc19yZWZ1bmQgPyB0aGlzLm9yZGVyRGF0YWxpc3Qub3JkZXJJbmZvLnN0b3JlX29yZGVyX2lkIDogdGhpcy5vcmRlckRhdGFsaXN0Lm9yZGVySW5mby5pZCwNCiAgICAgICAgZGF0YXM6IHRoaXMucGFnZSwNCiAgICAgIH07DQogICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOw0KICAgICAgZ2V0T3JkZXJSZWNvcmQoZGF0YSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMucmVjb3JkRGF0YSA9IHJlcy5kYXRhOw0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["orderDetails.vue"],"names":[],"mappings":";AA+XA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"orderDetails.vue","sourceRoot":"src/pages/order/orderList/handle","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"]}]}
|
