@titaui/pc 1.9.17 → 1.9.21

package/src/components/dynamic/dynamic-item/dynamic-share/index.scss

@@ -32,12 +32,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-task/index.scss

@@ -90,12 +90,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-topping/index.scss

@@ -52,7 +52,7 @@
         &-name {
           margin-left: 12px;
           font-size: 12px;
-          font-weight: 500;
+          font-weight: 600;
           color: #3f4755;
 
           &-text {

package/src/components/form/form-fields/input/index.tsx

@@ -21,7 +21,7 @@ interface Props {
   name: string;
   getContainer?: Function;
   disabled?: boolean;
-  layout?: 'clomn'|'row';
+  layout?: 'column'|'row';
   className?:string;
 }
 interface Error {

package/src/components/form/form-fields/textarea/index.tsx

@@ -19,8 +19,9 @@ interface Props {
   require?: boolean;
   name: string;
   getContainer?: Function;
-  resizeType: 'none' | 'vertical';//不能修改宽度
+  resizeType?: 'none' | 'vertical';//不能修改宽度
   areaHeight: number;
+  layout?:'column'|'row'
 }
 
 interface Error {

package/src/components/grid-layout/okr-align/index.tsx

@@ -67,7 +67,7 @@ export default function OKRAlignComponent() {
               link: 'https://club.tita.com/18179.html'
             }} />
           : <CardFlexContent>
-            <TitaChart.LiquidBall PrePercentNum={0} name="对齐率" percentNum={alignPercent} />
+            <TitaChart.LiquidBall PrePercentNum={0} name={getLocale('HP_Alignmentrate')} percentNum={alignPercent} />
             <DataItem num={hadAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Aligned')} handleDataClick={() => handleDataClick('hadAlign')} />
             <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Unaligned')} handleDataClick={() => handleDataClick('hadNotAlign')} />
           </CardFlexContent>

package/src/components/grid-layout/okr-progress/index.tsx

@@ -85,7 +85,7 @@ export default function OKRProgressComponent() {
           <TitaChart.LiquidBall
             PrePercentNum={0}
             percentNum={UpdatePercent}
-            name="平均完成度"
+            name={getLocale('HP_Completiorate')}
           />
           <DataItem
             num={hadUpdateOkrNum}

package/src/components/img-viewer/index.tsx

@@ -105,10 +105,10 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
               />
             </span>
             <span>
-              {showDownload && (
+              {showDownload && currentImgData && currentImgData.downloadUrl && (
                 <a
                   className={prefix + "__header-download"}
-                  href={currentImgData.downloadUrl}
+                  href={currentImgData?.downloadUrl||'javascript:;'}
                 >
                   <i
                     className={classNames(
@@ -163,7 +163,7 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
               <img
                 className={prefix+'__body-img'}
                 ref={imgRef}
-                src={currentImgData.previewUrl || currentImgData.bigImageUrl}
+                src={currentImgData?.previewUrl || currentImgData?.bigImageUrl}
                 style={{ transform: `scale(${currentScale})` }}
               />
             </div>

package/src/components/menus/components/flip-menu-card/index.tsx

@@ -5,6 +5,7 @@ import React, {
   useImperativeHandle,
   useEffect,
 } from "react";
+import SimpleBar from '../../../scrollbar/simplebar/simplebar'
 import ReactDOM from "react-dom";
 import classNames from "classnames";
 import MenuCard from "../menu-card";
@@ -168,6 +169,12 @@ export default forwardRef((props: Props, ref) => {
     };
   }, []);
 
+  const onClickShowMore = () => {
+    const instance = SimpleBar.instances.get(document.querySelector(`.${preCls}__inner [data-simplebar]`))
+    const el = instance.getScrollElement();
+    el.scrollTop = el.scrollTop + 150
+  }
+
   return (
     <React.Fragment>
       <div
@@ -222,7 +229,7 @@ export default forwardRef((props: Props, ref) => {
               </div>
             </div>
             {showMore && (
-              <div className={`${preCls}__has-more`}>
+              <div className={`${preCls}__has-more`} onClick={onClickShowMore}>
               </div>
             )}
           </div>

package/src/components/menus/components/menu-tree/index.scss

@@ -14,14 +14,14 @@
       opacity: 0;
       background: #e9f1ff;
       border-radius: 12px;
-      font-weight: 500;
+      font-weight: 600;
       will-change: opacity;
       animation: selectMenuOpacity 0.4s 1 forwards;
     }
 
     .titaui-menus-tree__menu-item-node-title {
       color: #2879ff;
-      font-weight: 500;
+      font-weight: 600;
     }
     .titaui-menus-tree__sub-menu-item-node-title{
       color: #2879ff;

package/src/components/menus/export-modules/okr-menus/depart-menus/index.scss

@@ -28,7 +28,7 @@
     .rc-tree-treenode-selected {
       .titaui-menus-tree__depart-node-title {
         color: #2879ff;
-        font-weight: 500;
+        font-weight: 600;
       }
     }
   }

package/src/components/okr-detail/base-info/base-info.tsx

@@ -58,7 +58,10 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
 
   const { okrInfo, setOkrInfo } = useContext(CommonContext);
 
-  const originDesc = decodeURI(encodeURI(okrInfo.description)) === 'null' ? '' : decodeURI(encodeURI(okrInfo.description));
+  const originDesc =
+    decodeURI(encodeURI(okrInfo.description)) === "null"
+      ? ""
+      : decodeURI(encodeURI(okrInfo.description));
   const [originalDesc, setOriginalDesc] = useState(originDesc || "");
   const [participant, setParticipant] = useState<IUser[]>([]);
   const [followers, setFollowers] = useState<IUser[]>([]);
@@ -82,6 +85,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
   const oldGeneralRoleTypeRef = useRef(generalRoleType);
   const loginUser = getUserInfo();
   const setting = getOkrAdvancedSetting().KRSetting;
+  console.log(setting.TargetFollowers);
 
   useEffect(() => {
     setOriginalDesc(okrInfo.description);
@@ -92,7 +96,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
       if (desc.trim().length > 5000) return;
       saveODesc(okrInfo.workId, desc).then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
           setOkrInfo({ ...okrInfo, description: desc });
         } else {
           Toast.Error("操作失败", { canClose: false });
@@ -106,7 +110,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
     (user) => {
       transferPrincipal(okrInfo.workId, user.email, user.id).then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
           let tempParticipant = [...participant];
           // 当前登录的是有权限的人，将负责人转为参与人或者关注人中的一个
           const isParticipantIndex = findUserIndex(tempParticipant, user.id);
@@ -144,7 +148,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
   const handleChangeClassify = useCallback((classify) => {
     updateOClassify(classify, okrInfo.workId).then((resp) => {
       if (resp.Code === 1) {
-        Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+        Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
         setGeneralOkrClassify(classify);
       } else {
         Toast.Error(resp.Message, { canClose: false });
@@ -170,7 +174,7 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
         areaGroupIds
       ).then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
           setGeneralVisibility({
             visibility: visiableValue,
             visibilityScope: data,
@@ -287,7 +291,9 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
     deleteUser(delUser.id, okrInfo.workId, delUserType === 1 ? 2 : 3)
       .then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success(getLocale('Pro_detail_Deletsuccess'), { canClose: false });
+          Toast.Success(getLocale("Pro_detail_Deletsuccess"), {
+            canClose: false,
+          });
           setGeneralRoleType(delUser.id === loginUser.Id ? 0 : generalRoleType);
           if (delUserType === 1) {
             participant.splice(userIndex, 1);
@@ -371,13 +377,14 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
       <DialogConfirm visible={showDialogConfirm} type="warning">
         {/* @ts-ignore */}
         <span type="title">
-          确定删除此{delUserType === 1 ? "参与" : getLocale('OKR_MyO_Butt_Follow')}人吗？
+          确定删除此
+          {delUserType === 1 ? "参与" : getLocale("OKR_MyO_Butt_Follow")}人吗？
         </span>
         <CancelButton type="button" onClick={cancelDelPerson}>
-          {getLocale('Mod_Cancel')}
+          {getLocale("Mod_Cancel")}
         </CancelButton>
         <WarningButton type="button" onClick={ensureDelPerson}>
-          {getLocale('Mod_Delete')}
+          {getLocale("Mod_Delete")}
         </WarningButton>
       </DialogConfirm>
     );
@@ -418,7 +425,9 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
           !canEditAllInfo &&
           participant.length === 0 ? null : (
             <>
-              <span className="base-info__person-block-title">{getLocale('Mod_Participants')}</span>
+              <span className="base-info__person-block-title">
+                {getLocale("Mod_Participants")}
+              </span>
               <Person
                 users={participant}
                 canEdit={canEditPerson}
@@ -428,23 +437,26 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
             </>
           )}
         </div>
-        <div className="base-info__person-block">
-          {!canEditFocusPerson &&
-          !canEditAllInfo &&
-          setting.TargetFollowers &&
-          followers.length === 0 ? null : (
-            <>
-              <span className="base-info__person-block-title">{getLocale('Mod_Followers')}</span>
-              <Person
-                type="followers"
-                users={followers}
-                canEdit={canEditFocusPerson}
-                onAddUser={handleAddUser}
-                onDelUser={handleDelFollower}
-              />
-            </>
-          )}
-        </div>
+        {setting.TargetFollowers && (
+          <div className="base-info__person-block">
+            {!canEditFocusPerson &&
+            !canEditAllInfo &&
+            followers.length === 0 ? null : (
+              <>
+                <span className="base-info__person-block-title">
+                  {getLocale("Mod_Followers")}
+                </span>
+                <Person
+                  type="followers"
+                  users={followers}
+                  canEdit={canEditFocusPerson}
+                  onAddUser={handleAddUser}
+                  onDelUser={handleDelFollower}
+                />
+              </>
+            )}
+          </div>
+        )}
       </div>
       {renderDialogConfirm}
     </div>

package/src/components/okr-detail/base-info/o-desc/index.scss

@@ -6,7 +6,7 @@
   .o-desc__title {
     margin-top: 12px;
     font-size: 14px;
-    font-weight: 500;
+    font-weight: 600;
     color: #141C28;
     line-height: 22px;
     padding-left: 10px;

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

@@ -7,7 +7,7 @@ import OAvatar from "./o-avatar";
 import OType from "../okr-type";
 import OCycle from "./o-cycle";
 import EditNameCmp from "./edit-name";
-import Score from "../score";
+import Score from "./o-score";
 import Progress from "../../../progress";
 import { OkrRiskMapping } from "../../../progress/utils";
 
@@ -34,7 +34,7 @@ const Header = (props) => {
     setGeneralOkrClassify,
     showOkrEvalute,
   } = useContext(GeneralDataContext);
-
+  const showOScore = window.BSGlobal.OkrAdvancedSetting.KRSetting.OScore
   const { progressGrow = 0, progress } = okrInfo;
 
   const [auth, setAuth] = useState(false);
@@ -115,6 +115,7 @@ const Header = (props) => {
       </span>
     );
   };
+
   return (
     <div className={precls} draggable={false}>
       <div className={`${precls}__avatar`}>
@@ -148,7 +149,7 @@ const Header = (props) => {
               <OCycle editable={editable} okrId={okrInfo.workId} />
             </span>
             <span className={`${precls}__action-item`}>
-              {showOkrEvalute && <Score score={okrInfo.evaluateValue} />}
+              {(showOkrEvalute || showOScore) && <Score editable={editable} okrId={okrInfo.workId} score={okrInfo.evaluateValue} isEvaluate={okrInfo.manualEvaluateValue} />}
             </span>
           </span>
           <OProgressUpdate okrInfo={okrInfo} renderContent={renderContent} />

package/src/components/okr-detail/components/header/index.scss

@@ -163,3 +163,8 @@ $lignt-color: #2879ff;
     width: auto!important;
   }
 }
+.okr-detail-o-score{
+  &__form{
+    padding: 10px 32px 8px;
+  }
+}

package/src/components/okr-detail/components/header/o-score.tsx

@@ -0,0 +1,115 @@
+import React, { Fragment, useState, useRef, useContext } from "react";
+import { CommonContext } from "../../context";
+import { getLocale } from "../../../../utils/getLocale";
+import Score from "../score";
+import Toast from "../../../toast";
+import Dialog from "../../../dialog";
+import Form from "../../../form";
+import { updateOScore } from "../../request-apis";
+import "./index.scss";
+
+const FormFields = Form.Fields;
+const preCls = "okr-detail-o-score";
+
+interface IOScoreProps {
+  score: number;
+  okrId: string | number;
+  editable: any;
+}
+interface FormFields {
+  score: string | number;
+  describe: string;
+}
+const OScore = (props: IOScoreProps) => {
+  const { score, okrId, editable, ...restProps } = props;
+  const [visible, setVisible] = useState(false);
+  const { refreshAll } = useContext(CommonContext);
+  const [formFiedlsValue, setFormFiedlsValue] = useState<FormFields>({
+    score: score,
+    describe: "",
+  });
+  const formContainerRef = useRef<any>();
+  const formRef = useRef<any>();
+  const changeOScore = () => {
+    setVisible(true);
+  };
+
+  const handleCancel = () => {
+    setVisible(false);
+  };
+
+  const handleOk = () => {
+    updateOScore(formFiedlsValue.score, okrId)
+      .then((res) => {
+        if (!!res.Code) {
+          Toast.Success(`${getLocale("OKR_MyO_Ew_Success")}`);
+          handleCancel();
+          refreshAll();
+        } else {
+          Toast.Error(res.Message || `${getLocale("OKR_MyO_Ew_Fail")}`);
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        Toast.Error(`${getLocale("OKR_MyO_Ew_Fail")}`);
+      });
+  };
+
+  const onFieldsChangeHandler = (fields) => {
+    const newFields = { ...fields };
+    setFormFiedlsValue(newFields);
+  };
+
+  return (
+    <Fragment>
+      <Score
+        editable={editable}
+        score={score}
+        onClick={changeOScore}
+        {...restProps}
+      />
+      <Dialog
+        title={`O ${getLocale("Per_Ass_New_Appr_detail_Scor")}`}
+        visible={visible}
+        animation="slide-fade"
+        maskAnimation="fade"
+        destroyOnClose={true}
+        width={538}
+        onClose={handleCancel}
+        onOk={handleOk}
+        onCancel={handleCancel}
+        noHeadLine
+        noFooterLine
+      >
+        <div ref={formContainerRef} className={`${preCls}__form`}>
+          <Form
+            ref={formRef}
+            getFormContainer={() => formContainerRef.current}
+            onFieldsChange={onFieldsChangeHandler}
+          >
+            <FormFields.Input
+              name="score"
+              label={`${getLocale("Per_Ass_New_Appr_detail_Scor")}`}
+              className={`${preCls}__form-item`}
+              placeholder={`${getLocale("OKR_MyO_Ew_PleaEnterRat")}`}
+              value={formFiedlsValue.score}
+              require={true}
+              layout="row"
+              verifies={[
+                {
+                  tip: `${getLocale("OKR_MyO_Ew_RatEmpty")}`,
+                  test: /^[\s\S]+$/,
+                },
+                {
+                  tip: `${getLocale("OKR_MyO_KRP_Please0and1")}`,
+                  test: /^(1|0(\.\d{1,2})?)$/,
+                },
+              ]}
+            />
+          </Form>
+        </div>
+      </Dialog>
+    </Fragment>
+  );
+};
+export default OScore;

package/src/components/okr-detail/components/okr-tree/tree-node/e-kr-node/index.js

@@ -88,7 +88,7 @@ export default (props) => {
           setTimeout(refreshEList, 2000);
         })
         .catch((e) => {
-          Toast.Error(e.errorMsg, { canClose: false });
+          Toast.Error(e, { canClose: false });
         });
     } else {
       window

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-project.js

@@ -103,8 +103,8 @@ export default props => {
     </div>
 
     <DialogConfirm visible={unConnectVisible} type="warning">
-      <span type="title">确定取消关联吗？</span>
-      <span type="content">取消关联后该项目将不在此目标下显示</span>
+      <span type="title">{getLocale('OKR_MyO_Text_Cancelass')}</span>
+      <span type="content">{getLocale('OKR_MyO_Text_TitemnotO')}</span>
       <CancelButton type="button" onClick={() => setUnConnectVisible(false)}>{getLocale('Mod_Cancel')}</CancelButton>
       <SureButton type="button" onClick={onSureUnConnectHandler}>{getLocale('OKR_MyO_Butt_Determine')}</SureButton>
     </DialogConfirm>

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-task-level2.js

@@ -282,8 +282,8 @@ export default (props) => {
         ) : null}
       </span>
       <DialogConfirm visible={unConnectVisible} type="warning">
-        <span type="title">确定取消关联吗？</span>
-        <span type="content">取消关联后该任务将不在此目标下显示</span>
+        <span type="title">{getLocale('OKR_MyO_Text_Cancelass')}</span>
+        <span type="content">{getLocale('OKR_MyO_Text_TtasknotO')}</span>
         <CancelButton type="button" onClick={() => setUnConnectVisible(false)}>
           {getLocale('Mod_Cancel')}
         </CancelButton>

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-task.js

@@ -285,8 +285,8 @@ export default (props) => {
       </span>
 
       <DialogConfirm visible={unConnectVisible} type="warning">
-        <span type="title">确定取消关联吗？</span>
-        <span type="content">取消关联后该任务将不在此目标下显示</span>
+        <span type="title">{getLocale('OKR_MyO_Text_Cancelass')}</span>
+        <span type="content">{getLocale('OKR_MyO_Text_TtasknotO')}</span>
         <CancelButton type="button" onClick={() => setUnConnectVisible(false)}>
           {getLocale('Mod_Cancel')}
         </CancelButton>

package/src/components/okr-detail/components/okr-tree/tree-node/index.scss

@@ -11,7 +11,7 @@
     height: 22px;
     font-size: 14px;
     font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-    font-weight: 500;
+    font-weight: 600;
     color: #a4acb9;
     line-height: 22px;
   }

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/index.scss

@@ -90,7 +90,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
       margin-left: 8px;
       font-size: 14px;
       font-family: $font-family;
-      font-weight: 500;
+      font-weight: 600;
       color: #3f4755;
       line-height: 22px;
       vertical-align: top;

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/edit-pop.tsx

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react'
 import Popup from '../../../../../../popup';
 import styled from 'styled-components'
-import { getLocale } from "../../../../../../../utils/getLocale";
+import { getLocale, isEn } from "../../../../../../../utils/getLocale";
 
 const Wrapper = styled.div`
   min-width: 343px;
@@ -207,7 +207,7 @@ export default class EditPop extends PureComponent<Props> {
       </Header>
       <Body>
         <Line>
-          <InputName style={type == 'line' ? undefined : { position: 'relative', top: '3px' }}>{inputName}</InputName>
+          <InputName style={type == 'line' ? {width: isEn ? '75px' : '30px'} : { position: 'relative', top: '3px' ,width: isEn ? '75px' : '30px'}}>{inputName}</InputName>
           {
             type == 'line' &&
             <LineInputWrapper style={showError ? { borderColor: '#D0021B' } : undefined}>

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/kr-push-score.tsx

@@ -17,7 +17,7 @@ import {
   AvatarWrapper,
   IconEdit
 } from './style';
-import { getLocale } from "../../../../../../../utils/getLocale";
+import { getLocale, isEn } from "../../../../../../../utils/getLocale";
 
 interface Props {
   setRefInParent: Function
@@ -219,7 +219,7 @@ export default class Score extends PureComponent<Props, State> {
       information: (this.state.showScoreInfoError ?
 
         <ScoreInfoWrapperError data-length={`已输入 ${this.state.areaLength} 个字，最多可输入 1000 个字`}>
-          <ScoreInfoSpanText>{getLocale('OKR_MyO_Description')}</ScoreInfoSpanText>
+          <ScoreInfoSpanText style={{minWidth: isEn ? '75px' : '30px'}}>{getLocale('OKR_MyO_Description')}</ScoreInfoSpanText>
           <ScoreInfoSpanTextareaError
             ref={this.state.scoreInfoErrorRef}
             placeholder={getLocale('OKR_MyO_scoredescription')}
@@ -227,7 +227,7 @@ export default class Score extends PureComponent<Props, State> {
             value={htmlDecodeByRegExp(this.state.scoreInfoText)} />
         </ScoreInfoWrapperError> :
         <ScoreInfoWrapper>
-          <ScoreInfoSpanText>{getLocale('OKR_MyO_Description')}</ScoreInfoSpanText>
+          <ScoreInfoSpanText style={{minWidth: isEn ? '75px' : '30px'}}>{getLocale('OKR_MyO_Description')}</ScoreInfoSpanText>
           <ScoreInfoSpanTextarea
             ref={this.state.scoreInfoRef}
             placeholder={getLocale('OKR_MyO_scoredescription')}

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/style.js

@@ -17,14 +17,12 @@ export const ExtraWrapper = styled.div`
 新增评分弹层的div --start
 */
 export const ScoreInfoWrapper = styled.div`
-  width: 312px;
   height: 75px;
   display: flex;
   margin-bottom: 20px;
 `;
 
 export const ScoreInfoWrapperError = styled.div`
-  width: 312px;
   height: 75px;
   display: flex;
   margin-bottom: 20px;
@@ -43,14 +41,13 @@ export const ScoreInfoWrapperError = styled.div`
 export const ScoreInfoSpanText = styled.span`
   width: 30px;
   height: 20px;
-  font-family: PingFangSC-Regular;
   font-size: 14px;
   color: #83898F;
   margin-right: 4px;
 `;
 
 export const ScoreInfoSpanTextarea = styled.textarea`
-  width: 297px;
+  width: 100%;
   box-sizing: border-box;
   padding: 1px 7px;
   border: 1px solid #F0F2F5;
@@ -60,7 +57,7 @@ export const ScoreInfoSpanTextarea = styled.textarea`
 `;
 
 export const ScoreInfoSpanTextareaError = styled.textarea`
-  width: 297px;
+  width: 100%;
   box-sizing: border-box;
   padding: 1px 7px;
   border: 1px solid #F0F2F5;
@@ -74,7 +71,6 @@ export const ScoreInfoSpanTextareaError = styled.textarea`
 新增评分弹层的div --end
 */
 export const CallSomeoneSpan = styled.span`
-  font-family: PingFangSC-Regular;
   font-size: 14px;
   color: #83898F;
   padding-right: 15px;

package/src/components/okr-detail/components/okr-tree/tree-node/kr-parent-node/index.scss

@@ -96,7 +96,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
       margin-left: 8px;
       font-size: 14px;
       font-family: $font-family;
-      font-weight: 500;
+      font-weight: 600;
       color: #3f4755;
       line-height: 22px;
       vertical-align: top;

package/src/components/okr-detail/components/okr-tree/tree-node/o-child-node/index.scss

@@ -7,7 +7,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
   height: 22px;
   font-size: 14px;
   font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
+  font-weight: 600;
   color: #3f4755;
   line-height: 22px;
 }