@extends('layouts.home')
@section('title', ' ')
@section('style')
    <style>
        body, td, th {
            font-family: STSong
        }

        .x-body .pro_list .p_rt p:nth-child(1) {
            margin-bottom: 10px;
        }

        .info_wrap div {
            margin-top: 10px;
            font-size: 15px;
        }
        .pro_list{
            margin-top: 10px;
            min-height:120px;
            padding-bottom:5px;
            width: 100%;
            margin-top: 30px!important;
        }
        .pro_list div button {
            border:none;
            font-size: 14px;
            color: #fff;
            margin-bottom: 10px;
            width: 100%;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background: #0baae4;
            cursor: pointer;
            border-radius: 10px;
        }
        .pro_list div button.dis{
            color: #333;
            background: #ccc;
        }
    </style>
@endsection
@section('body')
    <div class="x-body">
        <div style="text-align:center;font-size: 17px;">
            <h2 style="margin-bottom: 20px;border-bottom: 1px solid #eee">工序页</h2>
                <div class="layui-fluid pro_list" style="">
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">拼接</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">打褶</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">剪线毛</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">揽花</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">酒杯</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">检验</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">布袋 </button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">穿钩</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">挂检</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">封口</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">打孔</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">包装</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">整烫</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">敲环</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">铅块</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">定高</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">四叉</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">水洗标</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">花边</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">飘带</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">自带眉头</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space20">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">立边</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">侧边</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">底边</button>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-xs4" style="">
                            <button class="layui-col-xs12 text_nam">暗扣</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">定型</button>
                        </div>
                        <div class="layui-col-xs4" style=''>
                            <button class="layui-col-xs12 text_nam">拆布</button>
                        </div>
                    </div>
                </div>
            </a>

        </div>
        <script>
            layui.use('layer', function() {
                $('.text_nam').click(function () {
                    var work = $(this).html();
                    var _this = $(this);
                    var html = '';
                    html+= '<div style="padding: 20px 40px;" class="work">确认完成'+work+'工作</div>';
                    layer.open({
                         content: html
                        , btn: '确认'
                        , btnAlign: 'c' //按钮居中
                        , shade: 0.3 //不显示遮罩
                        , yes: function () {
                            layer.closeAll();
                            _this.addClass('dis');
                            _this.attr('disabled','disabled')
                        }
                    });
                })
            })
        </script>

@endsection