| | |
| | | <title>WCS控制中心</title> |
| | | <!--<link rel="stylesheet" type="text/css" href="../static/css/common.css">--> |
| | | <link rel="stylesheet" href="../static/css/console.css"> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/normalize.css"> |
| | | |
| | | <!-- <link rel="stylesheet" type="text/css" href="../static/css/normalize.css">--> |
| | | <link rel="stylesheet" href="../static/css/animate.min.css"> |
| | | |
| | | |
| | | <script src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | |
| | | </div> |
| | | <!--第1列(宽度 70px) --> |
| | | <div class="site-row site-row-1"> |
| | | <div id="site-173" class="site" style="height: 20px;line-height: 20px;margin-bottom: 85px">173</div> |
| | | <div id="site-173" class="site" style="height: 18px;line-height: 18px;margin-bottom: 85px">173</div> |
| | | </div> |
| | | <!--第2列(宽度 70px)--> |
| | | <div class="site-row site-row-2"> |
| | | <div id="site-175" class="site" style="height: 20px;line-height: 20px;">175</div> |
| | | <div id="site-174" class="site" style="height: 21px;line-height: 21px;">174</div> |
| | | <div id="site-172" class="site" style="height: 20px;line-height: 20px;margin-bottom: 245px">172</div> |
| | | <div id="site-182" class="site" style="height: 20px;line-height: 20px;">182</div> |
| | | <div id="site-175" class="site" style="height: 18px;line-height: 18px;">175</div> |
| | | <div id="site-174" class="site" style="height: 19px;line-height: 19px;">174</div> |
| | | <div id="site-172" class="site" style="height: 18px;line-height: 18px;margin-bottom: 248px">172</div> |
| | | <div id="site-182" class="site" style="height: 18px;line-height: 18px;">182</div> |
| | | </div> |
| | | <!-- 第3列(宽度 70px) --> |
| | | <div class="site-row site-row-3"> |
| | | <div id="site-171" class="site" style="height: 20px;line-height: 20px;margin-bottom: 245px; ">171</div> |
| | | <div id="site-181" class="site" style="height: 20px;line-height: 20px;margin-bottom: 44px; ">181</div> |
| | | <div id="site-171" class="site" style="height: 18px;line-height: 18px;margin-bottom: 248px; ">171</div> |
| | | <div id="site-181" class="site" style="height: 18px;line-height: 18px;margin-bottom: 44px; ">181</div> |
| | | </div> |
| | | <!-- 第4列(宽度 70px 140px) --> |
| | | <div class="site-row site-row-4"> |
| | | <div id="site-176" class="site" style="height: 20px;line-height: 20px;width:140px;margin-bottom: 21px">176</div> |
| | | <div id="site-170" class="site" style="height: 20px;line-height: 20px;width:70px;margin-bottom: 245px;position: relative;float: right">170</div> |
| | | <div id="site-180" class="site" style="height: 20px;line-height: 20px;width:70px;position: relative;clear:right;float: right">180</div> |
| | | <div id="site-176" class="site" style="height: 18px;line-height: 18px;width:140px;margin-bottom: 21px">176</div> |
| | | <div id="site-170" class="site" style="height: 18px;line-height: 18px;width:70px;margin-bottom: 248px;position: relative;float: right">170</div> |
| | | <div id="site-180" class="site" style="height: 18px;line-height: 18px;width:70px;position: relative;clear:right;float: right">180</div> |
| | | </div> |
| | | <!--<!– 第5列(宽度 70px) –>--> |
| | | <div class="site-row site-row-5"> |
| | | <div id="site-163" class="site" style="height: 31px;line-height: 31px">163</div> |
| | | <div id="site-162" class="site" style="height: 31px;line-height: 31px">162</div> |
| | | <div id="site-163" class="site" style="height: 28.5px;line-height: 28.5px">163</div> |
| | | <div id="site-162" class="site" style="height: 28.5px;line-height: 28.5px">162</div> |
| | | <div id="site-161" class="site" style="height: 71px;line-height: 71px">161</div> |
| | | <div id="site-160" class="site" style="height: 31px;line-height: 31px">160</div> |
| | | <div id="site-159" class="site" style="height: 31px;line-height: 31px">159</div> |
| | | <div id="site-158" class="site" style="height: 70px;line-height: 70px">158</div> |
| | | <div id="site-157" class="site" style="height: 31px;line-height: 31px">157</div> |
| | | <div id="site-156" class="site" style="height: 31px;line-height: 31px">156</div> |
| | | <div id="site-155" class="site" style="height: 70px;line-height: 70px">155</div> |
| | | <div id="site-154" class="site" style="height: 31px;line-height: 31px">154</div> |
| | | <div id="site-153" class="site" style="height: 31px;line-height: 31px">153</div> |
| | | <div id="site-152" class="site" style="height: 70px;line-height: 70px">152</div> |
| | | <div id="site-151" class="site" style="height: 31px;line-height: 31px">151</div> |
| | | <div id="site-150" class="site" style="height: 31px;line-height: 31px">150</div> |
| | | <div id="site-160" class="site" style="height: 28.5px;line-height: 28.5px">160</div> |
| | | <div id="site-159" class="site" style="height: 28.5px;line-height: 28.5px">159</div> |
| | | <div id="site-158" class="site" style="height: 71px;line-height: 71px">158</div> |
| | | <div id="site-157" class="site" style="height: 28.5px;line-height: 28.5px">157</div> |
| | | <div id="site-156" class="site" style="height: 28.5px;line-height: 28.5px">156</div> |
| | | <div id="site-155" class="site" style="height: 71px;line-height: 71px">155</div> |
| | | <div id="site-154" class="site" style="height: 28.5px;line-height: 28.5px">154</div> |
| | | <div id="site-153" class="site" style="height: 28.5px;line-height: 28.5px">153</div> |
| | | <div id="site-152" class="site" style="height: 71px;line-height: 71px">152</div> |
| | | <div id="site-151" class="site" style="height: 28.5px;line-height: 28.5px">151</div> |
| | | <div id="site-150" class="site" style="height: 28.5px;line-height: 28.5px">150</div> |
| | | </div> |
| | | <!--<!– 第6列(宽度 70px) –>--> |
| | | <div class="site-row site-row-6"> |
| | | <div id="site-120" class="site" style="height: 31px;line-height: 31px">120(8888)</div> |
| | | <div id="site-121" class="site" style="height: 31px;line-height: 31px">121(8888)</div> |
| | | <div id="site-120" class="site" style="height: 28.5px;line-height: 28.5px">120</div> |
| | | <div id="site-121" class="site" style="height: 28.5px;line-height: 28.5px">121</div> |
| | | <div id="site-122" class="site" style="height: 71px;line-height: 71px">122</div> |
| | | <div id="site-123" class="site" style="height: 31px;line-height: 31px">123</div> |
| | | <div id="site-124" class="site" style="height: 31px;line-height: 31px">124</div> |
| | | <div id="site-125" class="site" style="height: 70px;line-height: 70px">125</div> |
| | | <div id="site-126" class="site" style="height: 31px;line-height: 31px">126</div> |
| | | <div id="site-127" class="site" style="height: 31px;line-height: 31px">127</div> |
| | | <div id="site-128" class="site" style="height: 70px;line-height: 70px">128</div> |
| | | <div id="site-129" class="site" style="height: 31px;line-height: 31px">129</div> |
| | | <div id="site-130" class="site" style="height: 31px;line-height: 31px">130</div> |
| | | <div id="site-131" class="site" style="height: 70px;line-height: 71px">131</div> |
| | | <div id="site-132" class="site" style="height: 31px;line-height: 31px">132</div> |
| | | <div id="site-133" class="site" style="height: 31px;line-height: 31px">133</div> |
| | | <div id="site-123" class="site" style="height: 28.5px;line-height: 28.5px">123</div> |
| | | <div id="site-124" class="site" style="height: 28.5px;line-height: 28.5px">124</div> |
| | | <div id="site-125" class="site" style="height: 71px;line-height: 71px">125</div> |
| | | <div id="site-126" class="site" style="height: 28.5px;line-height: 28.5px">126</div> |
| | | <div id="site-127" class="site" style="height: 28.5px;line-height: 28.5px">127</div> |
| | | <div id="site-128" class="site" style="height: 71px;line-height: 71px">128</div> |
| | | <div id="site-129" class="site" style="height: 28.5px;line-height: 28.5px">129</div> |
| | | <div id="site-130" class="site" style="height: 28.5px;line-height: 28.5px">130</div> |
| | | <div id="site-131" class="site" style="height: 71px;line-height: 71px">131</div> |
| | | <div id="site-132" class="site" style="height: 28.5px;line-height: 28.5px">132</div> |
| | | <div id="site-133" class="site" style="height: 28.5px;line-height: 28.5px">133</div> |
| | | </div> |
| | | |
| | | <!-- 货架 + 堆垛机 + 入库站点 --> |
| | |
| | | <div class="lane"> |
| | | <!-- 货架 --> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color: rgb(108,167,168) "></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | <span class="row-no">3#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color: rgb(108,167,168)"></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | <span class="row-no"></span> |
| | | <!-- 货架 --> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color: rgb(108,167,168)"></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | <span class="row-no">11#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color:rgb(108,167,168)"></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | <span class="row-no"></span> |
| | | <!-- 货架 --> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color:rgb(108,167,168)"></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | <span class="row-no">15#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color:rgb(108,167,168)"></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | <span class="row-no"></span> |
| | | <!-- 货架 --> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color:rgb(108,167,168)"></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | <span class="row-no">19#</span> |
| | | </div> |
| | | <div class="stock-group"> |
| | | <div class="site" style="background-color:rgb(108,167,168)"></div> |
| | | <button class="item">2</button> |
| | | <button class="item" style="margin-left: 82px">2</button> |
| | | <button class="item">4</button> |
| | | <button class="item">6</button> |
| | | <button class="item">8</button> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!--底部--> |
| | | <div id="body"> |
| | | <!-- 总开关 --> |
| | | <div class="system-state"> |
| | |
| | | <div class="body-head">堆垛机状态</div> |
| | | <div class="state"> |
| | | <span>堆垛机 1</span> |
| | | <span>自动</span> |
| | | <span class="state-ss machine-put-flag ">入库</span> |
| | | </div> |
| | | <div class="state"> |
| | | <span>堆垛机 2</span> |
| | | <span>自动</span> |
| | | <span class="state-ss machine-auto-flag ">自动</span> |
| | | |
| | | </div> |
| | | <div class="button"><span>所有状态</span></div> |
| | |
| | | <div class="body-head">输送线状态</div> |
| | | <div class="state states"> |
| | | <span>运输线总数</span> |
| | | <span>45</span> |
| | | <span class="line-ss">45</span> |
| | | </div> |
| | | <div class="button"><span>所有状态</span></div> |
| | | <div class="button item-group"> |
| | |
| | | </div> |
| | | <div class="bar-code"> |
| | | <div class="body-head" id="code">条码扫描器</div> |
| | | <div class="tablebox"> |
| | | <div class="table-head"> |
| | | <li><span>条码名称</span><span class="right">扫码时间</span></li> |
| | | </div> |
| | | <div class="table-body"> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | </div> |
| | | </div> |
| | | <div class="tablebox"> |
| | | <div class="table-head"> |
| | | <li><span>条码名称</span><span class="right">扫码时间</span></li> |
| | | </div> |
| | | <div class="table-body"> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | </div> |
| | | </div> |
| | | <div class="tablebox"> |
| | | <div class="table-head"> |
| | | <li><span>条码名称</span><span class="right">扫码时间</span></li> |
| | | </div> |
| | | <div class="table-body"> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | <li><span>出库单1</span><span class="right">12-12 12:12</span></li> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 堆垛机弹窗 --> |
| | | <div id="crnWindow" style="display: none;"> |
| | | <div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn"> |
| | | <div id="crnWindow-head"> |
| | | <div class='detailed'></div> |
| | | <button></button> |
| | |
| | | <span>堆垛机号:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="crnNo"> |
| | | <input type="text" name="crnNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 工作号 --> |
| | |
| | | <span>工作号:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="workNo"> |
| | | <input type="text" name="workNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 站源 --> |
| | |
| | | <span>站源:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="sourceStaNo"> |
| | | <input type="text" name="sourceStaNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 目标站 --> |
| | |
| | | <span>目标站:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="staNo"> |
| | | <input type="text" name="staNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 工作状态 --> |
| | |
| | | <span>工作状态:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="wrkSts"> |
| | | <input type="text" name="wrkSts" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 出入类型 --> |
| | |
| | | <span>出入类型:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="ioType"> |
| | | <input type="text" name="ioType" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 源库位 --> |
| | |
| | | <span>源库位:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="sourceLocNo"> |
| | | <input type="text" name="sourceLocNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 目标库位 --> |
| | |
| | | <span>目标库位:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="locNo"> |
| | | <input type="text" name="locNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 堆垛机状态 --> |
| | |
| | | <span>堆垛机状态:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="crnStatus"> |
| | | <input type="text" name="crnStatus" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 异常 --> |
| | |
| | | <span>异常:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="error"> |
| | | <input type="text" name="error" value=""> |
| | | </div> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | <!-- 输送设备弹窗 --> |
| | | <div id="siteWindow" style="display: none;"> |
| | | <div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn"> |
| | | <!-- 表头 --> |
| | | <div id="siteWindow-head"> |
| | | <div class='detailed'></div> |
| | |
| | | <span>设备号:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="siteId"> |
| | | <input type="text" name="siteId" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 工作号 --> |
| | |
| | | <span>工作号:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="workNo"> |
| | | <input type="text" name="workNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 工作状态 --> |
| | |
| | | <span>工作状态:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="wrkSts"> |
| | | <input type="text" name="wrkSts" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 自动 --> |
| | |
| | | <span>出入类型:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="ioType"> |
| | | <input type="text" name="ioType" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 源站 --> |
| | |
| | | <span>源站:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="sourceStaNo"> |
| | | <input type="text" name="sourceStaNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 目标站 --> |
| | |
| | | <span>目标站:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="staNo"> |
| | | <input type="text" name="staNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 源库位 --> |
| | |
| | | <span>源库位:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="sourceLocNo"> |
| | | <input type="text" name="sourceLocNo" value=""> |
| | | </div> |
| | | </div> |
| | | <!-- 目标库位 --> |
| | |
| | | <span>目标库位:</span> |
| | | </div> |
| | | <div class="form-item-input"> |
| | | <input type="text" name="locNo"> |
| | | <input type="text" name="locNo" value=""> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | </body> |
| | | </html> |
| | | <script type="text/javascript"> |
| | | // // 弹窗站点信息 |
| | | // $('.site').on('click',function(){ |
| | | // var id = this.id.split("-")[1]; |
| | | // $("#siteWindow").attr("style","display:block;");//显示div |
| | | // $(".detailed").empty(); |
| | | // $('.detailed').append(id+'站点详细信息'); |
| | | // }); |
| | | // // 堆垛机信息 |
| | | // $('.machine').on('click',function(){ |
| | | // var id = this.id.split("-")[1]; |
| | | // $("#crnWindow").attr('style','display:block;'); |
| | | // $('.detailed').empty(); |
| | | // $('.detailed').append(id+'号堆垛机'); |
| | | // }) |
| | | // // 弹窗关闭 |
| | | // $('button').on('click',function(){ |
| | | // $('#siteWindow').attr('style','display:none') |
| | | // $('#crnWindow').attr('style','display:none') |
| | | // }) |
| | | // 弹窗站点信息 |
| | | $('.site').on('click',function(){ |
| | | var id = this.id.split("-")[1]; |
| | | $("#siteWindow").attr("style","display:block;");//显示div |
| | | $(".detailed").empty(); |
| | | $('.detailed').append(id+'站点详细信息'); |
| | | |
| | | |
| | | |
| | | |
| | | var res = { |
| | | code: 500, |
| | | msg: '服务器异常', |
| | | data: { |
| | | siteId:id, |
| | | workNo:100, |
| | | wrkSts:'运行中', |
| | | autoing:'Y', |
| | | loading:'', |
| | | canining:'', |
| | | canouting:'', |
| | | ioType:'出库', |
| | | sourceStaNo:'站点2', |
| | | staNo:'站点1', |
| | | sourceLocNo:2, |
| | | locNo:2, |
| | | } |
| | | } |
| | | http.post(baseUrl+"/console/site/detail", {siteId: id}, function (res) { |
| | | |
| | | }) |
| | | // res.data |
| | | for (var val in data) { |
| | | var find = $("#siteWindow").find(":input[name='" + val + "']"); |
| | | if (find[0].type==='text') { |
| | | find.val(data[val]); |
| | | } else if (find[0].type === 'checkbox') { |
| | | find.attr("checked", data[val] === 'Y'); |
| | | } |
| | | } |
| | | |
| | | }); |
| | | // 堆垛机信息 |
| | | $('.machine').on('click',function(){ |
| | | var id = this.id.split("-")[1]; |
| | | $("#crnWindow").attr('style','display:block;'); |
| | | $('.detailed').empty(); |
| | | $('.detailed').append(id+'号堆垛机'); |
| | | $.post(baseUrl+"/console/crn/detail", {crnNo: id}, function (res) { |
| | | for (var val in res.data) { |
| | | var find = $("#crnWindow").find(":input[name='" + val + "']"); |
| | | if (find[0].type==='text') { |
| | | find.val(res.data[val]); |
| | | } else if (find[0].type === 'checkbox') { |
| | | find.attr("checked", res.data[val] === 'Y'); |
| | | } |
| | | } |
| | | }) |
| | | }) |
| | | // 弹窗关闭 |
| | | $('button').on('click',function(){ |
| | | $('#siteWindow').attr('style','display:none') |
| | | $('#crnWindow').attr('style','display:none') |
| | | }) |
| | | |
| | | |
| | | |
| | | var crn1Position = 0; |
| | | var crn2Position = 0; |
| | | var crn3Position = 0; |
| | | var crn4Position = 0; |
| | | var crn5Position = 0; |
| | | |
| | | // 初始化 |
| | | getSitesInfo(); |
| | | getCrnInfo(); |
| | |
| | | $("#crn-2").animate({left: leftVal+'px'}, 1000); |
| | | crn2Position = leftVal; |
| | | break; |
| | | case 3: |
| | | $("#crn-3").animate({left: leftVal+'px'}, 1000); |
| | | crn3Position = leftVal; |
| | | break; |
| | | case 4: |
| | | $("#crn-4").animate({left: leftVal+'px'}, 1000); |
| | | crn4Position = leftVal; |
| | | break; |
| | | case 5: |
| | | $("#crn-5").animate({left: leftVal+'px'}, 1000); |
| | | crn5Position = leftVal; |
| | | break; |
| | | default: |
| | | break |
| | | } |
| | |
| | | // 页面点击事件监听 --------------------------------------------------------- |
| | | |
| | | // 输送设备点击事件 |
| | | $('.site').on('click', function () { |
| | | var id = this.id.split("-")[1]; |
| | | if (id === undefined) { |
| | | return; |
| | | } |
| | | layer.open({ |
| | | title: id + " 站点信息详情", |
| | | closeBtn: 0, |
| | | skin: 'layui-layer-lan', |
| | | offset: '180px', |
| | | type: 1, |
| | | shadeClose: true, |
| | | content: $('#siteWindow'), |
| | | area: ['35rem', '18rem'], |
| | | btn: ['确定', '关闭'], |
| | | success: function(layero, index){ |
| | | http.post(baseUrl+"/console/site/detail", {siteId: id}, function (res) { |
| | | for (var val in res.data) { |
| | | var find = $("#siteWindow").find(":input[name='" + val + "']"); |
| | | if (find[0].type==='text') { |
| | | find.val(res.data[val]); |
| | | } else if (find[0].type === 'checkbox') { |
| | | find.attr("checked", res.data[val] === 'Y'); |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | end: function () { |
| | | $(':input', $("#siteWindow")).val('').removeAttr('checked').removeAttr('selected'); |
| | | } |
| | | }); |
| | | }); |
| | | // $('.site').on('click', function () { |
| | | // var id = this.id.split("-")[1]; |
| | | // if (id === undefined) { |
| | | // return; |
| | | // } |
| | | // layer.open({ |
| | | // title: id + " 站点信息详情", |
| | | // closeBtn: 0, |
| | | // skin: 'layui-layer-lan', |
| | | // offset: '180px', |
| | | // type: 1, |
| | | // shadeClose: true, |
| | | // content: $('#siteWindow'), |
| | | // area: ['35rem', '18rem'], |
| | | // btn: ['确定', '关闭'], |
| | | // success: function(layero, index){ |
| | | // http.post(baseUrl+"/console/site/detail", {siteId: id}, function (res) { |
| | | // for (var val in res.data) { |
| | | // var find = $("#siteWindow").find(":input[name='" + val + "']"); |
| | | // if (find[0].type==='text') { |
| | | // find.val(res.data[val]); |
| | | // } else if (find[0].type === 'checkbox') { |
| | | // find.attr("checked", res.data[val] === 'Y'); |
| | | // } |
| | | // } |
| | | // }) |
| | | // }, |
| | | // end: function () { |
| | | // $(':input', $("#siteWindow")).val('').removeAttr('checked').removeAttr('selected'); |
| | | // } |
| | | // }); |
| | | // }); |
| | | |
| | | // 堆垛机点击事件 |
| | | $('.machine').on('click', function () { |
| | | var id = this.id.split("-")[1]; |
| | | layer.open({ |
| | | title: id+"号堆垛机", |
| | | skin: 'layui-layer-lan', |
| | | closeBtn: 0, |
| | | type: 1, |
| | | offset: '150px', |
| | | shadeClose: true, |
| | | content: $("#crnWindow"), |
| | | area: ['40rem', '20rem'], |
| | | btn: ['确定', '关闭'], |
| | | success: function(layero, index){ |
| | | http.post(baseUrl+"/console/crn/detail", {crnNo: id}, function (res) { |
| | | for (var val in res.data) { |
| | | var find = $("#crnWindow").find(":input[name='" + val + "']"); |
| | | if (find[0].type==='text') { |
| | | find.val(res.data[val]); |
| | | } else if (find[0].type === 'checkbox') { |
| | | find.attr("checked", res.data[val] === 'Y'); |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | end: function () { |
| | | $(':input', $("#crnWindow")).val('').removeAttr('checked').removeAttr('selected'); |
| | | } |
| | | }); |
| | | }); |
| | | // $('.machine').on('click', function () { |
| | | // var id = this.id.split("-")[1]; |
| | | // layer.open({ |
| | | // title: id+"号堆垛机", |
| | | // skin: 'layui-layer-lan', |
| | | // closeBtn: 0, |
| | | // type: 1, |
| | | // offset: '150px', |
| | | // shadeClose: true, |
| | | // content: $("#crnWindow"), |
| | | // area: ['40rem', '20rem'], |
| | | // btn: ['确定', '关闭'], |
| | | // success: function(layero, index){ |
| | | // http.post(baseUrl+"/console/crn/detail", {crnNo: id}, function (res) { |
| | | // for (var val in res.data) { |
| | | // var find = $("#crnWindow").find(":input[name='" + val + "']"); |
| | | // if (find[0].type==='text') { |
| | | // find.val(res.data[val]); |
| | | // } else if (find[0].type === 'checkbox') { |
| | | // find.attr("checked", res.data[val] === 'Y'); |
| | | // } |
| | | // } |
| | | // }) |
| | | // }, |
| | | // end: function () { |
| | | // $(':input', $("#crnWindow")).val('').removeAttr('checked').removeAttr('selected'); |
| | | // } |
| | | // }); |
| | | // }); |
| | | |
| | | |
| | | // 小车偏移动画 |