|
|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<div class="p-2">
|
|
|
- <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
|
|
+ <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
|
|
|
+ :leave-active-class="proxy?.animate.searchAnimate.leave">
|
|
|
<div v-show="showSearch" class="mb-[10px]">
|
|
|
<el-card shadow="hover" :style="{ height: '70px' }">
|
|
|
<el-row :gutter="20" align="middle">
|
|
|
@@ -41,29 +42,37 @@
|
|
|
<el-card shadow="hover" :style="{ marginTop: '10px', height: '60px' }">
|
|
|
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="40px">
|
|
|
<el-form-item label="名称" prop="name">
|
|
|
- <el-input v-model="queryParams.name" style="width: 150px" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ <el-input v-model="queryParams.name" style="width: 150px" placeholder="请输入设备名称" clearable
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="SN" prop="serialNumber">
|
|
|
- <el-input v-model="queryParams.serialNumber" style="width: 150px" placeholder="请输入设备SN" clearable @keyup.enter="handleQuery" />
|
|
|
+ <el-input v-model="queryParams.serialNumber" style="width: 150px" placeholder="请输入设备SN" clearable
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="MAC" prop="mac">
|
|
|
- <el-input v-model="queryParams.mac" style="width: 150px" placeholder="请输入设备MAC" clearable @keyup.enter="handleQuery" />
|
|
|
+ <el-input v-model="queryParams.mac" style="width: 150px" placeholder="请输入设备MAC" clearable
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="状态" prop="onlineStatus">
|
|
|
- <el-select v-model="queryParams.onlineStatus" placeholder="请选择设备状态" clearable @change="handleQuery" style="width: 150px">
|
|
|
- <el-option v-for="item in sys_device_online" :key="item.label" :value="item.value" :label="item.label"></el-option>
|
|
|
+ <el-select v-model="queryParams.onlineStatus" placeholder="请选择设备状态" clearable @change="handleQuery"
|
|
|
+ style="width: 150px">
|
|
|
+ <el-option v-for="item in sys_device_online" :key="item.label" :value="item.value"
|
|
|
+ :label="item.label"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
- <el-button v-hasPermi="['smsb:device:add']" type="primary" plain icon="Plus" @click="handleAdd">设备添加 </el-button>
|
|
|
+ <el-button v-hasPermi="['smsb:device:add']" type="primary" plain icon="Plus" @click="handleAdd">设备添加
|
|
|
+ </el-button>
|
|
|
<el-button type="warning" plain icon="Picture" :disabled="single" @click="screenShot()">回采画面 </el-button>
|
|
|
- <el-button type="success" plain icon="VideoPlay" :disabled="single" @click="startMonitor()">回调视频 </el-button>
|
|
|
- <el-button v-hasPermi="['smsb:device:remove']" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
|
|
|
- >删除
|
|
|
+ <el-button type="success" plain icon="VideoPlay" :disabled="single" @click="startMonitor()">回调视频
|
|
|
+ </el-button>
|
|
|
+ <el-button v-hasPermi="['smsb:device:remove']" type="danger" plain icon="Delete" :disabled="multiple"
|
|
|
+ @click="handleDelete()">删除
|
|
|
</el-button>
|
|
|
- <el-button v-hasPermi="['smsb:device:query']" type="info" plain icon="Position" :disabled="single" @click="handleInfo()">
|
|
|
+ <el-button v-hasPermi="['smsb:device:query']" type="info" plain icon="Position" :disabled="single"
|
|
|
+ @click="handleInfo()">
|
|
|
详情
|
|
|
</el-button>
|
|
|
</el-form-item>
|
|
|
@@ -73,51 +82,56 @@
|
|
|
</transition>
|
|
|
|
|
|
<el-card shadow="never">
|
|
|
- <el-table v-loading="loading" :data="deviceList" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="设备名称" align="left" prop="name" width="300" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="设备型号" align="left" prop="deviceModel" width="120" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="设备SN" align="left" prop="serialNumber" width="150" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="设备MAC" align="left" prop="mac" width="150" />
|
|
|
- <el-table-column label="设备标识" align="left" prop="identifier" width="220" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="分辨率" align="left" prop="resolution" width="100" />
|
|
|
- <el-table-column label="开机时间" align="left" prop="openTime" width="80" />
|
|
|
- <el-table-column label="关机时间" align="left" prop="closeTime" width="80" />
|
|
|
- <el-table-column label="在线状态" align="center" prop="onlineStatus" width="80">
|
|
|
- <template #default="scope">
|
|
|
- <dict-tag :options="sys_device_online" :value="scope.row.onlineStatus" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="上线时间" align="left" prop="lastOnline" width="160">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.lastOnline, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="上次离线" align="left" prop="offlineTime" width="160">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.offlineTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="具体地址" align="left" prop="address" width="180" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="创建时间" align="left" prop="createTime" width="160">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="备注" align="left" prop="remark" width="200" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120">
|
|
|
- <template #default="scope">
|
|
|
- <el-tooltip content="修改" placement="top">
|
|
|
- <el-button v-hasPermi="['smsb:device:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
|
|
|
- </el-tooltip>
|
|
|
- <el-tooltip content="删除" placement="top">
|
|
|
- <el-button v-hasPermi="['smsb:device:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
|
|
|
- </el-tooltip>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <div class="table-content">
|
|
|
+ <el-table v-loading="loading" :data="deviceList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <el-table-column label="设备名称" align="left" prop="name" width="300" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="设备型号" align="left" prop="deviceModel" width="120" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="设备SN" align="left" prop="serialNumber" width="150" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="设备MAC" align="left" prop="mac" width="150" />
|
|
|
+ <el-table-column label="设备标识" align="left" prop="identifier" width="220" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="分辨率" align="left" prop="resolution" width="100" />
|
|
|
+ <el-table-column label="开机时间" align="left" prop="openTime" width="80" />
|
|
|
+ <el-table-column label="关机时间" align="left" prop="closeTime" width="80" />
|
|
|
+ <el-table-column label="在线状态" align="center" prop="onlineStatus" width="80">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="sys_device_online" :value="scope.row.onlineStatus" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="上线时间" align="left" prop="lastOnline" width="160">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.lastOnline, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="上次离线" align="left" prop="offlineTime" width="160">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.offlineTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="具体地址" align="left" prop="address" width="180" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="创建时间" align="left" prop="createTime" width="160">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="备注" align="left" prop="remark" width="200" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-tooltip content="修改" placement="top">
|
|
|
+ <el-button v-hasPermi="['smsb:device:edit']" link type="primary" icon="Edit"
|
|
|
+ @click="handleUpdate(scope.row)"></el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="删除" placement="top">
|
|
|
+ <el-button v-hasPermi="['smsb:device:remove']" link type="primary" icon="Delete"
|
|
|
+ @click="handleDelete(scope.row)"></el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
|
|
|
- <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
|
|
|
+ <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
|
|
|
+ :total="total" @pagination="getList" />
|
|
|
</el-card>
|
|
|
<!-- 添加或修改设备对话框 -->
|
|
|
<el-dialog v-model="dialog.visible" :title="dialog.title" width="850px" append-to-body>
|
|
|
@@ -131,7 +145,8 @@
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="设备型号" prop="deviceModel">
|
|
|
<el-select v-model="form.deviceModel" placeholder="请选择设备型号" style="width: 100%">
|
|
|
- <el-option v-for="dict in manufacturerList" :key="dict.id" :label="dict.manufacturerName" :value="dict.id"></el-option>
|
|
|
+ <el-option v-for="dict in manufacturerList" :key="dict.id" :label="dict.manufacturerName"
|
|
|
+ :value="dict.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -151,12 +166,14 @@
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
<el-form-item label="分辨率" prop="width">
|
|
|
- <el-input-number v-model="form.width" controls-position="right" placeholder="请输入宽度" :min="0" style="width: 180px" maxlength="6" />
|
|
|
+ <el-input-number v-model="form.width" controls-position="right" placeholder="请输入宽度" :min="0"
|
|
|
+ style="width: 180px" maxlength="6" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
<el-form-item label="" prop="height" width="10px">
|
|
|
- <el-input-number v-model="form.height" controls-position="right" placeholder="请输入高度" :min="0" style="width: 180px" maxlength="6" />
|
|
|
+ <el-input-number v-model="form.height" controls-position="right" placeholder="请输入高度" :min="0"
|
|
|
+ style="width: 180px" maxlength="6" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -169,14 +186,16 @@
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="异形屏" prop="isAlien">
|
|
|
<el-radio-group v-model="form.isAlien">
|
|
|
- <el-radio v-for="dict in smsb_yes_no" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label }} </el-radio>
|
|
|
+ <el-radio v-for="dict in smsb_yes_no" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label }}
|
|
|
+ </el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="视频监看" prop="isWatch">
|
|
|
<el-radio-group v-model="form.isWatch">
|
|
|
- <el-radio v-for="dict in smsb_yes_no" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label }} </el-radio>
|
|
|
+ <el-radio v-for="dict in smsb_yes_no" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label }}
|
|
|
+ </el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -197,14 +216,14 @@
|
|
|
</el-dialog>
|
|
|
<!--设备详情弹窗-->
|
|
|
<el-dialog v-model="viewDialog.visible" :title="viewDialog.title" width="900px" style="height: 700px"
|
|
|
- append-to-body>
|
|
|
+ append-to-body>
|
|
|
<el-tabs v-model="activeName" style="height: 500px" @tab-click="handleClickTab">
|
|
|
<el-tab-pane label="设备详情" name="info">
|
|
|
<div>
|
|
|
<span>设备名称：{{ deviceRunInfo.deviceBase.name }}</span>
|
|
|
<span style="margin-left: 50px">SN：{{ deviceRunInfo.deviceBase.serialNumber }}</span>
|
|
|
<span style="margin-left: 50px">MAC：{{ deviceRunInfo.deviceBase.mac }}</span>
|
|
|
- <br/>
|
|
|
+ <br />
|
|
|
</div>
|
|
|
<div style="margin-top: 20px">
|
|
|
<span>分辨率：{{ deviceRunInfo.deviceBase.width }}*{{ deviceRunInfo.deviceBase.height }}</span>
|
|
|
@@ -218,12 +237,12 @@
|
|
|
<!-- 音量 -->
|
|
|
<div class="slider-block">
|
|
|
<span style="width: 50px">音量</span>
|
|
|
- <el-slider v-model="deviceRunInfo.volume" :disabled="true" :step="10" show-stops/>
|
|
|
+ <el-slider v-model="deviceRunInfo.volume" :disabled="true" :step="10" show-stops />
|
|
|
</div>
|
|
|
<!-- 亮度 -->
|
|
|
<div class="slider-block">
|
|
|
<span style="width: 50px">亮度</span>
|
|
|
- <el-slider v-model="deviceRunInfo.bright" :disabled="true" :step="10" show-stops/>
|
|
|
+ <el-slider v-model="deviceRunInfo.bright" :disabled="true" :step="10" show-stops />
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
@@ -231,28 +250,28 @@
|
|
|
<!-- cpu -->
|
|
|
<div class="slider-block">
|
|
|
<span style="width: 50px">CPU</span>
|
|
|
- <el-progress type="circle" :percentage="deviceRunInfo.cpuUsage"/>
|
|
|
+ <el-progress type="circle" :percentage="deviceRunInfo.cpuUsage" />
|
|
|
</div>
|
|
|
<div class="slider-block">
|
|
|
<span style="width: 50px;margin-left: 20px">内存</span>
|
|
|
- <el-progress type="circle" :percentage="deviceRunInfo.ramUsage"/>
|
|
|
+ <el-progress type="circle" :percentage="deviceRunInfo.ramUsage" />
|
|
|
</div>
|
|
|
<div class="slider-block">
|
|
|
<span style="width: 50px;margin-left: 20px">存储</span>
|
|
|
- <el-progress type="circle" :percentage="deviceRunInfo.externalUsage"/>
|
|
|
+ <el-progress type="circle" :percentage="deviceRunInfo.externalUsage" />
|
|
|
</div>
|
|
|
</span>
|
|
|
</div>
|
|
|
<div style="margin-top: 20px">
|
|
|
<span>系统构建时间：{{ deviceRunInfo.systemBuildDate }}</span>
|
|
|
<span style="margin-left: 50px">系统构建版本：{{ deviceRunInfo.systemBuildVersion }}</span>
|
|
|
- <br/>
|
|
|
+ <br />
|
|
|
</div>
|
|
|
<div style="margin-top: 20px">
|
|
|
<span>版本CODE：{{ deviceRunInfo.versionCode }}</span>
|
|
|
<span style="margin-left: 50px">应用版本：{{ deviceRunInfo.versionName }}</span>
|
|
|
<span style="margin-left: 50px">状态时间：{{ deviceRunInfo.versionName }}</span>
|
|
|
- <br/>
|
|
|
+ <br />
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="远程操作" name="control">
|
|
|
@@ -264,28 +283,25 @@
|
|
|
<el-button :loading="buttonLoading" type="primary" @click="handleBrightness">亮度调节</el-button>-->
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="报警信息" name="alarm">
|
|
|
- <el-table v-loading="loading" :data="alarmList" row-key="id">
|
|
|
- <el-table-column v-if="true" label="主键ID" align="left" prop="id" />
|
|
|
- <el-table-column label="设备名称" align="left" prop="deviceName" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="告警等级" align="center" prop="errorLevel" width="100">
|
|
|
- <template #default="scope">
|
|
|
- <dict-tag :options="smsb_device_error_level" :value="scope.row.errorLevel" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="告警类型" align="center" prop="errorType" width="100">
|
|
|
- <template #default="scope">
|
|
|
- <dict-tag :options="smsb_device_error_type" :value="scope.row.errorType" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="创建时间" align="left" prop="createTime" width="160" />
|
|
|
- </el-table>
|
|
|
- <pagination
|
|
|
- v-show="alarmTotal > 0"
|
|
|
- v-model:page="dialogQueryParams.pageNum"
|
|
|
- v-model:limit="dialogQueryParams.pageSize"
|
|
|
- :total="alarmTotal"
|
|
|
- @pagination="getAlarmList"
|
|
|
- />
|
|
|
+ <div class="table-content">
|
|
|
+ <el-table v-loading="loading" :data="alarmList" row-key="id">
|
|
|
+ <el-table-column v-if="true" label="主键ID" align="left" prop="id" />
|
|
|
+ <el-table-column label="设备名称" align="left" prop="deviceName" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="告警等级" align="center" prop="errorLevel" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="smsb_device_error_level" :value="scope.row.errorLevel" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="告警类型" align="center" prop="errorType" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="smsb_device_error_type" :value="scope.row.errorType" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="创建时间" align="left" prop="createTime" width="160" />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <pagination v-show="alarmTotal > 0" v-model:page="dialogQueryParams.pageNum"
|
|
|
+ v-model:limit="dialogQueryParams.pageSize" :total="alarmTotal" @pagination="getAlarmList" />
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
<template #footer>
|
|
|
@@ -294,7 +310,8 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="watchDialog.visible" :title="watchDialog.title" width="900px" append-to-body @closed="onDialogClosed">
|
|
|
+ <el-dialog v-model="watchDialog.visible" :title="watchDialog.title" width="900px" append-to-body
|
|
|
+ @closed="onDialogClosed">
|
|
|
<div v-if="watchDialog.visible" style="width: 100%; height: 500px">
|
|
|
<video ref="flvPlayerRef" style="width: 100%; height: 100%" controls></video>
|
|
|
</div>
|
|
|
@@ -304,7 +321,8 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="shotDialog.visible" :title="shotDialog.title" width="900px" append-to-body @closed="onDialogClosed">
|
|
|
+ <el-dialog v-model="shotDialog.visible" :title="shotDialog.title" width="900px" append-to-body
|
|
|
+ @closed="onDialogClosed">
|
|
|
<div style="text-align: center">
|
|
|
<!-- <image-preview :src="screenshotImageUrl" style="width: 40px; height: 40px; cursor: pointer" />-->
|
|
|
<el-image v-loading="screenshotLoading" :src="screenshotImageUrl" style="width: 600px; height: 600px" />
|
|
|
@@ -330,25 +348,25 @@ import {
|
|
|
stopStream,
|
|
|
updateDevice
|
|
|
} from '@/api/smsb/device/device';
|
|
|
-import {DeviceForm, DeviceQuery, DeviceStatisticsVo, DeviceVO} from '@/api/smsb/device/device_type';
|
|
|
-import {ProductVO} from '@/api/smsb/device/product_types';
|
|
|
-import {listProduct} from '@/api/smsb/device/product';
|
|
|
-import {DeviceManufacturerVO} from '@/api/smsb/device/deviceManufacturer_type';
|
|
|
-import {listDeviceManufacturer} from '@/api/smsb/device/deviceManufacturer';
|
|
|
-import type {TabsPaneContext} from 'element-plus';
|
|
|
-import {onBeforeUnmount, ref} from 'vue';
|
|
|
+import { DeviceForm, DeviceQuery, DeviceStatisticsVo, DeviceVO } from '@/api/smsb/device/device_type';
|
|
|
+import { ProductVO } from '@/api/smsb/device/product_types';
|
|
|
+import { listProduct } from '@/api/smsb/device/product';
|
|
|
+import { DeviceManufacturerVO } from '@/api/smsb/device/deviceManufacturer_type';
|
|
|
+import { listDeviceManufacturer } from '@/api/smsb/device/deviceManufacturer';
|
|
|
+import type { TabsPaneContext } from 'element-plus';
|
|
|
+import { onBeforeUnmount, ref } from 'vue';
|
|
|
import flvjs from 'flv.js';
|
|
|
-import {DeviceRunInfoVO} from '@/api/smsb/device/device_run_type';
|
|
|
-import {DeviceErrorRecordQuery, DeviceErrorRecordVO} from '@/api/smsb/device/errorRecord_type';
|
|
|
-import {listDeviceErrorRecord} from '@/api/smsb/device/errorRecord';
|
|
|
-import {storeToRefs} from 'pinia';
|
|
|
+import { DeviceRunInfoVO } from '@/api/smsb/device/device_run_type';
|
|
|
+import { DeviceErrorRecordQuery, DeviceErrorRecordVO } from '@/api/smsb/device/errorRecord_type';
|
|
|
+import { listDeviceErrorRecord } from '@/api/smsb/device/errorRecord';
|
|
|
+import { storeToRefs } from 'pinia';
|
|
|
import useScreenshotStore from '@/store/modules/screenshot';
|
|
|
|
|
|
const screenshotStore = storeToRefs(useScreenshotStore());
|
|
|
const screenshotImageUrl = ref<string>();
|
|
|
const alarmList = ref<DeviceErrorRecordVO[]>([]);
|
|
|
-const {proxy} = getCurrentInstance() as ComponentInternalInstance;
|
|
|
-const {sys_device_online, smsb_yes_no, smsb_device_error_level, smsb_device_error_type} = toRefs<any>(
|
|
|
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
+const { sys_device_online, smsb_yes_no, smsb_device_error_level, smsb_device_error_type } = toRefs<any>(
|
|
|
proxy?.useDict('sys_device_online', 'smsb_yes_no', 'smsb_device_error_level', 'smsb_device_error_type')
|
|
|
);
|
|
|
const deviceList = ref<DeviceVO[]>([]);
|
Shinohara Haruna