@extends('layouts.father')
@section('style')
    <style>
        .layui-form-item .layui-input-inline{
            width: 300px!important;
        }
        .layui-form-item .layui-input-inline input{
            width: 70%;
        }
        .mixTitle{
            display: flex;
            align-items: center;
        }
    </style>
@endsection
@section('title', '批次-卷号/选择')
@section('body')
    <div class="x-body">

            <div class="layui-form-item">
                <div class="layui-input-inline show" style="display:flex;">
                    {{--<input type="text" id="batch" name="batch" required="" lay-verify="required"autocomplete="off" placeholder="手动输入批次:"--}}
                           {{--@if($norm['batch'] == 0) class="layui-input layui-btn-disabled" @else class="layui-input" @endif>--}}
                    {{--<input type="text" id="reel" name="reel" required="" lay-verify="required"autocomplete="off" placeholder="手动输入卷号:"--}}
                           {{--@if($norm['reel'] == 0) class="layui-input layui-btn-disabled" @else class="layui-input" @endif>--}}
                    {{--<button class="layui-btn cargo_btn" onclick="addReelBatch()" style="float: left">确认</button>--}}
                </div>
                <div class="layui-input-inline" >
                    <form action="/admin/batch_select">
                        <input type="hidden" name="number" value="{{$param['number']}}">
                        <input type="hidden" name="warehouse" value="{{$param['warehouse']}}">
                        <input type="text" id="cargo_name" value="{{$param['keyword']}}" name="keyword" required="" lay-verify="required"autocomplete="off" placeholder="搜索:" class="layui-input" style="float: left">
                        <button class="layui-btn cargo_btn" type="submit" style="float: left"><i class="layui-icon">&#xe615;</i></button>
                    </form>
                </div>
            </div>
            <div style="display: flex;justify-content: space-between;width: 60%">
                <div class="mixTitle">
                    <span>仓库：</span>
                    <div id="warehouse">{{$param['warehouse']}}</div>
                </div>
                <div class="mixTitle">
                    <span>货号：</span>
                    <div id="number">{{$param['number']}}</div>
                </div>
                <div class="mixTitle">
                    <span>商品名称：</span>
                    <div id="name"></div>
                </div>
                <div id="typesss"></div>
            </div>
        {{--{{dump($normware)}}--}}
            <table class="layui-table">
                <thead>
                <tr>
                    <th>批次</th>
                    <th class="rkd">卷号</th>
                    <th class="xcl">现存量</th>
                    <th class="rkd hw">货位</th>
                    <th class="dbd jhms">卷号描述</th>
                </tr>
                </thead>
                <tbody id="x-img" class="info_cargo">
                @foreach($normware as $key=>$v)
                    <tr class="info_tr" onclick="number_add(this)">
                        <td>{{$v->batch}}</td>
                        <td class="rkd">{{$v->reel}}</td>
                        <td class="xcl">{{$v->store}}</td>
                        <td class="rkd hw">{{$v->goods == 'null' ? '' : $v->goods }}</td>
                        <td class="dbd jhms">{{$v->reel_detail == 'null' ? '' : $v->reel_detail }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
    </div>
    <script>
        $('#typesss').hide()
        setTimeout('noShow()',0)
        function noShow() {
            if($('#typesss').text() === 'allotAdd'){
                $('.hw').hide()
            }
        }
        var trlist = {
            0:'',
            1:'',
            2:'',
            3:''
        }
        function number_add(data){
            trlist[0] = $(data).children('td:eq(0)').text()
            trlist[1] = $(data).children('td:eq(1)').text()
            trlist[3] = $(data).children('td:eq(4)').text()
            if($('#typesss').text() !== 'allotAdd'){
                trlist[2] = $(data).children('td:eq(3)').text()
            }
            parent.fatherjs(trlist)
        }
        function sousuo() {
            $('#keyword').val($('#cargo_name').val())
        }
    </script>
    <style>
        /* 修改选中选项的背景颜色 */
        .layui-form-selected .layui-this {
            background-color: #409EFF !important; /* 你想要的颜色 */
        }
        /* 修改选项hover时的背景颜色 */
        .layui-form-selected dl dd:hover {
            background-color:  #409EFF; /* 你想要的颜色 */
        }
        /* 修改下拉列表背景颜色 */
        .layui-form-selected .layui-select-title {
            background-color: #409EFF; /* 你想要的颜色 */
        }
        .layui-input {
            border-radius: 5px; /* 这里可以调整圆角的大小 */

        }
        .layui-input:focus {
            outline: 1px solid rgba(64, 158, 255, 0.2);

        }
        .clor{
            background:#f3f3f3 !important;
        }
        thead tr {
            background-color:#f3f3f3 !important;
        }
        .layui-form-checked i {
            background-color:#409EFF !important;
            border-color:#409EFF !important;
            color:white !important ;
        }
        .layui-form-checked[lay-skin=primary] i {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox[lay-skin=primary] i:hover {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox i {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: rgb(210, 210, 210);
        }
        .layui-form-onswitch {
            border-color: #409EFF;
            background-color: #409EFF;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }

        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-onswitch {
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-radio>i:hover, .layui-form-radioed>i {
            color: #409EFF !important;
        }
        .layui-form-checked span, .layui-form-checked:hover span {
            background-color: #409EFF !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 5px !important;
        }
        .layui-input {
            border-radius: 5px !important; /* 这里可以调整圆角的大小 */

        }
        .layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
            border-color: #e6e6e6 !important;
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
    </style>
    <link rel="stylesheet" href="/css/addcss.css">
@endsection