@extends('layouts.father')
@section('title', 'bom管理列表')
@section('body')
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="#">生产管理</a>
        <a>
          <cite>bom管理列表</cite></a>
      </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
           href="/admin/bomList" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <xblock>
            <div class="layui-row">
                <form action="" class="layui-form layui-col-md12 x-so" style="margin: 0;float: left;width: 400px;margin-left: 40px;">
                    {{csrf_field()}}
                    <input type="text" name="name" @if(isset($req['name'])) value="{{$req['name']}}" @endif  placeholder="搜索类目或产品名" autocomplete="off" class="layui-input">
                    <button class="layui-btn"  lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                    <div style="margin: 10px 0">
                        <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                        <div class="layui-btn" onclick="all_delete()">删除</div>
                    </div>
                </form>
                <button class="layui-btn x-right importBom"><i class="layui-icon"></i>导入</button>
                {{--<div class="layui-btn x-right importNorm"><i class="layui-icon"></i>导入</div>--}}
            </div>
        </xblock>
        <form action="" class="layui-form layui-col-md12 x-so">
            <table class="layui-table">
            <thead>
            <tr>
                <th class="checkboxId">选择</th>
                <th>序号</th>
                <th>母件货号</th>
                <th>母件存货名称</th>
                <th>操作</th>
            </thead>
            <tbody id="x-img">
            @foreach($bomList as $k=>$b)
                <tr>
                    <td class="checkboxId andId">
                        <input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd">
                        <span class="bom_id">{{ $b ->id }}</span>
                    </td>
                    <td>{{ $k + 1 }}</td>
                    <td>{{$b->number}}</td>
                    <td>{{$b->name}}</td>
                    <td class="td-manage">
                        <a title="详情" onclick="x_admin_show('详情页','/admin/bomInfo/{{$b->id}}','900','750')" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                            <i class="layui-icon">&#xe642;详情</i></a>
                        <a title="删除" onclick="normsType_del({{$b->id}})" href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs">
                            <i class="layui-icon">&#xe640;删除</i>
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        </form>
        <div class="page">
            <div>
                @if($bomList)
                {{$bomList->appends($req)->links()}}
                @endif
            </div>
        </div>
    </div>
    <script>
        $('.bom_id').hide()
        var dayAll = false
        var dayAllNum = 0
        function all_delete(){
            if(dayAll){
                let data = []
                $('.andId').each(function () {
                    if($(this).find('input')[0].checked){
                        data.push($(this).find('.bom_id').html())
                    }
                })
                $.get("/admin/delBomAll?id="+data, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.reload();
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });

            }else {
                layer.alert('请选择要删除的明细', {icon: 5})
            }
        }
        layui.use(['laydate', 'element', 'laypage', 'layer','upload','form'], function () {
            $ = layui.jquery;//jquery
            laydate = layui.laydate;//日期插件
            upload = layui.upload;
            //以上模块根据需要引入
            var form = layui.form
            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    dayAll = true
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                } else {
                    dayAll = false
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                }
            })
            form.on('checkbox(selectTd)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    dayAllNum ++
                    dayAll = true
                } else {
                    dayAllNum --
                    if(dayAllNum === 0){
                        dayAll = false
                    }
                }
            })
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
            /** 上传规格 */
            upload.render({
                elem: '.importBom' //绑定元素
                ,size: 2000
                ,accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val()
                }
                , url: '/admin/importBom' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if(res.status == 1) {
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });
                    } else {
                        layer.alert(res.msg,{icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

        });


        /*母件-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/bomDel/" + id, function (res) {

                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });
                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });

        }


    </script>

@endsection