<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>库区信息</title>
|
<!-- MUI样式 -->
|
<link rel="stylesheet" href="./css/mui.min.css"/>
|
<!-- 公共css -->
|
<link rel="stylesheet" href="./css/admin/public.css"/>
|
<!-- 页面css -->
|
<link rel="stylesheet" href="./css/admin/basic-dept.css">
|
</head>
|
|
<body class="g-bg" style="background-image: url(images/m-bg2.png);">
|
<header id="header" class="mui-bar mui-bar-nav m-pagetit">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title">库区信息</h1>
|
</header>
|
<div class="mui-content">
|
<div class="mui-scroll-wrapper g-src_box">
|
<div class="mui-scroll">
|
<div class="wp">
|
<div class="m-infob2">
|
<div class="con">
|
<div class="top">
|
<div class="line">
|
<div class="t">名称：</div>
|
<div class="v" id="deptName">##</div>
|
</div>
|
<div class="line">
|
<div class="t">地址：</div>
|
<div class="v" id="deptAddress">##</div>
|
</div>
|
</div>
|
<div class="box">
|
<div class="ul-rkzc">
|
<div class="item">
|
<div class="conbox"
|
style="background: linear-gradient(45deg,#819ada,#88bae3);">
|
<div class="h3" id="depotNum">0</div>
|
<div class="bot">仓库个数</div>
|
</div>
|
</div>
|
<div class="item">
|
<div class="conbox"
|
style="background: linear-gradient(45deg,#63bf9a,#7dd08f);">
|
<div class="h3" id="oilNum">0</div>
|
<div class="bot">油罐个数</div>
|
</div>
|
</div>
|
<div class="item">
|
<div class="conbox"
|
style="background: linear-gradient(45deg,#4fb9bf,#59cabc);">
|
<div class="h3"><span id="designStorage">0</span><span class="unit">
|
吨</span></div>
|
<div class="bot">设计储量</div>
|
</div>
|
</div>
|
<div class="item">
|
<div class="conbox"
|
style="background: linear-gradient(45deg,#4e7ea7,#5eaae8);">
|
<div class="h3"><span id="realStorage">0</span><span class="unit">
|
吨</span></div>
|
<div class="bot">实际储量</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="m-infob3">
|
<div class="title">库存统计</div>
|
<div class="g-boxb1">
|
<div class="m-titb1">
|
<div class="h3">粮食性质(吨)</div>
|
</div>
|
<div class="g-chart">
|
<div class="chart" id="chartType"></div>
|
<div class="info">
|
<b id="sum1">0</b>
|
<div class="p">总量</div>
|
</div>
|
</div>
|
</div>
|
<div class="g-boxb1">
|
<div class="m-titb1">
|
<div class="h3">粮食品种(吨)</div>
|
</div>
|
<div class="g-chart">
|
<div class="chart" id="chartVariety"></div>
|
<div class="info">
|
<b id="sum2">0</b>
|
<div class="p">总量</div>
|
</div>
|
</div>
|
</div>
|
<div class="g-boxb1">
|
<div class="m-titb1">
|
<div class="h3">粮食等级(吨)</div>
|
</div>
|
<div class="g-chart">
|
<div class="chart" id="chartLevel"></div>
|
<div class="info">
|
<b id="sum3">0</b>
|
<div class="p">总量</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script src="./js/mui.min.js"></script>
|
<script src="./js/jquery.js"></script>
|
<script src="./js/admin/basic-dept.js"></script>
|
<script src="./js/echarts.min.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
//mui初始化
|
mui.init();
|
|
mui.plusReady(function() {
|
//数据初始化
|
init();
|
})
|
</script>
|
</html>
|
