摄像头添加定位，循环遍历

视频中心接入摄像头视频

src/api/device/device.js

@@ -37,6 +37,12 @@ export function getInfoById(data) {
   return request({ url: '/device/getInfoById', method: 'GET', params: data })
 }
 
+// 获取摄像头列表
+export function getSxtList() {
+  return request({ url: '/device/getSxtList', method: 'GET' })
+}
+
+/******************************************************************************************************************************************** */
 
 
 // 创建消息消费者
@@ -59,4 +65,3 @@ export function doCallMessageOffsets(data) {
 export function getCallZoneStatusList(data) {
   return request({ url: '/call/getCallZoneStatusList', method: 'GET' })
 }
-

src/views/index.vue

@@ -55,7 +55,7 @@
           <div class="content">
             <div class="newsli" v-for="(item, index) in Datalist" :key="index" @click="toinfo()">
               <div class="dot">&bull;</div>
-                <div class="tit">{{item.title}}</div>
+              <div class="tit">{{ item.name }}</div>
               <div class="time">{{ item.createTime }}</div>
             </div>
           </div>
@@ -169,6 +169,8 @@
 import * as echarts from "echarts";
 import PieChartrenyuan from '@/views/echarts/components/PieChartrenyuan'
 import HomeMap from '@/views/dashboard/components/HomeMap'
+import { getCallPolicePage } from '@/api/callPolice/callPolice'
+import { init } from 'events';
 // 1.1入侵报警饼图
 const ruqinbaojing_Chart = {
   // seriesName: '入侵报警',
@@ -290,6 +292,8 @@
     setInterval(function () {
       _self.getMessage();
     }, 20000)
+
+    this.init()
   },
   data() {
     return {
@@ -306,16 +310,20 @@
         { title: '您有新任务了', createTime: '2023-05-23' },
         { title: '您有新任务了', createTime: '2023-05-23' },
       ],
-        Datalist: [
+      Datalist: [],
-          { title: '您有新消息了', createTime: '2023-05-23' },
-          { title: '您有新消息了', createTime: '2023-05-23' },
-          { title: '您有新消息了', createTime: '2023-05-23' },
-          { title: '您有新消息了', createTime: '2023-05-23' },
-          { title: '您有新消息了', createTime: '2023-05-23' },
-        ],
     }
   },
   methods: {
+    init() {
+      getCallPolicePage({ current: 1, size: 5 }).then((res) => {
+        console.log(res)
+        if (res.code == 200) {
+          this.Datalist = res.data.records
+        } else {
+          this.list = []
+        }
+      })
+    },
     toMore() {
       this.$router.push({
         path: '/baojingchaxun/baojingchaxunList',
@@ -359,21 +367,38 @@
 </script>
 
 <style lang="scss" scoped>
-.zongcons{margin: 0;padding: 0;flex: 1;width: 100%;height: calc(100% - 160px);}
+.zongcons {
-.rightbars{
+  margin: 0;
+  padding: 0;
+  flex: 1;
+  width: 100%;
+  height: calc(100% - 160px);
+}
+
+.rightbars {}
 
+.zongcons .maps {
+  width: 100%;
+  height: 605px;
+  padding: 40px 0 0 100px;
+  text-align: right;
 }
-.zongcons .maps{width: 100%;height: 605px;padding:40px 0 0 100px;text-align: right;}
+
 .webindex {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  justify-content: flex-start;align-items: flex-start;
+  justify-content: flex-start;
-    width: 100%; padding: 20px;
+  align-items: flex-start;
-    height: 100%;overflow-y: auto;
+  width: 100%;
+  padding: 20px;
+  height: 100%;
+  overflow-y: auto;
   background: radial-gradient(#fff, #f5f7f4, #fff);
 }
-  .tops {width: 470px;
+
+.tops {
+  width: 470px;
   // display: flex;
   // flex-direction: row;
   // flex-wrap: nowrap;
@@ -381,45 +406,60 @@
   padding: 0 0 0 20px;
   margin: 0px;
 }
-.tops .topboxs {width: 100%;
+
+.tops .topboxs {
+  width: 100%;
 
   padding: 0px 0px 15px 0 !important;
 
 }
+
 .topbox {
   // width: 25%;
   //margin: 20px 20 0 0 !important;
   background-color: #fff;
-  box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
+  box-shadow: 0px 0px 10px #E9E9E9;
+  border-radius: 5px;
   padding: 20px 10px 21px 10px;
 }
+
 // .tops .topbox:last-of-type {
 //   margin: 0;
 // }
 .topbox .toptitle {
   font-size: 20px;
   padding: 10px 20px;
-  font-weight: bold;  color: #333;font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  font-size: 16px;
   border-bottom: 1px solid #ececee;
 }
+
 .topbox .mids {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  justify-content: flex-start;align-items: center;
+  justify-content: flex-start;
+  align-items: center;
   margin: 0;
   padding: 35px 20px 38px 20px;
   // padding: 20px ;
 }
-.topbox .mids .lefts{width: 100px;}
+
+.topbox .mids .lefts {
+  width: 100px;
+}
+
 .topbox .mids .lefts .iconbox {
   border-radius: 10px;
   line-height: 80px;
   width: 80px;
   height: 80px;
   color: #fff;
-		font-size: 36px;text-align: center;
+  font-size: 36px;
+  text-align: center;
 }
+
 .iconbox_red {
   background-color: #df2f07;
 }
@@ -432,9 +472,11 @@
 .iconbox_green {
   background-color: #07C160;
 }
+
 .iconbox_blue {
   background-color: #3f9bfa;
 }
+
 .iconbox_zi {
   background-color: #6421ff;
 }
@@ -442,14 +484,18 @@
 .iconbox_fen {
   background-color: #9b2efb;
 }
-.topbox .mids .rights {flex: 1;
+
+.topbox .mids .rights {
+  flex: 1;
   padding: 2px 0 2px 10px;
 }
+
 .topbox .mids .rights .note {
   color: #333;
   font-size: 14px;
   padding: 0 0 3px 0;
 }
+
 .topbox .mids .rights .note span {
   font-size: 20px;
   padding: 0 5px;
@@ -460,42 +506,54 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  justify-content: flex-start;align-items: flex-start;
+  justify-content: flex-start;
+  align-items: flex-start;
   margin: 0;
   padding: 20px 0 0 0;
 }
+
 .tbar {
   width: 25%;
   margin: 0 20px 0 0;
   background-color: #fff;
-  box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
+  box-shadow: 0px 0px 10px #E9E9E9;
+  border-radius: 5px;
   padding: 10px;
 }
+
 .tbar:last-of-type {
   margin: 0;
 }
+
 .tbar0 {
   border-bottom: 0px solid #032ab8;
 }
+
 .tbar .title {
   font-size: 20px;
   padding: 10px 20px;
-  font-weight: bold;  color: #333;font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  font-size: 16px;
   border-bottom: 1px solid #ececee;
 }
+
 .tbar .title span {
   padding: 0 10px 0 0;
 }
+
 .tbar .bar {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  justify-content: flex-start;align-items: center;
+  justify-content: flex-start;
+  align-items: center;
   margin: 0;
   padding: 0px;
   height: 190px;
 
 }
+
 .con {
   padding: 10px 0 0 0;
   display: flex;
@@ -503,16 +561,20 @@
   flex-wrap: nowrap;
   justify-content: space-around;
 }
+
 .news {
   width: calc(100% / 2);
   margin: 0 20px 0 0;
   background-color: #fff;
-  box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
+  box-shadow: 0px 0px 10px #E9E9E9;
+  border-radius: 5px;
   padding: 10px;
 }
+
 .news:last-of-type {
   margin: 0;
 }
+
 .news .title {
   display: flex;
   flex-direction: row;
@@ -524,15 +586,21 @@
 }
 
 .news .title .newstits {
-  font-weight: bold;  color: #333;font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  font-size: 16px;
 }
 
-.news .title .more {text-align: right;
+.news .title .more {
-  cursor: pointer;color: #6c6a6a;font-size: 14px;
+  text-align: right;
+  cursor: pointer;
+  color: #6c6a6a;
+  font-size: 14px;
 }
 
 .news .content {
-  padding: 10px 0; height:120px;
+  padding: 10px 0;
+  height: 120px;
   // height:160px;
   overflow: hidden;
 }
@@ -546,12 +614,15 @@
   padding: 5px 10px;
   border-bottom: 1px solid #ececee;
 }
+
 .news .content .newsli .dot {
   padding: 0px 8px 0 0;
   font-size: 18px;
   height: 25px;
-  line-height: 25px;color: #047cf7;
+  line-height: 25px;
+  color: #047cf7;
 }
+
 .news .content .newsli .tit {
   padding: 0px 0;
   font-size: 14px;
@@ -566,8 +637,9 @@
 .news .content .newsli .time {
   padding: 0px 0;
   color: #666666;
-  text-align: right;font-size: 14px;
+  text-align: right;
-  width: 100px;
+  font-size: 14px;
+  width: 200px;
   height: 25px;
   line-height: 25px;
 }
@@ -579,11 +651,13 @@
   margin: 0;
   position: absolute;
   z-index: 600;
-    top: 20px;left: 20px;
+  top: 20px;
+  left: 20px;
   // background-color: rgba($color: #ffffff, $alpha: 0.7);
   // box-shadow: 0px 0px 6px #0d27c2;
   background-color: #fff;
-  box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
+  box-shadow: 0px 0px 10px #E9E9E9;
+  border-radius: 5px;
 }
 
 .wenboxs .wenbox {
@@ -647,5 +721,4 @@
   display: inline-block;
   color: #fc6f04;
 }
-
 </style>

src/views/shebeitaizhang/shebeitaizhangAdd.vue

@@ -57,8 +57,6 @@
             </el-col>
             <el-col :span="8">
               <el-form-item prop="">
-                <!-- <el-date-picker type="date" placeholder="选择日期" v-model="addForm.manufacturerCode" style="width: 410px;"
-                  maxlength="20"></el-date-picker> -->
                 <el-input v-model="addForm.remarks" maxlength="20" placeholder="请填写备注" class="addinputw" clearable />
               </el-form-item>
             </el-col>
@@ -73,6 +71,35 @@
                   clearable />
               </el-form-item>
             </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>上偏移</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="topPosition">
+                <el-input v-model="addForm.topPosition" maxlength="20" placeholder="请填写上偏移" class="addinputw"
+                  clearable />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>左偏移</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="leftPosition">
+                <el-input v-model="addForm.leftPosition" maxlength="20" placeholder="请填写左偏移" class="addinputw"
+                  clearable />
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>摄像头编数</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="channelNo">
+                <el-input v-model="addForm.channelNo" maxlength="20" placeholder="请填写摄像头编数,比如：1,2,3,4" class="addinputw"
+                  clearable />
+              </el-form-item>
+            </el-col>
           </el-row>
         </el-form>
       </div>

src/views/zhiwujiance/zhiwujianceList.vue

@@ -288,7 +288,6 @@ export default {
         this.spUrl = res.data
         this.dialogImage = true
       })
-
     },
     handleClose() {
       this.dialogImage = false