diff --git a/mock/systemConfig/alarmLevel.js b/mock/systemConfig/alarmLevel.js
index d46c2b9..1f211cb 100644
--- a/mock/systemConfig/alarmLevel.js
+++ b/mock/systemConfig/alarmLevel.js
@@ -1,22 +1,125 @@
+const deviceTypeList = [
+  {
+    'name': '井盖状态检测仪',
+    'value': '10'
+  },
+  {
+    'name': '液位检测仪',
+    'value': '11'
+  },
+  {
+    'name': '有害气体检测仪',
+    'value': '12'
+  },
+  {
+    'name': '燃气智能检测终端',
+    'value': '13'
+  },
+  {
+    'name': '温湿度检测仪',
+    'value': '14'
+  },
+  {
+    'name': '开挖检测仪',
+    'value': '15'
+  },
+  {
+    'name': '井盖定位检测仪',
+    'value': '16'
+  },
+  {
+    'name': '噪声记录仪',
+    'value': '17'
+  },
+  {
+    'name': '燃气智能检测终端(一体化)',
+    'value': '18'
+  },
+  {
+    'name': '管盯',
+    'value': '19'
+  }
+]
 const alarmLevelList = [
   {
-    'name': '3213',
+    'name': '液位',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/12/23'
   },
   {
-    'name': '3213',
+    'name': '燃气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '温度',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '开挖',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '一氧化碳',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '硫化氢',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '甲烷',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '氧气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '湿度',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/02/13'
   }
 ]
