This commit is contained in:
2025-12-05 15:47:12 +08:00
parent 62dc4e5e82
commit bb41ae6afa
2 changed files with 77 additions and 72 deletions
@@ -97,7 +97,6 @@
const [registerDrawer, {}] = useDrawerInner(async (data) => { const [registerDrawer, {}] = useDrawerInner(async (data) => {
listData.value = []; listData.value = [];
fForm.value = {}; fForm.value = {};
data.id = '1994381754169057282';
try { try {
loading.value = true; loading.value = true;
const res = await queryCheckNewByIdApi({ id: data?.id }); const res = await queryCheckNewByIdApi({ id: data?.id });
@@ -17,77 +17,79 @@
<div style="flex: 1">是否异常</div> <div style="flex: 1">是否异常</div>
<div style="flex: 1">异常结果</div> <div style="flex: 1">异常结果</div>
</div> </div>
<div class="list-item-d" v-for="(item, index) in listData" :key="`list-data-${index}`"> <div style="flex: 1; overflow: auto">
<div style="width: 70px">{{ index + 1 }}</div> <div class="list-item-d" v-for="(item, index) in listData" :key="`list-data-${index}`">
<div style="flex: 1"> <div style="width: 70px">{{ index + 1 }}</div>
<a-tooltip placement="top"> <div style="flex: 1">
<template #title> <a-tooltip placement="top">
<span> {{ item?.departName || '-' }}</span> <template #title>
</template> <span> {{ item?.departName || '-' }}</span>
<div> </template>
{{ item?.departName || '-' }} <div>
</div> {{ item?.departName || '-' }}
</a-tooltip> </div>
</div> </a-tooltip>
<div style="flex: 1"> </div>
<a-tooltip placement="top"> <div style="flex: 1">
<template #title> <a-tooltip placement="top">
<span> {{ item?.projectName || '-' }}</span> <template #title>
</template> <span> {{ item?.projectName || '-' }}</span>
<div> </template>
{{ item?.projectName || '-' }} <div>
</div> {{ item?.projectName || '-' }}
</a-tooltip> </div>
</div> </a-tooltip>
<div style="flex: 1"> </div>
<a-tooltip placement="top"> <div style="flex: 1">
<template #title> <a-tooltip placement="top">
<span> {{ item?.abnormalResult && item?.abnormalResult !== 'null' ? item?.abnormalResult : '无' }}</span> <template #title>
</template> <span> {{ item?.abnormalResult && item?.abnormalResult !== 'null' ? item?.abnormalResult : '无' }}</span>
<div :style="{ color: item?.abnormal === '正常' ? '' : 'red' }"> </template>
{{ item?.abnormalResult && item?.abnormalResult !== 'null' ? item?.abnormalResult : '无' }} <div :style="{ color: item?.abnormal === '异常' ? 'red' : '' }">
</div> {{ item?.abnormalResult && item?.abnormalResult !== 'null' ? item?.abnormalResult : '无' }}
</a-tooltip> </div>
</div> </a-tooltip>
<div style="flex: 1"> </div>
<a-tooltip placement="top"> <div style="flex: 1">
<template #title> <a-tooltip placement="top">
<span> {{ item?.unit || '-' }}</span> <template #title>
</template> <span> {{ item?.unit || '-' }}</span>
<div> </template>
{{ item?.unit || '-' }} <div>
</div> {{ item?.unit || '-' }}
</a-tooltip> </div>
</div> </a-tooltip>
<div style="flex: 1"> </div>
<a-tooltip placement="top"> <div style="flex: 1">
<template #title> <a-tooltip placement="top">
<span> {{ item?.referenceValue || '-' }}</span> <template #title>
</template> <span> {{ item?.referenceValue || '-' }}</span>
<div> </template>
{{ item?.referenceValue || '-' }} <div>
</div> {{ item?.referenceValue || '-' }}
</a-tooltip> </div>
</div> </a-tooltip>
<div style="flex: 1"> </div>
<a-tooltip placement="top"> <div style="flex: 1">
<template #title> <a-tooltip placement="top">
<span> {{ item?.abnormal || '-' }}</span> <template #title>
</template> <span> {{ item?.abnormal || '-' }}</span>
<div> </template>
{{ item?.abnormal || '-' }} <div>
</div> {{ item?.abnormal || '-' }}
</a-tooltip> </div>
</div> </a-tooltip>
<div style="flex: 1"> </div>
<a-tooltip placement="top"> <div style="flex: 1">
<template #title> <a-tooltip placement="top">
<span> {{ item?.resultValue || '-' }}</span> <template #title>
</template> <span> {{ item?.resultValue || '-' }}</span>
<div> </template>
{{ item?.resultValue || '-' }} <div>
</div> {{ item?.resultValue || '-' }}
</a-tooltip> </div>
</a-tooltip>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -142,6 +144,10 @@
.modal-inner-d { .modal-inner-d {
width: 100%; width: 100%;
position: relative; position: relative;
height: 60vh;
display: flex;
flex-direction: column;
overflow-y: auto;
> div { > div {
width: 100%; width: 100%;