File was renamed from src/views/hashrate/components/CameraInfo.vue |
| | |
| | | </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" |
| | |
| | | </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"> |
| | |
| | | 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: { |
| | |
| | | //传感器列表 |
| | | sensors: [], |
| | | voice: null, |
| | | clusterList: [ |
| | | { |
| | | label: "集群1", |
| | | value: 0, |
| | | }, |
| | | { |
| | | label: "集群2", |
| | | value: 1, |
| | | }, |
| | | ], |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1440px) { |
| | | @media screen and (max-width: 1600px) { |
| | | .cameraBody { |
| | | display: block; |
| | | |
| | |
| | | margin-right: 0; |
| | | margin-bottom: 24px; |
| | | } |
| | | } |
| | | |
| | | .camera { |
| | | height: auto !important; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .clusterSelect.el-select { |
| | | width: 360px; |
| | | } |
| | | |
| | | .el-switch ::v-deep { |
| | | height: 32px; |
| | | .el-switch__core { |