✨ feat: 任务状态字典展示

rtsp-vue/src/views/index.vue

@@ -9,9 +9,16 @@
       </el-form-item>
     </el-form>
 
-    <div style="display: flex;">
+    <el-row>
+      <el-col :span="12">
+        <div style="display: flex;">
       <div class="card" @click="handleVideoCameraFilled(item)" v-for="item in deviceList" :key="item.deviceId">
-        <div class="card-image"></div>
+        <div class="card-image">
+          <img :src="item.url" :alt="item.url" style="width: 100%; height: 100%;" />
+            <!-- <div style="width: 100%; height: 100%;">
+              {{ item.url }}
+            </div> -->
+        </div>
         <div class="category"><dict-tag :options="device_type" :value="item.type"/></div>
         <div class="heading"> 
           {{ item.ip }}
@@ -19,6 +26,12 @@
         </div>
       </div>
     </div>
+      </el-col>
+      <el-col :span="12">
+
+      </el-col>
+    </el-row>
+    
 
 
     <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
@@ -94,6 +107,8 @@ getList();
   background-color: rgb(236, 236, 236);
   width: 100%;
   height: 130px;
+  text-align: center;
+  word-break: break-all;
   border-radius: 6px 6px 0 0;
 }