| | |
| | | <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> |
| | |
| | | <div class="bar-container"> |
| | | <div class="bar-proportion"><span>实际使用</span></div> |
| | | </div> |
| | | <i class="bar-container-count">7777<span>个</span></i> |
| | | <i class="bar-container-count"><span id="used">0</span></i> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | //,anim: 'updown' //切换动画方式 |
| | | }); |
| | | }); |
| | | $('.counter').countUp(); |
| | | // 遮罩 |
| | | let closeBtn = document.getElementById('closeBtn'); |
| | | let detailModal = document.getElementById('detail-modal'); |
| | | closeBtn.onclick = function () { |
| | | detailModal.style.display = 'none'; |
| | | }; |
| | | var data = []; |
| | | |
| | | // 计数动画 |
| | | $('.counter').countUp(); |
| | | |
| | | /***********************************************************************************/ |
| | | /************************************* 折线图 ***************************************/ |
| | |
| | | method: 'GET', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | console.log(res.data); |
| | | 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 { |