tplus-member 3.31.3 → 3.31.8

package/dist/member/memberMenuStorage/modifyPass/style.less

@@ -1,96 +1,96 @@
-.u-modal {
-  .u-close{
-    opacity: 1 !important;//统一覆盖
-  }
-  &.in {
-    .modify-password{
-      top: 50% !important;
-      transform: translateY(-50%) !important;
-    }
-  }
-  &.fade {
-    .modify-password{
-      top: 50%;
-      transform: translateY(-65%);
-    }
-  }
-}
-.modify-password{
-  margin: 0 auto !important;
-  .u-modal-header{
-    font-size: 18px;
-    color: #333333;
-    line-height: 18px;
-    border-bottom: 1px solid #E6E6EB;
-    padding: 10px 16px;
-    .u-modal-title{
-      font-weight: 500;
-    }
-    .u-close{
-      outline: none;
-    }
-  }
-  .u-modal-body{
-    padding: 28px 30px;
-  }
-  .u-modal-footer{
-    padding: 8px 16px;
-    border-top: 1px solid #E6E6EB;
-  }
-  .modifypass-cancal-button{
-    border-radius: 4px;
-    min-width: 76px;
-    box-sizing: border-box;
-  }
-  .modifypass-ok-button{
-    border-radius: 4px;
-    font-size: 16px;
-    text-align: center;
-    border: 0;
-    margin-left: 16px;
-    min-width: 76px;
-    box-sizing: border-box;
-  }
-  .modify-password-container2 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-
-    .tplus-container {
-
-      width: 100%;
-      padding: 20px;
-
-      .tplus-input-container {
-        margin-bottom: 24px;
-        width        : 100%;
-
-        &:last-child {
-          margin-bottom: 10px;
-        }
-
-        &:first-child {
-          margin-top: 24px;
-        }
-      }
-
-      .tplus-input-title {
-        width: 80px;
-      }
-    }
-  }
-  .passContainer {
-    display: flex;
-    padding: 10px 0;
-    .one {
-      width: 120px;
-      text-align: right;
-      padding-right: 10px;
-    }
-    .two {
-      width: 266px;
-    }
-  }
-}
-
+.u-modal {
+  .u-close{
+    opacity: 1 !important;//统一覆盖
+  }
+  &.in {
+    .modify-password{
+      top: 50% !important;
+      transform: translateY(-50%) !important;
+    }
+  }
+  &.fade {
+    .modify-password{
+      top: 50%;
+      transform: translateY(-65%);
+    }
+  }
+}
+.modify-password{
+  margin: 0 auto !important;
+  .u-modal-header{
+    font-size: 18px;
+    color: #333333;
+    line-height: 18px;
+    border-bottom: 1px solid #E6E6EB;
+    padding: 10px 16px;
+    .u-modal-title{
+      font-weight: 500;
+    }
+    .u-close{
+      outline: none;
+    }
+  }
+  .u-modal-body{
+    padding: 28px 30px;
+  }
+  .u-modal-footer{
+    padding: 8px 16px;
+    border-top: 1px solid #E6E6EB;
+  }
+  .modifypass-cancal-button{
+    border-radius: 4px;
+    min-width: 76px;
+    box-sizing: border-box;
+  }
+  .modifypass-ok-button{
+    border-radius: 4px;
+    font-size: 16px;
+    text-align: center;
+    border: 0;
+    margin-left: 16px;
+    min-width: 76px;
+    box-sizing: border-box;
+  }
+  .modify-password-container2 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+
+    .tplus-container {
+
+      width: 100%;
+      padding: 20px;
+
+      .tplus-input-container {
+        margin-bottom: 24px;
+        width        : 100%;
+
+        &:last-child {
+          margin-bottom: 10px;
+        }
+
+        &:first-child {
+          margin-top: 24px;
+        }
+      }
+
+      .tplus-input-title {
+        width: 80px;
+      }
+    }
+  }
+  .passContainer {
+    display: flex;
+    padding: 10px 0;
+    .one {
+      width: 120px;
+      text-align: right;
+      padding-right: 10px;
+    }
+    .two {
+      width: 266px;
+    }
+  }
+}
+

