@titaui/pc 1.7.91 → 1.7.92

package/src/components/operation-records/index.tsx

@@ -1,165 +0,0 @@
-import React, { PureComponent } from 'react'
-import moment from 'moment'
-import { getApiUrl2, taker } from '../../utils/request-v1' // 请求相关
-import { OperationData } from './mockData'
-import OperationRecordItem from './OperationRecordItem'
-import { OperationRecordWrapper, OperationRecordTotal, OperationRecordList, OperationDateYearWrapper, OperationDateYear, OperationDateYearDot, OperationDateYearLine, Dd } from './style'
-import { getLocale } from '../../utils/getLocale'
-
-interface Props {
-  className?: string
-  feedId: string // 获取操作记录的feedId参数
-  commentCount: number // 操作记录默认展示数
-  mockData?: boolean;
-}
-
-interface State {
-  operationTrackList: any // 操作记录数据
-  operationTrackTotal: number // 操作记录总条数
-  isShowAllOperationRecord: boolean // 是否展示全部操作记录
-}
-
-export default class OperationRecord extends PureComponent<Props, State> {
-  constructor(props: Props) {
-    super(props)
-    this.state = {
-      operationTrackList: [],
-      operationTrackTotal: 0,
-      isShowAllOperationRecord: false,
-    }
-  }
-
-  componentDidMount() {
-    const { feedId, commentCount } = this.props
-    if (feedId) {
-      this.getFeedInfo(feedId, commentCount)
-    }
-  }
-
-  componentDidUpdate(prevProps: Props, prevState: State) {
-    if (prevProps.feedId != this.props.feedId) {
-      const { feedId, commentCount } = this.props
-      this.getFeedInfo(feedId, commentCount)
-    }
-  }
-  /**
- *获取feed信息
- * @feed_id
- * @comment_count 返回的回复数
- * @memberof Cooperation
- */
-  getFeedInfo = (feedId: string, commentCount: number) => {
-    let url = getApiUrl2(`user/feed/GetById?feed_id=${feedId}&comment_count=${commentCount}`)
-    taker(url, 'GET').then(res => {
-      if (res.Code === 1) {
-        let data = res.Data.feedOperations
-        let newOperationTrackList = this.formatCommentsDate(data.comments ? data.comments : [])
-        this.setState({
-          operationTrackList: newOperationTrackList,
-          operationTrackTotal: data.total
-        })
-      }
-    }).catch(err => {
-      console.log('OperationRecord -> err', err);
-      if (this.props.mockData) {
-        let newOperationTrackList = this.formatCommentsDate(OperationData)
-        this.setState({
-          operationTrackList: newOperationTrackList,
-          operationTrackTotal: OperationData.length
-        })
-      }
-    })
-  }
-
-  // 处理操作记录月份显示
-  formatCommentsDate = (comments) => {
-    let thisYear = moment().year() // 获取当前年份
-
-    let new_data: any[] = []
-    let new_year: string | null = null
-    let new_year_data: any[] = []
-    let tag_month: string | null = null
-
-    for (let i = 0; i < comments.length; i++) {
-      let item = comments[i];
-      let mCreatDate = moment(item['createDate'], 'YYYY/MM/DD HH:mm')
-      let f_year = mCreatDate.format('YYYY')
-      let f_month = mCreatDate.format('MM/DD')
-      let f_time = mCreatDate.format('HH:mm')
-
-      item['f_year'] = (i == 0 && Number(f_year) == thisYear) ? f_year : mCreatDate.format('YYYY/MM/DD')
-      item['f_time'] = f_time
-
-      //如果和上一条是数据是同一条，不显示月、日
-
-      if (f_year !== new_year) {
-        tag_month = f_month
-        item['f_month'] = f_month
-
-        new_year = f_year
-        new_year_data = []
-        new_year_data.push(item)
-        new_data.push({
-          'year': new_year,
-          'data': new_year_data,
-          'thisYear': (Number(f_year) == thisYear) ? true : false
-        })
-      } else {
-        if (tag_month == f_month) {
-          item['f_month'] = null;
-        } else {
-          tag_month = f_month;
-          item['f_month'] = f_month
-        }
-        new_year_data.push(item)
-      }
-    }
-    return new_data
-  }
-
-  handlerSwitchShowRecord = () => {
-    const { feedId, commentCount } = this.props  // 默认展示条数
-    const { operationTrackTotal } = this.state // 记录总数
-    let isShowAllOperationRecord = this.state.isShowAllOperationRecord
-    isShowAllOperationRecord = !isShowAllOperationRecord
-    isShowAllOperationRecord ? this.getFeedInfo(feedId, operationTrackTotal) : this.getFeedInfo(feedId, commentCount)
-    this.setState({ isShowAllOperationRecord })
-  }
-
-
-  render() {
-    const { className } = this.props
-    const { isShowAllOperationRecord, operationTrackList, operationTrackTotal } = this.state
-    return (
-      <OperationRecordWrapper className={className}>
-        <OperationRecordTotal>
-          <p className={isShowAllOperationRecord ? "tu-icon-angles-up" : "tu-icon-angles-down"} onMouseDown={() => this.handlerSwitchShowRecord()}>{getLocale('OKR_MyO_KRP_Alloperations')}&nbsp;<span>{operationTrackTotal}</span></p>
-        </OperationRecordTotal>
-        <OperationRecordList>
-          <dl>
-            {
-              operationTrackList.length > 0 && operationTrackList.map((element, index: number) => {
-                return <Dd className={['tu-font-a2', (operationTrackList.length === 1 && element.thisYear) ? 'one_tkfb' : ''].join(' ')} key={index}>
-                  {
-                    element.year && (
-                      <OperationDateYearWrapper className="operation__date__container">
-                        <OperationDateYear><span>{element.year}年</span></OperationDateYear>
-                        <OperationDateYearDot></OperationDateYearDot>
-                        <OperationDateYearLine></OperationDateYearLine>
-                      </OperationDateYearWrapper>
-                    )
-                  }
-                  {
-                    element.data.map((item, index: number) => {
-                      return <OperationRecordItem operationTrack={item} key={item.commentId} />
-                    })
-                  }
-                </Dd>
-              })
-            }
-          </dl>
-        </OperationRecordList>
-      </OperationRecordWrapper>
-    )
-  }
-}

