@titaui/pc 1.7.60 → 1.7.61

package/lib/components/okr-detail/components/okr-tree/tree-node/o-child-node/weight-input.js

@@ -0,0 +1,95 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _tooltip = _interopRequireDefault(require("../../../../../tooltip"));
+
+require("./index.css");
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+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 = "child-okrs-weight";
+
+var WeightInput = function WeightInput(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      workId = props.workId;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isError = _useState2[0],
+      setIsError = _useState2[1];
+
+  var onChangeHandler = function onChangeHandler(e) {
+    var currentValue = e.currentTarget.value;
+    setIsError(!/^(\d{1,2}(\.\d{1})?|100)$/g.test(currentValue));
+    onChange({
+      workId: workId,
+      value: currentValue,
+      isError: isError
+    });
+  };
+
+  var onBlurHandler = function onBlurHandler(e) {
+    var currentValue = e.currentTarget.value;
+
+    if (currentValue == "") {
+      onChange({
+        workId: workId,
+        value: 0,
+        isError: false
+      });
+      setIsError(false);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(precls, "__item-weight-content"), _defineProperty({}, "".concat(precls, "__item-weight-content--error"), isError))
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Error, {
+    overlay: /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: "#F05E5E"
+      }
+    }, "\u4EC5\u5141\u8BB8\u8F93\u5165 0-100 \u7684\u6570\u5B57\uFF0C\u4EC5\u652F\u6301\u4E00\u4F4D\u5C0F\u6570"),
+    placement: "top",
+    visible: isError
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    className: "".concat(precls, "__item-weight-input"),
+    type: "number",
+    value: value,
+    onChange: onChangeHandler,
+    onBlur: onBlurHandler
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(precls, "__item-weight-suffix")
+  }, "%"));
+};
+
+var _default = WeightInput;
+exports["default"] = _default;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.workDelete = exports.updateVisibility = exports.updateTaskStatus = exports.updateTaskPrincipal = exports.updateTaskDate = exports.updateProgressDesc = exports.updateProgress = exports.updateParentId = exports.updateOkrVisibility = exports.updateOkrPrincipal = exports.updateOkrName = exports.updateOCommitType = exports.updateOClassify = exports.updateKrProgressAndStatus = exports.updateKrPrincipal = exports.updateKrName = exports.updateKrDate = exports.updateConfidenceIndex = exports.updateClassify = exports.transferPrincipal = exports.start = exports.setTaskPriority = exports.saveODesc = exports.remindAction = exports.krChangeOrder = exports.getRelWorks = exports.getRelProgress = exports.getProgress = exports.getPraiseComments = exports.getOrg = exports.getOkrUsers = exports.getOkrDetail = exports.getKrsByCondition = exports.getKrs = exports.getFeedById = exports.deleteUser = exports.deleteProgressDesc = exports.deleteKr = exports.createNewKr = exports.close = exports.cancelRel = exports.cancelPraise = exports.cancelParentOkr = exports.addUserRelation = exports.addUser = exports.addPraise = exports.addComment = void 0;
+exports.workDelete = exports.updateVisibility = exports.updateTaskStatus = exports.updateTaskPrincipal = exports.updateTaskDate = exports.updateProgressDesc = exports.updateProgress = exports.updateParentId = exports.updateOkrVisibility = exports.updateOkrPrincipal = exports.updateOkrName = exports.updateOCommitType = exports.updateOClassify = exports.updateKrProgressAndStatus = exports.updateKrPrincipal = exports.updateKrName = exports.updateKrDate = exports.updateConfidenceIndex = exports.updateClassify = exports.updateChildOkrWeight = exports.transferPrincipal = exports.start = exports.setTaskPriority = exports.saveODesc = exports.remindAction = exports.krChangeOrder = exports.getRelWorks = exports.getRelProgress = exports.getProgress = exports.getPraiseComments = exports.getOrg = exports.getOkrUsers = exports.getOkrDetail = exports.getKrsByCondition = exports.getKrs = exports.getFeedById = exports.deleteUser = exports.deleteProgressDesc = exports.deleteKr = exports.createNewKr = exports.close = exports.cancelRel = exports.cancelPraise = exports.cancelParentOkr = exports.addUserRelation = exports.addUser = exports.addPraise = exports.addComment = void 0;
 
 var _qs = _interopRequireDefault(require("qs"));
 
