初稿

ZZJ

2022-03-25 52ad37fba37a1ae72f124106627227a09836be5b

 src/views/hashrate/CameraManage/CameraInfo/index.vue

File was renamed from src/views/hashrate/components/CameraInfo.vue
@@ -118,6 +118,24 @@
          </el-form-item>
        </div>

        <div class="row">
          <el-form-item label="所属集群">
            <el-select
              v-model="form.cluster"
              placeholder="请选择所属集群"
              size="small"
              class="clusterSelect"
            >
              <el-option
                v-for="item in clusterList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </div>

        <!-- 添加传感器 -->
        <CameraInfoEditor
          ref="cameraEditor"
@@ -188,51 +206,10 @@
          </div>
        </div>

        <div
          class="chart"
        <sysinfo
          :stroke="24"
          v-if="PollData.barCharts && PollData.barCharts.length !== 0"
        >
          <!-- 内存进度条 -->
          <div class="row">
            <div class="label">内存</div>
            <el-progress
              :percentage="PollData.barCharts[3]"
              :stroke-width="24"
              :show-text="false"
            ></el-progress>
            <div class="number">{{ PollData.barCharts[3] }}%</div>
          </div>
          <!-- 算力进度条 -->
          <div class="row">
            <div class="label">算力</div>
            <el-progress
              :percentage="PollData.barCharts[2]"
              :stroke-width="24"
              :show-text="false"
            ></el-progress>
            <div class="number">{{ PollData.barCharts[2] }}%</div>
          </div>
          <!-- CPU进度条 -->
          <div class="row">
            <div class="label">CPU</div>
            <el-progress
              :percentage="PollData.barCharts[1]"
              :stroke-width="24"
              :show-text="false"
            ></el-progress>
            <div class="number">{{ PollData.barCharts[1] }}%</div>
          </div>
          <!-- 硬盘进度条 -->
          <div class="row">
            <div class="label">硬盘</div>
            <el-progress
              :percentage="PollData.barCharts[0]"
              :stroke-width="24"
              :show-text="false"
            ></el-progress>
            <div class="number">{{ PollData.barCharts[0] }}%</div>
          </div>
        </div>
        />
      </div>

      <div class="camera">
@@ -282,13 +259,15 @@
import { getSoundList } from "@/api/event";

import WasmPlayer from "@/components/wasmPlayer";
import CameraInfoEditor from "./CameraInfoEditor";
import CameraInfoEditor from "./components/CameraInfoEditor";
import Sysinfo from "@/components/subComponents/SystemInfo";

export default {
  name: "CameraInfo",
  components: {
    WasmPlayer,
    CameraInfoEditor,
    Sysinfo,
  },
  props: {
    cameraList: {
@@ -325,6 +304,16 @@
      //传感器列表
      sensors: [],
      voice: null,
      clusterList: [
        {
          label: "集群1",
          value: 0,
        },
        {
          label: "集群2",
          value: 1,
        },
      ],
    };
  },
  computed: {
@@ -748,7 +737,7 @@
    }
  }

  @media screen and (max-width: 1440px) {
  @media screen and (max-width: 1600px) {
    .cameraBody {
      display: block;

@@ -756,6 +745,10 @@
        margin-right: 0;
        margin-bottom: 24px;
      }
    }

    .camera {
      height: auto !important;
    }
  }

@@ -829,6 +822,10 @@
      }
    }

    .clusterSelect.el-select {
      width: 360px;
    }

    .el-switch ::v-deep {
      height: 32px;
      .el-switch__core {