fix 录像列表搭建

src/views/fileList/list.vue

@@ -4,17 +4,17 @@
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true">
-            <el-form-item label="设备编号" prop="equipmentNo">
+            <el-form-item label="报警编号" prop="deviceId">
-              <el-input v-model="queryParams.testKey" placeholder="请输入设备编号" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.deviceId" placeholder="请输入设备编号" clearable @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="设备名称" prop="value">
+            <el-form-item label="设备选择" prop="userName">
-              <el-input v-model="queryParams.value" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery" />
+              <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 160px">
+                <el-option label="绑定的设备1" :value="0" />
+                <el-option label="绑定的设备2" :value="1" />
+              </el-select>
             </el-form-item>
-            <el-form-item label="监控区域" prop="testKey">
+            <el-form-item label="日期" prop="alarmTime">
-              <el-input v-model="queryParams.testKey" placeholder="请输入监控区域" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="设备状态" prop="testKey">
-              <el-input v-model="queryParams.testKey" placeholder="请输入设备状态" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -26,7 +26,7 @@
     </transition>
 
     <el-card shadow="hover">
-      <template #header>
+      <!-- <template #header>
         <el-row :gutter="10" class="flex justify-end mb8">
           <el-col :span="1.5">
             <el-button v-hasPermi="['demo:demo:add']" type="primary" plain icon="Plus" @click="handleAdd">添加设备</el-button>
@@ -41,29 +41,22 @@
               >批量删除</el-button
             >
           </el-col>
-          <!-- <el-col :span="1.5">
-            <el-button v-hasPermi="['demo:demo:export']" type="warning" plain icon="Download" @click="handleExport">导出</el-button>
-          </el-col> -->
-          <!-- <right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar> -->
         </el-row>
-      </template>
+      </template> -->
 
       <el-table v-loading="loading" border :data="demoList" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
-        <el-table-column v-if="true" label="主键" align="center" prop="id" />
+        <el-table-column label="录像编号" align="center" prop="deviceId" width="90" />
-        <el-table-column label="部门id" align="center" prop="deptId" />
+        <el-table-column label="文件名曾" align="center" prop="alarmTime" min-width="170" />
-        <el-table-column label="用户id" align="center" prop="userId" />
+        <el-table-column label="所属设备" align="center" prop="userName" min-width="120" show-overflow-tooltip />
-        <el-table-column label="排序号" align="center" prop="orderNum" />
+        <el-table-column label="报警编号" align="center" prop="monitoringArea" min-width="120" show-overflow-tooltip />
-        <el-table-column label="key键" align="center" prop="testKey" />
+        <el-table-column label="录像开始时间" align="center" prop="monitoringArea" min-width="120" show-overflow-tooltip />
-        <el-table-column label="值" align="center" prop="value" />
+        <el-table-column label="录像结束时间" align="center" prop="monitoringArea" min-width="120" show-overflow-tooltip />
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <el-table-column label="录像时长" align="center" prop="monitoringArea" min-width="120" show-overflow-tooltip />
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="300">
           <template #default="scope">
-            <el-tooltip content="修改" placement="top">
+            <el-button v-hasPermi="['demo:demo:edit']" type="primary" @click="handleUpdate(scope.row)">播放</el-button>
-              <el-button v-hasPermi="['demo:demo:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+            <el-button v-hasPermi="['demo:demo:edit']" type="primary" @click="handleUpdate(scope.row)">下载至本地</el-button>
-            </el-tooltip>
-            <el-tooltip content="删除" placement="top">
-              <el-button v-hasPermi="['demo:demo:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
@@ -71,7 +64,7 @@
       <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="500px" append-to-body>
+    <!-- <el-dialog v-model="dialog.visible" :title="dialog.title" width="500px" append-to-body>
       <el-form ref="demoFormRef" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="部门id" prop="deptId">
           <el-input v-model="form.deptId" placeholder="请输入部门id" />
@@ -95,7 +88,7 @@
           <el-button @click="cancel">取 消</el-button>
         </div>
       </template>
-    </el-dialog>
+    </el-dialog> -->
   </div>
 </template>