From 52ad37fba37a1ae72f124106627227a09836be5b Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期五, 25 三月 2022 15:36:31 +0800
Subject: [PATCH] 初稿

---
 src/views/hashrate/CameraManage/CameraInfo/index.vue |   89 +++++++++++++++++++++-----------------------
 1 files changed, 43 insertions(+), 46 deletions(-)

diff --git a/src/views/hashrate/components/CameraInfo.vue b/src/views/hashrate/CameraManage/CameraInfo/index.vue
similarity index 92%
rename from src/views/hashrate/components/CameraInfo.vue
rename to src/views/hashrate/CameraManage/CameraInfo/index.vue
index f81fb22..b4d7ca1 100644
--- a/src/views/hashrate/components/CameraInfo.vue
+++ b/src/views/hashrate/CameraManage/CameraInfo/index.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 {

--
Gitblit v1.8.0