<template>
|
<!-- <el-card shadow="hover"> -->
|
<div class="wrapper">
|
<div>
|
<el-text>{{ item.index }}、</el-text>
|
<el-text>{{ item.name }}</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.districtname }}
|
</el-tag>
|
<el-tag type="info" effect="plain" size="small">
|
{{ item.type }}
|
</el-tag>
|
<el-tag :type="item.extension1 == '0' ? 'info' : 'success'" size="small">
|
{{ onlineFormat(item.extension1) }}
|
</el-tag>
|
</el-space>
|
<slot>
|
<el-button size="small" type="success" @click="add">添加</el-button>
|
</slot>
|
</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);
|
}
|
|
function onlineFormat(s) {
|
if (s == '0') {
|
return '下线';
|
} else {
|
return '上线';
|
}
|
}
|
</script>
|
<style scoped>
|
.wrapper {
|
border: 1px solid var(--el-border-color);
|
border-radius: var(--el-border-radius-base);
|
padding: 4px 8px;
|
}
|
</style>
|
