From a9d670b50f5b7fa8004f4aa7f8d9892ec510524c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=9E=97?= <904079904@qq.com>
Date: Thu, 19 Mar 2020 16:34:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=BC=A0=E6=A0=87=E5=B0=8F?=
 =?UTF-8?q?=E6=89=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modules/courses/signin/css/signincdi.css      | 11 ++++++++++-
 .../videostatistics/component/Studenticscom.js        |  6 ++++--
 .../videostatistics/component/Videostatisticscom.js   |  8 +++++---
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/public/react/src/modules/courses/signin/css/signincdi.css b/public/react/src/modules/courses/signin/css/signincdi.css
index c6711c4a5..eb63a7a41 100644
--- a/public/react/src/modules/courses/signin/css/signincdi.css
+++ b/public/react/src/modules/courses/signin/css/signincdi.css
@@ -408,7 +408,7 @@
 }
 .tbrt{
     padding-top: 22px;
-    padding-left: 28px;
+    padding-left: 17px;
 }
 .tbrt .ts {
     font-size:12px;
@@ -453,6 +453,15 @@
     white-space:nowrap;
     cursor: default;
 }
+.maxnamewidth166ss{
+    max-width: 166px;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    cursor: default;
+}
+
+
 .maxnamewidth140s{
     width: 140px;
     max-width: 140px;
diff --git a/public/react/src/modules/courses/videostatistics/component/Studenticscom.js b/public/react/src/modules/courses/videostatistics/component/Studenticscom.js
index e161be77d..a4a78ebda 100644
--- a/public/react/src/modules/courses/videostatistics/component/Studenticscom.js
+++ b/public/react/src/modules/courses/videostatistics/component/Studenticscom.js
@@ -1,6 +1,6 @@
 import React, {Component} from "react";
 import '../../signin/css/signincdi.css';
-import {Progress, message} from 'antd';
+import {Progress, message,Tooltip} from 'antd';
 import {getImageUrl,formatSeconds} from 'educoder';
 import axios from 'axios';
 
@@ -97,7 +97,9 @@ class Studenticscom extends Component {
 							<div className="yslshipingshi" style={{width:260,height:100}}>
 								<div className="ws100s verticallayout tbrt">
 									<div className="ws100 ts">总观看时长（时）</div>
-									<div className="ws100s tss">{this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}</div>
+									<Tooltip placement="bottom" title={this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}>
+										<div className="maxnamewidth166ss tss">{this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}</div>
+									</Tooltip>
 								</div>
 							</div>
 
diff --git a/public/react/src/modules/courses/videostatistics/component/Videostatisticscom.js b/public/react/src/modules/courses/videostatistics/component/Videostatisticscom.js
index 94031cd85..ea4cee4d6 100644
--- a/public/react/src/modules/courses/videostatistics/component/Videostatisticscom.js
+++ b/public/react/src/modules/courses/videostatistics/component/Videostatisticscom.js
@@ -1,6 +1,6 @@
 import React, {Component} from "react";
 import '../../signin/css/signincdi.css';
-import {Progress, message} from 'antd';
+import {Progress, message,Tooltip} from 'antd';
 import {getImageUrl,formatSeconds} from 'educoder';
 import axios from 'axios';
 
@@ -97,8 +97,10 @@ class Videostatisticscom extends Component {
 							<div className="yslshipingshi" style={{width:260,height:100}}>
 								<div className="ws100s verticallayout tbrt">
 									<div className="ws100 ts">总观看时长（时）</div>
-									<div className="ws100s tss">{this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}</div>
-								</div>
+									<Tooltip placement="bottom" title={this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}>
+									<div className="maxnamewidth166ss tss">{this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}</div>
+									</Tooltip>
+									</div>
 							</div>
 
 						</div>