@titaui/pc 1.10.82-beta.16 → 1.10.82-beta.19

package/lib/components/avatar/name-avatar/index.css

@@ -55,4 +55,5 @@
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
   color: #6F7886;
   line-height: 20px;
+  margin-left: 4px;
 }

package/lib/components/avatar/name-avatar/index.js

@@ -58,7 +58,10 @@ var NameAvatar = function NameAvatar(props) {
       onDelUser = props.onDelUser,
       _props$textWidth = props.textWidth,
       textWidth = _props$textWidth === void 0 ? 42 : _props$textWidth,
-      textClass = props.textClass;
+      textClass = props.textClass,
+      renderRightTopCmp = props.renderRightTopCmp,
+      _props$avatarTips = props.avatarTips,
+      avatarTips = _props$avatarTips === void 0 ? '' : _props$avatarTips;
   var hasAvatar = src && !src.match(/default\w*.jpg$/);
 
   var _useState = (0, _react.useState)(false),
@@ -103,7 +106,7 @@ var NameAvatar = function NameAvatar(props) {
       style: {
         width: size.width,
         height: size.width,
-        verticalAlign: "top"
+        verticalAlign: 'top'
       },
       src: src
     });
@@ -120,11 +123,11 @@ var NameAvatar = function NameAvatar(props) {
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          display: "inline-block",
+          display: 'inline-block',
           width: "".concat(size.fontSize, "px"),
-          margin: "0 auto",
-          overflow: "hidden",
-          whiteSpace: "nowrap",
+          margin: '0 auto',
+          overflow: 'hidden',
+          whiteSpace: 'nowrap',
           fontSize: "".concat(size.fontSize, "px"),
           lineHeight: "".concat(size.width, "px")
         }
@@ -134,7 +137,7 @@ var NameAvatar = function NameAvatar(props) {
       })));
     }
 
-    var cuttedName = "";
+    var cuttedName = '';
     var cuttedNameLen = 0;
 
     for (var i = 0, lent = name.length; i < lent; i++) {
@@ -167,11 +170,11 @@ var NameAvatar = function NameAvatar(props) {
     className: "titaui-pc-avator__name-avatar-container",
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, renderRightTopCmp, /*#__PURE__*/_react["default"].createElement("div", {
     onClick: handleDelUser,
     onMouseLeave: handleCloseIconMouseLeave,
     onMouseEnter: handleCloseIconMouseEnter,
-    className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? "titaui-pc-avator--enter" : ""),
+    className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? 'titaui-pc-avator--enter' : ''),
     style: {
       left: "".concat(size.width - 14, "px")
     }
@@ -185,7 +188,10 @@ var NameAvatar = function NameAvatar(props) {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, hasAvatar ? renderImgAvatar() : renderTextAvatar()), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }, avatarTips && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: avatarTips,
+    placement: "top"
+  }, hasAvatar ? renderImgAvatar() : renderTextAvatar()), !avatarTips && (hasAvatar ? renderImgAvatar() : renderTextAvatar())), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     overlay: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
       name: name,
       id: userId
@@ -194,14 +200,17 @@ var NameAvatar = function NameAvatar(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      width: textWidth
+      maxWidth: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef
-  }, name))) : /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    name: name,
+    id: userId
+  })))) : /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      width: textWidth
+      maxWidth: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef

package/lib/components/drawer/index.css

@@ -48,6 +48,17 @@
   background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
 }
 