package/dist/member/memberMenuStorage/style.less

@@ -1,130 +1,130 @@
-.member-menu{
-    margin-top: 15px;
-    overflow-x: auto;
-    min-width: 575px;
-    white-space: nowrap;
-    display: flex;
-    .member-menu-el{
-        border-radius: 4px;
-        height: 30px;
-        font-family: PingFang-SC-Medium;
-        font-size: 14px;
-        line-height: 21px;
-        padding:4px 10px;
-        float: left;
-        margin-left:20px;
-        cursor: pointer;
-        text-align: center;
-        span{
-            margin-left:9px;
-        }
-        .menuHotkey {
-            display: none;
-        }
-        .iconfont {
-            font-size: 14px;
-        }
-    }
-    // .disabled-member-select-btn{
-    //     color: #ffca9a !important;
-    //     border-color: #ffca9a !important;
-    // }
-    .memberHeight {
-        width: 100px !important;
-        height: 44px !important;
-        overflow: hidden !important;
-        padding:4px 4px;
-        .menuHotkey {
-            display: block;
-            width: 100%;
-            font-size: 14px;
-            color: #999999;
-            font-weight: 400;
-            height: 14px;
-            line-height: 14px;
-            white-space: nowrap; 
-            overflow: hidden; 
-            text-overflow: ellipsis;
-        }
-    }
-}
-.storage-footer {
-    .zhifubao {
-        color: #21A5F3;
-        font-size: 20px;
-    }
-
-    .weixin {
-        color: #09C22B;
-        font-size: 20px;
-    }
-
-    .xianjin {
-        color: #FFA941;
-        font-size: 20px;
-    }
-
-    button:first-child {
-        margin-left: 0;
-    }
-
-    button:last-child {
-        background: #FF8C26;
-        color     : white;
-    }
-
-    button {
-        width     : 79px;
-        padding   : 4px 6px !important;
-        background: white;
-
-        span {
-            margin-left   : 2px;
-            font-family   : PingFang-SC-Medium;
-            font-size     : 14px !important;
-            color         : #474364;
-            line-height   : 22px;
-            vertical-align: top;
-        }
-    }
-}
-.refund {
-    .ant-modal-body {
-        height: auto !important;
-    }
-    .refund-container {
-        padding: 0 23px;
-        padding-bottom: 27px;
-        .refund-list {
-            margin-left: 86px;
-        }
-        .refund-item {
-            margin-top: 30px;
-            color: #000;
-            line-height: 14px;
-            
-            .title {
-                margin-right: 4px;
-                font-size: 14px;
-                font-weight: normal;
-            }
-            .value {
-                font-size: 16px;
-                font-weight: bold;
-            }
-            .special {
-                color: #FF595E;
-                font-weight: bold;
-            }
-        }
-        .tips {
-            margin-top: 35px;
-            font-size: 13px;
-            color: #666666;
-            letter-spacing: 0;
-            text-align: justify;
-            line-height: 25px;
-            font-weight: 400;
-        }
-    }
+.member-menu{
+    margin-top: 15px;
+    overflow-x: auto;
+    min-width: 575px;
+    white-space: nowrap;
+    display: flex;
+    .member-menu-el{
+        border-radius: 4px;
+        height: 30px;
+        font-family: PingFang-SC-Medium;
+        font-size: 14px;
+        line-height: 21px;
+        padding:4px 10px;
+        float: left;
+        margin-left:20px;
+        cursor: pointer;
+        text-align: center;
+        span{
+            margin-left:9px;
+        }
+        .menuHotkey {
+            display: none;
+        }
+        .iconfont {
+            font-size: 14px;
+        }
+    }
+    // .disabled-member-select-btn{
+    //     color: #ffca9a !important;
+    //     border-color: #ffca9a !important;
+    // }
+    .memberHeight {
+        width: 100px !important;
+        height: 44px !important;
+        overflow: hidden !important;
+        padding:4px 4px;
+        .menuHotkey {
+            display: block;
+            width: 100%;
+            font-size: 14px;
+            color: #999999;
+            font-weight: 400;
+            height: 14px;
+            line-height: 14px;
+            white-space: nowrap; 
+            overflow: hidden; 
+            text-overflow: ellipsis;
+        }
+    }
+}
+.storage-footer {
+    .zhifubao {
+        color: #21A5F3;
+        font-size: 20px;
+    }
+
+    .weixin {
+        color: #09C22B;
+        font-size: 20px;
+    }
+
+    .xianjin {
+        color: #FFA941;
+        font-size: 20px;
+    }
+
+    button:first-child {
+        margin-left: 0;
+    }
+
+    button:last-child {
+        background: #FF8C26;
+        color     : white;
+    }
+
+    button {
+        width     : 79px;
+        padding   : 4px 6px !important;
+        background: white;
+
+        span {
+            margin-left   : 2px;
+            font-family   : PingFang-SC-Medium;
+            font-size     : 14px !important;
+            color         : #474364;
+            line-height   : 22px;
+            vertical-align: top;
+        }
+    }
+}
+.refund {
+    .ant-modal-body {
+        height: auto !important;
+    }
+    .refund-container {
+        padding: 0 23px;
+        padding-bottom: 27px;
+        .refund-list {
+            margin-left: 86px;
+        }
+        .refund-item {
+            margin-top: 30px;
+            color: #000;
+            line-height: 14px;
+            
+            .title {
+                margin-right: 4px;
+                font-size: 14px;
+                font-weight: normal;
+            }
+            .value {
+                font-size: 16px;
+                font-weight: bold;
+            }
+            .special {
+                color: #FF595E;
+                font-weight: bold;
+            }
+        }
+        .tips {
+            margin-top: 35px;
+            font-size: 13px;
+            color: #666666;
+            letter-spacing: 0;
+            text-align: justify;
+            line-height: 25px;
+            font-weight: 400;
+        }
+    }
 }

package/dist/member/memberTab/MemberCardInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-member/member/memberTab/MemberCardInfo.js"],"names":["MemberCardInfo","MemberCardInfoItem","props","label","value","list","title","memberList","keyName","storeKey","cardList","length","push","borderColor","map","item","position","transform"],"mappings":";;;;;;;;;;;;;;kBAawBA,c;;;;AAZxB;;;;;;AAGA,SAASC,kBAAT,CAA4BC,KAA5B,EAAmC;AAC/B,WACI;AAAA;AAAA;AACKA,cAAMC,KAAN,IAAe;AAAA;AAAA;AAAOD,kBAAMC,KAAN,IAAe;AAAtB,SADpB;AAEKD,cAAMC,KAAN,IAAe;AAAA;AAAA,cAAM,iBAAc,KAApB;AAAA;AAA4BD,kBAAME,KAAN,IAAe;AAA3C;AAFpB,KADJ;AAMH,C,CAXD;AAae,SAASJ,cAAT,CAAwBE,KAAxB,EAA+B;AAAA,eAC6BA,SAAS,EADtC;AAAA,yBAClCG,IADkC;AAAA,QAClCA,IADkC,6BAC7B,EAD6B;AAAA,QACzBC,KADyB,QACzBA,KADyB;AAAA,+BAClBC,UADkB;AAAA,QAClBA,UADkB,mCACP,EADO;AAAA,QACHC,OADG,QACHA,OADG;AAAA,QACMC,QADN,QACMA,QADN;AAAA,QACgBC,QADhB,QACgBA,QADhB;;AAE1CL,SAAKM,MAAL,GAAc,CAAd,IAAmBN,KAAKO,IAAL,CAAU,EAAV,CAAnB,CAF0C,CAER;AAClC,WACI;AAAA;AAAA;AACI,mBAAON,KADX;AAEI,sBAAU,KAFd;AAGI,uBAAU,kBAHd;AAII,uBAAW,EAAC,WAAW,CAAZ,EAJf;AAKI,uBAAW,EAACO,aAAa,SAAd;AALf;AAQQJ,qBAAa,eAAb,IAAgC,CAAC,CAACF,WAAWI,MAA7C,IAAuD;AAAA;AAAA,cAAK,WAAU,mBAAf;AAE/CN,iBAAKS,GAAL,CAAS,gBAAQ;AACb,uBACI,8BAAC,kBAAD,2BAAoB,KAAKN,UAAUO,KAAKZ,KAAxC,IAAmDY,IAAnD,EADJ;AAGH,aAJD,CAF+C;AAS/C,aAACR,WAAWI,MAAZ,IAAsB;AAAA;AAAA,kBAAG,WAAU,YAAb,EAA0B,OAAO,EAACK,UAAU,UAAX,EAAuBC,WAAW,iBAAlC,EAAjC;AAAA;AAAA;AATyB,SAR/D;AAuBQR,qBAAa,eAAb,IAAgC,CAAC,CAACC,SAASC,MAA3C,IAAqD;AAAA;AAAA,cAAK,WAAU,mBAAf;AAEjDN,iBAAKS,GAAL,CAAS,gBAAQ;AACb,uBACI,8BAAC,kBAAD,2BAAoB,KAAKN,UAAUO,KAAKZ,KAAxC,IAAmDY,IAAnD,EADJ;AAGH,aAJD,CAFiD;AASjD,aAACV,KAAKM,MAAN,IAAgB;AAAA;AAAA,kBAAG,WAAU,YAAb,EAA0B,OAAO,EAACK,UAAU,UAAX,EAAuBC,WAAW,kBAAlC,EAAjC;AAAA;AAAA;AATiC;AAvB7D,KADJ;AAyCH","file":"MemberCardInfo.js","sourcesContent":["// 卡信息组件\r\nimport React from 'react'\r\nimport { Card } from 'antd';\r\n\r\nfunction MemberCardInfoItem(props) {\r\n    return (\r\n        <div>\r\n            {props.label && <span>{props.label || ''}</span>}\r\n            {props.label && <span data-overflow='tip'>：{props.value || ''}</span>}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default function MemberCardInfo(props) {\r\n    const { list=[], title, memberList=[], keyName, storeKey, cardList } = props || {}\r\n    list.length % 2 && list.push({}); //奇数补全\r\n    return (\r\n        <Card \r\n            title={title}\r\n            bordered={false} \r\n            className=\"card-member-card\"\r\n            bodyStyle={{'padding': 0}}\r\n            headStyle={{borderColor: '#C8C8CD'}}\r\n        >\r\n            {\r\n                storeKey === 'memberManager' && !!memberList.length && <div className='member-info-table'>\r\n                    {\r\n                        list.map(item => { \r\n                            return (\r\n                                <MemberCardInfoItem key={keyName + item.label} {...item} />\r\n                            )\r\n                        })\r\n                    }\r\n                    {\r\n                        !memberList.length && <p className='empty-data' style={{position: 'relative', transform: 'translateY(5px)'}}>暂无数据~</p>\r\n                    }\r\n                </div>\r\n            }\r\n\r\n            {\r\n                storeKey === 'memberStorage' && !!cardList.length && <div className='member-info-table'>\r\n                {\r\n                    list.map(item => { \r\n                        return (\r\n                            <MemberCardInfoItem key={keyName + item.label} {...item} />\r\n                        )\r\n                    })\r\n                }\r\n                {\r\n                    !list.length && <p className='empty-data' style={{position: 'relative', transform: 'translateY(10px)'}}>暂无数据~</p>\r\n                }\r\n            </div>\r\n            \r\n            }\r\n            \r\n        </Card>\r\n    )\r\n}\r\n"]}
+{"version":3,"sources":["tplus-member/member/memberTab/MemberCardInfo.js"],"names":["MemberCardInfo","MemberCardInfoItem","props","label","value","list","title","memberList","keyName","storeKey","cardList","length","push","borderColor","map","item","position","transform"],"mappings":";;;;;;;;;;;;;;kBAawBA,c;;;;AAZxB;;;;;;AAGA,SAASC,kBAAT,CAA4BC,KAA5B,EAAmC;AAC/B,WACI;AAAA;AAAA;AACKA,cAAMC,KAAN,IAAe;AAAA;AAAA;AAAOD,kBAAMC,KAAN,IAAe;AAAtB,SADpB;AAEKD,cAAMC,KAAN,IAAe;AAAA;AAAA,cAAM,iBAAc,KAApB;AAAA;AAA4BD,kBAAME,KAAN,IAAe;AAA3C;AAFpB,KADJ;AAMH,C,CAXD;AAae,SAASJ,cAAT,CAAwBE,KAAxB,EAA+B;AAAA,eAC6BA,SAAS,EADtC;AAAA,yBAClCG,IADkC;AAAA,QAClCA,IADkC,6BAC7B,EAD6B;AAAA,QACzBC,KADyB,QACzBA,KADyB;AAAA,+BAClBC,UADkB;AAAA,QAClBA,UADkB,mCACP,EADO;AAAA,QACHC,OADG,QACHA,OADG;AAAA,QACMC,QADN,QACMA,QADN;AAAA,QACgBC,QADhB,QACgBA,QADhB;;AAE1CL,SAAKM,MAAL,GAAc,CAAd,IAAmBN,KAAKO,IAAL,CAAU,EAAV,CAAnB,CAF0C,CAER;AAClC,WACI;AAAA;AAAA;AACI,mBAAON,KADX;AAEI,sBAAU,KAFd;AAGI,uBAAU,kBAHd;AAII,uBAAW,EAAC,WAAW,CAAZ,EAJf;AAKI,uBAAW,EAACO,aAAa,SAAd;AALf;AAQQJ,qBAAa,eAAb,IAAgC,CAAC,CAACF,WAAWI,MAA7C,IAAuD;AAAA;AAAA,cAAK,WAAU,mBAAf;AAE/CN,iBAAKS,GAAL,CAAS,gBAAQ;AACb,uBACI,8BAAC,kBAAD,2BAAoB,KAAKN,UAAUO,KAAKZ,KAAxC,IAAmDY,IAAnD,EADJ;AAGH,aAJD,CAF+C;AAS/C,aAACR,WAAWI,MAAZ,IAAsB;AAAA;AAAA,kBAAG,WAAU,YAAb,EAA0B,OAAO,EAACK,UAAU,UAAX,EAAuBC,WAAW,iBAAlC,EAAjC;AAAA;AAAA;AATyB,SAR/D;AAuBQR,qBAAa,eAAb,IAAgC,CAAC,CAACC,SAASC,MAA3C,IAAqD;AAAA;AAAA,cAAK,WAAU,mBAAf;AAEjDN,iBAAKS,GAAL,CAAS,gBAAQ;AACb,uBACI,8BAAC,kBAAD,2BAAoB,KAAKN,UAAUO,KAAKZ,KAAxC,IAAmDY,IAAnD,EADJ;AAGH,aAJD,CAFiD;AASjD,aAACV,KAAKM,MAAN,IAAgB;AAAA;AAAA,kBAAG,WAAU,YAAb,EAA0B,OAAO,EAACK,UAAU,UAAX,EAAuBC,WAAW,kBAAlC,EAAjC;AAAA;AAAA;AATiC;AAvB7D,KADJ;AAyCH","file":"MemberCardInfo.js","sourcesContent":["// 卡信息组件\nimport React from 'react'\nimport { Card } from 'antd';\n\nfunction MemberCardInfoItem(props) {\n    return (\n        <div>\n            {props.label && <span>{props.label || ''}</span>}\n            {props.label && <span data-overflow='tip'>：{props.value || ''}</span>}\n        </div>\n    )\n}\n\nexport default function MemberCardInfo(props) {\n    const { list=[], title, memberList=[], keyName, storeKey, cardList } = props || {}\n    list.length % 2 && list.push({}); //奇数补全\n    return (\n        <Card \n            title={title}\n            bordered={false} \n            className=\"card-member-card\"\n            bodyStyle={{'padding': 0}}\n            headStyle={{borderColor: '#C8C8CD'}}\n        >\n            {\n                storeKey === 'memberManager' && !!memberList.length && <div className='member-info-table'>\n                    {\n                        list.map(item => { \n                            return (\n                                <MemberCardInfoItem key={keyName + item.label} {...item} />\n                            )\n                        })\n                    }\n                    {\n                        !memberList.length && <p className='empty-data' style={{position: 'relative', transform: 'translateY(5px)'}}>暂无数据~</p>\n                    }\n                </div>\n            }\n\n            {\n                storeKey === 'memberStorage' && !!cardList.length && <div className='member-info-table'>\n                {\n                    list.map(item => { \n                        return (\n                            <MemberCardInfoItem key={keyName + item.label} {...item} />\n                        )\n                    })\n                }\n                {\n                    !list.length && <p className='empty-data' style={{position: 'relative', transform: 'translateY(10px)'}}>暂无数据~</p>\n                }\n            </div>\n            \n            }\n            \n        </Card>\n    )\n}\n"]}

package/dist/member/memberTab/MemberManager.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = undefined;
 
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
 
 var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
@@ -47,6 +51,8 @@ var _tabs2 = _interopRequireDefault(_tabs);
 
 var _class, _class2, _temp, _initialiseProps;
 
+require('antd/es/button/style');
+
 require('antd/es/tabs/style');
 
 var _react = require('react');
@@ -132,6 +138,9 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
         return _this;
     }
 
