设备列表控制按钮

ZZJ

2022-05-07 428419ea60a84117e4e4827c0aeb80446ccf8d99

设备列表控制按钮

 src/views/equipmentManagement/equipmentList/components/FormList.vue

@@ -117,23 +117,37 @@
            <span
              class="iconfont option"
              @click="joinCluster(scope.row)"
              v-if="scope.row.clusterId"
              v-if="!scope.row.clusterId"
              :class="{ disable: scope.row.isOnline != 1 }"
              >&#xe640;</span
            >
            <!-- 退出 -->
            <span class="iconfont option" @click="quitCluster(scope.row)" v-else
            <span
              class="iconfont option"
              @click="quitCluster(scope.row)"
              v-else
              :class="{ disable: scope.row.isOnline != 1 }"
              >&#xe63c;</span
            >
            <!-- 算法详情 -->
            <span class="iconfont option" @click="algorithmDetail(scope.row)"
            <span
              class="iconfont option"
              :class="{ disable: scope.row.isOnline != 1 }"
              @click="algorithmDetail(scope.row)"
              >&#xe621;</span
            >
            <!-- 设备详情 -->
            <span class="iconfont option" @click="checkDetail(scope.row)"
            <span
              class="iconfont option"
              :class="{ disable: scope.row.isOnline != 1 }"
              @click="checkDetail(scope.row)"
              >&#xe619;</span
            >
            <!-- 解绑 -->
            <span class="iconfont option" @click="Untying(scope.row)"
            <span
              class="iconfont option"
              @click="Untying(scope.row)"
              :class="{ disable: scope.row.isOnline != 1 }"
              >&#xe617;</span
            >
          </template>
@@ -240,6 +254,9 @@

    // 跳到设备详情
    checkDetail(row) {
      if (row.isOnline != 1) {
        return;
      }
      this.$router.push({
        path: "/equipmentDetail",
        query: {
@@ -250,6 +267,9 @@

    // 跳到算法详情
    algorithmDetail(row) {
      if (row.isOnline != 1) {
        return;
      }
      this.$router.push({
        path: "/algorithmDetail",
        query: {
@@ -260,14 +280,28 @@

    // 查询列表
    searchingBtn() {
      let param = {
        page: this.page,
        size: this.size,
        startTime: this.searchTime[0],
        endTime: this.searchTime[1],
        clusterId: this.cluster,
        inputText: this.inputText,
      };
      let param = {};

      if (!this.searchTime) {
        param = {
          page: this.page,
          size: this.size,
          startTime: "",
          endTime: "",
          clusterId: this.cluster,
          inputText: this.inputText,
        };
      } else {
        param = {
          page: this.page,
          size: this.size,
          startTime: this.searchTime[0],
          endTime: this.searchTime[1],
          clusterId: this.cluster,
          inputText: this.inputText,
        };
      }

      findDevList(param)
        .then((res) => {
          this.dataList = res.data.list;
@@ -301,6 +335,9 @@

    //解绑按钮
    Untying(row) {
      if (row.isOnline != 1) {
        return;
      }
      this.unbindId = row.devId;
      this.isShowUnbind = true;
    },
@@ -335,7 +372,6 @@

    //解绑成功回调
    reflash() {
      console.log("1111");
      this.isShowUnbind = false;
      this.searchingBtn();
    },
@@ -348,12 +384,18 @@

    //退出集群
    quitCluster(equipment) {
      if (equipment.isOnline != 1) {
        return;
      }
      this.activeEquipment = equipment;
      this.showQuit = true;
    },

    //加入集群
    joinCluster(equipment) {
      if (equipment.isOnline != 1) {
        return;
      }
      this.activeEquipment = equipment;
      this.showJoin = true;
    },
@@ -564,6 +606,11 @@
      font-size: 24px;
      color: rgb(0, 101, 255);
      cursor: pointer;

      &.disable {
        color: #666;
        cursor: default;
      }
    }
  }


 src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue

@@ -1,7 +1,7 @@
<template>
  <div class="QuitClusterBox">
    <div class="title">退出集群</div>
    <div class="name">189服务器</div>
    <div class="name">{{ equipment.devName }}</div>

    <el-form
      :model="formData"

 src/views/personalCenter/components/QuitClusterBox.vue

@@ -1,7 +1,6 @@
<template>
  <div class="QuitClusterBox">
    <div class="title">退出集群</div>
    <div class="name">189服务器</div>

    <el-form
      :model="formData"