<template>
|
<div class="wrapper">
|
<div>
|
<el-text truncated>{{ item.name }}</el-text>
|
</div>
|
<div>
|
<el-space fill>
|
<el-text truncated class="w-250px" size="small">{{ item.scenseaddress }}</el-text>
|
<el-text truncated class="w-250px" size="small">{{
|
$fm.formatYMDH(item.planstarttime)
|
}}</el-text>
|
<el-text truncated class="w-250px" size="small">{{ item.executorrealtimes }}</el-text>
|
</el-space>
|
</div>
|
<el-row justify="end" style="margin-top: 4px">
|
<slot :item="item"></slot>
|
</el-row>
|
</div>
|
</template>
|
<script setup>
|
/**
|
* 监管对象
|
*/
|
const props = defineProps({
|
item: {
|
type: Object,
|
default: () => {}
|
}
|
});
|
</script>
|
<style scoped>
|
.wrapper {
|
/* width: 300px; */
|
border: 1px solid var(--el-border-color);
|
border-radius: var(--el-border-radius-base);
|
padding: 4px 8px;
|
}
|
</style>
|
