dlt-for-react 1.0.13 → 1.0.15

package/README.md

@@ -8,7 +8,7 @@ npm publish
 
 ## 前端 dlt-for-react 依赖包版本更新记录
 
-##### 当前最新版本：1.0.13
+##### 当前最新版本：1.0.15
 
 ##### 安装依赖
 
@@ -16,6 +16,14 @@ npm publish
 
 ##### 版本修改记录
 
+#### V1.0.14—2023 年 10 月 26 日
+
+1. 补充 HqRySelector 组件
+
+#### V1.0.14—2023 年 10 月 25 日
+
+1. 补充 KyTableCardList 组件
+
 #### V1.0.13—2023 年 10 月 24 日
 
 1. 补充 KyTree 组件

package/assets/components/KyTableCardList/index.less

@@ -0,0 +1,200 @@
+:global {
+  .ky-table-card-list {
+    width: 100%;
+    height: 100%;
+    .custom_scrollbars {
+      width: 100%;
+    }
+    .searchDiv {
+      margin-bottom: 16px;
+      .hide_select_field_icon {
+        .ant-select-arrow {
+          display: none;
+        }
+      }
+
+      .ant-select .ant-select-selection {
+        border: none !important;
+        outline: none !important;
+        box-shadow: none !important;
+      }
+      .search-input {
+        width: 230px;
+      }
+      .search-radio,
+      .search-checkbox {
+        margin-left: 28px;
+      }
+
+      .search-btn {
+        margin: 0 20px;
+      }
+      .height-text {
+        margin-left: 10px;
+      }
+    }
+
+    .highSearch-box {
+      margin-bottom: 10px;
+      div.ant-select-selection {
+        border-width: 1px !important;
+      }
+      button.ant-btn {
+        margin: 10px 0 0px 10px;
+      }
+      div.ant-form-item {
+        margin-bottom: 0px;
+      }
+      span.ant-time-picker {
+        width: 100%;
+      }
+    }
+    .content-box {
+      padding: 2px 0 0 0;
+      .card-list {
+        position: relative;
+        display: flex;
+        justify-content: flex-start;
+        width: 100%;
+        height: 110px;
+        margin-bottom: 16px;
+        padding: 24px;
+        padding: 24px 24px 24px 22px;
+        overflow: hidden;
+        background: #ffffff;
+        border-right: 1px solid #d9d9d9;
+        border-radius: 6px;
+        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
+        opacity: 1;
+
+        .statusLine {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 6px;
+          height: 110px;
+          background: #397ef0;
+        }
+        .item-left {
+          flex-shrink: 0;
+          width: 70%;
+          .title_box {
+            display: flex;
+            .title {
+              width: 400px;
+              margin-bottom: 16px;
+              overflow: hidden;
+              color: #397ef0;
+              font-weight: bold;
+              font-size: 18px;
+              font-family: Source Han Sans CN;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              cursor: pointer;
+              opacity: 1;
+            }
+            .subhead {
+              margin-left: 25px;
+              .subhead_label {
+                color: rgba(0, 0, 0, 0.85);
+              }
+            }
+          }
+          .label,
+          .value {
+            display: inline-block;
+            color: rgba(0, 0, 0, 0.85);
+            font-weight: bold;
+            font-size: 14px;
+            font-family: Source Han Sans CN;
+          }
+          .value {
+            color: rgba(0, 0, 0, 0.65);
+            font-weight: 400;
+          }
+          .warningText {
+            color: #ff4d4f;
+            cursor: pointer;
+          }
+        }
+        .status {
+          flex-basis: 10%;
+          flex-shrink: 0;
+          margin-right: 16px;
+          line-height: 62px;
+          text-align: right;
+          .dot {
+            position: relative;
+            top: -2px;
+            display: inline-block;
+            width: 6px;
+            height: 6px;
+            margin-right: 4px;
+            border-radius: 50%;
+          }
+          .status-text {
+            font-weight: 400;
+            font-size: 14px;
+            font-family: Source Han Sans CN;
+            opacity: 1;
+          }
+        }
+        .operate {
+          flex-basis: 20%;
+          flex-shrink: 0;
+          line-height: 62px;
+          text-align: right;
+          .iconDown {
+            margin-left: 4px;
+            font-size: 12px;
+          }
+          .action {
+            color: #397ef0;
+            font-weight: 400;
+            font-size: 14px;
+            font-family: Source Han Sans CN;
+            opacity: 1;
+            &[disabled] {
+              color: rgba(0, 0, 0, 0.45);
+            }
+            .operate-icon {
+              width: 20px;
+              height: 20px;
+            }
+          }
+        }
+      }
+    }
+    .card-list-pagination {
+      width: 100%;
+      height: 24px;
+      .ant-pagination {
+        text-align: right;
+      }
+      .ant-pagination.mini .ant-pagination-total-text,
+      .ant-pagination.mini .ant-pagination-simple-pager {
+        float: left;
+      }
+      .ant-pagination-item-active {
+        background: #fff;
+        a {
+          color: #397ef0;
+        }
+      }
+    }
+  }
+  .ant-dropdown-menu-item .action {
+    color: #397ef0;
+    font-weight: 400;
+    font-size: 14px;
+    font-family: Source Han Sans CN;
+    opacity: 1;
+    &[disabled] {
+      color: rgba(0, 0, 0, 0.45);
+    }
+    .operate-icon {
+      width: 20px;
+      height: 20px;
+    }
+  }
+}

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

