@titaui/pc 1.7.26 → 1.7.30

package/lib/components/cascader/index.css

@@ -37,7 +37,7 @@
 
 .titaui-cascader-popup .rc-cascader-menu-item-active {
   background: unset;
-  color: #2879ff;
+  color: #2879ff !important;
 }
 
 .titaui-cascader-popup .rc-cascader-menu-item {

package/lib/components/nav-top/components/user-message/components/inform/inform-item.js

@@ -74,7 +74,13 @@ var Inform = function Inform(props) {
     // 	// @ts-ignore
     // 	Talent.app.vent.trigger("global-daily-detail-pull-screen", feedId);
     // }
-    // 处理合并的消息
+
+
+    if (messageType == 135) {
+      var redisKey = item.content.match(/redisKey=(\S*?)"/g)[1]; // @ts-ignore
+
+      Talent.app.vent.trigger("open-weekly-report-modal", redisKey);
+    } // 处理合并的消息
 
 
     var isMessageMerging = messageType == 13018 || messageType == 30362 || messageType == 131;
@@ -122,15 +128,18 @@ var Inform = function Inform(props) {
         }
       } else if (item.objUrl) {
         window.open(item.objUrl);
+      } else if (item.objType === _constant.informType.Okr) {
+        var url = item.content.match(/(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*))/g);
+        window.open(url, '_blank');
       } else {
         var reg = /href='.*?(?=')/g;
-        var url = '';
+        var _url = '';
         item.content.replace(reg, function ($0) {
-          url = $0.slice(6);
+          _url = $0.slice(6);
         });
 
-        if (url) {
-          window.open(url, '_blank');
+        if (_url) {
+          window.open(_url, '_blank');
         }
       }
     }

package/lib/components/nav-top/components/user-message/constant.js

@@ -27,7 +27,9 @@ var informType = {
   //查看详情
   "daily": 55,
   //日报月报周报
-  "todayJob": 81 //进入今日工作
+  "todayJob": 81,
+  //进入今日工作
+  "Okr": 0 //Okr
 
 };
 exports.informType = informType;

package/lib/components/nav-top/index.js

@@ -33,8 +33,6 @@ var _request = require("../../utils/request");
 
 var _toast = _interopRequireDefault(require("../toast"));
 
-var _helpers = require("../../utils/helpers");
-
 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); }
@@ -55,7 +53,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Logo = (0, _helpers.isLocal)() ? (0, _bsGlobal.getTenantInfo)().Logo : _logoWhite["default"];
+var Logo = (0, _bsGlobal.getTenantInfo)().Logo || _logoWhite["default"];
+
 var hasOKRApp = (0, _bsGlobal.getBSGlobal)("newNavigation").find(function (item) {
   return item.appId === 113;
 });

package/lib/components/weekly-report/board.js

@@ -14,8 +14,15 @@ var preCls = 'weekly-report-card-board';
 function Board(_ref) {
   var percent = _ref.percent;
   return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      position: 'relative',
+      paddingBottom: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls
   }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__cover'
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__done'
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__undone',
@@ -36,7 +43,9 @@ function Board(_ref) {
     }
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__center'
-  }, /*#__PURE__*/_react["default"].createElement("div", null, percent, "%")));
+  }, /*#__PURE__*/_react["default"].createElement("div", null, percent, "%"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__cover--bottom'
+  }));
 }
 
 var _default = Board;

package/lib/components/weekly-report/card.js

