dlt-for-react 2.2.0 → 2.2.2

package/assets/components/KyTitle/index.less

@@ -8,7 +8,7 @@
     color: rgba(0, 0, 0, 0.85);
     background: #f9fbfe;
     border-radius: 4px;
-    .title {
+    .item-title {
       position: relative;
       left: 8px;
       font-weight: bold;

package/lib/components/HqPrint/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactToPrint = require("react-to-print");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*******
+ * @description: 打印组件
+ * @author: 琴时
+ * @example: 父组件为类组件：<HqPrint ref="printRef"><div>打印内容</div></HqPrint>     通过ref调用打印this.refs.printRef.handlePrint()
+ * @example: 父组件为函数组件：<HqPrint ref={printRef}><div>打印内容</div></HqPrint>   通过ref调用打印printRef.current.handlePrint()
+ */
+var HqPrint = (0, _react.forwardRef)(function (props, ref) {
+  var contentRef = (0, _react.useRef)();
+  var handlePrint = (0, _reactToPrint.useReactToPrint)({
+    content: function content() {
+      return contentRef.current;
+    }
+  });
+  // 将 handlePrint 方法通过 useImperativeHandle 暴露给父组件
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      handlePrint: handlePrint,
+      contentRef: contentRef
+    };
+  });
+
+  return _react2.default.createElement(
+    "div",
+    { className: "HqPrint", style: { display: "none" } },
+    _react2.default.createElement(
+      "div",
+      {
+        style: { fontSize: "16px" },
+        className: "HqPrint-container",
+        ref: contentRef
+      },
+      props.children
+    )
+  );
+});
+
+exports.default = HqPrint;

package/lib/components/HqSelector/HqWzGgSelector/index.js