@@ -261,7 +261,7 @@ var HqLsrySelector = exports.HqLsrySelector = function (_React$Component) {
                 _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,

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

@@ -0,0 +1,331 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HqRySelector = 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.HqRySelector.show([id]);
+
+<HqRySelector
+    label={'选择人员分类'}
+    isSinger={false}
+    ref={el => this.HqRySelector = el}
+    onSelect={this.onSelector}
+/>
+
+// 人员分类择器选中事件
+onSelector = (selectKeys, selectValue) => {
+    if (selectValue && selectValue.length > 0) {
+        let params = this.state.params;
+        const obj = selectValue[0];
+        params.gh = obj.GH;
+        params.xm = obj.XM;
+        this.setState({ params });
+    } else {
+        message.warn("请选择人员分类信息！")
+    }
+}
+
+ */
+var HqRySelector = exports.HqRySelector = function (_React$Component) {
+  (0, _inherits3.default)(HqRySelector, _React$Component);
+
+  function HqRySelector(props) {
+    (0, _classCallCheck3.default)(this, HqRySelector);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqRySelector.__proto__ || (0, _getPrototypeOf2.default)(HqRySelector)).call(this, props));
+
+    _this.show = function (initValues) {
+      _this.HqRySelector.show(initValues);
+    };
+
+    _this.singerBottomShowRender = function (record) {
+      var gh = record.GH || record.gh;
+      var xm = record.XM || record.xm;
+      var bmmc = record.BMMC || record.bmmc;
+      // let ksmc = record.KSMC || record.ksmc;
+      return _react2.default.createElement(
+        "span",
+        null,
+        _react2.default.createElement(
+          "font",
+          null,
+          "(",
+          bmmc,
+          ")-"
+        ),
+        _react2.default.createElement(
+          "font",
+          { style: { fontSize: "14px", color: "red" } },
+          xm,
+          "(",
+          gh,
+          ")"
+        )
+      );
+    };
+
+    _this.state = {};
+    return _this;
+  }
+
+  /**
+   * 单选时底部结果渲染
+   * @param record 选中的那条结果数据
+   */
+
+
+  (0, _createClass3.default)(HqRySelector, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var columns = [{
+        key: "gh",
+        title: "工号",
+        width: "100",
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.GH || record.gh;
+        }
+      }, {
+        key: "xm",
+        title: "姓名",
+        minWidth: "160",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.XM || record.xm;
+        }
+      }, {
+        key: "xb",
+        title: "性别",
+        minWidth: "80",
+        sorted: false,
+        ellipsis: true,
+        render: function render(text, record) {
+          return record.XB || record.xb;
+        }
+      },
+      // {
+      //     key: 'title',
+      //     title: '职称',
+      //     minWidth: '100',
+      //     sorted: false,
+      //     render: (text, record, index) => {
+      //         let temp = record.TITLE || record.title;
+      //         if (temp && temp.length > 6) {
+      //             return (<font><Tooltip title={temp}>{temp.substring(0, 6)}...</Tooltip ></font>)
+      //         } else {
+      //             return (<font>{temp}</font>)
+      //         }
+      //     },
+      // },
+      // {
+      //     key: 'discipline',
+      //     title: '一级学科',
+      //     minWidth: '120',
+      //     sorted: false,
+      //     ellipsis: true,
+      //     render: (text, record, index) => {
+      //         let temp = record.DISCIPLINE || record.discipline;
+      //         if (temp && temp.length > 13) {
+      //             return (<font><Tooltip title={temp}>{temp.substring(0, 13)}...</Tooltip ></font>)
+      //         } else {
+      //             return (<font>{temp}</font>)
+      //         }
+      //     },
+      // },
+      // {
+      //     key: 'degree',
+      //     title: '最后学位',
+      //     minWidth: '120',
+      //     sorted: false,
+      //     render: (text, record, index) => {
+      //         let temp = record.DEGREE || record.degree;
+      //         if (temp && temp.length > 13) {
+      //             return (<font><Tooltip title={temp}>{temp.substring(0, 13)}...</Tooltip ></font>)
+      //         } else {
+      //             return (<font>{temp}</font>)
+      //         }
+      //     },
+      // },
+      // {
+      //     key: 'ksmc',
+      //     title: '所属科室',
+      //     minWidth: '140',
+      //     sorted: false,
+      //     render: (text, record, index) => {
+      //         let temp = record.KSMC || record.ksmc;
+      //         if (temp && temp.length > 13) {
+      //             return (<font><Tooltip title={temp}>{temp.substring(0, 13)}...</Tooltip ></font>)
+      //         } else {
+      //             return (<font>{temp}</font>)
+      //         }
+      //     },
+      // },
+      {
+        key: "bmmc",
+        title: "所属部门",
+        minWidth: "160",
+        sorted: false,
+        render: function render(text, record, index) {
+          var temp = record.BMMC || record.bmmc;
+          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 ? "GH" : _props$keyField,
+          _props$titleField = _props.titleField,
+          titleField = _props$titleField === undefined ? "XM" : _props$titleField,
+          _props$searchField = _props.searchField,
+          searchField = _props$searchField === undefined ? "gh,xm,xb,bmmc" : _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-xtgl" : _props$baseUrl;
+
+      if (!sign && !treeUrl && !tableUrl) {
+        //没有设置方案说明此时使用默认的数据源调用
+        sign = "ly_hq_selector_jsxx";
+        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.HqRySelector = 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 HqRySelector;
+}(_react2.default.Component);
+
+HqRySelector.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 = HqRySelector;