@@ -49,8 +49,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
 var preCls = "weekly-report-card";
 
 var getImageBase64ByUrl = function getImageBase64ByUrl(toUserId) {
@@ -62,7 +60,7 @@ var getImageBase64ByUrl = function getImageBase64ByUrl(toUserId) {
 };
 
 function Card(_ref, ref) {
-  _objectDestructuringEmpty(_ref);
+  var data = _ref.data;
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -183,7 +181,7 @@ function Card(_ref, ref) {
     src: require("./img/title.png")
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "__date-range"
-  }, "6\u67087\u65E5-6\u670811\u65E5"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, data.WeekCycle), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "__shadow"
   }), /*#__PURE__*/_react["default"].createElement("img", {
     className: preCls + "__laba",
@@ -192,12 +190,12 @@ function Card(_ref, ref) {
     className: preCls + "__bofang",
     src: require("./img/bofang.png")
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__body"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "__avatar"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: avatarSrc
-  })), /*#__PURE__*/_react["default"].createElement("img", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__body"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
     className: preCls + "__userName",
     src: nameSrc
   }), /*#__PURE__*/_react["default"].createElement("img", {
@@ -206,21 +204,23 @@ function Card(_ref, ref) {
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "__text"
-  }, "\u575A\u6301\u6BCF\u5468\u53CD\u9988\u624D\u662F\u771F\u6B63\u7684\u4F18\u79C0\u771F\u6B63\u7684\u4F18\u79C0"), /*#__PURE__*/_react["default"].createElement(_board["default"], {
-    percent: 80
+  }, data.Quotations), /*#__PURE__*/_react["default"].createElement(_board["default"], {
+    percent: Number(data.Complete)
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "__comparison"
-  }, "OKR \u5B8C\u6210\u5EA6", /*#__PURE__*/_react["default"].createElement("img", {
+  }, "OKR \u5B8C\u6210\u5EA6", data.Increase != '0' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, " ", /*#__PURE__*/_react["default"].createElement("img", {
     className: preCls + "__direction",
-    src: require("./img/up.png"),
+    src: Number(data.Increase) > 0 ? require("./img/up.png") : require("./img/down.png"),
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: "#4DC591"
+      color: Number(data.Increase) > 0 ? "#4DC591" : '#F05E5E'
     }
-  }, "20%")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, Math.abs(Number(data.Increase)), "%")) : ''), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "__colleague"
-  }, "\u606D\u559C\u8D85\u8D8A\u4E86 ", /*#__PURE__*/_react["default"].createElement("span", null, "80%"), " \u7684\u540C\u4E8B"), /*#__PURE__*/_react["default"].createElement(_statistics["default"], null)), /*#__PURE__*/_react["default"].createElement("img", {
+  }, data.PromptLanguage), /*#__PURE__*/_react["default"].createElement(_statistics["default"], {
+    data: data
+  })), /*#__PURE__*/_react["default"].createElement("img", {
     className: preCls + "__bottom",
     src: require("./img/bottom.png")
   }));

package/lib/components/weekly-report/index.css

@@ -5,13 +5,13 @@
 .weekly-report-card-wrapper {
   overflow: hidden;
   width: 336px;
-  height: 548px;
+  height: 534px;
   border-radius: 24px;
 }
 
 .weekly-report-card-wrapper .weekly-report-card-content {
   position: relative;
-  top: -66px;
+  top: -52px;
   left: -20px;
   transform: scale(0.9);
 }
@@ -32,7 +32,7 @@
   align-items: center;
   width: 375px;
   height: 710px;
