@pisell/private-materials 6.3.100 → 6.3.102

package/es/components/ecocup/cupList/hooks/index.d.ts

@@ -1,4 +1,4 @@
 import { useColumns } from './useColumns';
 import { useSummary } from './useSummary';
-import { useCupListsApi, useStatisticsApi, useEcoShopListsApi } from './useCupApi';
-export { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, };
+import { useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi } from './useCupApi';
+export { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi };

package/es/components/ecocup/cupList/hooks/index.js

@@ -1,4 +1,4 @@
 import { useColumns } from "./useColumns";
 import { useSummary } from "./useSummary";
-import { useCupListsApi, useStatisticsApi, useEcoShopListsApi } from "./useCupApi";
-export { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi };
+import { useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi } from "./useCupApi";
+export { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi };

package/es/components/ecocup/cupList/hooks/useColumns.d.ts

@@ -3,6 +3,7 @@ import '../index.less';
 interface IProps {
     onClickAction: (type: string, record: any) => void;
     locales: any;
+    isEcoShare?: boolean;
 }
 export declare const useColumns: (props: IProps) => ({
     title: any;
@@ -35,7 +36,7 @@ export declare const useColumns: (props: IProps) => ({
     title: any;
     dataIndex: string;
     key: string;
-    hidden: boolean;
+    hidden: boolean | undefined;
     width: number;
     render: (text: string, record: any) => React.JSX.Element | null;
     align?: undefined;

package/es/components/ecocup/cupList/hooks/useColumns.js

@@ -3,16 +3,14 @@ import dayjs from 'dayjs';
 import { Button } from '@pisell/materials';
 import { STATUS_TEXT_MAP, STATUS_COLOR_MAP } from "../const";
 import MoreDropdown from "../../components/MoreDropdown";
-import { useGetGoalShopInfo, useIsApp } from "../../hooks";
+import { useIsApp } from "../../hooks";
 import "../index.less";
 var prefixCls = 'ecocup-cup-list';
 export var useColumns = function useColumns(props) {
   var onClickAction = props.onClickAction,
-    locales = props.locales;
-  var _useGetGoalShopInfo = useGetGoalShopInfo(),
-    isNormalShop = _useGetGoalShopInfo.isNormalShop;
+    locales = props.locales,
+    isEcoShare = props.isEcoShare;
   var isApp = useIsApp();
-  var hiddenColumn = isApp ? false : isNormalShop;
   var getRelativeTime = function getRelativeTime(text) {
     if (!text) return '';
     var diff = dayjs().diff(dayjs(text), 'day');
@@ -144,7 +142,7 @@ export var useColumns = function useColumns(props) {
     title: locales.getText('pisell2.text.ecocup.table.actions'),
     dataIndex: 'actions',
     key: 'actions',
-    hidden: isApp,
+    hidden: isApp || isEcoShare,
     width: 180,
     render: function render(text, record) {
       var _status = (record === null || record === void 0 ? void 0 : record.status) || '';

package/es/components/ecocup/cupList/hooks/useCupApi.d.ts

@@ -16,17 +16,26 @@ interface GetStatisticsParams {
     type?: 'eco' | 'normal';
     partner_shop_id?: number;
 }
-export declare const useCupListsApi: () => {
+interface IProps {
+    isEcoShare?: boolean;
+}
+export declare const useCupListsApi: (props: IProps) => {
     loading: boolean;
     data: any;
     run: (params: GetCupListsParams) => Promise<void>;
 };
-export declare const useStatisticsApi: () => {
+export declare const useStatisticsApi: (props: IProps) => {
     data: any;
     getStatics: (params: GetStatisticsParams) => Promise<void>;
 };
-export declare const useEcoShopListsApi: () => {
+export declare const useEcoShopListsApi: (props: IProps) => {
     data: any;
     getEcoShopLists: (params?: any) => Promise<void>;
 };
+export declare const useShareApi: () => {
+    postShareApi: () => Promise<void>;
+};
+export declare const useExportApi: () => {
+    postExportApi: (params?: any) => Promise<void>;
+};
 export {};

package/es/components/ecocup/cupList/hooks/useCupApi.js

@@ -13,9 +13,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState, useCallback } from "react";
-import { useRequest, useGetGoalShopInfo, useIsApp } from "../../hooks";
-export var useCupListsApi = function useCupListsApi() {
+import { useState, useCallback, useMemo } from 'react';
+import { PisellToast } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import useEngineContext from "../../../../hooks/useEngineContext";
+import { useRequest, useGetGoalShopInfo, useIsApp, useGetShopId, useGetApp } from "../../hooks";
+var getApiConfig = function getApiConfig(isEcoShare) {
+  if (!isEcoShare) return {};
+  return {
+    isShopApi: true
+  };
+};
+export var useCupListsApi = function useCupListsApi(props) {
+  var isEcoShare = props.isEcoShare;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
@@ -29,6 +39,7 @@ export var useCupListsApi = function useCupListsApi() {
   var _useGetGoalShopInfo = useGetGoalShopInfo(),
     isNormalShop = _useGetGoalShopInfo.isNormalShop;
   var isApp = useIsApp();
+  var apiConfig = getApiConfig(isEcoShare);
   var getCupLists = useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
       var api, isPartner, _params, res;
@@ -53,7 +64,7 @@ export var useCupListsApi = function useCupListsApi() {
               };
             }
             _context.next = 9;
-            return get(api, _params);
+            return get(api, _params, apiConfig);
           case 9:
             res = _context.sent;
             setData((res === null || res === void 0 ? void 0 : res.data) || {});
@@ -80,7 +91,8 @@ export var useCupListsApi = function useCupListsApi() {
     run: getCupLists
   };
 };
-export var useStatisticsApi = function useStatisticsApi() {
+export var useStatisticsApi = function useStatisticsApi(props) {
+  var isEcoShare = props.isEcoShare;
   var _useState5 = useState({}),
     _useState6 = _slicedToArray(_useState5, 2),
     data = _useState6[0],
@@ -89,6 +101,7 @@ export var useStatisticsApi = function useStatisticsApi() {
     get = _useRequest2.get;
   var _useGetGoalShopInfo2 = useGetGoalShopInfo(),
     isNormalShop = _useGetGoalShopInfo2.isNormalShop;
+  var apiConfig = getApiConfig(isEcoShare);
   var getStatics = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
       var isPartner, _params, res;
@@ -101,7 +114,7 @@ export var useStatisticsApi = function useStatisticsApi() {
               type: isPartner ? 'partner' : 'eco'
             }, params);
             _context2.next = 5;
-            return get('/shop/wallet/eco/statistics', _params);
+            return get('/shop/wallet/eco/statistics', _params, apiConfig);
           case 5:
             res = _context2.sent;
             setData((res === null || res === void 0 ? void 0 : res.data) || {});
@@ -127,13 +140,15 @@ export var useStatisticsApi = function useStatisticsApi() {
 };
 
 // eco店铺列表
-export var useEcoShopListsApi = function useEcoShopListsApi() {
+export var useEcoShopListsApi = function useEcoShopListsApi(props) {
+  var isEcoShare = props.isEcoShare;
   var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
     data = _useState8[0],
     setData = _useState8[1];
   var _useRequest3 = useRequest(),
     get = _useRequest3.get;
+  var apiConfig = getApiConfig(isEcoShare);
   var getEcoShopLists = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params) {
       var _params, res;
@@ -146,7 +161,7 @@ export var useEcoShopListsApi = function useEcoShopListsApi() {
               num: 100
             };
             _context3.next = 4;
-            return get('/shop/wallet/eco/shops', _params);
+            return get('/shop/wallet/eco/shops', _params, apiConfig);
           case 4:
             res = _context3.sent;
             setData((res === null || res === void 0 ? void 0 : res.data) || []);
@@ -169,4 +184,129 @@ export var useEcoShopListsApi = function useEcoShopListsApi() {
     data: data,
     getEcoShopLists: getEcoShopLists
   };
+};
+
+// 分享
+export var useShareApi = function useShareApi() {
+  var _coreData$tenant3;
+  var _useRequest4 = useRequest(),
+    post = _useRequest4.post;
+  var app = useGetApp();
+  var context = useEngineContext();
+  var coreData = useMemo(function () {
+    var _app, _app$getStore, _app$getStore$getData;
+    return app === null || app === void 0 || (_app = app()) === null || _app === void 0 || (_app = _app.data) === null || _app === void 0 || (_app = _app.store) === null || _app === void 0 || (_app$getStore = _app.getStore) === null || _app$getStore === void 0 || (_app$getStore = _app$getStore.call(_app)) === null || _app$getStore === void 0 || (_app$getStore$getData = _app$getStore.getDataByModel) === null || _app$getStore$getData === void 0 ? void 0 : _app$getStore$getData.call(_app$getStore, 'tenantCore', 'core');
+  }, [app]);
+  var postShareApi = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _app2, _app2$getStorage, _context$appHelper, _res$data, _coreData$tenant, token, _ref5, copyToClipboard, params, res, _coreData$tenant2, _res$data2, path, url;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.prev = 0;
+          token = (_app2 = app()) === null || _app2 === void 0 || (_app2 = _app2.data) === null || _app2 === void 0 || (_app2 = _app2.storage) === null || _app2 === void 0 || (_app2$getStorage = _app2.getStorage) === null || _app2$getStorage === void 0 ? void 0 : _app2$getStorage.call(_app2, 'token');
+          _ref5 = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.businessUtils) || {}, copyToClipboard = _ref5.copyToClipboard;
+          if (token) {
+            _context4.next = 5;
+            break;
+          }
+          return _context4.abrupt("return");
+        case 5:
+          params = {
+            // 有效期，7天，转成秒
+            ttl: 7 * 24 * 60 * 60,
+            data: {
+              login_token: token
+            }
+          };
+          _context4.next = 8;
+          return post('/tenant/core/stash-token', params, {
+            isPisell2: true
+          });
+        case 8:
+          res = _context4.sent;
+          if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.token && coreData !== null && coreData !== void 0 && (_coreData$tenant = coreData.tenant) !== null && _coreData$tenant !== void 0 && _coreData$tenant.default_domain) {
+            path = "https://".concat(coreData === null || coreData === void 0 || (_coreData$tenant2 = coreData.tenant) === null || _coreData$tenant2 === void 0 ? void 0 : _coreData$tenant2.default_domain, "/admin/ecocup/cup-list");
+            url = "".concat(path, "?source=ecoShare&key=").concat(res === null || res === void 0 || (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.token);
+            copyToClipboard && copyToClipboard(url);
+            PisellToast({
+              content: locales.getText('pisell2.text.ecocup.toast.success-copy-link')
+            });
+          }
+          _context4.next = 15;
+          break;
+        case 12:
+          _context4.prev = 12;
+          _context4.t0 = _context4["catch"](0);
+          console.log('分享失败', _context4.t0);
+        case 15:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4, null, [[0, 12]]);
+  })), [coreData === null || coreData === void 0 || (_coreData$tenant3 = coreData.tenant) === null || _coreData$tenant3 === void 0 ? void 0 : _coreData$tenant3.default_domain]);
+  return {
+    postShareApi: postShareApi
+  };
+};
+
+// 导出
+export var useExportApi = function useExportApi() {
+  var _useRequest5 = useRequest(),
+    post = _useRequest5.post;
+  var shopId = useGetShopId();
+  var context = useEngineContext();
+  var postExportApi = useCallback( /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(params) {
+      var _context$appHelper2, _res$data3, _ref7, downloadFile, isPartner, listParams, _params, res, timestamp, filename;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.prev = 0;
+            _ref7 = (context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils) || {}, downloadFile = _ref7.downloadFile;
+            isPartner = params.isPartner, listParams = params.listParams;
+            _params = {
+              type: isPartner ? 'partner' : 'eco',
+              business_shop_id: !isPartner ? shopId : listParams === null || listParams === void 0 ? void 0 : listParams.partner_shop_id,
+              operated_at_start: listParams === null || listParams === void 0 ? void 0 : listParams.operated_at_start,
+              operated_at_end: listParams === null || listParams === void 0 ? void 0 : listParams.operated_at_end
+            };
+            _context5.next = 6;
+            return post('/shop/wallet/eco/export-url', _params);
+          case 6:
+            res = _context5.sent;
+            if (!(res !== null && res !== void 0 && (_res$data3 = res.data) !== null && _res$data3 !== void 0 && _res$data3.export_url)) {
+              _context5.next = 13;
+              break;
+            }
+            // 文件名格式：shop-eco-cups-YYYYMMDDHHMMSS.csv
+            timestamp = new Date().toISOString().replace(/[-:T.]/g, '').slice(0, 14);
+            filename = "shop-eco-cups-".concat(timestamp, ".csv");
+            downloadFile && downloadFile(res.data.export_url, filename);
+            PisellToast({
+              content: locales.getText('pisell2.text.ecocup.export.success')
+            });
+            return _context5.abrupt("return");
+          case 13:
+            PisellToast({
+              content: locales.getText('pisell2.text.ecocup.export.fail')
+            });
+            _context5.next = 19;
+            break;
+          case 16:
+            _context5.prev = 16;
+            _context5.t0 = _context5["catch"](0);
+            console.log('导出失败', _context5.t0);
+          case 19:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5, null, [[0, 16]]);
+    }));
+    return function (_x4) {
+      return _ref6.apply(this, arguments);
+    };
+  }(), []);
+  return {
+    postExportApi: postExportApi
+  };
 };

package/es/components/ecocup/cupList/hooks/useSummary.js

@@ -5,17 +5,19 @@ var prefixCls = 'ecocup-cup-list';
 export var useSummary = function useSummary(locales, staticsData, isPartner) {
   var summaryData = useMemo(function () {
     return [{
-      key: 'available-to-rent',
-      title: locales.getText('pisell2.text.ecocup.available-to-rent'),
-      value: (staticsData === null || staticsData === void 0 ? void 0 : staticsData.in_stock_count) || 0
-    }, {
       key: 'cup-rent',
       title: isPartner ? locales.getText('pisell2.text.ecocup.cup-rent') : locales.getText('pisell2.text.ecocup.eco.cup-rent'),
-      value: (staticsData === null || staticsData === void 0 ? void 0 : staticsData.rent_count) || 0
+      value: (staticsData === null || staticsData === void 0 ? void 0 : staticsData.rent_count) || 0,
+      type: 'primary'
     }, {
       key: 'cup-returned',
       title: isPartner ? locales.getText('pisell2.text.ecocup.cup-returned') : locales.getText('pisell2.text.ecocup.eco.cup-returned'),
-      value: (staticsData === null || staticsData === void 0 ? void 0 : staticsData.return_count) || 0
+      value: (staticsData === null || staticsData === void 0 ? void 0 : staticsData.return_count) || 0,
+      type: 'primary'
+    }, {
+      key: 'available-to-rent',
+      title: locales.getText('pisell2.text.ecocup.available-to-rent'),
+      value: (staticsData === null || staticsData === void 0 ? void 0 : staticsData.in_stock_count) || 0
     }];
   }, [staticsData, isPartner]);
   return useMemo(function () {
@@ -28,7 +30,7 @@ export var useSummary = function useSummary(locales, staticsData, isPartner) {
           span: 8,
           key: item.key
         }, /*#__PURE__*/React.createElement(Card, {
-          className: "".concat(prefixCls, "-summary-card")
+          className: "".concat(prefixCls, "-summary-card ").concat((item === null || item === void 0 ? void 0 : item.type) === 'primary' ? "".concat(prefixCls, "-summary-primary") : '')
         }, /*#__PURE__*/React.createElement(Statistic, {
           title: item.title,
           value: item.value,

package/es/components/ecocup/cupList/index.js

@@ -11,19 +11,19 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useEffect, useCallback, useRef, useMemo } from 'react';
-import { useDebounceFn } from 'ahooks';
+import { useDebounceFn, useMemoizedFn } from 'ahooks';
 import dayjs from 'dayjs';
-import { Table, DatePicker, Page } from '@pisell/materials';
+import { Table, DatePicker, Page, Button, Icon } from '@pisell/materials';
 import { locales } from '@pisell/utils';
 import { CalendarOutlined } from '@ant-design/icons';
-import { usePlatform } from "../../../hooks/useEngineContext";
-import { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi } from "./hooks";
-import { SORT_SETTINGS, COLUMN_SETTING, FILTER } from "./const";
+import { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi } from "./hooks";
+import { SORT_SETTINGS, COLUMN_SETTING, FILTER, HEADER_RIGHT_OPTIONS } from "./const";
 import PageHeader from "../components/PageHeader";
 import CupActionModal from "../components/CupActionModal";
 import SearchBar from "../components/SearchBar";
-import { useLanguage, useModal, useGetGoalShopInfo, useIsApp } from "../hooks";
+import { useLanguage, useModal, useGetGoalShopInfo, useIsApp, useGetShopId } from "../hooks";
 import localeTexts from "../locales";
+import { useGetShare } from "../hooks";
 import "./index.less";
 var prefixCls = 'ecocup-cup-list';
 var SCAN_LISTENER_KEY = 'eco-cup-list-scan-listener';
@@ -37,9 +37,11 @@ var CupList = function CupList(props) {
   var cupActionModal = useModal('ecocup-list-action-modal');
   var _useGetGoalShopInfo = useGetGoalShopInfo(),
     isNormalShop = _useGetGoalShopInfo.isNormalShop;
+  var shopId = useGetShopId();
   var isApp = useIsApp();
-  var platform = usePlatform();
   var language = useLanguage();
+  var _useGetShare = useGetShare(),
+    isEcoShare = _useGetShare.isEcoShare;
   locales.init(localeTexts, language);
   var _useState3 = useState({
       skip: 1,
@@ -50,16 +52,26 @@ var CupList = function CupList(props) {
     setListParams = _useState4[1];
   // 使用 ref 保存最新的 listParams，用于在回调中获取最新值
   var listParamsRef = useRef(listParams);
-  var _useCupListsApi = useCupListsApi(),
+  var _useCupListsApi = useCupListsApi({
+      isEcoShare: isEcoShare
+    }),
     loading = _useCupListsApi.loading,
     data = _useCupListsApi.data,
     run = _useCupListsApi.run;
-  var _useStatisticsApi = useStatisticsApi(),
+  var _useStatisticsApi = useStatisticsApi({
+      isEcoShare: isEcoShare
+    }),
     staticsData = _useStatisticsApi.data,
     getStatics = _useStatisticsApi.getStatics;
-  var _useEcoShopListsApi = useEcoShopListsApi(),
+  var _useEcoShopListsApi = useEcoShopListsApi({
+      isEcoShare: isEcoShare
+    }),
     ecoShopLists = _useEcoShopListsApi.data,
     getEcoShopLists = _useEcoShopListsApi.getEcoShopLists;
+  var _useExportApi = useExportApi(),
+    postExportApi = _useExportApi.postExportApi;
+  var _useShareApi = useShareApi(),
+    postShareApi = _useShareApi.postShareApi;
   var isPartner = useMemo(function () {
     return !!(isNormalShop || listParams !== null && listParams !== void 0 && listParams.partner_shop_id);
   }, [isNormalShop, listParams === null || listParams === void 0 ? void 0 : listParams.partner_shop_id]);
@@ -101,7 +113,8 @@ var CupList = function CupList(props) {
   }, [cupActionModal]);
   var columns = useColumns({
     onClickAction: handleClickAction,
-    locales: locales
+    locales: locales,
+    isEcoShare: isEcoShare
   });
   var summary = useSummary(locales, staticsData, isPartner);
 
@@ -167,6 +180,39 @@ var CupList = function CupList(props) {
       localPagination: false
     };
   }, [data === null || data === void 0 ? void 0 : data.count, listParams === null || listParams === void 0 ? void 0 : listParams.skip]);
+  var onClickButton = useMemoizedFn(function (key) {
+    if (key === 'export') {
+      postExportApi({
+        isPartner: isPartner,
+        listParams: listParams
+      });
+    } else if (key === 'share') {
+      postShareApi();
+    }
+  });
+  var headerRightContent = useMemo(function () {
+    // 只有总店有导出和分享功能
+    if (isNormalShop || isEcoShare) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header-right-content")
+    }, HEADER_RIGHT_OPTIONS.map(function (button) {
+      return /*#__PURE__*/React.createElement(Button, {
+        key: button.key,
+        type: button.type,
+        size: "large",
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          type: button.icon,
+          size: 22
+        }),
+        onClick: function onClick() {
+          return onClickButton(button.key);
+        },
+        className: "".concat(prefixCls, "-header-right-content-button")
+      }, locales.getText(button.languageKey));
+    }));
+  }, [isNormalShop, onClickButton, isEcoShare]);
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-container")
   }, /*#__PURE__*/React.createElement(Page, {
@@ -177,7 +223,9 @@ var CupList = function CupList(props) {
     dataSource: (data === null || data === void 0 ? void 0 : data.list) || [],
     columns: columns,
     title: !isApp ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageHeader, {
-      title: locales.getText('pisell2.text.ecocup.title')
+      title: locales.getText('pisell2.text.ecocup.title'),
+      rightContent: headerRightContent,
+      isReturn: !isEcoShare
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-header")
     }, /*#__PURE__*/React.createElement(DatePicker.RangePicker, {

package/es/components/ecocup/cupList/index.less

@@ -7,19 +7,21 @@
     display: flex;
     flex-direction: column;
     padding: 38px 12px 12px;
-    
-    .pisell-lowcode-page-header-left{
+
+    .pisell-lowcode-page-header-left {
       flex: 1;
     }
-    .pisell-lowcode-action-btn-icon{
-      color: #fff!important;
-      &:hover{
-        color: #101828!important;
+
+    .pisell-lowcode-action-btn-icon {
+      color: #fff !important;
+
+      &:hover {
+        color: #101828 !important;
       }
     }
 
-    .materials-grid-table-wrap{
-      .grid-view-table-wrap{
+    .materials-grid-table-wrap {
+      .grid-view-table-wrap {
         border-radius: 0 0 10px 10px;
         overflow: hidden;
       }
@@ -37,64 +39,84 @@
     width: 240px !important;
     background: #916ce0;
     border-radius: 8px;
-    > div > div {
+
+    >div>div {
       font-size: 14px;
       color: #fff;
       font-weight: 600;
       line-height: 20px;
-      input{
+
+      input {
         height: 38px !important;
         line-height: 38px !important;
         padding: 0 0 0 14px !important;
-         &::selection {
-           background: transparent;
-         }
+
+        &::selection {
+          background: transparent;
+        }
       }
     }
   }
 
   &-summary {
     &-card {
-      height: 80px;
+      min-height: 80px;
+      border: none;
+
       .pisell-lowcode-card-body {
         padding: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         height: 100%;
+        min-height: 80px;
       }
+
       &-statistic {
         display: flex;
         flex-direction: column;
         text-align: center;
         gap: 8px;
         font-weight: 600;
+
         .pisell-lowcode-statistic-title,
         .pisell-lowcode-statistic-content-value {
-          // color: #5d3f9f !important;
           line-height: 24px;
           margin: 0;
         }
+
         .pisell-lowcode-statistic-content-value {
           font-size: 28px;
         }
+
         .pisell-lowcode-statistic-content {
           line-height: 28px;
         }
       }
     }
+
+    &-primary {
+      background: #916ce0;
+
+      .pisell-lowcode-statistic-title,
+      .pisell-lowcode-statistic-content-value {
+        color: #ffffff !important;
+      }
+    }
   }
 
   &-table {
     td {
       text-align: center;
     }
+
     &-table-row {
       &:hover {
         cursor: pointer;
       }
     }
   }
+
   &-table-status {
     padding: 4px 8px;
     border-radius: 16px;
@@ -104,10 +126,34 @@
     width: max-content;
     margin: 0 auto;
   }
+
   &-table-actions {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
   }
-}
+
+  &-header-right-content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    &-button {
+      width: 100px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      box-shadow: none;
+      border: 1px solid #7f56d9;
+      color: #7f56d9;
+      font-weight: bold;
+      &:hover {
+        background: #7f56d9;
+        color: #fff;
+      }
+    }
+  }
+}

package/es/components/ecocup/cupProject/const.js

@@ -16,7 +16,7 @@ export var CUP_PROJECT_FOOTER_BUTTONS = [{
   type: 'primary',
   size: 'large',
   languageKey: 'pisell2.text.cup-project.footer.button.cup-list'
-}
+},
 // {
 //   key: 'register-cups',
 //   icon: 'RestOutlined',
@@ -24,4 +24,10 @@ export var CUP_PROJECT_FOOTER_BUTTONS = [{
 //   size: 'large',
 //   languageKey: 'pisell2.text.cup-project.footer.button.register-cups',
 // },
-];
+{
+  key: 'setting',
+  icon: 'pisell2-settings-02',
+  type: 'primary',
+  size: 'large',
+  languageKey: 'pisell2.text.cup-project.footer.button.setting'
+}];