@extends('layouts.father')
@section('title', '订单详情')
@section('style')
@endsection
{{--裁剪计划--}}
<style>

</style>

@section('body')
    <div class="x-body">
        <form action=""  class="layui-form" >
            {{csrf_field()}}
                <table class="layui-table"  style="text-align: center">
                    <thead>
                        <tr>
                            <th  style="text-align: center">型号</th>
                            <th  style="text-align: center">涉及片数</th>
                            <th  style="text-align: center">粗算米数</th>
                            <th  style="text-align: center">相关卷号</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($result as $key=>$re)
                        <tr>
                            <td class="key">{{$key}}</td>
                            <td>{{$re['sl']}}</td>
                            <td>{{$re['ss']}}</td>
                            <td><a href="javascript:;" onclick="Detail(this)">查看详情</a></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
        </form>
    </div>
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <script>
        const searchParams =new URLSearchParams(window.location.search)
        let id = searchParams.get('number')
        const Detail = (el) =>{
          let elValue = $(el).parents('tr').find('.key').html()
          console.log(elValue)
          layui.use('layer' , () =>{
            layer.open({
              type:2,
              title:"查看详情",
              content:`/admin/reelCardList?number=${elValue}&id=${id}`,
              area:['1100px','700px']
            })
          })
        }
    </script>
@endsection