@extends('layouts.father')
@section('title', '布匹检验')
@section('style')
@section('body')
  <div class="login-aml" style="height: 100%" >
  {{csrf_field()}}
    <div class="tool">
      <div style="display:flex; align-items: center; justify-content: space-between; width:50%">
        <img src="/images/qilan.png" alt="Logo">
        <div class="mix-div">当前工序：<span class="gongxu">面料质检</span></div>
        <div class="mix-div">操作员：<div id="people"></div> </div>
      </div>
      <button class="kc-btn" style="background-color: #0583df;" onclick="lead_in(1)">加工引入</button>
        <div class="layui-btn" onclick="logout()">退出</div>
    </div>
    <div>
    <div>
    <!-- <div class="worker"> -->
        <div class="main-div">
            <div action="" class="layui-form-item layui-form" style="display: flex; align-items: center; justify-content: space-evenly;  width: 100%;">
                <div class="layui-inline">
                    <div class="layui-input-inline li_input">
                        <select name="status">
                          <option disabled selected>请选择供应商</option>
                          <option>功能暂无</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline li_input">
                        <select name="status">
                          <option disabled selected>请选择供应型号</option>
                          <option>功能暂无</option>
                        </select>
                    </div>
                </div>
                <div style="display:flex;align-items: center; margin-bottom: 5px; margin-right: 10px; border: none;">
                    <input type="text" class="in-reel" id="reel_input" placeholder="请扫描卷号">
                </div>
                {{--<button class="jy-btn"  onclick="search()">查询</button>--}}
                <div class="mix-div" style="color:#fff" id="nowYb"></div>
                <div class="mix-div" style="color:#fff" id="nowRk"></div>
                <button class="jy-btn" style="background-color: #f5841f;" onclick="WorkRecord(1,30)">验布查询</button>
            </div>
        </div>
        <div class="middle-div">
        <div style="width: 80%; height:280px; overflow:auto; ">
                <table class="layui-table lag">
                    <thead class="sticky-header">
                    <tr class="tr_head">
                        {{--<th>序号</th>--}}
                        {{--<th>供应商</th>--}}
                        {{--<th>供应商型号</th>--}}
                        <th>货号</th>
                        <!-- <th>是否加急</th> -->
                        <th>门幅</th>
                        <th>到货米数</th>
                        <th>到货日期</th>
                        <th>验布米数</th>
                        <th>卷号</th>
                    </tr>
                    </thead>
                    <tbody id="work-reel">

                        <tr id="item" class="lag"  >
                          @for ($j = 3; $j < 9; $j++)
                          <td></td>
                          @endfor
                        </tr>

                    </tbody>
                </table>
            </div>
          <div style="display:flex; align-items: center;">
            <div class="keyboard">
              @for ($i = 1; $i <= 9; $i++)
                <div class="key" onclick="addToInput({{ $i }})">{{ $i }}</div>
              @endfor
              <div class="key" onclick="addToInput(0)">0</div>
              <div class="key" onclick="addToInput('.')">.</div>
              <div class="key" onclick="deleteLastCharacter()">删除</div>
            </div>
          </div>
        </div>
        <div class="middle-div">
            <div style="width: 40%; height:250px; overflow:auto; background-color: #fff;">
                <table class="layui-table">
                    <thead class="sticky-header">
                    <tr class="tr_head">
                        <!-- <th>序号</th> -->
                        <th style="width:100px">位置</th>
                        <th>疵点问题</th>
                        <th style="width:60px">操作</th>
                    </tr>
                    </thead>
                    <tbody id="work-cd">
                    </tbody>
                </table>
            </div>
            <div style="display: flex; flex-direction: column;  justify-content: flex-start; height: 240px;">
              <div style="height: 80px; font-size: 18px; color: #fff; display:flex;align-items: baseline;"><div>总疵点数：</div><div id="allCD" style="font-size: 18px; color: #fff;"></div></div>
              <div style="width: 30rem;display: flex; align-items: center; justify-content: space-around;">
                <button class="jy-btn new-btn" onclick="addCd()" >新增疵点</button>
                <!-- <button class="jy-btn new-btn" onclick="addCd_qj()" >新增区间疵点</button> 启兰隐藏-->
                  <button class="jy-btn new-btn" onclick="addCd_qj()" >新增区间疵点</button>
                <button class="jy-btn new-btn" style="background-color: #0583df;" onclick="printKc()">打印库存</button>
              </div>
            </div>
            <div style="width: 25rem;display: flex; align-items: center;">
              <!-- <button class="jy-btn" style="background-color: #0583df;" onclick="Completed(1)">合格</button> -->
              <button class="jy-btn" style="background-color: #0583df;" onclick="showGrade(1)">合格</button>
              <button class="jy-btn" style="background-color: #f5841f;" onclick="showreturn(0)">退货</button>
                <button class="jy-btn" style="background-color: #28a745;" onclick="fencai(0)">分裁</button>
              <!-- <button class="jy-btn" style="background-color: gray;" onclick="showremark(2)">待定</button> 25.1.10 桑滢要求隐藏 启兰用不上-->
            </div>
        </div>
    </div>
  <script type="text/javascript" src="/js/qrcode.min.js"></script>
  <script src="/js/Quagge.js"></script>
  <script>
      $(document).ready(function() {
          var queryString = window.location.search.substring(1);
          var params = new URLSearchParams(queryString);
          var name = params.get('name');
          let start = '{{date('Y-m-d 0:0:0')}}';
          var end = '{{date('Y-m-d 24:0:0')}}';
          $('#people').text(name);
          $.get(`jyjjLists_logs`, {people:name, start:start ,end:end}, res=>{
              if(res.status === 1){
                let totalys = 0;
                let totalyh = 0;
                res.data.data.forEach(obj => {
                  totalys += parseFloat(obj.yhms);
                });
                res.data.data.forEach(obj => {
                  totalyh += parseFloat(obj.yhms);
                });
                $("#nowYb").text('今日验布：'+totalys.toFixed(2));
                $("#nowRk").text('入库米数：'+totalyh.toFixed(2));
              }else{
                layer.msg(res.msg)
              }
        })
    });
    function addToInput(value) {
        document.getElementById('in-meter').value += value;
    }
    var inputId = 1
    function selectmeter(val){
        inputId = val
    }
    function addToInput_cd(value) {
        //document.getElementById('meter-1').value += value;
        if(inputId == 1){
            document.getElementById('meter-1').value += value;
        }else{
            document.getElementById('meter-2').value += value;
        }
    }
    function deleteLastCharacter() {
        var inputField = document.getElementById('in-meter');
        var currentValue = inputField.value;
        inputField.value = currentValue.slice(0, -1);
    }
    function deleteLastCharacter_cd() {
      if(inputId == 1){
            var inputField = document.getElementById('meter-1');
            var currentValue = inputField.value;
            inputField.value = currentValue.slice(0, -1);
        }else{
            var inputField = document.getElementById('meter-2');
            var currentValue = inputField.value;
            inputField.value = currentValue.slice(0, -1);
        }

    }
    var alldata = {} // 全部数据
    window.onload = function() {
        var input = document.getElementById('reel_input');
        // 如果找到了输入框，则将焦点设置到它上面
        if (input) {
            input.focus();
        }
    };
    $("#refresh").click(function () {
      window.location.reload(true)
    })
    $(document).keyup(function(event){
      if(event.keyCode !== 13){
        return
      }
      if(event.keyCode ==13){
        if(event.target.id === 'reel_input'){
          focus()
          go_url()
        }
      }
    });
    function logout(){  //注销按钮
      let str = ''
      setTimeout(() => {
        location.href = '/admin/allLogins'
      } , 1000)
    }
    function search(){
      layer.msg("功能涉及到货单暂时未开放");
    }
    var jgcXh = ''
    var ReelStore = ''
    function lead_in(val) {   //加工引入
      $.get(`/api/findjgcXh` , res=>{
        if(res.status == 1){
          jgcXh = res.data;
          layui.use(['layer'], function() {
              var layer = layui.layer;
              let content = '<div id="content-wrapper" style="padding: 20px; text-align: center; display:flex; flex-wrap: wrap;">';
              res.data.forEach((item,index) => {
                  content += '<div id="jgcXh" onclick="serachReel('+index+')" style="font-size:24px; background: rgb(14,156,214);padding:20px 40px;color:white; margin: 0px 10px 10px 10px; width:160px">'+item.number+'</div>';
              });
              content += '</div>';
              layer.open({
                  type:1,
                  cancel:function(){},
                  success: function(layer, index) {},
                  title:"加工引入",
                  area:['900px','420px'],
                  content: content,
              })
        });
        }else{
            layer.msg("型号不存在")
        }
      })
    }
    function serachReel(val){
      $.get(`/api/findReelandStore` ,{number: jgcXh[val].number}, res=>{
        if(res.status == 1){
          ReelStore = res.data;
          layui.use(['layer'], function() {
              var layer = layui.layer;
              let content = '<div id="content-wrapper" style="padding: 20px; text-align: center; display:flex; flex-wrap: wrap;">';
              res.data.forEach((item,index) => {
                  content += '<div id="repair" onclick="sureReel('+index+')" style="font-size:24px; background: rgb(14,156,214);padding:20px 40px;color:white; margin: 0px 10px 10px 10px; width:300px">'+item.reel+'库存：'+ item.store+'</div>';
              });
              content += '</div>';
              layer.open({
                  type:1,
                  cancel:function(){},
                  success: function(layer, index) {},
                  title:"加工引入（卷号选择）",
                  area:['900px','420px'],
                  content: content,
              })
        });
        }else{
            layer.msg("卷号不存在")
        }
      })
    }
    function sureReel(val){
      console.log(ReelStore[val].reel)
      document.getElementById('reel_input').value = ReelStore[val].reel
      go_url()
      layui.layer.closeAll();
    }
    var keyitx = 0;
    var keyity = 0;
    var keyreel = 0;
    var Cdwrong = '';
    var placeAll = [];
    var defectAll = [];
    function addCd() {
      if($("#reel_input").val() == ''){
        document.getElementById('reel_input').focus();
        layer.msg("请先扫描卷号");
        return
      }
      if($("#in-meter").val() == ''){
        layer.msg("请输入米数位置");
        return
      }
      $.get(`/admin/defectAdd` , res=>{
        if(res.status == 1){
          Cdwrong = res.data;
          layui.use(['layer'], function() {
              var layer = layui.layer;
              // let content = '<div id="content-wrapper" style="padding: 20px; text-align: center; display:flex; flex-wrap: wrap;">';
              // res.data.forEach((item,index) => {
              //     content += '<div id="repair" onclick="openzf('+index+')" style="font-size:24px; background: rgb(14,156,214);padding:20px 40px;color:white; margin: 0px 10px 10px 10px;">'+item+'</div>';
              // });
              // content += '</div>';
                let content = '<div id="content-wrapper" style=" height: 100%;">';

                content += '<div id="content-scroll" style="height: 270px; display: flex; flex-wrap: wrap; overflow-y: auto; padding: 20px; text-align: center;">';

              res.data.forEach((item,index) => {
                  content += '<div id="repair" onclick="openzf('+index+')" style="font-size:24px; background: rgb(14,156,214);padding:20px 40px;color:white; margin: 0px 10px 10px 10px;">'+item+'</div>';
              });
                content += '</div>';  // content-scroll

                // 添加底部边框和按钮
                content += '<div id="bottom-container" style=" padding: 10px; text-align: center; background: #fff;">';
                content += '<button id="closeBtn" onclick="closeView()" style="padding: 10px 30px; background-color: #f44336; color: white; border: none; border-radius: 5px; cursor: pointer;">关闭</button>';
                content += '</div></div>';  // bottom-container
              layer.open({
                  type:1,
                  cancel:function(){},
                  success: function(layero, index) {},
                  title:"新增疵点",
                  area:['760px','420px'],
                  content: content,
              })
        });
        }else{
            layer.msg("疵点原因不存在")
        }
      })
    }
    function addCd_qj() {
      if($("#reel_input").val() == ''){
        document.getElementById('reel_input').focus();
        layer.msg("请先扫描卷号");
        return
      }
      $.get(`/admin/defectAdd` , res=>{
        if(res.status == 1){
          Cdwrong = res.data;
          layui.use(['layer'], function() {
              var layer = layui.layer;
              let content = '<div id="content-wrapper" style="padding: 20px; text-align: center; display:flex; flex-wrap: wrap;">';
              res.data.forEach((item,index) => {
                  content += '<div id="repair" onclick="openzf_qj('+index+')" style="font-size:24px; background: rgb(14,156,214);padding:20px 40px;color:white; margin: 0px 10px 10px 10px;">'+item+'</div>';
              });
              content += '</div>';
              layer.open({
                  type:1,
                  cancel:function(){},
                  success: function(layero, index) {},
                  title:"新增区间疵点",
                  area:['760px','420px'],
                  content: content,
              })
        });
        }else{
            layer.msg("疵点原因不存在")
        }
      })
    }
    var deepValue = 0;
    function openzf(index){
      //layui.layer.closeAll();
      deepValue = index
      layui.use(['layer'], function() {
              var layer = layui.layer;
              let content = '<div id="content-wrapper" style="padding: 20px;display: flex; align-items: center; justify-content: space-around;">'+
              '<button class="jy-btn new-btn" style="margin: 0;background-color: #0583df;" onclick=\'addCd2("正向")\')" >正向</button> <button class="jy-btn new-btn" onclick=\'addCd2("反向")\')">反向</button>';
              content += '</div>';
              layer.open({
                  type:1,
                  cancel:function(){},
                  success: function(layero, index) {},
                  title:"正反选择",
                  area:['400px','170px'],
                  content: content,
              })
      });
    }
    function openzf_qj(index){
      //layui.layer.closeAll();
      inputId = 1
      deepValue = index
      layui.use(['layer'], function() {
              var layer = layui.layer;
              let content = '<div id="content-wrapper" style="padding: 20px;">'+
              '<div style="display: flex; align-items: center; justify-content: space-around;">'+
              '<input type="text" class="inc-meter" style="border:none; color: red;" id="meter-1" readonly onclick=selectmeter(1)>——'+
              '<input type="text" class="inc-meter" style="border:none; color: red;" id="meter-2" readonly onclick=selectmeter(2)>'+
              '<div class="keyboard">'+
              @for ($i = 1; $i <= 9; $i++)
                '<div class="key" onclick="addToInput_cd({{ $i }})">{{ $i }}</div>'+
              @endfor
              '<div class="key" onclick="addToInput_cd(0)">0</div>'+
              '<div class="key" onclick=\'addToInput_cd(".")\'">.</div>'+
              '<div class="key" onclick="deleteLastCharacter_cd()">删除</div>'+
              '</div>'+
              '</div>'+
              '<div style="display: flex; align-items: center; justify-content: space-around; margin-top:20px">'+
              '<button class="jy-btn new-btn" style="margin: 0;background-color: #0583df;" onclick=\'addCd2_qj("正向")\')" >正向</button> <button class="jy-btn new-btn"  style="margin: 0;"onclick=\'addCd2_qj("反向")\')">反向</button></div>';
              content += '</div>';
              layer.open({
                  type:1,
                  cancel:function(){},
                  success: function(layero, index) {},
                  title:"区间正反选择",
                  area:['600px','450px'],
                  content: content,
              })
      });
    }
    var allCidian = 0;
    var deepId = '';
    var defectList = '';
    var remark = '';
    function addCd2(index) {
      console.log(index,deepValue)
      layui.layer.closeAll();
      keyitx++;
      keyity++;
      var Delid = 0;
      const tbodyx = document.getElementById('work-cd');
      var place = document.getElementById('in-meter').value
      // placeAll.push({ id: keyity, value: place });
      // defectAll.push({ id: keyity, value: index+`:`+Cdwrong[deepValue] });
      $.post(`/admin/defectAdd` , {id: deepId,reel:$("#reel_input").val() , place: place,defect: index+`:`+Cdwrong[deepValue],_token: $("input[name=_token]").val()}, res=>{
                  if(res.status == 1){
                    deepId = res.data.iid;
                    Delid = res.data.id;
                    console.log(Delid)
                    placeAll.push({ id: Delid, value: place });
                    defectAll.push({ id: Delid, value: index+`:`+Cdwrong[deepValue] });
                    const row = `<tr id="item`+ Delid +`" style="height:50px">
                        <td>`+place+`米</td>
                        <td>`+index+`:`+Cdwrong[deepValue]+`</td>
                        <td>
                            <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="delCd(`+Delid+`)" style="margin: 0 5px; font-size: 18px;" href="javascript:;">删除</a>
                        </td>
                    </tr>`;
                   $('#work-cd').append(row);
                   var rowlen = document.querySelectorAll('#work-cd tr');
                   $('#allCD').text(rowlen.length);
                    //Android.postCd(JSON.stringify(place),JSON.stringify(Cdwrong[deepValue]),JSON.stringify(index));
                   $("#in-meter").val('')
                }
      })
    }
    function addCd2_qj(index) {
      console.log(index,deepValue)
      keyitx++;
      keyity++;
      var Delid = 0;
      const tbodyx = document.getElementById('work-cd');
      var place = document.getElementById('meter-1').value+'-'+document.getElementById('meter-2').value
      if(document.getElementById('meter-1').value === '' || document.getElementById('meter-2').value === ''){
        layer.msg("区间不能为空");
        return;
      }
      layui.layer.closeAll();
      $.post(`/admin/defectAdd` , {id: deepId,reel:$("#reel_input").val() , place: place,defect: index+`:`+Cdwrong[deepValue],_token: $("input[name=_token]").val()}, res=>{
                  if(res.status == 1){
                    deepId = res.data.iid;
                    Delid = res.data.id;
                    placeAll.push({ id: Delid, value: place });
                    defectAll.push({ id: Delid, value: index+`:`+Cdwrong[deepValue] });
                    const row = `<tr id="item`+ Delid +`" style="height:50px">
                        <td>`+place+`米</td>
                        <td>`+index+`:`+Cdwrong[deepValue]+`</td>
                        <td>
                            <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="delCd(`+Delid+`)" style="margin: 0 5px; font-size: 18px;" href="javascript:;">删除</a>
                        </td>
                    </tr>`;
                   $('#work-cd').append(row);
                   var rowlen = document.querySelectorAll('#work-cd tr');
                   $('#allCD').text(rowlen.length);
                    //Android.postCd(JSON.stringify(place),JSON.stringify(Cdwrong[deepValue]),JSON.stringify(index));
                   $("#in-meter").val('')
                }
      })
    }
    function delCd(i) {
      console.log(i);
      $.get(`/admin/defectDel` , {id: i}, res=>{
        defectList = res.data ? res.data : [];
        defectList = defectList.filter(item1 => !placeAll.some(item2 => item2.id == item1.id));
        //console.log(defectList)
      })
      $('#item' + i).remove();
      //console.log(placeAll,defectList)
      placeAll = placeAll.filter(item => item.id !== i);
      defectAll = defectAll.filter(item => item.id !== i);
      var rows = document.querySelectorAll('#work-cd tr');
      // rows.forEach((row, index) => {  //干掉序号 所以注释
      //   row.querySelector('td:first-child').textContent = index + 1;
      // });
      keyitx = rows.length;
      $('#allCD').text(rows.length);
    }
    var ScanInput = false;
    function go_url() {
      if(ScanInput){
        return;
      }
      ScanInput = true;
      var url = window.location.origin;
      const body = document.getElementById('work-cd');
      let html = '';
      // for (let i = 0; i < 5; i++) {
      //     html += '<tr id="item-cd" style="height: 43px">';
      //     for (let j = 0; j < 4; j++) {
      //         html += '<td></td>';
      //     }
      //     html += '</tr>';
      // }
      body.innerHTML = html;
      var x = 0;
      var reeldata = $("#reel_input").val();
      $.get(`${url}/api/business/getNormswares?reel=${reeldata}&type=验布` , res=>{
          console.log(res.hasOwnProperty("status"));
          if (res.hasOwnProperty("status")) {
              if (res.status==0) {
                  $("#reel_input").val('');
                  ScanInput = false;
                  layer.msg(res.msg);
                  return;
              }
          }

        if(res.normsware.length != 0){
          if(res.normsware.norms.zj_status != '未检验'){
            layui.use('layer', function() {
              var layer = layui.layer;
              layer.open({
                title: '提示',
                content: `<div style="font-size: 18px;">该布匹已检验${res.inspect ? `(信息：${res.inspect.people || ''} ${res.inspect.jy_time || ''})` : ''} ，是否继续？</div>`,
                btn: ['确认', '取消'],
                area: ['300px', '180px'], // 设置弹窗的宽高
                yes: function(index) {
                layer.close(index);
              },
                btn2: function(index) {
                layer.close(index);
                location.reload()
              }
              });
            });
          }
            alldata[x] = res.normsware;
            if(res.inspect){
              deepId = res.inspect.id
            }else{
              deepId = '';
            }
            // var divElement = document.getElementById('reelnumber');
            // divElement.textContent = res.number;
            var reelList = res.normsware;
            defectList = res.defect;
            placeAll = [];
            defectAll = [];
            //defectList.forEach(item => {   placeAll.push({ id: item, value: item.place });  defectAll.push({ id: item, value: item.defect })  });
            remark = reelList.norms.reel_detail;
            var ruku_time = reelList.ruku_time;
            var result = ruku_time.indexOf('.') !== -1 ? ruku_time.substring(0, ruku_time.indexOf('.')) : ruku_time;
            keyreel++;
            //底下删除了这个三行
        // <td>1</td>
        //     <td>${reelList.supplier}</td>
        //     <td>${reelList.supplier_xh}</td>
            const tbodyx = document.getElementById('work-reel');
            //<tr id="item`+ keyreel +`">
            const row = `<tr id="item">

                <td>${reelList.number}</td>
                <td>${reelList.norms.menfu ? reelList.norms.menfu : ''}</td>
                <td>${reelList.store}</td>
                <td>${result}</td>
                <td>
                  <input type="text" class="in-meter" style="padding-left: 5px; border:none; color: red;font-size:30px" id="in-meter"  readonly>
                </td>
                <td>${reeldata}</td>
              </tr>`;
              const existingRow = $(`#item`);
              if ($(`#work-reel tr#item`).length > 0) {
                  $(`#item`).replaceWith(row);
              } else {
                  $('#work-reel').append(row);
              }
              //$('#work-reel').append(row);
              keyitx++;
              keyity++;
              const tbodyy = document.getElementById('work-cd');
              $('#allCD').text(defectList.length);
              allCidian = defectList.length;
              defectList.forEach(item => {
                const row = `<tr id="item`+ item.id +`" style="height:50px">
                  <td>`+item.place+`米</td>
                  <td>${item.defect}</td>
                  <td>
                    <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="delCd(`+item.id+`)" style="margin: 0 5px; font-size: 18px;" href="javascript:;">删除</a>
                  </td>
                </tr>`;
                $('#work-cd').append(row);
              });
              ScanInput = false;
        }else{
            $("#reel_input").val('');
            ScanInput = false;
            layer.msg("该卷号不存在或该卷布现存量为0！！")
        }
      })
    }
    function focus(){
        var alem = document.getElementById('reel_input');
        alem.focus();
    }

    var gck_number_obj = {}
    var js_hg = "";
    var completedClicked = false;
    var grade_Type = '';
    var length_Type = '';
    var return_Type = '';
    var constBeizhu = '';
    var lyl = '';
    var cds = '';
    var mainNumber = ''
    var ryds_type=""
    async function showGrade (){
      if (completedClicked) {
          return; // 如果已经点击过了，则直接返回
      }
      completedClicked = true;
      if($("#reel_input").val() == ''){
        document.getElementById('reel_input').focus();
        layer.msg("请先扫描卷号");
        completedClicked = false;
        return
      }
      if($("#in-meter").val() == ''){
        layer.msg("请填写米数");
        completedClicked = false;
        return
      }
      await $.get(`/api/defectAlgorithm`, {reel:$("#reel_input").val(),meter:$("#in-meter").val()}, res=>{
            if(res.status === 1){
              ryds_type="";
              completedClicked = false;
              lyl = res.data.utilizationRate+"";
              cds = res.data.defectCount;
              mainNumber = res.data.main_number;
              layui.use(['layer'], function() {
                var layer = layui.layer;
                let gradeOptions = ['A级', 'B级', 'C级'].map(grade =>
                `<option value="${grade}" ${grade == res.data.grade ? 'selected' : ''}>${grade}</option>`).join('');
                let content = '<div id="content-wrapper" style="padding: 20px;font-size:18px;">'+
                '<div style="display: flex;font-size:18px; align-items: center; justify-content: space-around;margin: 20px 0px">'+
                '<div>疵点数：'+res.data.defectCount+'</div>'+
                '<div>利用率：'+res.data.utilizationRate+'</div>'+
                '<div>推荐等级：'+res.data.grade+'</div></div>'+
                '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">品级选择： </div>'+               
                '<div><div><select name="gradeType" style="width:220px; font-size: 20px;">'+gradeOptions +'</select></div></div></div>'+
                '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">长短卷选择：</div>'+
                '<div><div><select name="lengthType" style="width:220px; font-size: 20px;"><option disabled selected>请选择长短卷</option><option>长卷</option><option>短卷</option></select></div></div></div>';
                if (res.data.type === '是') {
                    ryds_type=res.data.type
                    content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">是否入如鱼仓：</div>' +
                    '<div><div><select name="fishType" style="width:220px; font-size: 2 0px;"><option disabled selected>请选择</option><option>否</option><option>是</option></select></div></div></div>';
                }else {
                    ryds_type="";
                }
                if (res.data.main_number) {
                    content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">是否转换成'+res.data.main_number+'型号：</div>' +
                    '<div><div><select name="main_number" style="width:220px; font-size: 20px;"><option>否</option><option>是</option></select></div></div></div>';
                }
                content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;">利用率：<input type="number" style="width: 120px; height:40px;line-height: 40px;padding: 0 10px ;" id="in-lyl"></div>'
                content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;">卷号描述：<input type="text" style="width: 380px; height:40px;line-height: 40px;padding: 0 10px ;" id="in-beizhu" ></div>'+
                '<button class="jy-btn new-btn2" style="margin: 0;background-color: #0583df; float: right;" onclick=Completed(1) >确认</button>'+
                 '<button class="jy-btn new-btn2" style="margin: 0; background-color: #dc3545; float: left; " onclick="layer.closeAll()">关闭</button>'; // 添加关闭按钮
                ;
                content += '</div>';
                layer.open({
                    type:1,
                    cancel:function(){},
                    success: function(layero, index) {
                      document.getElementById('in-beizhu').value = remark;
                      document.getElementById('in-lyl').value = lyl;
                    },
                    title:"布匹质检",
                    area:['650px','560px'],
                    content: content,
                })
              });
            }else{
                completedClicked = false;
                layer.msg(res.msg)
            }
          })
    }
    async function showreturn(hg){   //退货
      if (completedClicked) {
          return; // 如果已经点击过了，则直接返回
      }
      completedClicked = true;
      if($("#reel_input").val() == ''){
        document.getElementById('reel_input').focus();
        layer.msg("请先扫描卷号");
        completedClicked = false;
        return
      }
      if($("#in-meter").val() == ''){
        layer.msg("请填写米数");
        completedClicked = false;
        return
      }
        completedClicked = false;
              layui.use(['layer'], function() {
                var layer = layui.layer;
                let returnOptions = ['印染', '织布', '压花','抗菌'].map(grade =>
                `<option value="${grade}" ${grade == '印染' ? 'selected' : ''}>${grade}</option>`).join('');
                let content = '<div id="content-wrapper" style="padding: 20px;font-size:18px;">'+
                '<div style="font-size:18px; align-items: center; justify-content: space-around;margin: 20px 0px">'+
                '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">问题选择： </div>'+
                '<div><div><select name="returnType" style="width:220px; font-size: 20px;color: black;">'+returnOptions +'</select></div></div></div>'+
                '<div>卷号描述：<input type="text" style="width: 380px; height:40px;line-height: 40px;padding: 0 10px;" id="in-beizhu" ></div></div>'+
                '<button class="jy-btn new-btn2" style="margin: 0;background-color: #0583df; float: right;" onclick=Completed('+hg+') >确认</button>'+
                '<button class="jy-btn new-btn2" style="margin: 0; background-color: #dc3545; float: left; " onclick="layer.closeAll()">关闭</button>'; // 添加关闭按钮
                ;
                content += '</div>';
                layer.open({
                    type:1,
                    cancel:function(){},
                    success: function(layero, index) {
                      document.getElementById('in-beizhu').value = remark;
                    },
                    title:"布匹质检",
                    area:['620px','300px'],
                    content: content,

                })
              });
    }
      async function fencai(hg){   //退货
          if (completedClicked) {
              return; // 如果已经点击过了，则直接返回
          }
          completedClicked = true;
          if($("#reel_input").val() == ''){
              document.getElementById('reel_input').focus();
              layer.msg("请先扫描卷号");
              completedClicked = false;
              return
          }
          if($("#in-meter").val() == ''){
              layer.msg("请填写米数");
              completedClicked = false;
              return
          }

          if (parseFloat($("#in-meter").val()) >= parseFloat($('#work-reel tr#item td').eq(2).text().trim())) {

              layer.msg("所输入米数应小于等于现存米数");
              completedClicked = false;
              return;
          }
          let gradeOptions = ['合格', '不合格'].map(grade =>
              `<option value="${grade}">${grade}</option>`).join('');
          let selectContent = '<div style="margin-bottom: 20px;">' +
              '<label>选择结果：</label>' +
              `<select id="gradeSelect" style="width: 220px;">${gradeOptions}</select>` +
              '</div>';

          layer.open({
              type: 1,
              title: "选择合格与否",
              area: ['400px', '200px'],
              content: selectContent,
              btn: ['确认', '取消'],
              yes: async function (index) {
                  const selectedValue = $('#gradeSelect').val();
                  if (selectedValue === '合格') {
                      // 执行原有的逻辑
                      await $.get(`/api/defectAlgorithm`, { reel: $("#reel_input").val(), meter: $("#in-meter").val() }, res => {
                          if (res.status === 1) {
                              ryds_type="";
                              completedClicked = false;
                              lyl = res.data.utilizationRate+"";
                              cds = res.data.defectCount;
                              mainNumber = res.data.main_number;
                              layui.use(['layer'], function() {
                                  var layer = layui.layer;
                                  let gradeOptions = ['A级', 'B级', 'C级'].map(grade =>
                                      `<option value="${grade}" ${grade == res.data.grade ? 'selected' : ''}>${grade}</option>`).join('');
                                  let content = '<div id="content-wrapper" style="padding: 20px;font-size:18px;">'+
                                      '<div style="display: flex;font-size:18px; align-items: center; justify-content: space-around;margin: 20px 0px">'+
                                      '<div>疵点数：'+res.data.defectCount+'</div>'+
                                      '<div>利用率：'+res.data.utilizationRate+'</div>'+
                                      '<div>推荐等级：'+res.data.grade+'</div></div>'+
                                      '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">品级选择： </div>'+
                                      '<div><div><select name="gradeType" style="width:220px; font-size: 20px;">'+gradeOptions +'</select></div></div></div>'+
                                      '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">长短卷选择：</div>'+
                                      '<div><div><select name="lengthType" style="width:220px; font-size: 20px;"><option disabled selected>请选择长短卷</option><option>长卷</option><option>短卷</option></select></div></div></div>';
                                  if (res.data.type === '是') {
                                      ryds_type=res.data.type
                                      content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">是否入如鱼仓：</div>' +
                                          '<div><div><select name="fishType" style="width:220px; font-size: 2 0px;"><option disabled selected>请选择</option><option>否</option><option>是</option></select></div></div></div>';
                                  }else {
                                      ryds_type="";
                                  }
                                  if (res.data.main_number) {
                                      content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">是否转换成'+res.data.main_number+'型号：</div>' +
                                          '<div><div><select name="main_number" style="width:220px; font-size: 20px;"><option>否</option><option>是</option></select></div></div></div>';
                                  }
                                  content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;">利用率：<input type="number" style="width: 120px; height:40px;line-height: 40px;padding: 0 10px ;" id="in-lyl"></div>'
                                  content += '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;">卷号描述：<input type="text" style="width: 380px; height:40px;line-height: 40px;padding: 0 10px ;" id="in-beizhu" ></div>'+
                                      '<button class="jy-btn new-btn2" style="margin: 0;background-color: #0583df; float: right;" onclick=Completed(1,"分裁") >确认</button>'+
                                  '<button class="jy-btn new-btn2" style="margin: 0; background-color: #dc3545; float: left; " onclick="layer.closeAll()">关闭</button>'; // 添加关闭按钮
                                  content += '</div>';
                                  layer.open({
                                      type:1,
                                      cancel:function(){},
                                      success: function(layero, index) {
                                          document.getElementById('in-beizhu').value = remark;
                                          document.getElementById('in-lyl').value = lyl;
                                      },
                                      title:"布匹质检",
                                      area:['650px','560px'],
                                      content: content,

                                  })
                              });
                          } else {
                              completedClicked = false;
                              layer.msg(res.msg);
                          }
                      });
                  } else {

                      completedClicked = false;
                      let returnOptions = ['印染', '织布', '压花', '抗菌'].map(grade =>
                          `<option value="${grade}" ${grade == '印染' ? 'selected' : ''}>${grade}</option>`).join('');
                      let content = '<div id="content-wrapper" style="padding: 20px;font-size:18px;">' +
                          '<div style="font-size:18px; align-items: center; justify-content: space-around;margin: 20px 0px">' +
                          '<div style="display: flex; align-items: center; justify-content: flex-start;margin-bottom:20px;"><div style="width:130px">问题选择： </div>' +
                          '<div><div><select name="returnType" style="width:220px; font-size: 20px;color: black;">' + returnOptions + '</select></div></div></div>' +
                          '<div>卷号描述：<input type="text" style="width: 380px; height:40px;line-height: 40px;padding: 0 10px;" id="in-beizhu" ></div></div>' +
                          '<button class="jy-btn new-btn2" style="margin: 0;background-color: #0583df; float: right;" onclick=Completed(' + hg + ',"分裁") >确认</button>'+
                          '<button class="jy-btn new-btn2" style="margin: 0; background-color: #dc3545; float: left; " onclick="layer.closeAll()">关闭</button>'; // 添加关闭按钮
                      ;
                content += '</div>';
                layer.open({
                    type:1,
                    cancel:function(){},
                    success: function(layero, index) {
                      document.getElementById('in-beizhu').value = remark;
                    },
                    title:"布匹质检",
                    area:['620px','300px'],
                    content: content,

              });
                  }
                  layer.close(index); // 关闭选择框
              }
          });

          completedClicked = false;


    }
    async function showremark(hg){
      if (completedClicked) {
          return; // 如果已经点击过了，则直接返回
      }
      completedClicked = true;
      if($("#reel_input").val() == ''){
        document.getElementById('reel_input').focus();
        layer.msg("请先扫描卷号");
        completedClicked = false;
        return
      }
      if($("#in-meter").val() == ''){
        layer.msg("请填写米数");
        completedClicked = false;
        return
      }
        completedClicked = false;
              layui.use(['layer'], function() {
                var layer = layui.layer;
                let content = '<div id="content-wrapper" style="padding: 20px;font-size:18px;">'+
                '<div style="display: flex;font-size:18px; align-items: center; justify-content: space-around;margin: 20px 0px">'+
                '<div>卷号描述：<input type="text" style="width: 380px; height:40px;line-height: 40px;padding: 0 10px;" id="in-beizhu" ></div></div>'+
                '<button class="jy-btn new-btn2" style="margin: 0;background-color: #0583df; float: right;" onclick=Completed('+hg+') >确认</button>';
                content += '</div>';
                layer.open({
                    type:1,
                    cancel:function(){},
                    success: function(layero, index) {
                      document.getElementById('in-beizhu').value = remark;
                    },
                    title:"布匹质检",
                    area:['620px','240px'],
                    content: content,
                })
              });
    }
    async function Completed(hg,fencai) {
       if(!fencai){
         fencai="";
        }
      constBeizhu = $("#in-beizhu").val();
      lyl = $("#in-lyl").val()+"";
      if (completedClicked) {
          return; // 如果已经点击过了，则直接返回
      }
      completedClicked = true;
      if($("#reel_input").val() == ''){
        document.getElementById('reel_input').focus();
        layer.msg("请先扫描卷号");
        completedClicked = false;
        return
      }
      if(hg == 1){
          var grade = $('select[name="gradeType"]').val(); // 第一个下拉框
          var length = $('select[name="lengthType"]').val(); // 第二个下拉框
          grade_Type = $('select[name="gradeType"]').val();
          length_Type = $('select[name="lengthType"]').val();
          var fish_Type = $('select[name="fishType"]').val();
          var main_number =  $('select[name="main_number"]').val();
          if(ryds_type=="否"||ryds_type==""){
              fish_Type = '否';
          }
          // if(fish_Type == undefined){
          //     fish_Type = '否';
          // }
          if(main_number == undefined || main_number == '否'){
             mainNumber = ''
          }

          if (!grade || !length ||!fish_Type) {
            layer.msg('请完成所有选择');
            completedClicked = false;
            return;
          }
      }
      if(hg == 0){
         return_Type = $('select[name="returnType"]').val();
      }
        if(fencai!=="分裁") {
      if($("#in-meter").val() != alldata[0].store && $("#in-meter").val() != ''){
          var xdata = alldata[0].store - $("#in-meter").val();
          var url = window.location.origin;
          var Tiao = {};
          data = {
          reel: alldata[0].norms.reel,
          comment: alldata[0].norms.reel_detail,  //卷号描述
          reduce: xdata,
          user_name:$('#people').text(),
          fencai:fencai
          //menfu:$("#mf_input").val()
        }
        await $.post(`${url}/api/business/ClothAdjustment`, data, res=>{
              if(res.status == 1){


              }else{
                layer.msg(res.msg)
              }

        })
      }
        }
      var data = {};
      var dataBj = {};
      var datanew = {};
      //var placesString = placeAll.map(item => item.value).join(',');
      //var defectString = defectAll.map(item => item.value).join(',');
      if(hg == 1){
        js_hg = '合格';
        data = {
          yhms:$("#in-meter").val(),
          reel:$("#reel_input").val(),
          js_hg:'合格',
          grade:grade,
          djfs:length,
          id:deepId,
          lyl:lyl,
          is_ry: fish_Type,
          main_number: mainNumber,
          reel_detail: $("#in-beizhu").val(),
          people:$('#people').text(),
            fencai:fencai
        };
          dataBj = {
              reel:$("#reel_input").val(),
              num:$("#in-meter").val(),
              people:$('#people').text(),
              type:"余料"
          }
          if(fencai=="分裁"){
              await $.get(`/api/business/bjCut`, dataBj, res=>{
                  if(res.status === 1){
                      datanew = {
                          yhms:$("#in-meter").val(),
                          reel:res.data.reel,
                          js_hg:'合格',
                          grade:grade,
                          djfs:length,
                          id:deepId,
                          lyl:lyl,
                          is_ry: fish_Type,
                          main_number: mainNumber,
                          reel_detail: $("#in-beizhu").val(),
                          people:$('#people').text(),
                      };
                      layer.msg(res.msg);
                       $.get(`finishJy`, datanew, res=>{
                          if(res.status === 1){
                              Goprint(js_hg)
                              layer.msg("布匹检验成功")
                          }else{
                              layer.msg(res.msg)
                              completedClicked = false;
        }
                      })

                  }else{
                      layer.msg(res.msg);

                  }
              })
          }else{
        await $.get(`finishJy`, data, res=>{
              if(res.status === 1){
                Goprint(js_hg)
                layer.msg("布匹检验成功")
              }else{
                layer.msg(res.msg)
                completedClicked = false;
              }
        })
          }




        //completedClicked = false;
      }else if (hg == 2) {
        js_hg = '待定';
        data = {
          yhms:$("#in-meter").val(),
          reel:$("#reel_input").val(),
          js_hg:'待定',
          // place:placesString,
          // defect:defectString,
          id:deepId,
          people:$('#people').text(),
          reel_detail: $("#in-beizhu").val(),
          fencai:fencai
        }
          dataBj = {
              reel:$("#reel_input").val(),
              num:$("#in-meter").val(),
              people:$('#people').text(),
              type:"余料"
          }
          if(fencai=="分裁"){
              await $.get(`/api/business/bjCut`, dataBj, res=>{
                  if(res.status === 1){
                      datanew = {
                          yhms:$("#in-meter").val(),
                          reel:res.data.reel,
                          js_hg:'合格',
                          grade:grade,
                          djfs:length,
                          id:deepId,
                          lyl:lyl,
                          is_ry: fish_Type,
                          main_number: mainNumber,
                          reel_detail: $("#in-beizhu").val(),
                          people:$('#people').text(),
                      };
                      layer.msg(res.msg);
                      $.get(`finishJy`, datanew, res=>{
                          if(res.status === 1){
                              Goprint(js_hg)
                              layer.msg("布匹检验成功")
                          }else{
                              layer.msg(res.msg)
                              completedClicked = false;
                          }
                      })
                  }else{
                      layer.msg(res.msg);

                  }
              })
          }else {
        await $.get(`finishJy`, data, res=>{
              if(res.status === 1){
                layer.msg("布匹检验成功")
                layui.layer.closeAll();
                Goprint(js_hg)
              }else{
                layer.msg(res.msg)
                completedClicked = false;
              }
        })
          }

        //completedClicked = false;
      }else{
        js_hg = '不合格';
        data = {
          yhms:$("#in-meter").val(),
          reel:$("#reel_input").val(),
          js_hg:'不合格',
          // place:placesString,
          // defect:defectString,
          id:deepId,
          reel_detail: $("#in-beizhu").val(),
          people:$('#people').text(),
          fencai:fencai
        }
          dataBj = {
              reel:$("#reel_input").val(),
              num:$("#in-meter").val(),
              people:$('#people').text(),
              type:"余料"
          }
          if(fencai=="分裁"){
              await $.get(`/api/business/bjCut`, dataBj, res=>{
                  if(res.status === 1){
                      datanew = {
                          yhms:$("#in-meter").val(),
                          reel:res.data.reel,
                          js_hg:'合格',
                          grade:grade,
                          djfs:length,
                          id:deepId,
                          lyl:lyl,
                          is_ry: fish_Type,
                          main_number: mainNumber,
                          reel_detail: $("#in-beizhu").val(),
                          people:$('#people').text(),
                      };
                      layer.msg(res.msg);
                      $.get(`finishJy`, datanew, res=>{
                          if(res.status === 1){
                              Goprint(js_hg)
                              layer.msg("布匹检验成功")
                          }else{
                              layer.msg(res.msg)
                              completedClicked = false;
                          }
                      })
                  }else{
                      layer.msg(res.msg);

                  }
              })
          }else{
        await $.get(`finishJy`, data, res=>{
              if(res.status === 1){
                layer.msg("布匹检验成功")
                Goprint(js_hg)
              }else{
                layer.msg(res.msg)
                completedClicked = false;
              }
        })
          }

        //completedClicked = false;
      }
    }
    function printKc(){
      if($("#reel_input").val() == ''){
        document.getElementById('reel_input').focus();
        layer.msg("请先扫描卷号");
        return
      }else{
        var dd = '库存'
        Goprint(dd);
      }
    }
    function Goprint(leixing){
        console.log(placeAll,defectAll,defectList)
              let i_num = 'txm-img'
                for(let i in alldata){
                    if(alldata[i][0] !== ''){
                        alldata[i].i_num = i_num
                        alldata[i].yhms = $("#in-meter").val()
                        alldata[i].js_hg = js_hg
                        alldata[i].leixing = leixing
                        alldata[i].grade_Type = grade_Type;
                        alldata[i].length_Type = length_Type;
                        alldata[i].constBeizhu = constBeizhu;
                        alldata[i].return_Type = return_Type;
                        alldata[i].lyl = lyl;
                        alldata[i].cds = cds;
                        alldata[i].mainNumber = mainNumber;
                        alldata[i].norms.menfu = alldata[i].norms.menfu ? alldata[i].norms.menfu :'';
                        alldata[i].Allplace =  defectList.map(item => item.place).join(',')
                        alldata[i].Alldefect =  defectList.map(item => item.defect).join(',')
                        alldata[i].placeAll = placeAll.map(item => item.value).join(',')
                        alldata[i].defectAll = defectAll.map(item => item.value).join(',')
                        gck_number_obj[i_num] = alldata[i].norms.reel
                        i_num = i_num + 'n'

                    }
                }
                var pp = 'YB';  //不同卷号打印需求的区分
                let widthValue = 8; //获取缓存的宽高 没有则取默认值
                let heightValue = 11;
                let token = $("input[name='_token']").val() ;
                $.ajax({                // 发起 Ajax 请求加载页面
                  url: 'printReel',
                  type: 'POST',
                  data:  { data: alldata, pp: pp , widthValue: widthValue, heightValue: heightValue,_token:token  }, // 将要发送的数据添加到请求中
                  success: function(res) {// 将返回的页面内容填充到指定的容器中
                      var data2 = $(res).filter('.wrap').prop('outerHTML');// 提取HTML内容
                      var ddcValue = '2' //暂时跳过 关闭或开启打印预览的功能
                      if (ddcValue === '1') {
                        layer.open({
                          type: 1,
                          skin: 'layui-layer-rim', //加上边框
                          area: ['14cm', '18cm'], //宽高
                          content: data2
                        });
                      }
                      else{
                        $('body').html(data2)
                        console.log(alldata)
                        Android.postMessage(JSON.stringify(alldata));
                        setTimeout(function(){
                          dayin()
                        } , 10)
                      }
                    for (let gck in gck_number_obj){  //循环显示条形码
                        if(gck_number_obj[gck]){
                           $('.'+ gck).JsBarcode(gck_number_obj[gck])
                        }
                    }
                  },
                  error: function(xhr, status, error) {
                    console.error(error);
                  }
                });
    }
    function dayin(){ //标签的打印
        console.log("jyjj")
        // $('.dayin').remove()
        // wrapHtml = document.querySelector('.wrap').innerHTML
        // bdhtml = document.querySelector('#out').innerHTML;//获取当前页的html代码
        // sprnstr = "<!--startprint" + 1 + "-->";//设置打印开始区域
        // eprnstr = "<!--endprint" + 1 + "-->";//设置打印结束区域
        // prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
        // prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html
        // window.document.body.innerHTML = prnhtml;
        // window.print();
        location.reload()
    }
    var workurl='<div style="width:100%;overflow:auto; height:300px; ">'+
                    '<table class="layui-table" id="inPuttable" lay-size="sm" style="width: 100%; margin: 0px; ">'+
                    '<thead style="position: sticky; top: 0; z-index: 100; ">'+
                    '<tr class="tr_head">'+
                    '<th style="width: 150px;">卷号</th>'+
                    '<th style="width: 150px;">型号</th>'+
                    '<th style="width: 150px;">状态</th>'+
                    '<th>时间</th>'+
                    '</tr>'+
                    '</thead>'+
                    '<tbody id="work-img" style="width:100%;">';
    async function WorkRecord(val,tal){
      var pageval = val
      var queryString = window.location.search.substring(1);
          var params = new URLSearchParams(queryString);
          var name = params.get('name');
          let start = '{{date('Y-m-d 0:0:0')}}';
          var end = '{{date('Y-m-d 24:0:0')}}';
      await $.get(`jyjjLists_logs`, {people:name, start:start ,end:end, page:pageval}, res=>{
          var ddt = res.data;
           // 插入新的行
           ddt.data.forEach(item => {
            const row = `<tr>
                <td>${item.reel}</td>
                <td>${item.number}</td>
                <td>${item.jy_status}</td>
                <td>${item.jy_time}</td>
            </tr>`;
            workurl += row;
        });
        workurl +='</tbody></table></div>'+
                    '<div style="text-align: center;" id="pagination"></div><button id="closeButton" onclick="closeView()" class="jy-btn" style="background-color: #0583df; float: right;" >关闭</button>';
        layui.layer.open({
                  type:1,
                  cancel:function(){focus('#reel_input')
                    workurl='<div style="width:100%;overflow:auto; height:300px; ">'+
                    '<table class="layui-table" id="inPuttable" lay-size="sm" style="width: 100%; margin: 0px; ">'+
                    '<thead style="position: sticky; top: 0; z-index: 100; ">'+
                    '<tr class="tr_head">'+
                    '<th style="width: 150px;">卷号</th>'+
                    '<th style="width: 150px;">型号</th>'+
                    '<th style="width: 150px;">状态</th>'+
                    '<th>时间</th>'+
                    '</tr>'+
                    '</thead>'+
                    '<tbody id="work-img" style="width:100%;">';
                  },
                  title:"报工记录",
                  area:['760px','460px'],
                  content: workurl,
                  success: function(layero, index) {
                  }
        })
        layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
            laypage = layui.laypage;
            laypage.render({
            elem: 'pagination',
            count: ddt.total, // 数据总数
            limit: ddt.per_page, // 每页显示的条数
            curr: ddt.current_page, // 当前页号
            layout: ['count', 'prev', 'page', 'next'], // 自定义排版['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            jump: function (obj, first) {
                if (!first) {
                  var tbody = document.getElementById('work-img');
                  tbody.innerHTML = '';
                  WorkName(obj.curr, obj.limit); // 跳转页面时重新调用 workerName 函数
                }
            }
        });
        });
      })
    }
    async function WorkName(val,tal) {
      var pageval = val
      var queryString = window.location.search.substring(1);
          var params = new URLSearchParams(queryString);
          var name = params.get('name');
          let start = '{{date('Y-m-d 0:0:0')}}';
          var end = '{{date('Y-m-d 24:0:0')}}';
      await $.get(`jyjjLists_logs`, {people:name, start:start ,end:end, page:pageval}, res=>{
          var ddt = res.data;
          $('#work-img').empty();
           // 插入新的行
           ddt.data.forEach(item => {
            const row = `<tr>
                <td>${item.reel}</td>
                <td>${item.number}</td>
                <td>${item.jy_status}</td>
                <td>${item.jy_time}</td>
            </tr>`;
            $('#work-img').append(row);
        });
        layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
            laypage = layui.laypage;
            laypage.render({
            elem: 'pagination',
            count: ddt.total, // 数据总数
            limit: ddt.per_page, // 每页显示的条数
            curr: ddt.current_page, // 当前页号
            layout: ['count', 'prev', 'page', 'next'], // 自定义排版['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            jump: function (obj, first) {
                if (!first) {
                  WorkName(obj.curr, obj.limit); // 跳转页面时重新调用 workerName 函数
                }
            }
        });
        });
      })
    }
    function closeView(){
      workurl='<div style="width:100%;overflow:auto; height:300px; ">'+
                    '<table class="layui-table" id="inPuttable" lay-size="sm" style="width: 100%; margin: 0px; ">'+
                    '<thead style="position: sticky; top: 0; z-index: 100; ">'+
                    '<tr class="tr_head">'+
                    '<th style="width: 150px;">卷号</th>'+
                    '<th style="width: 150px;">型号</th>'+
                    '<th style="width: 150px;">状态</th>'+
                    '<th>时间</th>'+
                    '</tr>'+
                    '</thead>'+
                    '<tbody id="work-img" style="width:100%;">';
      layui.layer.closeAll();
    }
  </script>
  <script type="text/javascript" src="/js/tableContentRoll.js"></script>
  <link rel="stylesheet" href="/css/tableContentRoll.css">
  <style>
    .worker{
      border: 1px solid #000000;
      width: 750px;
      margin: 0 auto;
      position: relative;
    }
    .sticky-header th {
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .layui-table td, .layui-table th {
    font-size: 18px;
  }
  .layui-table td{
    padding: 0px 15px;
  }
    .tool{
      display:flex;
      justify-content: space-between;
      height: 100px;
      padding:10px;
      align-items: center;
      color: #fff;

    }
    .tool > div{
      float: left;
    }
    .login-aml{
        background:url(../images/amlbg.png) no-repeat center;
        background-size: cover;
        overflow: hidden;
        padding: 10px;
    }
    .main-div{
      display: flex;
      border-top: 8px solid #fff; /* 上边框 */
      /*border-bottom: 1px solid #000000;*/ /* 下边框 */
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      height: 8rem;
      /* overflow: auto; */
      padding:10px 10px 10px 10px;
    }
    .middle-div{
      display: flex;
      /*border-bottom: 1px solid #000000;*/ /* 下边框 */
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      height: 16rem;
      padding:10px;
    }
    .in-meter{
      height: 50px;
      width: 120px;
      font-size: 26px;
    }
    .inc-meter{
      height: 70px;
      line-height:70px;
      width: 80px;
      padding: 0 20px;
      font-size: 26px;
      background-color: #e1e1e1;
    }
    .in-reel{
      height: 50px;
      width: 220px;
      padding: 0 10px;
      font-size: 24px;
      border:none;
    }
    .jy-btn {
      display: inline-block;
      height: 48px;
      line-height: 48px;
      padding: 0 15px;
      background-color: #000;
      color: #fff;
      white-space: nowrap;
      text-align: center;
      font-size: 18px;
      border: none;
      border-radius: 2px;
      cursor: pointer;
      width: 100px;
      margin-bottom: 5px;
      margin-right: 10px;
    }
    .kc-btn {
      display: inline-block;
      height: 48px;
      line-height: 48px;
      padding: 0 15px;
      background-color: #000;
      color: #fff;
      white-space: nowrap;
      text-align: center;
      font-size: 18px;
      border: none;
      border-radius: 2px;
      cursor: pointer;
      width: 100px;
      margin-top: 10px;
    }
    .new-btn {
      width: 150px;
      height: 80px;
      line-height: 80px;
    }
    .new-btn2 {
      width: 150px;
      height: 40px;
      line-height: 40px;
    }
    .datarow{
        /* padding-left:10px;
        padding-right:10px; */
    }
    .mix-div{
      margin-left: 10px;
      font-size: 22px;
      margin: 10px;
      text-align: right;
      display:flex
    }
    .sizediv{
      padding: 0 10px 10px 10px;
      font-size: 22px;
    }
    #music{
      width: 100px;
      height: 100px;
      background-color: #df5000;
    }
    #error{
      position: absolute;
      right: 0;
      bottom: -30px;
      font-size: 18px;
    }
    .block{
      display: block;
    }
    .none{
      display: none;
    }
    #error3{
      font-size: 2rem;
      color: red;
      text-align: center;
    }
    .none_button{
      float: right;
      position: relative;
      border: none;
      bottom: -30px;
      left: -20px;
    }
    .keyboard {          /*兼容低版本安卓css*/
      width: 250px;
      float: right;
    }
    .layui-input.layui-unselect {
        color: #999; /* 灰色字体 */
        height: 50px;
    }
  .key {
    font-size: 24px;
    width: calc(33.33% - 5px); /* 计算每个按键的宽度，减去间距 */
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    text-align: center;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, transform 0.3s;
  }
  #item{
      height: 200px;

  }
    .layui-table.lag td, .layui-table.lag th {
        font-size: 30px!important; /* 设置特定表格中的字体大小 */
    }
    .key:hover {
      background-color: #ccc;
    }
  </style>
  <script type="text/javascript" src="/js/tableContentRoll.js"></script>
  <link rel="stylesheet" href="/css/tableContentRoll.css">
@endsection