@extends('layouts.father')
@section('title', '自定义字段')
@section('body')
    {{--<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/admin/setDetail?id={{$custom->id}}" title="刷新">
        <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>--}}
    <audio src="/images/工作3.mp3" id="voice"></audio>
{{--    <object width="0" height="0" id="voice2"></object>--}}
{{--    <embed src="" style="width:100px;height: 100px" type="" id="voice2" />--}}
    <div class="x-body" style="height: 100%" >

        <input type="text" placeholder="">
    </div>
    <script type="text/javascript" src="/js/qrcode.min.js"></script>
    <script>
        // 温馨提示 :  这个页面不能使用 ES5 以上的新语法
        var bodyWidth = $('body').width()
        var xBody =  $('.x-body')
        var order_number = "" // 订单号
        var mxm = "" // 明细码
        var reckon_id = "";
        var work_reel = ''; //卷号
        if(bodyWidth > 375){
            xBody.html( '@if(empty($imeis))<span class="no-admin"></span>@elseif(empty($worker)) 当前员工未绑定@else '+
           ' <div class="tool"><div class="layui-btn" onclick="zhuxiao()">注销</div>'+ '<div></div>'+'<div id="btn" class="layui-btn">刷新</div><div ><a class="layui-btn layui-btn-small" id="workPrint" onclick="workPrint()">打印</a></div><div class="layui-btn layui-btn-small" onclick="lckClick()">流程卡</div><span id="printMessage"></span></div>'+'<div id="error2"></div>'+
            '<div class="worker">'+
                    "<div style='position:absolute;top:-38px;height:38px;z-index:999;right:0'>" +
                "<button class='layui-btn layui-btn-small normal_pattern'>默认模式</button> <span class='interspace'></span><button class=' layui-btn layui-btn-small image_pattern'>图片模式</button>"+
              "</div>"+
                '<p id="error" class="none">请上下滑动,查看更多错误记录.</p>'
                +'<div style="text-align: center;margin-top: 10px"><b style="font-size: 20px">工序管理系统</b>(请使用美式键盘)</div>'+
              "<div id='error3'></div>"+
              '<img id="loading" src="/images/loading.gif" style="position:absolute;width:10rem;height:10rem;left:50%;top:50%;transform:translate(-50%,-50%);display:none">'+
              '<div class="main-div">'
                   +' <div style="width: 38%;margin: 40px 0">'+
                        '<div class="mix-div" style="margin-bottom: 20px">当前操作员：@foreach($worker as $k) {{$k->name}}  @endforeach </div>'+
                    '<div class="mix-div gx">本机工序： <span class="gongxu">{{$imeis->process}}</span> </div></div>'+
                '<div style="width: 38%;margin: 40px 0">'+
                   ' <div class="mix-div" style="margin-bottom: 20px">工号： @foreach($worker as $k) {{$k->number}}  @endforeach</div>'+
                   ' <div class="mix-div equipment">设备号：{{$imeis->code}}</div>'+
                '</div>'+
                '<div style="margin:0 15px">'+
                    '<div id="qrcode"></div>' +
                    '<div style="width: 100px">扫一扫，看看今天干了那些活</div>'+
               '</div> ' +
              '</div>'+
              '<div class="cj"><span class="work_reel">当前工作卷号:</span><span class="mxm">已处理明细码:</span></div>' +
              '<div class="allocation" style="display:none;width:928px;margin:0 auto"><span>发货位:</span><span class="dataValue"></span>'+
              '<button id="add" onclick="bding()" style="padding: 0 10px;background: rgb(14,156,214);color: white;border: none">立即绑定货位</button>'+
              '</div>'+
            '<strong><div class="size-div sizediv" style=""></div></strong>'+
            '<strong><div class="his-btn sizediv" style="display:none"><button onclick="showHistory()">历史进度</button></div></strong>'+
            '<strong><div class="imei-div sizediv" style=""></div></strong>'+
            '<strong><div class="delete-div sizediv" style="display:none"><button onclick="deleteMxm()">删除计件信息</button> <button onclick="showHistory()">历史进度</button></div></strong>'+
            '<strong><div class="delete-msg sizediv" style="display:none"></div></strong>'+
            '<strong><div class="id-div sizediv" style=""></div></strong><div> ' +
                '<input class="layui-input url-value" id="txt_Title"></div>'+
            '<div  style="overflow: auto;height: 80px;">'+
                '<ul id="error_message"></ul>'+
            '</div>'+
        '</div>@endif'
            )
        }else{
xBody.html( '@if(empty($imeis))<span class="no-admin"></span> @elseif(empty($worker))当前员工未绑定 @else'+
'<div style="">'+
    '<div class="layui-btn" onclick="zhuxiao()">注销</div>'+
    '<div id="btn" class="layui-btn" style="float: right">刷新</div>' +
  '<div style="float:right;margin-right:50px"></div></div><div>'+
    '<div class="worker" style="width:100%"> <p id="error" class="none">请上下滑动,查看更多错误记录.</p>'+
  "<div style='position:absolute;top:-38px;height:38px;z-index:999;right:0'>" +
  "</div>"+
        '<div style="text-align: center;margin-top: 10px"><b style="font-size: 20px">工序管理系统</b>(请使用美式键盘)</div>'+
        "<div id='error3'></div>"+
  '<img id="loading" src="/images/loading.gif" style="position:absolute;width:10rem;height:10rem;left:50%;top:50%;transform:translate(-50%,-50%);display:none">'+
  '<div class="main-div"> <div style="width: 38%;margin: 40px 0">'+
    '<div class="mix-div" style="margin-bottom: 20px">当前操作员：@foreach($worker as $k) {{$k->name}}  @endforeach</div>'
                            +'<div class="mix-div">本机工序：<span class="gongxu">{{$imeis->process}}</span></div></div>'+
                        '<div style="width: 38%;margin: 40px 0"> <div class="mix-div" style="margin-bottom: 20px">工号：@foreach($worker as $k) {{$k->number}}  @endforeach</div> <div class="mix-div equipment">设备号：<div style="width:100%;word-wrap:break-word">{{$imeis->code}}</div></div> </div> </div>'+
  '<div class="allocation" style="display:none">'+
                '<span>发货位:</span><span class="dataValue"></span>'+
                '<button id="add" onclick="bding()" style="padding: 0 10px;background: rgb(14,156,214);color: white;border: none">立即绑定货位</button>'
   +'</div>'+
  '<strong><div class="size-div sizediv" style=""></div></strong>'+
  '<strong><div class="his-btn sizediv" style="display:none"><button onclick="showHistory()">历史进度</button></div></strong>'+
                    '<strong><div class="imei-div sizediv" style=""></div></strong>'+
                    '<strong><div class="delete-div sizediv" onclick="deleteMxm()" style="display:none"><button>删除计件信息</button> <button onclick="showHistory()">历史进度</button></div></strong>'+
                    '<strong><div class="delete-msg sizediv" style="display:none"></div></strong>'+
                    '<strong><div class="id-div sizediv" style=""></div></strong><div>'+
                        '<input class="layui-input url-value" id="txt_Title"></div>'+
                    '<div  style="overflow: auto;height: 80px;"><ul id="error_message"></ul></div></div></div>@endif'
        )
        }
        var gxValue = $('.gongxu').html();
        var url = ""
        var status = ""
        var splitStr = '/admin'
        var normal_pattern = "";
        var image_pattern = "";
        var textMessage  = "";
        var gxValue = $('.gx').html();
        if(gxValue !== '本机工序： 裁剪 '){
          $('.cj').css('display' , 'none')
        }
        var mxmArr_obj = {};
        $('.normal_pattern').click(function(e){
          textMessage = e.target.innerHTML;
          image_pattern = $('.main-div').html();
          $('.main-div').html(normal_pattern);
          focus('#txt_Title')
        {{--if($('#qrcode').length > 0){--}}
          {{--  var qrcode = new QRCode("qrcode", {--}}
          {{--    text: "{{$url}}{{$worker[0]->number}}",--}}
          {{--    width: 125,--}}
          {{--    height: 125,--}}
          {{--    colorDark : "#000000",--}}
          {{--    colorLight : "#ffffff",--}}
          {{--    correctLevel : QRCode.CorrectLevel.H--}}
          {{--  });--}}
          {{--}--}}
        })

        $(".image_pattern").click(function(e){
          var flag = false;
          normal_pattern = $('.main-div').html();
          setImagePattern()
          focus('#txt_Title')
          if(flag){
            return
          }else{
            textMessage = e.target.innerHTML;
          }
        })
        function showHistory(){
          $.get('/admin/getHistory?number='+mxm , function(res){
            //console.log(res[0].jd);
            var cc= res[0].jd;
            cc = cc.replace(/←/g, "←<br>");// 将换行符 \n 替换为 <br> 标签
            layui.use(['layer'], function() {
              var layer = layui.layer;
              layer.open({
                type: 1, // 弹窗类型为页面层
                title: '历史进度', // 弹窗标题
                area: ['400px', '300px'], // 弹窗大小，宽度400px，高度300px
                resize: false, // 不允许拉伸
                content: '<div style="max-height: 300px;"><p style="margin:10px; font-size:18px">'+ cc +'</p></div>' // 弹窗内容
              });
            });
          }).fail(function(error){
            $('.size-div').html(error)
          })
        }
        function deleteMxm(){
          $.get('/admin/processCardDel?id='+reckon_id+"&people={{isset($user_id)?$user_id:''}}"  , function(res){

            $('.delete-div').css({
              display:'none'
            })

           $('.delete-msg').css({
              display:"block"
            }).html(res.msg)

            $("#error_message").find('li').each(function(index , item){
             if($(item).data('id') === reckon_id){
               $(item).find('button').click()
             }
            })

            setTimeout(function(){
              // 定时2秒 让 提示信息消失
              $('.delete-msg').css({
                display:"none"
              }).html("")
              $('.size-div').html('')
              $('.his-btn').css({display:"none"});
            } , 2000)

          }).fail(function(error){
            $('.size-div').html(error)
          })
        }

        function getStr (arr , obj) {
          var str ='';
          for(var i = 0 ; i < arr.length ; i++ ){
            if(i === arr.length - 1){
              str += '/'
            }
            str += nonull(obj[arr[i]])
          }
          return str
        }
        function lckClick(){
          var base = window.location.origin;
          var requestUrl = ""
          if (base.indexOf('localhost') !== -1) {
            requestUrl = 'http://cs.lcyjfz.com'
          } else {
            requestUrl = base
          }
          if(mxm > 0){
            // 表示有值
            var url = requestUrl+"/admin/order5GCKprint?type=2&id="+mxm+"&cpkd="
            window.open(url)

          }
        }
        function setImagePattern(){
          $.get('/admin/cardPic?number='+mxm , function(res){
            if(res.data !== undefined){
              var imgSrc = "{{env('OSS_HOST')}}"+res.data.pic;
              var xh = res.data.xh;
              var zhubuArray = [];
              var peibu1Array = [];
              var peibu2Array = [];
              var huabianArray = [];
              for(var key in xh){
                if(key.indexOf('主布') !== -1){
                  zhubuArray.push(key)
                }
                if(key.indexOf('花边') !== -1){
                  huabianArray.push(key)
                }
                if(key.indexOf('1') !== -1){
                  peibu1Array.push(key)
                }
                if(key.indexOf('2') !== -1){
                  peibu2Array.push(key)
                }
              }
              var clothStr= '';
              if(zhubuArray.length > 0){
                clothStr+= '主布 : ';
                clothStr += getStr(zhubuArray , xh);
              }
              if(peibu1Array.length > 0){
                clothStr+= ' 配布1 : ';
                clothStr += getStr(peibu1Array , xh);
              }
              if(peibu2Array.length > 0){
                clothStr+= ' 配布2 : ';
                clothStr += getStr(peibu2Array , xh);
              }
              if(huabianArray.length > 0){
                clothStr+= ' 花边 : ';
                clothStr += getStr(huabianArray , xh);
              }
              image_pattern = "<div style='width: 20%;height: 100%'  class='wamp'><div style='margin-left: 10px'><p style='color: red'>成品主图</p><img src="+imgSrc+" onclick='imgClick(this)'></div></div>" +
                "<div style='width: 75%;height: 100%'>"+clothStr+"</div>"
              $('.main-div').html(image_pattern)
            }else{
              flag =  true
            }
          })
        }
        function imgClick(e) {
          var box = document.createElement('div');
          var worker = document.querySelector('.worker');
          box.style.width = worker.clientWidth / 2 + 'px';
          box.style.height = worker.clientHeight  + 'px';
          box.style.position = 'absolute';
          box.style.margin = '0 auto';
          box.style.top = '0';
          box.style.bottom = '0';
          box.style.left = '0';
          box.style.right = '0';
          box.style.zIndex = '999'
          box.className = 'img_wamp'
          var fitstElement = worker.firstElementChild
          worker.insertBefore(box , fitstElement)
          var imgUrl = e.src; // 图片地址
          var img = document.createElement('img');
          box.appendChild(img)
          img.src = imgUrl;
          img.style.width ='100%';
          img.style.height = '100%';
          box.onclick = function(){
            box.remove();
            document.getElementById('txt_Title').focus()
          }
        }


        function nonull(data) {
          if (data === null) {
            return ''
          } else if (data === undefined) {
            return ""
          } else {
            return data
          }
        }
        {{--var url = window.location.href.split(splitStr)[0] + splitStr + '/jjsql?gonghao={{$user_id}}';--}}
        if($('#qrcode').length > 0){
            var qrcode = new QRCode("qrcode", {
                text: "{{$url}}{{$worker[0]->number}}",
                width: 125,
                height: 125,
                colorDark : "#000000",
                colorLight : "#ffffff",
                correctLevel : QRCode.CorrectLevel.H
            });
        }
        function bding(){
          if(order_number.length ===  0){
            layer.msg("明细码错误 无法绑定货位")
            return
          }
          layer.open({
            type:1,
            cancel:function(){
              focus('#txt_Title')
            },
            content:'<div style="padding: 20px"><div style="padding:10px"><span>明细码:'+mxm+'</span><span>订单:'+order_number+'</span></div><div style="padding: 10px"><label for=""><input type="text" id="binding_id"></label></div>' +
              '<button  id="addHW"  onclick="addHW()" style="background: rgb(14,156,214);padding: 10px;color:white;border: none">立即绑定订单与库位</button></div>'
          })
          focus('#binding_id')
        }
        //验布
        function sendRequest(process) {
            var url = 'http://' + window.location.host + '/admin/doEngineering?people={{$user_id}}&process=' + process + '&number=' + mxm;

            $.get(url, function (data) {
                if (data.data.status === "OK") {
                    var msgIndex = layer.msg(data.msg, {time: 0}); // 弹出消息提示框，设置时间为0表示不自动关闭
                    setTimeout(function(){
                        layer.close(msgIndex); // 关闭消息提示框
                        layer.closeAll(); // 关闭所有弹出层
                    }, 3000); // 5秒后关闭消息提示框
                } else {
                    layer.msg(data.msg, {time: 2500});
                }
            });
        }
        $("body").on("click", ".btn-process", function () {
            var process = $(this).data("process");
            //$(this).prop('disabled', true);
            sendRequest(process, function() {
            });
        });
        function addHW() {
            $.get('/admin/doOrderGoods?order_number='+order_number+'&goods='+$("#binding_id").val() , function (res) {
              if(res.data){
                $('.dataValue').html(res.data)
                var div = $("#add").parent()
                $('#add').remove()
                div.append('<button id="sub" onclick="sub()" style="padding: 0 10px;background: rgb(14,156,214);color: white;border: none" >立即解绑</button>')
                layer.closeAll('page')
              }else{
                layer.msg(res.msg)
                // setTimeout(() => {
                //   layer.closeAll('page')
                // } , 1000)
              }
            })
        }
        function sub() {
          layer.open({
                content:"确认取消绑定嘛",
                btn: ['确定', '取消'],
                yes:function(index,layero){
                  $.get('/admin/doOrderGoods?order_number='+order_number+'&goods=' , function(res){
                    $('.dataValue').html("")
                    var div = $("#sub").parent()
                    $('#sub').remove()
                    div.append('<button id="add" onclick="bding()" style="padding: 0 10px;background: rgb(14,156,214);color: white;border: none">立即绑定货位</button>')
                  })
                  layer.close(index)
                },
                btn2:function () {
                  return
                }
              })
        }
        /*
        *  @ params el => 表示要获取焦点的 元素的类
        * */
        function focus ( el ){
          $(el).focus()
        }
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  unescape(r[2]); return null;
        }
        @if(empty($imeis))
            $('.no-admin').text('当前设备'+ GetQueryString('imei') +'未授权，请讲将该设备码提交给总部工作人员')
        @endif
        // $(".imei-div").text('设备码：'+ GetQueryString('imei'));
        // $(".id-div").text('id码：'+ GetQueryString('id'));
        onload = function () {
            var alem = document.getElementById('txt_Title');
            alem.focus();
            var len = 0;
            len = alem.value.length + 1;
            if (len == 0) {
                return;
            }
            if (alem.createTextRange) {  //IE浏览器
                var sel = alem.createTextRange();
                sel.moveStart("character", len);
                sel.collapse();
                sel.select();
            }
            else {
              //非IE浏览器   包括mozilla，chrome，safari
              alem.selectionStart = len;
            }
        }
        var music_type = false
        function musicss() {
          if(music_type){
                var voice = document.getElementById('voice');
                voice.play()
            }
        }
        var message = ""
        var error_message = $("#error_message")
        function formatDate(date, fmt) { //时间格式化
            if (/(y+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
            }
            var o = {
                'M+': date.getMonth() + 1,
                'd+': date.getDate(),
                'h+': date.getHours(),
                'm+': date.getMinutes(),
                's+': date.getSeconds()
            };
            for (var k in o) {
                if (new RegExp("("+k+")").test(fmt)) {
                    var str = o[k] + '';
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
                }
            }
            return fmt;
        };
        function padLeftZero(str) {
            return ('00' + str).substr(str.length);
        };
        function go_url(){
            mxm = $("#txt_Title").val()
            console.log(mxm)
          $("#loading").show()
          //判断网络 状况
          if(!navigator.onLine){
            document.getElementById('error2').innerHTML = "当前网络已经断开"
            setTimeout(function(){
              $("#loading").hide()
              $('#error3').html('请联系网管检查网络')
            } , 10000)
          }
        if(textMessage === '图片模式'){
          setImagePattern()
          focus('#txt_Title')
        }
            $.get('http://'+ window.location.host + '/admin/doEngineering?people={{isset($user_id)?$user_id:''}}&process={{isset($imeis->process)?$imeis->process:''}}&number='+$('.url-value').val()+'&work_reel='+work_reel+'&imei={{$imeis->code}}', function (res) {
                if(res){
                  $("#loading").hide()
                }


              order_number = ''
              // 扫码几件
              // if(res.data.hasOwnProperty('goods')  'goods' in res.data){
                if ('goods' in res.data) {
                  // 先判断是否有这个属性 说明是否错误
                  // 进入到这个判断后 =>  我们需要判断 是否为null
                  if (res.data.goods !== null && res.data.goods.length > 0) {
                    // 不为 null  则将 值 赋予
                    $('.dataValue').html(res.data.goods)
                    var div = $(".allocation")
                    div.find('button').remove()
                    div.append('<button id="sub" onclick="sub()" style="padding: 0 10px;background: rgb(14,156,214);color: white;border: none" >立即解绑</button>')
                  } else {
                    $('.dataValue').html("")
                    var div = $(".allocation")
                    div.find('button').remove()
                    div.append('<button id="add" onclick="bding()" style="padding: 0 10px;background: rgb(14,156,214);color: white;border: none">立即绑定货位</button>')
                      if ($(".gongxu").html() === '验布' && $('#dialog').length === 0) {
                          $('<div id="dialog" style="padding: 50px; text-align: center; margin-top: 20px;">' +
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc重做">重做</button></span>' +
                              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc挖角">挖角</button></span>' +
                              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返修">返修</button></span>' +
                              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返定型">返定型</button></span>' +
                              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返揽花">返揽花</button></span>' +
                              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返侧边">返侧边</button></span>' +
                              '</div>'
                          ).appendTo('body');
                      }
                      if($(".gongxu").html() === '裁剪' && $('#dialog').length === 0){
                          $('<div id="dialog" style="padding: 50px; text-align: center; margin-top: 20px;">' +
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc缺衬布">缺衬布</button></span>' +
                              '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                              '<span style="font-size: x-large;"><button class="btn-process" data-process="yc缺配布">缺配布</button></span>' +'</div>'
                          ).appendTo('body');
                      }
                  }
                } else {
                  // 当扫码错误时
                  $('.dataValue').html("")// 将货位 成为空
                  var div = $(".allocation")
                  div.find('button').remove()
                  div.append('<button id="add" onclick="bding()" style="padding: 0 10px;background: rgb(14,156,214);color: white;border: none" >立即绑定货位</button>')
                    if ($(".gongxu").html() === '验布' && $('#dialog').length === 0) {
                        $('<div id="dialog" style="padding: 50px; text-align: center; margin-top: 20px;">' +
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc重做">重做</button></span>' +
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc挖角">挖角</button></span>' +
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc洗布">洗布</button></span>' +
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返修">返修</button></span>' +
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返定型">返定型</button></span>' +
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返揽花">返揽花</button></span>' +
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc返侧边">返侧边</button></span>' +
                            '</div>'
                        ).appendTo('body');
                    }
                    if($(".gongxu").html() === '裁剪' && $('#dialog').length === 0){
                        $('<div id="dialog" style="padding: 50px; text-align: center; margin-top: 20px;">' +
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc缺衬布">缺衬布</button></span>' +
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + // 插入空格字符
                            '<span style="font-size: x-large;"><button class="btn-process" data-process="yc缺配布">缺配布</button></span>' +'</div>'
                        ).appendTo('body');
                    }
                }
                if (res.data.order_number) {
                  order_number = res.data.order_number;
                }
                if (res.data.status === '2') {
                  $(".size-div").css('color', 'red')
                  $('.his-btn').css({display:"none"});
                  music_type = true
                  status = true
                  // layer.msg("明细码错误 无法进行打印")
                } else {
                  if(work_reel){
                    //如果有 卷号了 则往 卷号对应的 数组中添加明细码
                  }
                  $(".size-div").css('color', 'black')
                  $('.his-btn').css({display:"block"});
                  music_type = false
                  status = false
                }
              if($(".gongxu").html() === '验布' && res.data.ybhq == '1'){
                layui.use(['layer'], function() {
                  var layer = layui.layer;
                  layer.open({
                   content:"验布已经货齐!",
                   btn: ['确定'],
                   yes:function(index,layero){
                     window.location.reload()
                     layer.close(index)
                    },
                  })
                })
              }
                musicss()
                if (res.data.status === '2' || res.data.status === 'OK') {
                  $('.allocation').css({
                    display: "block"
                  })
                }
                if (res.data.status === "2") {
                  var data = formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss')
                  // var data = ''
                  message += "<li data-id="+res.data.id+" onclick='if(error_message[0].offsetHeight >= 100){document.getElementById(\"error\").className= \"block\"}else{ document.getElementById(\"error\").className = \"none\"};this.innerHTML = \" \";message=this.parentNode.innerHTML' style=\"color: red; font-size: 20px;\">" + res.msg + '&nbsp;&nbsp;' + data + "&nbsp;&nbsp;<button>删除</button></li>"
                  if(res.msg.indexOf('重复扫码') !== -1){
                    // 说明 重复计件了
                    reckon_id = res.data.id;
                    $('.delete-div').css({
                      display:"block"
                    })

                  }
                  error_message[0].innerHTML = message

                  if (error_message[0].offsetHeight >= 100) {
                    document.getElementById('error').className = 'block'
                  } else {
                    document.getElementById('error').className = 'none'
                  }
                }
                if (res.data.status === "3") {
                  var url = window.location.href.split("?")
                  var query = url[1].split("&")
                  var imei = null
                  for (var i = 0; i < query.length; i++) {
                    if (query[i].indexOf("imei") !== -1) {
                      imei = query[i]
                      break
                    }
                  }
                  var changeImei = imei.split("=")
                  changeImei[1] = res.data.process_data.imei
                  var imeiQueryStr = changeImei.join("=")
                  query[0] = imeiQueryStr
                  var changeUrl = url[0] + "?" + query.join("&")
                  window.location.href = changeUrl
                }
                $(".size-div").text(res.msg);
                //$('.his-btn').css({display:"none"});
              if(work_reel){
                if(!('work_reel' in res.data)){
                  mxmArr_obj[work_reel].unshift(mxm);
                  mxmArr_obj[work_reel] = mxmArr_obj[work_reel].splice(0 , 6);
                  $('.mxm').html('已处理明细码: ' + mxmArr_obj[work_reel].join('/'))
                }
              }
              if("work_reel" in res.data){
                // 如果返回出来有卷号
                work_reel = res.data.work_reel
                if(!mxmArr_obj.hasOwnProperty(work_reel)){
                  mxmArr_obj[work_reel] = []; // 如果没有这个属性 则以这个 卷号为key => 创建一个数组存放明细码
                }

                $('.work_reel').html("当前工作卷号:" + work_reel + ' ');
                $('.mxm').html('已处理明细码: ' + mxmArr_obj[work_reel].join('/'))
              }

              if('status' in res.data && res.data.status === 'NOWK'){
                $('.size-div').css('color' , 'red')
                $('.his-btn').css({display:"none"});
              }
            });
            $('.url-value').val('')
          console.log(mxmArr_obj)

        }
        $(document).keyup(function(event){
            if(event.keyCode !== 13){
                return
            }
            if(event.keyCode ==13){
              if($('#binding_id').length > 0){
                focus($('#binding_id'))
                addHW()
              }else{
                focus($('#txt_Title'))
                go_url()
              }
            }
        });
        $("#btn").click(function () {
            window.location.reload(true)
        })
        function workPrint(){
          {{--var one_number = $('#txt_Title').val();--}}
          {{--if(one_number.length){--}}
          {{--  return--}}
          {{--}--}}
          {{--var url = "{{env('APP_URL')}}admin/orderList?_token=il2YveKJqK0RH0ZGmqo7a8ICfBIqYrdoOBfDKpP0&goods_id="+ one_number +"&keyword=&affirm_time=&text=%E6%98%8E%E7%BB%86"--}}
          {{--$("#workPrint").prop('href' , url)--}}
        }
        function zhuxiao() {
            $.get("/admin/zhuxiao?imei={{$imeis->code}}&user={{$user_id}}", function (res) {
                // 发异步，把数据提交给php
                if (res.status == 1) {

                    //发异步把用户状态进行更改
                    //layer.msg(res.msg,{icon: 6,time:1000},function () {
                        location.href = '/admin/workLogin?imei='+res.data;
                    //});

                } else {

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

        }
        window.onbeforeunload  = function (){
          // zhuxiao()
        }
    </script>
    <style>
        .wamp{
            width: 100px;
            /*margin: 40px 0;*/
            text-align: center;
        }
        .wamp img{
            width: 150px;
        }
        .worker{
            border: 1px solid #000000;
            width: 950px;
            margin: 0 auto;
            position: relative;
        }
        .interspace{
            display: inline-block;
            width: 22px;
        }
        .tool{
            margin: 0 auto;
            width: 950px;
            height: 40px;
        }
        .tool > div{
            float: left;
        }
        .main-div{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            height: 238px;
        }
        .mix-div{
            margin-left: 10px;
            font-size: 22px;
        }
        .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;
        }
    </style>
@endsection