查看所有的任务

<div style='position: relative; left: 15px; top: 15px;'>
    <div>
        <div class='' id='addTask'>添加</div>
        <div class='' id='SearchTask'>搜索</div>
        <p> 待完成的任务 </p>
    </div>
    <div class='items'>
        <table>
            <thead>
                <td>id</td>
                <td>任务名</td>
                <td>截止时间</td>
                <td>优先级</td>
                <td>地点</td>
                <td>预算时间</td>
                <td>是否完成</td>
                <td>完成</td>
                <td>删除</td>
            </thead>
            <tbody>
                <tr>
                    <td>5</td>
                    <td>hello</td>
                    <td>2023年12月20日0时0分</td>
                    <td>10</td>
                    <td>null</td>
                    <td>0</td>
                    <td>0</td>
                    <td>
                        <a href="/api/tasks/finish/5">完成</a>
                    </td>
                    <td>
                        <a href="/api/tasks/delete/5">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>6</td>
                    <td>hello</td>
                    <td>2023年12月20日0时0分</td>
                    <td>10</td>
                    <td>null</td>
                    <td>0</td>
                    <td>0</td>
                    <td>
                        <a href="/api/tasks/finish/6">完成</a>
                    </td>
                    <td>
                        <a href="/api/tasks/delete/6">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>11</td>
                    <td>hello</td>
                    <td>2023年12月20日0时3分</td>
                    <td>10</td>
                    <td>null</td>
                    <td>0</td>
                    <td>0</td>
                    <td>
                        <a href="/api/tasks/finish/11">完成</a>
                    </td>
                    <td>
                        <a href="/api/tasks/delete/11">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>test</td>
                    <td>2024年12月19日21时12分</td>
                    <td>0</td>
                    <td>None</td>
                    <td>0</td>
                    <td>0</td>
                    <td>
                        <a href="/api/tasks/finish/3">完成</a>
                    </td>
                    <td>
                        <a href="/api/tasks/delete/3">删除</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div>
        <p>已完成的任务</p>
    </div>
    <div class='items'>
        <table>
            <thead>
                <td>id</td>
                <td>任务名</td>
                <td>截止时间</td>
                <td>优先级</td>
                <td>地点</td>
                <td>预算时间</td>
                <td>是否完成</td>
                <td>取消完成</td>
                <td>删除</td>
            </thead>
            <tbody>
                <tr>
                    <td>2</td>
                    <td>test</td>
                    <td>2024年12月19日23时12分</td>
                    <td>1</td>
                    <td>None</td>
                    <td>0</td>
                    <td>1</td>
                    <td>
                        <a href="/api/tasks/unfinish/2">取消完成</a>
                    </td>
                    <td>
                        <a href="/api/tasks/delete/2">删除</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>