提交

src/router/index.js

@@ -202,7 +202,6 @@ const router = new Router({
 })
 
 router.beforeEach((to, from, next) => {
-  debugger
   const userName = Cookies.get('userCJZT')
   console.log(userName)
   if (to.path === '/login' || to.path === '/' || to.path === '/waterPoints') {

src/views/pages/area/components/VideoListLeft.vue

@@ -0,0 +1,74 @@
+<template>
+  <div class="box">
+    <div class="list4">
+      <div class="inner-title">
+        重点点位视频监控
+        <span
+          style="
+            float: right;
+            font-size: 16px;
+            color: #fff;
+            margin-right: 10px;
+            font-weight: normal;
+          "
+          >查看点位列表
+          <span style="color: #1296db; font-size: 18px; font-weight: bold;cursor: pointer;"
+            @click="openVideoList">></span
+          ></span
+        >
+      </div>
+      <div class="video-List">放视频</div>
+    </div>
+  </div>
+</template>
+    <script>
+import bus from "@/views/layout/bus";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {};
+  },
+  components: {},
+  created() {},
+  mounted() {},
+  methods: {
+    //打开视频列表
+    openVideoList(){
+        
+    }
+  },
+  watch: {},
+};
+</script>
+    <style lang='scss' scoped>
+@font-face {
+  font-family: "Tensentype-ZhiHeiJ-W5";
+  src: url("../../../../assets/construction/TTZhiHeiJ-W5.ttf");
+}
+@font-face {
+  font-family: "DIN-Bold";
+  src: url("../../../../assets/construction/DIN-Bold.otf");
+}
+.box {
+  position: relative;
+  .inner-title {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    margin-left: 10px;
+    font-size: 16px;
+    font-weight: bold;
+    color: #ffffff;
+  }
+  .list4 {
+    width: 100%;
+    .video-List {
+    //   background: red;
+      height: 146px;
+      margin-left: 40px;
+      margin-right: 40px;
+      margin-top: 10px;
+    }
+  }
+}
+</style>
+