添加摄像头监控页面

src/api/device/device.js

@@ -72,6 +72,10 @@ export function getStatusCount(data) {
   return request({ url: '/device/getStatusCount', method: 'GET', params: data })
 }
 
+// 获取初始化参数
+export function getDataInfoRes(data) {
+  return request({ url: '/device/getDataInfoRes', method: 'GET', params: data })
+}
 
 
 

src/layout/components/Sidebar/index.vue

@@ -256,6 +256,16 @@ export default {
           name: "",
           path: "/xiaoxi/xiaoxiList",
         },
+        {
+          alwaysShow: true,
+          component: "moreShow",
+          meta: {
+            icon: "icon-rizhi2",
+            title: "提醒任务",
+          },
+          name: "",
+          path: "/monitor/videos/moreShow",
+        },
         // {
         //   alwaysShow: true,
         //   component: "index1",

src/router/index.js

@@ -249,6 +249,14 @@ export const constantRoutes = [
           title: "视频中心",
         },
       },
+      {
+        path: "/monitor/videos/moreShow",
+        component: () => import("@/views/monitor/videos/moreShow.vue"),
+        name: "index",
+        meta: {
+          title: "多屏展示",
+        },
+      },
     ],
   },
   ////

src/views/monitor/videos/index.vue

@@ -10,6 +10,8 @@
                 <el-option v-for="item in ckList" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
             </el-form-item>
+            <el-button v-if="moreFlag" type="button" @click="moreShow(ckId)">多屏展示
+            </el-button>
             <!-- <el-form-item label="选择楼栋">
                 <el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼栋">
                   <el-option v-for="item in loudong_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
@@ -245,6 +247,7 @@ export default {
       btnDianziweilan: [],
       statusData: {},
       btndisabled: false,
+      moreFlag: false,
       zc_list: [],
       dzwl_list: [],
       btnList: [
@@ -374,6 +377,11 @@ export default {
   },
   methods: {
     ckChange(item) {
+      if (item) {
+        this.moreFlag = true
+      } else {
+        this.moreFlag = false
+      }
       getOtherList({ type: 1, ckId: item }).then((res) => {
         if (res.code == 200) {
           this.zc_list = res.data
@@ -391,6 +399,15 @@ export default {
       this.active = -1
       this.activeDzwl = -1
     },
+    moreShow(ckId) {
+      // this.$router.push('/monitor/videos/moreShow')
+      this.$router.push({
+        path: '/monitor/videos/moreShow',
+        query: {
+          ckId: ckId
+        }
+      })
+    },
     handleClose() {
       this.dialogImage = false
       // 关闭弹出框时 视频关闭播放