fix: 告警配置场景联动组件替换

This commit is contained in:
leiqiaochu 2023-03-20 11:17:28 +08:00
parent 8aaa9418bd
commit 96dce7a98a
1 changed files with 11 additions and 12 deletions

View File

@ -8,7 +8,7 @@
@cancel="closeModal" @cancel="closeModal"
@ok="saveCorrelation" @ok="saveCorrelation"
> >
<pro-search :columns="columns" @search="handleSearch"/> <pro-search :columns="columns" @search="handleSearch" />
<div style="height: 500px; overflow-y: auto"> <div style="height: 500px; overflow-y: auto">
<JProTable <JProTable
model="CARD" model="CARD"
@ -30,7 +30,7 @@
:params="params" :params="params"
> >
<template #card="slotProps"> <template #card="slotProps">
<SceneCard <CardBox
:value="slotProps" :value="slotProps"
:status="slotProps.state?.value" :status="slotProps.state?.value"
:statusText="slotProps.state?.text" :statusText="slotProps.state?.text"
@ -59,22 +59,22 @@
:src="typeMap.get(slotProps.triggerType)?.img" :src="typeMap.get(slotProps.triggerType)?.img"
/> />
</template> </template>
<template #title> <template #content>
<Ellipsis style="width: calc(100% - 100px)"> <Ellipsis style="width: calc(100% - 100px)">
<span style="font-size: 16px; font-weight: 600"> <span style="font-size: 16px; font-weight: 600">
{{ slotProps.name }} {{ slotProps.name }}
</span> </span>
</Ellipsis> </Ellipsis>
</template>
<template #subTitle>
<Ellipsis :lineClamp="2"> <Ellipsis :lineClamp="2">
<div class="subTitle">
说明{{ 说明{{
slotProps?.description || slotProps?.description ||
typeMap.get(slotProps.triggerType)?.tip typeMap.get(slotProps.triggerType)?.tip
}} }}
</div>
</Ellipsis> </Ellipsis>
</template> </template>
</SceneCard> </CardBox>
</template> </template>
</JProTable> </JProTable>
</div> </div>
@ -84,7 +84,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { query } from '@/api/rule-engine/scene'; import { query } from '@/api/rule-engine/scene';
import { bindScene } from '@/api/rule-engine/configuration'; import { bindScene } from '@/api/rule-engine/configuration';
import SceneCard from '@/views/rule-engine/Scene/SceneCard.vue';
import { getImage } from '@/utils/comm'; import { getImage } from '@/utils/comm';
import { message } from 'ant-design-vue'; import { message } from 'ant-design-vue';
const columns = [ const columns = [
@ -204,7 +203,7 @@ log();
const handleSearch = (e: any) => { const handleSearch = (e: any) => {
params.value = e; params.value = e;
}; };
const emit = defineEmits(['closeSave','saveScene']); const emit = defineEmits(['closeSave', 'saveScene']);
/** /**
* 保存选中关联场景 * 保存选中关联场景
*/ */