tplus-components-touch 3.28.2 → 3.28.3

package/dist/components/inventorySearch/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/inventorySearch/api.js"],"names":["InventorySearchApi","ViewName","result","SearchParams","DesignFieldWidth","ViewType","Inventory","number","length","undefined","parseInt","indexOf","substring"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;IAEqBA,kB;;;;;;;;;AAEnB;;;;;2GAIiCC,Q;;;;;;;uBACZ,oBAAK,EAAEA,kBAAF,EAAL,EAAmB,0CAAnB,EAA+D,KAA/D,EAAsE,KAAtE,C;;;AAAfC,sB;iDACGA,M;;;;;;;;;;;;;;;;AAET;;;;;;;;6GAI8CC,Y;;;;;;;uBACzB,oBAAK,EAAEA,0BAAF,EAAL,EAAuB,kEAAvB,EAA2F,KAA3F,EAAkG,KAAlG,C;;;AAAfD,sB;kDACGA,M;;;;;;;;;;;;;;;;;AAGT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6GA0D2CE,gB;;;;;;;uBACtB,oBAAK;AACtBC,4BAAUC,SADY;AAEtBF,oCAAkBA;AAFI,iBAAL,EAGhB,oDAHgB,EAGsC,KAHtC,EAG6C,KAH7C,C;;;AAAfF,sB;kDAIGA,M;;;;;;;;;;;;;;;;;;iCAIWK,M,EAAQC,M,EAAQ;AAClC,UAAID,WAAW,EAAX,IAAiBA,WAAWE,SAAhC,EAA2C;AACzC,eAAOF,MAAP;AACD;AACDA,gBAAU,EAAV;AACA,UAAIC,UAAU,CAAd,EAAiB;AACf,eAAOE,SAASH,MAAT,CAAP;AACD;AACD,UAAIA,OAAOI,OAAP,CAAe,GAAf,IAAsB,CAA1B,EAA6B;AAC3BJ,kBAAU,YAAV;AACD,OAFD,MAEO;AACLA,kBAAU,aAAV;AACD;AACD,aAAOA,OAAOK,SAAP,CAAiB,CAAjB,EAAmBL,OAAOI,OAAP,CAAe,GAAf,IAAsB,CAACH,MAAvB,GAAgC,CAAnD,CAAP;AACD;;;;;kBApGkBR,kB","file":"api.js","sourcesContent":["import { tApi } from 'tplus-api';\n\nexport default class InventorySearchApi {\n\n  /**\n   * \n   * @param {string} ViewName 获取库存栏目\n   */\n  static async getPOSSearchDesigns(ViewName) {\n    let result = await tApi({ ViewName }, 'chanjet.RE.newRetail.GetPOSSearchDesigns', false, false);\n    return result;\n  }\n  /**\n   * \n   * @param {object} SearchParams 获取查询库存查询结果\n   */\n  static async searchInventoryAvailableQuantity(SearchParams) {\n    let result = await tApi({ SearchParams }, 'chanjet.AA.DR.NewRetailBaseInfo.SearchInventoryAvailableQuantity', false, false);\n    return result;\n  }\n\n  /**\n   * POS端查询栏目宽度设置\n   * @param {string} ViewType 查询视图名称，支持：Retail,Member,Inventory\n   * @param {array} DesignFieldWidth 需要设置的字段和对应宽度 \n   *  DesignFieldWidth说明：\n   *  参数名\n   *  值类型\n   *  说明\n   *  Key\tstring\t字段名\n   *  Value\tdecimal\t字段宽度\n   * @returns {bool} 布尔值true|false\n   * \n   * 示例：\n\n      call:newRetailBaseInfo/SavePOSSearchDesignFieldWidth\n\n      post:\n\n      {\n      \"POSParam\": {\n        \"ViewType\": \"Inventory\",\n        \"DesignFieldWidth\": [{\n        \"Key\": \"InventoryCode\",\n        \"Value\": \"150\"\n\n              }, {\n        \"Key\": \"InventoryName\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"Specification\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"BarCode\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"Shorthand\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"UnitName\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"Batch\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"ExpiryDate\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"ExistingQuantity\",\n        \"Value\": \"150\"\n        }, {\n        \"Key\": \"AvailableQuantity\",\n        \"Value\": \"150\"\n        }]\n      }\n      }\n\n      result：true\n   */\n  static async savePOSSearchDesignFieldWidth(DesignFieldWidth) {\n    let result = await tApi({\n      ViewType: Inventory,\n      DesignFieldWidth: DesignFieldWidth\n    }, 'chanjet.RE.newRetail.SavePOSSearchDesignFieldWidth', false, false);\n    return result;\n  }\n\n\n  static formatNumber(number, length) {\n    if (number === '' || number === undefined) {\n      return number;\n    }\n    number += '';\n    if (length == 0) {\n      return parseInt(number);\n    }\n    if (number.indexOf('.') > 0) {\n      number += '0000000000';\n    } else {\n      number += '.0000000000'\n    }\n    return number.substring(0,number.indexOf(\".\") + +length + 1)\n  }\n\n}"]}

