| | |
| | | } |
| | | } |
| | | |
| | | |
| | | </style> |
| | | </head> |
| | | <body class="monitor-bg"> |
| | |
| | | |
| | | <div class="layui-carousel" id="test1"> |
| | | <div carousel-item> |
| | | <div style="background-color: red">条目1</div> |
| | | <div style="background-color: gold">条目2</div> |
| | | <div style="background-color: #333333">条目3</div> |
| | | <div style="background-color: #00FF00">条目4</div> |
| | | <div style="background-color: #5FB878">条目5</div> |
| | | <div class="item-img" id="img-1" style="background-color: red"></div> |
| | | <div class="item-img" id="img-2" style="background-color: gold"></div> |
| | | <div class="item-img" id="img-3" style="background-color: green"></div> |
| | | <div class="item-img" id="img-4" style="background-color: white"></div> |
| | | <div class="item-img" id="img-5" style="background-color: darkgoldenrod"></div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | </div> |
| | | </div> |
| | | <div class="progress-bar-modal"> |
| | | <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 class="layui-progress layui-progress-big" lay-filter="used-progress" style="background-color: #233751;width: 80%;display: inline-block"> |
| | | <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div> |
| | | </div> |
| | | <!-- <div class="bar-container">--> |
| | | <!-- <div class="bar-proportion"><span>实际使用</span></div>--> |
| | |
| | | //,anim: 'updown' //切换动画方式 |
| | | }); |
| | | }); |
| | | |
| | | /***********************************************************************************/ |
| | | /************************************ 堆垛机速度 *************************************/ |
| | | /***********************************************************************************/ |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /***********************************************************************************/ |
| | | /************************************* 折线图 ***************************************/ |
| | |
| | | |
| | | $('#usedPr').text(res.data.usedPr); |
| | | $('#used').text(res.data.used); |
| | | |
| | | layui.element.progress('used-progress', res.data.usedPr + '%'); |
| | | } else if (res.code === 403){ |
| | | top.location.href = "/"; |
| | | } else { |