<template>
|
<el-card shadow="hover">
|
<!-- <template #header>
|
<div class="card-header">
|
<span>Card name</span>
|
</div>
|
</template> -->
|
<!-- <el-descriptions :column="3" size="default" border>
|
<el-descriptions-item label="序号">{{ item.id }}</el-descriptions-item>
|
<el-descriptions-item label="MN编号">{{ item.code }}</el-descriptions-item>
|
<el-descriptions-item label="名称">{{ item.name }}</el-descriptions-item>
|
<el-descriptions-item label="地址">{{ item.address }}</el-descriptions-item>
|
<el-descriptions-item label="状态">{{ item.status }}</el-descriptions-item>
|
<el-descriptions-item label="创建时间">{{ item.createTime }}</el-descriptions-item>
|
<el-descriptions-item label="更新时间">{{ item.updateTime }}</el-descriptions-item>
|
<el-descriptions-item label="备注">{{ item.remark }}</el-descriptions-item>
|
<el-descriptions-item label="经纬度">{{ item.lon }}, {{ item.lat }}</el-descriptions-item>
|
</el-descriptions> -->
|
<el-row justify="space-between">
|
<div>
|
<el-text>{{ item.id }}、</el-text>
|
<el-text>{{ item.name }}</el-text>
|
</div>
|
<div>
|
<el-text>MN编号:{{ item.code }}</el-text>
|
</div>
|
</el-row>
|
<div>
|
<el-text>地址:</el-text>
|
<el-text>{{ item.address }}</el-text>
|
</div>
|
<el-row justify="space-between">
|
<div>
|
<el-text size="small" type="info">经纬度:{{ item.lon }}, {{ item.lat }}</el-text>
|
</div>
|
<el-space>
|
<div>
|
<el-text size="small" type="info">创建时间:{{ item.createTime }}</el-text>
|
</div>
|
<div>
|
<el-text size="small" type="info">更新时间:{{ item.updateTime }}</el-text>
|
</div>
|
</el-space>
|
</el-row>
|
<el-row justify="end">
|
<el-button size="small" type="success" @click="add">添加</el-button>
|
</el-row>
|
</el-card>
|
</template>
|
<script setup>
|
const props = defineProps({
|
item: {
|
type: Object,
|
default: () => {}
|
}
|
});
|
|
const emit = defineEmits(['add']);
|
|
function add() {
|
emit('add', props.item);
|
}
|
</script>
|