package/dist/components/inventorySearch/index.js

@@ -0,0 +1,303 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _checkbox = require('antd/es/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+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 _tabs = require('antd/es/tabs');
+
+var _tabs2 = _interopRequireDefault(_tabs);
+
+var _class; /**
+             * 库存查询
+             * @param {func} onClick 点击行 返回两个参数，1 (数据)， 2 (1 本店库存 2 周边店推荐)
+             */
+
+require('antd/es/checkbox/style');
+
+require('antd/es/button/style');
+
+require('antd/es/input/style');
+
+require('antd/es/tabs/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+var _tab = require('./tab');
+
+var _tab2 = _interopRequireDefault(_tab);
+
+require('./index.less');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _store = require('./store');
+
+var _store2 = _interopRequireDefault(_store);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _tabs2.default.TabPane;
+
+var InventorySearch = (0, _mutantsMicrofx.observer)(_class = function (_React$Component) {
+  (0, _inherits3.default)(InventorySearch, _React$Component);
+
+  function InventorySearch() {
+    (0, _classCallCheck3.default)(this, InventorySearch);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (InventorySearch.__proto__ || (0, _getPrototypeOf2.default)(InventorySearch)).call(this));
+
+    _this.search = function () {
+      _this.setState({
+        searchValue: _this.state.value
+      }, function () {
+        _index.Keyboard.close();
+        // this.store.search(this.state.searchValue, this.state.IsInCludeZero);
+        _this.state.tabIndex == 1 && _this.search1();
+        _this.state.tabIndex == 2 && _this.search2();
+        _this.table.resetPageNo();
+        _this.table2 && _this.table2.resetPageNo();
+      });
+    };
+
+    _this.tabChange = function (index) {
+      _this.setState({
+        tabIndex: index
+      }, function () {
+        if (index == 1) {
+          // if (this.state.searchValue == this.state.tab1.searchValue && this.state.IsInCludeZero == this.state.tab1.IsInCludeZero) {
+          //   return;
+          // }
+          _this.search1();
+        }
+        if (index == 2) {
+          // if (this.state.searchValue == this.state.tab2.searchValue && this.state.IsInCludeZero == this.state.tab2.IsInCludeZero) {
+          //   return;
+          // }
+          _this.search2();
+        }
+      });
+      setTimeout(function () {
+        _this.onFocus();
+      }, 0);
+    };
+
+    _this.search1 = function () {
+      _this.store.search1(_this.state.value, _this.state.IsInCludeZero);
+      _this.setState({
+        tab1: { searchValue: _this.state.searchValue, IsInCludeZero: _this.state.IsInCludeZero }
+      });
+    };
+
+    _this.search2 = function () {
+      _this.store.search2(_this.state.value, _this.state.IsInCludeZero);
+      _this.setState({
+        tab2: { searchValue: _this.state.searchValue, IsInCludeZero: _this.state.IsInCludeZero }
+      });
+    };
+
+    _this.onChange = function (e) {
+      _this.setState({
+        value: e.target.value
+      });
+    };
+
+    _this.onFocus = function () {
+      _this.input.input.select();
+      _index.Keyboard.open(function (v) {
+        _this.setState({
+          value: _index.Keyboard.getNewValue(_this.input.input, _this.state.value, v)
+        });
+      }, function () {
+        _this.search();
+        _index.Keyboard.close();
+      })();
+    };
+
+    _this.closeKeyBoard = function () {
+      _index.Keyboard.close();
+    };
+
+    _this.clearValue = function () {
+      _this.setState({
+        value: ''
+      });
+    };
+
+    _this.checkboxChange = function (e) {
+      _this.setState({
+        IsInCludeZero: e.target.checked
+      });
+    };
+
+    _this.onKeyup = function (e) {
+      if (e.keyCode == 13) {
+        _this.search();
+      }
+    };
+
+    _this.store = new _store2.default();
+    _this.state = {
+      value: '',
+      searchValue: '',
+      activeKey: '1',
+      IsInCludeZero: false,
+      tabIndex: '1',
+      tab1: {
+        searchValue: null,
+        IsInCludeZero: false
+      },
+      tab2: {
+        searchValue: null,
+        IsInCludeZero: false
+      }
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(InventorySearch, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.store.init({
+        start: this.table.loadingStart,
+        end: this.table.loadingEnd,
+        IdStore: this.props.idStore
+      });
+      this.search1();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _state = this.state,
+          value = _state.value,
+          searchValue = _state.searchValue,
+          IsInCludeZero = _state.IsInCludeZero,
+          tabIndex = _state.tabIndex;
+
+      return _react2.default.createElement(
+        'div',
+        { className: 'inventory' },
+        _react2.default.createElement(
+          'div',
+          { className: 'inventory-search' },
+          _react2.default.createElement(
+            'div',
+            null,
+            _react2.default.createElement(_input2.default, {
+              prefix: _react2.default.createElement(_index.Ticon, { type: 'sousuo', className: 'inventory-search-icon-left' }),
+              type: 'text',
+              placeholder: '\u5546\u54C1\u7F16\u7801/\u52A9\u8BB0\u7801/\u540D\u79F0/\u89C4\u683C\u578B\u53F7/\u6761\u7801',
+              value: value || '',
+              onChange: this.onChange,
+              onFocus: this.onFocus,
+              ref: function ref(input) {
+                return _this2.input = input;
+              },
+              onBlur: function onBlur() {
+                _this2.closeKeyBoard();
+              },
+              onKeyUp: this.onKeyup })
+          ),
+          _react2.default.createElement(
+            _button2.default,
+            { onClick: this.search, type: 'primary', className: 'inventory-search-button' },
+            '\u641C\u7D22'
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'inventoryContainer' },
+            _react2.default.createElement(
+              _checkbox2.default,
+              { onChange: this.checkboxChange, checked: IsInCludeZero, className: 'inventory-xiancunliang' },
+              '\u5305\u542B\u5B9E\u65F6\u5E93\u5B58\u4E3A0\u7684\u5546\u54C1'
+            ),
+            _react2.default.createElement(
+              'span',
+              { className: 'primary-color' },
+              '\u5B9E\u65F6\u5E93\u5B58=\u73B0\u5B58\u91CF-\u96F6\u552E\u5355\u672A\u51FA\u5E93\u6570\u91CF'
+            )
+          )
+        ),
+        _react2.default.createElement(
+          _tabs2.default,
+          { className: 'inventory-tabs', defaultActiveKey: '1', activeKey: tabIndex, onChange: this.tabChange },
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u672C\u5E97\u5E93\u5B58', key: '1', className: 'tab1' },
+            _react2.default.createElement(_tab2.default, {
+              searchValue: searchValue,
+              onRowClick: this.props.onClick,
+              dataSource: this.store.toJSList1,
+              type: '1',
+              store: this.store,
+              TotalPage: this.store.TotalPage1,
+              loading: this.store.loading,
+              searchDesigns: this.store.toJSSearchDesigns,
+              ref: function ref(table) {
+                return _this2.table = table;
+              } })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u5468\u8FB9\u5E97\u5E93\u5B58', key: '2', className: 'tab1' },
+            _react2.default.createElement(_tab2.default, {
+              searchValue: searchValue,
+              onRowClick: this.props.onClick,
+              dataSource: this.store.toJSList2,
+              type: '2',
+              store: this.store,
+              loading: this.store.loading,
+              searchDesigns: this.store.toJSSearchDesigns,
+              TotalPage: this.store.TotalPage2,
+              ref: function ref(table) {
+                return _this2.table2 = table;
+              } })
+          )
+        )
+      );
+    }
+  }]);
+  return InventorySearch;
+}(_react2.default.Component)) || _class;
+
+exports.default = InventorySearch;
+//# sourceMappingURL=index.js.map

