报警信息列表页

gassafety-web/src/views/dataMonitoring/deviceAlarm/index.vue

@@ -215,7 +215,6 @@ export default {
         this.deviceAlarmList = response.rows;
         this.total = response.total;
         this.loading = false;
-        console.log("this.deviceAlarmList",this.deviceAlarmList)
       });
     },
     getInspectorList(){
@@ -233,72 +232,47 @@ export default {
       this.open = false;
       this.reset();
     },
-    data() {
-      return {
-        // 遮罩层
-        loading: true,
-        // 导出遮罩层
-        exportLoading: false,
-        // 选中数组
-        ids: [],
-        // 非单个禁用
-        single: true,
-        // 非多个禁用
-        multiple: true,
-        // 显示搜索条件
-        showSearch: true,
-        // 总条数
-        total: 0,
-        // 报警信息表格数据
-        deviceAlarmList: [],
-        // 报警类型字典
-        typeOptions: [],
-        // 设备级联
-        options: [],
-
-        props: {
-          multiple: true,
-          value: "id",
-          label: "name",
-          level: "level",
-          children: "childList",
-        },
-        devices: null,
-        // 巡检员列表
-        inspector: [],
-        // 弹出层标题
-        title: "",
-        // 是否显示弹出层
-        open: false,
-        // 查询参数
-        queryParams: {
-          pageNum: 1,
-          pageSize: 10,
-          deviceId: null,
+    // 表单重置
+    reset() {
+      this.form = {
         orderId: null,
-          alarmType: null,
-          alarmValue: null,
-          startTime: null,
-          endTime: null,
-          dealStatus: null
-        },
-        // 表单参数
-        form: {},
-        // 表单校验
-        rules: {
-          orderName: [
-            { required: true, message: "工单名称不能为空", trigger: "blur" }
-          ],
-          appointInspector: [
-            { required: true, message: "请选择巡检人员", trigger: "blur" }
-          ],
-        }
+        orderType: null,
+        orderName: null,
+        orderStatus: "0",
+        createTime: null,
+        appointInspector: null,
+        allotTime: null,
+        actualInspector: null,
+        actualTime: null,
+        remarks: null
       };
+      this.resetForm("form");
     },
-    created() {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
       this.getList();
-      this.getDicts("t_alarm_type").then(response => {
-        this.typeOptions = response.data;
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.alarmId)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 下发按钮操作 */
+    handleIssue(row) {
+      this.reset();
+      this.getInspectorList();
+      const alarmId = row.alarmId || this.ids
+      getDeviceAlarm(alarmId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "填写工单信息";
       });
     },
 
@@ -325,8 +299,7 @@ export default {
           alarmId: row.alarmId
         }
       }) //带参跳转
-
     },
   }
-  };
+};
 </script>