@titaui/pc 1.11.4-0 → 1.11.4-1

package/es/components/point-demo/index.js

@@ -0,0 +1,533 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _toast = _interopRequireDefault(require("../toast"));
+
+var _dialog = _interopRequireDefault(require("../dialog"));
+
+var _helpers = require("../../utils/helpers");
+
+var _input = _interopRequireDefault(require("./input"));
+
+var _dropDownBox = _interopRequireDefault(require("./drop-down-box"));
+
+var _iconCanceled = _interopRequireDefault(require("./image/icon-canceled.svg"));
+
+var _logo = _interopRequireDefault(require("./image/logo.svg"));
+
+var _constant = require("./constant");
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+// const isMobile = window.userAgent === 'mobile'
+var isMobile = document.body.clientWidth < 768;
+
+function _default(props) {
+  var _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      setVisible = props.setVisible,
+      _props$localKey = props.localKey,
+      localKey = _props$localKey === void 0 ? "issubmitted" : _props$localKey;
+  var isPerformance = (0, _helpers.getTenantInfo)().tenantType == 2; // console.log(isMobile)
+  // console.log(document.body.clientWidth<800)
+
+  var uname = BSGlobal.loginUserInfo.Name;
+  var uid = BSGlobal.tenantInfo.Id;
+  var source = BSGlobal.tenantInfo.Source;
+  var lname = BSGlobal.loginUserInfo.Name;
+  var lmobile = BSGlobal.loginUserInfo.Mobile;
+  var lcompany = BSGlobal.tenantInfo.Name;
+
+  var _useState = (0, _react.useState)(lname),
+      _useState2 = _slicedToArray(_useState, 2),
+      name = _useState2[0],
+      setName = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(""),
+      _useState4 = _slicedToArray(_useState3, 2),
+      errMsg = _useState4[0],
+      setErrMsg = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(lmobile),
+      _useState6 = _slicedToArray(_useState5, 2),
+      phone = _useState6[0],
+      setPhone = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(""),
+      _useState8 = _slicedToArray(_useState7, 2),
+      errMsg1 = _useState8[0],
+      setErrMsg1 = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(lcompany),
+      _useState10 = _slicedToArray(_useState9, 2),
+      company = _useState10[0],
+      setCompany = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(""),
+      _useState12 = _slicedToArray(_useState11, 2),
+      errMsg2 = _useState12[0],
+      setErrMsg2 = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(""),
+      _useState14 = _slicedToArray(_useState13, 2),
+      errMsgNum = _useState14[0],
+      setErrMsgNum = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(""),
+      _useState16 = _slicedToArray(_useState15, 2),
+      errMsgIde = _useState16[0],
+      setErrMsgIde = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(""),
+      _useState18 = _slicedToArray(_useState17, 2),
+      errMsgModule = _useState18[0],
+      setErrMsgMoudle = _useState18[1];
+
+  var _useState19 = (0, _react.useState)([]),
+      _useState20 = _slicedToArray(_useState19, 2),
+      modules = _useState20[0],
+      setModules = _useState20[1];
+
+  var _useState21 = (0, _react.useState)(""),
+      _useState22 = _slicedToArray(_useState21, 2),
+      code = _useState22[0],
+      setCode = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(""),
+      _useState24 = _slicedToArray(_useState23, 2),
+      errMsg3 = _useState24[0],
+      setErrMsg3 = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(null),
+      _useState26 = _slicedToArray(_useState25, 2),
+      yzm_guid = _useState26[0],
+      setYzm_guid = _useState26[1];
+
+  (0, _react.useEffect)(function () {
+    setYzm_guid(renderCode());
+  }, []); // 输入框系列产品
+
+  var onBlurName = function onBlurName() {
+    if (name == "") {
+      setErrMsg("姓名不能为空");
+    } else {
+      setErrMsg("");
+    }
+  };
+
+  var onChangeName = function onChangeName(val) {
+    setName(val);
+
+    if (val == "") {
+      setErrMsg("姓名不能为空");
+    } else {
+      setErrMsg("");
+    }
+  };
+
+  var onBlurPhone = function onBlurPhone() {
+    if (phone == "") {
+      setErrMsg1("手机号不能为空");
+    } else if (!/^1\d{10}$/.test(phone)) {
+      setErrMsg1("手机号格式不正确");
+    } else {
+      setErrMsg1("");
+    }
+  };
+
+  var onChangePhone = function onChangePhone(val) {
+    setPhone(val);
+
+    if (val == "") {
+      setErrMsg1("手机号不能为空");
+    } else {
+      setErrMsg1("");
+    }
+  };
+
+  var onBlurCompany = function onBlurCompany() {
+    if (company == "") {
+      setErrMsg2("公司名称不能为空");
+    } else {
+      setErrMsg2("");
+    }
+  };
+
+  var onChangeCompany = function onChangeCompany(val) {
+    setCompany(val);
+
+    if (val == "") {
+      setErrMsg2("公司名称不能为空");
+    } else {
+      setErrMsg2("");
+    }
+  };
+
+  var onChangeCode = function onChangeCode(val) {
+    setCode(val);
+
+    if (val == "") {
+      setErrMsg3("验证码不能为空");
+    } else {
+      setErrMsg3("");
+    }
+  };
+
+  var onBlurCode = function onBlurCode() {
+    if (code == "") {
+      setErrMsg3("验证码不能为空");
+    } else {
+      setErrMsg3("");
+    }
+  }; // 下拉框系列产品
+
+
+  var _useState27 = (0, _react.useState)(0),
+      _useState28 = _slicedToArray(_useState27, 2),
+      selectValue = _useState28[0],
+      setSelectValue = _useState28[1];
+
+  var handleSelectOkrClassify = (0, _react.useCallback)(function (item) {
+    setErrMsgNum("");
+    setSelectValue(item.value);
+  }, []);
+
+  var _useState29 = (0, _react.useState)(0),
+      _useState30 = _slicedToArray(_useState29, 2),
+      selectValue1 = _useState30[0],
+      setSelectValue1 = _useState30[1];
+
+  var handleSelectOkrClassify1 = (0, _react.useCallback)(function (item) {
+    setErrMsgIde("");
+    setSelectValue1(item.value);
+  }, []); // 深度克隆
+  // 模块系列产品
+
+  var has = function has(module) {
+    for (var i = 0; i < modules.length; i++) {
+      if (modules[i] == module) {
+        return true;
+      }
+    }
+
+    return false;
+  };
+
+  var onClickAddModules = function onClickAddModules(module) {
+    if (errMsgModule) {
+      setErrMsgMoudle("");
+    }
+
+    var data = JSON.parse(JSON.stringify(modules));
+
+    if (has(module)) {
+      data = data.filter(function (item) {
+        return item != module;
+      });
+    } else {
+      data.push(module);
+    }
+
+    setModules(data);
+  }; // 验证码系列产品
+
+
+  var handelChangeImage = function handelChangeImage(e) {
+    var yzm = "".concat(renderCode(), "?v=").concat(new Date().getTime());
+    setYzm_guid(yzm);
+  };
+
+  var renderCode = function renderCode() {
+    var yzm_guid = "".concat(new Date().getTime());
+
+    for (var i = 0; i < 10; i++) {
+      yzm_guid += Math.floor(Math.random() * 10);
+    }
+
+    return yzm_guid;
+  };
+
+  var onClickSubmit = function onClickSubmit() {
+    var num = selectValue ? (0, _constant.getOkrClassifyList)()[selectValue - 1].label : "";
+    var identity = selectValue1 ? (0, _constant.getOkrClassifyList1)()[selectValue1 - 1].label : "";
+
+    if (!name || !phone || !company || !num || !identity || !modules.length > 0 || !code) {
+      if (!name) {
+        setErrMsg("姓名不能为空");
+      }
+
+      if (!phone) {
+        setErrMsg1("手机号码不能为空");
+      }
+
+      if (!company) {
+        setErrMsg2("公司名称不能为空");
+      }
+
+      if (!num) {
+        setErrMsgNum("公司人数不能为空");
+      }
+
+      if (!identity) {
+        setErrMsgIde("您的身份不能为空");
+      }
+
+      if (!code) {
+        setErrMsg3("验证码不能为空");
+      }
+
+      if (!modules.length > 0) {
+        setErrMsgMoudle("请至少选择一项");
+      }
+    } else {
+      (0, _axios["default"])({
+        method: "post",
+        url: "".concat(window.location.origin, "/api/v1/markEmail/SendKefu"),
+        data: {
+          title: "预约演示",
+          content: "\u79DF\u6237ID\uFF1A".concat(uid, "\uFF0C\u79DF\u6237\u8D26\u53F7\u540D\u79F0\uFF1A").concat(uname, "\uFF0C\u7528\u6237\uFF1A$\uFF0C\u624B\u673A\u53F7\uFF1A").concat(phone, "\uFF0C\u516C\u53F8\u540D\u79F0:").concat(company, "\uFF0C\u516C\u53F8\u4EBA\u6570\uFF1A").concat(num, "\uFF0C\u8EAB\u4EFD\uFF1A").concat(identity, "\uFF0C").concat(isPerformance ? "公司绩效情况是" : "我感兴趣的模块是", "\uFF1A").concat(modules.join(), "\uFF0Cnews..."),
+          code: code,
+          keyRandomV2: yzm_guid.indexOf("?") !== -1 ? yzm_guid.slice(0, yzm_guid.indexOf("?")) : yzm_guid,
+          source: source
+        }
+      }).then(function (res) {
+        if (res.data.Code) {
+          // message.success('提交成功')
+          _toast["default"].Success("提交成功");
+
+          setVisible(false);
+          localStorage.setItem(localKey, true);
+        } else {
+          setCode("");
+          handelChangeImage();
+          setErrMsg3(res.data.Message); // message.error(res.data.Message)
+
+          _toast["default"].Warning(res.data.Message);
+        }
+      })["catch"](function (error) {
+        console.log(error);
+      })["finally"](function () {
+        // @ts-ignore
+        window.titaTracker // @ts-ignore
+        && window.titaTracker("action").record({
+          actionName: "申请演示__提交",
+          actionGroup: "试用版-申请演示",
+          productName: "系统内-申请演示"
+        });
+      });
+    }
+  };
+
+  var renderModal = function renderModal() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-close",
+      onClick: function onClick() {
+        return setVisible(false);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _iconCanceled["default"]
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-bcg".concat(isPerformance ? " performance-demo" : "")
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-left"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-left-title"
+    }, isPerformance ? "立即获取专业的绩效在线演示" : "立即获取 OKR 行业案例"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-left-subtitle"
+    }, "\u73B0\u5728\u9884\u7EA6\u4F60\u5C06\u83B7\u5F97 15-30 \u5206\u949F\u514D\u8D39\u7684 1\u5BF91 \u4EBA\u5DE5\u5728\u7EBF\u670D\u52A1")), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item"
+    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
+      className: "tita-appointment-demo-right-form-item-left",
+      label: "\u540D\u79F0",
+      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u540D\u79F0",
+      id: "name",
+      errMsg: errMsg,
+      required: true,
+      value: name,
+      onChange: function onChange(val) {
+        return onChangeName(val);
+      },
+      onBlur: onBlurName
+    }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+      className: "tita-appointment-demo-right-form-item-right",
+      label: "\u624B\u673A\u53F7\u7801",
+      placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7",
+      id: "phone",
+      errMsg: errMsg1,
+      required: true,
+      value: phone,
+      onChange: function onChange(val) {
+        return onChangePhone(val);
+      },
+      onBlur: onBlurPhone
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item"
+    }, /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
+      className: "tita-appointment-demo-right-form-item-left",
+      style: {
+        width: "192px"
+      },
+      items: (0, _constant.getOkrClassifyList1)(),
+      initValue: selectValue1,
+      renderSuffixIcon: true,
+      initText: "\u8BF7\u9009\u62E9",
+      onChangeClassify: handleSelectOkrClassify1,
+      title: "\u60A8\u7684\u8EAB\u4EFD",
+      errMsg: errMsgIde
+    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
+      className: "tita-appointment-demo-right-form-item-right",
+      style: {
+        width: "218.06px"
+      },
+      items: (0, _constant.getOkrClassifyList)(),
+      initValue: selectValue,
+      renderSuffixIcon: true,
+      initText: "\u8BF7\u9009\u62E9",
+      onChangeClassify: handleSelectOkrClassify,
+      title: "\u516C\u53F8\u4EBA\u6570",
+      errMsg: errMsgNum
+    })), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+      className: "tita-appointment-demo-right-form-item",
+      label: "\u516C\u53F8\u540D\u79F0",
+      placeholder: "\u516C\u53F8\u5168\u79F0",
+      id: "company",
+      errMsg: errMsg2,
+      required: true,
+      value: company,
+      onChange: function onChange(val) {
+        return onChangeCompany(val);
+      },
+      onBlur: onBlurCompany
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-code"
+    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
+      className: "tita-appointment-demo-right-form-code-left",
+      label: "\u9A8C\u8BC1\u7801",
+      placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
+      id: "code",
+      errMsg: errMsg3,
+      required: true,
+      value: code,
+      onChange: function onChange(val) {
+        return onChangeCode(val);
+      },
+      onBlur: onBlurCode
+    }), /*#__PURE__*/_react["default"].createElement("img", {
+      src: "".concat(window.location.origin, "/Account/Account/GetCaptchaImgV2/").concat(yzm_guid),
+      alt: "",
+      onClick: handelChangeImage
+    })), !isPerformance && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item "
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item-module-errmsg"
+    }, errMsgModule && errMsgModule), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item-module"
+    }, "\u60A8\u611F\u5174\u8DA3\u7684\u6A21\u5757\u662F\uFF08\u53EF\u591A\u9009\uFF09", /*#__PURE__*/_react["default"].createElement("span", {
+      className: "required"
+    }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item-modules"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("OKR 目标管理") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("OKR 目标管理");
+      }
+    }, "OKR \u76EE\u6807\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("绩效考核") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("绩效考核");
+      }
+    }, "\u7EE9\u6548\u8003\u6838"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("项目管理") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("项目管理");
+      }
+    }, "\u9879\u76EE\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("计划管理") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("计划管理");
+      }
+    }, "\u8BA1\u5212\u7BA1\u7406"))), isPerformance && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item "
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item-module-errmsg"
+    }, errMsgModule && errMsgModule), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item-module"
+    }, "\u4F60\u4EEC\u4F01\u4E1A\u76EE\u524D\u7684\u7EE9\u6548\u73B0\u72B6\uFF08\u53EF\u591A\u9009\uFF09", /*#__PURE__*/_react["default"].createElement("span", {
+      className: "required"
+    }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-item-modules"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("做过绩效") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("做过绩效");
+      }
+    }, " ", "\u505A\u8FC7\u7EE9\u6548"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("没有做过") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("没有做过");
+      }
+    }, "\u6CA1\u6709\u505A\u8FC7"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("有软件") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("有软件");
+      }
+    }, "\u6709\u8F6F\u4EF6"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(has("无软件") ? "tita-appointment-demo-right-form-item-modules-item-active" : "", " tita-appointment-demo-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules("无软件");
+      }
+    }, "\u65E0\u8F6F\u4EF6"))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tita-appointment-demo-right-form-submit",
+      onClick: onClickSubmit
+    }, "\u63D0\u4EA4"))));
+  }; // return visibile && ReactDOM.createPortal(renderModal(), document.body);
+
+
+  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    visible: visible,
+    noFooter: true,
+    footer: "",
+    style: {
+      width: "872px",
+      height: "520px"
+    },
+    noHeadLine: true,
+    noCloseIcon: true
+  }, renderModal());
+}