tplus-components-touch 3.22.16 → 3.22.17

package/dist/components/settlement/prototypeTable/index.js

@@ -0,0 +1,349 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _table = require('antd/es/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _class;
+
+require('antd/es/table/style');
+
+require('antd/es/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _utils = require('./utils');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var PrototypeTableModal = (0, _mutantsMicrofx.observer)(_class = function (_Component) {
+  (0, _inherits3.default)(PrototypeTableModal, _Component);
+
+  function PrototypeTableModal() {
+    (0, _classCallCheck3.default)(this, PrototypeTableModal);
+    return (0, _possibleConstructorReturn3.default)(this, (PrototypeTableModal.__proto__ || (0, _getPrototypeOf2.default)(PrototypeTableModal)).apply(this, arguments));
+  }
+
+  (0, _createClass3.default)(PrototypeTableModal, [{
+    key: 'getColumns',
+    value: function getColumns(data1) {
+      var _this2 = this;
+
+      var columns = [{
+        title: '商品名称',
+        dataIndex: 'InventoryName',
+        key: 'InventoryName',
+        align: 'center',
+        width: 120,
+        render: function render(showText, record, index) {
+          // return (<span className='unitPrice'>{text}</span>)
+          var _props = _this2.props,
+              badge = _props.badge,
+              _props$height = _props.height,
+              height = _props$height === undefined ? 50 : _props$height;
+          var _record$badge = record.badge;
+          _record$badge = _record$badge === undefined ? {} : _record$badge;
+          var text = _record$badge.text,
+              _record$badge$positio = _record$badge.position,
+              position = _record$badge$positio === undefined ? 'leftTop' : _record$badge$positio,
+              _record$badge$classNa = _record$badge.className,
+              className = _record$badge$classNa === undefined ? '' : _record$badge$classNa;
+
+          var badgeClassName = _utils.badgeClassNames[position];
+          var baseNum = position.includes('Bottom') ? 25 : 0;
+          var style = {};
+          // if (type === 'bee'){
+          //     style = {
+          //         top : baseNum + (height * index)
+          //     }
+          // }
+          return _react2.default.createElement(
+            'div',
+            { className: 'tplus-table-badge' },
+            _react2.default.createElement(
+              'div',
+              { className: 'badge-item ' + className + ' ' + badgeClassName, style: style },
+              _react2.default.createElement(
+                'span',
+                null,
+                text
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+              showText
+            )
+          );
+        }
+      }, {
+        title: '单位',
+        dataIndex: 'UnitName',
+        key: 'UnitName',
+        ellipsis: true,
+        align: 'center',
+        width: 40
+      }, {
+        title: '数量',
+        dataIndex: 'nQuantity',
+        key: 'nQuantity',
+        ellipsis: true,
+        align: 'center',
+        width: 70,
+        render: function render(showText, record, index) {
+          return _react2.default.createElement(
+            'div',
+            { className: 'tplus-table-badge' },
+            _react2.default.createElement(
+              'div',
+              { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+              showText
+            )
+          );
+        }
+      }, {
+        title: '零售价',
+        dataIndex: 'nRetailPrice',
+        key: 'nRetailPrice',
+        ellipsis: true,
+        align: 'center',
+        width: 70,
+        render: function render(showText, record, index) {
+          return _react2.default.createElement(
+            'div',
+            { className: 'tplus-table-badge' },
+            _react2.default.createElement(
+              'div',
+              { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+              showText
+            )
+          );
+        }
+      }, {
+        title: '折扣额',
+        dataIndex: 'Discount',
+        key: 'Discount',
+        ellipsis: true,
+        align: 'center',
+        width: 70,
+        render: function render(text, record, index) {
+          return _react2.default.createElement(
+            'span',
+            { className: 'unitPrice row-cell-div' },
+            text
+          );
+        }
+      }, {
+        title: '单价',
+        dataIndex: 'nTaxPrice',
+        key: 'nTaxPrice',
+        ellipsis: true,
+        align: 'center',
+        width: 70,
+        render: function render(showText, record, index) {
+          return _react2.default.createElement(
+            'div',
+            { className: 'tplus-table-badge' },
+            _react2.default.createElement(
+              'div',
+              { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+              showText
+            )
+          );
+        }
+      }, {
+        title: '金额',
+        dataIndex: 'nAmount',
+        key: 'nAmount',
+        ellipsis: true,
+        align: 'center',
+        width: 70,
+        render: function render(showText, record, index) {
+          return _react2.default.createElement(
+            'div',
+            { className: 'tplus-table-badge' },
+            _react2.default.createElement(
+              'div',
+              { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+              showText
+            )
+          );
+        }
+      }, {
+        title: '折扣额合计',
+        dataIndex: 'TotalDiscount',
+        key: 'TotalDiscount',
+        ellipsis: true,
+        align: 'center',
+        width: 80,
+        render: function render(showText, record, index) {
+          return _react2.default.createElement(
+            'div',
+            { className: 'tplus-table-badge' },
+            _react2.default.createElement(
+              'div',
+              { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+              showText
+            )
+          );
+        }
+      }];
+
+      var data2 = data1.find(function (item) {
+        return item.ShowFreeItem === true;
+      });
+      var obj = {
+        title: '属性',
+        dataIndex: 'FreeItem',
+        key: 'FreeItem',
+        ellipsis: true,
+        align: 'center',
+        width: 70,
+        render: function render(showText, record, index) {
+          return _react2.default.createElement(
+            'div',
+            { className: 'tplus-table-badge' },
+            _react2.default.createElement(
+              'div',
+              { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+              showText
+            )
+          );
+        }
+      };
+      if (data2) {
+        columns.splice(1, 0, obj);
+      }
+      return columns;
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props2 = this.props,
+          prototypeVisible = _props2.prototypeVisible,
+          discount = _props2.discount,
+          dataSource = _props2.dataSource,
+          handleprototypeCancel = _props2.handleprototypeCancel,
+          isHorizontalPad = _props2.isHorizontalPad;
+
+      var columns = this.getColumns(dataSource);
+      return _react2.default.createElement(
+        _tplusComponentsTouch.ModalWraper,
+        {
+          wrapClassName: 'protoWraper',
+          width: '800px',
+          show: prototypeVisible,
+          maskClosable: false,
+          onCancel: function onCancel() {
+            return handleprototypeCancel();
+          },
+          centered: !isHorizontalPad ? true : false,
+          title: "优惠明细",
+          maskStyle: { 'z-index': '1006' },
+          destroyOnClose: true,
+          footer: _react2.default.createElement(
+            'div',
+            { className: 'action' },
+            _react2.default.createElement(
+              'span',
+              { className: 'prototypeSummary primary-color' },
+              '\u63D0\u793A\uFF1A\u4F18\u60E0\u4E0D\u5305\u542B\u8D60\u54C1'
+            ),
+            _react2.default.createElement(
+              'span',
+              { className: 'prototypeSummary' },
+              '\u4F18\u60E0\u524D',
+              _react2.default.createElement(
+                'span',
+                null,
+                '\xA5',
+                discount.discountRetailTotalAount
+              )
+            ),
+            _react2.default.createElement(
+              'span',
+              { className: 'prototypeSummary' },
+              '\u4F18\u60E0',
+              _react2.default.createElement(
+                'span',
+                { className: 'unitPrice' },
+                '\xA5',
+                discount.discountPrototypeTotalAmount
+              )
+            ),
+            _react2.default.createElement(
+              'span',
+              { className: 'prototypeSummary' },
+              '\u4F18\u60E0\u540E',
+              _react2.default.createElement(
+                'span',
+                { className: 'unitPrice' },
+                '\xA5',
+                discount.discountTotalAmount
+              )
+            ),
+            _react2.default.createElement(
+              _button2.default,
+              { onClick: function onClick() {
+                  return handleprototypeCancel();
+                } },
+              '\u5173\u95ED'
+            )
+          )
+        },
+        _react2.default.createElement(
+          'div',
+          { className: 'tableContainer' },
+          _react2.default.createElement(_table2.default, {
+            scroll: { y: 376 },
+            className: 'table',
+            columns: columns,
+            pagination: false,
+            dataSource: dataSource
+          })
+        )
+      );
+    }
+  }]);
+  return PrototypeTableModal;
+}(_react.Component)) || _class;
+
+exports.default = PrototypeTableModal;
+//# sourceMappingURL=index.js.map

package/dist/components/settlement/prototypeTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/settlement/prototypeTable/index.js"],"names":["PrototypeTableModal","observer","data1","columns","title","dataIndex","key","align","width","render","showText","record","index","props","badge","height","text","position","className","badgeClassName","badgeClassNames","baseNum","includes","style","ellipsis","data2","find","item","ShowFreeItem","obj","splice","prototypeVisible","discount","dataSource","handleprototypeCancel","isHorizontalPad","getColumns","discountRetailTotalAount","discountPrototypeTotalAmount","discountTotalAmount","y","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { ModalWraper } from 'tplus-components-touch'\r\nimport { observer } from \"mutants-microfx\"\r\nimport { Table, Button } from 'antd';\r\nimport { badgeClassNames } from './utils'\r\nimport './style.less';\r\n\r\n@observer\r\nexport default class PrototypeTableModal extends Component {\r\n\r\n  getColumns(data1) {\r\n    let columns = [\r\n      {\r\n        title: '商品名称',\r\n        dataIndex: 'InventoryName',\r\n        key: 'InventoryName',\r\n        align: 'center',\r\n        width: 120,\r\n        render: (showText, record, index) => {\r\n          // return (<span className='unitPrice'>{text}</span>)\r\n          const { badge, height = 50 } = this.props;\r\n          const { badge: { text, position = 'leftTop', className = '' } = {} } = record;\r\n          const badgeClassName = badgeClassNames[position];\r\n          const baseNum = position.includes('Bottom') ? 25 : 0;\r\n          let style = {}\r\n          // if (type === 'bee'){\r\n          //     style = {\r\n          //         top : baseNum + (height * index)\r\n          //     }\r\n          // }\r\n          return (\r\n              <div className='tplus-table-badge'>\r\n                  <div className={`badge-item ${className} ${badgeClassName}`} style={style}><span>{text}</span></div>\r\n                  <div className='row-cell-div row-cell-pad' style={{ width: '100%' }}>{showText}</div>\r\n              </div>\r\n          )\r\n        }\r\n      },\r\n      {\r\n        title: '单位',\r\n        dataIndex: 'UnitName',\r\n        key: 'UnitName',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 40,\r\n      },\r\n      {\r\n        title: '数量',\r\n        dataIndex: 'nQuantity',\r\n        key: 'nQuantity',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 70,\r\n        render: (showText, record, index) => {\r\n          return (\r\n              <div className='tplus-table-badge'>\r\n                  <div className='row-cell-div row-cell-pad' style={{ width: '100%' }}>{showText}</div>\r\n              </div>\r\n          )\r\n        }\r\n      },\r\n      {\r\n        title: '零售价',\r\n        dataIndex: 'nRetailPrice',\r\n        key: 'nRetailPrice',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 70,\r\n        render: (showText, record, index) => {\r\n          return (\r\n              <div className='tplus-table-badge'>\r\n                  <div className='row-cell-div row-cell-pad' style={{ width: '100%' }}>{showText}</div>\r\n              </div>\r\n          )\r\n        }\r\n      },\r\n      {\r\n        title: '折扣额',\r\n        dataIndex: 'Discount',\r\n        key: 'Discount',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 70,\r\n        render: (text, record, index) => {\r\n          return (<span className='unitPrice row-cell-div'>{text}</span>)\r\n        }\r\n      },\r\n      {\r\n        title: '单价',\r\n        dataIndex: 'nTaxPrice',\r\n        key: 'nTaxPrice',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 70,\r\n        render: (showText, record, index) => {\r\n          return (\r\n              <div className='tplus-table-badge'>\r\n                  <div className='row-cell-div row-cell-pad' style={{ width: '100%' }}>{showText}</div>\r\n              </div>\r\n          )\r\n        }\r\n      },\r\n      {\r\n        title: '金额',\r\n        dataIndex: 'nAmount',\r\n        key: 'nAmount',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 70,\r\n        render: (showText, record, index) => {\r\n          return (\r\n              <div className='tplus-table-badge'>\r\n                  <div className='row-cell-div row-cell-pad' style={{ width: '100%' }}>{showText}</div>\r\n              </div>\r\n          )\r\n        }\r\n      },\r\n      {\r\n        title: '折扣额合计',\r\n        dataIndex: 'TotalDiscount',\r\n        key: 'TotalDiscount',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 80,\r\n        render: (showText, record, index) => {\r\n          return (\r\n              <div className='tplus-table-badge'>\r\n                  <div className='row-cell-div row-cell-pad' style={{ width: '100%' }}>{showText}</div>\r\n              </div>\r\n          )\r\n        }\r\n      },\r\n    ]\r\n\r\n    let data2 = data1.find((item) => {\r\n      return item.ShowFreeItem === true;\r\n    })\r\n    let obj = {\r\n      title: '属性',\r\n      dataIndex: 'FreeItem',\r\n      key: 'FreeItem',\r\n      ellipsis: true,\r\n      align: 'center',\r\n      width: 70,\r\n      render: (showText, record, index) => {\r\n        return (\r\n            <div className='tplus-table-badge'>\r\n                <div className='row-cell-div row-cell-pad' style={{ width: '100%' }}>{showText}</div>\r\n            </div>\r\n        )\r\n      }\r\n    }\r\n    if (data2) {\r\n      columns.splice(1, 0, obj);\r\n    }\r\n    return columns;\r\n  }\r\n\r\n  render() {\r\n    const  {prototypeVisible,discount, dataSource, handleprototypeCancel, isHorizontalPad} = this.props;\r\n    let columns = this.getColumns(dataSource);\r\n    return (\r\n        <ModalWraper\r\n          wrapClassName={`protoWraper`}\r\n          width=\"800px\"\r\n          show={prototypeVisible}\r\n          maskClosable={false}\r\n          onCancel = { () => handleprototypeCancel() }\r\n          centered={ !isHorizontalPad ? true : false}\r\n          title={\"优惠明细\"}\r\n          maskStyle={{'z-index': '1006'}}\r\n          destroyOnClose={true}\r\n          footer={<div className=\"action\">\r\n            <span className='prototypeSummary primary-color'>提示：优惠不包含赠品</span>\r\n            <span className='prototypeSummary'>优惠前<span>¥{discount.discountRetailTotalAount}</span></span>\r\n            <span className='prototypeSummary'>优惠<span className='unitPrice'>¥{discount.discountPrototypeTotalAmount}</span></span>\r\n            <span className='prototypeSummary'>优惠后<span className='unitPrice'>¥{discount.discountTotalAmount}</span></span>\r\n          <Button onClick={() => handleprototypeCancel()}>关闭</Button>\r\n          </div>}\r\n          >\r\n          <div className='tableContainer'>\r\n            <Table \r\n              scroll={{ y: 376 }}\r\n              className='table'\r\n              columns={columns}\r\n              pagination={false}\r\n              dataSource={dataSource}\r\n            />\r\n          </div>\r\n        </ModalWraper>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/components/settlement/prototypeTable/style.less

@@ -0,0 +1,59 @@
+.protoWraper{
+  .ant-modal-body {
+    height: 376px !important;
+    padding: 0 !important;
+    overflow: hidden;
+    .tableContainer {
+      .row-cell-div {
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+        white-space: normal;
+      } 
+      .tplus-table-badge {
+        .badge-item {
+            position: absolute;
+            width   : 0;
+            height  : 0;
+    
+            span {
+                position : absolute;
+                left     : 0;
+                top      : -2px;
+                transform: scale(0.8, 0.8);
+            }
+        }
+    
+        .badge-left-top {
+            left        : 0;
+            border-right: 26px solid transparent;
+            top: 0;
+            span {
+                top: -27px;
+            }
+        }
+    
+        .badge-right-top {
+            right      : 0;
+            border-left: 26px solid transparent;
+    
+            span {
+                top : -27px;
+                left: -14px;
+            }
+        }
+      }
+    }
+  }
+  .prototypeSummary {
+    padding: 0 20px;
+    span{
+      font-weight: 500;
+      margin-left: 10px;
+    }
+  }
+  .unitPrice {
+    color: #FF4E0F;
+  }
+}

package/dist/components/settlement/prototypeTable/utils.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var badgeClassNames = {
+    leftTop: 'badge-left-top',
+    rightTop: 'badge-right-top',
+    leftBottom: 'badge-left-bottom',
+    rightBottom: 'badge-right-bottom'
+};
+
+exports.badgeClassNames = badgeClassNames;
+//# sourceMappingURL=utils.js.map

package/dist/components/settlement/prototypeTable/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/settlement/prototypeTable/utils.js"],"names":["badgeClassNames","leftTop","rightTop","leftBottom","rightBottom"],"mappings":";;;;;AAAA,IAAMA,kBAAkB;AACpBC,aAAS,gBADW;AAEpBC,cAAU,iBAFU;AAGpBC,gBAAY,mBAHQ;AAIpBC,iBAAa;AAJO,CAAxB;;QAOUJ,e,GAAAA,e","file":"utils.js","sourcesContent":["const badgeClassNames = {\r\n    leftTop: 'badge-left-top',\r\n    rightTop: 'badge-right-top',\r\n    leftBottom: 'badge-left-bottom',\r\n    rightBottom: 'badge-right-bottom',\r\n  };\r\n  \r\n  export {badgeClassNames};"]}