144 lines
6.8 KiB
HTML
144 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>工程物料统计</title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<link rel="stylesheet" href="../../lib/layui-v2.9.18/layui/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="../../css/font.css" media="all">
|
|
<link rel="stylesheet" href="../../css/public.css" media="all">
|
|
<link rel="stylesheet" href="../../css/demandPlan/delivery_list.css" media="all">
|
|
</head>
|
|
<style>
|
|
#data-overview {
|
|
width: 100%;
|
|
height: 80px;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.table-box {
|
|
height: calc(100% - 280px);
|
|
}
|
|
|
|
.unit-class {
|
|
margin: 10px 0 0 10px !important;
|
|
color: #666;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<div class="layuimini-container">
|
|
<div class="layuimini-main">
|
|
<fieldset class="table-search-fieldset" style="display: none">
|
|
<legend>数据概览</legend>
|
|
<div id="data-overview" class="layout">
|
|
<div class="data-detail">
|
|
<div class="layout" style="justify-content: space-between;">
|
|
<div class="layout num-title">
|
|
<p>工程总数</p>
|
|
<div class="layout">
|
|
<p class="num-style" id="num">0</p>
|
|
<p class="unit-class">个</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img src="../../images/accessory/three.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="data-detail">
|
|
<div class="layout" style="justify-content: space-between;">
|
|
<div class="layout num-title">
|
|
<p>总采购数量</p>
|
|
<div class="layout">
|
|
<p class="num-style" id="num2">0</p>
|
|
<p class="unit-class">件</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img src="../../images/accessory/four.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="data-detail">
|
|
<div class="layout" style="justify-content: space-between;">
|
|
<div class="layout num-title">
|
|
<p>总出库数量</p>
|
|
<div class="layout">
|
|
<p class="num-style" id="num3">0</p>
|
|
<p class="unit-class">件</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img src="../../images/accessory/five.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="data-detail">
|
|
<div class="layout" style="justify-content: space-between;">
|
|
<div class="layout num-title">
|
|
<p>总差缺量</p>
|
|
<div class="layout">
|
|
<p class="num-style" id="num4">0</p>
|
|
<p class="unit-class">件</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img src="../../images/accessory/two.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="table-search-fieldset">
|
|
<legend>搜索信息</legend>
|
|
<div style="margin: 10px 10px 10px 10px">
|
|
<form class="layui-form layui-form-pane" action="#" onsubmit="return false;">
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline" style="width: 400px;">
|
|
<input type="text" name="keyWord" id="keyWord" autocomplete="off"
|
|
class="layui-input" lay-affix="clear" placeholder="输入关键字（工程名称/物资类型/物资名称/规格型号）" maxlength="30">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<select id="isShortage">
|
|
<option value="">请选择差缺状态</option>
|
|
<option value="1">有差缺</option>
|
|
<option value="2">无差缺</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<button class="layui-btn layui-bg-blue" onclick="queryTable(1)">
|
|
<i class="layui-icon"></i> 搜 索
|
|
</button>
|
|
<button class="layui-btn layui-btn-primary" onclick="queryTable(2)" style="display: none">
|
|
<i class="layui-icon layui-icon-refresh"></i> 重 置
|
|
</button>
|
|
<button class="layui-btn layui-btn-primary" onclick="exportExcel()">
|
|
<i class="layui-icon layui-icon-download-circle"></i> 导出
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</fieldset>
|
|
<div class="table-box" table-responsive style="z-index: 1;">
|
|
<table class="layui-hide" id="currentTableId" lay-filter="currentTableId2"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../../lib/jquery-3.4.1/jquery-3.7.1.min.js" charset="utf-8"></script>
|
|
<script src="../../js/public.js" charset="utf-8"></script>
|
|
<script src="../../lib/layui-v2.9.18/layui/layui.js" charset="utf-8"></script>
|
|
<script src="../../js/aq_inventory/project_material_statistics.js" charset="utf-8"></script>
|
|
<script src="../../js/openIframe.js" charset="utf-8"></script>
|
|
</body>
|
|
|
|
</html> |