zy-wcs.git - Gitblit

			@@ -124,40 +124,40 @@
			<img src="img/a.png">
			<div class="info-detail">
			<div class="real-data">
			<i class="count">7777</i>
			<span class="unit">个</span>
			<i class="count" id="xDistance">0</i>
			<span class="unit">km</span>
			</div>
			<div class="content">库位总数(个)</div>
			<div class="content">累计走行距离(千米)</div>
			</div>
			</div>
			<div class="charge-info-elem">
			<img src="img/b.png">
			<div class="info-detail">
			<div class="real-data">
			<i class="count">777</i>
			<span class="unit">个</span>
			<i class="count" id="yDistance">0</i>
			<span class="unit">km</span>
			</div>
			<div class="content">使用中库位(个)</div>
			<div class="content">累计升降距离(千米)</div>
			</div>
			</div>
			<div class="charge-info-elem">
			<img src="img/c.png">
			<div class="info-detail">
			<div class="real-data">
			<i class="count">33</i>
			<span class="unit">托</span>
			<i class="count" id="xDuration">0</i>
			<span class="unit">h</span>
			</div>
			<div class="content">今日入库(托)</div>
			<div class="content">累计走行时长(小时)</div>
			</div>
			</div>
			<div class="charge-info-elem">
			<img src="img/d.png">
			<div class="info-detail">
			<div class="real-data">
			<i class="count">14296</i>
			<span class="unit">千瓦时</span>
			<i class="count" id="yDuration">0</i>
			<span class="unit">h</span>
			</div>
			<div class="content">今日电总量(千瓦时)</div>
			<div class="content">累计升降时长(小时)</div>
			</div>
			</div>
			</div>
			@@ -166,7 +166,7 @@
			<div class="image-border image-border2"></div>
			<div class="image-border image-border3"></div>
			<div class="image-border image-border4"></div>
			<span>中扬物流客户服务中心</span>
			<span>浙江中扬物流装备有限公司</span>
			<img src="img/wxCode.jpg">
			</div>
			</div>
			@@ -184,10 +184,10 @@
			<div class="crn-speed">
			<div class="speed-content">
			<div>
			<span>堆垛机走行速度：</span><span class="counter">5.00</span><span>米/秒</span>
			<span>堆垛机走行速度：</span><span id="xSpeed" class="counter">5.00</span><span>米/秒</span>
			</div>
			<div>
			<span>堆垛机升降速度：</span><span class="counter">5.00</span><span>米/秒</span>
			<span>堆垛机升降速度：</span><span id="ySpeed" class="counter">5.00</span><span>米/秒</span>
			</div>
			</div>
			</div>
			@@ -296,7 +296,7 @@
			在库
			</div>
			<div class="elem-footer">
			3,300
			<span id="stock-count">0</span>
			</div>
			</div>
			<div class="top-footer-elem">
			@@ -306,17 +306,17 @@
			空库
			</div>
			<div class="elem-footer">
			161
			<span id="empty-count">0</span>
			</div>
			</div>
			<div class="top-footer-elem">
			<div class="elem-header" id="elem-header-third">
			</div>
			<div class="elem-main">
			使用中
			禁用
			</div>
			<div class="elem-footer">
			666
			<span id="none-count">0</span>
			</div>
			</div>
			</div>
			@@ -329,7 +329,7 @@
			<div class="progress-bar">
			<div class="usage-rate">
			<span class="usage-rate-left" >库位使用率</span>
			<span class="usage-rate-right">60%</span>
			<span class="usage-rate-right"><span id="usedPr">0</span>%</span>
			</div>
			<div class="usage-rate-english english">
			<span class="usage-rate-left">EQUIPMENT USAGE THIS MONTH</span>
			@@ -337,10 +337,13 @@
			</div>
			</div>
			<div class="progress-bar-modal">
			<div class="bar-container">
			<div class="bar-proportion"><span>实际使用</span></div>
			<div class="layui-progress layui-progress-big" style="background-color: #233751;width: 80%;display: inline-block">
			<div class="layui-progress-bar layui-bg-red" lay-percent="100%"></div>
			</div>
			<i class="bar-container-count">7777<span>个</span></i>
			<!-- <div class="bar-container">-->
			<!-- <div class="bar-proportion"><span>实际使用</span></div>-->
			<!-- </div>-->
			<i class="bar-container-count"><span id="used">0</span></i>
			</div>
			</div>
			</div>
			@@ -348,8 +351,9 @@
			</div>
			</body>
			<script>
			layui.use('carousel', function(){
			layui.use(['element', 'carousel'], function(){
			var carousel = layui.carousel;
			var element = layui.element;
			//建造实例
			carousel.render({
			elem: '#test1'
			@@ -358,15 +362,6 @@
			//,anim: 'updown' //切换动画方式
			});
			});
			$('.counter').countUp();
			// 遮罩
			let closeBtn = document.getElementById('closeBtn');
			let detailModal = document.getElementById('detail-modal');
			closeBtn.onclick = function () {
			detailModal.style.display = 'none';
			};
			var data = [];


			/***********************************************************************************/
			/*********************************** 折线图 *************************************/
			@@ -486,7 +481,7 @@
			legend: {
			orient: 'vertical',
			left: 10,
			data: ['在库库位', '空库位', '使用库位', '禁用库位']
			data: ['在库', '空']
			},
			series: [
			{
			@@ -509,10 +504,10 @@
			show: false
			},
			data: [
			{value: 1, name: '在库库位'},
			{value: 1, name: '空库位'},
			{value: 1, name: '使用库位'},
			{value: 1, name: '禁用库位'},
			{value: 1, name: '在库'},
			{value: 1, name: '空'},
			{value: 1, name: '使用'},
			{value: 1, name: '禁用'},
			],
			itemStyle: {
			emphasis: {
			@@ -533,7 +528,6 @@
			}
			]
			};
			// pieCharts.setOption(pieChartOption)
			// 饼图加载
			function initPieChart() {
			$.ajax({
			@@ -541,8 +535,15 @@
			method: 'GET',
			success: function (res) {
			if (res.code === 200){
			pieChartOption.series[0].data = res.data;
			pieCharts.setOption(pieChartOption)
			pieChartOption.series[0].data = res.data.pie;
			pieCharts.setOption(pieChartOption);

			$('#stock-count').text(res.data.stockCunt);
			$('#empty-count').text(res.data.emptyCount);
			$('#none-count').text(res.data.noneCount);

			$('#usedPr').text(res.data.usedPr);
			$('#used').text(res.data.used);
			} else if (res.code === 403){
			top.location.href = "/";
			} else {