From ff74f5c3dae57a883fdefc350eccf5f428026a93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=B0=91=E5=BA=B7?=
 <zhangshaokang@zhangshaokangdeMacBook-Pro.local>
Date: Tue, 7 Nov 2023 11:27:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E6=97=B6=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/screen/largeScreen.vue  |   4 +-
 src/components/screen/largeScreen1.vue | 945 +++++++++++++++++++++++++++++++++
 src/router/index.js                    |   5 +
 3 files changed, 953 insertions(+), 1 deletion(-)
 create mode 100644 src/components/screen/largeScreen1.vue

diff --git a/src/components/screen/largeScreen.vue b/src/components/screen/largeScreen.vue
index 570ae6e..cfa43d3 100644
--- a/src/components/screen/largeScreen.vue
+++ b/src/components/screen/largeScreen.vue
@@ -427,6 +427,8 @@ export default {
 			// debugger
 			 // && (timeStamp == 0 || new Date().getTime() - timeStamp >= 40000 )
 			 var getWebsocketDataMap = JSON.parse(e.data);
+			 
+			 console.log(getWebsocketDataMap);
 			 
 			if(getWebsocketDataMap.name == 'data'){
 				
@@ -862,7 +864,7 @@ div{
 	.ttd{
 		text-align: center;
 		font-size: 22px;
-		line-height: 1.6;
+		line-height: 2.2;
 	}
 	.lNum{
 		font-size: 22px;
diff --git a/src/components/screen/largeScreen1.vue b/src/components/screen/largeScreen1.vue
new file mode 100644
index 0000000..e81dbed
--- /dev/null
+++ b/src/components/screen/largeScreen1.vue
@@ -0,0 +1,945 @@
+<template>
+    <div class="mmtt111" @click="startAudio">
+        <!-- <span @click="aa1" style="font-size:36px;color:#fff;position:relative;cursor: pointer;">1111</span> -->
+        <div v-if="!isShow">
+            <a-form :selfUpdate="true" :form="formScreen" class="formDiv" @submit="handleSubmit">
+                <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="口令">
+                    <a-input type="password" id='inputId' v-focus="true" ref="id" v-decorator="['passowrd',{ rules: [{ required: true, message: '请输入口令' }] }]" onfocus="this.removeAttribute('readonly');" onblur="this.setAttribute('readonly',true);" :readonly="true" autocomplete="new-password" autoComplete="new-password" placeholder="请输入口令" />
+                </a-form-item>
+                <a-form-item :label-col="formTailLayout.labelCol" :wrapper-col="formTailLayout.wrapperCol">
+                    <a-button type="primary" html-type="submit">
+                        确定
+                    </a-button>
+                </a-form-item>
+            </a-form>
+        </div>
+        <div v-else>
+            <!-- <div> -->
+            <div class="static" v-if="!imgCarouselShow">
+                <div class="s_left">
+					 <!-- @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:12px !important;position:relative;">
+                        <div style="display:table-row;font-weight:500">
+                            <div class="ttd tc1 fwb" style="" @click="test">日排名</div>
+                            <div class="ttd tc2 fwb nameTitle" style="">姓名</div>
+                            <!-- <div class="ttd tc7" style=""></div> -->
+                            <!-- @click="ani" -->
+                            <!-- <div class="ttd">已处理</div> -->
+                            <!-- <div class="ttd">约面数</div> -->
+                            <div class="ttd tc4 fwb" style=""><span>约面丨到面</span>丨<span>通过</span></div>
+                            <!-- @click="playAudio1" -->
+                            <!-- <div class="ttd" @click="playAudio2">通过数</div> -->
+                            <div class="ttd  tc5 fwb" style="">入职</div>
+							              <div class="ttd tc3 fwb" style="">转化率</div>
+                            <!-- @click="aaa" -->
+                            <div class="ttd tc6 fwb">漏斗丨背包</div>
+                            <!-- @click="aaa" -->
+                        </div>
+                    </div>
+                    <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" class="swiperPage">
+                            <div v-for="(item, index) in item1" v-bind:key="index" class="swiperItem">
+                                <div class="tth" style="margin-top:48px;position:relative;margin-top: 0 !important;">
+                                    <div style="display:table-row;font-weight:500" >
+                                        <div class="ttd tc1 tac" style="">
+                                          <img style="display:inline;" src="../../assets/one.svg" alt v-if="index1 * pageSize + index + 1 == 1" />
+                                          <img style="display:inline;" src="../../assets/two.svg" alt v-if="index1 * pageSize + index + 1 == 2" />
+                                          <img style="display:inline" src="../../assets/three.svg" alt v-if="index1 * pageSize + index + 1 == 3" />
+                                          <span v-if="index1 * pageSize + index + 1 > 3" class="lNum" style="text-align: center">{{ index1 * pageSize + index + 1 }}</span>
+                                          <!-- {{index1 * pageSize + index + 1}} -->
+                                        </div>
+                                        <div class="ttd tc2 name" :class="showaliasName_curr == item.aliasName ?'numeAni' : ''" style="">
+                                         
+                                         <span style="display:inline-block;height:100%;line-height:40px;">
+                                          <img v-if="item.avatar" :src="item.avatar" alt="" class="leftAvater" style="">
+										  <img v-else  class="leftAvater" src="https://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/touxiang1107.svg" style="" alt=""/>
+                                           <!-- <i v-else class="iconfont icon-morentouxiang f40" style="position:relative;top:9px;"></i> -->
+                                         </span>
+                                            {{item.aliasName}}
+                                            <span class="">
+                                              <svg class="svg_icon weekIcon" style="" v-if="item.weekIdx == 1" aria-hidden="true">
+                                                <use xlink:href="#icon-zhou1"></use>
+                                              </svg>
+                                              <svg class="svg_icon weekIcon" style="" v-if="item.weekIdx == 2" aria-hidden="true">
+                                                <use xlink:href="#icon-zhou2"></use>
+                                              </svg>
+                                                <svg class="svg_icon weekIcon" style="" v-if="item.weekIdx == 3" aria-hidden="true">
+                                                <use xlink:href="#icon-zhou3"></use>
+                                              </svg>
+                                            </span>
+                                        </div>
+                                        <!-- <div class="ttd tc7"></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}}/{{item.weekEntryGPA}}</span></span>
+                                        <!-- /{{parseFloat(item.entryNumMonthNum).toFixed(1).replace(/(.0)$/,'')}} -->
+                                    </div>
+									<div class="ttd tc3">{{item.transferRatio}}<span class="lvfz" style="">%</span></div>
+                                        <div class="ttd tc6">
+										<span style="display: inline-block;width:60px;text-align: right;">{{item.funnel}}</span>丨<span style="display: inline-block;width:60px;text-align: left;">{{item.packageIdx}}</span></div>
+											<!-- {{Number(item.funnel*100).toFixed(0)}} -->
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </a-carousel>
+                    <!-- </div> -->
+                    <!--  <div class="f14 cf tl" style="margin-left: 146px;margin-top: 10px;">
+                            （昨天 18:30 - 今天 18:30  招聘数据）
+                    </div> -->
+                </div>
+                <div class="clb"></div>
+                <div class=" fullPage" v-if="ifani">
+                    <div class="bgppp">
+                    </div>
+                    <div class="animate__animated animate__zoomInDown animate_h animate__infinite animate__zoomOutUp">
+                        {{showaliasName}}
+						<!-- 墨竹/王泽流 -->
+                        <!-- 12 -->
+                    </div>
+                </div>
+            </div>
+           <!--  <div class="imgPlay" @click="hideImg" v-if="imgCarouselShow">
+                <a-carousel autoplay effect="fade" :autoplaySpeed="5000" :speed="1000" :dots="false" :pauseOnHover="false">
+                    <div class="tcImg" v-for="(image, index) in slideImages">
+                        <div class="pr">
+                            <h3 class="imgText" v-text="image.aliasName">1</h3>
+                            <img :src="image.url" class="mw100" alt="" />
+                        </div>
+                    </div>
+                </a-carousel>
+            </div> -->
+        </div>
+		<audio id="myaudio" src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/huanhu.wav"></audio>
+    </div>
+</template>
+<script>
+import { axios, doAsyncHttpRequest } from '@/utils/request';
+import { isNotEmptyCheck, timeagoOfDateStr } from '@/utils/commonUtil';
+import {
+ screen
+} from "../../api/screen";
+// import { serverAddress, numFormat3 } from '@/utils/global';
+// import store from '@/store';
+
+const formItemLayout = {
+    labelCol: { span: 6 },
+    wrapperCol: { span: 16 },
+};
+const formTailLayout = {
+    labelCol: { span: 6 },
+    wrapperCol: { span: 8, offset: 6 },
+};
+var timeClear;
+var timer //定时器
+var flag = false;
+var timeStamp = 0;
+var timeStamp2 = 0;
+
+var tempJson = { "classify": 0, "message": [] }
+export default {
+    directives: {
+        focus: {
+            inserted: function(el, { value }) {
+                console.log(el, { value })
+                if (value) {
+                    el.focus();
+                }
+            }
+        },
+		trigger:{
+				inserted(el,binging){
+					el.click()
+				}
+			}
+    },
+
+    data() {
+        return {
+            recordTodayList: [],
+            delayNum: { delay18: 0, delay36: 0 },
+            formLayout: 'horizontal',
+            formScreen: this.$form.createForm(this),
+            isShow: true,
+            formItemLayout,
+            formTailLayout,
+            passowrd: '',
+            // audioUrl1: 'http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/money.wav', //声音文件
+            // audioUrl2: 'http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/mario.wav', //声音文件
+            // audioUrl3: 'http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/huanhu.wav', //声音文件
+            //websocket参数===================start
+            // wsUri: 'ws://127.0.0.1:9004/webSocket/' + this.$route.query.id,
+            // wsUri: 'ws://127.0.0.1:9004/webSocket/',
+            isWebSocket: false, //判断是否链接成功！
+            reconnect: 0,
+            ifani: false,
+            showaliasName: '',
+            showaliasName_curr: '专员B',
+            nameArray: [],
+            daomianStyle: '',
+            tongguoStyle: '',
+            ruzhiStyle: '',
+            array: [],
+            isAuto: true,
+            autoSpeed: 10000000,
+            pageSize: 10,
+            // pageSize: 5,
+
+            imgCarouselShow: false,
+            // [{"allotNum":1,"disposeNum":0,"entryNumMonthNum":15,"entry":0,"funnelRate7":"2.03","interviewNum":0,"passed":0,"interviewPassPercent":"3.23","arrived":1,"showScreen":0,"id":236530,"aliasName":"百合/刘月霞"}
+
+            //websocket参数===================end
+            //所有店铺信息
+            storeImages: [],
+            //轮播的店铺图片
+            slideImages: [],
+            slideImgNum: 10,
+        }
+    },
+	watch: {
+		nameArray(newValue, oldValue) {
+			console.log(newValue)
+			console.log(oldValue)
+		}
+	},
+    mounted() {
+        var that = this;
+		
+		
+
+        // document.getElementById('inputId').focus();
+        // this.$refs.id.focus();
+        // document.querySelector('html').setAttribute('style', 'background-image: url(http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/screen_bg.png);background-size: 100% 100%;min-height:100vh;');
+        // // overflow:hidden;
+        // document.querySelector('body').setAttribute('style', 'background: none');
+	
+		that.initWebSocket();
+		that.initClock();
+		
+	// 	if (that.isShow) {
+		    setInterval(() => that.websocketHeartCheck(), 30000); //每隔1分钟刷新一次
+	// 	}
+			setInterval(() => that.func(), 40000); //每隔1分钟刷新一次
+		// that.getData()
+	   
+	    // timer = setInterval(() => that.getData(), 60000*5); //每隔5分钟刷新一次
+
+
+    },
+	
+	
+    destroyed() {
+        // this.websock.close() //离开路由之后断开websocket连接
+    },
+    beforeDestroy() { //在组件生命周期结束的时候销毁。
+        var that = this;
+		if(timer){
+			clearInterval(timer);
+		}
+        document.querySelector('html').removeAttribute('style', '')
+        document.querySelector('body').removeAttribute('style', '')
+    },
+
+    methods: {
+		startAudio(){
+			var that = this;
+			let audioPlay = document.getElementById('myaudio')
+			
+			audioPlay.play()
+			
+			setTimeout(() => {
+			  audioPlay.pause()
+			  audioPlay.load()
+			}, 1000)
+			
+			
+			// setTimeout(() => {
+			//  that.playAudio3();
+			// }, 5000)
+		},
+		
+		
+		// async getData(){
+		// 	var that = this;
+		// 	try {
+		// 	  const data = await screen();
+		// 	  console.log(data);
+		// 	  if (data.status === 200) {
+		// 		  that.array = [];
+		// 		  for (var i = 0; i < data.data.data.list.length; i += that.pageSize) {
+		// 		      this.array.push(data.data.data.list.slice(i, i + that.pageSize));
+		// 		  }
+		// 	  } else {
+		// 	    console.log(1);
+		// 	  }
+		// 	} catch (error) {
+		// 	  console.log(error);
+		// 	  this.$message.warning(error.message);
+		// 	}
+			
+		// },
+		
+        showTargetResume(item) {
+          /*if(item.targetResume - item.monthentry <= 0) {
+            return "（★）";
+          }
+          return "（" + new Number(item.targetResume - item.monthentry).toFixed(1) + "）";*/
+          return "（" + item.monthentry + "/" + item.targetResume + "）";
+        },
+        ani() { //点击专员
+            var that = this;
+
+            console.log(that.nameArray);
+            return new Promise((resolve, reject) => {
+                // alert(that.showaliasName);
+                if (that.showaliasName != '' && flag) {
+                    this.ifani = true;
+                    that.playAudio3();
+                    setTimeout(function() {
+                        that.ifani = false;
+                        flag = false;
+                        resolve();
+                    }, 15000)
+                }
+            })
+        },
+        func() {
+            var that = this;
+			console.log(this.nameArray);
+			// debugger
+			if(this.nameArray.length == 0) {
+				return;
+			}
+			
+            if (this.nameArray[0].type == '1') {
+                that.showaliasName_curr = this.nameArray[0].aliasName
+                that.daomianStyle = this.nameArray[0].aliasName;
+				
+				console.log(that.showaliasName_curr)
+				console.log( that.daomianStyle)
+				
+                that.playAudio1();
+                let pageInt = parseInt(this.nameArray[0].indexA / that.pageSize)
+                setTimeout(function() {
+                    that.autoSpeed = 10000;
+                    that.$refs.welcome.goTo(pageInt, true);
+                }, 0);
+                setTimeout(function() {
+                    that.showaliasName_curr = '';
+                    that.daomianStyle = '';
+                    // console.log(JSON.stringify(that.nameArray));
+                    that.nameArray.shift();
+                    if (that.nameArray.length > 0) {
+                        that.func();
+                    } else {
+                        that.autoSpeed = 10000;
+						 that.$refs.welcome.goTo(pageInt, true);
+                    }
+                }, 10000)
+
+            } else if (this.nameArray[0].type == '2') {
+                that.showaliasName_curr = this.nameArray[0].aliasName
+                that.tongguoStyle = this.nameArray[0].aliasName;
+                that.playAudio2();
+                let pageInt = parseInt(this.nameArray[0].indexA / that.pageSize)
+              
+                setTimeout(function() {
+                    that.autoSpeed = 10000;
+                    that.$refs.welcome.goTo(pageInt, true)
+
+                }, 0);
+
+
+                setTimeout(function() {
+                    that.showaliasName_curr = '';
+                    that.tongguoStyle = '';
+                    that.nameArray.shift();
+                    if (that.nameArray.length > 0) {
+                        that.func();
+                        that.imgCarouselShow = false;
+                    } else {
+                        // debugger;
+                        // that.showPictures(90000);
+                        that.autoSpeed = 10000;
+                    }
+                }, 10000)
+            } else if (this.nameArray[0].type == '3') {
+                that.showaliasName = this.nameArray[0].aliasName;
+                that.showaliasName_curr = this.nameArray[0].aliasName
+                that.ruzhiStyle = this.nameArray[0].aliasName;
+
+                // if (that.showaliasName != '') {
+                // that.playAudio3();
+                // that.ani();
+
+                let pageInt = parseInt(this.nameArray[0].indexA / that.pageSize)
+                console.log("入职===" + pageInt);
+                // that.$refs.welcome.goTo(pageInt, true)
+                setTimeout(function() {
+                    that.autoSpeed = 30000;
+                    that.$refs.welcome.goTo(pageInt, true)
+                }, 0);
+                flag = true;
+                // }
+                that.ani().then(() => {
+                    setTimeout(function() {
+                        flag = false;
+                        that.nameArray.shift();
+                        that.showaliasName_curr = '';
+                        // that.showaliasName = '';
+                        that.ruzhiStyle = '';
+                        // console.log(JSON.stringify(that.nameArray));
+                        if (that.nameArray.length > 0) {
+                            setTimeout(function() {
+                                that.func();
+                            }, 15000)
+                        } else {
+                            // debugger;
+                            console.log("33333=====================")
+
+                            // that.showPictures(90000);
+                            that.autoSpeed = 10000;
+                        }
+                    }, 10000)
+                })
+            }
+
+
+            // }
+        },
+      websocketonmessage(e) { //数据接收
+            // const redata = JSON.parse(e.data);
+            var that = this;
+             // console.log("接收消息", e.data)
+            // console.log(JSON.parse(e.data))
+            // console.log(JSON.parse(e.data).list)
+            // console.log(new Date());
+			// that.array = [];
+			
+			// type 25 到面 30通过 40入职
+
+            // 180000
+			// debugger
+			 // && (timeStamp == 0 || new Date().getTime() - timeStamp >= 40000 )
+			 var getWebsocketDataMap = JSON.parse(e.data);
+			 
+			 console.log(getWebsocketDataMap);
+			 
+			if(getWebsocketDataMap.name == 'data'){
+				
+				 timeStamp = new Date().getTime();
+			var getWebsocketData = JSON.parse(getWebsocketDataMap.value);	
+				
+				// console.log(getWebsocketData);
+				// console.log(getWebsocketData.list);
+				// that.array = [...getWebsocketData.list]
+				that.array = [];
+				var arr = [...getWebsocketData.list]
+				
+				var arrLength = arr.length;
+				// that.array = [];
+				
+				for (var i = 0; i < arrLength; i += that.pageSize) {
+				    that.array.push(arr.slice(i, i + that.pageSize));
+				}
+			
+				that.array.forEach((item,index)=>{
+					if(getWebsocketData.type == "25" || getWebsocketData.type == 25){ //到面
+						if(item.id == getWebsocketData.applyUserId){
+							this.nameArray.push({ type: '1', aliasName: item.aliasName, daomianStyle: item.aliasName, indexA: index });
+						}
+					}else if(getWebsocketData.type == "30" || getWebsocketData.type == 30){ //通过
+						if(item.id == getWebsocketData.applyUserId){
+							this.nameArray.push({ type: '2', aliasName: item.aliasName, tongguoStyle: item.aliasName, indexA: index });
+						}
+					}else if(getWebsocketData.type == "40" || getWebsocketData.type == 40){ //入职
+						if(item.id == getWebsocketData.applyUserId){
+							this.nameArray.push({ type: '3', aliasName: item.aliasName, ruzhiStyle: item.aliasName, indexA: index });
+						}
+					}
+					
+				})
+				
+				// console.log(this.nameArray);
+				// if (this.nameArray.length >= 1) {
+				// 	this.func();
+				// }
+				
+				
+			}
+			
+            
+
+        },
+		
+		
+		
+test(e) { //数据接收
+
+           var that = this;
+		   e.data = '{"applyUserId":122240,"list":[{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":8,"agencyTeamName":"交付一组","aliasName":"常笑","arrived":1,"entry":2,"entryGPA":1.34,"finshedGPA":0,"funnel":3.40,"id":122240,"inAgencyStatistics":0,"nickName":"微信用户","obJob":25,"passed":2,"resumeNum":50,"showAgencyScreen":0,"signUps":4,"tel":"19036980063","transferRatio":0.04},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":2,"agencyTeamId":5,"agencyTeamName":"交付二组","aliasName":"陶帅","arrived":2,"entry":2,"entryGPA":1.47,"finshedGPA":0,"funnel":2.80,"id":321961,"inAgencyStatistics":0,"obJob":2,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":4,"tel":"19036980509","transferRatio":0.04},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":8,"agencyTeamName":"交付一组","aliasName":"刘深圳","arrived":2,"entry":1,"entryGPA":0.67,"finshedGPA":0.30,"funnel":2.60,"id":321653,"inAgencyStatistics":0,"obJob":6,"passed":2,"resumeNum":50,"showAgencyScreen":0,"signUps":4,"tel":"13271233701","transferRatio":0.02},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":5,"agencyTeamName":"交付二组","aliasName":"刘欢欢","arrived":0,"entry":2,"entryGPA":2.00,"finshedGPA":0,"funnel":2.50,"id":321654,"inAgencyStatistics":0,"obJob":8,"passed":1,"resumeNum":50,"showAgencyScreen":0,"signUps":1,"tel":"19036980372","transferRatio":0.04},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":5,"agencyTeamName":"交付二组","aliasName":"渠森森","arrived":0,"entry":1,"entryGPA":0.33,"finshedGPA":0,"funnel":1.70,"id":321650,"inAgencyStatistics":0,"obJob":2,"passed":1,"resumeNum":50,"showAgencyScreen":0,"signUps":3,"tel":"19036980059","transferRatio":0.02},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":8,"agencyTeamName":"交付一组","aliasName":"张驰","arrived":2,"entry":1,"entryGPA":0.00,"finshedGPA":0,"funnel":1.70,"id":319087,"inAgencyStatistics":0,"nickName":"张驰","obJob":12,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":3,"tel":"19036980035","transferRatio":0.02},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":2,"agencyTeamId":8,"agencyTeamName":"交付一组","aliasName":"闫兴乐","arrived":0,"entry":1,"entryGPA":0.00,"finshedGPA":0.67,"funnel":1.30,"id":318688,"inAgencyStatistics":0,"nickName":"微信用户","obJob":20,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":3,"tel":"19036980028","transferRatio":0.02},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":4,"agencyTeamName":"交付三组","aliasName":"申振磊","arrived":1,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.70,"id":322120,"inAgencyStatistics":0,"obJob":1,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":5,"tel":"19036980052","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":5,"agencyTeamName":"交付二组","aliasName":"朱永辉","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.30,"id":321652,"inAgencyStatistics":0,"obJob":9,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":3,"tel":"19036980508","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":4,"agencyTeamName":"交付三组","aliasName":"王尚","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.20,"id":322356,"inAgencyStatistics":0,"obJob":1,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":2,"tel":"19036980507","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":5,"agencyTeamName":"交付二组","aliasName":"李沂航","arrived":1,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.20,"id":122379,"inAgencyStatistics":0,"nickName":"杰伦","obJob":3,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":0,"tel":"19036980030","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":4,"agencyTeamName":"交付三组","aliasName":"王名扬","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.10,"id":322355,"inAgencyStatistics":0,"obJob":0,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":1,"tel":"19036980031","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":3,"agencyTeamName":"待分组","aliasName":"徐倩林","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.10,"id":321999,"inAgencyStatistics":0,"obJob":2,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":1,"tel":"19036980513","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":8,"agencyTeamName":"交付一组","aliasName":"邓高琦","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0.00,"funnel":0.10,"id":321964,"inAgencyStatistics":0,"obJob":2,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":1,"tel":"19036980023","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":8,"agencyTeamName":"交付一组","aliasName":"张静","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.10,"id":321400,"inAgencyStatistics":0,"obJob":8,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":1,"tel":"19036980034","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":4,"agencyTeamName":"交付三组","aliasName":"李林锟","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.00,"id":322206,"inAgencyStatistics":0,"obJob":0,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":0,"tel":"19036980061","transferRatio":0.00},{"agencyPermissions":"job:list,apply:add,apply:list,apply:user,user:pwd,user:tel","agencyRole":3,"agencyTeamId":5,"agencyTeamName":"交付二组","aliasName":"王正坤","arrived":0,"entry":0,"entryGPA":0,"finshedGPA":0,"funnel":0.00,"id":318852,"inAgencyStatistics":0,"nickName":"郭星池","obJob":6,"passed":0,"resumeNum":50,"showAgencyScreen":0,"signUps":0,"tel":"19036980051","transferRatio":0.00}],"type":"40"}'
+		   
+		   
+		   console.log(JSON.parse(e.data));
+		   console.log(e.data != '"pong"');
+		   console.log(timeStamp == 0 || new Date().getTime() - timeStamp2 >= 40000);
+		   // debugger
+		   
+		    // && (timeStamp2 == 0 || new Date().getTime() - timeStamp2 >= 40000 )
+			if(e.data != '"pong"'){
+				 // 
+				 timeStamp2 = new Date().getTime();
+				
+				var getWebsocketData = JSON.parse(e.data);
+				 console.log(getWebsocketData);
+				// console.log(getWebsocketData.list);
+				// that.array = [...getWebsocketData.list]
+				that.array = [];
+				var arr = [...getWebsocketData.list]
+				
+				var arrLength = arr.length;
+				// that.array = [];
+				
+				for (var i = 0; i < arrLength; i += that.pageSize) {
+				    that.array.push(arr.slice(i, i + that.pageSize));
+				}
+				console.log(that.array);
+				
+				arr.forEach((item,index)=>{
+					console.log(getWebsocketData.type);
+					
+					if(getWebsocketData.type == "25" || getWebsocketData.type == 25){ //到面
+						if(item.id - getWebsocketData.applyUserId == 0){
+							this.nameArray.push({ type: '1', aliasName: item.aliasName, daomianStyle: item.aliasName, indexA: index });
+						}
+					}else if(getWebsocketData.type == "30" || getWebsocketData.type == 30){ //通过
+						if(item.id - getWebsocketData.applyUserId == 0){
+							this.nameArray.push({ type: '2', aliasName: item.aliasName, tongguoStyle: item.aliasName, indexA: index });
+						}
+					}else if(getWebsocketData.type == "40" || getWebsocketData.type == 40){ //入职
+						if(item.id - getWebsocketData.applyUserId == 0){
+							this.nameArray.push({ type: '3', aliasName: item.aliasName, ruzhiStyle: item.aliasName, indexA: index });
+						}
+					}
+					
+				})
+				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) {
+				// 	 this.func()
+				// }
+				
+			}
+			
+            
+
+        },
+
+        playAudio1() { //点击约面 到面
+			var that = this;
+            let audio1 = new Audio()
+            audio1.src = "http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/money.wav"
+            audio1.play();
+        },
+        playAudio2() {
+				var that = this;
+            let audio2 = new Audio()
+            audio2.src = "http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/mario.wav"
+            audio2.play();
+
+        },
+        playAudio3() {
+			var that = this;
+            let audio3 = new Audio()
+			 this.ifani = true;
+			
+            audio3.src = "http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/huanhu.wav"
+            audio3.play();
+			
+			setTimeout(function() {
+			    that.ifani = false;
+			}, 15000)
+			
+
+        },
+        playClockAudio(type) {
+            let clockAudio = new Audio()
+            var _src = "http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/5416.wav";
+            if (type == 2) {
+                _src = "http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/4031076792.mp3";
+            }
+            clockAudio.src = _src;
+            clockAudio.play();
+
+        },
+
+        initClock() { //初始化闹钟，每天12：00，13：30执行
+            var that = this;
+            console.log('初始化闹钟')
+            setInterval(() => {
+                var d = new Date();
+                var hour = d.getHours();
+                var minues = d.getMinutes();
+                var seconds = d.getSeconds();
+                if (hour - 11 == 0 && minues - 59 == 0) { //12：00
+                    setTimeout(function() {
+                        that.playClockAudio(1);
+                    }, 1000 * (60 - seconds));
+
+                }
+                if (hour - 13 == 0 && minues - 29 == 0) { //13：30
+                    setTimeout(function() {
+                        that.playClockAudio(2);
+                    }, 1000 * (60 - seconds));
+                }
+
+                //that.playClockAudio();
+
+
+                //console.log(hour + ":" + minues);
+            }, 60000); //每隔1分钟刷新一次
+        },
+        initWebSocket() { //初始化weosocket
+		//ws://daotian.matripe.com.cn/daotian/statistic/socket?agencyId=3087
+            // var wsUri = serverAddress + '/websocket/statisticsServer/' + this.reconnect;
+            // var wsUri = serverAddress + '/daotian/statistic/socket?agencyId=3087';
+            var wsUri = 'wss://daotian.matripe.com.cn/socket/daotian/statistic?agency=3087'
+            // wsUri = wsUri.replace("https", "ws").replace("http", "ws");
+            this.websock = new WebSocket(wsUri);
+            this.websock.onmessage = this.websocketonmessage;
+            this.websock.onopen = this.websocketonopen;
+            this.websock.onerror = this.websocketonerror;
+        },
+        websocketonopen() { //连接建立之后执行send方法发送数据
+            this.isWebSocket = true;
+            this.reconnect = 0;
+            console.log("链接成功！", this.isWebSocket)
+            // this.websocketsend(JSON.stringify(actions));
+        },
+        websocketonerror() { //连接建立失败重连
+            console.log("连接建立失败");
+
+            var that = this;
+            that.reconnect = 1;
+
+            setTimeout(function() {
+                that.initWebSocket();
+            }, 2000);
+
+            // this.$message.info("重新建立链接中");
+            // this.initWebSocket();
+        },
+
+        websocketsend(data) { //数据发送
+            let actions = {
+                "msg": data
+            };
+            console.log("您正在发送消息", actions);
+            if (this.isWebSocket) {
+                this.websock.send(JSON.stringify(actions));
+            } else {
+                console.log("请先建立链接");
+                // this.$message.error("请先建立链接")
+            }
+
+        },
+        websocketclose(e) { //关闭
+            console.log('断开连接', e);
+            this.isWebSocket = false;
+            this.websock.close();
+            this.initWebSocket();
+        },
+        websocketHeartCheck() {
+            console.log("readyState===", this.websock.readyState);
+
+            if (this.websock.readyState == 2 || this.websock.readyState == 3) {
+                this.reconnect = 1;
+                this.initWebSocket();
+            } else {
+                console.log('连接中...');
+            }
+            this.websocketsend("ping");
+        },
+        handleSubmit(e) {
+            var that = this;
+            e.preventDefault();
+            this.formScreen.validateFields((err, values) => {
+                if (!err) {
+                    console.log('Received values of form: ', values);
+                    that.passowrd = values.passowrd;
+                    that.checkPagePassowrd();
+
+                }
+            });
+        },
+        checkPagePassowrd() {
+            var that = this;
+            axios({
+                url: '/admin/v3/user/allotOrder/checkPagePassowrd',
+                method: 'post',
+                data: {
+                    passowrd: that.passowrd
+                },
+            }).then(response => {
+                console.log(response);
+                if (response.status == 200) {
+
+
+                    // 测试的时候需要注释
+
+                    that.initWebSocket();
+                    that.initClock();
+
+                    if (that.isShow) {
+                        setInterval(() => that.websocketHeartCheck(), 60000); //每隔1分钟刷新一次
+                    }
+                    // 测试的时候需要注释
+                    that.isShow = false;
+                } else {
+                    that.isShow = true;
+                    that.$message.error(response.msg);
+                }
+            })
+        },
+        timeagoOfDateStr(_time) {
+
+            return timeagoOfDateStr(_time);
+
+        },
+
+    },
+}
+</script>
+<style scoped >
+@import 'http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/ant.css';
+@import 'http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/animate.min.css';
+@import 'http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/bigScreen1.css';
+div{
+	color: #fff;
+}
+/deep/ .ttd{
+	text-align: center;
+	font-size: 36px;
+  /* line-height: 60px !important; */
+}
+.lvfz{
+	font-size: 24px;
+}
+
+.mmtt111{
+  background-image: url('http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/screen_bg.png');background-size: 100% 100%;
+  background-repeat: no-repeat;
+  min-height:100vh;
+}
+.imgPlay .ant-carousel .slick-slide img {
+    display: inline-block;
+}
+
+
+.imgPlay .slick-list {
+    display: flex;
+    align-items: center;
+}
+
+
+.imgPlay .ant-carousel {
+    background-color: rgba(0, 0, 0, 1);
+}
+
+/deep/.slick-dots{
+  bottom: -30px !important;
+}
+.imgPlay .tcImg {
+    position: relative;
+    width: 100vw;
+    height: 100vh;
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+}
+
+
+.imgPlay .mw100 {
+    max-width: 100%;
+    max-height: 100vh;
+}
+
+
+.imgPlay .imgText {
+    position: absolute;
+    top: 0;
+    left: 0;
+    text-align: left;
+    font-size: 36px;
+    margin-left: 24px;
+    color: #FFF;
+}
+
+.imgPlay .slick-track {
+    display: flex;
+    align-items: center;
+}
+
+
+
+
+.ant-carousel>>>.slick-slide {
+    /*text-align: center;*/
+    /*height: 560px;
+    line-height: 160px;
+    background: #364d79;*/
+    color: #fff;
+    overflow: hidden;
+}
+
+.ant-carousel>>>.slick-slide h3 {
+    color: #fff
+}
+
+.tth {
+    width: 100%;
+    /* height: 60px; */
+	padding-right: 0;
+}
+
+.tc1, .tc7 {
+    width: 12%;
+    min-width: 70px;
+}
+
+.tc2 {
+    width: 16%;
+    padding-left: 0px;
+    text-align: center;
+}
+.tc2.name {
+	text-align: left !important;
+  min-width: 160px;
+  padding-left: 3%;
+}
+.tc2.nameTitle {
+	text-align: center !important;
+  min-width: 160px;
+}
+.tc3 {
+    width: 15%;
+}
+
+.tc4 {
+    width: 25%;
+}
+
+.tc5 {
+    width: 14%;
+}
+.tac img{
+	width:44px;
+}
+.leftAvater{
+	vertical-align:middle;width:48px;height:48px;border-radius: 50%;position:relative;top:10px;
+}
+.weekIcon{
+	display:inline-block;line-height:60px;vertical-align:middle;position:relative;top:-1px;
+}
+@media screen and (max-width: 1520px) {
+	.leftAvater{
+		width:38px;height:38px;
+	}
+	.tth[data-v-3b9d2e74] {
+	    height: auto;
+	}
+	.tac img{
+		width:28px;
+	}
+	h4.f24 {
+	    font-size: 36px;
+	}
+	.lvfz{
+		font-size: 16px;
+	}
+	.ttd{
+		text-align: center;
+		font-size: 22px;
+		/* line-height: 2.2; */
+	}
+	.lNum{
+		font-size: 22px;
+	}
+    .s_left {
+        width: 96%;
+    }
+
+    .tc1 {
+        min-width: 50px;
+    }
+	.tc2{
+		width:14%
+	}
+	.tc5 {
+	    width: 10%;
+	}
+
+}
+</style>
+<style>
+::-webkit-scrollbar {
+    display: none;
+}
+.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;
+}
+
+
+/* .swiperPage{
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  height: calc(100vh - 250px);
+}
+.swiperItem{
+  flex: 1; 
+  max-height: 70px;
+}
+.lNum{
+  line-height: 1.3 !important;
+} */
+
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index bb69879..433c586 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -233,6 +233,11 @@ const routes = [
     name: "largeScreen",
     component: () => import("../components/screen/largeScreen.vue"),
     // component: resolve => require(['../components/FirstJob/joblist.vue'],resolve)
+  },{
+    path: "/largeScreen1",
+    name: "largeScreen1",
+    component: () => import("../components/screen/largeScreen1.vue"),
+    // component: resolve => require(['../components/FirstJob/joblist.vue'],resolve)
   },
   {
     path: "/userinfo",