-  background: linear-gradient(180deg, #B7D5FF 0%, #186FFF 100%);
+  background: linear-gradient(180deg, #B7D5FF 0%, #186FFF 50%);
 }
 
 .weekly-report-card__title {
@@ -55,21 +55,28 @@
   flex-direction: column;
   align-items: center;
   width: 335px;
-  height: 452px;
+  height: 422px;
   background: transparent;
   padding-top: 55px;
   border-radius: 12px;
   background-image: url("./img/body.png");
   background-size: 100% 100%;
   background-position-y: -1px;
+  box-sizing: content-box;
 }
 
 .weekly-report-card__avatar {
   position: absolute;
-  left: 129px;
-  top: 17px;
-  border: 3px solid #fff;
+  left: 150px;
+  top: 135px;
+  width: 76px;
+  height: 76px;
+  background-color: #FFF;
   border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 .weekly-report-card__avatar > img {
@@ -103,6 +110,7 @@
   margin: 28px 0;
   max-width: 279px;
   text-align: center;
+  min-height: 52px;
 }
 
 .weekly-report-card__quote {
@@ -122,22 +130,46 @@
 
 .weekly-report-card-board__done {
   position: absolute;
-  width: 154px;
-  height: 154px;
+  width: 150px;
+  height: 150px;
   border-radius: 50%;
-  background: linear-gradient(360deg, #2879FF 0%, #5B8FF9 50%);
+  background: linear-gradient(90deg, #2879FF 0%, #5B8FF9 50%);
   overflow: hidden;
+  top: 2px;
+  left: 2px;
 }
 
 .weekly-report-card-board__undone {
   position: absolute;
-  width: 154px;
-  height: 77px;
+  left: -5px;
+  bottom: 75px;
+  width: 160px;
+  height: 80px;
   background-color: #eaf1fe;
   transform-origin: center bottom;
   transform: rotate(90deg);
 }
 
+.weekly-report-card-board__cover {
+  width: 154px;
+  height: 154px;
+  position: absolute;
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 2px solid #fff;
+  z-index: 10;
+}
+
+.weekly-report-card-board__cover--bottom {
+  width: 154px;
+  height: 2px;
+  position: absolute;
+  bottom: 0;
+  box-sizing: border-box;
+  background-color: #FFF;
+  z-index: 10;
+}
+
 .weekly-report-card-board__space {
   position: absolute;
   width: 2px;
@@ -223,7 +255,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-top: 29px;
+  margin-top: 18px;
 }
 
 .weekly-report-card__statistics__item {
@@ -279,16 +311,16 @@
 
 .weekly-report-card__laba {
   position: absolute;
-  left: 0;
-  top: 118px;
+  left: 6px;
+  top: 108px;
   width: 94px;
   height: 65px;
 }
 
 .weekly-report-card__bofang {
   position: absolute;
-  right: 0;
-  top: 130px;
+  right: 4px;
+  top: 124px;
   width: 62px;
   height: 66px;
   z-index: 1;
@@ -318,6 +350,8 @@
   background-color: transparent;
   font-size: 14px;
   color: #FFF;
+  backdrop-filter: blur(2px);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .weekly-report-card__download:hover {

package/lib/components/weekly-report/index.js

@@ -67,7 +67,7 @@ function WeeklyReportPreview(_ref) {
       position: "relative"
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("tu-icon-circle", preCls + "__close"),
+    className: (0, _classnames["default"])(preCls + "__close"),
     onClick: onClose
   }), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -75,10 +75,13 @@ function WeeklyReportPreview(_ref) {
       left: "-99999999px"
     }
   }, /*#__PURE__*/_react["default"].createElement(_card["default"], {
+    data: data,
     ref: cardRef
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement(_card["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_card["default"], {
+    data: data
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + "__button-container"
   }, /*#__PURE__*/_react["default"].createElement(_rectBtn["default"], {
     className: preCls + "__download",
@@ -145,7 +148,7 @@ function WeeklyReportModal(_ref4) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)((0, _tools.getQueryString)().redisKey || null),
       _useState4 = _slicedToArray(_useState3, 2),
       redisKey = _useState4[0],
       setRedisKey = _useState4[1];
@@ -160,6 +163,7 @@ function WeeklyReportModal(_ref4) {
 
     (_window = window) === null || _window === void 0 ? void 0 : (_window$Talent = _window.Talent) === null || _window$Talent === void 0 ? void 0 : _window$Talent.app.vent.off('open-weekly-report-modal');
     (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Talent = _window2.Talent) === null || _window2$Talent === void 0 ? void 0 : _window2$Talent.app.vent.on('open-weekly-report-modal', function (redisKey) {
+      if (visible) return;
       setRedisKey(redisKey);
       setVisible(true);
     });
@@ -168,30 +172,32 @@ function WeeklyReportModal(_ref4) {
 
       return (_window3 = window) === null || _window3 === void 0 ? void 0 : (_window3$Talent = _window3.Talent) === null || _window3$Talent === void 0 ? void 0 : _window3$Talent.app.vent.off('open-weekly-report-modal');
     };
-  }, []);
+  }, [visible]);
   (0, _react.useEffect)(function () {
-    var param = '';
+    if (!visible) return;
+    var current = new Date();
+    var dateTimeTicks = current.getFullYear() + '/' + (current.getMonth() + 1) + '/' + current.getDate();
+    var param = "redisKey=".concat(redisKey || null, "&dateTimeTicks=").concat(dateTimeTicks || null);
 
     if (data) {
       setData(null);
     }
 
-    if (redisKey) {
-      param = 'redisKey=' + redisKey;
-    } else {
-      var current = new Date();
-      param = 'dateTimeTicks=' + (current.getFullYear() + '/' + (current.getMonth() + 1) + '/' + current.getDate());
-    }
-
-    (0, _request.rget)('v1')('okr/wwsummary/get?' + param).then(function (res) {});
-  }, [redisKey]);
+    (0, _request.rget)('v1')('okr/wwsummary/get?' + param).then(function (res) {
+      if (res.Code == 1) {
+        setData(res.Data);
+      } else {
+        setVisible(false);
+      }
+    });
+  }, [redisKey, visible]);
   (0, _react.useEffect)(function () {
     if (!!(0, _tools.getQueryString)().redisKey) {
       location.replace(decodeURIComponent(location.href).replace(/&?redisKey=\S*(&|$)/g, ''));
     }
 
     if (visible) {
-      (0, _request.rpost)('vi')('Indicator/Clear?message_type=0&indicator_type=15');
+      (0, _request.rdelete)('v1')('Indicator/Clear?message_type=0&indicator_type=15');
     }
   }, [visible]);
   if (!data) return null;

package/lib/components/weekly-report/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/weekly-report/statistics.js

@@ -11,34 +11,31 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
 var preCls = 'weekly-report-card__statistics';
 
 function Statistics(_ref) {
-  _objectDestructuringEmpty(_ref);
-
+  var data = _ref.data;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(preCls + '__item', preCls + '__finish')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__num'
-  }, "12"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, data.TaskNum), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__text'
   }, "\u5B8C\u6210\u4EFB\u52A1")), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(preCls + '__item', preCls + '__praise')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__num'
-  }, "12"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, data.LoveNum), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__text'
-  }, "\u83B7\u5F97\u70B9\u8D5E"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u83B7\u5F97\u70B9\u8D5E"), data.LoveTopNum && data.LoveTopNum != '0' && /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__tips'
-  }, "Top1")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "Top", data.LoveTopNum)), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(preCls + '__item', preCls + '__communication')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__num'
-  }, "12"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, data.Lnteraction), /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls + '__text'
   }, "\u53C2\u4E0E\u4E92\u52A8")));
 }