@@ -0,0 +1,364 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HqWzGgSelector = undefined;
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+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);
+
+require("antd/lib/tooltip/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHSelector = require("../NHSelector");
+
+var _NHSelector2 = _interopRequireDefault(_NHSelector);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 物资规格选择器
+ * 用法如下：（记得先引入组件）
+
+// 物资规格选择器显示
+this.HqWzGgSelector.show([id]);
+
+<HqWzGgSelector
+    label={'选择物资规格'}
+    isSinger={false}
+    ref={el => this.HqWzGgSelector = el}
+    onSelect={this.onWzSelector}
+/>
+
+// 物资规格选择器选中事件
+onWzSelector = (selectKeys, selectValue) => {
+    if (selectValue && selectValue.length > 0) {
+        let params = this.state.params;
+        const obj = selectValue[0];
+        params.wzbh = obj.WZBH;
+        params.wzmc = obj.WZMC;
+        params.flmc = obj.WZFL;
+        this.setState({ params });
+    } else {
+        message.warn("请选择物资规格信息！")
+    }
+}
+
+ */
+var HqWzGgSelector = exports.HqWzGgSelector = function (_React$Component) {
+  (0, _inherits3.default)(HqWzGgSelector, _React$Component);
+
+  function HqWzGgSelector(props) {
+    (0, _classCallCheck3.default)(this, HqWzGgSelector);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqWzGgSelector.__proto__ || (0, _getPrototypeOf2.default)(HqWzGgSelector)).call(this, props));
+
+    _this.show = function (initValues) {
+      _this.HqWzGgSelector.show(initValues);
+    };
+
+    _this.singerBottomShowRender = function (record) {
+      var wzbh = record.WZBH || record.wzbh;
+      var wzmc = record.WZMC || record.wzmc;
+      var flmc = record.FLMC || record.flmc;
+      return _react2.default.createElement(
+        "span",
+        null,
+        _react2.default.createElement(
+          "font",
+          null,
+          "(",
+          flmc,
+          ")-"
+        ),
+        _react2.default.createElement(
+          "font",
+          { style: { fontSize: "14px", color: "red" } },
+          wzmc,
+          "(",
+          wzbh,
+          ")"
+        )
+      );
+    };
+
+    _this.footerRender = function (count) {
+      return "\u603B\u8BA1\uFF1A" + count + "\u79CD";
+    };
+
+    _this.state = {};
+    return _this;
+  }
+
+  /**
+   * 单选时底部结果渲染
+   * @param record 选中的那条结果数据
+   */
+
+
+  /**
+   * 多选时显示尾部的信息
+   */
+
+
+  (0, _createClass3.default)(HqWzGgSelector, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var columns = [{
+        key: "row_id",
+        title: "序号",
+        width: "60",
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.ROW_ID || record.row_id;
+        }
+      }, {
+        key: "wzmc",
+        title: "物资名称",
+        width: "100",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.WZMC || record.wzmc;
+        }
+      }, {
+        key: "dw",
+        title: "单位",
+        width: "100",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.DW || record.dw;
+        }
+      }, {
+        key: "ggxh",
+        title: "规格",
+        width: "100",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.GGXH || record.ggxh;
+        }
+      }, {
+        key: "wzbh",
+        title: "物资编号",
+        width: "100",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.WZBH || record.wzbh;
+        }
+      }, {
+        key: "flmc",
+        title: "物资分类",
+        minWidth: "120",
+        sorted: false,
+        render: function render(text, record, index) {
+          var temp = record.FLMC || record.flmc;
+          if (temp && temp.length > 13) {
+            return _react2.default.createElement(
+              "font",
+              null,
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: temp },
+                temp.substring(0, 13),
+                "..."
+              )
+            );
+          } else {
+            return _react2.default.createElement(
+              "font",
+              null,
+              temp
+            );
+          }
+        }
+      },
+      // {
+      //   key: "ggxh",
+      //   title: "规格",
+      //   minWidth: "120",
+      //   sorted: false,
+      //   render: (text, record, index) => {
+      //     let temp = record.GGXH || record.ggxh;
+      //     if (temp && temp.length > 13) {
+      //       return (
+      //         <font>
+      //           <Tooltip title={temp}>{temp.substring(0, 13)}...</Tooltip>
+      //         </font>
+      //       );
+      //     } else {
+      //       return <font>{temp}</font>;
+      //     }
+      //   },
+      // },
+      // {
+      //   key: "jysl",
+      //   title: "库存数量",
+      //   width: "80",
+      //   sorted: false,
+      //   render: (text, record, index) => {
+      //     let temp = record.JYSL || record.jysl;
+      //     if (temp && temp.length > 10) {
+      //       return (
+      //         <font>
+      //           <Tooltip title={temp}>{temp.substring(0, 10)}...</Tooltip>
+      //         </font>
+      //       );
+      //     } else {
+      //       return <font>{temp}</font>;
+      //     }
+      //   },
+      // },
+      {
+        key: "dj",
+        title: "单价",
+        minWidth: "60",
+        sorted: false,
+        render: function render(text, record, index) {
+          var temp = record.DJ || record.dj;
+          if (temp && temp.length > 8) {
+            return _react2.default.createElement(
+              "font",
+              null,
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: temp },
+                temp.substring(0, 8),
+                "..."
+              )
+            );
+          } else {
+            return _react2.default.createElement(
+              "font",
+              null,
+              temp
+            );
+          }
+        }
+      }];
+      var _props = this.props,
+          mode = _props.mode,
+          treeWidth = _props.treeWidth,
+          tableWidth = _props.tableWidth,
+          resultWidth = _props.resultWidth,
+          _props$title = _props.title,
+          title = _props$title === undefined ? "物资规格选择器" : _props$title,
+          _props$keyField = _props.keyField,
+          keyField = _props$keyField === undefined ? "ID" : _props$keyField,
+          _props$titleField = _props.titleField,
+          titleField = _props$titleField === undefined ? "WZMC" : _props$titleField,
+          _props$searchField = _props.searchField,
+          searchField = _props$searchField === undefined ? "wzmc,ggxh,wzbh,flmc,dj" : _props$searchField,
+          _props$searchWidth = _props.searchWidth,
+          searchWidth = _props$searchWidth === undefined ? "300" : _props$searchWidth,
+          _props$placeholder = _props.placeholder,
+          placeholder = _props$placeholder === undefined ? "物资名称/规格/物资编号/物资分类/单价" : _props$placeholder,
+          sign = _props.sign,
+          treeUrl = _props.treeUrl,
+          tableUrl = _props.tableUrl,
+          _props$baseUrl = _props.baseUrl,
+          baseUrl = _props$baseUrl === undefined ? "api/hq-kfgl" : _props$baseUrl;
+
+      if (!sign && !treeUrl && !tableUrl) {
+        //没有设置方案说明此时使用默认的数据源调用
+        sign = "ly_hq_selector_wzggxx";
+        treeUrl = baseUrl + "/proData/selector/tree/list"; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+        tableUrl = baseUrl + "/proData/selector/table/list"; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+      }
+      return _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(_NHSelector2.default, {
+          ref: function ref(form) {
+            _this2.HqWzGgSelector = form;
+          },
+          title: title,
+          mode: mode,
+          sign: sign,
+          treeUrl: treeUrl,
+          tableUrl: tableUrl,
+          treeWidth: treeWidth,
+          tableWidth: tableWidth,
+          resultWidth: resultWidth,
+          height: 500,
+          isSinger: this.props.isSinger,
+          columns: columns,
+          keyField: keyField,
+          titleField: titleField,
+          searchField: searchField,
+          searchWidth: searchWidth,
+          placeholder: placeholder,
+          onSelect: this.props.onSelect,
+          tableParams: this.props.tableParams,
+          tableSqlParams: this.props.tableSqlParams,
+          treeParams: this.props.treeParams,
+          treeSqlParams: this.props.treeSqlParams,
+          treeShowIcon: true,
+          singerBottomShowFlag: true,
+          singerBottomShowRender: this.singerBottomShowRender,
+          footerRender: this.footerRender,
+          baseUrl: this.props.baseUrl,
+          rangeFilter: this.props.rangeFilter,
+          rangeFilterList: this.props.rangeFilterList
+        })
+      );
+    }
+  }]);
+  return HqWzGgSelector;
+}(_react2.default.Component);
+
+HqWzGgSelector.defaultProps = {
+  mode: "treeAndTable",
+  treeWidth: 250,
+  tableWidth: 650,
+  resultWidth: 150,
+  sign: undefined,
+  treeUrl: undefined,
+  tableUrl: undefined,
+  title: undefined,
+  keyField: undefined,
+  titleField: undefined,
+  searchField: undefined,
+  searchWidth: undefined,
+  placeholder: undefined,
+  isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+  onSelect: function onSelect() {}, //选中结果的时候的回调方法
+  treeParams: {}, //树数据过滤参数
+  treeSqlParams: undefined, //树的sql语句内的参数
+  tableParams: {}, //列表数据过滤参数
+  tableSqlParams: undefined, //列表的sql语句内的参数
+  baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+  rangeFilter: undefined, //是否开启职务范围过滤
+  rangeFilterList: undefined // 自定义职务过滤列表
+};
+
+exports.default = HqWzGgSelector;

