You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

102 lines
5.4 KiB

<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>项目查询</title>
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
<link rel="stylesheet" href="./projectList.css">
</head>
<body>
<div style="margin: 10px 10px 0 20px;border: 1px solid #EEEEEE;padding: 15px 0 0 0">
<div style="display: flex;align-items: center;justify-content:start;margin-bottom: 10px;">
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 10px 0 20px;">
<label style="width: 100px;">项目阶段:</label>
<div class="layui-form" style="width: 100%;">
<select cl name="quiz">
<option value="">全部</option>
<option value="0">项目立项</option>
<option value="1">招标采购</option>
<option value="2">实施验收</option>
<option value="3">项目拨付</option>
<option value="4">项目关闭</option>
</select>
</div>
</div>
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 10px;">
<label style="width: 100px;">项目编号:</label>
<input type="tel" name="phone" class="layui-input" />
</div>
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 20px 0 10px;">
<label style="width: 100px;">项目名称:</label>
<input type="tel" name="phone" class="layui-input" />
</div>
</div>
<div style="display: flex;align-items: center;justify-content:start;margin-bottom: 10px;">
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 10px 0 20px;">
<label style="width: 100px;">预算年度:</label>
<div style="display: flex;align-items: center;width: 100%;">
<input type="text" class="layui-input" id="ysnd">
</div>
</div>
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 10px;">
<label style="width: 100px;">项目类型:</label>
<div class="layui-form" style="width: 100%;">
<select cl name="quiz">
<option value="">全部</option>
<option value="0">基础条件装备</option>
<option value="1">学科装备</option>
<option value="2">信息技术教学装备</option>
<option value="3">创新教育装备</option>
<option value="4">其他</option>
<option value="5">信息化项目</option>
</select>
</div>
</div>
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 20px 0 10px;">
<label style="width: 100px;">项目单位:</label>
<input type="tel" name="phone" class="layui-input" />
</div>
</div>
<div style="display: flex;align-items: center;justify-content:start;margin-bottom: 10px;">
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 10px 0 20px;">
<label style="width: 100px;">申报时间:</label>
<div id="sbsj" style="display: flex;align-items: center;width: 100%;">
<input type="text" autocomplete="off" id="startDate" class="layui-input" placeholder="开始日期">
&nbsp&nbsp-&nbsp&nbsp
<input type="text" autocomplete="off" id="endDate" class="layui-input" placeholder="结束日期">
</div>
</div>
<div style="display: flex;align-items: center;justify-content:start;width: 33%;padding: 0 10px;">
</div>
<div style="display: flex;align-items: center;justify-content:end;width: 33%;padding: 0 20px 0 10px;">
<button type="button" class="layui-btn layui-btn-radius"><i class="layui-icon layui-icon-search"
style="font-size: 20px;color: #fff;"></i>&nbsp查询</button>
<button type="button" class="layui-btn layui-btn-primary layui-border-green layui-btn-radius"><i
class="layui-icon layui-icon-refresh"
style="font-size: 20px;color: #009688;"></i>&nbsp重置</button>
<button class="layui-btn layui-btn-normal layui-btn-radius"><i class="layui-icon layui-icon-export"
style="font-size: 20px;color: #fff;"></i>&nbsp导出</button>
</div>
</div>
</div>
<div style="padding-left: 20px;padding-right: 10px;">
<table id="projectListTableView" style="width: 100%;" lay-filter="tableFilter"></table>
<script type="text/html" id="tableOperate">
<a class="layui-btn layui-btn-xs" lay-event="view">查看</a>
</script>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/jquery.min.js"></script>
<script src="./projectList.js"></script>
</body>
</html>