package/src/components/operation-records/mockData.ts

@@ -1,345 +0,0 @@
-export const OperationData = [
-  {
-    "publishUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "parentUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "commentId": "300715924_3_7800_637608189030405784",
-    "commentType": 3,
-    "parentCommentId": "",
-    "isEdit": true,
-    "isPraise": false,
-    "praiseTotal": 0,
-    "content": "删除了关键成果 开展“爱情故事”微电影市场方案",
-    "createDate": "2020/07/02 10:35",
-    "createTime": "2020/07/02 10:35",
-    "startDate": "2020/07/02",
-    "endDate": "2020/07/02",
-    "postSource": 0,
-    "attachments": null
-  },
-  {
-    "publishUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "parentUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "commentId": "300715924_3_7800_637608189030405784",
-    "commentType": 3,
-    "parentCommentId": "",
-    "isEdit": true,
-    "isPraise": false,
-    "praiseTotal": 0,
-    "content": "删除了关键成果 开展“爱情故事”微电影市场方案",
-    "createDate": "2021/07/02 10:35",
-    "createTime": "2021/07/02 10:35",
-    "startDate": "2021/07/02",
-    "endDate": "2021/07/02",
-    "postSource": 0,
-    "attachments": null
-  },
-  {
-    "publishUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "parentUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "commentId": "300715924_11_7801_637608189032453825",
-    "commentType": 11,
-    "parentCommentId": "",
-    "isEdit": true,
-    "isPraise": false,
-    "praiseTotal": 0,
-    "content": "删除关键成果 开展“爱情故事”微电影市场方案,目标完成度由0%自动更新为0%",
-    "createDate": "2021/07/02 10:35",
-    "createTime": "2021/07/02 10:35",
-    "startDate": "2021/07/02",
-    "endDate": "2021/07/02",
-    "postSource": 9,
-    "attachments": null,
-    "workProgress": "0%",
-    "progressDescription": "",
-    "progressDescriptionNoRichText": "",
-    "createDateTime": "2021/07/02 10:35:03"
-  },
-  {
-    "publishUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "parentUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "commentId": "300715924_3_9214_637626550088811593",
-    "commentType": 3,
-    "parentCommentId": "",
-    "isEdit": true,
-    "isPraise": false,
-    "praiseTotal": 0,
-    "content": "删除了关键成果 铺开影视培训学校项目，建立制教一体化、产学研结合的规模发展道路",
-    "createDate": "2021/07/23 16:36",
-    "createTime": "2021/07/23 16:36",
-    "startDate": "2021/07/23",
-    "endDate": "2021/07/23",
-    "postSource": 0,
-    "attachments": null
-  },
-  {
-    "publishUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "parentUser": {
-      "userId": 300715924,
-      "name": "苏哈哈",
-      "departmentName": "销售部登高望远极目远眺",
-      "departmentId": 161872,
-      "postition": null,
-      "jobState": 1,
-      "avatar": {
-        "original": null,
-        "small": null,
-        "medium": null,
-        "Big": null,
-        "Normal": null,
-        "Large": null,
-        "hasAvatar": false,
-        "color": "#c4a1ee"
-      },
-      "userMark": null,
-      "userType": 3,
-      "decorationType": 2,
-      "blessingType": 0,
-      "medalUrl": "//stnew03.beisen.com/ux/beisen-common/upaas-static/upaas/companymedal-all.png",
-      "medalPosition": "bottom",
-      "praiseType": 0,
-      "tag": null
-    },
-    "commentId": "300715924_11_9215_637626550090547606",
-    "commentType": 11,
-    "parentCommentId": "",
-    "isEdit": true,
-    "isPraise": false,
-    "praiseTotal": 0,
-    "content": "删除关键成果 铺开影视培训学校项目，建立制教一体化、产学研结合的规模发展道路,目标完成度由0%自动更新为0%",
-    "createDate": "2021/07/23 16:36",
-    "createTime": "2021/07/23 16:36",
-    "startDate": "2021/07/23",
-    "endDate": "2021/07/23",
-    "postSource": 9,
-    "attachments": null,
-    "workProgress": "0%",
-    "progressDescription": "",
-    "progressDescriptionNoRichText": "",
-    "createDateTime": "2021/07/23 16:36:49"
-  }
-]

