tplus-components-touch 3.54.6 → 3.55.2

package/dist/components/collection/searchView/index.js

@@ -1,296 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = undefined;
-
-var _button = require('antd/es/button');
-
-var _button2 = _interopRequireDefault(_button);
-
-var _row = require('antd/es/row');
-
-var _row2 = _interopRequireDefault(_row);
-
-var _col = require('antd/es/col');
-
-var _col2 = _interopRequireDefault(_col);
-
-var _form = require('antd/es/form');
-
-var _form2 = _interopRequireDefault(_form);
-
-var _input = require('antd/es/input');
-
-var _input2 = _interopRequireDefault(_input);
-
-var _regenerator = require('babel-runtime/regenerator');
-
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-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 _datePicker = require('antd/es/date-picker');
-
-var _datePicker2 = _interopRequireDefault(_datePicker);
-
-require('antd/es/button/style');
-
-require('antd/es/row/style');
-
-require('antd/es/col/style');
-
-require('antd/es/form/style');
-
-require('antd/es/input/style');
-
-require('antd/es/date-picker/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-require('./index.less');
-
-var _moment = require('moment');
-
-var _moment2 = _interopRequireDefault(_moment);
-
-var _tools = require('../../../util/tools');
-
-var _tools2 = _interopRequireDefault(_tools);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var RangePicker = _datePicker2.default.RangePicker;
-
-
-var formItemLayout = {
-    labelCol: {
-        xs: { span: 24 },
-        sm: { span: 8 }
-    },
-    wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 16 }
-    }
-};
-var customerConfig = {
-    rules: [{ type: 'string', required: true, message: '请录入客户！' }]
-};
-
-var SearchView = function (_Component) {
-    (0, _inherits3.default)(SearchView, _Component);
-
-    function SearchView(props, context) {
-        var _this2 = this;
-
-        (0, _classCallCheck3.default)(this, SearchView);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (SearchView.__proto__ || (0, _getPrototypeOf2.default)(SearchView)).call(this, props, context));
-
-        _this.formRef = _react2.default.createRef();
-
-        _this.onDateChange = function (dateArray) {
-            console.log('dateArray => ', dateArray);
-            var date1 = void 0,
-                date2 = void 0;
-            if (!dateArray || dateArray.length == 0) {
-                console.log('没有传入dateArray');
-                date1 = date2 = '';
-            } else {
-                date1 = _tools2.default.dateFormat(new Date(dateArray[0]), 'yyyy-MM-dd');
-                date2 = _tools2.default.dateFormat(new Date(dateArray[1]), 'yyyy-MM-dd');
-            }
-            _this.setState({
-                param: (0, _extends3.default)({}, _this.state.param, { StartVoucherDate: date1, EndVoucherDate: date2 })
-            });
-        };
-
-        _this.dateFormat = function (date) {
-            if (date) {
-                var _date = (0, _moment2.default)(date);
-                return _date._isValid ? _date : '';
-            }
-            return '';
-        };
-
-        _this.onFinish = function () {
-            var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
-                var onFinish, voucherCode;
-                return _regenerator2.default.wrap(function _callee$(_context) {
-                    while (1) {
-                        switch (_context.prev = _context.next) {
-                            case 0:
-                                onFinish = _this.props.onFinish;
-                                voucherCode = value.VoucherCode ? value.VoucherCode : '';
-
-                                _this.setState({
-                                    param: (0, _extends3.default)({}, _this.state.param, { Key: voucherCode, VoucherCode: voucherCode })
-                                }, function () {
-                                    onFinish && onFinish({ param: _this.state.param });
-                                });
-
-                            case 3:
-                            case 'end':
-                                return _context.stop();
-                        }
-                    }
-                }, _callee, _this2);
-            }));
-
-            return function (_x) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-
-        _this.setCustVendor = function (val) {
-            _this.setState({
-                param: (0, _extends3.default)({}, _this.state.param, { CustVendorId: val.id })
-            });
-            var setFieldsValue = _this.formRef.current.setFieldsValue;
-
-            setFieldsValue({
-                customer: val.partyName
-            });
-        };
-
-        _this.focus = function () {
-            var showCustomer = _this.props.showCustomer;
-
-            showCustomer(_this.setCustVendor);
-        };
-
-        _this.setFocus = function () {
-            _this.customerInput && _this.customerInput.input.focus();
-        };
-
-        _this.state = {
-            param: {
-                CurrentPage: 1, //第X页
-                PageSize: 15, //每页Y条
-                StartVoucherDate: "", //开始日期
-                EndVoucherDate: "", //结束日期
-                VoucherCode: "", //零售单号
-                Key: "", //零售单号
-                KeyType: "3", //3:欠款查询，0:单据查询，1:原单退货，2:待配送单据查询
-                CustVendorId: null, //客户ID
-                Memo: "" //备注
-            },
-            custVendorInfo: null
-        };
-        return _this;
-    }
-
-    (0, _createClass3.default)(SearchView, [{
-        key: 'render',
-        value: function render() {
-            var _this3 = this;
-
-            var param = this.state.param;
-
-            return _react2.default.createElement(
-                _form2.default,
-                (0, _extends3.default)({ ref: this.formRef, name: 'form' }, formItemLayout, { onFinish: this.onFinish }),
-                _react2.default.createElement(
-                    _row2.default,
-                    null,
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 7 },
-                        _react2.default.createElement(
-                            _form2.default.Item,
-                            (0, _extends3.default)({ name: 'customer', label: '\u5BA2\u6237' }, customerConfig),
-                            _react2.default.createElement(_input2.default, { ref: function ref(input) {
-                                    return _this3.customerInput = input;
-                                }, tabindex: '-1', onFocus: function onFocus() {
-                                    _this3.focus();
-                                }, placeholder: '\u8BF7\u5F55\u5165\u5BA2\u6237' })
-                        )
-                    ),
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 8 },
-                        _react2.default.createElement(
-                            _form2.default.Item,
-                            { name: 'range-picker', label: '\u5355\u636E\u65E5\u671F' },
-                            _react2.default.createElement(RangePicker, {
-                                placeholder: ['开始', '结束'],
-                                format: 'YYYY-MM-DD',
-                                onChange: this.onDateChange,
-                                value: [this.dateFormat(param.StartVoucherDate), this.dateFormat(param.EndVoucherDate)]
-                            })
-                        )
-                    ),
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 8 },
-                        _react2.default.createElement(
-                            _form2.default.Item,
-                            { name: 'VoucherCode', label: '\u96F6\u552E\u5355\u53F7' },
-                            _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u96F6\u552E\u5355\u53F7' })
-                        )
-                    )
-                ),
-                _react2.default.createElement(
-                    _row2.default,
-                    null,
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 14 },
-                        _react2.default.createElement(
-                            _form2.default.Item,
-                            { labelCol: { span: 4 }, name: 'Memo', label: '\u5907\u6CE8' },
-                            _react2.default.createElement(_input2.default, { placeholder: '\u7F16\u53F7/\u59D3\u540D', style: { width: 478 } })
-                        )
-                    ),
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 8 },
-                        _react2.default.createElement(
-                            _form2.default.Item,
-                            null,
-                            _react2.default.createElement(
-                                _button2.default,
-                                { className: 'summitBtn', type: 'primary', htmlType: 'submit' },
-                                '\u67E5\u8BE2'
-                            )
-                        )
-                    )
-                )
-            );
-        }
-    }]);
-    return SearchView;
-}(_react.Component);
-
-exports.default = SearchView;
-;
-//# sourceMappingURL=index.js.map