+    // 点击购买记录加载更多按钮
+
+
     // 会员信息
 
 
@@ -190,6 +199,12 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
         });
     };
 
+    this.loadRecentlyMore = function () {
+        var findMemberLastRetailDetailList = _this2.props.findMemberLastRetailDetailList;
+
+        findMemberLastRetailDetailList && findMemberLastRetailDetailList(50);
+    };
+
     this.memberInfoEle = function (_ref3) {
         var title = _ref3.title,
             key = _ref3.key;
@@ -294,7 +309,7 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
                 { style: { height: memberTabContentHeight, position: 'relative' } },
                 _react2.default.createElement(
                     _tplusComponentsTouch.TouchScroll,
-                    { height: memberTabContentHeight },
+                    { height: memberTabContentHeight, scrollProgress: function scrollProgress() {}, isElectron: true },
                     !!memberList.length && _react2.default.createElement(
                         'div',
                         { className: 'member-info-table' },
@@ -426,15 +441,17 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
             key = _ref7.key;
         var _props4 = _this2.props,
             memberTabHeight = _props4.memberTabHeight,
-            _props4$memberInfo = _props4.memberInfo;
-        _props4$memberInfo = _props4$memberInfo === undefined ? {} : _props4$memberInfo;
-        var _props4$memberInfo$re = _props4$memberInfo.recency,
-            recency = _props4$memberInfo$re === undefined ? [] : _props4$memberInfo$re;
+            _props4$lastRetailLoa = _props4.lastRetailLoading,
+            lastRetailLoading = _props4$lastRetailLoa === undefined ? false : _props4$lastRetailLoa,
+            _props4$lastRetailTot = _props4.lastRetailTotal,
+            lastRetailTotal = _props4$lastRetailTot === undefined ? 0 : _props4$lastRetailTot,
+            _props4$lastRetailLis = _props4.lastRetailList,
+            lastRetailList = _props4$lastRetailLis === undefined ? [] : _props4$lastRetailLis;
 
         var theadHeight = 50;
         var tableHeight = memberTabHeight - _this2.tabHeadHeight;
         var dataSource = [];
-        var data = recency;
+        var data = lastRetailList;
         data.forEach(function (vlaue, i) {
             var index = dataSource.findIndex(function (v) {
                 return v.code === vlaue.Code;
@@ -503,10 +520,10 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
                     ),
                     _react2.default.createElement(
                         'tbody',
-                        { style: { height: tableHeight - theadHeight } },
+                        { style: { height: tableHeight - theadHeight - 42 } },
                         _react2.default.createElement(
                             _tplusComponentsTouch.TouchScroll,
-                            null,
+                            { scrollProgress: function scrollProgress() {} },
                             dataSource.map(function (item, key) {
                                 return item.data.map(function (v, i) {
                                     return _react2.default.createElement(
@@ -520,7 +537,12 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
                                         _react2.default.createElement(
                                             'td',
                                             { 'data-overflow': 'tip' },
-                                            v.Name
+                                            v.Name,
+                                            Number(v.Amount) < 0 && _react2.default.createElement(
+                                                'p',
+                                                { className: 'tag' },
+                                                '\u9000\u8D27'
+                                            )
                                         ),
                                         _react2.default.createElement(
                                             'td',
@@ -542,7 +564,24 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
             !dataSource.length && _react2.default.createElement(
                 'div',
                 { style: { height: tableHeight, position: 'relative' } },
-                _react2.default.createElement('div', { className: 'empty-data empty-data-img' })
+                _react2.default.createElement(
+                    'div',
+                    { className: 'empty-data empty-data-img' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'tip-text' },
+                        '\u6682\u65E0\u6570\u636E ~'
+                    )
+                )
+            ),
+            lastRetailTotal != lastRetailList.length && _react2.default.createElement(
+                'div',
+                { className: 'more-button' },
+                _react2.default.createElement(
+                    _button2.default,
+                    { type: 'text', loading: lastRetailLoading, className: 'primary-color', onClick: _this2.loadRecentlyMore },
+                    '\u67E5\u770B\u66F4\u591A'
+                )
             )
         );
     };
@@ -577,7 +616,7 @@ var memberManager = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
                 CardStatusEnum = item.CardStatusEnum,
                 IsSale = item.IsSale;
 
-            var dataSource = [{ label: '卡名称', value: Name }, { label: '卡号', value: StorageCardNo }, { label: '卡类型', value: cardTypeEnumList[CardTypeEnum] }, { label: '有效期至', value: ValidMethodEnum === 'LONG_PERIOD' ? '长期有效' : (0, _utils.dateFormat)(DueDate) }, { label: '储值总额', value: (0, _utils.formatPrecision)(IsSale === 'SOLD' ? TotalStorage : 0, 2) }, { label: '储值余额', value: (0, _utils.formatPrecision)(IsSale === 'SOLD' ? BalanceStorage : 0, 2) }, { label: '卡状态', value: cardStatusEnumList[CardStatusEnum] }];
+            var dataSource = [{ label: '卡名称', value: Name }, { label: '卡号', value: StorageCardNo }, { label: '卡类型', value: cardTypeEnumList[CardTypeEnum] }, { label: '有效期至', value: ValidMethodEnum === 'LONG_PERIOD' ? '长期有效' : (0, _utils.dateFormat)(DueDate) }, { label: '储值总额', value: (0, _utils.formatPrecision)(IsSale === 'SOLD' || CardTypeEnum === 'BALANCE_CARD' ? TotalStorage : 0, 2) }, { label: '储值余额', value: (0, _utils.formatPrecision)(IsSale === 'SOLD' || CardTypeEnum === 'BALANCE_CARD' ? BalanceStorage : 0, 2) }, { label: '卡状态', value: cardStatusEnumList[CardStatusEnum] }];
             memberCardInfos.push(dataSource);
         });