<template>
|
<div>
|
<el-row justify="space-evenly">
|
<!-- <div class="f-l">现场巡查跟踪（现场人员巡查情况实时掌握）</div> -->
|
<!-- <SubtaskItem v-for="item in subtaskList" :key="item.guid" v-bind="item"> </SubtaskItem> -->
|
<el-col :span="4">
|
<TaskNode title="新任务" :items="subtaskList" v-slot="{ item, index }">
|
<SubtaskItem v-bind="item" :index="index"> </SubtaskItem>
|
</TaskNode>
|
</el-col>
|
<el-col :span="4">
|
<TaskNode title="正在执行" :items="subtaskList" v-slot="{ item, index }">
|
<SubtaskItem v-bind="item" :index="index"> </SubtaskItem>
|
</TaskNode>
|
</el-col>
|
<el-col :span="4">
|
<TaskNode title="待审核" :items="subtaskList" v-slot="{ item, index }">
|
<SubtaskExamineItem v-bind="item" :index="index" type="问题审核"> </SubtaskExamineItem>
|
</TaskNode>
|
</el-col>
|
<el-col :span="4">
|
<TaskNode title="待整改" :items="subtaskList" v-slot="{ item, index }">
|
<SubtaskExamineItem v-bind="item" :index="index" type="待整改"> </SubtaskExamineItem>
|
</TaskNode>
|
</el-col>
|
<el-col :span="4">
|
<TaskNode title="待确认" :items="subtaskList" v-slot="{ item, index }">
|
<SubtaskExamineItem v-bind="item" :index="index" type="整改审核"> </SubtaskExamineItem>
|
</TaskNode>
|
</el-col>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
subtaskList: []
|
}
|
},
|
watch: {},
|
methods: {},
|
mounted() {
|
let i = 0
|
while (i < 5) {
|
this.subtaskList.push({
|
guid: 'SMuheEkjswioSn7A',
|
name: '中科生态数字港项目巡查中科生态数字港项目巡查',
|
district: '金山区',
|
planTime: '2024-06-04',
|
startTime: '2024-06-04 13:31:26',
|
endTime: '2024-06-04 13:33:37',
|
userName: '朱正强',
|
status: '已结束',
|
total: 4,
|
checked: 2
|
})
|
i++
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.text {
|
background-color: aliceblue;
|
}
|
</style>
|
