@titaui/pc 1.6.8 → 1.6.12

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

@@ -0,0 +1,657 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _popDownNotification = require("../pop-down-notification");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+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"));
+
+require("./index.css");
+
+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;
+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: "HRD",
+  value: 2
+}, {
+  label: "HR 专员",
+  value: 3
+}, {
+  label: "IT 负责人",
+  value: 4
+}, {
+  label: "采购专员",
+  value: 5
+}, {
+  label: "业务部门主管",
+  value: 6
+}, {
+  label: "其他",
+  value: 7
+}];
+
+var _default = function _default(props) {
+  var _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      setVisible = props.setVisible; // 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 = renderCode() + "?v=" + new Date().getTime();
+    setYzm_guid(yzm);
+  };
+
+  var renderCode = function renderCode() {
+    var yzm_guid = 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: "\u79DF\u6237ID\uFF1A".concat(uid, "\uFF0C\u79DF\u6237\u8D26\u53F7\u540D\u79F0\uFF1A").concat(uname, "\uFF0C\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(), "\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('提交成功')
+          _popDownNotification.Toast.Success('提交成功');
+
+          setVisible(false);
+          localStorage.setItem("isSubmitted", true);
+        } else {
+          setCode('');
+          handelChangeImage();
+          setErrMsg3(res.data.Message); // message.error(res.data.Message)
+
+          _popDownNotification.Toast.Warning(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("div", {
+      className: "appointment-demo-pc-popup-right-form-item"
+    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
+      className: "appointment-demo-pc-popup-right-form-item-left",
+      label: "\u59D3\u540D",
+      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-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: "appointment-demo-pc-popup-right-form-item"
+    }, /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
+      className: "appointment-demo-pc-popup-right-form-item-left",
+      style: {
+        width: '192px'
+      },
+      items: okrClassifyList1,
+      initValue: selectValue1,
+      renderSuffixIcon: true,
+      initText: "\u8BF7\u9009\u62E9",
+      onChangeClassify: handleSelectOkrClassify1,
+      title: "\u60A8\u7684\u8EAB\u4EFD",
+      errMsg: errMsgIde
+    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
+      className: "appointment-demo-pc-popup-right-form-item-right",
+      style: {
+        width: '218.06px'
+      },
+      items: okrClassifyList,
+      initValue: selectValue,
+      renderSuffixIcon: true,
+      initText: "\u8BF7\u9009\u62E9",
+      onChangeClassify: handleSelectOkrClassify,
+      title: "\u516C\u53F8\u4EBA\u6570",
+      errMsg: errMsgNum
+    })), /*#__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("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('绩效考核') ? 'appointment-demo-pc-popup-right-form-item-modules-item-active' : '', " appointment-demo-pc-popup-right-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules('绩效考核');
+      }
+    }, "\u7EE9\u6548\u8003\u6838"), /*#__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
+    }, "\u63D0\u4EA4"))))) : /*#__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: "\u59D3\u540D",
+      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: "\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(_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: "\u8BF7\u9009\u62E9",
+      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: "\u8BF7\u9009\u62E9",
+      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('绩效考核') ? 'appointment-demo-h5-form-item-modules-item-active' : '', " appointment-demo-h5-form-item-modules-item"),
+      onClick: function onClick() {
+        return onClickAddModules('绩效考核');
+      }
+    }, "\u7EE9\u6548\u8003\u6838"), /*#__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
+    }, "\u63D0\u4EA4")))));
+  }; // return visibile && ReactDOM.createPortal(renderModal(), document.body);
+
+
+  return visible && renderModal();
+};
+
+exports["default"] = _default;