package/dist/components/collection/searchView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-components-touch/components/collection/searchView/index.js"],"names":["RangePicker","formItemLayout","labelCol","xs","span","sm","wrapperCol","customerConfig","rules","type","required","message","SearchView","props","context","formRef","React","createRef","onDateChange","dateArray","console","log","date1","date2","length","tools","dateFormat","Date","setState","param","state","StartVoucherDate","EndVoucherDate","date","_date","_isValid","onFinish","value","voucherCode","VoucherCode","Key","setCustVendor","val","CustVendorId","id","setFieldsValue","current","customer","partyName","focus","showCustomer","setFocus","customerInput","input","CurrentPage","PageSize","KeyType","Memo","custVendorInfo","width","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport { Form, Row, Col, DatePicker, Button, Input } from 'antd';\nimport './index.less';\nimport moment from \"moment\";\nimport tools from '../../../util/tools'\nconst { RangePicker } = DatePicker;\n\nconst formItemLayout = {\n    labelCol: {\n        xs: { span: 24 },\n        sm: { span: 8 },\n    },\n    wrapperCol: {\n        xs: { span: 24 },\n        sm: { span: 16 },\n    },\n};\nconst customerConfig = {\n    rules: [{ type: 'string', required: true, message: '请录入客户！' }],\n};\n\nexport default class SearchView extends Component {\n    constructor(props, context) {\n        super(props, context);\n        this.state = {\n            param: {\n                CurrentPage:1,//第X页\n                PageSize:15,//每页Y条\n                StartVoucherDate:\"\",//开始日期\n                EndVoucherDate:\"\",//结束日期\n                VoucherCode:\"\",//零售单号\n                Key:\"\",//零售单号\n                KeyType:\"3\",//3:欠款查询，0:单据查询，1:原单退货，2:待配送单据查询\n                CustVendorId:null,//客户ID\n                Memo:\"\"//备注\n            },\n            custVendorInfo: null\n        }\n    }\n    formRef = React.createRef();\n\n    onDateChange = (dateArray) => {\n        console.log('dateArray => ', dateArray);\n        let date1, date2;\n        if (!dateArray || dateArray.length == 0) {\n            console.log('没有传入dateArray');\n            date1 = date2 = '';\n        } else {\n            date1 = tools.dateFormat(new Date(dateArray[0]), 'yyyy-MM-dd')\n            date2 = tools.dateFormat(new Date(dateArray[1]), 'yyyy-MM-dd')\n        }\n        this.setState({\n            param: { ...this.state.param, ...{ StartVoucherDate: date1, EndVoucherDate: date2 } }\n        })\n    };\n\n    dateFormat = (date) => {\n        if (date) {\n          let _date = moment(date);\n          return _date._isValid ? _date : ''\n        }\n        return '';\n    }\n\n    onFinish = async (value) => {\n        let { onFinish } = this.props;\n        let voucherCode = value.VoucherCode ? value.VoucherCode : '';\n        this.setState({\n            param: { ...this.state.param, ...{ Key: voucherCode , VoucherCode: voucherCode } }\n        }, () => {\n            onFinish && onFinish({param: this.state.param});\n        })        \n    }\n\n    setCustVendor = (val) => {\n        this.setState({\n            param: { ...this.state.param, ...{ CustVendorId: val.id } }\n        })\n        const { setFieldsValue } = this.formRef.current;\n        setFieldsValue({\n            customer: val.partyName\n        })\n    }\n\n    focus = () => {\n        let { showCustomer } = this.props;\n        showCustomer(this.setCustVendor);\n    }\n\n    setFocus = () => {\n        this.customerInput && this.customerInput.input.focus();\n    }\n\n    render () {\n        const { param } = this.state;\n        return (\n            <Form ref={this.formRef} name=\"form\" {...formItemLayout} onFinish={this.onFinish}>\n                <Row>\n                    <Col span={7}>\n                        <Form.Item name=\"customer\" label=\"客户\"  {...customerConfig}>\n                            <Input ref={(input) => this.customerInput = input} tabindex=\"-1\" onFocus={()=>{this.focus()}} placeholder='请录入客户'/>\n                        </Form.Item>\n                    </Col>\n                    <Col span={8}>\n                        <Form.Item  name=\"range-picker\" label=\"单据日期\">\n                            <RangePicker\n                                placeholder={['开始', '结束']}\n                                format='YYYY-MM-DD'\n                                onChange={this.onDateChange}\n                                value={[this.dateFormat(param.StartVoucherDate), this.dateFormat(param.EndVoucherDate)]}\n                            />\n                        </Form.Item>\n                    </Col>\n                    <Col span={8}>\n                        <Form.Item  name='VoucherCode' label=\"零售单号\">\n                            <Input placeholder='请输入零售单号'/>\n                        </Form.Item>\n                    </Col>\n                </Row>\n                <Row>\n                    <Col span={14}>\n                        <Form.Item labelCol={{ span: 4 }} name='Memo' label=\"备注\">\n                            <Input placeholder='编号/姓名' style={{width:478}}/>\n                        </Form.Item>\n                    </Col>\n                    <Col span={8}>\n                        <Form.Item>\n                            <Button className='summitBtn' type=\"primary\" htmlType=\"submit\">\n                                查询\n                            </Button>\n                        </Form.Item>\n                    </Col>\n                </Row>\n            </Form>\n        )\n    }\n};\n"]}

