<template>
|
<el-row justify="space-between">
|
<el-text>单日计划</el-text>
|
<el-button type="success" size="small" @click="add">新增</el-button>
|
</el-row>
|
<el-divider />
|
<div>
|
<el-scrollbar :height="height">
|
<el-space fill direction="vertical">
|
<ItemSubTask v-for="s in data" :key="s.guid" :item="s">
|
<template #default="{ item }">
|
<el-button type="danger" size="small" @click="remove(item)"
|
>移除</el-button
|
>
|
</template>
|
</ItemSubTask>
|
</el-space>
|
</el-scrollbar>
|
</div>
|
</template>
|
<script setup>
|
import { ref, watch, onMounted } from 'vue';
|
|
const props = defineProps({
|
data: Array,
|
height: {
|
type: String,
|
default: '70vh'
|
}
|
});
|
const curSubTaskList = ref([]);
|
|
const emit = defineEmits(['add', 'remove']);
|
|
function remove(item) {
|
emit('remove', item);
|
}
|
|
function add() {
|
emit('add');
|
}
|
</script>
|
