|
|
|
|
@ -4,7 +4,7 @@
|
|
|
|
|
* @Author: JC9527
|
|
|
|
|
* @Date: 2023-08-14 14:40:02
|
|
|
|
|
* @LastEditors: JC9527
|
|
|
|
|
* @LastEditTime: 2024-01-23 17:53:57
|
|
|
|
|
* @LastEditTime: 2024-12-10 16:44:15
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="pc-container">
|
|
|
|
|
@ -17,13 +17,9 @@
|
|
|
|
|
<div class="system-title" text="城市精细化管理监测主题">
|
|
|
|
|
城市精细化管理监测主题
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="right-tags">
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入设备名称"
|
|
|
|
|
v-model="input">
|
|
|
|
|
<i slot="suffix" class="el-icon-search" @click="search"></i>
|
|
|
|
|
</el-input>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="right-tags">
|
|
|
|
|
<div @click="goUrl" class="title-num">数据概览</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<transition name="left-animation">
|
|
|
|
|
<div :class="backgroundId == 1 ? 'map-before-left' : 'change-map-before-left'" v-show="leftAnimation"></div>
|
|
|
|
|
@ -100,7 +96,10 @@ export default {
|
|
|
|
|
changeBackground(id){
|
|
|
|
|
// console.log(id);
|
|
|
|
|
this.backgroundId = id;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
goUrl(){
|
|
|
|
|
window.open('http://10.236.2.28:54567/screen/new-tube')
|
|
|
|
|
},
|
|
|
|
|
// getcodeImg(){
|
|
|
|
|
// getInfo().then(res => {
|
|
|
|
|
// console.log(res,'codeImgres');
|
|
|
|
|
@ -348,43 +347,28 @@ div {
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// .right-tags {
|
|
|
|
|
// padding-top: 16px;
|
|
|
|
|
.right-tags {
|
|
|
|
|
z-index: 600;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
text-align: right;
|
|
|
|
|
.title-num {
|
|
|
|
|
margin-top: 35px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 0px 20px;
|
|
|
|
|
// color: #52B1FF;
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: 1px solid #52B1FF;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
height: 30px;
|
|
|
|
|
// background-color: #077fff;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ::v-deep .el-input {
|
|
|
|
|
// border: 1px solid #D3EEF2;
|
|
|
|
|
// border-radius: 3px;
|
|
|
|
|
// .el-input__inner {
|
|
|
|
|
// background-color: transparent;
|
|
|
|
|
// width: 296px;
|
|
|
|
|
// height: 30px;
|
|
|
|
|
// color: #fff;
|
|
|
|
|
// border: none;
|
|
|
|
|
// }
|
|
|
|
|
// .el-input__inner::placeholder {
|
|
|
|
|
// /* 在这里添加你想要修改的 placeholder 样式 */
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// color: #D3EEF2;
|
|
|
|
|
// line-height: 20px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// // ::v-deep .el-icon-search:before {
|
|
|
|
|
// // font-size: 20px;
|
|
|
|
|
// // }
|
|
|
|
|
// // ::v-deep .el-input__icon {
|
|
|
|
|
// // line-height: 30px;
|
|
|
|
|
// // }
|
|
|
|
|
// ::v-deep .el-input__suffix {
|
|
|
|
|
// line-height: 35px;
|
|
|
|
|
// color: #D3EEF2;
|
|
|
|
|
// cursor: pointer;
|
|
|
|
|
// .el-icon-search:before {
|
|
|
|
|
// font-size: 20px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
.child-view {
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
