1

src/components/ezuikit/EZUIKitJs.vue

@@ -2,7 +2,7 @@
   <div class="video111">
     <el-container>
       <el-container style="display:flex;justify-content: space-between;">
-        <el-aside width="12vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
+        <el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
           <el-tree
             :data="videoData"
             :props="defaultProps"
@@ -735,7 +735,7 @@ export default {
 .el-tree-node__content {
   height: 55px;
   background-color: #e9eef3;
-  width: 228px;
+  width: 20vw;
 }
 .el-tree-node {
   background-color: #e9eef3;
@@ -752,7 +752,7 @@ export default {
   cursor: pointer;
 }
 .noPtzVideo1{
-  width: 68vw;
+  width: 60vw;
   height: 94.5vh;
   overflow: hidden;
   background-color: white;
@@ -761,7 +761,7 @@ export default {
   border-left: 1px solid gainsboro;
 }
 .video111 .iframeSingle {
-  width: 68vw;
+  width: 60vw;
   height: 94.5vh;
 }
 .video111 .echarts1{

src/components/ezuikit/carsEZUIKitJs.vue

@@ -2,7 +2,7 @@
   <div class="video111">
     <el-container>
       <el-container style="display:flex;justify-content: space-between;">
-        <el-aside width="12vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
+        <el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
           <el-input placeholder="请输入车牌号" prefix-icon="el-icon-search" v-model="searchCarText" @keyup.enter.native="searchCarFn"></el-input>
           <el-tree
             :data="videoData"
@@ -751,7 +751,7 @@ export default {
 .el-tree-node__content {
   height: 55px;
   background-color: #e9eef3;
-  width: 228px;
+  width: 20vw;
 }
 .el-tree-node {
   background-color: #e9eef3;
@@ -780,7 +780,7 @@ export default {
   cursor: pointer;
 }
 .noPtzVideo1{
-  width: 68vw;
+  width: 60vw;
   height: 94.5vh;
   overflow: hidden;
   background-color: white;
@@ -789,7 +789,7 @@ export default {
   border-left: 1px solid gainsboro;
 }
 .video111 .iframeSingle {
-  width: 68vw;
+  width: 60vw;
   height: 94.5vh;
 }
 .video111 .echarts1{

src/views/MLargeScreen/index.vue

@@ -18,8 +18,8 @@
 			<div class="currentTimeStyle">{{currentTime}}</div>
 		</div>
 		<div class="videoSelectView" v-show="videoSelect1">
-			<div @click="lookFn2()" :class="videoSelectStyle == 2 ? 'videoSelectStyle1' : ''">车辆视频监控</div>
-			<div @click="lookFn1()" :class="videoSelectStyle == 1 ? 'videoSelectStyle1' : ''">矿山视频监控</div>
+			<div @click="lookFn2()" :class="videoSelectStyle == 2 ? 'videoSelectStyle1' : 'videoSelectStyle2'">车辆视频监控</div>
+			<div @click="lookFn1()" :class="videoSelectStyle == 1 ? 'videoSelectStyle1' : 'videoSelectStyle2'">矿山视频监控</div>
 		</div>
 		<!-- 内容 -->
 		<div class="content_view" v-if="content_view_Show">
@@ -561,20 +561,40 @@ export default {
 	position: absolute;
 	top: 5.5vh;
 	z-index: 5;
-	width: 12vw;
+	width: 20vw;
 	height: 5.5vh;
-	background-color: rgb(233,238,243);
+	background-color: rgba(32,42,67,0.95);
 	display: flex;
 	justify-content: space-evenly;
 	align-items: center;
 	font-size: 15px;
-	color: gray;
 }
-.videoSelectView>div{
+
+.videoSelectStyle1{
+	width: 45%;
+	height: 3.5vh;
+	line-height: 3.5vh;
+	color: #01EDF7;
+	font-size: 18px;
+	text-align: center;
+	border:1px solid #01A6FC;
+	border-radius: 5px;
+	opacity: 1;
 	cursor: pointer;
+	letter-spacing: 1px;
 }
-.videoSelectStyle1{
-	color: rgb(26, 188, 156);
+.videoSelectStyle2{
+	width: 45%;
+	height: 3.5vh;
+	line-height: 3.5vh;
+	color: #01EDF7;
+	font-size: 18px;
+	text-align: center;
+	border:1px solid #01A6FC;
+	border-radius: 5px;
+	opacity: 0.5;
+	cursor: pointer;
+	letter-spacing: 1px;
 }
 .jiankongView{
 	position: absolute;