@extends('layouts.father')
@section('title', '订单详情')
@section('style')
    {{--查看详情--}}
    <style>

    </style>
@endsection
@section('body')
<div class="x-body">
    {{csrf_field()}}
    <form action="" class="layui-form">
        <button class="layui-btn" onclick="binding()">绑定并刷新</button>
        <table class="layui-table">
            <thead>
                <tr>
                    <th>卷号</th>
                    <th>门幅</th>
                    <th>米数</th>
                    <th>裁剪方案</th>
                    <th>绑定未绑</th>
                    <th>未绑定流程卡</th>
                    <th>已绑定流程卡</th>
                </tr>
            </thead>
            <tbody>
            @if(!empty($norms_ware))
                @foreach($norms_ware as $key=>$re)
                    <tr>
                        <td class="reel">{{$re->reel}}</td>
                        <td>{{$re->menfu}}</td>
                        <td>{{$re->store}}</td>
                        <td>
                            <a href="javascript:;" onclick="lookOver(this)">查看</a>
                        </td>
                        <td>
                            <input type="checkbox" lay-skin="primary" class="labelPrint"  name="" id="">
                        </td>
                        <td class="unbound">{{$re->wblck}}</td>
                        <td class="reelCard" data-reelCard="{{$re->reel_card}}">{{$re->reel_card}}</td>
                    </tr>
                @endforeach
            @endif
            </tbody>
        </table>
    </form>

</div>
<script>
    const searchParams = new URLSearchParams(window.location.search)
    let ids = searchParams.get('id').split(','); // 获取明细码
    let number = searchParams.get('number'); // 获取型号
    // document.querySelectorAll('.unbound').forEach(el =>{
    //  let reelCardList =  $(el).parents('tr').find('.reelCard')[0].dataset.reelcard.split(',')
    //   const result = ids.filter(item => !reelCardList.includes(item))
    //   $(el).html(result.join(','))
    // })
    const lookOver = (el) =>{
       let reel = $(el).parents('tr').find('.reel').html(); // 获取卷号
      layui.use('layer' , () =>{
        let layer = layui.layer;
        layer.open({
          type:2,
          title:"裁剪详情",
          area:['1000px','650px'],
          content:`/admin/cjWays?number=${ids}&reel=${reel}`
        })
      })
    }
    const binding = () =>{
      let e = window.event || arguments.callee.caller.arguments[0];
      let result = [...document.querySelectorAll('.labelPrint')].map(el =>{
        let resultObj = {}
        if(el.checked){
          // 如果 选择了
          resultObj.number = $(el).parents('tr').find('.unbound').html()
          resultObj.reel =$(el).parents('tr').find('.reel').html()
          return resultObj
        }else{
          return undefined
        }
      }).filter(el => typeof el !== 'undefined')
      e.preventDefault()

      $.get(`/admin/doReelCard?data=${JSON.stringify(result)}` , res=>{
        if(res){
          window.location.reload()
        }
      })
    }

</script>
@endsection