+.titaui-drawer-header-status {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  width: 68px;
+  height: 28px;
+  margin-right: 18px;
+  font-size: 12px;
+}
+
 .titaui-drawer-header-action {
   font-size: 18px;
   color: #a4acb9;

package/lib/components/drawer/index.js

@@ -141,6 +141,7 @@ function DrawerHeader(_ref) {
       content = _ref.content,
       style = _ref.style,
       onClose = _ref.onClose,
+      status = _ref.status,
       actionComponent = _ref.actionComponent;
   var drawer = (0, _react.useContext)(DrawerContext);
   var manager = (0, _react.useContext)(_context["default"]);
@@ -170,7 +171,13 @@ function DrawerHeader(_ref) {
     style: {
       flex: 1
     }
-  }), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
+  }), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), status && status.color && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "titaui-drawer-header-status",
+    style: {
+      color: status.color.color,
+      backgroundColor: status.color.bgColor
+    }
+  }, status.title), displayActions.map(function (action) {
     return /*#__PURE__*/_react["default"].createElement(_headerAction["default"], action);
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
     title: (0, _getLocale.getLocale)('Mod_MoreOperate'),

package/lib/components/e-priority/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -37,7 +37,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var preCls = "tita-okrdt-tree";
 
-function _default(props) {
+var EPriority = function EPriority(props) {
   var onChange = props.onChange,
       checked = props.checked,
       hasAuth = props.hasAuth,
@@ -50,7 +50,10 @@ function _default(props) {
 
   var onMenuClickHandler = function onMenuClickHandler(name) {
     setLevel(name);
-    onChange && onChange(name);
+
+    if (onChange) {
+      onChange(name);
+    }
   };
 
   (0, _react.useEffect)(function () {
@@ -72,7 +75,7 @@ function _default(props) {
     name: "2"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p2 ").concat(preCls, "__e-task-node-select-priority"))
-  }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Highest")), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
+  }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_High")), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
     name: "3"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p3 ").concat(preCls, "__e-task-node-select-priority"))
@@ -85,4 +88,7 @@ function _default(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p5 ").concat(preCls, "__e-task-node-select-priority"))
   }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Verylow")));
-}
+};
+
+var _default = EPriority;
+exports["default"] = _default;

package/lib/components/okr-detail/detail-header/constant.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getApproveStatusTextMap = exports.ApproveStatusColor = exports.ApproveStatus = void 0;
+
+var _getLocale = require("../../../utils/getLocale");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ApproveStatus;
+exports.ApproveStatus = ApproveStatus;
+
+(function (ApproveStatus) {
+  ApproveStatus[ApproveStatus["None"] = 0] = "None";
+  ApproveStatus[ApproveStatus["WaitCommit"] = 6] = "WaitCommit";
+  ApproveStatus[ApproveStatus["Rejected"] = 3] = "Rejected";
+  ApproveStatus[ApproveStatus["UnderApproval"] = 1] = "UnderApproval";
+  ApproveStatus[ApproveStatus["ApproveAgree"] = 2] = "ApproveAgree";
+  ApproveStatus[ApproveStatus["WithDraw"] = 4] = "WithDraw";
+  ApproveStatus[ApproveStatus["Done"] = 5] = "Done";
+})(ApproveStatus || (exports.ApproveStatus = ApproveStatus = {}));
+
+var getApproveStatusTextMap = function getApproveStatusTextMap(status) {
+  var _ApproveStatusTextMap;
+
+  var ApproveStatusTextMap = (_ApproveStatusTextMap = {}, _defineProperty(_ApproveStatusTextMap, ApproveStatus.WaitCommit, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Rejected, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.UnderApproval, (0, _getLocale.getLocale)('Pro_detail_Approval')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.ApproveAgree, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.WithDraw, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.None, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Done, ''), _ApproveStatusTextMap);
+  return ApproveStatusTextMap[status];
+};
+
+exports.getApproveStatusTextMap = getApproveStatusTextMap;
+
+var ApproveStatusColor = function ApproveStatusColor(status) {
+  var _ApprovalStatusColorM;
+
+  var ApprovalStatusColorMap = (_ApprovalStatusColorM = {}, _defineProperty(_ApprovalStatusColorM, ApproveStatus.WaitCommit, {
+    color: '#F0A326',
+    bgColor: 'rgba(240, 163, 38, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.Rejected, {
+    color: '#F0A326',
+    bgColor: 'rgba(240, 163, 38, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.UnderApproval, {
+    color: '#2879FF',
+    bgColor: 'rgba(40, 121, 255, 0.1)'
+  }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.ApproveAgree, {
+    color: '#ffffff',
+    bgColor: '#ffffff'
+  }), _ApprovalStatusColorM);
+  return ApprovalStatusColorMap[status];
+};
+
+exports.ApproveStatusColor = ApproveStatusColor;

package/lib/components/okr-detail/detail-header/index.js

@@ -29,6 +29,8 @@ var _okrShare = _interopRequireDefault(require("../../okr-share"));
 
 var _context7 = require("../context");
 
+var _constant = require("./constant");
+
 var _deleteConfirm = _interopRequireDefault(require("./delete-confirm/delete-confirm"));
 
 var _drawerManager = _interopRequireDefault(require("../../drawer-manager"));
@@ -85,6 +87,7 @@ function OkrDetailHeader(_ref) {
   var loginUserId = window.BSGlobal.loginUserInfo.Id;
   var context = (0, _react.useContext)(_context7.GeneralDataContext);
   var commonContext = (0, _react.useContext)(_context7.CommonContext);
+  var approveStatusColor = (0, _constant.ApproveStatusColor)(detailInfo.applyStatus);
   var changVisiblity = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(workId, visibility) {
       var visibilityScope,
@@ -366,6 +369,7 @@ function OkrDetailHeader(_ref) {
     }
   }
 
+  (0, _react.useEffect)(function () {}, []);
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_drawer["default"].Header, {
     actions: actions,
     actionComponent: /*#__PURE__*/_react["default"].createElement(_wechatBtn["default"], {
@@ -386,7 +390,11 @@ function OkrDetailHeader(_ref) {
           krId: parent.id
         });
       }
-    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === 'okr' ? 'O ' : 'KR '), parent.name)) : null
+    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === 'okr' ? 'O ' : 'KR '), parent.name)) : null,
+    status: {
+      title: (0, _constant.getApproveStatusTextMap)(detailInfo.applyStatus),
+      color: approveStatusColor
+    }
   }), /*#__PURE__*/_react["default"].createElement(_okrShare["default"], {
     visible: shareVisible,
     onClose: closeShareModal,

package/lib/components/okr-flow/export-modules/okr-search-panel/index.js

@@ -157,8 +157,8 @@ function OkrSearchPanel(props, ref) {
               return (0, _requestApis.expandNodesByLevel)({
                 okrIds: okrIds,
                 level: openLevel - 1,
-                showKr: showkr ? 0 : 1,
-                showCardKr: showCardKr ? 0 : 1
+                showKr: showkr ? 1 : 0,
+                showCardKr: showCardKr ? 1 : 0
               });
 
             case 13:
@@ -220,7 +220,7 @@ function OkrSearchPanel(props, ref) {
                 okrId: modelType == "kr" ? data.workId : id,
                 okrIdParent: modelType == "work" ? data.parentId : data.workId,
                 childRoot: false,
-                showCardKr: showCardKr ? 0 : 1
+                showCardKr: showCardKr ? 1 : 0
               });
 
             case 3:
@@ -272,7 +272,7 @@ function OkrSearchPanel(props, ref) {
                 okrId: modelType == "work" ? id : data.workId,
                 okrIdParent: 0,
                 childRoot: true,
-                showCardKr: showCardKr ? 0 : 1,
+                showCardKr: showCardKr ? 1 : 0,
                 currentOkrRole: modelType == "kr" ? data.mapkrVisible : data.MapOkrVisible
               });
 

package/lib/components/okr-flow/request-apis.js

@@ -109,7 +109,7 @@ var expandNodesByLevel = function expandNodesByLevel(_ref2) {
       _ref2$showKr = _ref2.showKr,
       showKr = _ref2$showKr === void 0 ? 0 : _ref2$showKr,
       _ref2$showCardKr = _ref2.showCardKr,
-      showCardKr = _ref2$showCardKr === void 0 ? 1 : _ref2$showCardKr;
+      showCardKr = _ref2$showCardKr === void 0 ? 0 : _ref2$showCardKr;
   return (// const queryStr = qs.stringify({ okrIds, level }, { arrayFormat: 'repeat' });
     _axios["default"].post("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/okr/map/generalview"), {
       okrIds: okrIds,

package/lib/components/survey-model/contact.js

@@ -0,0 +1,93 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+var _form = _interopRequireDefault(require("../form"));
+
+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; }
+
+var preCls = 'tita-survey-model';
+var Rect = _button["default"].Rect;
+var Input = _form["default"].Fields.Input;
+
+var ContactModel = function ContactModel(_ref) {
+  var visilble = _ref.visilble,
+      setVisible = _ref.setVisible,
+      sendData = _ref.sendData;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      contact = _useState2[0],
+      setContact = _useState2[1];
+
+  var onContactChange = function onContactChange(value) {
+    setContact(value);
+  };
+
+  var handleClose = function handleClose() {
+    sendData(contact);
+
+    if (setVisible) {
+      setVisible(false);
+    }
+  };
+
+  var handleSubmit = function handleSubmit() {
+    sendData(contact);
+    setVisible(false);
+  };
+
+  if (!visilble) return /*#__PURE__*/_react["default"].createElement("div", null);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('tita-survey-model')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head-title")
+  }, "\u5982\u613F\u610F\u63A5\u53D7\u56DE\u8BBF\uFF0C\u8BF7\u7559\u4E0B\u59D3\u540D\u4E0E\u7535\u8BDD"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-canceled ".concat(preCls, "__head-close "),
+    onClick: handleClose
+  })), /*#__PURE__*/_react["default"].createElement(Input, {
+    placeholder: '请输入',
+    value: contact,
+    onChange: onContactChange,
+    className: "".concat(preCls, "__input")
+  }), /*#__PURE__*/_react["default"].createElement(Rect, {
+    type: "primary",
+    className: "".concat(preCls, "__btn"),
+    onClick: handleSubmit
+  }, "\u63D0\u4EA4"));
+};
+
+ContactModel.defaultProps = {};
+var _default = ContactModel;
+exports["default"] = _default;

