@titaui/pc 1.11.1 → 1.11.4-0

package/es/pages/appointment-demo/index.js

@@ -1,649 +0,0 @@
-"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"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _axios = _interopRequireDefault(require("axios"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _input = _interopRequireDefault(require("./input"));
-
-var _getLocale = require("../../utils/getLocale");
-
-var _dropDownBox = _interopRequireDefault(require("./drop-down-box"));
-
-var _iconCanceled = _interopRequireDefault(require("./image/icon-canceled.svg"));
-
-var _logo = _interopRequireDefault(require("./image/logo.svg"));
-
-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 < 1230;
-var okrClassifyList = [{
-  label: "1-10",
-  value: 1
-}, {
-  label: "11-20",
-  value: 2
-}, {
-  label: "21-50",
-  value: 3
-}, {
-  label: "51-100",
-  value: 4
-}, {
-  label: "101-200",
-  value: 5
-}, {
-  label: "201-500",
-  value: 6
-}, {
-  label: "501-1000",
-  value: 7
-}, {
-  label: "1001-5000",
-  value: 8
-}, {
-  label: "5001-10000",
-  value: 9
-}, {
-  label: "10000+",
-  value: 10
-}, {
-  label: "我代表一组公司",
-  value: 11
-}];
-var okrClassifyList1 = [{
-  label: "企业 CEO",
-  value: 1
-}, {
-  label: "HDR",
-  value: 2
-}, {
-  label: "HR 专员",
-  value: 3
-}, {
-  label: "IT 负责人",
-  value: 4
-}, {
-  label: "采购专员",
-  value: 5
-}, {
-  label: "业务部门主管",
-  value: 6
-}];
-
-var _default = function _default(props) {
-  var visibile = props.visibile,
-      setVisible = props.setVisible; // console.log(isMobile)
-  // console.log(document.body.clientWidth<800)
-  // const [visibile,setVisible] = useState(true)
-
-  var _useState = (0, _react.useState)(""),
-      _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)(""),
-      _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)(""),
-      _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 ? okrClassifyList[selectValue - 1].label : "";
-    var identity = selectValue1 ? okrClassifyList1[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: "\u7528\u6237\uFF1A".concat(name, "\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\u6211\u611F\u5174\u8DA3\u7684\u6A21\u5757\u662F\uFF1A").concat(modules.join(), "}"),
-          code: code,
-          keyRandomV2: yzm_guid.indexOf("?") !== -1 ? yzm_guid.slice(0, yzm_guid.indexOf("?")) : yzm_guid,
-          source: 8622
-        }
-      }).then(function (res) {
-        if (res.data.Code) {
-          // message.success('提交成功')
-          window.location.href = "/#/ordersucc";
-        } else {
-          setCode("");
-          handelChangeImage();
-          setErrMsg3(res.data.Message); // message.error(res.data.Message)
-        }
-      })["catch"](function (error) {
-        console.log(error);
-      });
-    }
-  };
-
-  var renderModal = function renderModal() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo"
-    }, !isMobile ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-close",
-      onClick: function onClick() {
-        return setVisible(false);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _iconCanceled["default"]
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-bcg"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-left"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-left-title"
-    }, "\u7ACB\u5373\u83B7\u53D6 OKR \u884C\u4E1A\u6848\u4F8B"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-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: "appointment-demo-pc-popup-right"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-right-form"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      className: "appointment-demo-pc-popup-right-form-item",
-      label: (0, _getLocale.getLocale)("Mod_UserName"),
-      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: "appointment-demo-pc-popup-right-form-item",
-      label: "\u624B\u673A\u53F7\u7801",
-      placeholder: (0, _getLocale.getLocale)("Pro_page_Ext_Tab_PhoneNumber"),
-      id: "phone",
-      errMsg: errMsg1,
-      required: true,
-      value: phone,
-      onChange: function onChange(val) {
-        return onChangePhone(val);
-      },
-      onBlur: onBlurPhone
-    }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      className: "appointment-demo-pc-popup-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(_dropDownBox["default"], {
-      className: "appointment-demo-pc-popup-right-form-item",
-      items: okrClassifyList,
-      initValue: selectValue,
-      renderSuffixIcon: true,
-      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
-      onChangeClassify: handleSelectOkrClassify,
-      title: "\u516C\u53F8\u4EBA\u6570",
-      errMsg: errMsgNum
-    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
-      className: "appointment-demo-pc-popup-right-form-item",
-      items: okrClassifyList1,
-      initValue: selectValue1,
-      renderSuffixIcon: true,
-      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
-      onChangeClassify: handleSelectOkrClassify1,
-      title: "\u60A8\u7684\u8EAB\u4EFD",
-      errMsg: errMsgIde
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-right-form-code"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      className: "appointment-demo-pc-popup-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
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-right-form-item "
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-right-form-item-module-errmsg"
-    }, errMsgModule && errMsgModule), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-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: "appointment-demo-pc-popup-right-form-item-modules"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(has("OKR 目标管理") ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
-      onClick: function onClick() {
-        return onClickAddModules("OKR 目标管理");
-      }
-    }, "OKR \u76EE\u6807\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(has((0, _getLocale.getLocale)("Menu_Title_Performance")) ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
-      onClick: function onClick() {
-        return onClickAddModules((0, _getLocale.getLocale)("Menu_Title_Performance"));
-      }
-    }, (0, _getLocale.getLocale)("Menu_Title_Performance")), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(has("项目管理") ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
-      onClick: function onClick() {
-        return onClickAddModules("项目管理");
-      }
-    }, "\u9879\u76EE\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(has("计划管理") ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
-      onClick: function onClick() {
-        return onClickAddModules("计划管理");
-      }
-    }, "\u8BA1\u5212\u7BA1\u7406"))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-pc-popup-right-form-submit",
-      onClick: onClickSubmit
-    }, (0, _getLocale.getLocale)("Pro_detail_Submission")))))) : /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-logo"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _logo["default"]
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-title"
-    }, "\u7ACB\u5373\u83B7\u53D6 OKR \u884C\u4E1A\u6848\u4F8B"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-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: "appointment-demo-h5-form"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-form-item"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      label: (0, _getLocale.getLocale)("Mod_UserName"),
-      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("div", {
-      className: "appointment-demo-h5-form-item"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      label: "\u624B\u673A\u53F7\u7801",
-      placeholder: (0, _getLocale.getLocale)("Pro_page_Ext_Tab_PhoneNumber"),
-      id: "phone",
-      errMsg: errMsg1,
-      required: true,
-      value: phone,
-      onChange: function onChange(val) {
-        return onChangePhone(val);
-      },
-      onBlur: onBlurPhone
-    })), /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      className: "appointment-demo-h5-form-item",
-      label: "\u516C\u53F8\u540D\u79F0",
-      placeholder: "\u8BF7\u8F93\u5165\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(_dropDownBox["default"], {
-      className: "appointment-demo-h5-form-item",
-      items: okrClassifyList,
-      initValue: selectValue,
-      renderSuffixIcon: true,
-      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
-      onChangeClassify: handleSelectOkrClassify,
-      title: "\u516C\u53F8\u4EBA\u6570",
-      errMsg: errMsgNum
-    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
-      className: "appointment-demo-h5-form-item",
-      items: okrClassifyList1,
-      initValue: selectValue1,
-      renderSuffixIcon: true,
-      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
-      onChangeClassify: handleSelectOkrClassify1,
-      title: "\u60A8\u7684\u8EAB\u4EFD",
-      errMsg: errMsgIde
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-form-code"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      className: "appointment-demo-h5-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
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-form-item"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-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: "appointment-demo-h5-form-item-modules"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: " ".concat(has("OKR 目标管理") ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item"),
-      onClick: function onClick() {
-        return onClickAddModules("OKR 目标管理");
-      }
-    }, "OKR \u76EE\u6807\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: " ".concat(has((0, _getLocale.getLocale)("Menu_Title_Performance")) ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item"),
-      onClick: function onClick() {
-        return onClickAddModules((0, _getLocale.getLocale)("Menu_Title_Performance"));
-      }
-    }, (0, _getLocale.getLocale)("Menu_Title_Performance")), /*#__PURE__*/_react["default"].createElement("div", {
-      className: " ".concat(has("项目管理") ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item"),
-      onClick: function onClick() {
-        return onClickAddModules("项目管理");
-      }
-    }, "\u9879\u76EE\u7BA1\u7406")), /*#__PURE__*/_react["default"].createElement("div", {
-      className: " ".concat(has("计划管理") ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item else"),
-      onClick: function onClick() {
-        return onClickAddModules("计划管理");
-      }
-    }, "\u8BA1\u5212\u7BA1\u7406")), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-form-submit-bck"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "appointment-demo-h5-form-submit",
-      onClick: onClickSubmit
-    }, (0, _getLocale.getLocale)("Pro_detail_Submission"))))));
-  };
-
-  return visibile && /*#__PURE__*/_reactDom["default"].createPortal(renderModal(), document.body);
-}; // static defaultProps = {
-//     label: "", //文本名称
-//     value: "", //输入框 的value
-//     isError: false, // 校验状态
-//     errMsg: "", //错误信息
-//     info: "", //提示信息
-//     type: "text",
-//     required: false, //是否渲染 *
-//     style: {},
-//     placeholder: "",
-//     maxLength: "",
-//     id: "",
-//     autoComplete: "off", //是否关闭自动完成事件
-//     onChange(val) { },
-//     onBlur(val) { },
-//     onFocus(val) { },
-//     onKeyPress(val) { },
-//   }
-
-
-exports["default"] = _default;