dlt-for-react 1.0.1

package/lib/components/NHDynamicForm/FormList.js

@@ -0,0 +1,1040 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _spin = require("antd/lib/spin");
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _switch = require("antd/lib/switch");
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _inputNumber = require("antd/lib/input-number");
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _row = require("antd/lib/row");
+
+var _row2 = _interopRequireDefault(_row);
+
+var _checkbox = require("antd/lib/checkbox");
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _col = require("antd/lib/col");
+
+var _col2 = _interopRequireDefault(_col);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+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 _anchor = require("antd/lib/anchor");
+
+var _anchor2 = _interopRequireDefault(_anchor);
+
+var _radio = require("antd/lib/radio");
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _collapse = require("antd/lib/collapse");
+
+var _collapse2 = _interopRequireDefault(_collapse);
+
+require("antd/lib/spin/style");
+
+require("antd/lib/switch/style");
+
+require("antd/lib/input-number/style");
+
+require("antd/lib/row/style");
+
+require("antd/lib/checkbox/style");
+
+require("antd/lib/col/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/anchor/style");
+
+require("antd/lib/radio/style");
+
+require("antd/lib/collapse/style");
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require("react-dom");
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _reactCustomScrollbars = require("react-custom-scrollbars");
+
+var _NHFetch = require("../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _createUuid = require("../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+var _NHRadioGroup = require("../NHRadioGroup");
+
+var _NHRadioGroup2 = _interopRequireDefault(_NHRadioGroup);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import {createUuid,NHFetch} from 'xgui-for-react'
+
+var Panel = _collapse2.default.Panel;
+var RadioGroup = _radio2.default.Group;
+var Link = _anchor2.default.Link;
+
+var FormList = function (_React$Component) {
+    (0, _inherits3.default)(FormList, _React$Component);
+
+    function FormList(props) {
+        (0, _classCallCheck3.default)(this, FormList);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (FormList.__proto__ || (0, _getPrototypeOf2.default)(FormList)).call(this, props));
+
+        _this.getBdInfo = function () {
+            var params = {};
+            params.bdid = _this.props.bdid;
+            (0, _NHFetch2.default)("api/sm-dynamic-form/dynamic/queryAllBdInfoByBdid", "GET", params).then(function (res) {
+                if (res && _this._isMounted) {
+                    _this.setState({ bdInfo: res.data }, function () {
+                        var bditem = {};
+                        bditem = _this.state.bdInfo;
+                        if (bditem) {
+                            _this.setState({
+                                sfxyzp: bditem.sfxyzp,
+                                zpsfkbj: bditem.zpsfkbj,
+                                photoType: bditem.zplx,
+                                photoRequired: bditem.sfbtzp
+                            });
+                        }
+                    });
+                    _this.setState({ loading: false });
+                }
+            });
+        };
+
+        _this.getDyname = function () {
+            var params = {};
+            params.flstdm = _this.props.flstdm;
+            params.fldm = _this.props.fldm;
+            params.bdid = _this.props.bdid;
+            params.fformId = _this.props.fformId;
+            params.isReadLcpz = _this.props.isReadLcpz;
+            (0, _NHFetch2.default)("api/sm-dynamic-form/dynamic/queryYwzdInfoByFlstdm", "GET", params).then(function (res) {
+                if (res && _this._isMounted) {
+                    _this.setState({ listData: res.data ? res.data : [] }, function () {
+                        var bdzdlxList = _this.state.bdzdlxList;
+                        var zdList = _this.state.zdList;
+                        _this.state.listData.map(function (item, index) {
+                            item.seq = index;
+                            //如果存在一对多的情况就初始化表单字段类型数据
+                            if (item.fllxdm === "2") {
+                                var zdlx = {
+                                    zdflid: item.id,
+                                    bdid: _this.props.bdid,
+                                    sjfw: item.sjfw || "",
+                                    tsxzzxz: item.tsxzzxz || "0",
+                                    tsxzzdz: item.tsxzzdz || "3",
+                                    sfxyzdsjwh: item.bdsfxyzdsjwh || ""
+                                };
+                                zdlx.bdzdflid = (0, _createUuid2.default)(zdlx.bdzdflid);
+                                bdzdlxList.push(zdlx);
+                            }
+
+                            item.table.map(function (table, a) {
+                                table.seq = a;
+                                var bdzd = {};
+                                bdzd.bdid = _this.props.bdid;
+                                bdzd.bdzdid = (0, _createUuid2.default)(bdzd.bdzdid);
+                                bdzd.zdid = table.id;
+                                if (table.type === "number") {
+                                    bdzd.zszxz = table.zszxz;
+                                    bdzd.zszdz = table.zszdz;
+                                }
+                                table.list.map(function (list, b) {
+                                    //判断需要是否选中
+                                    if (list.name === "需要") {
+                                        if (list.defaults === true) {
+                                            bdzd.sfxy = "1";
+                                        } else {
+                                            bdzd.sfxy = "0";
+                                        }
+                                    }
+                                    //判断显示是否选中
+                                    if (list.name === "显示") {
+                                        if (list.defaults === true) {
+                                            bdzd.sfxs = "1";
+                                        } else {
+                                            bdzd.sfxs = "0";
+                                        }
+                                    }
+                                    //判断编辑是否选中
+                                    if (list.name === "编辑") {
+                                        if (list.defaults === true) {
+                                            bdzd.sfbj = "1";
+                                        } else {
+                                            bdzd.sfbj = "0";
+                                        }
+                                    }
+                                    //判断必填是否选中
+                                    if (list.name === "必填") {
+                                        if (list.defaults === true) {
+                                            bdzd.sfbt = "1";
+                                        } else {
+                                            bdzd.sfbt = "0";
+                                        }
+                                    }
+                                    //判断是否开放纠错是否选中
+                                    if (_this.props.jcflag && list.name === "可纠错") {
+                                        if (list.defaults === true) {
+                                            bdzd.sfkfjc = "1";
+                                        } else {
+                                            bdzd.sfkfjc = "0";
+                                        }
+                                    }
+                                });
+                                //把数据添加进zdList里面
+                                zdList.push(bdzd);
+                            });
+                        });
+                        _this.setState({
+                            bdzdlxList: bdzdlxList,
+                            zdList: zdList
+                        });
+                    });
+                }
+            });
+        };
+
+        _this.onCollapseChange = function (keys) {
+            _this.setState({
+                collapseActive: keys
+            });
+        };
+
+        _this.onSwitchChange = function (checked, properName, tableItem, seq1, seq2) {
+            var listData = _this.state.listData;
+            var list = listData[seq1].table[seq2].list;
+            var zdList = _this.state.zdList;
+            for (var i = 0; i < _this.state.zdList.length; i++) {
+                if (tableItem.id === zdList[i].zdid) {
+                    var obj = zdList[i];
+                    //判断需要字段是否进行了改变
+                    if (properName === "需要") {
+                        if (checked === true) {
+                            obj.sfxy = "1";
+                            list[0].defaults = true;
+                        } else {
+                            obj.sfxy = "0";
+                            list[0].defaults = false;
+                            //如果显示没有设置成不可选，则设置成false
+                            if (list[1].disabled !== true) {
+                                list[1].defaults = false;
+                                obj.sfxs = "0";
+                            }
+                            //如果编辑没有设置成不可选，则设置成false
+                            if (list[2].disabled !== true) {
+                                list[2].defaults = false;
+                                obj.sfbj = "0";
+                            }
+                            //如果必填没有设置成不可选，则设置成false
+                            if (list[3].disabled !== true) {
+                                list[3].defaults = false;
+                                obj.sfbt = "0";
+                            }
+                        }
+                    }
+
+                    //判断显示字段是否进行了改变
+                    if (properName === "显示") {
+                        if (checked === true) {
+                            //如果是选中状态，则此时需要把设置需要设置成选中状态
+                            obj.sfxs = "1";
+                            list[1].defaults = true;
+                            //如果需要没有设置成不可选，则设置成true
+                            if (list[0].disabled !== true) {
+                                list[0].defaults = true;
+                                obj.sfxy = "1";
+                            }
+                        } else {
+                            obj.sfxs = "0";
+                            list[1].defaults = false;
+                            //如果编辑没有设置成不可选，则设置成false
+                            if (list[2].disabled !== true) {
+                                list[2].defaults = false;
+                                obj.sfbj = "0";
+                            }
+                            //如果必填没有设置成不可选，则设置成false
+                            if (list[3].disabled !== true) {
+                                list[3].defaults = false;
+                                obj.sfbt = "0";
+                            }
+                        }
+                    }
+
+                    //判断编辑字段是否进行了改变
+                    if (properName === "编辑") {
+                        if (checked === true) {
+                            obj.sfbj = "1";
+                            list[2].defaults = true;
+                            //如果需要没有设置成不可选，则设置成true
+                            if (list[0].disabled !== true) {
+                                list[0].defaults = true;
+                                obj.sfxy = "1";
+                            }
+                            //如果显示没有设置成不可选，则设置成true
+                            if (list[1].disabled !== true) {
+                                list[1].defaults = true;
+                                obj.sfxs = "1";
+                            }
+                        } else {
+                            obj.sfbj = "0";
+                            list[2].defaults = false;
+                            //如果必填没有设置成不可选，则设置成false
+                            if (list[3].disabled !== true) {
+                                list[3].defaults = false;
+                                obj.sfbt = "0";
+                            }
+                        }
+                    }
+
+                    //判断必填字段是否进行了改变
+                    if (properName === "必填") {
+                        if (checked === true) {
+                            obj.sfbt = "1";
+                            list[3].defaults = true;
+                            //如果需要没有设置成不可选，则设置成true
+                            if (list[0].disabled !== true) {
+                                list[0].defaults = true;
+                                obj.sfxy = "1";
+                            }
+                            //如果显示没有设置成不可选，则设置成true
+                            if (list[1].disabled !== true) {
+                                list[1].defaults = true;
+                                obj.sfxs = "1";
+                            }
+                            //如果编辑没有设置成不可选，则设置成true
+                            if (list[2].disabled !== true) {
+                                list[2].defaults = true;
+                                obj.sfbj = "1";
+                            }
+                        } else {
+                            obj.sfbt = "0";
+                            list[3].defaults = false;
+                        }
+                    }
+
+                    //判断可纠错字段是否进行了改变
+                    if (_this.props.jcflag && properName === "可纠错") {
+                        if (checked === true) {
+                            obj.sfkfjc = "1";
+                            list[4].defaults = true;
+                        } else {
+                            obj.sfkfjc = "0";
+                            list[4].defaults = false;
+                        }
+                    }
+                }
+            }
+            _this.setState({
+                listData: listData,
+                zdList: zdList
+            });
+        };
+
+        _this.onInputNumberChange = function (e, tableItem) {
+            var zdList = _this.state.zdList;
+            for (var i = 0; i < zdList.length; i++) {
+                if (tableItem.id === zdList[i].zdid) {
+                    zdList[i].zszxz = e;
+                }
+            }
+            _this.setState({
+                zdList: zdList
+            });
+        };
+
+        _this.onInputNumberBigChange = function (e, tableItem) {
+            var zdList = _this.state.zdList;
+            for (var i = 0; i < zdList.length; i++) {
+                if (tableItem.id === zdList[i].zdid) {
+                    zdList[i].zszdz = e;
+                }
+            }
+            _this.setState({
+                zdList: zdList
+            });
+        };
+
+        _this.getTwoList = function () {
+            var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+            var newList = [];
+            var rowList = []; // 独占一行
+            for (var index = 0; index < list.length; index++) {
+                var item = list[index];
+                if (item.type === "number") {
+                    rowList.push(item);
+                } else {
+                    newList.push(item);
+                }
+            }
+            var length = newList.length;
+            var centerIndex = Math.floor(length / 2) + length % 2; // 中心点
+            // 根据中心点切换成两个数组
+            var oneList = newList.slice(0, centerIndex);
+            var twoList = newList.slice(centerIndex, length);
+            return {
+                oneList: oneList,
+                twoList: twoList,
+                rowList: rowList
+            };
+        };
+
+        _this.handlSfxyzp = function (e) {
+            _this.setState({
+                sfxyzp: e.target.value
+            }, function () {
+                _this.refreshHeight();
+            });
+        };
+
+        _this.handlZpsfkbj = function (e) {
+            _this.setState({
+                zpsfkbj: e.target.value
+            }, function () {
+                _this.refreshHeight();
+            });
+        };
+
+        _this.handsjfwChange = function (checkedValue, zfflid) {
+            _this.state.bdzdlxList.map(function (item, index) {
+                if (zfflid === item.zdflid) {
+                    item.sjfw = checkedValue.join(',');
+                }
+            });
+        };
+
+        _this.handlTsxzminChange = function (e, zdflid) {
+            var bdzdlxList = _this.state.bdzdlxList;
+            bdzdlxList = bdzdlxList.map(function (item, index) {
+                if (zdflid === item.zdflid) {
+                    item.tsxzzxz = e;
+                }
+                return item;
+            });
+            _this.setState({
+                bdzdlxList: bdzdlxList
+            });
+        };
+
+        _this.handlTsxzmaxChange = function (e, zdflid) {
+            var bdzdlxList = _this.state.bdzdlxList;
+            bdzdlxList = bdzdlxList.map(function (item, index) {
+                if (zdflid === item.zdflid) {
+                    item.tsxzzdz = e;
+                }
+                return item;
+            });
+            _this.setState({
+                bdzdlxList: bdzdlxList
+            });
+        };
+
+        _this.refreshHeight = function () {
+            var height = _this.props.height;
+            if (_this.props.isSetImg) {
+                var Dom = _reactDom2.default.findDOMNode(_this.formList_p);
+                if (Dom) {
+                    height = height - Dom.offsetHeight;
+                }
+            }
+
+            _this.setState({
+                height: height
+            });
+        };
+
+        _this.state = {
+            collapseActive: ["0"], // 默认展开key
+            listData: [], //后端返回的字段集合
+            sfxyzp: '0', //是否需要照片
+            zpsfkbj: '0', //照片是否可编辑
+            zdList: [], //保存时拼接的字段集合
+            bdzdlxList: [], //表单字段类型保存集合
+            bdInfo: {}, //表单信息集合
+            loading: true,
+            photoType: '20',
+            photoRequired: '0',
+            height: props.height ? props.height : 500
+        };
+        return _this;
+    }
+    //获取业务字段集合
+
+
+    (0, _createClass3.default)(FormList, [{
+        key: "componentDidMount",
+        value: function componentDidMount() {
+            this._isMounted = true;
+            this.getDyname();
+            this.getBdInfo();
+            this.refreshHeight();
+        }
+    }, {
+        key: "componentWillUnmount",
+        value: function componentWillUnmount() {
+            this._isMounted = false;
+        }
+
+        //获取表单信息
+
+        // 折叠面板切换
+
+
+        // 开关切换
+
+        // 处理数据成2列
+
+        //是否需求照片改变选择事件
+
+        //照片是否可编辑改变选择事件
+
+        //数据范围改变事件
+
+        //字段数据维护改变事件
+        // handlzdsjwhChange = (e, zdflid) => {
+        //     let value = e.target.value;
+        //     let bdzdlxList = this.state.bdzdlxList;
+        //     bdzdlxList = bdzdlxList.map((item, index) => {
+        //         if (zdflid === item.zdflid) {
+        //             item.sfxyzdsjwh = value;
+        //         }
+        //         return item;
+        //     });
+        //     this.setState({
+        //         bdzdlxList: bdzdlxList
+        //     });
+        // };
+        //字段条数最小值改变事件
+
+        //字段条数最大值改变事件
+
+    }, {
+        key: "render",
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                className = _props.className,
+                id = _props.id,
+                height = _props.height,
+                anchorContainerSelector = _props.anchorContainerSelector,
+                isSetImg = _props.isSetImg,
+                flstdm = _props.flstdm;
+            var _state = this.state,
+                collapseActive = _state.collapseActive,
+                _state$listData = _state.listData,
+                listData = _state$listData === undefined ? [] : _state$listData,
+                sfxyzp = _state.sfxyzp,
+                zpsfkbj = _state.zpsfkbj,
+                photoRequired = _state.photoRequired,
+                photoType = _state.photoType;
+
+            var baseHash = window.location.hash.split('#')[1];
+
+            var formListBox = function formListBox() {
+                return _react2.default.createElement(
+                    _spin2.default,
+                    { spinning: _this2.state.loading, delay: 500 },
+                    _react2.default.createElement(
+                        _row2.default,
+                        { className: "formList-box" },
+                        _react2.default.createElement(
+                            _col2.default,
+                            { span: 20, className: "formList-content" },
+                            _react2.default.createElement(
+                                _collapse2.default,
+                                {
+                                    bordered: false,
+                                    defaultActiveKey: collapseActive,
+                                    onChange: _this2.onCollapseChange
+                                },
+                                listData.map(function (item, index) {
+                                    var isActive = collapseActive.indexOf(String(index)) >= 0;
+
+                                    var _getTwoList = _this2.getTwoList(item.table),
+                                        oneList = _getTwoList.oneList,
+                                        twoList = _getTwoList.twoList,
+                                        rowList = _getTwoList.rowList;
+
+                                    return _react2.default.createElement(
+                                        Panel,
+                                        {
+                                            showArrow: false,
+                                            header: _react2.default.createElement(
+                                                "div",
+                                                { className: "formList-item-title", id: item.id },
+                                                isActive ? _react2.default.createElement(_icon2.default, { type: "minus" }) : _react2.default.createElement(_icon2.default, { type: "plus" }),
+                                                _react2.default.createElement(
+                                                    "span",
+                                                    null,
+                                                    item.title
+                                                ),
+                                                item.subTitle ? _react2.default.createElement(
+                                                    "span",
+                                                    { className: "formList-item-title-sub" },
+                                                    item.subTitle
+                                                ) : null
+                                            ),
+                                            key: index
+                                        },
+                                        item.fllxdm === "2" ? _react2.default.createElement(
+                                            "div",
+                                            null,
+                                            item.sjfw ? _react2.default.createElement(
+                                                "div",
+                                                { style: { paddingTop: '4px', paddingBottom: '4px' } },
+                                                _react2.default.createElement(
+                                                    _row2.default,
+                                                    null,
+                                                    _react2.default.createElement(
+                                                        _col2.default,
+                                                        { span: 2 },
+                                                        _react2.default.createElement(
+                                                            "span",
+                                                            null,
+                                                            "\u6570\u636E\u8303\u56F4:"
+                                                        )
+                                                    ),
+                                                    _react2.default.createElement(
+                                                        _col2.default,
+                                                        { span: 22 },
+                                                        _react2.default.createElement(_checkbox2.default.Group, { style: { width: "100%" }, options: item.sjfwList.map(function (fw, index) {
+                                                                return { value: fw.id, label: fw.xq };
+                                                            }), defaultValue: item.bdsjfw ? item.bdsjfw.split(',') : [], onChange: function onChange(checkedValue) {
+                                                                _this2.handsjfwChange(checkedValue, item.id);
+                                                            } })
+                                                    )
+                                                )
+                                            ) : null,
+                                            item.sfxytsxz === "1" ? _react2.default.createElement(
+                                                "div",
+                                                { style: { paddingTop: '4px', paddingBottom: '4px' } },
+                                                "\u6761\u6570\u9650\u5236\u6700\u5C0F\u503C :\xA0\xA0",
+                                                _react2.default.createElement(_inputNumber2.default, { defaultValue: item.tsxzzxz,
+                                                    onChange: function onChange(e) {
+                                                        _this2.handlTsxzminChange(e, item.id);
+                                                    }
+                                                }),
+                                                "\xA0 \u6761\u6570\u9650\u5236\u6700\u5927\u503C :\xA0",
+                                                _react2.default.createElement(_inputNumber2.default, { defaultValue: item.tsxzzdz,
+                                                    onChange: function onChange(e) {
+                                                        _this2.handlTsxzmaxChange(e, item.id);
+                                                    }
+                                                }),
+                                                "\xA0"
+                                            ) : null
+                                        ) : null,
+                                        _react2.default.createElement(
+                                            "table",
+                                            {
+                                                border: "1",
+                                                cellSpacing: 0,
+                                                className: "formList-item-table"
+                                            },
+                                            _react2.default.createElement(
+                                                "tbody",
+                                                null,
+                                                _react2.default.createElement(
+                                                    "tr",
+                                                    { className: "table-header" },
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u5E8F\u53F7"
+                                                    ),
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u5B57\u6BB5"
+                                                    ),
+                                                    _this2.props.showNeedColumn ? _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u9700\u8981"
+                                                    ) : null,
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u663E\u793A"
+                                                    ),
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u7F16\u8F91"
+                                                    ),
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u5FC5\u586B"
+                                                    ),
+                                                    _this2.props.jcflag ? _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u53EF\u7EA0\u9519"
+                                                    ) : null,
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u5E8F\u53F7"
+                                                    ),
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u5B57\u6BB5"
+                                                    ),
+                                                    _this2.props.showNeedColumn ? _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u9700\u8981"
+                                                    ) : null,
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u663E\u793A"
+                                                    ),
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u7F16\u8F91"
+                                                    ),
+                                                    _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u5FC5\u586B"
+                                                    ),
+                                                    _this2.props.jcflag ? _react2.default.createElement(
+                                                        "th",
+                                                        null,
+                                                        "\u53EF\u7EA0\u9519"
+                                                    ) : null
+                                                ),
+                                                oneList.map(function (oneItem, i) {
+                                                    var twoItem = twoList[i];
+                                                    return _react2.default.createElement(
+                                                        "tr",
+                                                        { key: oneItem.id, id: oneItem.id },
+                                                        _react2.default.createElement(
+                                                            "td",
+                                                            { className: "table-td-bg" },
+                                                            oneItem.order
+                                                        ),
+                                                        _react2.default.createElement(
+                                                            "td",
+                                                            null,
+                                                            oneItem.title
+                                                        ),
+                                                        oneItem.list.map(function (listItem, j) {
+                                                            return listItem.name === '需要' && !_this2.props.showNeedColumn ? null : listItem.name === '可纠错' && !_this2.props.jcflag ? null : _react2.default.createElement(
+                                                                "td",
+                                                                { key: j },
+                                                                _react2.default.createElement(_switch2.default, {
+                                                                    checked: listItem.defaults,
+                                                                    disabled: listItem.disabled,
+                                                                    checkedChildren: _react2.default.createElement(_icon2.default, { type: "check" }),
+                                                                    unCheckedChildren: _react2.default.createElement(_icon2.default, { type: "close" }),
+                                                                    onChange: function onChange(e) {
+                                                                        _this2.onSwitchChange(e, listItem.name, oneItem, item.seq, oneItem.seq);
+                                                                    }
+                                                                })
+                                                            );
+                                                        }),
+                                                        _react2.default.createElement(
+                                                            "td",
+                                                            { className: "table-td-bg" },
+                                                            twoItem && twoItem.order
+                                                        ),
+                                                        _react2.default.createElement(
+                                                            "td",
+                                                            null,
+                                                            twoItem && twoItem.title
+                                                        ),
+                                                        twoItem ? twoItem.list.map(function (listItem, k) {
+                                                            return listItem.name === '需要' && !_this2.props.showNeedColumn ? null : listItem.name === '可纠错' && !_this2.props.jcflag ? null : _react2.default.createElement(
+                                                                "td",
+                                                                { key: k },
+                                                                _react2.default.createElement(_switch2.default, {
+                                                                    checked: listItem.defaults,
+                                                                    disabled: listItem.disabled,
+                                                                    checkedChildren: _react2.default.createElement(_icon2.default, { type: "check" }),
+                                                                    unCheckedChildren: _react2.default.createElement(_icon2.default, { type: "close" }),
+                                                                    onChange: function onChange(e) {
+                                                                        _this2.onSwitchChange(e, listItem.name, twoItem, item.seq, twoItem.seq);
+                                                                    }
+                                                                })
+                                                            );
+                                                        }) : [1, 2, 3, 4].map(function (itM, x) {
+                                                            return _react2.default.createElement("td", { key: x });
+                                                        })
+                                                    );
+                                                }),
+                                                rowList.map(function (rowItem, i) {
+                                                    return _react2.default.createElement(
+                                                        "tr",
+                                                        { key: i, id: rowItem.id },
+                                                        _react2.default.createElement(
+                                                            "td",
+                                                            { className: "table-td-bg" },
+                                                            rowItem.order
+                                                        ),
+                                                        _react2.default.createElement(
+                                                            "td",
+                                                            null,
+                                                            rowItem.title
+                                                        ),
+                                                        rowItem.list.map(function (listItem, j) {
+                                                            return listItem.name === '需要' && !_this2.props.showNeedColumn ? null : listItem.name === '可纠错' && !_this2.props.jcflag ? null : _react2.default.createElement(
+                                                                "td",
+                                                                { key: j },
+                                                                _react2.default.createElement(_switch2.default, {
+                                                                    checked: listItem.defaults,
+                                                                    disabled: listItem.disabled,
+                                                                    checkedChildren: _react2.default.createElement(_icon2.default, { type: "check" }),
+                                                                    unCheckedChildren: _react2.default.createElement(_icon2.default, { type: "close" }),
+                                                                    onChange: function onChange(e) {
+                                                                        _this2.onSwitchChange(e, listItem.name, rowItem, item.seq, rowItem.seq);
+                                                                    }
+                                                                })
+                                                            );
+                                                        }),
+                                                        _react2.default.createElement(
+                                                            "td",
+                                                            { colSpan: "6" },
+                                                            _react2.default.createElement(
+                                                                _row2.default,
+                                                                { className: "table-inputNumber" },
+                                                                _react2.default.createElement(
+                                                                    _col2.default,
+                                                                    { span: 4 },
+                                                                    "\u5B57\u6570\u8981\u6C42"
+                                                                ),
+                                                                _react2.default.createElement(
+                                                                    _col2.default,
+                                                                    { span: 8 },
+                                                                    _react2.default.createElement(_inputNumber2.default, {
+                                                                        defaultValue: rowItem.zszxz,
+                                                                        onChange: function onChange(e) {
+                                                                            _this2.onInputNumberChange(e, rowItem);
+                                                                        }
+                                                                    })
+                                                                ),
+                                                                _react2.default.createElement(
+                                                                    "span",
+                                                                    { className: "split-span" },
+                                                                    "~"
+                                                                ),
+                                                                _react2.default.createElement(
+                                                                    _col2.default,
+                                                                    { span: 8 },
+                                                                    _react2.default.createElement(_inputNumber2.default, {
+                                                                        defaultValue: rowItem.zszdz,
+                                                                        onChange: function onChange(e) {
+                                                                            _this2.onInputNumberBigChange(e, rowItem);
+                                                                        }
+                                                                    })
+                                                                )
+                                                            )
+                                                        )
+                                                    );
+                                                })
+                                            )
+                                        )
+                                    );
+                                })
+                            )
+                        ),
+                        _react2.default.createElement(
+                            _col2.default,
+                            { span: 4, className: "anchor-list" },
+                            _react2.default.createElement(
+                                _anchor2.default,
+                                { style: { height: _this2.state.height }, getContainer: function getContainer() {
+                                        return document.querySelector(anchorContainerSelector ? anchorContainerSelector : "#" + id + " div");
+                                    } },
+                                listData.map(function (item) {
+                                    return _react2.default.createElement(Link, {
+                                        key: item.id,
+                                        href: "#" + baseHash + "#" + item.id,
+                                        title: item.title
+                                    });
+                                })
+                            )
+                        )
+                    )
+                );
+            };
+            return _react2.default.createElement(
+                "div",
+                { className: (0, _classnames2.default)("formList", className) },
+                isSetImg === true ? _react2.default.createElement(
+                    "div",
+                    { className: (0, _classnames2.default)("formList-p", className), ref: function ref(el) {
+                            return _this2.formList_p = el;
+                        } },
+                    _react2.default.createElement(
+                        "div",
+                        null,
+                        "\u662F\u5426\u9700\u8981\u7167\u7247: \xA0",
+                        _react2.default.createElement(
+                            RadioGroup,
+                            {
+                                name: "radiogroup",
+                                value: sfxyzp || '0',
+                                onChange: this.handlSfxyzp
+
+                            },
+                            _react2.default.createElement(
+                                _radio2.default,
+                                { value: '1' },
+                                "\u662F"
+                            ),
+                            _react2.default.createElement(
+                                _radio2.default,
+                                { value: '0' },
+                                "\u5426"
+                            )
+                        ),
+                        _react2.default.createElement("br", null),
+                        sfxyzp === "1" ? _react2.default.createElement(
+                            _react2.default.Fragment,
+                            null,
+                            _react2.default.createElement(
+                                "div",
+                                null,
+                                "\u7167\u7247\u662F\u5426\u80FD\u7F16\u8F91: \xA0",
+                                _react2.default.createElement(
+                                    RadioGroup,
+                                    {
+                                        name: "radiogroup1",
+                                        value: zpsfkbj || '0',
+                                        onChange: this.handlZpsfkbj
+                                    },
+                                    _react2.default.createElement(
+                                        _radio2.default,
+                                        { value: '1' },
+                                        "\u662F"
+                                    ),
+                                    _react2.default.createElement(
+                                        _radio2.default,
+                                        { value: '0' },
+                                        "\u5426"
+                                    )
+                                )
+                            ),
+                            zpsfkbj === '1' && _react2.default.createElement(
+                                _react2.default.Fragment,
+                                null,
+                                _react2.default.createElement(
+                                    "div",
+                                    null,
+                                    "\u7167\u7247\u5FC5\u586B: \xA0",
+                                    _react2.default.createElement(
+                                        RadioGroup,
+                                        {
+                                            value: photoRequired,
+                                            onChange: function onChange(e) {
+                                                return _this2.setState({ photoRequired: e.target.value });
+                                            }
+                                        },
+                                        _react2.default.createElement(
+                                            _radio2.default,
+                                            { value: '1' },
+                                            "\u662F"
+                                        ),
+                                        _react2.default.createElement(
+                                            _radio2.default,
+                                            { value: '0' },
+                                            "\u5426"
+                                        )
+                                    )
+                                )
+                            )
+                        ) : null
+                    ),
+                    sfxyzp === '1' && flstdm === 'stu' ? _react2.default.createElement(
+                        "div",
+                        { style: { clear: 'both' } },
+                        "\u7167\u7247\u7C7B\u578B: \xA0",
+                        _react2.default.createElement(_NHRadioGroup2.default, { sign: "DMK_XSXX_ZPLXM", value: photoType || '20', onChange: function onChange(v) {
+                                return _this2.setState({ photoType: v });
+                            } })
+                    ) : null
+                ) : null,
+                !anchorContainerSelector ? _react2.default.createElement(
+                    _reactCustomScrollbars.Scrollbars,
+                    { style: { height: this.state.height }, id: id },
+                    formListBox()
+                ) : _react2.default.createElement(
+                    "div",
+                    { style: { width: '100%', height: '100%' } },
+                    formListBox()
+                )
+            );
+        }
+    }]);
+    return FormList;
+}(_react2.default.Component);
+
+FormList.propTypes = {
+    id: _propTypes2.default.string,
+    baseHash: _propTypes2.default.string,
+    height: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+    anchorContainerSelector: _propTypes2.default.string //右侧导航Anchor锚点滚动容器元素（使用css选择器选择元素），不为空时formList-box的高度不限制
+};
+FormList.defaultProps = {
+    id: "formList-scroll", // 滚动条id
+    baseHash: window.location.hash.split("#")[1], // 基础hash值，锚点用到
+    height: 500, // 滚动条高度
+    jcflag: false //纠错flag默认为false
+};
+exports.default = FormList;