|
|
@@ -0,0 +1,73 @@
|
|
|
+<template>
|
|
|
+ <div style="padding: 10px 15px">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>主设备信息-详情</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-descriptions :column="4">
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="设备名称">kooriookami</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="平台编码">18100000000</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="主设备类型">Suzhou</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="主设备协议类型">Suzhou</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="设备互联编码">Suzhou</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="设备类型">Suzhou</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="视频制式">Suzhou</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="设备提供商类型">Suzhou</el-descriptions-item>
|
|
|
+ <el-descriptions-item label-class-name="mylabel" label="序列号">Suzhou</el-descriptions-item>
|
|
|
+
|
|
|
+ </el-descriptions>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+ <el-card class="box-card" style="margin-top: 10px">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>视频设备</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-table :data="tableData" border>
|
|
|
+ <el-table-column width="180" prop="name" label="视频输入通道号"></el-table-column>
|
|
|
+ <el-table-column width="180" prop="code" label="摄像机编码"></el-table-column>
|
|
|
+ <el-table-column prop="type" label="摄像机名称"></el-table-column>
|
|
|
+ <el-table-column prop="protocol" label="摄像机类型"></el-table-column>
|
|
|
+ <el-table-column prop="protocol" label="纬度"></el-table-column>
|
|
|
+ <el-table-column prop="protocol" label="经度"></el-table-column>
|
|
|
+ <el-table-column prop="protocol" label="摄像机安装高度"></el-table-column>
|
|
|
+ <el-table-column width="180" prop="protocol" label="摄像机绑定音频通道"></el-table-column>
|
|
|
+ <el-table-column prop="protocol" label="是否支持组播"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts" name="Units">
|
|
|
+import {ref} from "vue";
|
|
|
+
|
|
|
+const tableData = ref([]);
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.card-header {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+:deep(.mylabel) {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: 800 !important;
|
|
|
+}
|
|
|
+</style>
|
