dlt-for-react 1.0.21 → 1.0.22

package/README.md

@@ -16,6 +16,10 @@ npm publish
 
 ##### 版本修改记录
 
+#### V1.0.22—2023 年 11 月 9 日
+
+1. 补充 HqWzSelector 组件
+
 #### V1.0.21—2023 年 11 月 3 日
 
 1. 统一登录页接口

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

@@ -0,0 +1,325 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HqWzSelector = undefined;
+
+var _NHSelector2 = require("xgui-for-react/lib/components/NHSelector");
+
+var _NHSelector3 = _interopRequireDefault(_NHSelector2);
+
+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);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 物资选择器
+ * 用法如下：（记得先引入组件）
+
+// 物资选择器显示
+this.HqWzSelector.show([id]);
+
+<HqWzSelector
+    label={'选择物资'}
+    isSinger={false}
+    ref={el => this.HqWzSelector = 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 HqWzSelector = exports.HqWzSelector = function (_React$Component) {
+  (0, _inherits3.default)(HqWzSelector, _React$Component);
+
+  function HqWzSelector(props) {
+    (0, _classCallCheck3.default)(this, HqWzSelector);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqWzSelector.__proto__ || (0, _getPrototypeOf2.default)(HqWzSelector)).call(this, props));
+
+    _this.show = function (initValues) {
+      _this.HqWzSelector.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.state = {};
+    return _this;
+  }
+
+  /**
+   * 单选时底部结果渲染
+   * @param record 选中的那条结果数据
+   */
+
+
+  (0, _createClass3.default)(HqWzSelector, [{
+    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: "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: "dj",
+        title: "单价",
+        minWidth: "120",
+        sorted: false,
+        render: function render(text, record, index) {
+          var temp = record.DJ || record.dj;
+          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: "jysl",
+        title: "库存数量",
+        width: "120",
+        sorted: false,
+        render: function render(text, record, index) {
+          var temp = record.JYSL || record.jysl;
+          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
+            );
+          }
+        }
+      }];
+      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,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,
+          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_wzxx";
+        treeUrl = baseUrl + "/proData/selector/tree/list"; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+        tableUrl = baseUrl + "/proData/selector/table/list"; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+      }
+      return _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(_NHSelector3.default, {
+          ref: function ref(form) {
+            _this2.HqWzSelector = 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,
+          baseUrl: this.props.baseUrl,
+          rangeFilter: this.props.rangeFilter,
+          rangeFilterList: this.props.rangeFilterList
+        })
+      );
+    }
+  }]);
+  return HqWzSelector;
+}(_react2.default.Component);
+
+HqWzSelector.defaultProps = {
+  mode: "treeAndTable",
+  treeWidth: 250,
+  tableWidth: 600,
+  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 = HqWzSelector;

package/lib/index.js

@@ -238,6 +238,15 @@ Object.defineProperty(exports, "HqRySelector", {
   }
 });
 
+var _HqWzSelector = require("./components/HqSelector/HqWzSelector");
+
+Object.defineProperty(exports, "HqWzSelector", {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_HqWzSelector).default;
+  }
+});
+
 var _KyTree = require("./components/KyTree");
 
 Object.defineProperty(exports, "KyTree", {
@@ -407,7 +416,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @Description:
  * @Author: jiangzhongxin
  * @LastEditors: jiangzhongxin
- * @LastEditTime: 2023-11-01 13:55:38
+ * @LastEditTime: 2023-11-09 13:35:05
  * @Copyright: 2023 LIANYI TECHNOLOGY CO.,LTD. All Rights Reserved. 联奕科技有限公司
  */
 var ENV = process.env.NODE_ENV;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dlt-for-react",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "dlt for react",
   "main": "lib/index.js",
   "scripts": {