@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header
{
    <link rel="stylesheet" href="/css/treetable.css" />
}
    <style type="text/css">
        .layui-form-label1 {
            display: table-cell;
            padding: 9px 15px;
            font-weight: bold;
            line-height: 20px;
            text-align: right;
            font-size: 20px;
        }

        .layui-btn-sm {
            height: 40px;
            line-height: 40px;
            padding: 0px 10px;
            font-size: 22px;
        }

        .layui-input {
            height: 40px;
            font-size: 22px;
            border: 1px solid rgba(0,0,0,.2);
        }

        @@media screen and (min-width: 760px) {
            #PalletForm {
                position: relative;
                margin: 5px auto;
                width: 70%;
                background: #fff;
                border-radius: 25px;
                padding-bottom: 460px;
                box-shadow: 1px 3px 20px rgba(0,0,0,.2);
            }
        }

        @@media screen and (max-width: 760px) {
            #PalletForm {
                position: relative;
                margin: 5px auto;
                width: 70%;
                background: #fff;
                border-radius: 25px;
                padding-bottom: 15px;
                box-shadow: 1px 3px 20px rgba(0,0,0,.2);
            }
        }

        .btn {
            text-align: center;
            position: relative;
            width: 70%;
            margin-left: 15%;
        }

        .row {
            margin: 10px auto;
        }
        .font {
            font-size: 20px;
            padding: 9px 15px;
            font-weight:bold;
            line-height:20px;
            text-align:right
        }
        .selectLoad {
            height: 38px;
            line-height: 1.3;
            border-width: 1px;
            border-style: solid;
            border-color: #e6e6e6;
            background-color: #fff;
            width: 215px;
        }


        .select_Station {
            height: 30px;
            padding: 0 10px;
            line-height: 36px;
        }
    </style>

    <div id="PalletForm">
        <div class="layui-col-sm12">
            <div class="layui-col-sm4" style="height:20px;"></div>
            <div class="layui-col-sm6" style="padding-top:10px;">
               <label class="font" style="color:red">模式选择:</label>
               <label class="font"><input class="c1" name="IsShou" value="ZC" type="radio" checked="checked">正常入库</label>
               <label class="font"><input class="c1" name="IsShou" value="SD" type="radio" id="radioSome">手动入库</label>
            </div>
         </div>
        <form class="layui-form PalletForm" action="" lay-filter="PalletForm">
            <div class="layui-col-sm12">
                <br />
            </div>


            <div class="layui-col-sm12 row">
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm6">容器编号:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="ContainerId" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm4">站台:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <select name="Code" v-model="Code" data-model="Code" class="Selector_TaskDetail ClearSelector_TaskDetail" lay-filter="eform"></select>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm12 row YEWU">
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm6">业务类型:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="OperationType" type="text" class="layui-input" style="font-weight:bold; font-size:22px;background-color:#eee;" disabled>
                    </div>
                </div>
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm4">任务类型:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="TaskType" v-model="TaskType" type="text" class="layui-input" style="font-weight:bold; font-size:22px; background-color:#eee;" disabled>
                    </div>
                </div>

            </div>
            <div class="layui-col-sm12 row">
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm6">物料编码:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="MaterialCode" v-model="MaterialCode" type="text" class="layui-input" style="color:dodgerblue; font-size:26px;background-color:#eee;">
                    </div>
                </div>
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm4">单据号:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="SourceCode" v-model="SourceCode" type="text" class="layui-input" style="color:dodgerblue;font-size:26px; background-color:#eee;">
                    </div>
                </div>
            </div>
            <div class="layui-col-sm12 row">
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm6">物料名称:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="MaterialName" v-model="MaterialName" type="text" class="layui-input" style="background-color:#eee;">
                    </div>
                </div>
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm4">批次:</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Batch" v-model="Batch" type="text" class="layui-input" style="background-color:#eee;">
                    </div>
                </div>
            </div>
            <div class="layui-col-sm12 row">
                <div class="layui-col-sm5">
                    <label class="layui-form-label1 layui-col-sm6">数量:</label>
                    <div class="layui-input-inline layui-col-sm4">
                        <input name="Num" type="text" autocomplete="off" lay-verify="required" maxlength="50" style="color:dodgerblue;font-size:30px; background-color:#eee;" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label1 layui-col-sm5" style="color:red">回库托盘状态:</label>
                    <div class="layui-input-inline layui-col-sm4">
                        <input name="IsFull" value="full" type="radio" title="已满" checked="checked">
                        <input name="IsFull" value="some" type="radio" id="radioSome" title="未满">
                    </div>
                </div>
            </div>
            <div class="layui-col-sm12" style="margin-top:20px;" lay-filter="laybtn">
                <div class="btn">
                    <div class="layui-col-sm4 " id="btn1" style="display:none;">
                        <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" id="btnFinishCheck"><i class="layui-icon">&#xe679;</i>查看完成</a>
                    </div>
                    <div class="layui-col-sm4 btn2" id="btn2" >
                        <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" id="btnFinish"><i class="layui-icon">&#xe6a5;</i>取(收)料完成</a>
                    </div>
                    <div class="layui-col-sm4 btn2">
                        <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-mini" id="btnBack"><i class="layui-icon">&#xe6e3;</i>托盘回库</a>
                    </div>
                    <div class="layui-col-sm4 btn2">
                        <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-mini" id="btnEmptyBack"><i class="layui-icon">&#xe62f;</i>空板回库</a>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm12" style="margin-top:20px;" lay-filter="laybtn">
                <div class="btn">
                    <div class="layui-col-sm4  btn3" style="display:none;">
                        <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-mini" id="btnHandTaskIn"><i class="layui-icon">&#xe6e3;</i>手动回库</a>
                    </div>
                    <div class="layui-col-sm4  btn3" style="display:none;">
                        <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" id="btnAddInventory"><i class="layui-icon">&#xe62f;</i>手动添加物料</a>
                    </div>
                    <div class="layui-col-sm4  btn3" style="display:none;">
                        <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" id="btnStation"><i class="layui-icon">&#xe62f;</i>站台到站台</a>
                    </div>
                </div>
            </div>
        </form>
        </div>