-
 module.exports = [
   // mock get all routes form server
+  // 设备类型
+  {
+    url: '/device/type',
+    type: 'get',
+    response: _ => {
+      return {
+        code: 200,
+        data: deviceTypeList,
+        message: '请求成功',
+        success: true
+      }
+    }
+  },
   {
     url: '/alarm/level/list',
     type: 'get',

diff --git a/mock/systemConfig/alarmLevel.js b/mock/systemConfig/alarmLevel.js
index d46c2b9..1f211cb 100644
--- a/mock/systemConfig/alarmLevel.js
+++ b/mock/systemConfig/alarmLevel.js
@@ -1,22 +1,125 @@
+const deviceTypeList = [
+  {
+    'name': '井盖状态检测仪',
+    'value': '10'
+  },
+  {
+    'name': '液位检测仪',
+    'value': '11'
+  },
+  {
+    'name': '有害气体检测仪',
+    'value': '12'
+  },
+  {
+    'name': '燃气智能检测终端',
+    'value': '13'
+  },
+  {
+    'name': '温湿度检测仪',
+    'value': '14'
+  },
+  {
+    'name': '开挖检测仪',
+    'value': '15'
+  },
+  {
+    'name': '井盖定位检测仪',
+    'value': '16'
+  },
+  {
+    'name': '噪声记录仪',
+    'value': '17'
+  },
+  {
+    'name': '燃气智能检测终端(一体化)',
+    'value': '18'
+  },
+  {
+    'name': '管盯',
+    'value': '19'
+  }
+]
 const alarmLevelList = [
   {
-    'name': '3213',
+    'name': '液位',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/12/23'
   },
   {
-    'name': '3213',
+    'name': '燃气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '温度',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '开挖',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '一氧化碳',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '硫化氢',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '甲烷',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '氧气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '湿度',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/02/13'
   }
 ]
-
 module.exports = [
   // mock get all routes form server
+  // 设备类型
+  {
+    url: '/device/type',
+    type: 'get',
+    response: _ => {
+      return {
+        code: 200,
+        data: deviceTypeList,
+        message: '请求成功',
+        success: true
+      }
+    }
+  },
   {
     url: '/alarm/level/list',
     type: 'get',
diff --git a/src/api/systemConfig/alarmLevel.js b/src/api/systemConfig/alarmLevel.js
index 1496914..5acd845 100644
--- a/src/api/systemConfig/alarmLevel.js
+++ b/src/api/systemConfig/alarmLevel.js
@@ -2,6 +2,15 @@
  * 告警等级配置接口
 */
 import request from '@/utils/request'
+
+// 设备类别
+export function getDevice(params) {
+  return request({
+    url: 'device/type',
+    method: 'get',
+    params
+  })
+}
 // 告警等级列表查询
 export function getAlarmLevelList(params) {
   return request({
@@ -10,3 +19,19 @@
     params
   })
 }
+// 删除告警等级配置
+export function delAlarmLevel(params) {
+  return request({
+    url: 'alarm/level/delete',
+    method: 'post',
+    params
+  })
+}
+// 添加设备
+export function addAlarmLevel(params) {
+  return request({
+    url: 'alarm/level/add',
+    method: 'post',
+    params
+  })
+}

diff --git a/mock/systemConfig/alarmLevel.js b/mock/systemConfig/alarmLevel.js
index d46c2b9..1f211cb 100644
--- a/mock/systemConfig/alarmLevel.js
+++ b/mock/systemConfig/alarmLevel.js
@@ -1,22 +1,125 @@
+const deviceTypeList = [
+  {
+    'name': '井盖状态检测仪',
+    'value': '10'
+  },
+  {
+    'name': '液位检测仪',
+    'value': '11'
+  },
+  {
+    'name': '有害气体检测仪',
+    'value': '12'
+  },
+  {
+    'name': '燃气智能检测终端',
+    'value': '13'
+  },
+  {
+    'name': '温湿度检测仪',
+    'value': '14'
+  },
+  {
+    'name': '开挖检测仪',
+    'value': '15'
+  },
+  {
+    'name': '井盖定位检测仪',
+    'value': '16'
+  },
+  {
+    'name': '噪声记录仪',
+    'value': '17'
+  },
+  {
+    'name': '燃气智能检测终端(一体化)',
+    'value': '18'
+  },
+  {
+    'name': '管盯',
+    'value': '19'
+  }
+]
 const alarmLevelList = [
   {
-    'name': '3213',
+    'name': '液位',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/12/23'
   },
   {
-    'name': '3213',
+    'name': '燃气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '温度',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '开挖',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '一氧化碳',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '硫化氢',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '甲烷',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '氧气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '湿度',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/02/13'
   }
 ]
-
 module.exports = [
   // mock get all routes form server
+  // 设备类型
+  {
+    url: '/device/type',
+    type: 'get',
+    response: _ => {
+      return {
+        code: 200,
+        data: deviceTypeList,
+        message: '请求成功',
+        success: true
+      }
+    }
+  },
   {
     url: '/alarm/level/list',
     type: 'get',
diff --git a/src/api/systemConfig/alarmLevel.js b/src/api/systemConfig/alarmLevel.js
index 1496914..5acd845 100644
--- a/src/api/systemConfig/alarmLevel.js
+++ b/src/api/systemConfig/alarmLevel.js
@@ -2,6 +2,15 @@
  * 告警等级配置接口
 */
 import request from '@/utils/request'
+
+// 设备类别
+export function getDevice(params) {
+  return request({
+    url: 'device/type',
+    method: 'get',
+    params
+  })
+}
 // 告警等级列表查询
 export function getAlarmLevelList(params) {
   return request({
@@ -10,3 +19,19 @@
     params
   })
 }
+// 删除告警等级配置
+export function delAlarmLevel(params) {
+  return request({
+    url: 'alarm/level/delete',
+    method: 'post',
+    params
+  })
+}
+// 添加设备
+export function addAlarmLevel(params) {
+  return request({
+    url: 'alarm/level/add',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/views/systemConfig/alarmLevel/components/dialogAlarmLevel.vue b/src/views/systemConfig/alarmLevel/components/dialogAlarmLevel.vue
new file mode 100644
index 0000000..bfb0c1d
--- /dev/null
+++ b/src/views/systemConfig/alarmLevel/components/dialogAlarmLevel.vue
@@ -0,0 +1,281 @@
+<template>
+  <el-dialog
+    append-to-body
+    :title="textMap[dialogStatus]"
+    :visible.sync="dialogFormVisible"
+  >
+    <el-form
+      ref="dataForm"
+      :rules="rules"
+      :model="deviceForm"
+      label-width="100px"
+      label-well-code="right"
+    >
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="设备类型" prop="deviceType">
+            <el-select
+              v-model="deviceForm.deviceType"
+              placeholder="请选择设备类型"
+              clearable
+            >
+              <el-option
+                v-for="item in deviceTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="监测指标" prop="name">
+            <el-input
+              v-model="deviceForm.name"
+              clearable
+              placeholder="请输入监测指标名称"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="开启报警" prop="openAlarm">
+            <el-select
+              v-model="deviceForm.openAlarm"
+              placeholder="请选择是否开启报警"
+              clearable
+            >
+              <el-option
+                v-for="item in openAlarmList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="开启工单" prop="openJob">
+            <el-select
+              v-model="deviceForm.openJob"
+              placeholder="请选择是否开启工单"
+              clearable
+            >
+              <el-option
+                v-for="item in openJobList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="告警上限" prop="highValue">
+            <el-input
+              v-model="deviceForm.highValue"
+              placeholder="请输入告警上限"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="告警下限" prop="lowValue">
+            <el-input
+              v-model="deviceForm.lowValue"
+              placeholder="请输入告警下限"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="报警等级" prop="level">
+            <el-select
+              v-model="deviceForm.level"
+              placeholder="请选择报警等级"
+              clearable
+            >
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div
+      v-show="dialogStatus === 'detail' ? false : true"
+      slot="footer"
+      class="dialog-footer"
+    >
+      <el-button type="primary" @click="saveData">
+        保存
+      </el-button>
+      <el-button @click="dialogFormVisible = false">
+        取消
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getDevice, addAlarmLevel } from '@/api/systemConfig/alarmLevel'
+export default {
+  name: 'DialogAlarmLevel',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框显示隐藏
+      deviceTypeList: '', // 设备类型
+      dialogStatus: '', // 对话框类型：create,update,detail
+      // 对话框标题
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      },
+      // 是否开启报警
+      openAlarmList: [
+        {
+          name: '是',
+          value: '1'
+        },
+        {
+          name: '否',
+          value: '0'
+        }
+      ],
+      // 是否开启工单
+      openJobList: [
+        {
+          name: '是',
+          value: '1'
+        },
+        {
+          name: '否',
+          value: '0'
+        }
+      ],
+      // 报警等级
+      levelList: [
+        {
+          name: '一级报警',
+          value: '1'
+        },
+        {
+          name: '二级报警',
+          value: '2'
+        },
+        {
+          name: '三级报警',
+          value: '3'
+        }
+      ],
+      // 表单内容
+      deviceForm: {
+        deviceType: '',
+        name: '',
+        openAlarm: '',
+        openJob: '',
+        level: '',
+        lowValue: '',
+        highValue: ''
+      },
+      // 表单校验规则
+      rules: {
+        deviceType: [{ required: true, message: '支持设备类型必选', trigger: ['blur', 'change'] }],
+        name: [{ required: true, message: '监测指标名称不能为空', trigger: ['blur', 'change'] }],
+        openAlarm: [{ required: true, message: '是否开启报警必选', trigger: ['blur', 'change'] }],
+        openJob: [{ required: true, message: '是否开启工单必选', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '报警等级必选', trigger: ['blur', 'change'] }],
+        lowValue: [{ required: true, message: '告警下限不能为空', trigger: ['blur', 'change'] }],
+        highValue: [{ required: true, message: '告警上限不能为空', trigger: ['blur', 'change'] }]
+      }
+    }
+  },
+  created() {
+    this.fetchDeviceType()
+  },
+  methods: {
+    // 获取设备类型
+    fetchDeviceType() {
+      getDevice().then(response => {
+        this.deviceTypeList = response.data
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.deviceForm = {
+        deptid: '',
+        wellType: '',
+        deviceType: '',
+        lng: '',
+        lat: ''
+      }
+    },
+    // 父子组件通信
+    initDialog(dialogStatus, row = null) {
+      this.dialogFormVisible = true
+      this.dialogStatus = dialogStatus
+      if (this.dialogStatus === 'create') {
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (this.dialogStatus === 'update') {
+        this.deviceForm = {
+          deptid: row.deptid,
+          wellType: row.wellType,
+          deviceType: row.deviceType,
+          lng: row.lng,
+          lat: row.lat
+        }
+      }
+    },
+    // 保存数据
+    saveData() {
+      if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.deviceForm)
+        if (valid) {
+          addAlarmLevel(this.deviceForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild') // 刷新父组件数据列表
+                this.dialogFormVisible = false
+              })
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+</style>

diff --git a/mock/systemConfig/alarmLevel.js b/mock/systemConfig/alarmLevel.js
index d46c2b9..1f211cb 100644
--- a/mock/systemConfig/alarmLevel.js
+++ b/mock/systemConfig/alarmLevel.js
@@ -1,22 +1,125 @@
+const deviceTypeList = [
+  {
+    'name': '井盖状态检测仪',
+    'value': '10'
+  },
+  {
+    'name': '液位检测仪',
+    'value': '11'
+  },
+  {
+    'name': '有害气体检测仪',
+    'value': '12'
+  },
+  {
+    'name': '燃气智能检测终端',
+    'value': '13'
+  },
+  {
+    'name': '温湿度检测仪',
+    'value': '14'
+  },
+  {
+    'name': '开挖检测仪',
+    'value': '15'
+  },
+  {
+    'name': '井盖定位检测仪',
+    'value': '16'
+  },
+  {
+    'name': '噪声记录仪',
+    'value': '17'
+  },
+  {
+    'name': '燃气智能检测终端(一体化)',
+    'value': '18'
+  },
+  {
+    'name': '管盯',
+    'value': '19'
+  }
+]
 const alarmLevelList = [
   {
-    'name': '3213',
+    'name': '液位',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/12/23'
   },
   {
-    'name': '3213',
+    'name': '燃气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '温度',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '开挖',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '一氧化碳',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '硫化氢',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '甲烷',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '氧气',
+    'deviceTypeName': 'ffff',
+    'openAlarm': '开启',
+    'openJob': '开启',
+    'ts': '2022/02/13'
+  },
+  {
+    'name': '湿度',
     'deviceTypeName': 'ffff',
     'openAlarm': '开启',
     'openJob': '开启',
     'ts': '2022/02/13'
   }
 ]
-
 module.exports = [
   // mock get all routes form server
+  // 设备类型
+  {
+    url: '/device/type',
+    type: 'get',
+    response: _ => {
+      return {
+        code: 200,
+        data: deviceTypeList,
+        message: '请求成功',
+        success: true
+      }
+    }
+  },
   {
     url: '/alarm/level/list',
     type: 'get',
diff --git a/src/api/systemConfig/alarmLevel.js b/src/api/systemConfig/alarmLevel.js
index 1496914..5acd845 100644
--- a/src/api/systemConfig/alarmLevel.js
+++ b/src/api/systemConfig/alarmLevel.js
@@ -2,6 +2,15 @@
  * 告警等级配置接口
 */
 import request from '@/utils/request'
+
+// 设备类别
+export function getDevice(params) {
+  return request({
+    url: 'device/type',
+    method: 'get',
+    params
+  })
+}
 // 告警等级列表查询
 export function getAlarmLevelList(params) {
   return request({
@@ -10,3 +19,19 @@
     params
   })
 }
+// 删除告警等级配置
+export function delAlarmLevel(params) {
+  return request({
+    url: 'alarm/level/delete',
+    method: 'post',
+    params
+  })
+}
+// 添加设备
+export function addAlarmLevel(params) {
+  return request({
+    url: 'alarm/level/add',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/views/systemConfig/alarmLevel/components/dialogAlarmLevel.vue b/src/views/systemConfig/alarmLevel/components/dialogAlarmLevel.vue
new file mode 100644
index 0000000..bfb0c1d
--- /dev/null
+++ b/src/views/systemConfig/alarmLevel/components/dialogAlarmLevel.vue
@@ -0,0 +1,281 @@
+<template>
+  <el-dialog
+    append-to-body
+    :title="textMap[dialogStatus]"
+    :visible.sync="dialogFormVisible"
+  >
+    <el-form
+      ref="dataForm"
+      :rules="rules"
+      :model="deviceForm"
+      label-width="100px"
+      label-well-code="right"
+    >
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="设备类型" prop="deviceType">
+            <el-select
+              v-model="deviceForm.deviceType"
+              placeholder="请选择设备类型"
+              clearable
+            >
+              <el-option
+                v-for="item in deviceTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="监测指标" prop="name">
+            <el-input
+              v-model="deviceForm.name"
+              clearable
+              placeholder="请输入监测指标名称"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="开启报警" prop="openAlarm">
+            <el-select
+              v-model="deviceForm.openAlarm"
+              placeholder="请选择是否开启报警"
+              clearable
+            >
+              <el-option
+                v-for="item in openAlarmList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="开启工单" prop="openJob">
+            <el-select
+              v-model="deviceForm.openJob"
+              placeholder="请选择是否开启工单"
+              clearable
+            >
+              <el-option
+                v-for="item in openJobList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="告警上限" prop="highValue">
+            <el-input
+              v-model="deviceForm.highValue"
+              placeholder="请输入告警上限"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="告警下限" prop="lowValue">
+            <el-input
+              v-model="deviceForm.lowValue"
+              placeholder="请输入告警下限"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="报警等级" prop="level">
+            <el-select
+              v-model="deviceForm.level"
+              placeholder="请选择报警等级"
+              clearable
+            >
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div
+      v-show="dialogStatus === 'detail' ? false : true"
+      slot="footer"
+      class="dialog-footer"
+    >
+      <el-button type="primary" @click="saveData">
+        保存
+      </el-button>
+      <el-button @click="dialogFormVisible = false">
+        取消
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getDevice, addAlarmLevel } from '@/api/systemConfig/alarmLevel'
+export default {
+  name: 'DialogAlarmLevel',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框显示隐藏
+      deviceTypeList: '', // 设备类型
+      dialogStatus: '', // 对话框类型：create,update,detail
+      // 对话框标题
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      },
+      // 是否开启报警
+      openAlarmList: [
+        {
+          name: '是',
+          value: '1'
+        },
+        {
+          name: '否',
+          value: '0'
+        }
+      ],
+      // 是否开启工单
+      openJobList: [
+        {
+          name: '是',
+          value: '1'
+        },
+        {
+          name: '否',
+          value: '0'
+        }
+      ],
+      // 报警等级
+      levelList: [
+        {
+          name: '一级报警',
+          value: '1'
+        },
+        {
+          name: '二级报警',
+          value: '2'
+        },
+        {
+          name: '三级报警',
+          value: '3'
+        }
+      ],
+      // 表单内容
+      deviceForm: {
+        deviceType: '',
+        name: '',
+        openAlarm: '',
+        openJob: '',
+        level: '',
+        lowValue: '',
+        highValue: ''
+      },
+      // 表单校验规则
+      rules: {
+        deviceType: [{ required: true, message: '支持设备类型必选', trigger: ['blur', 'change'] }],
+        name: [{ required: true, message: '监测指标名称不能为空', trigger: ['blur', 'change'] }],
+        openAlarm: [{ required: true, message: '是否开启报警必选', trigger: ['blur', 'change'] }],
+        openJob: [{ required: true, message: '是否开启工单必选', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '报警等级必选', trigger: ['blur', 'change'] }],
+        lowValue: [{ required: true, message: '告警下限不能为空', trigger: ['blur', 'change'] }],
+        highValue: [{ required: true, message: '告警上限不能为空', trigger: ['blur', 'change'] }]
+      }
+    }
+  },
+  created() {
+    this.fetchDeviceType()
+  },
+  methods: {
+    // 获取设备类型
+    fetchDeviceType() {
+      getDevice().then(response => {
+        this.deviceTypeList = response.data
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.deviceForm = {
+        deptid: '',
+        wellType: '',
+        deviceType: '',
+        lng: '',
+        lat: ''
+      }
+    },
+    // 父子组件通信
+    initDialog(dialogStatus, row = null) {
+      this.dialogFormVisible = true
+      this.dialogStatus = dialogStatus
+      if (this.dialogStatus === 'create') {
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (this.dialogStatus === 'update') {
+        this.deviceForm = {
+          deptid: row.deptid,
+          wellType: row.wellType,
+          deviceType: row.deviceType,
+          lng: row.lng,
+          lat: row.lat
+        }
+      }
+    },
+    // 保存数据
+    saveData() {
+      if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.deviceForm)
+        if (valid) {
+          addAlarmLevel(this.deviceForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild') // 刷新父组件数据列表
+                this.dialogFormVisible = false
+              })
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/systemConfig/alarmLevel/listLevel.vue b/src/views/systemConfig/alarmLevel/listLevel.vue
index fb7867e..193f00f 100644
--- a/src/views/systemConfig/alarmLevel/listLevel.vue
+++ b/src/views/systemConfig/alarmLevel/listLevel.vue
@@ -20,6 +20,16 @@
                 <i class="el-icon-menu" />{{ selectedTenant.tenantName }}
               </div>
             </el-col>
+            <el-col :span="12" :offset="6" class="edit_btns">
+              <!-- v-if="hasPerm('/device/delete')" -->
+              <el-button
+                class="edit_btn"
+                size="small"
+                @click="add"
+              >
+                新增
+              </el-button>
+            </el-col>
           </el-row>
           <el-table v-loading="listLoading" :data="list" class="table" border>
             <!--<el-table-column align="center" type="selection" width="55"/>-->
@@ -35,6 +45,9 @@
                 <el-button type="text" @click="show(scope.row)">
                   查看
                 </el-button>
+                <el-button type="text" size="small" @click="del(scope.row)">
+                  删除
+                </el-button>
                 <el-button type="text" @click="edit(scope.row)">
                   编辑
                 </el-button>
@@ -49,7 +62,7 @@
 </template>
 <script>
 import { getTenantList } from '@/api/base/tenant'
-import { getAlarmLevelList } from '@/api/systemConfig/alarmLevel'
+import { getAlarmLevelList, delAlarmLevel } from '@/api/systemConfig/alarmLevel'
 import infoWell from '@/views/wellManage/infoWell'
 import editLiquidLevel from './components/editLiquidLevel'
 import editDigLevel from './components/editDigLevel'
@@ -60,10 +73,11 @@
 import EditH2sLevel from './components/editH2sLevel'
 import EditHumiLevel from './components/editHumiLevel'
 import EditO2Level from './components/editO2Level'
+import dialogAlarmLevel from './components/dialogAlarmLevel'
 
 export default {
   name: 'ListLevel',
-  components: { EditO2Level, EditHumiLevel, EditCOLevel, EditCh4Level, EditH2sLevel, editLiquidLevel, editDigLevel, editGasLevel, editTempLevel, infoWell },
+  components: { EditO2Level, EditHumiLevel, EditCOLevel, EditCh4Level, EditH2sLevel, editLiquidLevel, editDigLevel, editGasLevel, editTempLevel, infoWell, dialogAlarmLevel },
   data() {
     return {
       selectedTenant: {
@@ -165,6 +179,42 @@
         return '否'
       }
     },
+    // 新增
+    add() {
+      this.cmpName = 'dialog-alarm-level'
+      setTimeout(() => {
+        this.$refs.editdialog.initDialog('create')
+      }, 100)
+    },
+    // 删除
+    del(row) {
+      this.$confirm(
+        '确定要删除所选设备吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        const paramsData = {
+          tenantId: row.tenantId,
+          name: row.name,
+          deviceType: row.deviceType
+        }
+        delAlarmLevel(paramsData).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
     // 查看报警规则
     show(row) {
       this.editShow = false
@@ -228,6 +278,7 @@
       }
       this.listLoading = true
       getAlarmLevelList(this.listQuery).then(response => {
+        console.log(response)
         this.list = response.data
         this.listLoading = false
       })