完善断流监控,集群和设备详情的查询

zhangzengfei

2022-12-07 0dbf19e9f92f5cb1d5ca9a06fd268d3b16e466e3

 src/views/personalCenter/components/SubAccount.vue

@@ -1,6 +1,6 @@
<template>
  <div class="sub-account" v-if="!isShowAdd && !isShowRelate">
    <div class="head-name">子账户管理</div>
    <div class="head-name" v-show="showHeadName">子账号管理</div>
    <div class="search">
      <div class="left">
        <div class="id">
@@ -41,6 +41,7 @@
        :data="dataList"
        :fit="true"
        :default-sort="{ prop: 'createTime', order: 'descending' }"
        v-loading="tbLoading"
      >
        <el-table-column label="序号" width="55" class-name="index">
          <template slot-scope="scope">{{ scope.$index + 1 + (page - 1) * size }}</template>
@@ -200,10 +201,10 @@
          <el-option
            v-for="item in taskOptions"
            style="font-size: 12px"
            :key="item.id"
            :value="item.name"
            :label="item.name"
            :title="item.name"
            :key="item.value"
            :value="item.value"
            :label="item.value"
            :title="item.value"
          ></el-option>
        </el-select>
        <el-select
@@ -252,7 +253,55 @@
  },
  computed: {
    taskOptions() {
      return this.VideoPhotoData.tasks.filter((item) => !item.isDelete)
      return [
        {
          value: "明火",
          label: "明火"
        },
        {
          value: "烟雾",
          label: "烟雾"
        },
        {
          value: "翻越围栏",
          label: "翻越围栏"
        },
        {
          value: "区域入侵",
          label: "区域入侵"
        },
        {
          value: "人员离岗",
          label: "人员离岗"
        },
        {
          value: "人员聚集",
          label: "人员聚集"
        },
        {
          value: "打电话",
          label: "打电话"
        },
        {
          value: "抽烟",
          label: "抽烟"
        },
        {
          value: "未佩戴安全帽",
          label: "未佩戴安全帽"
        },
        {
          value: "未穿工装",
          label: "未穿工装"
        },
        {
          value: "睡岗",
          label: "睡岗"
        }
      ]
    },
    showHeadName() {
      return this.$route.path === "/personalCenter"
    }
  },
  data() {
@@ -269,14 +318,15 @@
      }
    }
    return {
      tbLoading: false,
      searchTime: [this.$moment().format("YYYY-MM-DD 00:00:00"), this.$moment().format("YYYY-MM-DD HH:mm:ss")], //搜索时间
      page: 1,
      size: 10, //分页相关
      total: 0, //总数,
      inputText: "", //输入框内容
      activeStep: 0,
      activeIndex: 0,
      industrys: [],
      total: 0, //总数,
      treeHeight: 750,
      treeData: [],
      treeSettings: {
@@ -442,8 +492,12 @@
      this.smsEnable = false
      findTaskById({ id: row.id }).then((rsp) => {
        if (rsp && rsp.success && rsp.data != "") {
          this.smsSceneConfig = rsp.data.taskName.split(",")
          this.smsLevelConfig = rsp.data.level.split(",")
          if (rsp.data.taskName != "") {
            this.smsSceneConfig = rsp.data.taskName.split(",")
          }
          if (rsp.data.level != "") {
            this.smsLevelConfig = rsp.data.level.split(",")
          }
          this.smsEnable = rsp.data.enable
        }
      })
@@ -551,6 +605,7 @@
          // 编辑不提交密码
          if (this.isEditing) {
            delete json.password
            json.isChangePwd = false
          }

          if (typeof json.areaId === "string") {
@@ -600,6 +655,11 @@
      })
    },
    findUserList() {
      this.tbLoading = true
      if (this.inputText.length) {
        this.inputText = this.inputText.trim()
      }

      findUserList({
        inputText: this.inputText,
        page: this.page,
@@ -613,9 +673,12 @@
          } else {
            this.$notify.error("加载子账户列表失败")
          }

          this.tbLoading = false
        })
        .catch((e) => {
          this.$notify.error(e.msg)
          this.tbLoading = false
        })
    },
    goback() {