WEBUI/WMS.BZWeb/Areas/KLHCManager/Views/BillBomSet/DFM1509.cshtml

@using WMS.BZWeb;
@{
    ViewBag.Title = "DFM15";
    Layout = "~/Views/Shared/_Form.cshtml";
}
<link href="~/Content/jquery/plugin/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
<script src="~/Content/jquery/plugin/jquery-ui/jquery-ui.min.js"></script>
<style>
    .center {
        height: calc(100% - 60px);
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

        .center .left {
            position: relative;
            padding-left: 177px;
            padding-top: 20px;
            display: flex;
            box-sizing: border-box;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .center .right {
            height: 100%;
            width: 402px;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            padding: 5px 0 0 5px;
            border-left: 1px solid #bdcadb;
        }

            .center .right .rItem {
                margin-bottom: 5px;
            }

    .circle {
        width: 50px;
        height: 50px;
        margin-left: 2px;
        border-radius: 50%;
        background-color: rgb(255, 255, 255);
        border: 2px solid rgb(0, 0, 0);
        text-align: center;
        line-height: 50px;
        cursor: pointer;
        position: absolute;
    }

    .selectedactive {
        border-color: #05e600
    }

    .yellowCircle {
        background-color: #f59a23
    }

    .purpleCircle {
        background-color: #8400ff
    }

    .lightgreenCircle {
        background-color: #95f204
    }

</style>
<div class="lr-form-wrap">

    <div class="center">
        <div id="allcontainer" class="left">
            <span style="display:inline-block;width:48px;margin-top:-36px;margin-left:-160px;text-align:left;font-size:15px;font-weight: bold;">上</span>
            <span style="display:inline-block;width:45px;margin-top:262px;margin-left:-60px;text-align:center;font-size:15px;font-weight: bold;">下</span>

            <div id="containerleft" style="width:327px;height:269px; border: 1px solid #bdcadb ;margin-left:-45px;margin-top:-15px">
                <div class="clickcircle circle" style=" left: 10px; top: 10px;">31</div>
                <div class="clickcircle circle" style=" left: 10px; top: 62px;">32</div>
                <div class="clickcircle circle" style=" left: 10px; top: 114px;">33</div>
                <div class="clickcircle circle" style=" left: 10px; top: 166px;">34</div>
                <div class="clickcircle circle" style=" left: 10px; top: 218px;">35</div>
                <div class="clickcircle circle" style=" left: 62px; top: 10px;">36</div>
                <div class="clickcircle circle" style=" left: 62px; top: 62px;">37</div>
                <div class="clickcircle circle" style=" left: 62px; top: 114px;">38</div>
                <div class="clickcircle circle" style=" left: 62px; top: 166px;">39</div>
                <div class="clickcircle circle" style=" left: 62px; top: 218px;">40</div>
                <div class="clickcircle circle" style=" left: 114px; top: 10px;">41</div>
                <div class="clickcircle circle" style=" left: 114px; top: 62px;">42</div>
                <div class="clickcircle circle" style=" left: 114px; top: 114px;">43</div>
                <div class="clickcircle circle" style=" left: 114px; top: 166px;">44</div>
                <div class="clickcircle circle" style=" left: 114px; top: 218px;">45</div>
                <div class="clickcircle circle" style=" left: 166px; top: 10px;">46</div>
                <div class="clickcircle circle" style=" left: 166px; top: 62px;">47</div>
                <div class="clickcircle circle" style=" left: 166px; top: 114px;">48</div>
                <div class="clickcircle circle" style=" left: 166px; top: 166px;">49</div>
                <div class="clickcircle circle" style=" left: 166px; top: 218px;">50</div>
                <div class="clickcircle circle" style=" left: 218px; top: 10px;">51</div>
                <div class="clickcircle circle" style=" left: 218px; top: 62px;">52</div>
                <div class="clickcircle circle" style=" left: 218px; top: 114px;">53</div>
                <div class="clickcircle circle" style=" left: 218px; top: 166px;">54</div>
                <div class="clickcircle circle" style=" left: 218px; top: 218px;">55</div>
                <div class="clickcircle circle" style=" left: 270px; top: 10px;">56</div>
                <div class="clickcircle circle" style=" left: 270px; top: 62px;">57</div>
                <div class="clickcircle circle" style=" left: 270px; top: 114px;">58</div>
                <div class="clickcircle circle" style=" left: 270px; top: 166px;">59</div>
                <div class="clickcircle circle" style=" left: 270px; top: 218px;">60</div>
            </div>

            <div id="containerright" style="width:327px;height:269px; border: 1px solid #bdcadb ;margin-left:-327px;margin-top:289px">
                <div class="clickcircle circle" style=" left: 10px; top: 313px;">1</div>
                <div class="clickcircle circle" style=" left: 10px; top: 365px;">2</div>
                <div class="clickcircle circle" style=" left: 10px; top: 417px;">3</div>
                <div class="clickcircle circle" style=" left: 10px; top: 469px;">4</div>
                <div class="clickcircle circle" style=" left: 10px; top: 521px;">5</div>
                <div class="clickcircle circle" style=" left: 62px; top: 313px;">6</div>
                <div class="clickcircle circle" style=" left: 62px; top: 365px;">7</div>
                <div class="clickcircle circle" style=" left: 62px; top: 417px;">8</div>
                <div class="clickcircle circle" style=" left: 62px; top: 469px;">9</div>
                <div class="clickcircle circle" style=" left: 62px; top: 521px;">10</div>
                <div class="clickcircle circle" style=" left: 114px; top: 313px;">11</div>
                <div class="clickcircle circle" style=" left: 114px; top: 365px;">12</div>
                <div class="clickcircle circle" style=" left: 114px; top: 417px;">13</div>
                <div class="clickcircle circle" style=" left: 114px; top: 469px;">14</div>
                <div class="clickcircle circle" style=" left: 114px; top: 521px;">15</div>
                <div class="clickcircle circle" style=" left: 166px; top: 313px;">16</div>
                <div class="clickcircle circle" style=" left: 166px; top: 365px;">17</div>
                <div class="clickcircle circle" style=" left: 166px; top: 417px;">18</div>
                <div class="clickcircle circle" style=" left: 166px; top: 469px;">19</div>
                <div class="clickcircle circle" style=" left: 166px; top: 521px;">20</div>
                <div class="clickcircle circle" style=" left: 218px; top: 313px;">21</div>
                <div class="clickcircle circle" style=" left: 218px; top: 365px;">22</div>
                <div class="clickcircle circle" style=" left: 218px; top: 417px;">23</div>
                <div class="clickcircle circle" style=" left: 218px; top: 469px;">24</div>
                <div class="clickcircle circle" style=" left: 218px; top: 521px;">25</div>
                <div class="clickcircle circle" style=" left: 270px; top: 313px;">26</div>
                <div class="clickcircle circle" style=" left: 270px; top: 365px;">27</div>
                <div class="clickcircle circle" style=" left: 270px; top: 417px;">28</div>
                <div class="clickcircle circle" style=" left: 270px; top: 469px;">29</div>
                <div class="clickcircle circle" style=" left: 270px; top: 521px;">30</div>
            </div>
        </div>

        <div class="right" style="margin-left:5px;margin-top:-15px;height:616px">
            <div class="rItem" id="form">
                <div class="col-xs-12 lr-form-item" style="padding-left:30px;">
                    <div class="lr-form-item-title" style="width:90px;">垛型编码:</div>
                    <input id="Code" type="text" style="width:280px;margin-left:55px;" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入垛型编码" />
                </div>
                <div class="col-xs-12 lr-form-item" style="padding-left:30px;">
                    <div class="lr-form-item-title" style="width:90px;">垛型名称:</div>
                    <input id="Name" type="text" class="form-control" style="width:280px;margin-left:55px;" isvalid="yes" checkexpession="NotNull" placeholder="请输入垛型名称" />
                </div>
                <div class="col-xs-12 lr-form-item" style="padding-left:30px;">
                    <div class="lr-form-item-title" style="width:90px;">投料信息:</div>
                    <input id="BomName" readonly class=" btn-group  form-control" type="text" style="width:230px;margin-left:55px;" placeholder="请选择投料信息" />
                    <a id="SelectBomCode" class="btn-group btn-group-sm"><i class="fa fa-search"></i>&nbsp;<span class="lrlg">查询</span></a>
                </div>
                <div class="col-xs-12 lr-form-item" style="padding-left:30px;">
                    <div class="lr-form-item-title" style="width:90px;">产出物料编码:</div>
                    <div id="ProMaterCode" style="width:280px;margin-left:55px;" placeholder="请选择产出物料编码"></div>
                </div>
                <div class="col-xs-6 lr-form-item" style="padding-left:30px;">
                    <div class="lr-form-item-title" style="width:90px;">工字轮个数:</div>
                    <input id="HWCountQty" type="text" class="form-control" style="width:110px;margin-left:55px;" isvalid="yes" checkexpession="NotNull" placeholder="请输入工字轮个数" />
                </div>

                <div class="col-xs-6 lr-form-item" style="padding-left:30px;">
                    <div class="lr-form-item-title" style="width:90px;">层数:</div>
                    <input id="LayerCountQty" type="text" class="form-control" style="width:97px;margin-left:55px;" isvalid="yes" checkexpession="NotNull" placeholder="请输入层数" />
                </div>
                <div class="col-xs-6 lr-form-item" style="padding-left:30px;">
                    <div class="lr-form-item-title" style="width:90px;">短编号:</div>
                    <input id="ShortCode" type="text" class="form-control" style="width:110px;margin-left:55px;" isvalid="yes" checkexpession="NotNull" placeholder="请输入短编号" />
                </div>
                <input id="TpTypeCode" type="text" class="form-control" style="width:280px;margin-left:55px;display:none" value="1" />
                <input id="Category" type="text" class="form-control" style="width:280px;margin-left:55px;display:none" value="1" />
                @* <div class="col-xs-12 lr-form-item" style="padding-left:30px;">
                <div class="lr-form-item-title" style="width:90px;">托盘类型:</div>
                <input id="TpTypeCode" type="text" class="form-control" style="width:280px;margin-left:55px;" isvalid="yes" checkexpession="NotNull" placeholder="请输入托盘类型" />
                </div>*@
            </div>
            <div class="rItem">
                <div id="container" style="height:120px;width:365px;margin-left:2px;margin-bottom:5px;  border: 1px solid #bdcadb ;">
                    <div class="col-xs-12 lr-form-item" style="padding-left:50px;">
                        <div class="lr-form-item-title" style="width:100px;">第一种湿拉物料:</div>
                        <input id="MatCode0" readonly type="text" style="margin-left:45px;width:260px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="" />
                    </div>
                    @*       <div class="col-xs-6 lr-form-item" style="width:200px;">
                    <div class="lr-form-item-title">钢丝直径上限: </div>
                    <input id="SilkDiam0" type="text" style="display:inline-block;width:75px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入钢丝直径上限" />
                    <span style="display:inline;float:right;margin-top:5px;">mm</span>
                    </div>
                    <div class="col-xs-6 lr-form-item" style="width:150px;padding-left:65px;">
                    <div class="lr-form-item-title" style="width:70px;">数量上限: </div>
                    <input id="QtyMaxCount0" readonly type="text" style="display:inline-block;width:70px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入数量上限" />
                    <span style="display:inline;float:right;margin-top:5px;">个</span>
                    </div>*@
                    <div class="col-xs-6 lr-form-item" style="width:210px;padding-left:65px;">
                        <div class="lr-form-item-title" style="width:100px;">数量上限: </div>
                        <input id="QtyMaxCount0"   type="text" style="display:inline-block;margin-left:30px;width:100px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入数量上限" />
                        <span style="display:inline;float:right;margin-top:5px;">个</span>
                    </div>
                    <div class="col-xs-12 lr-form-item">
                        <a id="SaveOne" class="btn btn-default">暂存</a>

                    </div>
                </div>

                <div id="container" style="height:120px;width:365px;margin-left:2px; margin-bottom:5px;   border: 1px solid #bdcadb ;">
                    <div class="col-xs-12 lr-form-item" style="padding-left:50px;">
                        <div class="lr-form-item-title" style="width:100px;">第二种湿拉物料:</div>
                        <input id="MatCode1" readonly type="text" style="margin-left:45px;width:260px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="" />
                    </div>
                    @*  <div class="col-xs-6 lr-form-item" style="width:200px;">
                    <div class="lr-form-item-title">钢丝直径上限: </div>
                    <input id="SilkDiam1" type="text" style="display:inline-block;width:75px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入钢丝直径上限" />
                    <span style="display:inline;float:right;margin-top:5px;">mm</span>
                    </div>
                    <div class="col-xs-6 lr-form-item" style="width:150px;padding-left:65px;">
                        <div class="lr-form-item-title" style="width:70px;">数量上限: </div>
                        <input id="QtyMaxCount1" readonly type="text" style="display:inline-block;width:70px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入数量上限" />
                        <span style="display:inline;float:right;margin-top:5px;">个</span>
                    </div>*@
                    <div class="col-xs-6 lr-form-item" style="width:210px;padding-left:65px;">
                        <div class="lr-form-item-title" style="width:100px;">数量上限: </div>
                        <input id="QtyMaxCount1"  type="text" style="display:inline-block;margin-left:30px;width:100px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入数量上限" />
                        <span style="display:inline;float:right;margin-top:5px;">个</span>
                    </div>
                    <div class="col-xs-12 lr-form-item">
                        <a id="SaveTwo" class="btn btn-default">暂存</a>

                    </div>
                </div>

                <div id="container" style="height:120px;width:365px;margin-left:2px;  border: 1px solid #bdcadb ;">
                    <div class="col-xs-12 lr-form-item" style="padding-left:50px;">
                        <div class="lr-form-item-title" style="width:100px;">第三种湿拉物料:</div>
                        <input id="MatCode2" readonly type="text" style="margin-left:45px;width:260px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="" />
                    </div>
                    @*  <div class="col-xs-6 lr-form-item" style="width:200px;">
                    <div class="lr-form-item-title">钢丝直径上限: </div>
                    <input id="SilkDiam2" type="text" style="display:inline-block;width:75px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入钢丝直径上限" />
                    <span style="display:inline;float:right;margin-top:5px;">mm</span>
                    </div> 
                    <div class="col-xs-6 lr-form-item" style="width:150px;padding-left:65px;">
                        <div class="lr-form-item-title" style="width:70px;">数量上限: </div>
                        <input id="QtyMaxCount2" readonly type="text" style="display:inline-block;width:70px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入数量上限" />
                        <span style="display:inline;float:right;margin-top:5px;">个</span>
                    </div>*@

                    <div class="col-xs-6 lr-form-item" style="width:210px;padding-left:65px;">
                        <div class="lr-form-item-title" style="width:100px;">数量上限: </div>
                        <input id="QtyMaxCount2"   type="text" style="display:inline-block;margin-left:30px;width:100px" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入数量上限" />
                        <span style="display:inline;float:right;margin-top:5px;">个</span>
                    </div>
                    <div class="col-xs-12 lr-form-item">
                        <a id="SaveThree" class="btn btn-default">暂存</a>

                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
@Html.AppendJsFile("/Areas/FJManager/Views/BillBomSet/DFM1509.js")