"use strict"; (wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["pages/orders/index"],{ /***/ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/orders/index!./src/pages/orders/index.tsx": /*!******************************************************************************************************************!*\ !*** ./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/orders/index!./src/pages/orders/index.tsx ***! \******************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ OrdersPage; } /* harmony export */ }); /* harmony import */ var F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); /* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"); /* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tarojs/taro */ "./node_modules/@tarojs/taro/index.js"); /* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/cjs/react.production.min.js"); /* harmony import */ var _utils_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/store */ "./src/utils/store.ts"); /* harmony import */ var _components_ThemeToggle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ThemeToggle */ "./src/components/ThemeToggle/index.tsx"); /* harmony import */ var _context_ThemeContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../context/ThemeContext */ "./src/context/ThemeContext.tsx"); /* harmony import */ var _components_LoginGuard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/LoginGuard */ "./src/components/LoginGuard/index.tsx"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/cjs/react-jsx-runtime.production.min.js"); var STATUS_TABS = [{ code: 'all', label: '全部' }, { code: 'pending', label: '待付款' }, { code: 'paid', label: '待发货' }, { code: 'shipping', label: '待收货' }, { code: 'done', label: '已完成' }]; var STATUS_MAP = { pending: { label: '待付款', badge: 'badge-pink' }, paid: { label: '待发货', badge: 'badge-blue' }, shipping: { label: '待收货', badge: 'badge-blue' }, done: { label: '已完成', badge: 'badge-green' }, cancelled: { label: '已取消', badge: 'badge-gray' } }; function OrdersPage() { var _useThemeContext = (0,_context_ThemeContext__WEBPACK_IMPORTED_MODULE_4__.useThemeContext)(), theme = _useThemeContext.theme; var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('all'), _useState2 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__["default"])(_useState, 2), activeTab = _useState2[0], setActiveTab = _useState2[1]; var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), _useState4 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__["default"])(_useState3, 2), orders = _useState4[0], setOrders = _useState4[1]; var load = function load() { return setOrders((0,_utils_store__WEBPACK_IMPORTED_MODULE_2__.getOrderList)()); }; (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(load, []); // 读取从 profile 跳转过来的筛选状态 (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () { var init = function init() { var filter = _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().getStorageSync('orders:filter'); if (filter && STATUS_TABS.some(function (t) { return t.code === filter; })) { setActiveTab(filter); _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().removeStorageSync('orders:filter'); } load(); }; init(); // 页面每次显示时刷新 var page = _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().getCurrentInstance().page; if (page) { var orig = page.onShow; page.onShow = function () { init(); if (orig) orig.apply(this); }; } }, []); // 页面每次显示时刷新（处理下单后同步） (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () { var _Taro$eventCenter, _Taro$eventCenter$onc; (_Taro$eventCenter = (_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().eventCenter)) === null || _Taro$eventCenter === void 0 || (_Taro$eventCenter$onc = _Taro$eventCenter.once) === null || _Taro$eventCenter$onc === void 0 || _Taro$eventCenter$onc.call(_Taro$eventCenter, 'orders:refresh', load); load(); return function () { var _Taro$eventCenter2, _Taro$eventCenter2$of; (_Taro$eventCenter2 = (_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().eventCenter)) === null || _Taro$eventCenter2 === void 0 || (_Taro$eventCenter2$of = _Taro$eventCenter2.off) === null || _Taro$eventCenter2$of === void 0 || _Taro$eventCenter2$of.call(_Taro$eventCenter2, 'orders:refresh', load); }; }, []); var filteredOrders = activeTab === 'all' ? orders : orders.filter(function (o) { return o.statusCode === activeTab; }); var goDetail = function goDetail(order) { _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateTo({ url: "/pages/orderDetail/index?orderId=".concat(order.id) }); }; return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "theme-".concat(theme), children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_LoginGuard__WEBPACK_IMPORTED_MODULE_5__["default"], { children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "orders-page", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_ThemeToggle__WEBPACK_IMPORTED_MODULE_3__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "page-header dashed-card mt-20", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "star-badge" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "page-title", children: "\u6211\u7684\u8BA2\u5355" })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "status-tabs", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.ScrollView, { className: "tabs-scroll", scrollX: true, children: STATUS_TABS.map(function (tab) { return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "tab-item ".concat(activeTab === tab.code ? 'active' : ''), onClick: function onClick() { return setActiveTab(tab.code); }, children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "tab-label", children: tab.label }), activeTab === tab.code && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "tab-underline" })] }, tab.code); }) }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.ScrollView, { className: "orders-list", scrollY: true, children: [filteredOrders.map(function (order) { var status = STATUS_MAP[order.statusCode] || STATUS_MAP.pending; return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-card dashed-card", onClick: function onClick() { return goDetail(order); }, children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "star-badge" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-header", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "order-date", children: order.date }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "badge ".concat(status.badge), children: status.label })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-body", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-icon-wrapper", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "order-icon", children: order.productIcon }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-info", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "order-product", children: order.productName }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "order-sku", children: order.sku }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "order-meta", children: ["\u6570\u91CF: ", order.count, " \u4EF6 | ", order.id] })] })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-footer", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-price-bar", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "price-label", children: "\u5B9E\u4ED8\u6B3E" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "price-value", children: order.price })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "order-actions", children: [order.statusCode === 'pending' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-gradient order-btn", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u7ACB\u5373\u4ED8\u6B3E" }) }), order.statusCode === 'paid' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-outline order-btn", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u50AC\u53D1\u8D27" }) }), order.statusCode === 'shipping' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, { children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-outline order-btn", onClick: function onClick(e) { e.stopPropagation(); _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({ title: '查看物流', icon: 'none' }); }, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u67E5\u770B\u7269\u6D41" }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-gradient order-btn", onClick: function onClick(e) { e.stopPropagation(); _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({ title: '确认收货', icon: 'none' }); }, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u786E\u8BA4\u6536\u8D27" }) })] }), order.statusCode === 'done' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, { children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-outline order-btn", onClick: function onClick(e) { e.stopPropagation(); _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({ title: '申请售后', icon: 'none' }); }, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u7533\u8BF7\u552E\u540E" }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-gradient order-btn", onClick: function onClick(e) { e.stopPropagation(); _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({ title: '再来一单', icon: 'none' }); }, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u518D\u6765\u4E00\u5355" }) })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-outline order-btn", onClick: function onClick(e) { e.stopPropagation(); goDetail(order); }, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u8BE6\u60C5" }) })] })] })] }, order.id); }), filteredOrders.length === 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "empty-state", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "empty-icon", children: "\uD83D\uDCE6" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "empty-text", children: "\u6682\u65E0\u8BA2\u5355" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { className: "empty-sub", children: "\u53BB\u9996\u9875\u5F00\u59CB\u5B9A\u5236\u5427" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { className: "btn-gradient", onClick: function onClick() { return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().switchTab({ url: '/pages/index/index' }); }, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, { children: "\u53BB\u5B9A\u5236" }) })] })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, { style: { height: '40px' } })] }) }) }); } /***/ }), /***/ "./src/pages/orders/index.tsx": /*!************************************!*\ !*** ./src/pages/orders/index.tsx ***! \************************************/ /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) { /* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tarojs/runtime */ "./node_modules/@tarojs/runtime/dist/runtime.esm.js"); /* harmony import */ var _node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_orders_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !!../../../node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/orders/index!./index.tsx */ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/orders/index!./src/pages/orders/index.tsx"); var config = {}; var inst = Page((0,_tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__.createPageConfig)(_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_orders_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"], 'pages/orders/index', {root:{cn:[]}}, config || {})) /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_orders_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); } /******/ __webpack_require__.O(0, ["taro","vendors","common"], function() { return __webpack_exec__("./src/pages/orders/index.tsx"); }); /******/ var __webpack_exports__ = __webpack_require__.O(); /******/ } ]); //# sourceMappingURL=index.js.map