package/dist/components/inventorySearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/inventorySearch/index.js"],"names":["TabPane","InventorySearch","observer","search","setState","searchValue","state","value","Keyboard","close","tabIndex","search1","search2","table","resetPageNo","table2","tabChange","index","setTimeout","onFocus","store","IsInCludeZero","tab1","tab2","onChange","e","target","input","select","open","getNewValue","v","closeKeyBoard","clearValue","checkboxChange","checked","onKeyup","keyCode","InventoryStore","activeKey","init","start","loadingStart","end","loadingEnd","IdStore","props","idStore","onClick","toJSList1","TotalPage1","loading","toJSSearchDesigns","toJSList2","TotalPage2","React","Component"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * 库存查询\n * @param {func} onClick 点击行 返回两个参数，1 (数据)， 2 (1 本店库存 2 周边店推荐)\n */\n\nimport React from 'react';\n\nimport { Ticon, Keyboard } from '../../index';\nimport Tab from './tab';\nimport './index.less';\nimport { observer } from 'mutants-microfx';\n\nimport InventoryStore from './store';\nimport { Tabs, Checkbox, Button, Input } from 'antd';\nconst { TabPane } = Tabs;\n@observer\nexport default class InventorySearch extends React.Component {\n  constructor() {\n    super();\n    this.store = new InventoryStore();\n    this.state = {\n      value: '',\n      searchValue: '',\n      activeKey: '1',\n      IsInCludeZero: false,\n      tabIndex: '1',\n      tab1: {\n        searchValue: null,\n        IsInCludeZero: false\n      },\n      tab2: {\n        searchValue: null,\n        IsInCludeZero: false\n      }\n    }\n  }\n\n  componentDidMount() {\n    this.store.init({\n      start: this.table.loadingStart,\n      end: this.table.loadingEnd,\n      IdStore: this.props.idStore\n    });\n    this.search1()\n  }\n\n  search = () => {\n    this.setState({\n      searchValue: this.state.value\n    }, () => {\n      Keyboard.close();\n      // this.store.search(this.state.searchValue, this.state.IsInCludeZero);\n      this.state.tabIndex == 1 && this.search1();\n      this.state.tabIndex == 2 && this.search2();\n      this.table.resetPageNo();\n      this.table2 && this.table2.resetPageNo();\n    })\n  }\n\n  tabChange = (index) => {\n    this.setState({\n      tabIndex: index\n    }, () => {\n      if (index == 1) {\n        // if (this.state.searchValue == this.state.tab1.searchValue && this.state.IsInCludeZero == this.state.tab1.IsInCludeZero) {\n        //   return;\n        // }\n        this.search1();\n      }\n      if (index == 2) {\n        // if (this.state.searchValue == this.state.tab2.searchValue && this.state.IsInCludeZero == this.state.tab2.IsInCludeZero) {\n        //   return;\n        // }\n        this.search2();\n      }\n    })\n    setTimeout(() => { this.onFocus() }, 0)\n  }\n\n  search1 = () => {\n    this.store.search1(this.state.value, this.state.IsInCludeZero);\n    this.setState({\n      tab1: {searchValue: this.state.searchValue, IsInCludeZero: this.state.IsInCludeZero}\n    })\n  }\n\n  search2 = () => {\n    this.store.search2(this.state.value, this.state.IsInCludeZero);\n    this.setState({\n      tab2: {searchValue: this.state.searchValue, IsInCludeZero: this.state.IsInCludeZero}\n    })\n  }\n\n  onChange = (e) => {\n    this.setState({\n      value: e.target.value\n    })\n  }\n\n  onFocus = () => {\n    this.input.input.select();\n    Keyboard.open(v => {\n      this.setState({\n        value: Keyboard.getNewValue(this.input.input, this.state.value, v)\n      })\n    }, () => {\n      this.search();\n      Keyboard.close();\n    })()\n  }\n\n  closeKeyBoard = () => {\n    Keyboard.close();\n  }\n\n\n  clearValue = () => {\n    this.setState({\n      value: ''\n    })\n  }\n\n  checkboxChange = (e) => {\n    this.setState({\n      IsInCludeZero: e.target.checked\n    })\n  }\n\n  onKeyup = (e) => {\n    if (e.keyCode == 13) {\n      this.search();\n    }\n  }\n\n  render() {\n    let { value, searchValue, IsInCludeZero, tabIndex } = this.state;\n    return (\n      <div className='inventory'>\n        <div className='inventory-search'>\n          <div>\n            <Input\n              prefix={<Ticon type='sousuo' className='inventory-search-icon-left' />}\n              type=\"text\" \n              placeholder='商品编码/助记码/名称/规格型号/条码' \n              value={value || ''}\n              onChange={this.onChange}\n              onFocus={this.onFocus} \n              ref={input => this.input = input}\n              onBlur={()=>{this.closeKeyBoard()}} \n              onKeyUp={this.onKeyup} />\n          </div>\n          <Button onClick={this.search} type='primary' className='inventory-search-button'>搜索</Button>\n          <div className='inventoryContainer'>\n            <Checkbox onChange={this.checkboxChange} checked={IsInCludeZero} className='inventory-xiancunliang'>包含实时库存为0的商品</Checkbox>\n            <span className=\"primary-color\">实时库存=现存量-零售单未出库数量</span>\n          </div>\n        </div>\n        <Tabs className=\"inventory-tabs\" defaultActiveKey='1' activeKey={tabIndex} onChange={this.tabChange} >\n          <TabPane tab='本店库存' key=\"1\" className='tab1'>\n            <Tab\n              searchValue={searchValue}\n              onRowClick={this.props.onClick}\n              dataSource={this.store.toJSList1}\n              type='1'\n              store={this.store}\n              TotalPage={this.store.TotalPage1}\n              loading={this.store.loading}\n              searchDesigns={this.store.toJSSearchDesigns}\n              ref={table => this.table = table} />\n          </TabPane>\n          <TabPane tab='周边店库存' key=\"2\" className='tab1'>\n            <Tab\n              searchValue={searchValue}\n              onRowClick={this.props.onClick}\n              dataSource={this.store.toJSList2}\n              type='2'\n              store={this.store}\n              loading={this.store.loading}\n              searchDesigns={this.store.toJSSearchDesigns}\n              TotalPage={this.store.TotalPage2}\n              ref={table => this.table2 = table} />\n          </TabPane>\n        </Tabs>\n      </div>\n    )\n  }\n}"]}

