zhaowc
2025-10-18 219a08427376efdd304e9b11e481ccd8276018bb
HTML/views/HouseWithinSetting/HopperTransport.html
@@ -1,63 +1,66 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <head>
    <meta charset="utf-8" />
    <title>料斗转运</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link
      rel="stylesheet"
      href="../../layuiadmin/layui/css/layui.css"
      media="all" />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/admin.css"
      media="all" />
    <link rel="stylesheet" href="../../css/public.css" media="all" />
    <style type="text/css">
        .layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
            height: auto;
            line-height: 23px;
        }
      .layui-table-view .layui-table[lay-size="sm"] .layui-table-cell {
        height: auto;
        line-height: 23px;
      }
        /* 表格下拉小箭头隐藏 */
        .layui-table-grid-down {
            display: none;
        }
        .flesDiv{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .solidDiv{
            border: 1px solid black;
        }
        .showDiv{
            display: block;
        }
        .hideDiv{
            display: none;
        }
      /* 表格下拉小箭头隐藏 */
      .layui-table-grid-down {
        display: none;
      }
      .flesDiv {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .solidDiv {
        border: 1px solid black;
      }
      .showDiv {
        display: block;
      }
      .hideDiv {
        display: none;
      }
    </style>
  </head>
</head>
  <body id="body">
    <div class="layui-fluid" style="padding-bottom: 0; height: 99%">
      <div class="layui-card" style="height: 99%">
        <div class="layui-card-body" style="height: 100%">
          <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title" id="tab">
              <li class="layui-this">叫料</li>
              <li>叫车</li>
              <!-- <li>车间到车间</li> -->
            </ul>
<body id="body">
    <div class="layui-fluid" style="padding-bottom: 0;height: 99%;">
        <div class="layui-card" style="height: 99%;">
            <div class="layui-card-body" style="height: 100%;">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title" id="tab">
                            <li class="layui-this">叫料</li>
                            <li>叫车</li>
                            <!-- <li>车间到车间</li> -->
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show ">
                                <div class="flesDiv" >
                                    <form class="layui-form" action="" style="width: 40%;">
                                        <!-- <div class="layui-form-item">
            <div class="layui-tab-content">
              <div class="layui-tab-item layui-show">
                <div class="flesDiv">
                  <form class="layui-form" action="" style="width: 40%">
                    <!-- <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">楼层</label>
                                            <div class="layui-input-block">
                                                <select name="Layer" lay-filter="">
@@ -67,108 +70,154 @@
                                                </select>
                                            </div>
                                        </div> -->
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">区域</label>
                                            <div class="layui-input-block">
                                                <select id="AreaSelect" name="AreaSelect" lay-filter="AreaSelect" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">目标位置</label>
                                            <div class="layui-input-block">
                                                <select id="LocateSelect" name="LocateSelect" lay-filter="LocateSelect" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">桶类型</label>
                                            <div class="layui-input-block">
                                                <select id="PalletStatus" name="PalletStatus" lay-filter="PalletStatus" >
                                                    <option value=""></option>
                                                    <option value="0">净桶</option>
                                                    <option value="2">满桶</option>
                                                    <!-- <option value="3">脏桶</option>  -->
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="StandardDiv">
                                            <label class="layui-form-label" style="width: 80px;">规格</label>
                                            <div class="layui-input-block">
                                                <select name="Standard" lay-filter="Standard" >
                                                    <option value="400L">400L</option>
                                                    <option value="800L">800L</option>
                                                    <option value="1000L">1000L</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="SkuSelectDiv">
                                            <label class="layui-form-label" style="width: 80px;">物料</label>
                                            <div class="layui-input-block">
                                                <select id="SkuSelect" name="SkuSelect" lay-filter="SkuSelect" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="LotNoSelectDiv">
                                            <label class="layui-form-label" style="width: 80px;">批次</label>
                                            <div class="layui-input-block">
                                                <select id="LotNoSelect" name="LotNoSelect" lay-filter="LotNoSelect" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item" >
                                            <div class="layui-input-block">
                                                <button type="submit" class="layui-btn" lay-submit
                                                    lay-filter="demo1">立即提交</button>
                                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="flesDiv" >
                                    <form class="layui-form" action="" style="width: 40%;">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">区域</label>
                                            <div class="layui-input-block">
                                                <select id="AreaSelect2" name="AreaSelect2" lay-filter="AreaSelect2" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">起始位置</label>
                                            <div class="layui-input-block">
                                                <select id="LocateSelect2" name="LocateSelect2" lay-filter="LocateSelect2" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">桶类型</label>
                                            <div class="layui-input-block">
                                                <select id="PalletStatus2" name="PalletStatus2" lay-filter="PalletStatus2" >
                                                    <option value=""></option>
                                                     <option value="0">净桶</option>
                                                    <option value="2">满桶</option>
                                                    <option value="3">脏桶</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- <div class="layui-form-item" id="StandardDiv2">
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >区域</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="AreaSelect"
                          name="AreaSelect"
                          lay-filter="AreaSelect">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >目标位置</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="LocateSelect"
                          name="LocateSelect"
                          lay-filter="LocateSelect">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >桶类型</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="PalletStatus"
                          name="PalletStatus"
                          lay-filter="PalletStatus">
                          <option value=""></option>
                          <option value="0">净桶</option>
                          <option value="2">满桶</option>
                          <!-- <option value="3">脏桶</option>  -->
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item" id="StandardDiv">
                      <label class="layui-form-label" style="width: 80px"
                        >规格</label
                      >
                      <div class="layui-input-block">
                        <select name="Standard" lay-filter="Standard">
                          <option value="400L">400L</option>
                          <option value="800L">800L</option>
                          <option value="1000L">1000L</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item" id="SkuSelectDiv">
                      <label class="layui-form-label" style="width: 80px"
                        >物料</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="SkuSelect"
                          name="SkuSelect"
                          lay-filter="SkuSelect">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item" id="LotNoSelectDiv">
                      <label class="layui-form-label" style="width: 80px"
                        >批次</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="LotNoSelect"
                          name="LotNoSelect"
                          lay-filter="LotNoSelect">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <div class="layui-input-block">
                        <button
                          type="submit"
                          class="layui-btn"
                          lay-submit
                          lay-filter="demo1">
                          立即提交
                        </button>
                        <button
                          type="reset"
                          class="layui-btn layui-btn-primary">
                          重置
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="layui-tab-item">
                <div class="flesDiv">
                  <form class="layui-form" action="" style="width: 40%">
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >区域</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="AreaSelect2"
                          name="AreaSelect2"
                          lay-filter="AreaSelect2">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >起始位置</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="LocateSelect2"
                          name="LocateSelect2"
                          lay-filter="LocateSelect2">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >桶类型</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="PalletStatus2"
                          name="PalletStatus2"
                          lay-filter="PalletStatus2">
                          <option value=""></option>
                          <option value="0">净桶</option>
                          <option value="2">满桶</option>
                          <option value="3">脏桶</option>
                        </select>
                      </div>
                    </div>
                    <!-- <div class="layui-form-item" id="StandardDiv2">
                                            <label class="layui-form-label" style="width: 80px;">规格</label>
                                            <div class="layui-input-block">
                                                <select name="Standard2" lay-filter="Standard2" lay-search>
@@ -178,148 +227,222 @@
                                                </select>
                                            </div>
                                        </div> -->
                                        <div class="layui-form-item" id="SkuSelectDiv2">
                                            <label class="layui-form-label" style="width: 80px;">物料</label>
                                            <div class="layui-input-block">
                                                <select id="SkuSelect2" name="SkuSelect2" lay-filter="SkuSelect2" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="LotNoSelectDiv2">
                                            <label class="layui-form-label" style="width: 80px;">批次</label>
                                            <div class="layui-input-block">
                                                <input type="text" id="LotNoInput" name="LotNoInput" placeholder="" autocomplete="off"
                                            class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="WeightSelectDiv2">
                                            <label class="layui-form-label" style="width: 80px;">重量</label>
                                            <div class="layui-input-block">
                                                <input type="text" id="WeightInput" name="WeightInput" placeholder="" autocomplete="off"
                                            class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item" >
                                            <div class="layui-input-block">
                                                <button type="submit" class="layui-btn" lay-submit
                                                    lay-filter="demo2">立即提交</button>
                                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="flesDiv" >
                                    <form class="layui-form" action="" style="width: 40%;">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">起始区域</label>
                                            <div class="layui-input-block">
                                                <select id="AreaSelect3" name="AreaSelect3" lay-filter="AreaSelect3" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">起始位置</label>
                                            <div class="layui-input-block">
                                                <select id="LocateSelect3" name="LocateSelect3" lay-filter="LocateSelect3" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">目标区域</label>
                                            <div class="layui-input-block">
                                                <select id="AreaSelect4" name="AreaSelect4" lay-filter="AreaSelect4" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">目标位置</label>
                                            <div class="layui-input-block">
                                                <select id="LocateSelect4" name="LocateSelect4" lay-filter="LocateSelect4" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label" style="width: 80px;">桶类型</label>
                                            <div class="layui-input-block">
                                                <select id="PalletStatus2" name="PalletStatus2" lay-filter="PalletStatus2" >
                                                    <option value=""></option>
                                                     <option value="0">净桶</option>
                                                    <option value="2">满桶</option>
                                                    <option value="3">脏桶</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="SkuSelectDiv2">
                                            <label class="layui-form-label" style="width: 80px;">物料</label>
                                            <div class="layui-input-block">
                                                <select id="SkuSelect2" name="SkuSelect2" lay-filter="SkuSelect2" >
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="LotNoSelectDiv2">
                                            <label class="layui-form-label" style="width: 80px;">批次</label>
                                            <div class="layui-input-block">
                                                <input type="text" id="LotNoInput" name="LotNoInput" placeholder="" autocomplete="off"
                                            class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item" id="WeightSelectDiv2">
                                            <label class="layui-form-label" style="width: 80px;">重量</label>
                                            <div class="layui-input-block">
                                                <input type="text" id="WeightInput" name="WeightInput" placeholder="" autocomplete="off"
                                            class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item" >
                                            <div class="layui-input-block">
                                                <button type="submit" class="layui-btn" lay-submit
                                                    lay-filter="demo3">立即提交</button>
                                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    <div class="layui-form-item" id="SkuSelectDiv2">
                      <label class="layui-form-label" style="width: 80px"
                        >物料</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="SkuSelect2"
                          name="SkuSelect2"
                          lay-filter="SkuSelect2">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item" id="LotNoSelectDiv2">
                      <label class="layui-form-label" style="width: 80px"
                        >批次</label
                      >
                      <div class="layui-input-block">
                        <input
                          type="text"
                          id="LotNoInput"
                          name="LotNoInput"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input" />
                      </div>
                    </div>
                    <div class="layui-form-item" id="WeightSelectDiv2">
                      <label class="layui-form-label" style="width: 80px"
                        >重量</label
                      >
                      <div class="layui-input-block">
                        <input
                          type="text"
                          id="WeightInput"
                          name="WeightInput"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input" />
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <div class="layui-input-block">
                        <button
                          type="submit"
                          class="layui-btn"
                          lay-submit
                          lay-filter="demo2">
                          立即提交
                        </button>
                        <button
                          type="reset"
                          class="layui-btn layui-btn-primary">
                          重置
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="layui-tab-item">
                <div class="flesDiv">
                  <form class="layui-form" action="" style="width: 40%">
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >起始区域</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="AreaSelect3"
                          name="AreaSelect3"
                          lay-filter="AreaSelect3">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >起始位置</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="LocateSelect3"
                          name="LocateSelect3"
                          lay-filter="LocateSelect3">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >目标区域</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="AreaSelect4"
                          name="AreaSelect4"
                          lay-filter="AreaSelect4">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >目标位置</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="LocateSelect4"
                          name="LocateSelect4"
                          lay-filter="LocateSelect4">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <label class="layui-form-label" style="width: 80px"
                        >桶类型</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="PalletStatus2"
                          name="PalletStatus2"
                          lay-filter="PalletStatus2">
                          <option value=""></option>
                          <option value="0">净桶</option>
                          <option value="2">满桶</option>
                          <option value="3">脏桶</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item" id="SkuSelectDiv2">
                      <label class="layui-form-label" style="width: 80px"
                        >物料</label
                      >
                      <div class="layui-input-block">
                        <select
                          id="SkuSelect2"
                          name="SkuSelect2"
                          lay-filter="SkuSelect2">
                          <option value=""></option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-form-item" id="LotNoSelectDiv2">
                      <label class="layui-form-label" style="width: 80px"
                        >批次</label
                      >
                      <div class="layui-input-block">
                        <input
                          type="text"
                          id="LotNoInput"
                          name="LotNoInput"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input" />
                      </div>
                    </div>
                    <div class="layui-form-item" id="WeightSelectDiv2">
                      <label class="layui-form-label" style="width: 80px"
                        >重量</label
                      >
                      <div class="layui-input-block">
                        <input
                          type="text"
                          id="WeightInput"
                          name="WeightInput"
                          placeholder=""
                          autocomplete="off"
                          class="layui-input" />
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <div class="layui-input-block">
                        <button
                          type="submit"
                          class="layui-btn"
                          lay-submit
                          lay-filter="demo3">
                          立即提交
                        </button>
                        <button
                          type="reset"
                          class="layui-btn layui-btn-primary">
                          重置
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../js/public.js"></script>
    <script src="../../js/jquery-3.5.1.min.js"></script>
    <script src="../../js/jquery.cookie.js"></script>
    <script type="text/javascript">
    </script>
    <script type="text/javascript"></script>
    <script>
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'laypage', 'element', 'layer', 'laydate'], function () {
      layui
        .config({
          base: "../../layuiadmin/", //静态资源所在路径
        })
        .extend({
          index: "lib/index", //主入口模块
        })
        .use(
          ["index", "table", "laypage", "element", "layer", "laydate"],
          function () {
            var table = layui.table;
            var form = layui.form;
            var element = layui.element;
@@ -328,324 +451,470 @@
            var laydate = layui.laydate;
            var a = 0;
            var bodyHeight = $("#body").outerHeight();
            var bodyHeight = $("#body").outerHeight();
            var hh = bodyHeight - 146 ;//6是body上内边距
            $(".layui-card-body").attr("style","height:"+hh+"px");
            var hh = bodyHeight - 146; //6是body上内边距
            $(".layui-card-body").attr("style", "height:" + hh + "px");
            //tab切换判断值
            var yemianid = 0;
            var yemianid = 0;
            //监听Tab切换,以改变地址hash值
            element.on('tab(docDemoTabBrief)', function (data) {
                yemianid = data.index;
                console.log(yemianid);
            element.on("tab(docDemoTabBrief)", function (data) {
              yemianid = data.index;
              console.log(yemianid);
                if (yemianid == 0) {
                } else if (yemianid == 1) {
                }
              if (yemianid == 0) {
              } else if (yemianid == 1) {
              }
            });
            $("#StandardDiv").hide();
            $("#SkuSelectDiv").hide();
            $("#LotNoSelectDiv").hide();
            var doing = true;
            // 叫料提交事件
            form.on('submit(demo1)', function (data) {
                var field = data.field; // 获取表单字段值
                var param = {
                    AreaNo: field.AreaSelect,
                    LocateNo : field.LocateSelect,
                    PlnStatus:field.PalletStatus,
                    Standard:field.Standard,
                    SkuNo:field.SkuSelect,
                    LotNo:field.LotNoSelect
                };
                sendData(IP + "/DownApi/jiaoLiaoHopper", param, 'post', function(res) {
                    if (res.code == 0) { //成功
                        layer.msg(res.msg, {
                            icon: 1,
                            time: 1000 //2秒关闭(如果不配置,默认是3秒)
                        }, function() {
                        });
                    } else { //不成功
                        layer.msg(res.msg, {
                            icon: 2,
                            time: 2000 //2秒关闭(如果不配置,默认是3秒)
                        }, function() {});
                    }
                });
                return false; // 阻止默认 form 跳转
            });
            // 叫车提交事件
            form.on('submit(demo2)', function (data) {
                var field = data.field; // 获取表单字段值
                console.log("field.WeightInput:"+field.WeightInput);
                if(field.WeightInput.length != 0)
                {
                    a = parseFloat(field.WeightInput);
            form.on("submit(demo1)", function (data) {
              var field = data.field; // 获取表单字段值
              var param = {
                AreaNo: field.AreaSelect,
                LocateNo: field.LocateSelect,
                PlnStatus: field.PalletStatus,
                Standard: field.Standard,
                SkuNo: field.SkuSelect,
                LotNo: field.LotNoSelect,
              };
              sendData(
                IP + "/DownApi/jiaoLiaoHopper",
                param,
                "post",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 1,
                        time: 1000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
                var param = {
                    AreaNo: field.AreaSelect2,
                    LocateNo : field.LocateSelect2,
                    PlnStatus:field.PalletStatus2,
                    SkuNo:field.SkuSelect2,
                    LotNo:field.LotNoInput,
                    Weight:a
                };
                console.log(param);
                sendData(IP + "/DownApi/jiaoCheHopper", param, 'post', function(res) {
                    if (res.code == 0) { //成功
                        layer.msg(res.msg, {
                            icon: 1,
                            time: 1000 //2秒关闭(如果不配置,默认是3秒)
                        }, function() {
                        });
                    } else { //不成功
                        layer.msg(res.msg, {
                            icon: 2,
                            time: 2000 //2秒关闭(如果不配置,默认是3秒)
                        }, function() {});
                    }
                });
                return false; // 阻止默认 form 跳转
            });
            GetArea();
            form.on('select(AreaSelect)', function(data) {
                GetLocate(data.value);
                GetPlnStatus(data.value)
              );
              return false; // 阻止默认 form 跳转
            });
            form.on('select(PalletStatus)', function(data) {
                //0:净桶 1:预混 2:半成品 3:脏桶
                if (data.value == "0") {
                    $("#StandardDiv").show();
                    $("#SkuSelectDiv").hide();
                    $("#LotNoSelectDiv").hide();
                } else {
                    $("#StandardDiv").hide();
                    $("#SkuSelectDiv").show();
                    $("#LotNoSelectDiv").show();
                    GetSku(data.value)
            // 叫车提交事件
            form.on("submit(demo2)", function (data) {
              var field = data.field; // 获取表单字段值
              console.log("field.WeightInput:" + field.WeightInput);
              if (field.WeightInput.length != 0) {
                a = parseFloat(field.WeightInput);
              }
              var param = {
                AreaNo: field.AreaSelect2,
                LocateNo: field.LocateSelect2,
                PlnStatus: field.PalletStatus2,
                SkuNo: field.SkuSelect2,
                LotNo: field.LotNoInput,
                Weight: a,
              };
              console.log(param);
              sendData(
                IP + "/DownApi/jiaoCheHopper",
                param,
                "post",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 1,
                        time: 1000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
              return false; // 阻止默认 form 跳转
            });
            form.on('select(SkuSelect)', function(data) {
                GetLotNo(data.value);
            GetArea();
            form.on("select(AreaSelect)", function (data) {
              GetLocate(data.value);
              GetPlnStatus(data.value);
            });
            form.on("select(PalletStatus)", function (data) {
              //0:净桶 1:预混 2:半成品 3:脏桶
              if (data.value == "0") {
                $("#StandardDiv").show();
                $("#SkuSelectDiv").hide();
                $("#LotNoSelectDiv").hide();
              } else {
                $("#StandardDiv").hide();
                $("#SkuSelectDiv").show();
                $("#LotNoSelectDiv").show();
                GetSku(data.value);
              }
            });
            form.on("select(SkuSelect)", function (data) {
              GetLotNo(data.value);
            });
            // 获取区域
            function GetArea() {
                $("#AreaSelect").empty();
                $("#AreaSelect").append('<option value =""></option>');
                //获取仓库下拉框信息
            sendData(IP + "/DownApi/GetAreaListByUser", {}, 'get', function(res) {
               if (res.code == 0) { //成功
                        console.log(res.data);
                        for (var i = 0; i < res.data.length; i++) {
                            $("#AreaSelect").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i].AreaName +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              $("#AreaSelect").empty();
              $("#AreaSelect").append('<option value =""></option>');
              //获取仓库下拉框信息
              sendData(
                IP + "/DownApi/GetAreaListByUser",
                {},
                "get",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    console.log(res.data);
                    for (var i = 0; i < res.data.length; i++) {
                      $("#AreaSelect").append(
                        "<option value =" +
                          res.data[i].AreaNo +
                          ">" +
                          res.data[i].AreaName +
                          "</option>"
                      );
                    }
                    form.render("select");
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
            }
            // 获取储位
            function GetLocate(val) {
                $("#LocateSelect").empty();
                $("#LocateSelect").append('<option value =""></option>');
              $("#LocateSelect").empty();
              $("#LocateSelect").append('<option value =""></option>');
                //获取仓库下拉框信息
                sendData(IP + "/DownApi/GetLocatByArea", {"areaNo":val}, 'get', function(res) {
               if (res.code == 0) { //成功
                        for (var i = 0; i < res.data.length; i++) {
                            $("#LocateSelect").append('<option value =' + res.data[i].LocatNo + '>' + res.data[i].LocatNo +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              //获取仓库下拉框信息
              sendData(
                IP + "/DownApi/GetLocatByArea",
                { areaNo: val },
                "get",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    for (var i = 0; i < res.data.length; i++) {
                      $("#LocateSelect").append(
                        "<option value =" +
                          res.data[i].LocatNo +
                          ">" +
                          res.data[i].LocatNo +
                          "</option>"
                      );
                    }
                    form.render("select");
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
            }
            // 获取桶类型
            function GetPlnStatus(val) {
                $("#PalletStatus").empty();
                $("#PalletStatus").append('<option value =""></option>');
              $("#PalletStatus").empty();
              $("#PalletStatus").append('<option value =""></option>');
                //获取仓库下拉框信息
                sendData(IP + "/DownApi/GetPlnStatusByArea", {"areaNo":val}, 'get', function(res) {
               if (res.code == 0) { //成功
                        for (var i = 0; i < res.data.length; i++) {
                            $("#PalletStatus").append('<option value =' + res.data[i].dic1 + '>' + res.data[i].dic2 +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              //获取仓库下拉框信息
              sendData(
                IP + "/DownApi/GetPlnStatusByArea",
                { areaNo: val },
                "get",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    for (var i = 0; i < res.data.length; i++) {
                      $("#PalletStatus").append(
                        "<option value =" +
                          res.data[i].dic1 +
                          ">" +
                          res.data[i].dic2 +
                          "</option>"
                      );
                    }
                    form.render("select");
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
            }
            //获取物料
            function GetSku(val) {
                $("#SkuSelect").empty();
                $("#SkuSelect").append('<option value =""></option>');
              $("#SkuSelect").empty();
              $("#SkuSelect").append('<option value =""></option>');
                //获取仓库下拉框信息
                sendData(IP + "/DownApi/GetSkuByStatus", {"palletStatus":val}, 'get', function(res) {
               if (res.code == 0) { //成功
                        for (var i = 0; i < res.data.length; i++) {
                            $("#SkuSelect").append('<option value =' + res.data[i] + '>' + res.data[i] +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              //获取仓库下拉框信息
              sendData(
                IP + "/DownApi/GetSkuByStatus",
                { palletStatus: val },
                "get",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    for (var i = 0; i < res.data.length; i++) {
                      $("#SkuSelect").append(
                        "<option value =" +
                          res.data[i].SkuNo +
                          ">" +
                          res.data[i].SkuName +
                          "</option>"
                      );
                    }
                    form.render("select");
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
            }
            //获取批次
            function GetLotNo(val) {
                $("#LotNoSelect").empty();
                $("#LotNoSelect").append('<option value =""></option>');
              $("#LotNoSelect").empty();
              $("#LotNoSelect").append('<option value =""></option>');
                //获取仓库下拉框信息
                sendData(IP + "/DownApi/GetLotNoBySku", {"skuNo":val}, 'get', function(res) {
               if (res.code == 0) { //成功
                        for (var i = 0; i < res.data.length; i++) {
                            $("#LotNoSelect").append('<option value =' + res.data[i] + '>' + res.data[i] +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              //获取仓库下拉框信息
              sendData(
                IP + "/DownApi/GetLotNoBySku",
                { skuNo: val },
                "get",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    for (var i = 0; i < res.data.length; i++) {
                      $("#LotNoSelect").append(
                        "<option value =" +
                          res.data[i] +
                          ">" +
                          res.data[i] +
                          "</option>"
                      );
                    }
                    form.render("select");
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
            }
            //------------------------------------------------------------------------------------
            $("#WeightSelectDiv2").hide();
            $("#SkuSelectDiv2").hide();
            $("#LotNoSelectDiv2").hide();
            GetArea2();
            GetSku2();
            form.on('select(AreaSelect2)', function(data) {
                GetLocate2(data.value);
            form.on("select(AreaSelect2)", function (data) {
              GetLocate2(data.value);
            });
            form.on('select(PalletStatus2)', function(data) {
                //0:净桶 1:预混 2:半成品 3:脏桶
                if (data.value == "2") {
                    $("#WeightSelectDiv2").show();
                    $("#SkuSelectDiv2").show();
                    $("#LotNoSelectDiv2").show();
                } else {
                    $("#WeightSelectDiv2").hide();
                    $("#SkuSelectDiv2").hide();
                    $("#LotNoSelectDiv2").show();
                    GetSku(data.value)
                }
            form.on("select(PalletStatus2)", function (data) {
              //0:净桶 1:预混 2:半成品 3:脏桶
              if (data.value == "2") {
                $("#WeightSelectDiv2").show();
                $("#SkuSelectDiv2").show();
                $("#LotNoSelectDiv2").show();
              } else {
                $("#WeightSelectDiv2").hide();
                $("#SkuSelectDiv2").hide();
                $("#LotNoSelectDiv2").show();
                GetSku(data.value);
              }
            });
            // 获取区域
            function GetArea2() {
                $("#AreaSelect2").empty();
                $("#AreaSelect2").append('<option value =""></option>');
                //获取仓库下拉框信息
            sendData(IP + "/DownApi/GetAreaListByUser", {}, 'get', function(res) {
               if (res.code == 0) { //成功
                        console.log(res.data);
                        for (var i = 0; i < res.data.length; i++) {
                            $("#AreaSelect2").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i].AreaName +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              $("#AreaSelect2").empty();
              $("#AreaSelect2").append('<option value =""></option>');
              //获取仓库下拉框信息
              sendData(
                IP + "/DownApi/GetAreaListByUser",
                {},
                "get",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    console.log(res.data);
                    for (var i = 0; i < res.data.length; i++) {
                      $("#AreaSelect2").append(
                        "<option value =" +
                          res.data[i].AreaNo +
                          ">" +
                          res.data[i].AreaName +
                          "</option>"
                      );
                    }
                    form.render("select");
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
            }
            // 获取储位
            function GetLocate2(val) {
                $("#LocateSelect2").empty();
                $("#LocateSelect2").append('<option value =""></option>');
              $("#LocateSelect2").empty();
              $("#LocateSelect2").append('<option value =""></option>');
                //获取仓库下拉框信息
                sendData(IP + "/DownApi/GetLocatByArea", {"areaNo":val}, 'get', function(res) {
               if (res.code == 0) { //成功
                        for (var i = 0; i < res.data.length; i++) {
                            $("#LocateSelect2").append('<option value =' + res.data[i].LocatNo + '>' + res.data[i].LocatNo +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              //获取仓库下拉框信息
              sendData(
                IP + "/DownApi/GetLocatByArea",
                { areaNo: val },
                "get",
                function (res) {
                  if (res.code == 0) {
                    //成功
                    for (var i = 0; i < res.data.length; i++) {
                      $("#LocateSelect2").append(
                        "<option value =" +
                          res.data[i].LocatNo +
                          ">" +
                          res.data[i].LocatNo +
                          "</option>"
                      );
                    }
                    form.render("select");
                  } else {
                    //不成功
                    layer.msg(
                      res.msg,
                      {
                        icon: 2,
                        time: 2000, //2秒关闭(如果不配置,默认是3秒)
                      },
                      function () {}
                    );
                  }
                }
              );
            }
            //获取物料
            function GetSku2() {
                $("#SkuSelect2").empty();
                $("#SkuSelect2").append('<option value =""></option>');
              $("#SkuSelect2").empty();
              $("#SkuSelect2").append('<option value =""></option>');
                //获取仓库下拉框信息
                sendData(IP + "/DownApi/GetSku", {}, 'get', function(res) {
               if (res.code == 0) { //成功
                        for (var i = 0; i < res.data.length; i++) {
                            $("#SkuSelect2").append('<option value =' + res.data[i] + '>' + res.data[i] +'</option>');
                        }
                   form.render('select');
               } else { //不成功
                  layer.msg(res.msg, {
                     icon: 2,
                     time: 2000 //2秒关闭(如果不配置,默认是3秒)
                  }, function() {});
               }
            });
              //获取仓库下拉框信息
              sendData(IP + "/DownApi/GetSku", {}, "get", function (res) {
                if (res.code == 0) {
                  //成功
                  for (var i = 0; i < res.data.length; i++) {
                    $("#SkuSelect2").append(
                      "<option value =" +
                        res.data[i].SkuNo +
                        ">" +
                        res.data[i].SkuName +
                        "</option>"
                    );
                  }
                  form.render("select");
                } else {
                  //不成功
                  layer.msg(
                    res.msg,
                    {
                      icon: 2,
                      time: 2000, //2秒关闭(如果不配置,默认是3秒)
                    },
                    function () {}
                  );
                }
              });
            }
        });
          }
        );
    </script>
</body>
</html>
  </body>
</html>