package/lib/components/survey-model/index.css

@@ -0,0 +1,141 @@
+.tita-survey-model {
+  width: 436px;
+  background: #FFFFFF;
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 24px;
+  border: 1px solid #F0F2F5;
+  padding: 24px;
+  box-sizing: border-box;
+  position: fixed;
+  right: 20px;
+  bottom: 0;
+  z-index: 4000;
+  animation: showModel 0.5s;
+  transition: height linear 0.5s;
+}
+
+.tita-survey-model__head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+}
+
+.tita-survey-model__head-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #141C28;
+  line-height: 22px;
+}
+
+.tita-survey-model__head-close {
+  cursor: pointer;
+  color: #141C28;
+  display: inline-flex;
+  font-size: 20px;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 8px;
+}
+
+.tita-survey-model__head-close:hover {
+  background: #F0F4FA;
+}
+
+.tita-survey-model__text {
+  border-radius: 8px;
+}
+
+.tita-survey-model__score {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 20px;
+}
+
+.tita-survey-model__score-item {
+  width: 28px;
+  height: 28px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  border: 1px solid #DFE3EA;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.tita-survey-model__score-item:hover {
+  border: 1px solid #2879FF;
+  color: #2879FF;
+}
+
+.tita-survey-model__score-item--active {
+  border: 1px solid #2879FF;
+  background: rgba(40, 121, 255, 0.1);
+  color: #2879FF;
+}
+
+.tita-survey-model__keywords {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12px;
+  font-size: 12px;
+  font-weight: normal;
+  color: #6F7886;
+  line-height: 18px;
+}
+
+.tita-survey-model__tags {
+  margin: 14px -10px 8px 0;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.tita-survey-model__tags-item {
+  height: 26px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #FFFFFF;
+  margin: 0 8px 8px 0;
+  padding: 0 12px;
+  border-radius: 8px;
+  border: 1px solid #DFE3EA;
+  cursor: pointer;
+}
+
+.tita-survey-model__tags-item:hover {
+  color: #2879FF;
+  border: 1px solid #2879FF;
+}
+
+.tita-survey-model__tags-item--active {
+  background: rgba(40, 121, 255, 0.1);
+  color: #2879FF;
+  border: 1px solid #2879FF;
+}
+
+.tita-survey-model__btn {
+  width: 36px;
+  margin: 16px auto 0;
+}
+
+.tita-survey-model__input {
+  margin-top: 20px;
+}
+
+@keyframes showModel {
+  0% {
+    transform: translateY(100%);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
+}