<template>
|
<!-- <el-card shadow="hover"> -->
|
<div class="wrapper">
|
<div>
|
<el-text>{{ item.displayid }}、</el-text>
|
<el-text truncated class="w-250px">{{ item.sensename }}</el-text>
|
</div>
|
<!-- <div>
|
<el-text>地址：{{ item.location }}</el-text>
|
</div> -->
|
<el-row justify="space-between" style="margin-top: 4px">
|
<el-space>
|
<el-tag type="info" effect="plain" size="small">
|
{{ item.sceneType }}
|
</el-tag>
|
<el-tag type="info" effect="plain" size="small">
|
计划监管次数：{{ item.monitornum }}
|
</el-tag>
|
</el-space>
|
<slot :item="item"></slot>
|
<!-- <el-button size="small" type="success" @click="add">添加</el-button> -->
|
</el-row>
|
</div>
|
<!-- </el-card> -->
|
</template>
|
<script setup>
|
/**
|
* 监管对象
|
*/
|
|
|
const props = defineProps({
|
item: {
|
type: Object,
|
default: () => {}
|
}
|
});
|
|
const emit = defineEmits(['add']);
|
|
function add() {
|
emit('add', props.item);
|
}
|
</script>
|
<style scoped>
|
.wrapper {
|
width: 300px;
|
border: 1px solid var(--el-border-color);
|
border-radius: var(--el-border-radius-base);
|
padding: 4px 8px;
|
}
|
</style>
|
