This commit is contained in:
FLL
2025-09-04 17:02:35 +08:00
6 changed files with 86 additions and 100 deletions

View File

@@ -21,7 +21,7 @@ export const querySchema: FormSchemaGetter = () => [
options: getDictOptions(DictEnum.alarm_level, true), options: getDictOptions(DictEnum.alarm_level, true),
}, },
fieldName: 'level', fieldName: 'level',
label: '级别', label: '预警级别',
}, },
/*{ /*{
component: 'Select', component: 'Select',
@@ -45,7 +45,7 @@ export const columns: VxeGridProps['columns'] = [
field: 'reportTime', field: 'reportTime',
}, },
{ {
title: '设备ip', title: '设备IP',
field: 'deviceIp', field: 'deviceIp',
}, },
{ {
@@ -53,7 +53,7 @@ export const columns: VxeGridProps['columns'] = [
field: 'deviceName', field: 'deviceName',
}, },
{ {
title: '级别', title: '预警级别',
field: 'level', field: 'level',
slots: { slots: {
default: ({ row }: any) => { default: ({ row }: any) => {
@@ -138,7 +138,7 @@ export const modalSchema: FormSchemaGetter = () => [
disabled: true, disabled: true,
}, },
{ {
label: '设备名称', label: '设备IP',
fieldName: 'deviceIp', fieldName: 'deviceIp',
component: 'Input', component: 'Input',
disabled: true, disabled: true,
@@ -152,7 +152,7 @@ export const modalSchema: FormSchemaGetter = () => [
rules: 'required', rules: 'required',
}, },
{ {
label: '重要级别', label: '预警级别',
fieldName: 'level', fieldName: 'level',
component: 'Select', component: 'Select',
disabled: true, disabled: true,
@@ -185,7 +185,7 @@ export const modalSchema: FormSchemaGetter = () => [
rules: 'selectRequired', rules: 'selectRequired',
}, },
{ {
label: '描述', label: '预警描述',
disabled: true, disabled: true,
fieldName: 'description', fieldName: 'description',
component: 'Textarea', component: 'Textarea',

View File

@@ -72,15 +72,24 @@ function loadProcessList() {
:labelStyle="{ width: '120px' }" :labelStyle="{ width: '120px' }"
style="margin-bottom: 30px" style="margin-bottom: 30px"
> >
<DescriptionsItem label="预警编"> <DescriptionsItem label="预警编">
{{ warningDetail.id }} {{ warningDetail.id }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警类型">
<DescriptionsItem label="预警时间"> {{ warningDetail.bigTypeName + ' - ' + warningDetail.smallTypeName }}
{{ warningDetail.reportTime }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="级别"> <DescriptionsItem label="设备IP"
>{{ warningDetail.deviceIp }}
</DescriptionsItem>
<DescriptionsItem label="设备名称"
>{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="预警位置" :span="2">
{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="预警级别">
<Tag <Tag
:color=" :color="
warningDetail.level === '特大' warningDetail.level === '特大'
@@ -93,27 +102,15 @@ function loadProcessList() {
{{ warningDetail.levelName }} {{ warningDetail.levelName }}
</Tag> </Tag>
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警时间">
<DescriptionsItem label="预警类型"> {{ warningDetail.reportTime }}
{{ warningDetail.bigTypeName + ' - ' + warningDetail.smallTypeName }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="设备ip" <DescriptionsItem label="预警描述" :span="2">
>{{ warningDetail.deviceIp }}
</DescriptionsItem>
<DescriptionsItem label="设备ip"
>{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="描述" :span="2">
{{ warningDetail.description }} {{ warningDetail.description }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="所在位置" :span="2"> <DescriptionsItem :span="2" label="相关图片">
{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem :span="2" label="附件信息">
<div class="file-box"> <div class="file-box">
<div class="img-box" v-for="item in currFiles"> <div class="img-box" v-for="item in currFiles">
<Image <Image

View File

@@ -21,7 +21,7 @@ export const querySchema: FormSchemaGetter = () => [
options: getDictOptions(DictEnum.alarm_level, true), options: getDictOptions(DictEnum.alarm_level, true),
}, },
fieldName: 'level', fieldName: 'level',
label: '级别', label: '预警级别',
}, },
/*{ /*{
component: 'Select', component: 'Select',
@@ -45,7 +45,7 @@ export const columns: VxeGridProps['columns'] = [
field: 'reportTime', field: 'reportTime',
}, },
{ {
title: '设备ip', title: '设备IP',
field: 'deviceIp', field: 'deviceIp',
}, },
{ {
@@ -53,7 +53,7 @@ export const columns: VxeGridProps['columns'] = [
field: 'deviceName', field: 'deviceName',
}, },
{ {
title: '级别', title: '预警级别',
field: 'level', field: 'level',
slots: { slots: {
default: ({ row }: any) => { default: ({ row }: any) => {
@@ -138,7 +138,7 @@ export const modalSchema: FormSchemaGetter = () => [
disabled: true, disabled: true,
}, },
{ {
label: '设备名称', label: '设备IP',
fieldName: 'deviceIp', fieldName: 'deviceIp',
component: 'Input', component: 'Input',
disabled: true, disabled: true,
@@ -152,7 +152,7 @@ export const modalSchema: FormSchemaGetter = () => [
rules: 'required', rules: 'required',
}, },
{ {
label: '重要级别', label: '预警级别',
fieldName: 'level', fieldName: 'level',
component: 'Select', component: 'Select',
disabled: true, disabled: true,
@@ -185,7 +185,7 @@ export const modalSchema: FormSchemaGetter = () => [
rules: 'selectRequired', rules: 'selectRequired',
}, },
{ {
label: '描述', label: '预警描述',
disabled: true, disabled: true,
fieldName: 'description', fieldName: 'description',
component: 'Textarea', component: 'Textarea',

View File

@@ -70,15 +70,23 @@ function loadProcessList() {
:labelStyle="{ width: '120px' }" :labelStyle="{ width: '120px' }"
style="margin-bottom: 30px" style="margin-bottom: 30px"
> >
<DescriptionsItem label="预警编"> <DescriptionsItem label="预警编">
{{ warningDetail.id }} {{ warningDetail.id }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警类型">
<DescriptionsItem label="预警时间"> {{ warningDetail.bigTypeName + ' - ' + warningDetail.smallTypeName }}
{{ warningDetail.reportTime }} </DescriptionsItem>
<DescriptionsItem label="设备IP"
>{{ warningDetail.deviceIp }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="级别"> <DescriptionsItem label="设备名称"
>{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="预警位置" :span="2">
{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="预警级别">
<Tag <Tag
:color=" :color="
warningDetail.level === '特大' warningDetail.level === '特大'
@@ -91,28 +99,16 @@ function loadProcessList() {
{{ warningDetail.levelName }} {{ warningDetail.levelName }}
</Tag> </Tag>
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警时间">
<DescriptionsItem label="预警类型"> {{ warningDetail.reportTime }}
{{ warningDetail.bigTypeName + ' - ' + warningDetail.smallTypeName }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警描述" :span="2">
<DescriptionsItem label="设备ip"
>{{ warningDetail.deviceIp }}
</DescriptionsItem>
<DescriptionsItem label="设备ip"
>{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="描述" :span="2">
{{ warningDetail.description }} {{ warningDetail.description }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="所在位置">
{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="处理状态">
<DescriptionsItem label="处理状态" :span="2">
<Tag color="processing"> <Tag color="processing">
{{ warningDetail.stateName }} {{ warningDetail.stateName }}
</Tag> </Tag>
@@ -126,7 +122,7 @@ function loadProcessList() {
{{ warningDetail.processingTime || '-' }} {{ warningDetail.processingTime || '-' }}
</DescriptionsItem>--> </DescriptionsItem>-->
<DescriptionsItem :span="1" label="附件信息"> <DescriptionsItem :span="2" label="相关图片">
<div class="file-box"> <div class="file-box">
<div class="img-box" v-for="item in currFiles"> <div class="img-box" v-for="item in currFiles">
<Image <Image
@@ -138,7 +134,7 @@ function loadProcessList() {
</div> </div>
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem :span="1" label="报警视频"></DescriptionsItem> <DescriptionsItem :span="2" label="报警视频"></DescriptionsItem>
</Descriptions> </Descriptions>
</BasicModal> </BasicModal>
</template> </template>

View File

@@ -22,7 +22,7 @@ export const querySchema: FormSchemaGetter = () => [
options: getDictOptions(DictEnum.alarm_level, true), options: getDictOptions(DictEnum.alarm_level, true),
}, },
fieldName: 'level', fieldName: 'level',
label: '级别', label: '预警级别',
}, },
/*{ /*{
component: 'Select', component: 'Select',
@@ -46,7 +46,7 @@ export const columns: VxeGridProps['columns'] = [
field: 'reportTime', field: 'reportTime',
}, },
{ {
title: '设备ip', title: '设备IP',
field: 'deviceIp', field: 'deviceIp',
}, },
{ {
@@ -54,7 +54,7 @@ export const columns: VxeGridProps['columns'] = [
field: 'deviceName', field: 'deviceName',
}, },
{ {
title: '级别', title: '预警级别',
field: 'level', field: 'level',
slots: { slots: {
default: ({ row }: any) => { default: ({ row }: any) => {
@@ -139,7 +139,7 @@ export const modalSchema: FormSchemaGetter = () => [
disabled: true, disabled: true,
}, },
{ {
label: '设备名称', label: '设备IP',
fieldName: 'deviceIp', fieldName: 'deviceIp',
component: 'Input', component: 'Input',
disabled: true, disabled: true,
@@ -153,7 +153,7 @@ export const modalSchema: FormSchemaGetter = () => [
rules: 'required', rules: 'required',
}, },
{ {
label: '重要级别', label: '预警级别',
fieldName: 'level', fieldName: 'level',
component: 'Select', component: 'Select',
disabled: true, disabled: true,
@@ -186,7 +186,7 @@ export const modalSchema: FormSchemaGetter = () => [
rules: 'selectRequired', rules: 'selectRequired',
}, },
{ {
label: '描述', label: '预警描述',
disabled: true, disabled: true,
fieldName: 'description', fieldName: 'description',
component: 'Textarea', component: 'Textarea',
@@ -196,6 +196,19 @@ export const modalSchema: FormSchemaGetter = () => [
}, },
}, },
// 插入分割线
{
component: 'Divider',
fieldName: '_divider',
formItemClass: 'col-span-2',
hideLabel: true,
renderComponentContent: () => {
return {
default: () => h('div', '处理'),
};
},
},
{ {
label: '处理人', label: '处理人',
fieldName: 'solveName', fieldName: 'solveName',
@@ -212,19 +225,6 @@ export const modalSchema: FormSchemaGetter = () => [
fieldName: 'solveEmail', fieldName: 'solveEmail',
component: 'Input', component: 'Input',
}, },
// 插入分割线
{
component: 'Divider',
fieldName: '_divider',
formItemClass: 'col-span-2',
hideLabel: true,
renderComponentContent: () => {
return {
default: () => h('div', '处理'),
};
},
},
{ {
label: '备注', label: '备注',
fieldName: 'remark', fieldName: 'remark',

View File

@@ -70,15 +70,23 @@ function loadProcessList() {
:labelStyle="{ width: '120px' }" :labelStyle="{ width: '120px' }"
style="margin-bottom: 30px" style="margin-bottom: 30px"
> >
<DescriptionsItem label="预警编"> <DescriptionsItem label="预警编">
{{ warningDetail.id }} {{ warningDetail.id }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警类型">
<DescriptionsItem label="预警时间"> {{ warningDetail.bigTypeName + ' - ' + warningDetail.smallTypeName }}
{{ warningDetail.reportTime }} </DescriptionsItem>
<DescriptionsItem label="设备IP"
>{{ warningDetail.deviceIp }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="级别"> <DescriptionsItem label="设备名称"
>{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="预警位置" :span="2">
{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="预警级别">
<Tag <Tag
:color=" :color="
warningDetail.level === '特大' warningDetail.level === '特大'
@@ -91,28 +99,13 @@ function loadProcessList() {
{{ warningDetail.levelName }} {{ warningDetail.levelName }}
</Tag> </Tag>
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警时间">
<DescriptionsItem label="预警类型"> {{ warningDetail.reportTime }}
{{ warningDetail.bigTypeName + ' - ' + warningDetail.smallTypeName }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="预警描述" :span="2">
<DescriptionsItem label="设备ip"
>{{ warningDetail.deviceIp }}
</DescriptionsItem>
<DescriptionsItem label="设备ip"
>{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="描述" :span="2">
{{ warningDetail.description }} {{ warningDetail.description }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="相关图片" :span="2">
<DescriptionsItem label="所在位置" :span="2">
{{ warningDetail.deviceName }}
</DescriptionsItem>
<DescriptionsItem label="附件信息" :span="2">
<div class="file-box"> <div class="file-box">
<div class="img-box" v-for="item in currFiles"> <div class="img-box" v-for="item in currFiles">
<Image <Image