Browse Source

fix:告警级别下拉选项

pull/86/head
xjf 4 weeks ago
parent
commit
58f99dac30
  1. 5
      src/api/alert/warn/index.ts
  2. 5
      src/views/run/calc/index.vue
  3. 6
      src/views/run/instant/warnConfig/index.vue
  4. 20
      src/views/run/instant/warnConfig/warn.data.ts
  5. 8
      src/views/warn/alarm/alarm.data.ts
  6. 22
      src/views/warn/alarm/index.vue

5
src/api/alert/warn/index.ts

@ -35,3 +35,8 @@ export function updateWarn(data: WarnVO) {
export function getWarn(id: number) { export function getWarn(id: number) {
return defHttp.get({ url: `/alert/warn/get?id=${id}` }) return defHttp.get({ url: `/alert/warn/get?id=${id}` })
} }
// 查询预警等级列表-不分页
export function getAlarmLevelList() {
return defHttp.get({ url: '/alert/warn/alarmlevel/list'})
}

5
src/views/run/calc/index.vue

@ -44,9 +44,8 @@ const [registerTable, {getForm, reload, getDataSource, updateTableDataRecord}] =
style: { style: {
textAlign: 'left', textAlign: 'left',
marginLeft: '10px', marginLeft: '10px',
}, }
}, }
}, },
useSearchForm: true, useSearchForm: true,
showTableSetting: true, showTableSetting: true,

6
src/views/run/instant/warnConfig/index.vue

@ -23,7 +23,7 @@ const [registerUpdateModal, { openModal: openUpdateModal }] = useModal()
const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }] = useTable({ const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }] = useTable({
title: '预警测点列表', title: '预警测点列表',
api: getWarnPage, api: getWarnPage,
rowKey: 'id', rowKey: 'warnId',
immediate: true, immediate: true,
columns, columns,
formConfig: { formConfig: {
@ -37,9 +37,9 @@ const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }]
}, },
beforeFetch: (params) => { beforeFetch: (params) => {
// //
params.mpId = route.query.mpId params.mpId = route.query.mpId
getForm().setFieldsValue(params) // getForm().setFieldsValue(params)
return params return params
}, },
useSearchForm: !route.query.mpId, useSearchForm: !route.query.mpId,

20
src/views/run/instant/warnConfig/warn.data.ts

