@extends('layouts.father')
@section('title', '工序管理列表')
@section('body')
    {{--<div class="x-nav">--}}
      {{--<span class="layui-breadcrumb">--}}
        {{--<a onclick="goindex()">首页</a>--}}
        {{--<a href="">生产管理</a>--}}
        {{--<a><cite>工序管理列表</cite></a>--}}
      {{--</span>--}}
        {{--<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/admin/process" title="刷新">--}}
            {{--<i class="layui-icon" style="line-height:30px">&#xe669;</i></a>--}}
    {{--</div>--}}

    <div class="x-body">
   <div class="wamper " id="order-dy-id">
       <img src="{{$data}}" alt="" class="dayinImage">
       <br>
       <span style="text-align: center">{{$process->process}}{{$gyqh}}</span>
       <div onclick="dayin()" class="dayin" style="margin-top: 20px">
           <a class="layui-btn" style="z-index: 1000">打印</a>
       </div>
   </div>
    </div>
    <script>
        function dayin(){
            $('.dayin').remove()
            wrapHtml = document.querySelector('.x-body').innerHTML
            bdhtml = document.querySelector('#order-dy-id').innerHTML;//获取当前页的html代码
            window.document.body.innerHTML = bdhtml;
            window.print();
            location.reload()
        }
    </script>
    <style>
        .dayinImage{
            width: 2cm;
            /*height: 2cm;*/

        }
        .wamper{
            width: 200px;
            height: 200px;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            text-align: center;
        }
    </style>
@endsection