| 1 |
- {"remainingRequest":"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=style&index=0&id=41f73cc3&lang=scss&scoped=true","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\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:DQo6OnYtZGVlcCAuZWwtdGFicy0tYm9yZGVyLWNhcmQgPiAuZWwtdGFic19faGVhZGVyIC5lbC10YWJzX19pdGVtLmlzLWFjdGl2ZSB7DQogIGJvcmRlci1ib3R0b206IG5vbmU7DQp9DQo6OnYtZGVlcCAuZWwtdGFic19faXRlbSB7DQogIGhlaWdodDogNDBweCAhaW1wb3J0YW50Ow0KICBsaW5lLWhlaWdodDogNDBweCAhaW1wb3J0YW50Ow0KfQ0KLmhlYWQgew0KICBwYWRkaW5nOiAwIDMwcHggMjRweDsNCg0KICAuZnVsbCB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIC5vcmRlcl9pY29uIHsNCiAgICAgIHdpZHRoOiA2MHB4Ow0KICAgICAgaGVpZ2h0OiA2MHB4Ow0KICAgIH0NCiAgICAuaWNvbmZvbnQgew0KICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAmLnNhbGUtYWZ0ZXIgew0KICAgICAgICBjb2xvcjogIzkwYWRkNTsNCiAgICAgIH0NCiAgICB9DQogICAgLnRleHQgew0KICAgICAgYWxpZ24tc2VsZjogY2VudGVyOw0KICAgICAgZmxleDogMTsNCiAgICAgIG1pbi13aWR0aDogMDsNCiAgICAgIHBhZGRpbmctbGVmdDogMTJweDsNCiAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgIGNvbG9yOiAjNjA2MjY2Ow0KICAgICAgLnRpdGxlIHsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMTZweDsNCiAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44NSk7DQogICAgICB9DQogICAgICAub3JkZXItbnVtIHsNCiAgICAgICAgcGFkZGluZy10b3A6IDEwcHg7DQogICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7DQogICAgICB9DQogICAgfQ0KICB9DQogIC5saXN0IHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIG1hcmdpbi10b3A6IDIwcHg7DQogICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICBsaXN0LXN0eWxlOiBub25lOw0KICAgIHBhZGRpbmc6IDA7DQogICAgLml0ZW0gew0KICAgICAgZmxleDogbm9uZTsNCiAgICAgIHdpZHRoOiAyMDBweDsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4Ow0KICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44NSk7DQogICAgICAudGl0bGUgew0KICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4Ow0KICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAxM3B4Ow0KICAgICAgICBjb2xvcjogIzY2NjY2NjsNCiAgICAgIH0NCiAgICAgIC52YWx1ZTEgew0KICAgICAgICBjb2xvcjogI2Y1NjAyMjsNCiAgICAgIH0NCg0KICAgICAgLnZhbHVlMiB7DQogICAgICAgIGNvbG9yOiAjMWJiZTZiOw0KICAgICAgfQ0KDQogICAgICAudmFsdWUzIHsNCiAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICB9DQoNCiAgICAgIC52YWx1ZTQgew0KICAgICAgICBjb2xvcjogIzZhN2I5ZDsNCiAgICAgIH0NCg0KICAgICAgLnZhbHVlNSB7DQogICAgICAgIGNvbG9yOiAjZjUyMjJkOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLnNlY3Rpb24gew0KICBwYWRkaW5nOiAyNXB4IDA7DQogIGJvcmRlci1ib3R0b206IDFweCBkYXNoZWQgI2VlZWVlZTsNCiAgLnRpdGxlIHsNCiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7DQogICAgYm9yZGVyLWxlZnQ6IDNweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgIGZvbnQtc2l6ZTogMTVweDsNCiAgICBsaW5lLWhlaWdodDogMTVweDsNCiAgICBjb2xvcjogIzMwMzEzMzsNCiAgfQ0KICAubGlzdCB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgbGlzdC1zdHlsZTogbm9uZTsNCiAgICBwYWRkaW5nOiAwOw0KICB9DQogIC5pdGVtIHsNCiAgICBmbGV4OiAwIDAgY2FsYygxMDAlIC8gMyk7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBtYXJnaW4tdG9wOiAxNnB4Ow0KICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICBjb2xvcjogIzY2NjY2NjsNCiAgICAmOm50aC1jaGlsZCgzbiArIDEpIHsNCiAgICAgIHBhZGRpbmctcmlnaHQ6IDIwcHg7DQogICAgfQ0KDQogICAgJjpudGgtY2hpbGQoM24gKyAyKSB7DQogICAgICBwYWRkaW5nLXJpZ2h0OiAxMHB4Ow0KICAgICAgcGFkZGluZy1sZWZ0OiAxMHB4Ow0KICAgIH0NCg0KICAgICY6bnRoLWNoaWxkKDNuICsgMykgew0KICAgICAgcGFkZGluZy1sZWZ0OiAyMHB4Ow0KICAgIH0NCiAgfQ0KICAudmFsdWUgew0KICAgIGZsZXg6IDE7DQogICAgaW1hZ2Ugew0KICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgICAgd2lkdGg6IDQwcHg7DQogICAgICBoZWlnaHQ6IDQwcHg7DQogICAgICBtYXJnaW46IDAgMTJweCAxMnB4IDA7DQogICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOw0KICAgIH0NCiAgfQ0KICAuaXRlbS5waWMgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgaW1nIHsNCiAgICAgIHdpZHRoOiA4MHB4Ow0KICAgICAgaGVpZ2h0OiA4MHB4Ow0KICAgIH0NCiAgfQ0KfQ0KLnRhYiB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIC5lbC1pbWFnZSB7DQogICAgd2lkdGg6IDM2cHg7DQogICAgaGVpZ2h0OiAzNnB4Ow0KICAgIG1hcmdpbi1yaWdodDogMTBweDsNCiAgfQ0KfQ0KOjp2LWRlZXAgLmVsLWRyYXdlcl9fYm9keSB7DQogIC8vIHBhZGRpbmc6IDA7DQogIG92ZXJmbG93OiBhdXRvOw0KfQ0KLmdhcnkgew0KICBjb2xvcjogI2FhYTsNCn0NCjo6di1kZWVwIC5lbC1kcmF3ZXJfX2JvZHkgew0KICBwYWRkaW5nOiAyMHB4IDA7DQp9DQo6OnYtZGVlcCAuZWwtdGFicy0tYm9yZGVyLWNhcmQgPiAuZWwtdGFic19fY29udGVudCB7DQogIHBhZGRpbmc6IDAgMzVweDsNCn0NCjo6di1kZWVwIC5lbC10YWJzLS1ib3JkZXItY2FyZCA+IC5lbC10YWJzX19oZWFkZXIsDQo6OnYtZGVlcCAuZWwtdGFicy0tYm9yZGVyLWNhcmQgPiAuZWwtdGFic19faGVhZGVyIC5lbC10YWJzX19pdGVtOmFjdGl2ZSB7DQogIGJvcmRlcjogbm9uZTsNCiAgaGVpZ2h0OiA0MHB4Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYnMtLWJvcmRlci1jYXJkID4gLmVsLXRhYnNfX2hlYWRlciAuZWwtdGFic19faXRlbS5pcy1hY3RpdmUgew0KICBib3JkZXI6IG5vbmU7DQogIGJvcmRlci10b3A6IDJweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBmb250LXNpemU6IDEzcHg7DQogIGZvbnQtd2VpZ2h0OiA1MDA7DQogIGNvbG9yOiAjMzAzMTMzOw0KICBsaW5lLWhlaWdodDogMTZweDsNCn0NCjo6di1kZWVwIC5lbC10YWJzLS1ib3JkZXItY2FyZCA+IC5lbC10YWJzX19oZWFkZXIgLmVsLXRhYnNfX2l0ZW0gew0KICBib3JkZXI6IG5vbmU7DQp9DQo6OnYtZGVlcCAuZWwtdGFicy0tYm9yZGVyLWNhcmQgPiAuZWwtdGFic19faGVhZGVyIC5lbC10YWJzX19pdGVtIHsNCiAgbWFyZ2luLXRvcDogMDsNCiAgdHJhbnNpdGlvbjogbm9uZTsNCiAgaGVpZ2h0OiA0MHB4ICFpbXBvcnRhbnQ7DQogIGxpbmUtaGVpZ2h0OiA0MHB4ICFpbXBvcnRhbnQ7DQogIHdpZHRoOiA5MnB4ICFpbXBvcnRhbnQ7DQogIGZvbnQtc2l6ZTogMTNweDsNCiAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgY29sb3I6ICMzMDMxMzM7DQogIGxpbmUtaGVpZ2h0OiAxNnB4Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYnMtLWJvcmRlci1jYXJkIHsNCiAgYm9yZGVyOiBub25lOw0KICBib3gtc2hhZG93OiBub25lOw0KfQ0KDQoubG9naXN0aWNzIHsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgcGFkZGluZzogMTBweCAyMHB4Ow0KDQogIC5sb2dpc3RpY3NfaW1nIHsNCiAgICB3aWR0aDogNDVweDsNCiAgICBoZWlnaHQ6IDQ1cHg7DQogICAgbWFyZ2luLXJpZ2h0OiAxMnB4Ow0KDQogICAgaW1nIHsNCiAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgIH0NCiAgfQ0KDQogIC5sb2dpc3RpY3NfY2VudCB7DQogICAgc3BhbiB7DQogICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICB9DQogIH0NCn0NCi50cmVlcy1jb2FkZCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDQwMHB4Ow0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIG92ZXJmbG93OiBoaWRkZW47DQoNCiAgLnNjb2xsaGlkZSB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIG92ZXJmbG93OiBhdXRvOw0KICAgIG1hcmdpbi1sZWZ0OiAxOHB4Ow0KICAgIHBhZGRpbmc6IDEwcHggMCAxMHB4IDA7DQogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCg0KICAgIC5jb250ZW50IHsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICB9DQoNCiAgICAudGltZSB7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBjb2xvcjogIzJkOGNmMDsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["orderDetails.vue"],"names":[],"mappings":";AAoeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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"]}]}
|