<div class="layui-col-sm12">
    <br />
</div>

<div id="listForm" class="layui-tab-item layui-show">
    <h2 class="layui-colla-title"><strong>任务明细</strong></h2>
    <form class="layui-form layui-form-pane" action="" lay-filter="listForm">
        <table id="mainList" class="layui-table"
               lay-data="{height: '300', cellMinWidth: 80, page:true, id:'mainList', limit: 20, limits: [20, 50, 100, 200, 500, 1000]}"
               lay-filter="mainList" lay-size="sm">
            <thead>
                <tr>
                    <th lay-data="{field:'TaskNo', width:150, sort: true, fixed: false, hide: false}">主任务Id</th>
                    <th lay-data="{field:'ContainerCode', width:150, sort: true, fixed: false, hide: false}">容器编号</th>
                    <th lay-data="{field:'SourceCode', width:150, sort: true, fixed: false, hide: false}">单据号</th>
                    <th lay-data="{field:'HadQty', width:150, sort: true, fixed: false, hide: false}">已捡数量</th>
                    <th lay-data="{field:'ContainerQty', width:150, sort: true, fixed: false, hide: false}">托盘所需数量</th>
                    <th lay-data="{field:'OderQty', width:150, sort: true, fixed: false, hide: false}">单据数量</th>
                    <th lay-data="{field:'MaterialCode', width:150, sort: true, fixed: false, hide: false}">物料编码</th>
                    <th lay-data="{field:'MaterialName', width:150, sort: true, fixed: false, hide: false}">物料名称</th>
                    <th lay-data="{field:'TaskType', width:150, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('TaskType', 'DictValue', 'DictLabel', d.TaskType)}}">任务类型</th>
                    <th lay-data="{field:'Batch', width:150, sort: true, fixed: false, hide: false}">批次</th>
                    <th lay-data="{field:'Lot', width:150, sort: true, fixed: false, hide: false}">批号</th>
                    <th lay-data="{field:'OrderCode', width:150, sort: true, fixed: false, hide: false}">主表单号</th>
                    <th lay-data="{field:'InventoryId', width:150, sort: true, fixed: false, hide: false}">库存物料id</th>
                    <th lay-data="{field:'SourceLocation', width:150, sort: true, fixed: false, hide: false}">源库位</th>
                    <th lay-data="{field:'DestinationLocation', width:150, sort: true, fixed: false, hide: false}">目的库位</th>
                    <th lay-data="{field:'Roadway', width:150, sort: true, fixed: false, hide: false}">Roadway</th>
                    <th lay-data="{field:'Station', width:150, sort: true, fixed: false, hide: false}">Station</th>
                    <th lay-data="{field:'Status', width:150, sort: true, fixed: false, hide: false}">子任务状态</th>
                    <th lay-data="{field:'Priority', width:150, sort: true, fixed: false, hide: false}">任务优先级</th>
                    <th lay-data="{field:'IsEmptyOut', width:150, sort: true, fixed: false, hide: false}">IsEmptyOut</th>
                    <th lay-data="{field:'StartTime', width:150, sort: true, fixed: false, hide: false}">子任务开始时间</th>
                    <th lay-data="{field:'EndTime', width:150, sort: true, fixed: false, hide: false}">子任务完成时间</th>
                    <th lay-data="{field:'CreateTime', width:150, sort: true, fixed: false, hide: false}">创建时间</th>
                    <th lay-data="{field:'CreateBy', width:150, sort: true, fixed: false, hide: false}">创建用户</th>
                    <th lay-data="{field:'UpdateTime', width:150, sort: true, fixed: false, hide: false}">更新时间</th>
                    <th lay-data="{field:'UpdateBy', width:150, sort: true, fixed: false, hide: false}">更新用户</th>
                </tr>
            </thead>
        </table>
    </form>
</div>

<div id="PalletEmptyIn" style="display:none;margin-left:10%;">
    <form class="layui-form layui-form-pane" action="" lay-filter="PalletEmptyIn">
        <div class="layui-col-sm12" style="margin-top:10%;">
            <label class="layui-form-label layui-col-sm3" style="width:100px;height:40px;">托盘类型</label>
            <div class="layui-input-inline layui-col-sm8">
                <select name="Type" v-model="Type" data-model="Type" class="requiredAdd requiredEdit Selector_PalletEmptyIn ClearSelector_PalletEmptyIn" lay-filter="eform"></select>
            </div>
        </div>
    </form>
</div>

<div id="tanchuang" class="layui-tab-item" style="padding-left:20px;padding-top:20px;">
    <div class="layui-row">
        <div class="layui-col-sm6 layui-form-pane">
            <label class="layui-form-label layui-col-sm2">起点站台</label>
            <div class="layui-input-inline layui-col-sm8">
                <select class="selectLoad" id="OriginStation"></select>
            </div>
        </div>
        <div class="layui-col-sm6 layui-form-pane">
            <label class="layui-form-label layui-col-sm3">终点站台</label>
            <div class="layui-input-inline layui-col-sm7">
                <select class="selectLoad" id="EndStation"></select>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/productjs/task/PalletInOut.js?v=2019.08.19"></script>
<script type="text/javascript" src="/basejs/Common.js?v=2019.08.19"></script>