From 1e4a3f702623a46bcd53dbc96e235d51e0edb155 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期五, 05 八月 2022 04:13:02 +0800
Subject: [PATCH] 管理中心添加分析
---
src/views/GB28181/components/TableArea.vue | 670 ++++---------------------------------------------------
1 files changed, 57 insertions(+), 613 deletions(-)
diff --git a/src/views/GB28181/components/TableArea.vue b/src/views/GB28181/components/TableArea.vue
index 3539206..87561d5 100644
--- a/src/views/GB28181/components/TableArea.vue
+++ b/src/views/GB28181/components/TableArea.vue
@@ -1,38 +1,40 @@
<template>
<div class="TableArea">
- <el-table
- :data="subDevTable"
- fit
- highlight-current-row
- style="width: 100%"
- height="500"
- >
- <el-table-column
- type="index"
- label="搴忓彿"
- align="center"
- width="80"
- ></el-table-column>
- <el-table-column
- prop="name"
- label="鍚嶇О"
- show-overflow-tooltip
- ></el-table-column>
- <el-table-column
- prop="publicid"
- label="ID"
- show-overflow-tooltip
- ></el-table-column>
- <el-table-column prop="ip" label="IP"></el-table-column>
- <el-table-column prop="status" label="鐘舵��" align="center">
- <template slot-scope="scope">
- <span :style="scope.row.alive ? `color:#36B24A` : 'color:#FF4B33;'">{{
- scope.row.alive ? "鍦ㄧ嚎" : "绂荤嚎"
- }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="corp" label="澶囨敞"></el-table-column>
- </el-table>
+ <div class="content">
+ <el-table
+ :data="subDevTable"
+ fit
+ highlight-current-row
+ style="width: 100%"
+ >
+ <el-table-column
+ type="index"
+ label="搴忓彿"
+ align="center"
+ width="80"
+ ></el-table-column>
+ <el-table-column
+ prop="name"
+ label="鍚嶇О"
+ show-overflow-tooltip
+ ></el-table-column>
+ <el-table-column
+ prop="publicid"
+ label="ID"
+ show-overflow-tooltip
+ ></el-table-column>
+ <el-table-column prop="ip" label="IP"></el-table-column>
+ <el-table-column prop="status" label="鐘舵��" align="center">
+ <template slot-scope="scope">
+ <span
+ :style="scope.row.alive ? `color:#36B24A` : 'color:#FF4B33;'"
+ >{{ scope.row.alive ? "鍦ㄧ嚎" : "绂荤嚎" }}</span
+ >
+ </template>
+ </el-table-column>
+ <el-table-column prop="corp" label="澶囨敞"></el-table-column>
+ </el-table>
+ </div>
</div>
</template>
@@ -40,6 +42,9 @@
import { getAllSubServer } from "@/api/Gb28181";
export default {
+ props: {
+ id: {},
+ },
created() {
this.getList();
},
@@ -50,586 +55,22 @@
},
methods: {
async getList() {
- console.log(12121);
- // const res = await getAllSubServer();
- this.subDevTable = [
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "218.11.13.177",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 15060,
- publicid: "34020000002000000001",
- username: "",
- },
- {
- alive: 1,
- corp: "",
- devmode: "gb28181",
- ip: "192.168.5.53",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 5060,
- publicid: "34020000001320000001",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.5.215.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 60783,
- publicid: "1278",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "138.199.42.181",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 53998,
- publicid: "2376",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "156.146.50.98",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 49420,
- publicid: "2924",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "149.34.242.65",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 54724,
- publicid: "3775",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "188.240.57.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 61962,
- publicid: "4423",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "89.37.173.34",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 58343,
- publicid: "4877",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "89.187.162.185",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 56095,
- publicid: "391",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "62.197.145.4",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 60973,
- publicid: "1872",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.134.212.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 55040,
- publicid: "4379",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.33.40.115",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 51789,
- publicid: "4923",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "91.219.215.52",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 52951,
- publicid: "1885",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "185.99.3.103",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 60547,
- publicid: "3377",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "213.152.165.107",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 62282,
- publicid: "769",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "129.227.219.8",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 53877,
- publicid: "1271",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.9.249.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 57637,
- publicid: "3424",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.136.155.91",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 55749,
- publicid: "2877",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "156.146.50.98",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 49162,
- publicid: "2925",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.5.215.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 50858,
- publicid: "1279",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "188.240.57.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 61692,
- publicid: "4424",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "138.199.42.181",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 58970,
- publicid: "2377",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "149.34.242.65",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 54856,
- publicid: "3776",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "89.187.162.185",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 52956,
- publicid: "392",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.33.40.115",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 64302,
- publicid: "4924",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.134.212.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 63807,
- publicid: "4380",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "91.219.215.52",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 64985,
- publicid: "1886",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.9.249.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 57372,
- publicid: "3425",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "213.152.165.107",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 49539,
- publicid: "770",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.136.155.91",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 60032,
- publicid: "2878",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "156.146.50.98",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 65234,
- publicid: "2926",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "188.240.57.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 61386,
- publicid: "4425",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.5.215.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 62886,
- publicid: "1280",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "149.34.242.65",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 57416,
- publicid: "3777",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.33.40.115",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 65530,
- publicid: "4925",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "89.187.162.185",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 59341,
- publicid: "393",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.134.212.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 49608,
- publicid: "4381",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "91.219.215.52",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 62294,
- publicid: "1887",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.9.249.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 57068,
- publicid: "3426",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "213.152.165.107",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 61066,
- publicid: "771",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "156.146.50.98",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 64946,
- publicid: "2927",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "188.240.57.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 61133,
- publicid: "4426",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.5.215.118",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 63212,
- publicid: "1281",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "194.33.40.115",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 56324,
- publicid: "4926",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "149.34.242.65",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 50517,
- publicid: "3778",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.134.212.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 52108,
- publicid: "4382",
- username: "",
- },
- {
- alive: 0,
- corp: "",
- devmode: "gb28181",
- ip: "45.9.249.244",
- name: "",
- parentid: "11011400011121000001",
- passwd: "",
- port: 56708,
- publicid: "3427",
- username: "",
- },
- {
- alive: 0,
- corp: "GBT28181",
- devmode: "gb28181",
- ip: "192.168.5.56",
- name: "Camera 01",
- parentid: "11011400011121000001",
- passwd: "",
- port: 5060,
- publicid: "44122500041325000002",
- username: "",
- },
- ];
+ let params = {};
+ if (this.id.clusterId) {
+ params = {
+ clusterId: this.id.clusterId,
+ devId: "",
+ };
+ } else {
+ params = {
+ clusterId: "",
+ devId: this.id.devId,
+ };
+ }
+ const res = await getAllSubServer(params);
+ if (res && res.success) {
+ this.subDevTable = res.data;
+ }
},
},
};
@@ -638,6 +79,9 @@
<style lang="scss" scoped >
.TableArea {
padding: 30px 0;
+ .content {
+ height: 500px;
+ }
.el-table ::v-deep {
background-color: rgb(233, 235, 238);
padding: 1px;
--
Gitblit v1.8.0