diff --git a/src/api/environment/alarmLevel.js b/src/api/environment/alarmLevel.js
new file mode 100644
index 0000000..3ea4026
--- /dev/null
+++ b/src/api/environment/alarmLevel.js
@@ -0,0 +1,51 @@
+/**
+ * 报警等级接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+// 所有指标是否设置报警等级
+export function getAlarmLevelList(params) {
+  return request({
+    url: '/environment/alarm/listPage',
+    method: 'get',
+    params
+  })
+}
+// 单个指标报警等级查询
+export function getSensorAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/cancel',
+    method: 'get',
+    params
+  })
+}
+
+// 添加报警等级
+export function addAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 修改报警等级
+export function updateAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 删除报警等级
+export function deleteAlarmLevel(id) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params:{
+      id: id
+    }
+  })
+}
+

diff --git a/src/api/environment/alarmLevel.js b/src/api/environment/alarmLevel.js
new file mode 100644
index 0000000..3ea4026
--- /dev/null
+++ b/src/api/environment/alarmLevel.js
@@ -0,0 +1,51 @@
+/**
+ * 报警等级接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+// 所有指标是否设置报警等级
+export function getAlarmLevelList(params) {
+  return request({
+    url: '/environment/alarm/listPage',
+    method: 'get',
+    params
+  })
+}
+// 单个指标报警等级查询
+export function getSensorAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/cancel',
+    method: 'get',
+    params
+  })
+}
+
+// 添加报警等级
+export function addAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 修改报警等级
+export function updateAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 删除报警等级
+export function deleteAlarmLevel(id) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params:{
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index eb29210..f205702 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,14 +13,8 @@
   },
   children: [
     {
-      path: '/dict',
-      name: 'Dict',
-      component: () => import('@/views/system/dict/listDict'),
-      meta: { title: '字典管理', icon: 'function', permission: ['/environment/dict/listPage'] }
-    },
-    {
       path: '/alarmLevel',
-      component: () => import('@/views/system/log/listLog'), // Parent router-view
+      component: () => import('@/views/alarmLevel/listLevel'), // Parent router-view
       name: 'AlarmLevel',
       meta: { title: '报警等级管理', permission: ['/environment/alarmLevel/list'] }
     }

diff --git a/src/api/environment/alarmLevel.js b/src/api/environment/alarmLevel.js
new file mode 100644
index 0000000..3ea4026
--- /dev/null
+++ b/src/api/environment/alarmLevel.js
@@ -0,0 +1,51 @@
+/**
+ * 报警等级接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+// 所有指标是否设置报警等级
+export function getAlarmLevelList(params) {
+  return request({
+    url: '/environment/alarm/listPage',
+    method: 'get',
+    params
+  })
+}
+// 单个指标报警等级查询
+export function getSensorAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/cancel',
+    method: 'get',
+    params
+  })
+}
+
+// 添加报警等级
+export function addAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 修改报警等级
+export function updateAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 删除报警等级
+export function deleteAlarmLevel(id) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params:{
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index eb29210..f205702 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,14 +13,8 @@
   },
   children: [
     {
-      path: '/dict',
-      name: 'Dict',
-      component: () => import('@/views/system/dict/listDict'),
-      meta: { title: '字典管理', icon: 'function', permission: ['/environment/dict/listPage'] }
-    },
-    {
       path: '/alarmLevel',
-      component: () => import('@/views/system/log/listLog'), // Parent router-view
+      component: () => import('@/views/alarmLevel/listLevel'), // Parent router-view
       name: 'AlarmLevel',
       meta: { title: '报警等级管理', permission: ['/environment/alarmLevel/list'] }
     }
diff --git a/src/views/alarmLevel/listLevel.vue b/src/views/alarmLevel/listLevel.vue
new file mode 100644
index 0000000..15b46ad
--- /dev/null
+++ b/src/views/alarmLevel/listLevel.vue
@@ -0,0 +1,114 @@
+<!--
+ * @Description: 报警等级列表
+ * @Author: 王晓颖
+ * @Date: 2021-08-09 11:32:10
+ -->
+<template>
+  <app-container>
+    <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+      <template slot="columns">
+        <el-table-column label="报警等级" align="center" width="90">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.hasAlarmLevel" type="success" size="small">已设置</el-tag>
+            <el-tag v-else type="info" size="small">未设置</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click.stop="goDetail(scope.row)">设置报警等级</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <sensor-level ref="sensorLevel"/>
+  </app-container>
+</template>
+
+<script>
+  import { getAlarmLevelList } from '@/api/environment/alarmLevel'
+  import SensorLevel from "./sensorLevel";
+  export default {
+    name: "listLevel",
+    components: {SensorLevel},
+    data(){
+      return {
+        listQuery: {
+          keywords: '',
+          startTime: '', // 开始时间
+          endTime: '', // 结束时间
+          offset: 1,
+          limit: 20
+        }, // 筛选条件
+        columns: [
+          {
+            text: '参数名称',
+            value: 'sensorName'
+          },
+          {
+            text: '参数编码',
+            value: 'sensor'
+          },
+          {
+            text: '单位',
+            value: 'unit'
+          }
+        ], // 显示列
+        timeRange: [], // 时间范围
+        list: [], // 列表数据
+        total: 0, // 数据总数
+        listLoading: true, // 列表加载动画
+        tableOption: {
+          head: {
+            show: true, // 是否需要标题栏，
+            text: '报警等级' // 标题名称
+          },
+          options: {
+            needIndex: true, // 是否需要序号列
+            border: false
+          },
+          toolsOption: {
+            selectColumns: false, // 是否需要筛选列
+            refresh: false // 是否需要刷新按钮
+          }
+        } // 表格属性
+      }
+    },
+    created(){
+      this.fetchData()
+    },
+    methods: {
+      // 获取数据
+      fetchData() {
+        this.listLoading = true
+        // getRealData().then(res =>{
+        this.list = [
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true },
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true },
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true },
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true }
+        ]
+        this.total = 4
+        this.listLoading = false
+        // })
+      },
+      // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+      changePage(val) {
+        if (val && val.size) {
+          this.listQuery.limit = val.size
+        }
+        if (val && val.page) {
+          this.listQuery.offset = val.page
+        }
+        this.fetchData()
+      },
+      // 查看详情
+      goDetail(row){
+        this.$refs.sensorLevel.initDialog(row)
+      }
+    }
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

diff --git a/src/api/environment/alarmLevel.js b/src/api/environment/alarmLevel.js
new file mode 100644
index 0000000..3ea4026
--- /dev/null
+++ b/src/api/environment/alarmLevel.js
@@ -0,0 +1,51 @@
+/**
+ * 报警等级接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+// 所有指标是否设置报警等级
+export function getAlarmLevelList(params) {
+  return request({
+    url: '/environment/alarm/listPage',
+    method: 'get',
+    params
+  })
+}
+// 单个指标报警等级查询
+export function getSensorAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/cancel',
+    method: 'get',
+    params
+  })
+}
+
+// 添加报警等级
+export function addAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 修改报警等级
+export function updateAlarmLevel(params) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params
+  })
+}
+
+// 删除报警等级
+export function deleteAlarmLevel(id) {
+  return request({
+    url: '/environment/alarm/batchCancel',
+    method: 'post',
+    params:{
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/modules/config.js b/src/router/modules/config.js
index eb29210..f205702 100644
--- a/src/router/modules/config.js
+++ b/src/router/modules/config.js
@@ -13,14 +13,8 @@
   },
   children: [
     {
-      path: '/dict',
-      name: 'Dict',
-      component: () => import('@/views/system/dict/listDict'),
-      meta: { title: '字典管理', icon: 'function', permission: ['/environment/dict/listPage'] }
-    },
-    {
       path: '/alarmLevel',
-      component: () => import('@/views/system/log/listLog'), // Parent router-view
+      component: () => import('@/views/alarmLevel/listLevel'), // Parent router-view
       name: 'AlarmLevel',
       meta: { title: '报警等级管理', permission: ['/environment/alarmLevel/list'] }
     }
diff --git a/src/views/alarmLevel/listLevel.vue b/src/views/alarmLevel/listLevel.vue
new file mode 100644
index 0000000..15b46ad
--- /dev/null
+++ b/src/views/alarmLevel/listLevel.vue
@@ -0,0 +1,114 @@
+<!--
+ * @Description: 报警等级列表
+ * @Author: 王晓颖
+ * @Date: 2021-08-09 11:32:10
+ -->
+<template>
+  <app-container>
+    <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+      <template slot="columns">
+        <el-table-column label="报警等级" align="center" width="90">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.hasAlarmLevel" type="success" size="small">已设置</el-tag>
+            <el-tag v-else type="info" size="small">未设置</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click.stop="goDetail(scope.row)">设置报警等级</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <sensor-level ref="sensorLevel"/>
+  </app-container>
+</template>
+
+<script>
+  import { getAlarmLevelList } from '@/api/environment/alarmLevel'
+  import SensorLevel from "./sensorLevel";
+  export default {
+    name: "listLevel",
+    components: {SensorLevel},
+    data(){
+      return {
+        listQuery: {
+          keywords: '',
+          startTime: '', // 开始时间
+          endTime: '', // 结束时间
+          offset: 1,
+          limit: 20
+        }, // 筛选条件
+        columns: [
+          {
+            text: '参数名称',
+            value: 'sensorName'
+          },
+          {
+            text: '参数编码',
+            value: 'sensor'
+          },
+          {
+            text: '单位',
+            value: 'unit'
+          }
+        ], // 显示列
+        timeRange: [], // 时间范围
+        list: [], // 列表数据
+        total: 0, // 数据总数
+        listLoading: true, // 列表加载动画
+        tableOption: {
+          head: {
+            show: true, // 是否需要标题栏，
+            text: '报警等级' // 标题名称
+          },
+          options: {
+            needIndex: true, // 是否需要序号列
+            border: false
+          },
+          toolsOption: {
+            selectColumns: false, // 是否需要筛选列
+            refresh: false // 是否需要刷新按钮
+          }
+        } // 表格属性
+      }
+    },
+    created(){
+      this.fetchData()
+    },
+    methods: {
+      // 获取数据
+      fetchData() {
+        this.listLoading = true
+        // getRealData().then(res =>{
+        this.list = [
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true },
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true },
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true },
+          { id:'1', sensorName: 'PM2.5', sensor: '11203', unit: 'ug/m3', hasAlarmLevel: true }
+        ]
+        this.total = 4
+        this.listLoading = false
+        // })
+      },
+      // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+      changePage(val) {
+        if (val && val.size) {
+          this.listQuery.limit = val.size
+        }
+        if (val && val.page) {
+          this.listQuery.offset = val.page
+        }
+        this.fetchData()
+      },
+      // 查看详情
+      goDetail(row){
+        this.$refs.sensorLevel.initDialog(row)
+      }
+    }
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/alarmLevel/sensorLevel.vue b/src/views/alarmLevel/sensorLevel.vue
new file mode 100644
index 0000000..2073596
--- /dev/null
+++ b/src/views/alarmLevel/sensorLevel.vue
@@ -0,0 +1,201 @@
+<!--
+ * @Description: 报警等级列表
+ * @Author: 王晓颖
+ * @Date: 2021-08-09 11:32:10
+ -->
+<template>
+  <el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible" :fullscreen="false" append-to-body>
+    <div style="margin-bottom: 12px;">
+      <el-button size="small" icon="el-icon-plus" :disabled="list.length>=alarmLevelList.length" @click="addRow">新增</el-button>
+    </div>
+    <normal-table :data="list" :head="tableOption.head" :query="listQuery" :pagination="false" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+      <template slot="columns">
+        <el-table-column label="报警等级" align="center">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.alarmLevel" :disabled="!scope.row.edit" size="small">
+              <el-option
+                v-for="item in alarmLevelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column label="报警阈值" align="center">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.percent" size="small" :disabled="!scope.row.edit"></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column label="报警开关" align="center">
+          <template slot-scope="scope">
+            <el-switch
+              v-model="scope.row.alarmOpen"
+              active-text="开"
+              inactive-value="关"
+              :disabled="!scope.row.edit"
+              size="small"
+            >
+            </el-switch>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button v-show="!scope.row.edit" type="text" size="small" @click.stop="editRow(scope.row)">编辑</el-button>
+            <el-button v-show="!scope.row.edit" type="text" size="small" @click.stop="deleteRow(scope.row)">删除</el-button>
+            <el-button v-show="scope.row.edit" type="text" size="small" @click.stop="saveRow(scope.row)">保存</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+  </el-dialog>
+</template>
+
+<script>
+  import { getAlarmLevelList } from '@/api/environment/alarmLevel'
+  import { getDictByCode } from '@/api/system/dict'
+  export default {
+    name: "sensorLevel",
+    data(){
+      return {
+        dialogFormVisible: false, // 对话框是否显示
+        dialogTitle:'报警等级',
+        listQuery: {
+          keywords: '',
+          startTime: '', // 开始时间
+          endTime: '', // 结束时间
+          offset: 1,
+          limit: 20
+        }, // 筛选条件
+        alarmLevelList:[], // 报警等级列表
+        timeRange: [], // 时间范围
+        list: [], // 列表数据
+        total: 0, // 数据总数
+        listLoading: true, // 列表加载动画
+        tableOption: {
+          head: {
+            show: false, // 是否需要标题栏，
+            text: '报警等级' // 标题名称
+          },
+          options: {
+            needIndex: true, // 是否需要序号列
+            border: false
+          },
+          toolsOption: {
+            selectColumns: false, // 是否需要筛选列
+            refresh: false // 是否需要刷新按钮
+          }
+        } // 表格属性
+      }
+    },
+    created(){
+      this.fetchAlarmLevelType()
+    },
+    methods: {
+      // 初始化弹窗
+      initDialog(row){
+        this.dialogFormVisible = true
+        this.sensor = row.sensor
+        this.dialogTitle = row.sensorName +'报警等级设置'
+        this.fetchData()
+      },
+      addRow(){
+        if(this.list.length>=this.alarmLevelList.length){
+          this.$message.warning('超出允许设置条数')
+        }else{
+          this.list.push({
+            alarmLevel: '', percent: '', alarmOpen: true, edit: true
+          })
+        }
+      },
+      // 编辑行
+      editRow(row){
+        row.edit = true
+      },
+      // 删除行
+      deleteRow(row){
+        this.$confirm(
+          '确定要删除该行设置吗？',
+          '确认操作',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          // deleteAlarmLevel(row.id).then(response => {
+          //   if (response.code === 200) {
+              this.$message.success('删除成功')
+              this.list.splice(this.list.findIndex(item=>row.id==item.id),1)
+            // }
+          // })
+        })
+      },
+      //保存行数据
+      saveRow(row){
+        if(this.validateRow(row)){
+          // 有id执行编辑操作
+          if(row.id){
+            //TODO: 更新报警等级
+            // updateAlarmLevel(row).then(res=>{
+            //
+            // })
+            this.$message.success('保存成功')
+          }else{ // 执行新增操作
+            //TODO：新增报警等级
+            // addAlarmLevel(row).then(res=>{
+            //
+            // })
+            this.$message.success('保存成功')
+          }
+          row.edit = false
+        }
+      },
+      // 验证输入
+      validateRow(row){
+        if(!row.alarmLevel){
+          this.$message.warning('请选择报警等级')
+          return false
+        }
+        if(!row.percent){
+          this.$message.warning('请选择报警阈值')
+          return false
+        }
+        if(row.percent>120 || row.percent<=0){
+          this.$message.warning('报警阈值不能小于等于0或大于120')
+          return false
+        }
+        // 校验是否与其他项报警等级重复
+        const findList = this.list.filter(item=>item.alarmLevel===row.alarmLevel)
+        if(findList.length>1){
+          this.$message.warning('报警等级重复')
+          return false
+        }
+        return true
+      },
+      // 获取数据
+      fetchData() {
+        this.listLoading = true
+        // getRealData().then(res =>{
+        this.list = [
+          { id:'1', alarmLevel: '1', percent: '80', alarmOpen: true, edit: false},
+          { id:'2', alarmLevel: '2', percent: '60', alarmOpen: true, edit: false},
+          { id:'3', alarmLevel: '3', percent: '50', alarmOpen: true, edit: false}
+        ]
+        this.total = 4
+        this.listLoading = false
+        // })
+      },
+      // 获取报警等级类别
+      fetchAlarmLevelType() {
+        getDictByCode('envAlarmLevel').then(response => {
+          this.alarmLevelList = response.data
+        })
+      },
+    }
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>