update: 体育看板移植

TEAMModelOS/ClientApp/src/css/site.css

@@ -350,9 +350,10 @@ audio::-internal-media-controls-overflow-button {
 	color: #70b1e7;
 }
 
-dot{
+dot {
 	position: relative;
 }
+
 dot::before {
 	position: absolute;
 	content: '';
@@ -363,29 +364,46 @@ dot::before {
 	background: url('https://teammodeltest.blob.core.chinacloudapi.cn/download/dot.png') repeat-x 0 center;
 }
 
-@font-face{
-    font-family: yjsz;
-    src:url('../assets/iconfont/NUMBER.ttf');
+@font-face {
+	font-family: yjsz;
+	src: url('../assets/iconfont/NUMBER.ttf');
 }
 
-@font-face{
-    font-family: staticFont;
-    src:url('../assets/iconfont/DS-DIGIT.TTF');
+@font-face {
+	font-family: staticFont;
+	src: url('../assets/iconfont/DS-DIGIT.TTF');
 }
 
-.ac-list-scroll{
+.ac-list-scroll {
 	width: 100% !important;
 	height: 100%;
 }
 
-.ac-list-scroll .ivu-scroll-container{
+.ac-list-scroll .ivu-scroll-container {
 	height: 100% !important;
-	width:100%;
-	}
-.ac-list-scroll .ivu-scroll-loader:first-child{
-	display:none;
-}	
+	width: 100%;
+}
+
+.ac-list-scroll .ivu-scroll-loader:first-child {
+	display: none;
+}
 
-.tooltip-custom .ivu-tooltip-inner{
+.tooltip-custom .ivu-tooltip-inner {
 	max-width: unset !important;
+}
+
+.dash-title-text {
+	font-size: 28px;
+	font-weight: bold;
+	position: absolute;
+	letter-spacing: 3px;
+	display: inline-block;
+	background-image: linear-gradient(#00b5ef, #7393a6);
+	background-clip: text;
+	font-family: auto;
+	color: transparent;
+	bottom: 15px;
+	left: 50%;
+	transform: translate(-50%);
+	width: 80%;
 }

TEAMModelOS/ClientApp/src/view/art/SchoolArt.vue

@@ -31,7 +31,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="['#568aea', '#000000']" />
             <div class="title">
-              <span class="title-text">艺术测评看板</span>
+              <span class="dash-title-text">艺术测评看板</span>
               <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
             <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="['#568aea', '#000000']" />

TEAMModelOS/ClientApp/src/view/dashboard/Art.vue

@@ -31,7 +31,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="['#568aea', '#000000']" />
             <div class="title">
-              <span class="title-text">艺术测评看板</span>
+              <span class="dash-title-text">艺术测评看板</span>
               <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
             <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="['#568aea', '#000000']" />
@@ -112,9 +112,9 @@ export default {
     RightTop,
   },
   mounted() {
-    this.$nextTick(() => {
+    setTimeout(() => {
       this.$tools.fullScreen(document.getElementById('artIndex'))
-    })
+    }, 600)
     this.timeFn()
   },
   beforeDestroy() {

TEAMModelOS/ClientApp/src/view/dashboard/Research.vue

@@ -20,7 +20,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="['#568aea', '#000000']" />
             <div class="title">
-              <span class="title-text">{{ $t('researchCenter.dashboard.title2') }}</span>
+              <span class="dash-title-text">{{ $t('researchCenter.dashboard.title2') }}</span>
               <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
             <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="['#568aea', '#000000']" />

TEAMModelOS/ClientApp/src/view/dashboard/Student.vue

@@ -19,7 +19,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="['#568aea', '#000000']" />
             <div class="title">
-              <span class="title-text">学生大数据画像看板</span>
+              <span class="dash-title-text">学生大数据画像看板</span>
               <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
             <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="['#568aea', '#000000']" />

TEAMModelOS/ClientApp/src/view/dashboard/StudentAll.vue

@@ -19,7 +19,7 @@
             <dv-decoration-8 class="dv-dec-8" :color="['#568aea', '#000000']" />
             <!-- <img src="https://ydzt.cdwalker.com/health/static/img/header.d55c582c.png" alt="" style="position:absolute;left:0;top:-20px;"> -->
             <div class="title">
-              <span class="title-text">学生大数据画像看板</span>
+              <span class="dash-title-text">学生大数据画像看板</span>
               <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
             <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="['#568aea', '#000000']" />

TEAMModelOS/ClientApp/src/view/dashboard/fiveEdu/FiveEdu.less

@@ -362,12 +362,19 @@
             background-repeat: no-repeat;
 
             .title-text {
-                font-size: 24px;
+                font-size: 28px;
                 font-weight: bold;
                 position: absolute;
-                bottom: 20px;
+                letter-spacing: 3px;
+                display: inline-block;
+                background-image: linear-gradient(#00b5ef, #7393a6);
+                background-clip: text;
+                font-family: auto;
+                color: transparent;
+                bottom: 15px;
                 left: 50%;
                 transform: translate(-50%);
+                width: 80%;
             }
 
             .dv-dec-6 {

TEAMModelOS/ClientApp/src/view/dashboard/fiveEdu/FiveEdu.vue

@@ -20,7 +20,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="['#568aea', '#000000']" />
             <div class="title">
-              <span class="title-text">学生五育大数据看板</span>
+              <span class="dash-title-text">学生五育大数据看板</span>
               <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
             <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="['#568aea', '#000000']" />
@@ -178,6 +178,10 @@
 
         <StudyDash v-else-if="activeMenuId === 'study'"></StudyDash>
         <MoralDash v-else-if="activeMenuId === 'moral'"></MoralDash>
+        <!-- <ArtDash v-else-if="activeMenuId === 'art'"></ArtDash> -->
+        <div class="sport-box" style="width:100%;height:90vh;padding-top:25px;" v-show="activeMenuId === 'sport'">
+          <iframe src="https://ydztshow.cdwalker.com/app-health-100/smart-course" width="100%" height="100%" frameborder="0"></iframe>
+        </div>
       </div>
 
     </div>
@@ -201,6 +205,7 @@ import StudentDetails from '../Student'
 import BaseProgressBar from '@/components/dashboard/student/BaseProgressBar'
 import StudyDash from '../study/StudyDash'
 import MoralDash from '../moral/MoralDash'
+import ArtDash from '../Art.vue'
 export default {
   data() {
     return {
@@ -351,6 +356,7 @@ export default {
   },
   components: {
     StudyDash,
+    ArtDash,
     MoralDash,
     countTo,
     StudentDetails,
@@ -408,7 +414,7 @@ export default {
           break;
         case 'sport':
           if (this.isTestView) {
-            window.open('https://ydztshow.cdwalker.com/app-health-100/smart-course')
+            // window.open('https://ydztshow.cdwalker.com/app-health-100/smart-course')
             this.activeMenuId = menu.id
           } else {
             this.noAuthModal = true
@@ -416,7 +422,7 @@ export default {
           }
           break;
         case 'art':
-          this.$tools.exitFullscreen()
+          // this.$tools.exitFullscreen()
           this.$router.push('/artDashboard')
           this.activeMenuId = menu.id
           break;