iailab-plat-ui-vue3.git

潘志宝

2 天以前 b4576d432f9020c6b638ae933f3fa9114bd92d03

提交 \| 用户 \| 时间
ebc552	1	<template>
L	2	<!-- 搜索 -->
	3	<ContentWrap>
	4	<el-form
	5	class="-mb-15px"
	6	:model="queryParams"
	7	ref="queryFormRef"
	8	:inline="true"
	9	label-width="68px"
	10	>
	11	<el-form-item label="名称" prop="title">
	12	<el-input
	13	v-model="queryParams.title"
	14	placeholder="请输入名称"
	15	clearable
	16	@keyup.enter="handleQuery"
	17	class="!w-240px"
	18	/>
	19	</el-form-item>
	20	<el-form-item>
	21	<el-button @click="handleQuery">
	22	<Icon icon="ep:search" class="mr-5px" />
	23	搜索
	24	</el-button>
	25	<el-button @click="resetQuery">
	26	<Icon icon="ep:refresh" class="mr-5px" />
	27	重置
	28	</el-button>
	29	<el-button
	30	type="primary"
	31	plain
	32	@click="openForm('create')"
	33	v-hasPermi="['pre:alarm-config:create']"
	34	>
	35	<Icon icon="ep:plus" class="mr-5px" />
	36	新增
	37	</el-button>
	38	</el-form-item>
	39	</el-form>
	40	</ContentWrap>
	41
	42	<!-- 列表 -->
	43	<ContentWrap>
	44	<el-table v-loading="loading" :data="list">
b4576d	45	<el-table-column label="消息标题" header-align="center" align="left" min-width="150" prop="title" fixed/>
ebc552	46	<el-table-column label="监控对象" header-align="center" align="center" min-width="150" prop="alarmObj" />
b4576d	47	<el-table-column label="预测项" header-align="center" align="left" min-width="150" prop="itemName" />
ebc552	48	<el-table-column label="输出" header-align="center" align="center" min-width="150" prop="outName" />
L	49	<el-table-column label="比较长度" header-align="center" align="center" min-width="100" prop="compLength" />
b4576d	50	<el-table-column label="预测上限" header-align="center" align="center" min-width="100" prop="upperLimit" />
潘	51	<el-table-column label="预测下限" header-align="center" align="center" min-width="100" prop="lowerLimit" />
	52	<el-table-column label="累计上限" header-align="center" align="center" min-width="100" prop="culUpper" />
	53	<el-table-column label="累计下限" header-align="center" align="center" min-width="100" prop="culLower" />
	54	<el-table-column label="单位" header-align="center" align="center" min-width="100" prop="unit" />
ebc552	55	<el-table-column label="转换系数" header-align="center" align="center" min-width="100" prop="coefficient" />
L	56	<el-table-column label="是否启用" header-align="center" align="center" min-width="100" prop="isEnable" >
	57	<template #default="scope">
	58	<dict-tag :type="DICT_TYPE.COM_IS_INT" :value="scope.row.isEnable" />
	59	</template>
	60	</el-table-column>
b4576d	61	<el-table-column label="操作" align="center" min-width="160" fixed="right">
ebc552	62	<template #default="scope">
L	63	<el-button
	64	link
	65	type="primary"
	66	@click="openForm('update', scope.row.id)"
	67	v-hasPermi="['pre:alarm-config:update']"
	68	>
	69	编辑
	70	</el-button>
	71	<el-button
	72	link
	73	type="danger"
	74	@click="handleDelete(scope.row.id)"
	75	v-hasPermi="['pre:alarm-config:delete']"
	76	>
	77	删除
	78	</el-button>
	79	<el-button
	80	link
	81	type="primary"
	82	@click="handleView(scope.row.id)"
	83	>
b4576d	84	记录
ebc552	85	</el-button>
L	86	</template>
	87	</el-table-column>
	88	</el-table>
	89	<!-- 分页 -->
	90	<Pagination
	91	:total="total"
	92	v-model:page="queryParams.pageNo"
	93	v-model:limit="queryParams.pageSize"
	94	@pagination="getList"
	95	/>
	96	</ContentWrap>
	97
	98	<!-- 表单弹窗：添加/修改 -->
	99	<MmPredictAlarmConfigForm ref="formRef" @success="getList" />
	100	<MmPredictAlarmMessage ref="MessageRef" />
	101
	102	</template>
	103	<script lang="ts" setup>
	104	import MmPredictAlarmConfigForm from './MmPredictAlarmConfigForm.vue'
	105	import MmPredictAlarmMessage from './MmPredictAlarmMessageForm.vue'
	106	import * as MmPredictAlarmConfig from '@/api/model/pre/alarm/config'
	107	import {DICT_TYPE} from "@/utils/dict";
	108
	109	defineOptions({name: 'DataMmPredictAlarmConfig'})
	110
	111	const message = useMessage() // 消息弹窗
	112	const {t} = useI18n() // 国际化
	113
	114	const loading = ref(true) // 列表的加载中
	115	const total = ref(0) // 列表的总页数
	116	const list = ref([]) // 列表的数据
	117	const queryParams = reactive({
	118	pageNo: 1,
	119	pageSize: 10,
	120	title: undefined,
	121	})
	122	const queryFormRef = ref() // 搜索的表单
	123
	124	/** 查询列表 */
	125	const getList = async () => {
	126	loading.value = true
	127	try {
	128	const page = await MmPredictAlarmConfig.getMmPredictAlarmConfigPage(queryParams)
	129	list.value = page.list
	130	total.value = page.total
	131	} finally {
	132	loading.value = false
	133	}
	134	}
	135
	136	/** 搜索按钮操作 */
	137	const handleQuery = () => {
	138	queryParams.pageNo = 1
	139	getList()
	140	}
	141
	142	/** 重置按钮操作 */
	143	const resetQuery = () => {
	144	queryFormRef.value.resetFields()
	145	handleQuery()
	146	}
	147
	148	/** 添加/修改操作 */
	149	const formRef = ref()
	150	const openForm = (type: string, id?: number) => {
	151	formRef.value.open(type, id)
	152	}
	153
	154	/** 删除按钮操作 */
	155	const handleDelete = async (id: number) => {
	156	try {
	157	// 删除的二次确认
	158	await message.delConfirm()
	159	// 发起删除
	160	await MmPredictAlarmConfig.deleteMmPredictAlarmConfig(id)
	161	message.success(t('common.delSuccess'))
	162	// 刷新列表
	163	await getList()
	164	} catch {
	165	}
	166	}
	167
	168	/** 查看历史按钮操作 */
	169	const MessageRef = ref()
	170	const handleView = (id?: string) => {
	171	MessageRef.value.open(id)
	172	}
	173
	174	/ 初始化 /
	175	onMounted(async () => {
	176	await getList()
	177	})
	178	</script>