Insert title here

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

  • 2020-11-01 00:12:44
  • PHP
  • 浏览次数 1415

好程序设计擅长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>




¥5

微信购买 支付宝购买

相似文章

0 条留言

留言

Insert title here
在线客服
联系方式
微信:13265346583 QQ:2196316269

扫码联系客服