1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
| <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">
| <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-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>
|
|
