| @@ -46,8 +46,8 @@ | |||||
| <li> | <li> | ||||
| <h2> | <h2> | ||||
| {{ | {{ | ||||
| Math.floor(receivedData.manCount / 24) | |||||
| ? Math.floor(receivedData.manCount / 24) | |||||
| Math.floor(receivedData.serviceTimeCount / 24) | |||||
| ? Math.floor(receivedData.serviceTimeCount / 24) | |||||
| : 0 | : 0 | ||||
| }} | }} | ||||
| <span class="margin_left"> 天</span> | <span class="margin_left"> 天</span> | ||||
| @@ -129,7 +129,7 @@ | |||||
| ? receivedData.chatDurationCount | ? receivedData.chatDurationCount | ||||
| : 0 | : 0 | ||||
| }} | }} | ||||
| <span class="margin_left">次</span> | |||||
| <span class="margin_left">小时</span> | |||||
| </h2> | </h2> | ||||
| <span>对话时长</span> | <span>对话时长</span> | ||||
| </li> | </li> | ||||
| @@ -478,7 +478,9 @@ export default { | |||||
| this.socket = io("ws://39.107.77.235:9901"); // 按需替换为正确的 IP 地址和端口号 | this.socket = io("ws://39.107.77.235:9901"); // 按需替换为正确的 IP 地址和端口号 | ||||
| }, | }, | ||||
| getData() { | getData() { | ||||
| console.log(this.socket.connected, "this.socket.connected"); | |||||
| if (this.socket.connected) { | if (this.socket.connected) { | ||||
| console.log(111111111111111); | |||||
| this.socket.on("broadData", (res) => { | this.socket.on("broadData", (res) => { | ||||
| this.receivedData = JSON.parse(res); | this.receivedData = JSON.parse(res); | ||||
| console.log( | console.log( | ||||
| @@ -489,7 +491,7 @@ export default { | |||||
| }); | }); | ||||
| } else { | } else { | ||||
| console.log("socket链接失败", "1111111111111111111111"); | console.log("socket链接失败", "1111111111111111111111"); | ||||
| // setTimeout(this.getData(), 2000); | |||||
| setTimeout(this.getData, 2000); | |||||
| } | } | ||||
| // chatDurationCount 对话时长 | // chatDurationCount 对话时长 | ||||
| // chatTimes 对话次数 | // chatTimes 对话次数 | ||||
| @@ -907,13 +909,15 @@ a:hover { | |||||
| width: 6.43rem; | width: 6.43rem; | ||||
| z-index: 2; | z-index: 2; | ||||
| top: 0.45rem; | top: 0.45rem; | ||||
| left: 0.4rem; | |||||
| /* left: 0.4rem; */ | |||||
| left: calc(20vw - 3.775rem); | |||||
| animation: myfirst2 15s infinite linear; | animation: myfirst2 15s infinite linear; | ||||
| } | } | ||||
| .map2 { | .map2 { | ||||
| width: 5.66rem; | width: 5.66rem; | ||||
| top: 0.85rem; | top: 0.85rem; | ||||
| left: 0.77rem; | |||||
| /* left: 0.77rem; */ | |||||
| left: calc(20vw - 3.39rem); | |||||
| z-index: 3; | z-index: 3; | ||||
| opacity: 0.2; | opacity: 0.2; | ||||
| animation: myfirst 10s infinite linear; | animation: myfirst 10s infinite linear; | ||||
| @@ -922,6 +926,7 @@ a:hover { | |||||
| width: 5.18rem; | width: 5.18rem; | ||||
| top: 1.07rem; | top: 1.07rem; | ||||
| left: 1.13rem; | left: 1.13rem; | ||||
| left: calc(20vw - 3.15rem); | |||||
| z-index: 1; | z-index: 1; | ||||
| } | } | ||||