package/lib/pages/new-okr-list/header/filter.js

@@ -71,7 +71,6 @@ var Filter = function Filter(props) {
       setFilterNum = _useState4[1];
 
   var _useState5 = (0, _react.useState)(function () {
-    debugger;
     var routerData = (0, _tools.getQueryString)();
     var annualNum = routerData.annualNum,
         cycleType = routerData.cycleType,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.7.26",
+  "version": "1.7.30",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/cascader/index.scss

@@ -31,7 +31,7 @@
     }
     .rc-cascader-menu-item-active{
       background: unset;
-      color: #2879ff;
+      color: #2879ff !important;
     }
     .rc-cascader-menu-item{
       box-sizing: border-box;

package/src/components/nav-top/components/user-message/components/inform/inform-item.tsx

@@ -38,7 +38,11 @@ const Inform = (props) => {
 		// 	// @ts-ignore
 		// 	Talent.app.vent.trigger("global-daily-detail-pull-screen", feedId);
 		// }
-
+		if(messageType == 135){
+			const redisKey = item.content.match(/redisKey=(\S*?)"/g)[1]
+			// @ts-ignore
+			Talent.app.vent.trigger("open-weekly-report-modal", redisKey);
+		}
 		// 处理合并的消息
 		const isMessageMerging = messageType == 13018 || messageType == 30362 || messageType == 131;
 		if (!isMessageMerging) {
@@ -92,7 +96,10 @@ const Inform = (props) => {
 				}
 			} else if (item.objUrl) {
 				window.open(item.objUrl);
-			} else {
+			} else if (item.objType === informType.Okr) {
+        let url = item.content.match(/(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*))/g);
+        window.open(url, '_blank');
+      } else {
 				const reg = /href='.*?(?=')/g;
 				let url = '';
 				item.content.replace(reg, ($0) => {

package/src/components/nav-top/components/user-message/constant.ts

@@ -15,6 +15,7 @@ export const informType = {
   "details": 69, //查看详情
   "daily": 55, //日报月报周报
   "todayJob": 81, //进入今日工作
+  "Okr": 0, //Okr
 };
 
 export enum EObjType {
@@ -26,4 +27,5 @@ export enum EObjType {
   MileStone = 27, // 里程碑
   KanBan = 66, // 看板
   Remind = 8,//提醒
+  
 }

package/src/components/nav-top/index.tsx

@@ -11,8 +11,7 @@ import "./index.scss";
 import defaultLogo from "./images/logo-white.png";
 import { rpost } from "../../utils/request";
 import Toast from "../toast";
-import { isLocal } from "../../utils/helpers";
-const Logo = isLocal() ? getTenantInfo().Logo : defaultLogo;
+const Logo = getTenantInfo().Logo || defaultLogo;
 const hasOKRApp = getBSGlobal("newNavigation").find(
   (item) => item.appId === 113
 );

package/src/components/weekly-report/board.tsx

@@ -7,7 +7,9 @@ const preCls = 'weekly-report-card-board'
 
 function Board({percent}: Props): ReactElement {
   return (
+    <div style={{position:'relative',paddingBottom:1}}>
     <div className={preCls}>
+      <div className={preCls+'__cover'}/>
       <div className={preCls+'__done'}>
         <div className={preCls+'__undone'}style={{transform:`rotate(${percent/100 * 180}deg)`}}/>
         <div className={preCls+'__space'} style={{transform:'rotate(45deg)'}}/>
@@ -18,6 +20,9 @@ function Board({percent}: Props): ReactElement {
       <div className={preCls+'__center'}>
         <div>{percent}%</div>
       </div>
+      
+    </div>
+    <div className={preCls+'__cover--bottom'}/>
     </div>
   )
 }

package/src/components/weekly-report/card.tsx

@@ -15,10 +15,12 @@ import Statistics from "./statistics";
 import { isWx } from "../../utils/bs-global";
 import "./index.scss";
 import { rpost,rget } from "../../utils/request";
+import { IWeeklyReportData } from "./interface";
 
 const preCls = "weekly-report-card";
 
 interface Props {
+  data:IWeeklyReportData
 }
 const getImageBase64ByUrl = (toUserId) => {
   return rpost("v1")(`okr/share/getBase64Str`, { toUserId }).then(
@@ -27,7 +29,7 @@ const getImageBase64ByUrl = (toUserId) => {
     }
   );
 };
-function Card({}: Props, ref): ReactElement {
+function Card({data}: Props, ref): ReactElement {
   const [avatarSrc, setAvatarSrc] = useState<string>();
   const [nameSrc, setNameSrc] = useState<string>();
   const loginUserInfo = getLoginUserInfo();
@@ -110,14 +112,15 @@ function Card({}: Props, ref): ReactElement {
   return (
     <div className={preCls + "-content"} ref={cardRef}>
       <img className={preCls + "__title"} src={require("./img/title.png")} />
-      <div className={preCls + "__date-range"}>6月7日-6月11日</div>
+      <div className={preCls + "__date-range"}>{data.WeekCycle}</div>
       <div className={preCls + "__shadow"} />
       <img className={preCls + "__laba"} src={require("./img/laba.png")} />
       <img className={preCls + "__bofang"} src={require("./img/bofang.png")} />
-      <div className={preCls + "__body"}>
-        <div className={preCls + "__avatar"}>
+      <div className={preCls + "__avatar"}>
           <img src={avatarSrc} />
         </div>
+      <div className={preCls + "__body"}>
+       
         <img className={preCls + "__userName"} src={nameSrc} />
         <img
           className={preCls + "__quote"}
@@ -125,22 +128,26 @@ function Card({}: Props, ref): ReactElement {
           alt=""
         />
         <div className={preCls + "__text"}>
-          坚持每周反馈才是真正的优秀真正的优秀
+          {data.Quotations}
         </div>
-        <Board percent={80} />
+        <Board percent={Number(data.Complete)} />
         <div className={preCls + "__comparison"}>
-          OKR 完成度
-          <img
-            className={preCls + "__direction"}
-            src={require("./img/up.png")}
-            alt=""
-          />
-          <span style={{ color: "#4DC591" }}>20%</span>
+         
+            OKR 完成度
+           {
+             data.Increase != '0' ? <> <img
+             className={preCls + "__direction"}
+             src={Number( data.Increase) > 0 ? require("./img/up.png") : require('./img/down.png')}
+             alt=""
+           />
+           <span style={{ color: Number( data.Increase) > 0 ? "#4DC591" : '#F05E5E'}}>{Math.abs(Number(data.Increase))}%</span></> : ''
+           }
+          
         </div>
         <div className={preCls + "__colleague"}>
-          恭喜超越了 <span>80%</span> 的同事
+          {data.PromptLanguage}
         </div>
-        <Statistics />
+        <Statistics data={data}/>
       </div>
       <img className={preCls + "__bottom"} src={require("./img/bottom.png")} />
     </div>