| | |
| | | <p>异常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #7868d9">{{ totalViews }}</h3> |
| | | <h3>{{ totalViews }}</h3> |
| | | <p>生成异常工单数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ noStore }}</h3> |
| | | <p>无存储</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ partStore }}</h3> |
| | | <p>部分存储</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ viewsPercentage }}%</h3> |
| | |
| | | </el-row> |
| | | |
| | | <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="设备编码" align="center" prop="serialNumber" /> |
| | | <el-table-column label="设备名称" align="center" prop="name" /> |
| | | <el-table-column label="上报部门" align="center" prop="deptName" /> |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column label="设备名称" align="center" prop="name" width="280" fixed/> |
| | | <el-table-column label="设备编码" align="center" prop="serialNumber" width="180"/> |
| | | <el-table-column label="标签" align="center" prop="tag" width="180"/> |
| | | <el-table-column label="设备状态" align="center" prop="onState"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="地址" align="center" prop="address" /> |
| | | <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder"> |
| | | <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" width="180"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.defaultOrder"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="异常原因" align="center" prop="reason" /> |
| | | <el-table-column label="安装时间" align="center" prop="installedTime" width="180"/> |
| | | <el-table-column label="管理单位" align="center" prop="managementUnit" /> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <el-table-column label="数据时间" align="center" prop="installedTime" width="180"/> |
| | | <el-table-column label="管理单位" align="center" prop="managementUnit" width="180"/> |
| | | <el-table-column label="信令时延(ms)" align="center" prop="sipDelay" width="180"/> |
| | | <el-table-column label="视频时延(ms)" align="center" prop="videoDelay" width="180"/> |
| | | <el-table-column label="关键帧时延(ms)" align="center" prop="iframeDelay" width="180"/> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备编码:">{{ form.serialNumber }}</el-form-item> |
| | | <el-form-item label="设备名称:">{{ form.name }} </el-form-item> |
| | | <el-form-item label="上报部门:">{{ form.deptName }} </el-form-item> |
| | | <el-form-item label="标签:">{{ form.tag }} </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <div v-if="form.onState === 1">可用</div> |
| | | <div v-else-if="form.onState === 2">不可用</div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="地址:">{{ form.address }}</el-form-item> |
| | | <el-form-item label="是否生成异常工单:"> |
| | | <div v-if="form.defaultOrder === 1">是</div> |
| | | <div v-else-if="form.defaultOrder === 2">否</div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor"; |
| | | import { listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/video-monitor"; |
| | | |
| | | export default { |
| | | name: "Monitor", |
| | | dicts: ['sys_normal_disable', 'platform_yes_no','camera_state'], |
| | | data() { |
| | | return { |
| | | totalPosts: 1156, |
| | | totalMembers: 1000, |
| | | postsPercentage: 156, |
| | | totalViews: 75, |
| | | viewsPercentage: 91.36, |
| | | totalPosts: 6250, |
| | | totalMembers: 6008, |
| | | postsPercentage: 51, |
| | | totalViews: 17, |
| | | noStore: 47, |
| | | partStore: 56, |
| | | viewsPercentage: 96.12, |
| | | totalErrors: 0, |
| | | // 遮罩层 |
| | | loading: true, |
| | |
| | | installedTime: null, |
| | | managementUnit: null, |
| | | defaultOrder: null, |
| | | cameraFunType: 1, |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | |
| | | address: null, |
| | | installedTime: null, |
| | | managementUnit: null, |
| | | defaultOrder: "1", |
| | | defaultOrder: null, |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |