$(function(){
    for(let i = 0 ; i < 6 ; i++){
        $('.left').append(`<div class="taskItem">
            <span>任务${i+1}</span>
            <img src="./images/shanchu.png" alt="">
        </div>`)
    }
    for(let i = 0 ; i < 6 ; i++){
        $('.right').append(`<div class="pointItem">
            <div class="point">
                <div class="pointName">
                    <img src="./images/point.png" alt="">
                    <span>点${i+1}</span>
                </div>
                <div class="edit">修改</div>
            </div>
            <div class="lat">经度：116.3913447°</div>
            <div class="lat">纬度度：116.3913447°</div>
        </div>`)
    }
    // 添加任务弹窗
    $("#addTaskBtn").click(()=>{
        // 淡入元素
        $("#addTaskDialog").fadeIn();
    })
    $("#closeAddTask").click(()=>{
        $("#addTaskDialog").fadeOut();
    })
    // 编辑弹窗
    $(".edit").click(()=>{
        // 淡入元素
        $("#editDialog").fadeIn();
    })
    $("#closeEdit").click(()=>{
        $("#editDialog").fadeOut();
    })
})