<template>
    <div>
        <div class="noMisBox" v-if="selects == 0 && arrList.length == 0">
            <img style="width: 220px;height: 220px;" src="../../../assets/image/create.png" alt="">
            <p style="text-align: center;width: 240px;">当前没有需要检测的任务</p>
            <p class="createMisp" @click="createMis">
                <img style="width: 20px;height: 20px;" src="../../../assets/icon/create_btn.png" alt="">
                <span style="font-size: 18px;">点击创建任务</span>
            </p>
        </div>
    </div>
</template>

<script>
import { ref, onMounted } from 'vue';
export default {
    props: {
        btnSelect: {
            type: Number,
            require: true
        },
        taskList: {
            type: Array,
            require: true
        }
    },
    setup(props, { emit }) {
        let selects = props.btnSelect
        let arrList = props.taskList
        function createMis() {
            selects = 1
            emit("backToMission", selects)
        }

        return {
            createMis,
            selects,
            arrList,
        }
    }
}
</script>

<style scoped>
.noMisBox {
    width: 200px;
    height: 200px;
    margin: 80px auto;
    text-align: center;
    line-height: 20px;
}
.createMisp{
    margin-left: 25px;
    text-align: center;
    line-height: 10px;
}
</style>