@@ -11,6 +11,18 @@ var _request = require("../../utils/request");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -517,4 +529,15 @@ var getRelWorks = function getRelWorks(okrId) {
   return (0, _request.rget)("v1")("okr/detail/relWorks?okrId=".concat(okrId));
 };
 
-exports.getRelWorks = getRelWorks;
+exports.getRelWorks = getRelWorks;
+
+var updateChildOkrWeight = function updateChildOkrWeight(data) {
+  return (0, _request.rpost)('v1')('okr/weight/save', {
+    OkrWeights: _toConsumableArray(data)
+  }, {
+    // "headers": { "Content-Type": "application/x-www-form-urlencoded" },
+    "transformRequest": _qs["default"].stringify
+  });
+};
+
+exports.updateChildOkrWeight = updateChildOkrWeight;

package/lib/components/upload/index.js

@@ -329,6 +329,19 @@ var Upload = /*#__PURE__*/function (_PureComponent) {
       });
     };
 
+    _this.getImgIndex = function (index) {
+      var newIndex = 0;
+      var uploadSuccessFiles = _this.state.uploadSuccessFiles;
+
+      for (var i = 0; i < index; i++) {
+        if ((0, _util.isImg)(uploadSuccessFiles[i].FileType)) {
+          newIndex++;
+        }
+      }
+
+      return newIndex;
+    };
+
     _this.handlerUploadPreviewOptions = function (index, options) {
       var _this$props2 = _this.props,
           onSubmit = _this$props2.onSubmit,
@@ -356,7 +369,9 @@ var Upload = /*#__PURE__*/function (_PureComponent) {
           uploadSuccessFiles: uploadResultFiles
         });
       } else if (options === 'preview') {
-        _this.refs.imgViewerRef.show(index);
+        var imgIndex = _this.getImgIndex(index);
+
+        _this.refs.imgViewerRef.show(imgIndex);
       } else if (options === 'reupload') {
         var _reUploadFileInfo = _this.state.uploadSuccessFiles[index];
         var reUploadFile = _this.state.selectFiles[_reUploadFileInfo.FileName];

package/lib/utils/auth.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasSuperior = exports.OAuth = exports.KRAuth = exports.EAuth = exports.DynamicManagerAuth = exports.BaseAuth = void 0;
+exports.hasSuperior = exports.OAuth = exports.KRAuth = exports.EAuth = exports.DynamicManagerAuth = exports.ChildAuth = exports.BaseAuth = void 0;
 
 var _bsGlobal = require("./bs-global");
 
@@ -246,4 +246,39 @@ var DynamicManagerAuth = /*#__PURE__*/function (_BaseAuth4) {
   return DynamicManagerAuth;
 }(BaseAuth);
 
-exports.DynamicManagerAuth = DynamicManagerAuth;
+exports.DynamicManagerAuth = DynamicManagerAuth;
+
+var ChildAuth = /*#__PURE__*/function (_BaseAuth5) {
+  _inherits(ChildAuth, _BaseAuth5);
+
+  var _super5 = _createSuper(ChildAuth);
+
+  function ChildAuth(props) {
+    var _this5;
+
+    _classCallCheck(this, ChildAuth);
+
+    _this5 = _super5.call(this, props);
+    var principalUser = props.principalUser;
+    _this5.userId = _this5.loginUserInfor.Id;
+    _this5.principalUser = principalUser;
+    return _this5;
+  }
+
+  _createClass(ChildAuth, [{
+    key: "isPrincipalUser",
+    value: function isPrincipalUser() {
+      return this.userId == this.principalUser.userId;
+    } // 超管、助理、目标管理员以及目标负责人可以修改此目标下对齐子目标的权重；
+
+  }, {
+    key: "hasAuth",
+    value: function hasAuth() {
+      return this.isManager() || this.isPrincipalUser();
+    }
+  }]);
+
+  return ChildAuth;
+}(BaseAuth);
+
+exports.ChildAuth = ChildAuth;

package/package.json

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

package/src/components/dialog-confirm/index.scss

@@ -5,14 +5,14 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
   display: inline-block;
   width: 360px;
   background: #ffffff;
-  border-radius: 6px;
+  border-radius: 24px;
 
   &__btn {
     display: inline-block;
     width: 90px;
     height: 32px;
     line-height: 32px;
-    border-radius: 4px;
+    border-radius: 18px;
     text-align: center;
   }
 
@@ -70,6 +70,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
   }
   .rc-dialog-content {
     box-shadow: none;
+    border-radius: 24px;
   }
   .rc-dialog-body {
     padding: 22px 32px 0px 32px;
@@ -93,10 +94,11 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
 
   &__body {
     position: relative;
+    display: flex;
 
     &-icon {
       display: inline-block;
-      font-size: 16px;
+      font-size: 14px;
     }
 
     &-title {

package/src/components/dynamic/dynamic.tsx

@@ -100,6 +100,7 @@ const Dynamic: FC = () => {
       Domain: "",
       TitaHost: "",
       RequestSource: 0,
+      CommentCount: 3
     }).then((resp) => {
       setIsLoadingMore(false);
       setIsChangeConditionLoading(false);

package/src/components/file-list/index.tsx

@@ -9,15 +9,24 @@ const prefix = "titaui-new-file-list";
 
 const FileList: FC<IFileListProps> = ({ data, showDownload = true }) => {
   const imgViewerRef = useRef();
+  const imageIndexRef = useRef(0);
   const handleImgPreview = (index) => {
     // @ts-ignore
     imgViewerRef.current && imgViewerRef.current.show(index);
   };
 
+  const getIndex = (file) => {
+    let index = imageIndexRef.current;
+    if (isImg(file.fileType)) {
+      imageIndexRef.current = index + 1;
+    }
+    return index
+  }
+
   return (
     <div className={prefix}>
       {data.map((file, index) => (
-        <SingleFileCmp key={file.documentSource+index} data={file} index={index} showDownload={showDownload} onPreview={handleImgPreview} />
+        <SingleFileCmp key={file.documentSource+index} data={file} index={getIndex(file)} showDownload={showDownload} onPreview={handleImgPreview} />
       ))}
       <ImgViewer showDownload={showDownload} data={data.filter(file => isImg(file.fileType))} ref={imgViewerRef}/>
     </div>

package/src/components/okr-detail/components/okr-tree/tree-node/o-child-node/edit-child-okr-weight.tsx

@@ -0,0 +1,126 @@
+import React, { useEffect, useState } from "react";
+import Dialog from "../../../../../dialog";
+import Toast from "../../../../../toast";
+import DialogConfirm from "../../../../../dialog-confirm";
+import { getRelWorks, updateChildOkrWeight } from "../../../../request-apis";
+import WeightInput from "./weight-input";
+
+import "./index.scss";
+const { CancelButton, SureButton } = DialogConfirm;
+interface IProps {
+  onOk: Function;
+  onCancel: Function;
+  visible: Boolean;
+  okrId: number;
+}
+
+const precls = "child-okrs-weight";
+
+const EditChildOkrWeight = (props: IProps) => {
+  const { onOk, onCancel, visible = false, okrId } = props;
+  const [childOkrs, setChildOkrs] = useState([]);
+  const [showDialogConfirm, setShowDialogConfirm] = useState(false);
+
+  const getChildWork = async () => {
+    const { Data } = await getRelWorks(okrId);
+    const { childWorks = [] } = Data;
+    const authChildWorks = (childWorks || []).filter((item) => item.OkrVisible);
+    setChildOkrs(authChildWorks || []);
+  };
+
+  useEffect(() => {
+    visible && getChildWork();
+  }, [okrId, visible]);
+
+  const postData = async () => {
+    setShowDialogConfirm(false);
+    const data = childOkrs.map((item: any) => ({
+      OkrId: item.workId,
+      Weight: item.pweight,
+    }));
+    const result = await updateChildOkrWeight(data);
+    if (result.Code !== 0) {
+      Toast.Success("修改成功");
+      onOk();
+    } else {
+      Toast.Error(result.Message);
+    }
+  };
+
+  const handleOk = async () => {
+    let total = 0;
+    for (let i = 0; i < childOkrs.length; i++) {
+      const { pweight, isError } = childOkrs[i];
+      if (isError) return;
+      total += Number(pweight);
+    }
+    if (total > 100) {
+      Toast.Error("权重合计需控制在100%");
+      return;
+    }
+    if (total < 100) {
+      setShowDialogConfirm(true);
+      return;
+    }
+    postData();
+  };
+
+  const onChangeHandler = (data) => {
+    const { workId, value, isError } = data;
+    const newChildren: any = childOkrs.map((item: any) => {
+      if (item.workId == workId) {
+        return {
+          ...item,
+          pweight: value,
+          isError,
+        };
+      } else {
+        return item;
+      }
+    });
+    setChildOkrs(newChildren);
+  };
+  const closeDialogConfirm = () => setShowDialogConfirm(false);
+  return (
+    <>
+      <Dialog
+        title={"子目标权重设置"}
+        noHeadLine
+        noFooterLine
+        visible={visible}
+        width={600}
+        onClose={onCancel}
+        onCancel={onCancel}
+        onOk={handleOk}
+      >
+        <div className={`${precls}__content`}>
+          {childOkrs.map((item: any) => (
+            <div className={`${precls}__item`} key={item.workId}>
+              <span className={`${precls}__item-precls`} />
+              <div className={`${precls}__item-name`}>{item.workName}</div>
+              <div className={`${precls}__item-weight`}>
+                <span className={`${precls}__item-weight-label`}>权重</span>
+                <WeightInput
+                  workId={item.workId}
+                  value={item.pweight}
+                  onChange={onChangeHandler}
+                />
+              </div>
+            </div>
+          ))}
+        </div>
+      </Dialog>
+      <DialogConfirm visible={showDialogConfirm} type="warning">
+        {/* @ts-ignore */}
+        <span type="title">当前子目标权重合计小于100%，确定要保存吗？</span>
+        <CancelButton type="button" onClick={closeDialogConfirm}>
+          取消
+        </CancelButton>
+        <SureButton type="button" onClick={postData}>
+          确定
+        </SureButton>
+      </DialogConfirm>
+    </>
+  );
+};
+export default EditChildOkrWeight;

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

@@ -1,27 +1,38 @@
-import React, { useState, useContext } from 'react';
-import classNames from 'classnames';
-import OkrType from '../../../okr-type';
-import IconText from '../../../icon-text';
-import Avatar from '../../../../../avatar';
-import Progress from '../../../../../progress';
-import { OkrRiskMapping } from '../../../../../progress/utils';
-import drawerManager from '../../../../../drawer-manager'
+import React, { useState, useContext } from "react";
+import classNames from "classnames";
+import { getBSGlobal } from "../../../../../../utils/bs-global";
+import { ChildAuth } from "../../../../../../utils/auth";
+import { CommonContext } from "../../../../context";
+import { OkrRiskMapping } from "../../../../../progress/utils";
+import drawerManager from "../../../../../drawer-manager";
+import Progress from "../../../../../progress";
 import OClassify from "../../../o-classify";
-import preCls from '../../precls';
+import Avatar from "../../../../../avatar";
+import IconText from "../../../icon-text";
+import OkrType from "../../../okr-type";
+import preCls from "../../precls";
+import EditChildOkrWeight from "./edit-child-okr-weight";
 
-import './index.scss';
+import "./index.scss";
 
 const SeasonTectMap = {
-  1: '一',
-  2: '二',
-  3: '三',
-  4: '四',
+  1: "一",
+  2: "二",
+  3: "三",
+  4: "四",
 };
 
-export default props => {
+export default (props) => {
   const { data, style, title } = props;
+  const [editVisible, setEditVisible] = useState(false);
+
+  const { refreshAll, okrInfo } = useContext(CommonContext);
   const [user] = useState(data.principalUser);
-  const [cycleDateStr] = useState(() => { // 时间周期
+  const [OKrWeightSetting] = useState(
+    getBSGlobal("OkrAdvancedSetting")?.KRSetting?.OKrWeight || false
+  );
+  const [cycleDateStr] = useState(() => {
+    // 时间周期
     const { cycleType, yqmnum, annualNum, startDate, endDate } = data;
     switch (cycleType) {
       case 1:
@@ -33,62 +44,108 @@ export default props => {
       default:
         return `自定义 ${startDate}-${endDate}`;
     }
-  })
+  });
+  // 权限 & 非结束目标
+  const [canEdit] = useState(() => {
+    const hasAuth = new ChildAuth({
+      principalUser: okrInfo.principalUser,
+    }).hasAuth();
+    const livetime = okrInfo.status != 2;
+    return hasAuth && livetime;
+  });
 
-  return <div className={classNames(`${preCls}__o-child-node`)} style={style}>
+  const openWeightEditModal = () => setEditVisible(true);
+  const handleOk = () => {
+    setEditVisible(false);
+    refreshAll();
+  };
 
-    <div className={classNames(`${preCls}__o-child-node-h1`)}>
-      <span className={classNames(`${preCls}__o-child-node-prefix`)}></span>
+  return (
+    <div className={classNames(`${preCls}__o-child-node`)} style={style}>
+      <div className={classNames(`${preCls}__o-child-node-h1`)}>
+        <span className={classNames(`${preCls}__o-child-node-prefix`)}></span>
 
-      <span className={classNames(`${preCls}__o-child-node-title`)} onClick={() => {
-        drawerManager.open('okrDetail', { okrId: data.workId })
-      }}>{title}</span>
+        <span
+          className={classNames(`${preCls}__o-child-node-title`)}
+          onClick={() => {
+            drawerManager.open("okrDetail", { okrId: data.workId });
+          }}
+        >
+          {title}
+        </span>
 
-      <OClassify
-        editable={false}
-        okrClassify={data.okrClassify}
-        okrId={data.workId}
-      />
-    </div>
+        <OClassify
+          editable={false}
+          okrClassify={data.okrClassify}
+          okrId={data.workId}
+        />
+      </div>
 
-    <div className={classNames(`${preCls}__o-child-node-h2`)}>
-      <OkrType
-        editable={false}
-        type={{
-          'okrType': data.okrType,
-          'departmentId': data.departmentId,
-          'departmentName': data.departmentName,
-          'groupId': data.groupId,
-          'groupName': data.groupName,
-        }}
-      />
+      <div className={classNames(`${preCls}__o-child-node-h2`)}>
+        <OkrType
+          editable={false}
+          type={{
+            okrType: data.okrType,
+            departmentId: data.departmentId,
+            departmentName: data.departmentName,
+            groupId: data.groupId,
+            groupName: data.groupName,
+          }}
+        />
 
-      <Avatar.Text name={user.name} id={user.userId} width={76} editable={false} />
+        <Avatar.Text
+          name={user.name}
+          id={user.userId}
+          width={76}
+          editable={false}
+        />
 
-      <IconText
-        width={400}
-        content={cycleDateStr}
-        editable={false}
-        icon="tu-icon-deferred"
-      />
+        <IconText
+          width={400}
+          content={cycleDateStr}
+          editable={false}
+          icon="tu-icon-deferred"
+        />
 
-      <div className={classNames(`${preCls}__o-child-node-right`)}>
-        <div className={classNames(`${preCls}__o-child-node-progress`)}>
-          <Progress percent={data.progress} width={40}  backgroundColor="#F7F8FA"
-            width={40}
-            textColor={
-              data.status === 2
-                ? "#89919f"
-                : OkrRiskMapping[data.manualRiskLevel].textColor
-            }
-            color={
-              data.status === 2
-                ? "linear-gradient(270deg, #BFC7D5, #E1E5EC)"
-                : OkrRiskMapping[data.manualRiskLevel].line
-            }/>
+        <div className={classNames(`${preCls}__o-child-node-right`)}>
+          {OKrWeightSetting && (
+            <div className={`${preCls}__o-child-node-weight`}>
+              <IconText
+                width={60}
+                editable={canEdit}
+                content={`${data.pweight}%`}
+                onTextClick={openWeightEditModal}
+                icon="tu-icon-app-quanzhong"
+              />
+            </div>
+          )}
+          <div className={classNames(`${preCls}__o-child-node-progress`)}>
+            <Progress
+              percent={data.progress}
+              width={40}
+              backgroundColor="#F7F8FA"
+              width={40}
+              textColor={
+                data.status === 2
+                  ? "#89919f"
+                  : OkrRiskMapping[data.manualRiskLevel].textColor
+              }
+              color={
+                data.status === 2
+                  ? "linear-gradient(270deg, #BFC7D5, #E1E5EC)"
+                  : OkrRiskMapping[data.manualRiskLevel].line
+              }
+            />
+          </div>
         </div>
       </div>
-      
+
+      <EditChildOkrWeight
+        okrId={okrInfo.workId}
+        visible={editVisible}
+        onCancel={() => setEditVisible(false)}
+        onOk={handleOk}
+      />
     </div>
-  </div>
-}
+  );
+};