@ -1,5 +1,7 @@
import type { BasicColumn, FormSchema } from '@/components/Table' import type { BasicColumn, FormSchema } from '@/components/Table'
import {getAlarmLevelList} from "@/api/alert/warn";
const alarmLevelList = await getAlarmLevelList();
console.log(alarmLevelList)
export const columns: BasicColumn[] = [ export const columns: BasicColumn[] = [
{ {
title: '编号', title: '编号',
@ -68,12 +70,6 @@ export const columns: BasicColumn[] = [
dataIndex: 'warnConstraintName', dataIndex: 'warnConstraintName',
width: 120, width: 120,
},
{
title: '报警类型',
dataIndex: 'alarmModelRuleName',
width: 120,
}, },
{ {
title: '告警延时', title: '告警延时',
@ -191,7 +187,11 @@ export const updateWarnForm: FormSchema[] = [
field: 'alarmLevel', field: 'alarmLevel',
component: 'Select', component: 'Select',
componentProps: { componentProps: {
options: [], options: alarmLevelList,
fieldNames: {
label: 'alarmLevelName',
value: 'alarmLevel',
},
}, },
required: true, required: true,
colProps: { colProps: {
@ -204,7 +204,7 @@ export const updateWarnForm: FormSchema[] = [
component: 'Input', component: 'Input',
required: true, required: true,
colProps: { colProps: {
span: 12, span: 24,
}, },
}, },
{ {
@ -264,7 +264,7 @@ export const updateWarnForm: FormSchema[] = [
component: 'Input', component: 'Input',
required: true, required: true,
colProps: { colProps: {
span: 12, span: 24,
}, },
}, },
] ]

8
src/views/warn/alarm/alarm.data.ts

@ -14,7 +14,7 @@ export const searchFormSchema: FormSchema[] = [
field: 'unit', field: 'unit',
component: 'Select', component: 'Select',
defaultValue: optionList.units[0].id || null, defaultValue: optionList.units[0].id || null,
colProps: { span: 4 }, colProps: { span: 5 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -42,7 +42,7 @@ export const searchFormSchema: FormSchema[] = [
field: 'type', field: 'type',
component: 'Select', component: 'Select',
defaultValue: optionList.types[0].id || null, defaultValue: optionList.types[0].id || null,
colProps: { span: 4 }, colProps: { span: 5 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
allowClear: false, allowClear: false,
@ -67,7 +67,7 @@ export const searchFormSchema: FormSchema[] = [
field: 'system', field: 'system',
component: 'Select', component: 'Select',
defaultValue: systemOptions.value[0].id || null, defaultValue: systemOptions.value[0].id || null,
colProps: { span: 4 }, colProps: { span: 5 },
componentProps: () => { componentProps: () => {
return { return {
allowClear: false, allowClear: false,
@ -83,7 +83,7 @@ export const searchFormSchema: FormSchema[] = [
component: 'Input', component: 'Input',
labelWidth: 120, labelWidth: 120,
defaultValue: '', defaultValue: '',
colProps: { span: 7 }, colProps: { span: 6 },
} }
] ]

22
src/views/warn/alarm/index.vue

@ -4,7 +4,7 @@ import { onMounted } from 'vue'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import { columns, searchFormSchema } from './alarm.data' import { columns, searchFormSchema } from './alarm.data'
// import UpdateModal from './UpdateModal.vue' import UpdateModal from '../../run/instant/warnConfig/UpdateModal.vue'
import { BasicTable, TableAction, useTable } from '@/components/Table' import { BasicTable, TableAction, useTable } from '@/components/Table'
import { getWarnPageReal, updateWarn } from '@/api/alert/warn' import { getWarnPageReal, updateWarn } from '@/api/alert/warn'
@ -32,11 +32,15 @@ const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }]
labelWidth: 80, labelWidth: 80,
schemas: searchFormSchema, schemas: searchFormSchema,
showResetButton: false, showResetButton: false,
submitButtonOptions:{
preIcon: IconEnum.SEARCH,
},
actionColOptions: { actionColOptions: {
span: 4, span: 2,
style: { style: {
marginLeft: '10px' textAlign: 'left',
} marginLeft: '10px',
},
}, },
}, },
showTableSetting: true, showTableSetting: true,
@ -55,7 +59,7 @@ async function updateStatus(record) {
console.log(record) console.log(record)
reload() reload()
} }
function handleWarnConfig(record: Recordable) { function handleUpdate(record: Recordable) {
openUpdateModal(true, { record, isUpdate: true }) openUpdateModal(true, { record, isUpdate: true })
} }
@ -73,16 +77,16 @@ onMounted(async () => {
<TableAction <TableAction
:actions="[ :actions="[
{ icon: IconEnum.EDIT, label: t('action.edit'), auth: 'run:instant:warnConfig', onClick: handleWarnConfig.bind(null, record) }, { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleUpdate.bind(null, record) },
{ icon: IconEnum.TREND, label: t('action.trend'), auth: 'run:instant:warnConfig', onClick: handleWarnConfig.bind(null, record) }, { icon: IconEnum.TREND, label: t('action.trend'), onClick: handleUpdate.bind(null, record) },
{ icon: IconEnum.DETAIL, label: t('action.detail'), auth: 'run:instant:warnConfig', onClick: handleWarnConfig.bind(null, record) }, { icon: IconEnum.DETAIL, label: t('action.detail'), onClick: handleUpdate.bind(null, record) },
]" ]"
/> />
</template> </template>
</template> </template>
</BasicTable> </BasicTable>
<!-- <UpdateModal @register="registerUpdateModal" @success="reload" />--> <UpdateModal @register="registerUpdateModal" @success="reload" />
</div> </div>
</template> </template>

Loading…
Cancel
Save