gb18186

ZZJ

2022-07-27 0daac085e308ab5dd5557048bbcb28473ae1b7df

 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;