| | |
| | | <div class="big-title" @click="goBack()">国泰新华智能巡检系统</div> |
| | | <div style="height: 20px;font-size: 14px;line-height: 20px; color: #00ffff; margin-top: 4px">{{ present }}</div> |
| | | <div class="btns"> |
| | | <div class="fullbtn" @click="onScreenfullClick"> |
| | | <div class="toFull"> |
| | | <i class="iconfont" :title="全屏" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i> |
| | | <!-- <div class="fullbtn" @click="onScreenfullClick">--> |
| | | <!-- <div class="toFull">--> |
| | | <!-- <i class="iconfont" :title="全屏" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i>--> |
| | | <!-- <el-icon>--> |
| | | <!-- <FullScreen v-if="isScreenfull"/>--> |
| | | <!-- <Close v-else/>--> |
| | | <!-- </el-icon>--> |
| | | </div> |
| | | <div>全屏</div> |
| | | </div> |
| | | <!-- </div>--> |
| | | <!-- <div>全屏</div>--> |
| | | <!-- </div>--> |
| | | <div class="backBtn" @click="goBack()"> |
| | | <img src="../../../assets/loginPage/back-icon.png"/> |
| | | <div>退出</div> |
| | |
| | | }; |
| | | // 监听socket消息 |
| | | state.socket.onmessage = (msg) => { |
| | | console.log(msg.data,'msg.data') |
| | | console.log(msg.data.rfidInfos,'rfidInfos') |
| | | if (msg.data === '连接成功') return; |
| | | userInfos.value.dataList = JSON.parse(msg.data); |
| | | userInfos.value.dataList = JSON.parse(msg.data).rfidInfos; |
| | | state.excepOrder = JSON.parse(msg.data).excepOrder; |
| | | }; |
| | | } |
| | | } else { |
| | |
| | | |
| | | div { |
| | | margin-bottom: 5px; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | &:last-of-type { |
| | | margin-bottom: 0; |
| | | } |
| | | span { |
| | | display: inline-block; |
| | | white-space: nowrap; |
| | | width: 50%; |
| | | font-size: 13px; |
| | | color: #fff; |
| | | text-align: left; |
| | | word-break: break-all; |
| | | |
| | | &:first-of-type { |
| | | text-align: right; |
| | |
| | | div { |
| | | width: 100%; |
| | | margin-bottom: 5px; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | &:last-of-type { |
| | | margin-bottom: 0; |
| | | } |
| | | span { |
| | | display: inline-block; |
| | | white-space: nowrap; |
| | | width: 50%; |
| | | font-size: 13px; |
| | | color: #fff; |
| | | text-align: left; |
| | | word-break: break-all; |
| | | |
| | | &:first-of-type { |
| | | text-align: right; |
| | |
| | | div { |
| | | width: 100%; |
| | | margin-bottom: 2px; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | &:last-of-type { |
| | | margin-bottom: 0; |
| | | } |
| | | span { |
| | | width: 50%; |
| | | display: inline-block; |
| | | white-space: nowrap; |
| | | font-size: 12px; |
| | | color: #fff; |
| | | text-align: left; |
| | | word-break: break-all; |
| | | |
| | | &:first-of-type { |
| | | text-align: right; |