diff --git a/web/src/api/alarm.js b/web/src/api/alarm.js
new file mode 100644
index 000000000..91f09f824
--- /dev/null
+++ b/web/src/api/alarm.js
@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+
+export function getAlarmList(params) {
+  const { page, count, alarmType, beginTime, endTime } = params
+  const query = new URLSearchParams()
+  query.append('page', page)
+  query.append('count', count)
+  if (alarmType && alarmType.length > 0) {
+    alarmType.forEach(t => query.append('alarmType', t))
+  }
+  if (beginTime) query.append('beginTime', beginTime)
+  if (endTime) query.append('endTime', endTime)
+  return request({
+    method: 'get',
+    url: `/api/alarm/list?${query.toString()}`
+  })
+}
+
+export function deleteAlarms(ids) {
+  return request({
+    method: 'delete',
+    url: '/api/alarm/delete',
+    data: ids
+  })
+}
diff --git a/web/src/store/modules/alarm.js b/web/src/store/modules/alarm.js
new file mode 100644
index 000000000..9c3fb9d94
--- /dev/null
+++ b/web/src/store/modules/alarm.js
@@ -0,0 +1,29 @@
+import { getAlarmList, deleteAlarms } from '@/api/alarm'
+
+const actions = {
+  getAlarmList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getAlarmList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteAlarms({ commit }, ids) {
+    return new Promise((resolve, reject) => {
+      deleteAlarms(ids).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}