dlt-for-react 1.0.24 → 1.1.1

package/lib/components/NHDynamicFormShow/customModule/rcgl/jqlssq/index.js

@@ -0,0 +1,472 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _toast = require("antd-mobile/lib/toast");
+
+var _toast2 = _interopRequireDefault(_toast);
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require("antd-mobile/lib/toast/style/css");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHFetch = require("../../../../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _EditForm = require("./EditForm");
+
+var _EditForm2 = _interopRequireDefault(_EditForm);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _createUuid = require("../../../../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var InfoItem = function (_React$Component) {
+  _inherits(InfoItem, _React$Component);
+
+  function InfoItem(props) {
+    _classCallCheck(this, InfoItem);
+
+    var _this = _possibleConstructorReturn(this, (InfoItem.__proto__ || Object.getPrototypeOf(InfoItem)).call(this, props));
+
+    _this.InitialOneOnOneInfo = function () {
+      var params = {
+        id: _this.props.objId,
+        bdid: _this.props.formId,
+        type: '2', //this.props.model === "view" ? "1" : "2", 如果查看模式需要根据控件类型占不同的列，此处只能为'2'
+        zdflid: _this.props.flid,
+        clientType: "mobile"
+      };
+      if (_this.props.processId !== undefined) {
+        params.lcId = _this.props.processId;
+      }
+      if (_this.props.processApplyId !== undefined) {
+        params.lcsqid = _this.props.processApplyId;
+      }
+      if (_this.props.pkid !== undefined) {
+        params.pkid = _this.props.pkid;
+      }
+      if (_this.props.rwid) {
+        params.rwid = _this.props.rwid; // 任务id
+      }
+      (0, _NHFetch2.default)("api/sm-dynamic-form/dynamicShow/queryBdzdInfo", "GET", params).then(function (res) {
+        if (res) {
+          //把通过接口方式获取的功能实现
+          var listInfo = [];
+          if (res.data != null && res.data != "" && res.data != undefined) {
+            listInfo = res.data;
+          }
+          _this.setState({
+            list: listInfo,
+            cacheList: _.cloneDeep(listInfo),
+            loading: false
+          }, function () {
+            _this.state.list.map(function (item) {
+              if (item.jkUrl !== "" && item.jkUrl !== undefined && item.jkUrl !== null) {
+                var url = item.jkUrl;
+                (0, _NHFetch2.default)(url, "GET", params).then(function (res) {
+                  if (res) {
+                    var maps = {};
+                    maps = res.data;
+                    var zzd = item.zzd; //要获取的值字段名称
+                    var wbzd = item.wbzd; //要获取的文本字段名称
+                    item.text = maps[wbzd];
+                    item.inittext = maps[wbzd];
+                    item.value = maps[zzd];
+                    item.initValue = maps[zzd];
+                  }
+
+                  _this.setState({
+                    list: _this.state.list,
+                    cacheList: _.cloneDeep(_this.state.list)
+                  });
+                });
+              }
+              return item;
+            });
+            _this.getJqlssq(_this.props.pkid);
+          });
+        }
+      });
+    };
+
+    _this.getJqlssq = function (pkid) {
+      var list = _this.state.list;
+      _this.setInit(list);
+      _this.setState({ list: list });
+      (0, _NHFetch2.default)('api/zhxg-gyrcgl/openapi/getJqlssq/' + pkid, 'GET').then(function (res) {
+        if (res && res.data) {
+          for (var i = 0; i < list.length; i++) {
+            var item = list[i];
+            if (item.id === _this.state.columns.kssj) {
+              list[i].text = list[i].initText = res.data.kssj;
+              list[i].value = list[i].initValue = res.data.kssj;
+            }
+            if (item.id === _this.state.columns.jssj) {
+              list[i].text = list[i].initText = res.data.jssj;
+              list[i].value = list[i].initValue = res.data.jssj;
+            }
+            if (item.id === _this.state.columns.sqyy) {
+              list[i].text = list[i].initText = res.data.sqyy;
+              list[i].value = list[i].initValue = res.data.sqyy;
+            }
+            if (item.id === _this.state.columns.lxfs) {
+              list[i].text = list[i].initText = res.data.lxfs;
+              list[i].value = list[i].initValue = res.data.lxfs;
+            }
+            if (item.id === _this.state.columns.fdylxfs) {
+              list[i].text = list[i].initText = res.data.fdylxfs;
+              list[i].value = list[i].initValue = res.data.fdylxfs;
+            }
+            if (item.id === _this.state.columns.lscw && res.data.cwid && res.data.cwxx) {
+              var cw = res.data.cwxx.xqmc + '/' + res.data.cwxx.ldmc + '/' + res.data.cwxx.fjmc + '/' + res.data.cwxx.cwh;
+              list[i].text = list[i].initText = cw;
+              list[i].value = list[i].initValue = res.data.cwid;
+            }
+            if (item.id === _this.state.columns.fdy) {
+              list[i].text = list[i].initText = res.data.fdyGh;
+              list[i].value = list[i].initValue = res.data.fdy;
+            }
+          }
+          _this.setState({ list: list }, function () {
+            return console.log("插入数据后的list", _this.state.list);
+          });
+        }
+      });
+    };
+
+    _this.save = function (func, failCallback) {
+      var _this$props = _this.props,
+          processApplyId = _this$props.processApplyId,
+          objId = _this$props.objId,
+          pkid = _this$props.pkid,
+          fieldMap = _this$props.fieldMap;
+      var formData = _this.state.formData;
+      // console.log("props:", this.props)
+      // console.log("state", this.state)
+
+      var param = {};
+      param.pkid = pkid;
+      // param.gzfbid = params.pcid,
+      param.xsid = objId;
+      param.lcslid = processApplyId;
+      for (var i = 0; i < _this.state.list.length; i++) {
+        var item = _this.state.list[i];
+        if (item.id === _this.state.columns.kssj) {
+          param.kssj = item.value;
+        }
+        if (item.id === _this.state.columns.jssj) {
+          param.jssj = item.value;
+        }
+        if (item.id === _this.state.columns.sqyy) {
+          param.sqyy = item.value;
+        }
+        if (item.id === _this.state.columns.lxfs) {
+          param.lxfs = item.value;
+        }
+        if (item.id === _this.state.columns.fdylxfs) {
+          param.fdylxfs = item.value;
+        }
+        if (item.id === _this.state.columns.lscw) {
+          param.cwid = item.value;
+        }
+        if (item.id === _this.state.columns.fdy) {
+          param.fdy = item.value;
+        }
+      }
+      // 转换时间格式
+      param.kssj = param.kssj ? (0, _moment2.default)(param.kssj).format("YYYY-MM-DD") : '';
+      param.jssj = param.jssj ? (0, _moment2.default)(param.jssj).format("YYYY-MM-DD") : '';
+      console.log("提交参数", param);
+      var list = [param.fjid];
+      (0, _NHFetch2.default)('front/zhxg-unauth/dynamic/save', 'POST', list).then(function (res) {
+        if (res && res.code === 200) {
+          (0, _NHFetch2.default)('api/zhxg-gyrcgl/openapi/saveJqlssq', 'POST', param).then(function (res) {
+            if (res && res.code === 200) {
+              func();
+            } else {
+              failCallback && failCallback();
+              _toast2.default.fail("表单保存失败，请联系管理员！");
+            }
+          });
+        } else {
+          _toast2.default.fail("保存失败");
+        }
+      });
+    };
+
+    _this.onChange = function (seq, value, text, isChange) {
+      var list = _this.state.list;
+      if (list[seq - 1] !== undefined) {
+        list[seq - 1].text = text;
+        list[seq - 1].value = value;
+        //判断值是否有改变
+        if (isChange !== "" && isChange !== undefined) {
+          list[seq - 1].isChange = isChange;
+        } else {
+          if (list[seq - 1].value === list[seq - 1].initValue || !value && list[seq - 1].initValue === '') {
+            list[seq - 1].isChange = false;
+          } else {
+            list[seq - 1].isChange = true;
+          }
+        }
+        _this.setState({
+          list: list
+        });
+        var oneONOneInfo = {
+          id: _this.props.objId,
+          sjkyh: _this.props.sjkyh,
+          dto: _this.state.list,
+          flid: _this.props.flid,
+          baseUrl: _this.props.baseUrl,
+          flstdm: _this.props.flstdm,
+          pkid: _this.props.pkid === undefined ? null : _this.props.pkid,
+          lcslid: _this.props.processApplyId
+        };
+        _this.props.handlOneOnDetail(oneONOneInfo, _.cloneDeep(_this.state.cacheList));
+      }
+    };
+
+    _this.validate = function (func) {
+      if (_this.nhEditForm) {
+        _this.nhEditForm.validateFields(function (err, formData) {
+          if (err) {
+            func(false);
+          }
+          // console.log('校验formdata',formData)
+          //检查时间
+          var kssj = formData[_this.state.columns.kssj];
+          var jssj = formData[_this.state.columns.jssj];
+          if (kssj && jssj && kssj > jssj) {
+            func(false);
+            _toast2.default.fail('结束时间不能比开始时间更早');
+          } else {
+            func(true);
+          }
+        });
+      } else {
+        func(true);
+      }
+    };
+
+    _this.onEditClose = function () {
+      _this.setState({
+        isEdit: false
+        // cacheList: _.cloneDeep(this.state.list)
+      });
+    };
+
+    _this.onEdit = function () {
+      _this.setState({
+        isEdit: true,
+        preEditCacheList: _.cloneDeep(_this.state.list)
+      }, function () {
+        _this.props.editCheckShow && _this.props.editCheckShow();
+      });
+    };
+
+    _this.onCacheBack = function () {
+      _this.setState({
+        list: _.cloneDeep(_this.state.preEditCacheList),
+        isEdit: false
+      });
+      var oneONOneInfo = {
+        id: _this.props.objId,
+        sjkyh: _this.props.sjkyh,
+        dto: _.cloneDeep(_this.state.preEditCacheList),
+        flid: _this.props.flid,
+        baseUrl: _this.props.baseUrl,
+        flstdm: _this.props.flstdm,
+        pkid: _this.props.pkid === undefined ? null : _this.props.pkid,
+        lcslid: _this.props.processApplyId
+      };
+      _this.props.handlOneOnDetail(oneONOneInfo, _.cloneDeep(_this.state.cacheList));
+    };
+
+    _this.state = {
+      isEdit: props.model === "edit" ? true : false, //当时编辑模式模式时，直接自动进入编辑模式
+      list: [
+        //该分类的所有的数据
+        //            标题        显示的文本       控件的值         控件初始化的值        数据采集方式   表单控件参数
+        // {seq:1,id:'1',title:'姓名',text:'百里屠苏',value:'百里屠苏',initValue:'百里屠苏',sjcjfsdm:'01',bdkjcs:'{"name":"单行文本输入控件","type":"input","widthType":"default","widthStr":"","patternTag":"","placeholder":"","required":true,"defaultValue":""}'
+        //   //接口url 值字段  文本字段 是否显示 是否编辑  是否必填  字段最小值 字段最大值
+        //   ,jkUrl:'',zzd:'',wbzd:'',sfxs:'1',sfbj:'1',sfbt:'1',zszxz:'',zszdz:'',isChange:false,bdkjlx:'input'},
+        // {seq:2,id:'2',title:'性别',text:'是',value:'1',initValue:'1',sjcjfsdm:'01',bdkjcs:'{"type":"switch","checkedText":"是","uncheckedText":"否","defaultChecked":false}'
+        // ,jkUrl:'',zzd:'',wbzd:'',sfxs:'1',sfbj:'1',sfbt:'0',zszxz:'',zszdz:'',isChange:false,bdkjlx:'switch'},
+        // {seq:3,id:'3',title:'年龄',text:'23',value:'23',initValue:'23',sjcjfsdm:'01',bdkjcs:'{"name":"单行文本输入控件","type":"input","widthType":"default","widthStr":"","patternTag":"","placeholder":"","required":true,"defaultValue":""}'
+        // ,jkUrl:'',zzd:'',wbzd:'',sfxs:'1',sfbj:'1',sfbt:'1',zszxz:'',zszdz:'',isChange:false,bdkjlx:'input'},
+        // {seq:4,id:'4',title:'籍贯',text:'湖南',value:'湖南',initValue:'湖南',sjcjfsdm:'01',bdkjcs:'{"name":"单行文本输入控件","type":"input","widthType":"default","widthStr":"","patternTag":"","placeholder":"","required":true,"defaultValue":""}'
+        // ,jkUrl:'',zzd:'',wbzd:'',sfxs:'1',sfbj:'1',sfbt:'1',zszxz:'',zszdz:'',isChange:false,bdkjlx:'input'},
+      ],
+      cacheList: [], //缓存数据 备份初始数据 用于比较字段是否有修改过
+      preEditCacheList: [], //editCheck模式下 上次点击保存的数据，取消后回退到当前数据，而不是初始缓存的cacheList的数据
+      columns: {
+        kssj: '87075a74-44bc-4faa-9c0c-e435325c9ad3', //留宿开始时间（公寓办填写）
+        jssj: '12ab512a-2e18-4d95-8241-e99228eaa2ee', //留宿结束时间（公寓办填写）
+        sqyy: '9c33b200-e25b-46ed-96bb-1c618f68795c', //申请原因
+        lxfs: 'b2403e23-9858-4b51-9e3a-6451718578c0', //联系方式
+        fdylxfs: 'd761c06e-f5c7-4640-973f-86f2539a2bfa', //辅导员联系方式
+        lscw: 'ecdaab64-09ce-4839-8276-b2ce02325cd0', //留宿床位（公寓办填写）
+        fdy: 'f60fb933-b193-461e-9d7f-dcefad376dc1'
+      }
+    };
+    return _this;
+  }
+
+  _createClass(InfoItem, [{
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
+      this.InitialOneOnOneInfo();
+    }
+  }, {
+    key: "setInit",
+
+
+    //当自定义表单的字段被重新配置时，所有属性将丢失，重写所有组件相关属性
+    value: function setInit(list) {
+      console.log(list);
+      for (var i = 0; i < list.length; i++) {
+        var item = list[i];
+        if (item.id === this.state.columns.kssj) {
+          list[i].bdkjcs = '{"name":"日期控件","type":"datepicker","widthType":"default","widthStr":"","required":true,"defaultValue":"","format":"YYYY-MM-DD","validationValueType":"object"}';
+          list[i].bdkjlx = "datepicker";
+          list[i].blm = "KSSJ";
+          list[i].bm = "ZHXG_GY_RCGL_JQLSJL";
+          list[i].sjcjfsdm = "01";
+        }
+        if (item.id === this.state.columns.jssj) {
+          list[i].bdkjcs = '{"name":"日期控件","type":"datepicker","widthType":"default","widthStr":"","required":true,"defaultValue":"","format":"YYYY-MM-DD","validationValueType":"object"}';
+          list[i].bdkjlx = "datepicker";
+          list[i].blm = "JSSJ";
+          list[i].bm = "ZHXG_GY_RCGL_JQLSJL";
+          list[i].sjcjfsdm = "01";
+        }
+        if (item.id === this.state.columns.sqyy) {
+          list[i].bdkjcs = '{"name":"多行文本输入组件","type":"textarea","widthType":"default","widthStr":"","patternTag":"","placeholder":"请说明申请原因","required":false,"defaultValue":"","validationValueType":"string","maxRows":1000,"minRows":1,"maxLength":""}';
+          list[i].bdkjlx = "textarea";
+          list[i].blm = "SQYY";
+          list[i].bm = "ZHXG_GY_RCGL_JQLSJL";
+          list[i].sjcjfsdm = "01";
+        }
+        if (item.id === this.state.columns.lxfs) {
+          list[i].bdkjcs = '{"name":"单行文本输入组件","type":"input","widthType":"default","widthStr":"","patternTag":"","placeholder":"","required":false,"defaultValue":"","validationValueType":"string"}';
+          list[i].bdkjlx = "input";
+          list[i].blm = "LXFS";
+          list[i].bm = "ZHXG_GY_RCGL_JQLSJL";
+          list[i].sjcjfsdm = "01";
+        }
+        if (item.id === this.state.columns.fdylxfs) {
+          list[i].bdkjcs = '{"name":"单行文本输入组件","type":"input","widthType":"default","widthStr":"","patternTag":"","placeholder":"","required":false,"defaultValue":"","validationValueType":"string"}';
+          list[i].bdkjlx = "input";
+          list[i].blm = "FDYLXFS";
+          list[i].bm = "ZHXG_GY_RCGL_JQLSJL";
+          list[i].sjcjfsdm = "01";
+        }
+        if (item.id === this.state.columns.lscw) {
+          list[i].bdkjcs = '{"name":"级联下拉选择器组件","type":"nhcascader","widthType":"default","widthStr":"","dataTag":"zhxg_gy_lszscwcx","required":false,"defaultValue":[],"validationValueType":"array","baseUrl":"api/zhxg-gyrcgl",' + '"flexibleUrl":"/openapi/getCwCascader","changeOnSelect":false,"params":{"xsid":"' + this.props.objId + '"}}';
+          list[i].bdkjlx = "nhcascader";
+          list[i].blm = "CWID";
+          list[i].bm = "ZHXG_GY_RCGL_JQLSJL";
+          list[i].sjcjfsdm = "01";
+        }
+        if (item.id === this.state.columns.fdy) {
+          list[i].bdkjcs = '{"name":"下拉选择器组件","type":"select","widthType":"default","widthStr":"","dataTag":"DMK_XSXX_JKZKM","required":false,"defaultValue":"","validationValueType":"string","baseUrl":"api/zhxg-gyrcgl","flexibleUrl":"/openapi/getXYFDY","params":{"xsid":"' + this.props.objId + '"}}';
+          list[i].bdkjlx = "select";
+          list[i].blm = "FDY";
+          list[i].bm = "ZHXG_GY_RCGL_JQLSJL";
+          list[i].sjcjfsdm = "01";
+        }
+      }
+    }
+
+    /**
+       * 保存方法,该方法必须存在
+       * 改分类的信息保存成功后，调用func方法进行后续信息的保存
+       */
+
+
+    /**
+     * 值改变事件
+     */
+
+
+    /**
+     * 校验该分类表单是否全部填写完成
+     */
+
+
+    /** editCheck模式下 关闭编辑 */
+
+
+    /** editCheck模式下 开启编辑 */
+
+
+    /** editCheck模式下 取消编辑 将上次编辑保存备份数据preEditCacheList赋值给list */
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          data = _props.data,
+          showTitle = _props.showTitle,
+          showHeader = _props.showHeader,
+          model = _props.model; //data 是这一条分类的信息
+
+      var isEdit = this.state.isEdit;
+
+      var title = showHeader && showTitle ? data.flmc : "";
+      return _react2.default.createElement(_EditForm2.default, {
+        ref: function ref(form) {
+          _this2.nhEditForm = form;
+        },
+        isEdit: isEdit,
+        list: this.state.list,
+        onChange: this.onChange,
+        onEdit: this.onEdit,
+        onClose: this.onEditClose,
+        onCacheBack: this.onCacheBack,
+        title: title,
+        model: model
+      });
+    }
+  }]);
+
+  return InfoItem;
+}(_react2.default.Component);
+
+InfoItem.propTypes = {
+  title: _propTypes2.default.string,
+  showTitle: _propTypes2.default.bool,
+  showHeader: _propTypes2.default.bool
+};
+InfoItem.defaultProps = {
+  title: "Title", // 标题
+  showTitle: true,
+  showHeader: true
+};
+exports.default = InfoItem;