feat 搭建页面

src/views/WarningList/list.vue

@@ -8,20 +8,13 @@
               <el-input v-model="queryParams.deviceId" placeholder="请输入设备编号" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="设备选择" prop="userName">
-              <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 160px">
+              <el-select v-model="queryParams.userName" placeholder="请选择" clearable style="width: 160px">
                 <el-option label="绑定的设备" :value="0" />
               </el-select>
             </el-form-item>
-            <el-form-item label="报警时间" prop="alarmTime">
+            <el-form-item label="报警时间" prop="queryTime">
               <el-date-picker
-                v-model="queryParams.endTime"
-                type="datetimerange"
-                range-separator="至"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-              />
-              <el-date-picker
-                v-model="queryParams.endTime"
+                v-model="queryTime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 type="daterange"
                 range-separator="-"
@@ -86,7 +79,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="520px" append-to-body>
+    <!-- <el-dialog v-model="dialog.visible" :title="dialog.title" width="520px" append-to-body>
       <el-form ref="demoFormRef" :model="form" label-width="100px">
         <el-form-item label="设备编号">
           <el-input v-model="form.deviceId" disabled />
@@ -118,7 +111,7 @@
           <el-button @click="cancel">取 消</el-button>
         </div>
       </template>
-    </el-dialog>
+    </el-dialog> -->
   </div>
 </template>
 
@@ -163,13 +156,17 @@ const data = reactive({
     pageSize: 10,
     id: undefined,
     deviceId: undefined,
+    //status: undefined,
     beginTime: undefined,
-    endTime: undefined
+    endTime: undefined,
+    monitoringArea: undefined,
+    userName: undefined
   },
-  rules: {}
+  rules: {},
+  queryTime: []
 });
 
-const { queryParams, form } = toRefs(data);
+const { queryParams, form, rules, queryTime } = toRefs(data);
 
 const getList = async () => {
   loading.value = true;
@@ -194,6 +191,8 @@ const reset = () => {
 
 const handleQuery = () => {
   queryParams.value.pageNum = 1;
+  queryParams.value.beginTime = queryTime.value[0];
+  queryParams.value.endTime = queryTime.value[1];
   getList();
 };
 
@@ -208,11 +207,17 @@ const handleSelectionChange = (selection: any) => {
 };
 
 /** 单条：打开确认弹窗 */
-const handleUpdate = (row: any) => {
-  reset();
-  Object.assign(form.value, row);
-  dialog.visible = true;
-  dialog.title = '处理报警';
+const handleUpdate = async (row: any) => {
+  console.log(row.id);
+
+  loading.value = true;
+  try {
+    await updateDemo(row.id);
+    proxy?.$modal.msgSuccess('处理成功');
+    await getList();
+  } finally {
+    loading.value = false;
+  }
 };
 
 /** 批量：确认后直接提交 */