@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">ဂ</i></a>--}}
    <div class="x-body" style="display: flex;justify-content: space-between">
        @if(empty($imeis))
            <span class="no-admin"></span>
        @elseif(empty($worker))
            当前员工未绑定
        @else
            <div class="layui-btn" onclick="zhuxiao()">注销</div>
            <div class="worker">
                <div style="text-align: center;margin-top: 10px"><b style="font-size: 20px">工序管理系统</b>(请使用美式键盘)</div>
                <div class="main-div">
                    <div style="width: 40%;margin: 40px 0">
                        <div class="mix-div" style="margin-bottom: 20px">当前操作员：{{$worker->name}}</div>
                        <div class="mix-div">本机工序：{{$imeis->process}}</div>
                    </div>
                    <div style="width: 40%;margin: 40px 0">
                        <div class="mix-div" style="margin-bottom: 20px">工号：{{$worker->number}}</div>
                        <div class="mix-div">设备号：{{$imeis->code}}</div>
                        <audio preload="auto" id="music" src="/images/工作3.mp3"></audio>
                    </div>
                    <div id="qrcode" style="margin: 15px"></div>
                </div>
                <strong><div class="size-div sizediv" style=""></div></strong>
                <strong><div class="imei-div sizediv" style=""></div></strong>
                <strong><div class="id-div sizediv" style=""></div></strong>
                <div>
                    <input class="layui-input url-value" id="txt_Title">
                </div>
            </div>
            <div></div>
        @endif
    </div>
    <script type="text/javascript" src="/js/qrcode.min.js"></script>
    <script>
      // new QRCode(document.getElementById("qrcode"), "http://www.runoob.com");
      var qrcode = new QRCode("qrcode", {
        text: 'https://lcyjfz.cpolar.cn/public/question/fdf001e8-c7b4-43bb-9ae9-b40d71eca6f7?gonghao={{$worker->number}}',
        width: 75,
        height: 75,
        colorDark : "#000000",
        colorLight : "#ffffff",
        correctLevel : QRCode.CorrectLevel.H
      });
      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;
        }
      }

      function go_url(){
        $.get('http://'+ window.location.host + '/admin/doEngineering?people={{isset($worker->number)?$worker->number:''}}&process={{isset($imeis->process)?$imeis->process:''}}&number='+$('.url-value').val(), function (res) {
          // 发异步，把数据提交给php
          //发异步把用户状态进行更改

          if( res.data.status == 2){
            $(".size-div").css('color','red')
          }else {
            $(".size-div").css('color','black')
          }
          $(".size-div").text(res.msg);
        });
        $('.url-value').val('')
      }
      $(document).keyup(function(event){
        if(event.keyCode ==13){
          go_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});
              }
          });
      }
    </script>
    <style>
        .worker{
            border: 1px solid #000000;
            width: 600px;
        }
        .main-div{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            height: 200px;
        }
        .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;
        }
    </style>
@endsection