新增告警级别设置

src/api/alarm/index.ts

@@ -13,7 +13,7 @@ export default {
     detail: (id: number) => get('/alarm/rule/detail', { id }),
     deploy: (data: object) => post('/alarm/rule/deploy', data),
     undeploy: (data: object) => post('/alarm/rule/undeploy', data),
-
-
+    level_edit: (data: object) => put('/alarm/level/edit', data),
+    level_all: (productKey: number) => get('/alarm/level/all', { productKey }),
     },
 }

src/views/system/notifications/setting/component/level.vue

@@ -0,0 +1,80 @@
+<template>
+	<div class="system-edit-dept-container">
+		<el-dialog title="设置告警级别" v-model="isShowDialog" width="769px">
+			<el-form ref="formRef" :model="ruleForm" :rules="rules" size="default" label-width="90px">
+				<el-row :gutter="35">
+					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20" v-for="(item, index) in levelData" :key="index">
+						<el-form-item :label="'级别' + item.level" prop="name">
+							<el-input v-model="item.name" placeholder="请输入分类名称"></el-input>
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button @click="onCancel" size="default">取 消</el-button>
+					<el-button type="primary" @click="onSubmit" size="default">设置</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts">
+import { reactive, toRefs, defineComponent, ref, unref } from 'vue';
+import api from '/@/api/alarm';
+import { ElMessage } from 'element-plus';
+
+interface RuleFormState {
+	level: number;
+	name: string;
+}
+interface DeptSate {
+	isShowDialog: boolean;
+	levelData: RuleFormState[];
+}
+
+export default defineComponent({
+	name: 'level',
+	setup(prop, { emit }) {
+		const formRef = ref<HTMLElement | null>(null);
+		const state = reactive<DeptSate>({
+			isShowDialog: false,
+			levelData: [],
+		});
+
+		// 打开弹窗
+		const openDialog = () => {
+			api.common.level_all(1).then((res: any) => {
+				state.levelData = res.list || [];
+			});
+
+			state.isShowDialog = true;
+		};
+		// 关闭弹窗
+		const closeDialog = () => {
+			state.isShowDialog = false;
+		};
+		// 取消
+		const onCancel = () => {
+			closeDialog();
+		};
+		// 新增
+		const onSubmit = () => {
+			api.common.level_edit({ list: state.levelData }).then(() => {
+				ElMessage.success('修改成功');
+				closeDialog(); // 关闭弹窗
+			});
+		};
+
+		return {
+			openDialog,
+			closeDialog,
+			onCancel,
+			onSubmit,
+			formRef,
+			...toRefs(state),
+		};
+	},
+});
+</script>

src/views/system/notifications/setting/index.vue

@@ -53,7 +53,7 @@
 							</el-icon>
 							新增告警
 						</el-button>
-						<el-button size="default" type="primary" class="ml10" @click="onOpenAdd">
+						<el-button size="default" type="primary" class="ml10" @click="onOpenLevel">
 							<el-icon>
 								<ele-Setting />
 							</el-icon>
@@ -175,6 +175,7 @@
 		</el-card>
 
 		<EditDic ref="editDicRef" @dataList="dataList" />
+		<LevelDic ref="levelDicRef" @dataList="dataList" />
 	</div>
 </template>
 
@@ -182,6 +183,7 @@
 import { toRefs, reactive, onMounted, ref, defineComponent } from 'vue';
 import { ElMessageBox, ElMessage, FormInstance } from 'element-plus';
 import EditDic from './component/edit.vue';
+import LevelDic from './component/level.vue';
 
 import alarm from '/@/api/alarm';
 
@@ -210,10 +212,11 @@ interface TableDataState {
 
 export default defineComponent({
 	name: 'setlist',
-	components: { EditDic },
+	components: { EditDic,LevelDic },
 
 	setup() {
 		const addDicRef = ref();
+    const levelDicRef=ref();
 		const editDicRef = ref();
 		const detailRef = ref();
 		const queryRef = ref();
@@ -249,6 +252,9 @@ export default defineComponent({
 		const onOpenAdd = (row?: TableDataRow) => {
 			editDicRef.value.openDialog();
 		};
+    const onOpenLevel = (row?: TableDataRow) => {
+			levelDicRef.value.openDialog();
+		};
 		// 打开修改模型弹窗
 		const onOpenEdit = (row: TableDataRow) => {
 			editDicRef.value.openDialog({ ...row });
@@ -314,7 +320,9 @@ export default defineComponent({
 			editDicRef,
 			detailRef,
 			queryRef,
+      levelDicRef,
 			onOpenRecord,
+      onOpenLevel,
 			onOpenAdd,
 			onOpenEdit,
 			onRowDel,