@extends('layouts.father')
@section('title', 'bom详情页')
@section('body')
    <div class="x-body">
        <xblock>
            <div class="layui-row">
                <div class="" style="float:left;width: 50%;text-align: left;padding-left: 20px;box-sizing: border-box">
                    <p>母件货号:{{$bom_mather->number}}</p>
                </div>
                <div class="" style="float:left;width: 50%;text-align: left">
                    <p>母件存货名称:{{$bom_mather->name}}</p>
                </div>
            </div>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>子件货号</th>
                <th>存货名称</th>
                <th>规格</th>
                <th>物料类型</th>
                <th>数量</th>
                <th>计量单位</th>
            </tr>
            </thead>
            <tbody id="x-img">
            @foreach($bomInfo as $key=>$b)
            <tr>
                <th>{{$key+1}}</th>
                <th>{{$b['number']}}</th>
                <th>{{$b['name']}}</th>
                <th>{{$b['size']}}</th>
                <th>{{$b['type']}}</th>
                <th>{{$b['num']}}</th>
                <th>{{$b['unit']}}</th>
            </tr>
            @endforeach
            </tbody>
        </table>

    </div>
    <script>

        layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
            $ = layui.jquery;//jquery
            laydate = layui.laydate;//日期插件

            //以上模块根据需要引入

            layer.ready(function () { //为了layer.ext.js加载完毕再执行
                layer.photos({
                    photos: '#x-img'
                    //,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
                });
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });

        });


        /*母件-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/normsTypeDelete/" + 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