点位在线率table优化

xiangpei

2024-09-03 ff01e654442ee6bd83dfe29701dfb465f9163c1f

点位在线率table优化

 src/views/system/data-manage/data-detail/index.vue

@@ -82,9 +82,11 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <right-toolbar :showSearch.sync="showSearch" @queryTable="handleQuery" :columns="showList"></right-toolbar>

    <div v-if="tableData.list && tableData.list.length >0">
      <el-table v-loading="loading" :data="tableData.list">
        <el-table-column :prop="item.prop" :label="item.label" :width="item.width" v-for="(item, index) in tableHead" :key="index" v-if="item"/>
        <el-table-column :prop="item.prop" :label="item.label" :width="item.width" v-for="(item, index) in tableHead" :key="index" v-if="showListPD(item)"/>
      </el-table>
    </div>
    <el-empty v-else description="暂无数据"></el-empty>
@@ -238,6 +240,7 @@
        ],

      },
      showList: [],
      tableHead: [],
      cardList: [],
      index: null
@@ -261,10 +264,10 @@
    this.index = this.$route.query.index;
    if (this.$route.query.type === '1') {
      let data = videoData.table.filter(item => item.index === this.$route.query.index)[0]

      this.tableHead = data.columns;
      this.cardList = data.card;
      console.log(this.cardList, "wcnm")
      console.log(data)
      this.showList = data.showList;
    }
    if (this.$route.query.type === '2') {
      let data = carData.table.filter(item => item.index === this.$route.query.index)[0]
@@ -284,6 +287,15 @@
    this.getList();
  },
  methods: {
    showListPD(item) {
      let arr = this.showList.filter(d => d.label === item.label)
      if (item && (!arr || arr.length <1)) {
        return true;
      } else {
        return item && arr && arr.length > 0 && arr[0].visible
      }

    },
    /** 修改按钮操作 */
    handleResourceUpdate(row) {
      this.reset("resourceForm");

 src/views/system/data-manage/data-detail/list.js

@@ -775,7 +775,19 @@
            },
          ]
        }
      ]
      ],
      showList: [
        { key: 0, label: `解码状态码`, visible: false },
        { key: 1, label: `sip状态码`, visible: false },
        { key: 2, label: `信令时延`, visible: false },
        { key: 3, label: `icmp延迟`, visible: false },
        { key: 3, label: `关键帧时延`, visible: false },
        { key: 3, label: `最近持续离线故障时间`, visible: false },
        { key: 3, label: `视频流时延`, visible: false },
        { key: 3, label: `巡检次数`, visible: false },
        { key: 3, label: `省厅标签`, visible: false },
        { key: 3, label: `省厅标签列表`, visible: false },
      ],
    },
    {
      title: "录像可用率",