package/dist/components/collection/searchView/index.less

@@ -1,134 +0,0 @@
-.collectionContainer {
-    height: 100%;
-    .ant-form {
-        width: 1040px;
-        border: 1px solid #D7D7DA;
-        border-radius: 3px;
-        width: 906px;
-        height: 114px;
-        padding-top: 10px;
-        margin-bottom: 10px;
-        margin-left: 14px;
-    }
-    .tips {
-        line-height: 80px;
-        span {
-            display: inline-block;
-            width: 906px;
-            line-height: 48px;
-            background: rgba(1,177,68,0.10);
-            border: 1px dashed #01B144;
-            border-radius: 4px;
-            margin: 16px 0 16px 14px;
-            text-indent: 38px;
-        }
-    }
-    .summitBtn {
-        margin-left: 56px;
-    }
-    .collection-content {
-        height: calc(~'100% - 194px');
-        .collection-table {
-            margin: 0 auto;
-            width: 906px;
-            height: calc(~'100% - 124px');
-            overflow: auto;
-        }
-    }
-    .collection-footer {
-        .collection-all {
-            padding-right: 30px;
-            line-height: 50px;
-            text-align: right;
-            .total {
-                margin-right: 16px;
-                font-family: PingFangSC-Semibold;
-                font-size: 14px;
-                color: #333333;
-                font-weight: 600;
-            }
-        }
-        .collection-choose {
-            padding: 10px 32px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            border-top: 1px solid #EBEBEB;
-            .ant-pagination {
-                height: 30px;
-                line-height: 30px;
-                input {
-                    pointer-events: none;
-                    border: none;
-                    margin-right: 0;
-                    padding: 0;
-                }
-                .ant-pagination-next {
-                    border: none;
-                    height: 32px !important;
-                    .ant-pagination-item-link {
-                        color: white;
-                    }
-                    button {
-                        margin-top: 4px;
-                    }
-                  }
-                  .ant-pagination-prev {
-                    margin-right: 0;
-                    border: none;
-                    height: 32px !important;
-                    .ant-pagination-item-link {
-                        color: white;
-                    }
-                    button {
-                        margin-top: 4px;
-                    }
-                  }
-                .ant-pagination-disabled {
-                    border: 1px solid #666 !important;
-                    height: 32px !important;
-                    background: white !important;
-                    .ant-pagination-item-link {
-                        color: #666 !important;
-                    }
-                    button {
-                        margin-top: 4px;
-                    }
-                }
-            }
-            .collection-chooseCon {
-                display: flex;
-                justify-self: end;
-                align-items: center;
-                .text-item {
-                    margin-right: 20px;
-                    display: flex;
-                    align-items: center;
-                    .count {
-                        font-size: 24px;
-                        font-family: PingFangSC-Medium;
-                        font-weight: 500;
-                    }
-                }
-                .billingSettlement{
-                    border-radius: 4px;
-                }
-                .btns{
-                    min-height: unset;
-                    .ant-btn{
-                        height: unset;
-                        width: unset;
-                        font-size: 16px;
-                        padding: 9px 22px;
-                        margin-left: 0;
-                        border-radius: 4px !important;
-                    }
-                    &.voucherMode{
-                        position: static;
-                        width: unset;
-                    }
-                }
-            }
-        }
-    }
-}