OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

更改告警详细信息展示方式

Browse Source
This commit is contained in:
lai
2023-12-29 18:09:24 +08:00
parent 7e894c4073
commit d09171187d
2 changed files with 75 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
src/views/faultManage/active-alarm/index.vue
View File

@@ -48,7 +48,6 @@ let tableColumnsDnd = ref<ColumnsType>([]);
/**记录开始结束时间 */
let queryRangePicker = ref<[string, string]>(['', '']);
/**查询参数 */
let queryParams = reactive({
/**告警设备类型 */
@@ -169,7 +168,7 @@ let tableColumns: ColumnsType = [
title: t('views.faultManage.activeAlarm.origLevel'),
align: 'center',
key: 'origSeverity',
dataIndex:'origSeverity',
dataIndex: 'origSeverity',
width: 5,
},
{
@@ -625,21 +624,21 @@ function fnShowSet() {
/**
* 导出全部
*/
function fnExportAll() {
function fnExportAll() {
Modal.confirm({
title: 'Tip',
content: t('views.faultManage.activeAlarm.exportSure'),
onOk() {
const key = 'exportAlarm';
message.loading({ content: t('common.loading'), key });
let sortArr:any=[];
let sortArr: any = [];
tableColumnsDnd.value.forEach((item: any) => {
if(item.dataIndex) sortArr.push(item.dataIndex);
})
if (item.dataIndex) sortArr.push(item.dataIndex);
});
// 排序字段
const sortData = {
header:sortArr,
header: sortArr,
};
exportAll(queryParams).then(res => {
if (res.code === RESULT_CODE_SUCCESS) {
@@ -1065,12 +1064,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmId')"
name="alarmId"
>
<a-input
v-model:value="modalState.from.alarmId"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmId }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1078,12 +1072,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmSeq')"
name="alarmSeq"
>
<a-input
v-model:value="modalState.from.alarmSeq"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmSeq }}
</a-form-item>
</a-col>
</a-row>
@@ -1094,12 +1083,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.neId')"
name="neId"
>
<a-input
v-model:value="modalState.from.neId"
disabled
allow-clear
>
</a-input>
{{ modalState.from.neId }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1107,12 +1091,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.neName')"
name="neName"
>
<a-input
v-model:value="modalState.from.neName"
disabled
allow-clear
>
</a-input>
{{ modalState.from.neName }}
</a-form-item>
</a-col>
</a-row>
@@ -1123,12 +1102,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.neType')"
name="neType"
>
<a-input
v-model:value="modalState.from.neType"
disabled
allow-clear
>
</a-input>
{{ modalState.from.neType }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1136,12 +1110,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmCode')"
name="alarmCode"
>
<a-input
v-model:value="modalState.from.alarmCode"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmCode }}
</a-form-item>
</a-col>
</a-row>
@@ -1152,12 +1121,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmTitle')"
name="alarmTitle"
>
<a-input
v-model:value="modalState.from.alarmTitle"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmTitle }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1165,85 +1129,37 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.eventTime')"
name="eventTime"
>
<a-input
v-model:value="modalState.from.eventTime"
disabled
allow-clear
>
</a-input>
{{ modalState.from.eventTime }}
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.alarmTitle')"
name="alarmTitle"
>
<a-input
v-model:value="modalState.from.alarmTitle"
disabled
allow-clear
>
</a-input>
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.alarmType')"
name="alarmType"
>
<a-select
v-model:value="modalState.from.alarmType"
style="width: 100%"
:options="dict.activeAlarmType"
disabled
>
</a-select>
{{ modalState.from.alarmType }}
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.pvFlag')"
name="pvFlag"
>
<a-input
v-model:value="modalState.from.pvFlag"
disabled
allow-clear
>
</a-input>
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.objectName')"
name="objectName"
>
<a-input
v-model:value="modalState.from.objectName"
disabled
allow-clear
>
</a-input>
{{ modalState.from.pvFlag }}
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16"> </a-row>
<a-form-item
:label="t('views.faultManage.activeAlarm.locationInfo')"
name="locationInfo"
>
<a-textarea
v-model:value="modalState.from.locationInfo"
placeholder="Autosize height with minimum and maximum number of lines"
:auto-size="{ minRows: 1, maxRows: 5 }"
disabled
/>
{{ modalState.from.locationInfo }}
</a-form-item>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
@@ -1251,12 +1167,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.province')"
name="province"
>
<a-input
v-model:value="modalState.from.province"
disabled
allow-clear
>
</a-input>
{{ modalState.from.province }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1264,13 +1175,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.origLevel')"
name="origSeverity"
>
<a-select
v-model:value="modalState.from.origSeverity"
style="width: 100%"
:options="dict.activeAlarmSeverity"
disabled
>
</a-select>
{{ modalState.from.origSeverity }}
</a-form-item>
</a-col>
</a-row>
@@ -1279,33 +1184,20 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.addInfo')"
name="addInfo"
>
<a-textarea
v-model:value="modalState.from.addInfo"
:auto-size="{ minRows: 1, maxRows: 5 }"
disabled
/>
{{ modalState.from.addInfo }}
</a-form-item>
<a-form-item
:label="t('views.faultManage.activeAlarm.specificProblemId')"
name="specificProblemId"
>
<a-input
v-model:value="modalState.from.specificProblemId"
disabled
allow-clear
>
</a-input>
{{ modalState.from.specificProblemId }}
</a-form-item>
<a-form-item
:label="t('views.faultManage.activeAlarm.specificProblem')"
name="specificProblem"
>
<a-textarea
v-model:value="modalState.from.specificProblem"
:auto-size="{ minRows: 1, maxRows: 5 }"
disabled
/>
{{ modalState.from.specificProblem }}
</a-form-item>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
@@ -1313,13 +1205,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.clearType')"
name="clearType"
>
<a-select
v-model:value="modalState.from.clearType"
style="width: 100%"
:options="dict.activeClearType"
disabled
>
</a-select>
{{ modalState.from.clearType }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1327,12 +1213,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.clearTime')"
name="clearTime"
>
<a-input
v-model:value="modalState.from.clearTime"
disabled
allow-clear
>
</a-input>
{{ modalState.from.clearTime }}
</a-form-item>
</a-col>
</a-row>
@@ -1343,12 +1224,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.ackUser')"
name="ackUser"
>
<a-input
v-model:value="modalState.from.ackUser"
disabled
allow-clear
>
</a-input>
{{ modalState.from.ackUser }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1356,12 +1232,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.ackState')"
name="ackState"
>
<a-select
v-model:value="modalState.from.ackState"
style="width: 100%"
:options="dict.activeAckState"
disabled
/>
{{ modalState.from.ackState }}
</a-form-item>
</a-col>
</a-row>
@@ -1372,12 +1243,15 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.ackTime')"
name="ackTime"
>
<a-input
v-model:value="modalState.from.ackTime"
disabled
allow-clear
>
</a-input>
{{ modalState.from.ackTime }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.objectName')"
name="objectName"
>
{{ modalState.from.objectName }}
</a-form-item>
</a-col>
</a-row>

202
src/views/faultManage/history-alarm/index.vue
View File

@@ -343,7 +343,7 @@ function fnModalVisibleByVive(row: Record<string, any>) {
function fnModalOk() {
modalState.confirmLoading = true;
const from = toRaw(modalState.from);
if (from.ackState==='1') {
if (from.ackState === '1') {
message.error({
content: t('views.faultManage.activeAlarm.ackError'),
duration: 3,
@@ -434,13 +434,13 @@ function fnExportAll() {
onOk() {
const key = 'exportAlarmHis';
message.loading({ content: t('common.loading'), key });
let sortArr:any=[];
let sortArr: any = [];
tableColumnsDnd.value.forEach((item: any) => {
if(item.dataIndex) sortArr.push(item.dataIndex);
})
if (item.dataIndex) sortArr.push(item.dataIndex);
});
// 排序字段
const sortData = {
header:sortArr,
header: sortArr,
};
exportAll(queryParams).then(res => {
if (res.code === RESULT_CODE_SUCCESS) {
@@ -449,7 +449,7 @@ function fnExportAll() {
key,
duration: 3,
});
writeSheet(res.data, 'alarm',sortData).then(fileBlob =>
writeSheet(res.data, 'alarm', sortData).then(fileBlob =>
saveAs(fileBlob, `history-alarm_${Date.now()}.xlsx`)
);
} else {
@@ -800,12 +800,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmId')"
name="alarmId"
>
<a-input
v-model:value="modalState.from.alarmId"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmId }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -813,12 +808,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmSeq')"
name="alarmSeq"
>
<a-input
v-model:value="modalState.from.alarmSeq"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmSeq }}
</a-form-item>
</a-col>
</a-row>
@@ -829,12 +819,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.neId')"
name="neId"
>
<a-input
v-model:value="modalState.from.neId"
disabled
allow-clear
>
</a-input>
{{ modalState.from.neId }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -842,12 +827,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.neName')"
name="neName"
>
<a-input
v-model:value="modalState.from.neName"
disabled
allow-clear
>
</a-input>
{{ modalState.from.neName }}
</a-form-item>
</a-col>
</a-row>
@@ -858,12 +838,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.neType')"
name="neType"
>
<a-input
v-model:value="modalState.from.neType"
disabled
allow-clear
>
</a-input>
{{ modalState.from.neType }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -871,12 +846,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmCode')"
name="alarmCode"
>
<a-input
v-model:value="modalState.from.alarmCode"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmCode }}
</a-form-item>
</a-col>
</a-row>
@@ -887,12 +857,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.alarmTitle')"
name="alarmTitle"
>
<a-input
v-model:value="modalState.from.alarmTitle"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmTitle }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -900,42 +865,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.eventTime')"
name="eventTime"
>
<a-input
v-model:value="modalState.from.eventTime"
disabled
allow-clear
>
</a-input>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.alarmTitle')"
name="alarmTitle"
>
<a-input
v-model:value="modalState.from.alarmTitle"
disabled
allow-clear
>
</a-input>
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.alarmType')"
name="alarmType"
>
<a-select
v-model:value="modalState.from.alarmType"
style="width: 100%"
:options="dict.activeAlarmType"
disabled
>
</a-select>
{{ modalState.from.eventTime }}
</a-form-item>
</a-col>
</a-row>
@@ -946,25 +876,16 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.pvFlag')"
name="pvFlag"
>
<a-input
v-model:value="modalState.from.pvFlag"
disabled
allow-clear
>
</a-input>
{{ modalState.from.pvFlag }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.objectName')"
name="objectName"
:label="t('views.faultManage.activeAlarm.alarmType')"
name="alarmType"
>
<a-input
v-model:value="modalState.from.objectName"
disabled
allow-clear
>
</a-input>
{{ modalState.from.alarmType }}
</a-form-item>
</a-col>
</a-row>
@@ -973,12 +894,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.locationInfo')"
name="locationInfo"
>
<a-textarea
v-model:value="modalState.from.locationInfo"
placeholder="Autosize height with minimum and maximum number of lines"
:auto-size="{ minRows: 1, maxRows: 5 }"
disabled
/>
{{ modalState.from.locationInfo }}
</a-form-item>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
@@ -986,12 +902,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.province')"
name="province"
>
<a-input
v-model:value="modalState.from.province"
disabled
allow-clear
>
</a-input>
{{ modalState.from.province }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -999,13 +910,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.origLevel')"
name="origSeverity"
>
<a-select
v-model:value="modalState.from.origSeverity"
style="width: 100%"
:options="dict.activeAlarmSeverity"
disabled
>
</a-select>
{{ modalState.from.origSeverity }}
</a-form-item>
</a-col>
</a-row>
@@ -1014,33 +919,20 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.addInfo')"
name="addInfo"
>
<a-textarea
v-model:value="modalState.from.addInfo"
:auto-size="{ minRows: 1, maxRows: 5 }"
disabled
/>
{{ modalState.from.addInfo }}
</a-form-item>
<a-form-item
:label="t('views.faultManage.activeAlarm.specificProblemId')"
name="specificProblemId"
>
<a-input
v-model:value="modalState.from.specificProblemId"
disabled
allow-clear
>
</a-input>
{{ modalState.from.specificProblemId }}
</a-form-item>
<a-form-item
:label="t('views.faultManage.activeAlarm.specificProblem')"
name="specificProblem"
>
<a-textarea
v-model:value="modalState.from.specificProblem"
:auto-size="{ minRows: 1, maxRows: 5 }"
disabled
/>
{{ modalState.from.specificProblem }}
</a-form-item>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
@@ -1048,13 +940,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.clearType')"
name="clearType"
>
<a-select
v-model:value="modalState.from.clearType"
style="width: 100%"
:options="dict.activeClearType"
disabled
>
</a-select>
{{ modalState.from.clearType }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1062,12 +948,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.clearTime')"
name="clearTime"
>
<a-input
v-model:value="modalState.from.clearTime"
disabled
allow-clear
>
</a-input>
{{ modalState.from.clearTime }}
</a-form-item>
</a-col>
</a-row>
@@ -1078,12 +959,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.ackUser')"
name="ackUser"
>
<a-input
v-model:value="modalState.from.ackUser"
disabled
allow-clear
>
</a-input>
{{ modalState.from.ackUser }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
@@ -1091,12 +967,7 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.ackState')"
name="ackState"
>
<a-select
v-model:value="modalState.from.ackState"
style="width: 100%"
:options="dict.activeAckState"
disabled
/>
{{ modalState.from.ackState }}
</a-form-item>
</a-col>
</a-row>
@@ -1107,12 +978,15 @@ onMounted(() => {
:label="t('views.faultManage.activeAlarm.ackTime')"
name="ackTime"
>
<a-input
v-model:value="modalState.from.ackTime"
disabled
allow-clear
>
</a-input>
{{ modalState.from.ackTime }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.faultManage.activeAlarm.objectName')"
name="objectName"
>
{{ modalState.from.objectName }}
</a-form-item>
</a-col>
</a-row>