✨ feat: 增加设备名称

rtsp-vue/src/views/index.vue

@@ -19,8 +19,9 @@
       <div class="card" @click="handleVideoCameraFilled(item)" v-for="item in deviceList" :key="item.deviceId">
         <el-row>
           <el-col :span="16">
-            <h3 style="display: flex; align-items: center;"><img :src="DeviceImage" alt="" style="width: 20px; height: 20px; margin-right: 10px;"> {{ item.ip }}</h3>
+            <h3 style="display: flex; align-items: center;"><img :src="DeviceImage" alt="" style="width: 20px; height: 20px; margin-right: 10px;"> {{ item.deviceName }}</h3>
             <div class="li" style="display: flex; align-items: center;">设备分类：<dict-tag :options="device_type" :value="item.type" /></div>
+            <div class="li" style="display: flex; align-items: center;">设备IP：{{ item.ip }}</div>
             <div class="li" style="display: flex; align-items: center;">用户名：{{ item.username ?? '-' }}</div>
           </el-col>
           <el-col :span="8">

rtsp-vue/src/views/video/device/index.vue

@@ -63,6 +63,7 @@
       <el-table-column type="selection" width="55" align="center" />
 <!--      <el-table-column label="设备ID" align="center" prop="deviceId" />-->
       <el-table-column label="IP地址" align="center" prop="ip" width="150" fixed />
+      <el-table-column label="设备名称" align="center" prop="deviceName" width="150" />
       <el-table-column label="设备类型" align="center" prop="type" width="80">
         <template #default="scope">
           <dict-tag :options="device_type" :value="scope.row.type"/>
@@ -103,6 +104,9 @@
         <el-form-item label="IP地址" prop="ip">
           <el-input v-model="form.ip" placeholder="请输入IP地址" />
         </el-form-item>
+        <el-form-item label="设备名称">
+          <el-input v-model="form.deviceName" placeholder="请输入设备名称" />
+        </el-form-item>
         <el-form-item label="设备类型" prop="type">
           <el-select v-model="form.type" placeholder="请选择设备类型">
             <el-option
@@ -218,6 +222,7 @@ function reset() {
   form.value = {
     deviceId: null,
     ip: null,
+    deviceName: null,
     type: null,
     userName: null,
     password: null,

rtsp-vue/src/views/video/inspection/index.vue

@@ -52,6 +52,7 @@
         </template>
       </el-table-column>
       <el-table-column label="任务名称" align="center" prop="taskName" />
+      <el-table-column label="设备IP" align="center" prop="deviceIp" />
       <el-table-column label="设备名称" align="center" prop="deviceName" />
       <el-table-column label="Cron表达式" align="center" prop="cronExpression" />
       <el-table-column label="巡检时长(秒)" align="center" prop="duration" />