package/lib/components/HqSelector/HqWzSelector/index.js

@@ -148,6 +148,24 @@ var HqWzSelector = exports.HqWzSelector = function (_React$Component) {
         render: function render(text, record) {
           return record.WZMC || record.wzmc;
         }
+      }, {
+        key: "dw",
+        title: "单位",
+        width: "100",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.DW || record.dw;
+        }
+      }, {
+        key: "ggxh",
+        title: "物资规格",
+        width: "100",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.GGXH || record.ggxh;
+        }
       }, {
         key: "wzbh",
         title: "物资编号",
@@ -183,33 +201,26 @@ var HqWzSelector = exports.HqWzSelector = function (_React$Component) {
             );
           }
         }
-      }, {
-        key: "ggxh",
-        title: "规格",
-        minWidth: "120",
-        sorted: false,
-        render: function render(text, record, index) {
-          var temp = record.GGXH || record.ggxh;
-          if (temp && temp.length > 13) {
-            return _react2.default.createElement(
-              "font",
-              null,
-              _react2.default.createElement(
-                _tooltip2.default,
-                { title: temp },
-                temp.substring(0, 13),
-                "..."
-              )
-            );
-          } else {
-            return _react2.default.createElement(
-              "font",
-              null,
-              temp
-            );
-          }
-        }
-      }, {
+      },
+      // {
+      //   key: "ggxh",
+      //   title: "规格",
+      //   minWidth: "120",
+      //   sorted: false,
+      //   render: (text, record, index) => {
+      //     let temp = record.GGXH || record.ggxh;
+      //     if (temp && temp.length > 13) {
+      //       return (
+      //         <font>
+      //           <Tooltip title={temp}>{temp.substring(0, 13)}...</Tooltip>
+      //         </font>
+      //       );
+      //     } else {
+      //       return <font>{temp}</font>;
+      //     }
+      //   },
+      // },
+      {
         key: "jysl",
         title: "库存数量",
         width: "80",
@@ -238,18 +249,18 @@ var HqWzSelector = exports.HqWzSelector = function (_React$Component) {
       }, {
         key: "dj",
         title: "单价",
-        minWidth: "80",
+        minWidth: "60",
         sorted: false,
         render: function render(text, record, index) {
           var temp = record.DJ || record.dj;
-          if (temp && temp.length > 10) {
+          if (temp && temp.length > 8) {
             return _react2.default.createElement(
               "font",
               null,
               _react2.default.createElement(
                 _tooltip2.default,
                 { title: temp },
-                temp.substring(0, 10),
+                temp.substring(0, 8),
                 "..."
               )
             );
@@ -274,11 +285,11 @@ var HqWzSelector = exports.HqWzSelector = function (_React$Component) {
           _props$titleField = _props.titleField,
           titleField = _props$titleField === undefined ? "WZMC" : _props$titleField,
           _props$searchField = _props.searchField,
-          searchField = _props$searchField === undefined ? "wzmc,wzbh,flmc,dj,jysl" : _props$searchField,
+          searchField = _props$searchField === undefined ? "wzmc,ggxh,wzbh,flmc,dj,jysl" : _props$searchField,
           _props$searchWidth = _props.searchWidth,
           searchWidth = _props$searchWidth === undefined ? "300" : _props$searchWidth,
           _props$placeholder = _props.placeholder,
-          placeholder = _props$placeholder === undefined ? "物资名称/物资编号/物资分类/单价/库存数量" : _props$placeholder,
+          placeholder = _props$placeholder === undefined ? "物资名称/规格/物资编号/物资分类/单价/库存数量" : _props$placeholder,
           sign = _props.sign,
           treeUrl = _props.treeUrl,
           tableUrl = _props.tableUrl,