dlt-for-react 1.0.13 → 1.0.14

package/lib/components/KyTableCardList/index.js

@@ -0,0 +1,1045 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _pagination = require("antd/lib/pagination");
+
+var _pagination2 = _interopRequireDefault(_pagination);
+
+var _spin = require("antd/lib/spin");
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _empty = require("antd/lib/empty");
+
+var _empty2 = _interopRequireDefault(_empty);
+
+var _row = require("antd/lib/row");
+
+var _row2 = _interopRequireDefault(_row);
+
+var _col = require("antd/lib/col");
+
+var _col2 = _interopRequireDefault(_col);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _checkbox = require("antd/lib/checkbox");
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _radio = require("antd/lib/radio");
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _select = require("antd/lib/select");
+
+var _select2 = _interopRequireDefault(_select);
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _dropdown = require("antd/lib/dropdown");
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _menu = require("antd/lib/menu");
+
+var _menu2 = _interopRequireDefault(_menu);
+
+var _divider = require("antd/lib/divider");
+
+var _divider2 = _interopRequireDefault(_divider);
+
+var _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+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 _input = require("antd/lib/input");
+
+var _input2 = _interopRequireDefault(_input);
+
+require("antd/lib/pagination/style");
+
+require("antd/lib/spin/style");
+
+require("antd/lib/empty/style");
+
+require("antd/lib/row/style");
+
+require("antd/lib/col/style");
+
+require("antd/lib/button/style");
+
+require("antd/lib/checkbox/style");
+
+require("antd/lib/radio/style");
+
+require("antd/lib/select/style");
+
+require("antd/lib/dropdown/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/menu/style");
+
+require("antd/lib/divider/style");
+
+require("antd/lib/message/style");
+
+require("antd/lib/input/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHCore = require("../../utils/NHCore");
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _NHFetch = require("../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _getLoginUser = require("../../utils/getLoginUser");
+
+var _getLoginUser2 = _interopRequireDefault(_getLoginUser);
+
+var _createUuid = require("../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+require("../../../assets/components/KyTableCardList/index.less");
+
+var _reactCustomScrollbars = require("react-custom-scrollbars");
+
+var _highSearchForm = require("./highSearchForm");
+
+var _highSearchForm2 = _interopRequireDefault(_highSearchForm);
+
+var _KyIcon = require("../KyIcon");
+
+var _KyIcon2 = _interopRequireDefault(_KyIcon);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*******
+ * @description: 科研卡片表格-KyTableCardList
+ * @author: 琴时
+ */
+var Search = _input2.default.Search;
+
+var KyTableCardList = function (_React$Component) {
+  (0, _inherits3.default)(KyTableCardList, _React$Component);
+
+  function KyTableCardList(props) {
+    (0, _classCallCheck3.default)(this, KyTableCardList);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyTableCardList.__proto__ || (0, _getPrototypeOf2.default)(KyTableCardList)).call(this, props));
+
+    _this.refreshHeight = function () {
+      //如果需要自适应高度
+      if (!_this.props.autoHeightFlag && document.getElementsByClassName(_this.state.className)) {
+        var lastHeight = _this.state.height;
+        var height = (0, _NHCore.getSuitHeight)(document.getElementsByClassName(_this.state.className)[0]);
+        height = _this.props.windowH - 64;
+        var titleHeight = _this.props.titleHeight || _this.props.titleHeight === 0 ? _this.props.titleHeight : 40;
+        //如果不显示头部，则头部的高度为0
+        if (_this.props.showHeader !== true) {
+          titleHeight = 0;
+        }
+        var reduceHeight = 40 + titleHeight;
+        if (_this.props.footerFlag === false) {
+          reduceHeight = 5 + titleHeight;
+        }
+        height = height - reduceHeight;
+        if (!lastHeight || lastHeight != height) {
+          _this.setState({ height: height });
+        }
+      }
+    };
+
+    _this.getHightSearchData = function (callback) {
+      var params = _this.getFilterParams();
+      var _this$props = _this.props,
+          baseUrl = _this$props.baseUrl,
+          url = _this$props.url;
+
+      baseUrl = baseUrl || window.baseUrl || "";
+      params.pagination = {
+        page: 1,
+        pageSize: 1 << 31 - 1
+      };
+      var url_final = baseUrl + "/proData/gridList";
+      url_final = url || url_final;
+      (0, _NHFetch2.default)(url_final, "POST", params).then(function (res) {
+        if (res) {
+          _this.setState({
+            hightSearchData: res.data ? res.data.list : []
+          }, function () {
+            callback && typeof callback === "function" && callback();
+          });
+        }
+      }).catch(function (res) {
+        // console.log(res);
+      });
+    };
+
+    _this.onSearch = function () {
+      _this.filterTableData();
+    };
+
+    _this.onAdvanceSearch = function () {
+      var searchParams = {};
+      _this.highSearchForm.validateFields(function (err, values) {
+        if (!err) {
+          for (var key in values) {
+            if (values[key]) {
+              if (key.endsWith("_date")) {
+                if (values[key] && values[key].length > 0) {
+                  searchParams[key.replace("date", "LTEQ")] = values[key][1].valueOf();
+                  searchParams[key.replace("date", "GTEQ")] = values[key][0].valueOf();
+                }
+              } else if (key.endsWith("_time_start")) {
+                searchParams[key.replace("time_start", "GTEQ")] = values[key].valueOf();
+              } else if (key.endsWith("_time_end")) {
+                searchParams[key.replace("time_end", "LTEQ")] = values[key].valueOf();
+              } else if (key.endsWith("_number_start")) {
+                searchParams[key.replace("number_start", "GTEQ")] = values[key].valueOf();
+              } else if (key.endsWith("_number_end")) {
+                searchParams[key.replace("number_end", "LTEQ")] = values[key].valueOf();
+              } else if (key.startsWith("S") && !key.endsWith("_IN")) {
+                if (values[key].trim() !== "") {
+                  searchParams[key] = values[key].trim();
+                }
+              } else if (key.endsWith("_IN")) {
+                if (values[key] && values[key].length > 0) {
+                  searchParams[key] = values[key];
+                }
+              } else {
+                searchParams[key] = values[key];
+              }
+            }
+          }
+        }
+      });
+      _this.setState({ searchParams: searchParams }, _this.filterTableData);
+    };
+
+    _this.onRest = function () {
+      _this.highSearchForm && _this.highSearchForm.resetFields();
+      _this.setState({
+        searchParams: {}, //自定义的搜索条件
+        searchTextMap: {}, //下拉框查询的值,用作查询
+        searchValue: "",
+        searchField: _this.state.tySearchAllField,
+        filters: {}, //多选方式过滤的值
+        sorter: {}, //排序字段
+        selectedRows: [], //选中的数据
+        selectedRowKeys: [], //选中的数据的主键loading
+        radioValue: "",
+        checkBoxValue: []
+      }, _this.filterTableData);
+    };
+
+    _this.onInputChange = function (e) {
+      var key = e.target.name.split("-")[0];
+      var searchTextMap = _this.state.searchTextMap;
+      searchTextMap[key] = e.target.value;
+      _this.setState({ searchTextMap: searchTextMap });
+    };
+
+    _this.filterTableData = function () {
+      _this.setState({
+        pageData: {
+          total: _this.state.pageData.total,
+          pageSize: _this.state.pageData.pageSize,
+          page: 1
+        }
+      }, _this.readTableData);
+    };
+
+    _this.readTableData = function () {
+      var params = _this.getFilterParams();
+      _this.setState({ loading: true });
+      var _this$props2 = _this.props,
+          url = _this$props2.url,
+          baseUrl = _this$props2.baseUrl,
+          onDataLoadFinish = _this$props2.onDataLoadFinish;
+
+      baseUrl = url || baseUrl || window.baseUrl || "";
+      (0, _NHFetch2.default)(baseUrl + "/proData/gridList", "POST", params).then(function (res) {
+        _this.setState({
+          data: res.data ? res.data.list : [],
+          selectedRowKeys: [],
+          selectedRows: [],
+          pageData: {
+            total: res.data ? res.data.total : 0,
+            pageSize: _this.state.pageData.pageSize,
+            page: _this.state.pageData.page
+          },
+          loading: false
+        });
+        if (res && res.code !== 200) {
+          return _message3.default.error("数据获取失败!");
+        }
+        onDataLoadFinish && onDataLoadFinish(res.data ? res.data.list : []);
+      }).catch(function (res) {
+        _this.setState({
+          loading: false,
+          data: [],
+          pageData: {
+            total: 0,
+            pageSize: _this.state.pageData.pageSize,
+            page: 1
+          }
+        });
+        return res;
+      });
+    };
+
+    _this.getFilterParams = function () {
+      var pagination = _this.state.pageData; //分页的参数
+      var filters = _this.state.filters; //多选过滤的数据
+      var sorter = _this.state.sorter; //过滤的数据
+      var searchTextMap = _this.state.searchTextMap; //字段上搜索栏的值
+      var searchParams = _this.state.searchParams || {}; //传递过来的查询参数
+      var sqlParams = _this.props.sqlParams; //在sql语句中的参数
+      var initParams = _this.props.initParams; //初始化参数
+      var rangeFilter = _this.props.rangeFilter; //是否根据职务范围过滤
+      //对里面可能存在的参数值为sql语句进行处理
+      searchParams = _this.encodeSql(searchParams);
+      sqlParams = _this.encodeSql(sqlParams);
+      initParams = _this.encodeSql(initParams);
+
+      var params = {
+        pagination: pagination,
+        filters: filters,
+        sorter: sorter,
+        searchTextMap: searchTextMap,
+        searchParams: searchParams,
+        sqlParams: sqlParams,
+        initParams: initParams,
+        sign: _this.props.sign
+      };
+
+      //如果启用职位范围过滤
+      if (rangeFilter) {
+        var userId = (0, _getLoginUser2.default)() ? (0, _getLoginUser2.default)().userId : "";
+        params.rangeFilter = { id: userId };
+      }
+      return params;
+    };
+
+    _this.encodeSql = function (params) {
+      for (var key in params) {
+        if (key.toUpperCase().startsWith("SQL_") && params[key]) {
+          params[key] = params[key];
+        } else if (key.toUpperCase().startsWith("G_") && params[key]) {
+          params[key] = _this.encodeSql(params[key]);
+        }
+      }
+      return params;
+    };
+
+    _this.zdySearchTextChange = function (e) {
+      _this.setState({
+        searchValue: e.target.value
+      });
+      if (e.target.value && _this.state.searchField) {
+        var searchParams = {};
+        searchParams[_this.state.searchField] = e.target.value.trim();
+        _this.setState({
+          searchParams: searchParams
+        });
+      } else {
+        _this.setState({
+          searchParams: {}
+        });
+      }
+    };
+
+    _this.zdySearchFieldChange = function (value) {
+      _this.setState({
+        searchField: value
+      });
+      if (value && _this.state.searchValue) {
+        var searchValue = _this.state.searchValue;
+        var searchParams = {};
+        searchParams[value] = searchValue;
+        _this.setState({
+          searchParams: searchParams
+        });
+      } else {
+        _this.setState({
+          searchParams: {}
+        });
+      }
+    };
+
+    _this.onShowSizeChange = function (current, pageSize) {
+      var pageData = {
+        total: _this.state.pageData.total,
+        pageSize: pageSize,
+        page: current
+      };
+      _this.setState({ pageData: pageData }, function () {
+        _this.readTableData();
+      });
+    };
+
+    _this.onRadioChange = function (e) {
+      var searchParams = _this.state.searchParams;
+      var radioKey = _this.props.radioKey;
+
+      var radioValue = e.target.value;
+      searchParams[radioKey] = radioValue;
+      _this.setState({
+        radioValue: radioValue,
+        searchParams: searchParams
+      });
+    };
+
+    _this.onCheckboxChange = function () {
+      var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var searchParams = _this.state.searchParams;
+      var checkboxKey = _this.props.checkboxKey;
+
+      searchParams[checkboxKey] = row;
+      if (!row || row.length) delete searchParams[checkboxKey];
+      _this.setState({
+        checkBoxValue: row,
+        searchParams: searchParams
+      });
+    };
+
+    _this.getBgColor = function (row, config, bgIndex) {
+      /**
+       * 卡片背景颜色会根据不同状态展示不同颜色
+       * config中两种配置方式
+       * callback优先级比colorList高
+       */
+      /**
+       * {
+        title: '状态列',
+        dataIndex: 'STATUS_NAME',
+        isState: true, //配置状态列==>必须为true
+        //方式一 
+        colorList: [
+          { status: '状态值1', color: ['#DBDBDB','rgba(0,0,0,0.6500)'] }, //灰色
+          { status: '状态值2', color: ['#397EF0','#397EF0'] }, //蓝色
+          { status: '状态值3', color: ['#FAAD14','#FAAD14'] }, //橙色
+          ...
+        ],//['背景颜色','状态字体颜色']
+        //方式二
+        callback: text => {
+          let temp = {
+            状态值1: ['#DBDBDB','rgba(0,0,0,0.6500)'],
+            状态值2: ['#397EF0','#397EF0'],
+            状态值3: ['#FAAD14','#FAAD14'],
+            ...
+          };
+          return temp[text];
+        },
+      },
+       */
+      var temp = [{ status: "-1", color: ["#FF4D4F", "#FF4D4F"] }, //红色
+      { status: "0", color: ["#DBDBDB", "rgba(0,0,0,0.65)"] }, //灰色
+      { status: "1", color: ["#397EF0", "#397EF0"] }, //蓝色
+      { status: "2", color: ["#FAAD14", "#FAAD14"] }, //橙色
+      { status: "3", color: ["#23D688", "#23D688"] }];
+      var defaultColor = _this.props.defaultColor; //没有匹配成功则使用默认色
+
+      var _ref = config || {},
+          _ref$colorList = _ref.colorList,
+          colorList = _ref$colorList === undefined ? temp : _ref$colorList,
+          dataIndex = _ref.dataIndex,
+          callback = _ref.callback;
+
+      if (!config) return defaultColor[bgIndex];
+      if (callback) {
+        var callbackCol = callback(row[dataIndex], row) || defaultColor;
+        return callbackCol[bgIndex];
+      }
+      var item = colorList.find(function (item) {
+        return row[dataIndex] === item.status;
+      });
+      var color = item ? item.color : defaultColor;
+      return color[bgIndex];
+    };
+
+    _this.getAction = function (row, action) {
+      var action1 = action.filter(function (item) {
+        return (item.auth === undefined || (0, _NHCore.hasAuth)(item.auth)) && (item.isShow === undefined || item.isShow(row));
+      });
+      var action2 = action1.splice(2);
+      var dom = action1.map(function (item, index) {
+        var disabled = item.disabled && item.disabled(row);
+        var icon = item.icon,
+            type = item.type;
+
+        return _react2.default.createElement(
+          _react2.default.Fragment,
+          { key: index },
+          index !== 0 && _react2.default.createElement(_divider2.default, { className: "border", type: "vertical" }),
+          _react2.default.createElement(
+            "a",
+            {
+              onClick: function onClick() {
+                item.onClick && item.onClick(row);
+              },
+              disabled: disabled,
+              className: "action"
+            },
+            item.title || item.TITLE,
+            icon && _react2.default.createElement(_KyIcon2.default, { icon: icon, type: type, className: "operate-icon" })
+          )
+        );
+      });
+      if (action2.length > 0) {
+        var menuItems = action2.map(function (item, index) {
+          var disabled = item.disabled && item.disabled(row);
+          var icon = item.icon,
+              type = item.type;
+
+          return _react2.default.createElement(
+            _menu2.default.Item,
+            { key: index + 2 },
+            _react2.default.createElement(
+              "a",
+              {
+                onClick: function onClick() {
+                  item.onClick && item.onClick(row);
+                },
+                disabled: disabled,
+                className: "action"
+              },
+              item.title || item.TITLE,
+              icon && _react2.default.createElement(_KyIcon2.default, { icon: icon, type: type, className: "operate-icon" })
+            )
+          );
+        });
+        var menu = _react2.default.createElement(
+          _menu2.default,
+          null,
+          menuItems
+        );
+        var temp = _react2.default.createElement(
+          _react2.default.Fragment,
+          { key: (0, _createUuid2.default)() },
+          _react2.default.createElement(_divider2.default, { className: "border", type: "vertical" }),
+          _react2.default.createElement(
+            _dropdown2.default,
+            { overlay: menu },
+            _react2.default.createElement(
+              "a",
+              { className: "action" },
+              "\u66F4\u591A ",
+              _react2.default.createElement(_icon2.default, { type: "down", className: "iconDown" })
+            )
+          )
+        );
+        dom.push(temp);
+      }
+      return dom;
+    };
+
+    _this.handleClick = function (row) {
+      _this.props.onClick && _this.props.onClick(row);
+    };
+
+    _this.state = {
+      filterDropdownVisibleMap: {},
+      searchParams: (0, _extends3.default)({}, _this.props.searchParams), //自定义的搜索条件
+      searchTextMap: {}, //下拉框查询的值,用作查询
+      filters: {}, //多选方式过滤的值
+      sorter: {}, //排序字段
+      selectedRows: [], //选中的数据
+      selectedRowKeys: [], //选中的数据的主键loading
+      loading: false,
+      data: [], //数据
+      pageData: {
+        //分页设置的是三个参数
+        total: 0,
+        pageSize: !props.footerFlag ? 10000000 : 20, //当前页默认多少条数据
+        page: 1
+      },
+      height: _this.props.height, //列表的高度
+      width: undefined, //列表的宽度
+      className: (0, _createUuid2.default)(),
+      tySearchAllField: "", //通用查询的所有字段
+      searchValue: "", //通用查询的值
+      searchField: "", //通用查询的字段
+      highSearch: false,
+      hightSearchData: [],
+      radioValue: "",
+      checkBoxValue: [],
+      oneField: false
+    };
+    return _this;
+  }
+  //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
+
+  //设置可以传递参数的默认值
+
+
+  (0, _createClass3.default)(KyTableCardList, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.filterTableData();
+      //循环判断哪些字段需要通用查询的搜索条件
+      if (this.props.searchDivFlag) {
+        var tySearchAllField = "multiField"; //自定义查询的所有字段
+        var num = 0;
+        var firstField = "";
+        this.props.columns.forEach(function (item) {
+          if (item.commonSearch !== false && item.dataIndex !== undefined) {
+            num++;
+            firstField = item.dataIndex;
+            tySearchAllField += "," + item.dataIndex.toLowerCase();
+          }
+        });
+        if (num === 1) tySearchAllField = firstField;
+        this.setState({
+          tySearchAllField: tySearchAllField,
+          searchField: tySearchAllField,
+          oneField: num === 1
+        });
+      }
+    }
+    //在组件挂载之后调用一次。
+
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.refreshHeight();
+      // 加载高级搜索数据
+      if (this.props.columns.some(function (item) {
+        return item.searchType === "select";
+      })) {
+        this.getHightSearchData();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.refreshHeight();
+    }
+
+    //固定通用方法
+    //搜索操作
+
+
+    //重置操作
+
+
+    //搜索栏数据框值改变的时候执行的操作
+
+    //重新加载数据数据的方法（从第一页开始）
+
+    //在当前页刷新数据
+
+
+    //pageSize 变化的回调
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _state = this.state,
+          className = _state.className,
+          data = _state.data,
+          pageData = _state.pageData,
+          highSearch = _state.highSearch,
+          loading = _state.loading,
+          height = _state.height,
+          searchField = _state.searchField,
+          tySearchAllField = _state.tySearchAllField,
+          searchValue = _state.searchValue,
+          radioValue = _state.radioValue,
+          checkBoxValue = _state.checkBoxValue,
+          oneField = _state.oneField;
+      var _props = this.props,
+          classNamePro = _props.className,
+          searchDivFlag = _props.searchDivFlag,
+          children = _props.children,
+          pageSizeOptions = _props.pageSizeOptions,
+          footerFlag = _props.footerFlag,
+          radioList = _props.radioList,
+          radioText = _props.radioText,
+          searchText = _props.searchText,
+          resetText = _props.resetText,
+          checkBoxText = _props.checkBoxText,
+          checkBoxList = _props.checkBoxList,
+          columns = _props.columns,
+          action = _props.action;
+      /****************************以下获取能用于搜索的参数*********************************/
+
+      var maxSearchTitle = 2;
+      var searchLength = 0;
+      var showHeight = false; //是否显示使用高级搜索的开关
+      var titleKey = "title";
+      var status = null;
+      var subhead = null;
+      var newColumns = columns.filter(function (item) {
+        return !item.isTitle && !item.isState && !item.isSubhead;
+      });
+      var tyOptions = [];
+      columns.forEach(function (item, index) {
+        if (item.searchType) showHeight = true;
+        if (item.isTitle) titleKey = item.dataIndex;
+        if (item.isState) status = item;
+        if (item.isSubhead) subhead = item;
+        if (item.commonSearch !== false) {
+          searchLength++;
+          if (item.title.length > maxSearchTitle) {
+            maxSearchTitle = item.title.length;
+          }
+          tyOptions.push(_react2.default.createElement(
+            _select2.default.Option,
+            { value: item.dataIndex, key: index },
+            item.title
+          ));
+        }
+      });
+      return _react2.default.createElement(
+        "div",
+        { className: "ky-table-card-list" },
+        searchDivFlag ? highSearch ? _react2.default.createElement(
+          "div",
+          { className: "highSearch-box" },
+          _react2.default.createElement(_highSearchForm2.default, {
+            onCancel: function onCancel() {
+              return _this2.setState({
+                highSearch: false,
+                searchParams: {},
+                searchTextMap: {},
+                searchValue: "",
+                searchField: _this2.state.tySearchAllField
+              });
+            },
+            ref: function ref(_ref2) {
+              return _this2.highSearchForm = _ref2;
+            },
+            columns: columns,
+            tableData: this.state.hightSearchData,
+            onSearch: this.onAdvanceSearch,
+            onRest: this.onRest,
+            refreshHeight: this.refreshHeight,
+            getHightSearchData: this.getHightSearchData
+          })
+        ) : _react2.default.createElement(
+          "div",
+          { className: "searchDiv" },
+          _react2.default.createElement(
+            _select2.default,
+            {
+              className: oneField ? "hide_select_field_icon" : "",
+              value: searchField,
+              onChange: this.zdySearchFieldChange,
+              dropdownMatchSelectWidth: false,
+              dropdownStyle: {
+                width: searchLength > 6 ? 80 + (maxSearchTitle - 2) * 15 : "auto"
+              }
+            },
+            !oneField && _react2.default.createElement(
+              _select2.default.Option,
+              { value: tySearchAllField },
+              "\u5168\u90E8"
+            ),
+            tyOptions
+          ),
+          _react2.default.createElement(Search, {
+            placeholder: "\u8BF7\u8F93\u5165\u67E5\u8BE2\u6761\u4EF6",
+            onSearch: this.onSearch,
+            value: searchValue,
+            onChange: this.zdySearchTextChange,
+            className: "search-input"
+          }),
+          radioList && radioList.length > 0 &&
+          // 自定义单选查询区域
+          _react2.default.createElement(
+            "span",
+            { className: "search-radio" },
+            radioText,
+            "\uFF1A",
+            _react2.default.createElement(
+              _radio2.default.Group,
+              { onChange: this.onRadioChange, value: radioValue },
+              radioList.map(function (item) {
+                return _react2.default.createElement(
+                  _radio2.default,
+                  { value: item.value || item.VALUE },
+                  item.label || item.LABEL
+                );
+              })
+            )
+          ),
+          checkBoxList && checkBoxList.length > 0 &&
+          // 自定义多选选查询区域
+          _react2.default.createElement(
+            "span",
+            { className: "search-checkbox" },
+            checkBoxText,
+            "\uFF1A",
+            _react2.default.createElement(_checkbox2.default.Group, {
+              options: checkBoxList,
+              onChange: this.onCheckboxChange,
+              value: checkBoxValue
+            })
+          ),
+          _react2.default.createElement(
+            _button2.default,
+            {
+              type: "primary",
+              className: "search-btn",
+              onClick: this.onSearch
+            },
+            searchText
+          ),
+          _react2.default.createElement(
+            _button2.default,
+            { type: "Default", onClick: this.onRest },
+            resetText
+          ),
+          _react2.default.createElement(
+            "a",
+            {
+              onClick: function onClick() {
+                _this2.setState({ highSearch: true }, _this2.refreshHeight);
+              },
+              className: "height-text",
+              style: { display: showHeight ? "inline" : "none" }
+            },
+            "[\u9AD8\u7EA7\u641C\u7D22]"
+          )
+        ) : "",
+        children && _react2.default.createElement(
+          "div",
+          { style: { marginBottom: "12px" } },
+          _react2.default.createElement(
+            _row2.default,
+            { gutter: 16 },
+            _react2.default.createElement(
+              _col2.default,
+              { span: 12 },
+              children
+            )
+          )
+        ),
+        _react2.default.createElement(
+          "div",
+          { className: (0, _classnames2.default)(className, classNamePro) },
+          _react2.default.createElement(
+            _reactCustomScrollbars.Scrollbars,
+            {
+              className: "custom_scrollbars",
+              autoHide: true,
+              autoHeight: true,
+              autoHeightMin: 0,
+              autoHeightMax: height,
+              thumbMinSize: 30,
+              universal: true
+            },
+            _react2.default.createElement(
+              _spin2.default,
+              { spinning: loading },
+              _react2.default.createElement(
+                "div",
+                { className: "content-box" },
+                data && data.length > 0 ? data.map(function (item, index) {
+                  return _react2.default.createElement(
+                    "div",
+                    { className: "card-list", key: index },
+                    _react2.default.createElement("div", {
+                      className: "statusLine",
+                      style: {
+                        background: _this2.getBgColor(item, status, 0)
+                      }
+                    }),
+                    _react2.default.createElement(
+                      "div",
+                      { className: "item-left" },
+                      _react2.default.createElement(
+                        "div",
+                        { className: "title_box" },
+                        _react2.default.createElement(
+                          "p",
+                          {
+                            className: "title",
+                            onClick: function onClick() {
+                              _this2.handleClick(item);
+                            }
+                          },
+                          item[titleKey]
+                        ),
+                        subhead && _react2.default.createElement(
+                          "div",
+                          { className: "subhead" },
+                          _react2.default.createElement(
+                            "span",
+                            { className: "subhead_label" },
+                            subhead.title,
+                            "\uFF1A"
+                          ),
+                          _react2.default.createElement(
+                            "span",
+                            { className: "subhead_value" },
+                            subhead.render ? subhead.render(item[subhead.dataIndex], item, index) : item[subhead.dataIndex]
+                          )
+                        )
+                      ),
+                      _react2.default.createElement(
+                        _row2.default,
+                        null,
+                        newColumns.map(function (itemM, indexM) {
+                          return _react2.default.createElement(
+                            _col2.default,
+                            {
+                              span: 24 / newColumns.length,
+                              key: indexM,
+                              className: itemM.dataIndex,
+                              style: {
+                                width: itemM.width,
+                                minWidth: itemM.minWidth
+                              }
+                            },
+                            _react2.default.createElement(
+                              "div",
+                              {
+                                className: (0, _classnames2.default)("label", "label_" + itemM.dataIndex)
+                              },
+                              itemM.title,
+                              "\uFF1A"
+                            ),
+                            _react2.default.createElement(
+                              "div",
+                              {
+                                className: (0, _classnames2.default)("value", "value_" + itemM.dataIndex)
+                              },
+                              itemM.render ? itemM.render(item[itemM.dataIndex], item, itemM) : item[itemM.dataIndex]
+                            )
+                          );
+                        })
+                      )
+                    ),
+                    status && _react2.default.createElement(
+                      "div",
+                      { className: "status" },
+                      _react2.default.createElement("div", {
+                        className: "dot",
+                        style: {
+                          background: _this2.getBgColor(item, status, 0)
+                        }
+                      }),
+                      _react2.default.createElement(
+                        "span",
+                        {
+                          className: "status-text",
+                          style: {
+                            color: _this2.getBgColor(item, status, 1)
+                          }
+                        },
+                        status.render ? status.render(item[status.dataIndex], item, status, index) : item[status.dataIndex]
+                      )
+                    ),
+                    _react2.default.createElement(
+                      "div",
+                      { className: "operate" },
+                      _this2.getAction(item, action)
+                    )
+                  );
+                }) : _react2.default.createElement(_empty2.default, { image: _empty2.default.PRESENTED_IMAGE_SIMPLE })
+              )
+            )
+          )
+        ),
+        footerFlag && _react2.default.createElement(
+          "div",
+          { className: "card-list-pagination" },
+          _react2.default.createElement(_pagination2.default, {
+            size: "small",
+            showSizeChanger: true,
+            showQuickJumper: true,
+            onChange: this.onShowSizeChange,
+            onShowSizeChange: this.onShowSizeChange,
+            current: pageData.page //当前页数
+            , total: pageData.total //数据总数
+            , pageSize: pageData.pageSize //每页的条数
+            , showTotal: function showTotal(total, range) {
+              return "\u5F53\u524D" + range[0] + "-" + range[1] + "\u6761 \u603B\u6570" + total + "\u6761";
+            },
+            pageSizeOptions: pageSizeOptions
+          })
+        )
+      );
+    }
+  }]);
+  return KyTableCardList;
+}(_react2.default.Component);
+
+KyTableCardList.defaultProps = {
+  sign: undefined, //【强制存在】数据源的标志
+  searchParams: {}, //【推荐存在】查询条件的参数
+  sqlParams: {}, //【根据需求判断】放在sql语句语句中的参数
+  initParams: {}, //初始化过滤的参数，这个不会根据重置而改变
+  checkbox: true, //【根据需求判断】是否需要checkbox
+  autoHeightFlag: false, //【根据需求判断】是否根据内容自适应高度，默认为false,表示高度固定
+  height: undefined, //【根据需求判断】自定义的高度
+  footerFlag: true, //【根据需求判断】是否需要尾部，不需要尾部的时候，不会进行分页,
+  searchDivFlag: true, //【根据需求判断】是否需要自带查询操作，默认需要
+  columns: [], //数据列配置
+  action: [], //操作列配置
+  bordered: true, //是否展示外边框和列边框
+  titleHeight: 40, //Title头部的高度，这个主要是为了解决出现多级表头的时候，高度计算会出现问题
+  showHeader: true, //是否显示头部
+  url: undefined, //后台访问地址，传了此路径就表示后台查询使用此路径而不是使用通用路径
+  rangeFilter: false, //是否开启职务范围过滤
+  onDataLoadFinish: undefined, //加载数据完成的回调方法
+  baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+
+  radioList: [], //单选查询数据源
+  radioText: "任务状态", //单选查询label
+  radioKey: "S_ZT_IN", //单选查询字段名称
+  checkBoxList: [], //多选查询数据源
+  checkBoxText: "任务状态", //多选查询label
+  checkboxKey: "S_STATE_IN", //多选查询字段名称
+  pageSizeOptions: ["10", "20", "50", "100", "200", "500"],
+  searchText: "查询",
+  resetText: "取消",
+  defaultColor: ["#397EF0", "#397EF0"] //卡片默认主题颜色['背景颜色','状态字体颜色']
+};
+exports.default = KyTableCardList;