1

src/components/screen/largeScreen.vue

@@ -18,16 +18,16 @@
             <div class="static" v-if="!imgCarouselShow">
                 <div class="s_left">
 					 <!-- @click="test" -->
-                    <h4 class="f24 cf s_title fwb" @click="test">交付中心实时数据
+                    <h4 class="f24 cf s_title fwb">交付中心实时数据
                         <!-- <span @click="aa1">1111</span> <span @click="aa2">2222</span> -->
                         <div class="f14 pr">
                             <!-- <span>昨日18:15-当日18:15</span> -->
                             <!-- <span class="right-h5">延误 {{delayNum.delay18}} 逾期 {{delayNum.delay36}}</span> -->
                         </div>
                     </h4>
-                    <div class="tth" style="margin-top:20px !important;position:relative;">
+                    <div class="tth" style="margin-top:12px !important;position:relative;">
                         <div style="display:table-row;font-weight:500">
-                            <div class="ttd tc1 fwb" style="">日排名</div>
+                            <div class="ttd tc1 fwb" style="" @click="test">日排名</div>
                             <div class="ttd tc2 fwb" style="">姓名</div>
                             <!-- <div class="ttd tc7" style=""></div> -->
                             <!-- @click="ani" -->
@@ -43,7 +43,7 @@
                             <!-- @click="aaa" -->
                         </div>
                     </div>
-                    <a-carousel effect="scrollx" ref="welcome" autoplay :autoplaySpeed="autoSpeed" :speed="1000" :pauseOnHover="false">
+                    <a-carousel effect="scrollx" ref="welcome" autoplay dotsClass="dotClass" :autoplaySpeed="autoSpeed" :speed="1000" :pauseOnHover="false" v-trigger>
                         <div v-for="(item1, index1) in array" v-bind:key="index1">
                             <div v-for="(item, index) in item1" v-bind:key="index">
                                 <div class="tth" style="margin-top:48px;position:relative;margin-top: 0 !important;">
@@ -53,7 +53,7 @@
                                         <!-- <div class="ttd tc7"></div> -->
                                         <div class="ttd tc3">{{item.resumeNum}}</div>
                                         <div class="ttd tc4" style="">{{item.signUps}} | <span :class="daomianStyle == item.aliasName ?'bulingbuling' : ''">{{item.arrived}}</span> | <span :class="tongguoStyle == item.aliasName ?'bulingbuling' : ''">{{item.passed}}</span></span></div>
-                                        <div class="ttd tc5" style=""><span :class="ruzhiStyle == item.aliasName ?'bulingbuling' : ''">{{item.entry}}</span></span>
+                                        <div class="ttd tc5" style=""><span :class="ruzhiStyle == item.aliasName ?'bulingbuling' : ''">{{item.entry}}/*</span></span>
                                         <!-- /{{parseFloat(item.entryNumMonthNum).toFixed(1).replace(/(.0)$/,'')}} -->
                                     </div>
                                         <div class="ttd tc6">
@@ -127,6 +127,11 @@ export default {
                     el.focus();
                 }
             }
+        },
+		trigger:{
+				inserted(el,binging){
+					el.click()
+				}
 			}
     },
 
@@ -488,9 +493,16 @@ test(e) { //数据接收
 				})
 				console.log(this.nameArray);
 				
+				
+				// var timer = window.setInterval(function () {
+				//     if (this.nameArray.length > 0){
+				//        this.func()
+				//     }else{
+				//         window.clearInterval(timer);
+				// 		}
+				// }, 1000);
+				
 				if (this.nameArray.length >= 1) {
-					 // setInterval(() => that.websocketHeartCheck(), 30000);
-					 // setTimeout(() =>this.func(),10000);
 					 this.func()
 				}
 				
@@ -685,7 +697,7 @@ div{
 
 /deep/ .ttd{
 	text-align: center;
-	font-size: 35px;
+	font-size: 28px;
 }
 
 .mmtt111{
@@ -760,15 +772,16 @@ div{
 
 .tth {
     width: 100%;
+	padding-right: 0;
 }
 
 .tc1, .tc7 {
-    width: 8%;
+    width: 12%;
     min-width: 70px;
 }
 
 .tc2 {
-    width: 25%;
+    width: 18%;
     padding-left: 0px;
     text-align: center;
 }
@@ -778,7 +791,7 @@ div{
 }
 
 .tc4 {
-    width: 25%;
+    width: 30%;
 }
 
 .tc5 {
@@ -803,4 +816,27 @@ div{
 .ant-carousel .slick-dots-bottom {
     bottom: -48px;
 }
+h4.f24 {
+    font-size: 56px;
+}
+.dotClass button:before {
+    content: '';
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    left: 0;
+    top: -6px;
+}
+.dotClass button:before {
+    content: '';
+    width: 16px;
+    height: 24px;
+    position: absolute;
+    left: 0;
+    top: -12px;
+}
+.dotClass button.slick-active:before {
+	content: '';
+	width: 24px;
+}
 </style>