任务管理纯HTML后台页面展示，借鉴学习源码

好程序设计擅长JAVA(SSM,SSH,SPRINGBOOT)、PYTHON(DJANGO/FLASK)、THINKPHP、C#、安卓、微信小程序、MYSQL、SQLSERVER等，欢迎咨询

任务管理纯HTML后台页面展示，借鉴学习源码

首页效果图

首页代码

<div id="page-main">
    <div id="left-item">
        <div class="xkrwdiv"><span class="xkrw">任务管理</span></div>
        <div id="left-content">
            <div class="line"></div>
            <div class="mains">
                <div class="titles xk">当前任务</div>
                <div class="left-main">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-grey">
                            <span class="btnspan">开始拟制</span>
                        </button>
                    </div>
                </div>
                <div class="left-main">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-grey">
                            <span class="btnspan">开始拟制</span>
                        </button>
                    </div>
                </div>
                <div class="left-main">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-grey">
                            <span class="btnspan">开始拟制</span>
                        </button>
                    </div>
                </div>
                <div class="clear-both"></div>
            </div>
            <div class="mains">
                <div class="titles xk">待审核任务</div>
                <div class="left-main fontcolor">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-red">
                            <span class="btnspan">修改完善</span>
                        </button>
                    </div>
                </div>
                <div class="left-main fontcolor">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-red">
                            <span class="btnspan">修改完善</span>
                        </button>
                    </div>
                </div>
                <div class="left-main fontcolor">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-red">
                            <span class="btnspan">修改完善</span>
                        </button>
                    </div>
                </div>
                <div class="clear-both"></div>
            </div>
            <div class="mains">
                <div class="titles xk">历史任务</div>
                <div class="left-main">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-grey">
                            <span class="btnspan">查看详情</span>
                        </button>
                    </div>
                </div>
                <div class="left-main">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-grey">
                            <span class="btnspan">查看详情</span>
                        </button>
                    </div>
                </div>
                <div class="left-main">
                    <div class="left task-title"><span>10.29</span> <span>任务2</span></div>
                    <div class="right">
                        <button type="button" class="btn-grey">
                            <span class="btnspan">查看详情</span>
                        </button>
                    </div>
                </div>
                <div class="clear-both"></div>
            </div>
            <div>
                <div class="search">
                    <input type="text" autocomplete="off" placeholder="请输入内容" class="input" style="width: 180px;">
                    <button type="button" class="btn-white" style="margin-left: 20px;">
                        <span class="ssbtnspan">搜索</span>
                    </button>
                </div>
            </div>
            <div class="pagediv">
                <span class="left-bottom-span">共 10 条</span>
                <select class="select">
                    <option>5条/页</option>
                    <option>10条/页</option>
                    <option>15条/页</option>
                </select>
                <a class="pagea">
                    <span><</span>
                </a>
                <a class="pagea">
                    <span>1</span>
                </a>
                <a class="pagea active">
                    <span>2</span>
                </a>
                <a class="pagea">
                    <span>3</span>
                </a>
                <a class="pagea">
                    <span>&gt;</span>
                </a>
                <span class="left-bottom-span">前往</span>
                <input class="input" style="width: 46px;height: 28px;line-height: 28px;">
                <span class="left-bottom-span">页</span>

            </div>
        </div>
    </div>
    <div id="right-item">
        <div class="right-tap-div">
            <button type="button" class="btn-tap">
                <span class="btnspan">预案1</span>
            </button>
        </div>
        <div class="right-btn-div">
            <button type="button" class="btn-blue" style="margin-left: 10px;">
                <span class="btnspan">+添加</span>
            </button>
        </div>
        <div>
            <table class="table">
                <thead>
                <td></td>
                <th>目标</th>
                <th>要求</th>
                <th>字目标</th>
                <th>标准</th>
                <th>区</th>
                <th>型</th>
                <th>种</th>
                <th>量</th>
                <th>次</th>
                <th>操作</th>
                </thead>
                <tbody>
                <tr>

                    <td><span class="tableindex">1</span></td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <select class="select tablesel">
                            <option>请选择</option>
                        </select>
                    </td>
                    <td>
                        <button type="button" class="btn-delete" style="margin-left: 10px;">
                            <span class="btnspan">删除</span>
                        </button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div style="margin-top: 40px;text-align: center">
            <button type="button" class="btn-blue" style="margin-left: 10px;">
                <span class="btnspan">生成</span>
            </button>
            <button type="button" class="btn-green" style="margin-left: 10px;">
                <span class="btnspan">提交</span>
            </button>
        </div>
    </div>
</div>