diff --git a/src/components/DictSelect/index.vue b/src/components/DictSelect/index.vue
index 7056e59..f9d0a27 100644
--- a/src/components/DictSelect/index.vue
+++ b/src/components/DictSelect/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-select style="width: 100%" v-model="state.selectId" :placeholder="props.placeholder" clearable
+	<el-select style="width: 100% !important" v-model="state.selectId" :placeholder="props.placeholder" clearable
 		@visible-change="(e: boolean) => e && getDictOptions()" :multiple="props.multiple"
 		:collapse-tags="props.multiple" :filterable="props.filterable" :remote="props.filterable"
 		:remote-method="filterMethod">
diff --git a/src/views/alarm/alarm-record/index.vue b/src/views/alarm/alarm-record/index.vue
index 1744620..52f1f00 100644
--- a/src/views/alarm/alarm-record/index.vue
+++ b/src/views/alarm/alarm-record/index.vue
@@ -6,7 +6,11 @@
           <el-form-item style="width: 200px;" label="报警编号" prop="alarmCode">
             <el-input v-model="state.queryForm.alarmCode" placeholder="请输入报警编号" />
           </el-form-item>
-          <el-form-item style="width: 200px;" label="报警地点" prop="alarmPosition">
+          <el-form-item style="width: 350px;" label="报警类型" prop="alarmTypeList">
+            <dict-select v-model="state.queryForm.alarmTypeList" :options="alarm_type" multiple filterable
+              placeholder="请选择报警类型" />
+          </el-form-item>
+          <el-form-item style="width: 250px;" label="报警地点" prop="alarmPosition">
             <el-input v-model="state.queryForm.alarmPosition" placeholder="请输入报警地点" />
           </el-form-item>
           <el-form-item style="width: 250px;" label="处理状态" prop="handleStat">
@@ -101,7 +105,9 @@ const selectObjs = ref([]) as any
 const multiple = ref(true)
 
 const state: BasicTableProps = reactive<BasicTableProps>({
-  queryForm: {},
+  queryForm: {
+    alarmTypeList: [],
+  },
   pageList: alarmRecordApi.fetchList
 })