package/src/components/operation-records/style.ts

@@ -1,163 +0,0 @@
-import styled from 'styled-components'
-
-export const OperationRecordWrapper = styled.div`
-
-`
-export const OperationRecordTotal = styled.div`
-  margin-bottom: 8px;
-  font-size: 12px;
-  color: #8f9ca6;
-  display: inline-block;
-  cursor: pointer;
-
-  &:hover {
-    color: #2879ff;
-  }
-
-  p {
-    line-height: 17px;
-
-    &::before {
-      float: right;
-      margin-left: 4px;
-    }
-  }
-`
-
-export const OperationRecordList = styled.div`
-
-`
-export const Dd = styled.dd`
-  &.one_tkfb {
-    .operation__date__container {
-      display: none;
-    }
-  }
-`
-export const OperationDateYearWrapper = styled.div`
-  padding: 5px 0;
-  display: flex;
-  align-items: center;
-  position: relative;
-`
-
-export const OperationDateYear = styled.div`
-  width: 70px;
-  height: 20px;
-  text-align: center;
-  color: #38ba72;
-  background: url(${require('./assets/vane.png')}) no-repeat 0 0;
-
-  span {
-    position: relative;
-    left: -5px;
-  }
-`
-
-export const OperationDateYearDot = styled.div`
-  width: 6px;
-  height: 6px;
-  margin-left: 11px;
-  border-radius: 50%;
-  border: 1px solid #38ba72;
-  z-index: 2;
-  background: #ffffff;
-`
-
-export const OperationDateYearLine = styled.div`
-  width: 2px;
-  height: 20px;
-  background: #d8d8d8;
-  position: absolute;
-  position: absolute;
-  left: 84px;
-  top: 17px;
-  z-index: 1;
-`
-
-export const OperationRecordItemWrapper = styled.div`
-  margin-left: 70px;
-  padding-bottom: 13px;
-  font-size: 12px;
-  line-height: 17px;
-  color: #99a3ad;
-  display: flex;
-  position: relative;
-
-  &:last-child {
-    .operation__dot {
-      background: #46CF84;
-      &::after {
-        content: '';
-        width: 10px;
-        height: 10px;
-        opacity: 0.3;
-        border-radius: 50%;
-        background: #46CF84;
-        display: block;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-    }
-
-    .operation__line {
-      display: none;
-    }
-  }
-`
-export const OperationContentWrapper = styled.div`
-  width: calc(100% - 30px);
-  margin-left: 30px;
-  /* display: flex; */
-`
-export const OperationPublisher = styled.div`
-  float: left;
-  max-width: 100px;
-  margin-right: 14px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: #3a4247;
-  white-space: nowrap;
-`
-export const OperationContent = styled.div`
-  word-break: break-all;
-  word-wrap: break-word;
-  overflow:hidden;
-`
-
-export const OperationRecordItemDate = styled.div`
-  min-width: 70px;
-  width: 70px;
-  margin-right: -70px;
-  position: relative;
-  right: 70px;
-  display: flex;
-  justify-content: space-between;
-
-  .date-time {
-      color: #3a4247;
-    }
-`
-
-export const OperationRecordItemDot = styled.div`
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #d8d8d8;
-  position: absolute;
-  top: 6px;
-  left: 12px;
-  z-index: 2;
-`
-export const OperationRecordItemLine = styled.div`
-  width: 2px;
-  height: 100%;
-  background: #d8d8d8;
-  position: absolute;
-  top: 12px;
-  left: 14px;
-  z-index: 1;
-`

package/src/components/pagination/images/arrow.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="8px" height="8px" viewBox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>下拉</title>
-    <g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-71.000000, -88.000000)" fill-rule="nonzero">
-            <g id="下拉" transform="translate(75.000000, 92.000000) rotate(-360.000000) translate(-75.000000, -92.000000) translate(71.000000, 88.000000)">
-                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="8" height="8"></rect>
-                <path d="M4.63321482,6.67547228 L7.83663505,2.32634092 C8.02051329,2.07667775 8.05174568,1.74052963 7.91721234,1.45910312 C7.78267901,1.17767661 7.50568591,0.999724794 7.20259022,1 L0.79674564,1 C0.493769603,1 0.217007486,1.17803831 0.0826404215,1.45941163 C-0.0517266426,1.74078495 -0.0204407346,2.07677631 0.163364729,2.32634092 L3.36678496,6.67547228 C3.51750435,6.87999867 3.75164963,7 4,7 C4.24835015,7 4.48249543,6.87999867 4.63321482,6.67547228 L4.63321482,6.67547228 Z" id="路径" fill="#3F4755"></path>
-            </g>
-        </g>
-    </g>
-</svg>