25 lines
1.0 KiB
Vue
25 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<el-table :data="checkArr" border style="width: 100%" height="320">
|
|
<el-table-column label="序号" width="60" type="index" align="center"></el-table-column>
|
|
<el-table-column prop="name" label="设备名称" align="center" />
|
|
<el-table-column prop="isPass" label="巡检结果" align="center">
|
|
<template #default="scope">
|
|
<span :style="{'color': scope.row.isPass? '#0dbc79' : '#e03528'}">{{ scope.row.isPass ? '通过' : '不通过' }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="巡检时间" align="center">
|
|
<template #default="scope">
|
|
{{ scope.row.isPass ? '2023-12-23': '2023-01-11' }}
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import bimStore from '@/store/modules/bim';
|
|
import { computed } from 'vue';
|
|
const checkArr = computed(() =>
|
|
bimStore().checkArr
|
|
);
|
|
</script> |