package/dist/components/inventorySearch/index.less

@@ -0,0 +1,120 @@
+.inventory {
+  width: 935px;
+  height: 100%;
+  padding: 16px 16px 0;
+
+  .line-overflow-1 {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: middle;
+    overflow: hidden;
+  }
+
+  td, th {
+    font-size: 14px;
+    color: #333;
+    border-color: #C8C8CD;
+  }
+
+  .inventory-search {
+    font-size: 13px;
+    color: #75787B;
+    margin-bottom: 20px;
+    display: flex;
+    .inventoryContainer {
+      margin-left: 20px;
+      display: flex;
+      flex-direction: column;
+      margin-left: 20px;
+      margin-top: -5px;
+    }
+
+    >div {
+      vertical-align: middle;
+      display: inline-block;
+
+      .ant-input-affix-wrapper {
+        width: 280px;
+        border-radius: 4px !important;
+        padding: 1px 11px;
+
+        .inventory-search-icon-left {
+          z-index: 9;
+          left: 6px;
+          top: 2px;
+          font-size: 18px;
+          color: #999;
+        }
+      }
+    }
+
+    .inventory-search-button {
+      font-size: 12px;
+      vertical-align: middle;
+      width: 64px;
+      height: 32px;
+      margin-left: 16px;
+      border-radius: 4px;
+      border: none;
+    }
+  }
+
+  .inventory-tabs {
+    height: calc(~'100% - 54px');
+    overflow: hidden;
+
+    .ant-tabs-nav {
+      margin-bottom: 0 !important;
+    }
+
+    .ant-tabs-content-holder {
+      height: calc(~'100% - 46px') !important;
+      .ant-tabs-content{
+        height: 100%;
+        .ant-tabs-tabpane {
+          height: 100%;
+
+          >div {
+            height: 100%;
+          }
+          .ant-table-wrapper {
+            height: calc(~'100% - 45px');
+            .ant-spin-nested-loading {
+                height: 100%;
+                .ant-spin-container {
+                  height: 100%;
+                  .ant-table {
+                    height: 100%;
+                    .ant-table-container {
+                      height: 100%;
+                      .ant-table-body {
+                        height: calc(~'100% - 65px');
+                      }
+                    }
+                  }
+                }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .inventory-tab {
+    position: relative;
+    .inventory-page {
+      text-align: right;
+      position: absolute;
+      bottom: 5px;
+      right: 0px;
+    }
+    .text-2line-overflow{
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: initial;
+    }
+  }
+}