新增跳转地址

src/views/bigScreen/index.vue

@@ -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">
+      <div class="right-tags">
-        <el-input
+        <div @click="goUrl" class="title-num">数据概览</div>
-          placeholder="请输入设备名称"
+      </div>
-          v-model="input">
-          <i slot="suffix" class="el-icon-search" @click="search"></i>
-        </el-input>
-      </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 {
+    .right-tags {
-    //   padding-top: 16px;
+      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;