fix

src/modules/task-center/data-center/components/DataInfo.tsx

@@ -22,7 +22,7 @@ function DataInfo(props: any) {
                     <span style={{ marginLeft: 24 }}>  {`培训时间：${moment(props.info.startTime).format('YYYY-MM-DD HH:mm')} 至 ${moment(props.info.endTime).format('YYYY-MM-DD HH:mm')}`}</span>
                 </div>
                 <div className="info">
-                    <div className="item">{`任务数:${props.info.contentNum}`}</div>
+                    <div className="item">{`任务数:  ${props.info.contentNum}`}</div>
                     {
                         !!props.info.courseNum && <div className="item"><span className="icon"><img src="https://image.xiaomaiketang.com/xm/6C2GjSpnDp.png" alt="" /></span>{`课程：${props.info.courseNum}`}</div>
                     }
@@ -39,7 +39,18 @@ function DataInfo(props: any) {
         </div>
         <div className="right">
             <div className="prog">
-                <Progress type="circle" width={85} percent={parseInt(props.info.finishCustomerNum /(props.info.cultureCustomerNum)*100 as any)} strokeWidth={10} format={percent => <div className='wcl'>{`${(parseInt(props.info.finishCustomerNum /(props.info.cultureCustomerNum)*100 as any))}% `}  <div>完成率</div></div>} />
+                <Progress type="circle" width={85} percent={parseInt(props.info.finishCustomerNum /(props.info.cultureCustomerNum)*100 as any)} strokeWidth={10}
+                 format={percent => <div className='wcl'>
+                     {`${(parseInt(props.info.finishCustomerNum /(props.info.cultureCustomerNum)*100 as any))}% `}  
+                     <div>完成率</div>
+                     </div>} />
+                     
+                     {/* <div className='wcl'> */}
+                     {/* {`${(parseInt(props.info.finishCustomerNum /(props.info.cultureCustomerNum)*100 as any))}% `}   */}
+                     {/* <div>完成率</div> */}
+                     {/* </div> */}
+
+
             </div>
             <div className="num">
                 <div className="item"> {`指派人数：${props.info.cultureCustomerNum}`}</div>

src/modules/task-center/data-center/components/course.less

@@ -38,13 +38,20 @@
         .taskItemList{
             margin-left: 64px;
             .item{
-               padding: 16px 0px  16px 32px;
+               padding: 16px 0px  16px 16px;
                border-bottom: 1px dashed #E8E8E8;
                font-size: 14px;
                 font-family: PingFangSC-Regular, PingFang SC;
                 font-weight: 400;
                 color: #333333;
                 line-height: 20px;
+                .name{
+                    img{
+                        width: 20px;
+                        position: relative;
+                        top: -2px;
+                    }
+                }
                 &.noBorder{
                     border:none;
                 }

src/modules/task-center/data-center/index.less

@@ -33,8 +33,7 @@
                         line-height: 25px;
                     }
                     .status{
-                        width: 42px;
-                        height: 20px;
+                        padding: 0px 8px;
                         font-size: 14px;
                         font-family: PingFangSC-Medium, PingFang SC;
                         font-weight: 500;
@@ -42,7 +41,9 @@
                         line-height: 20px;
                         text-align: center;
                         margin-left: 24px;
-                   
+                        position: relative;
+                        top: 4px;
+                        height: 20px;
                     }
                  }
                  .info{
@@ -79,14 +80,28 @@
                 width: 85px;
                 margin-top: 27px;
                 margin-right: 24px;
+                position: relative;
                 .wcl{
+                  
                     font-size: 16px;
                     font-family: PingFangSC-Medium, PingFang SC;
                     font-weight: 500;
                     color: #666666;
                     line-height: 22px;
                     text-align: center;
+                    // left: 0px;
+                    // top: 20px;
+                    // width: 100%;
+                    // height: 100%;
+                    // display: none;
+                    // position: absolute;
+                    // z-index: 1;
                 }
+                // &:hover{
+                //     .wcl{
+                //         display: block;
+                //     }
+                // }
             }
             .num{
                 margin-top: 27px;