@extends('layouts.father')
@section('title', '换片')
@section('body')
<div class="input_wamp">
    <form class="layui-form">
        {{csrf_field()}}
        <label class="layui-form-label" for="">订单明细码</label>
    <div class=" layui-input-inline">
        <input type="hidden" name="id" value="{{$id}}">
         <input type="text" name="gck_number" lay-verify="required" value="{{$hp->gck_number}}"  class=" layui-input" placeholder="订单明细码">
    </div>
        <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">事故类型:</label>
            <div class="layui-input-inline li_input">
                <select name="type" lay-verify="required">
                    <option  selected value=""></option>
                    <option  value="公司流程问题" @if($hp->type == '公司流程问题') selected @endif>公司流程问题</option>
                    <option  value="加工质量及工艺问题" @if($hp->type == '加工质量及工艺问题') selected @endif>加工质量及工艺问题</option>
                    <option  value="流程卡打单问题" @if($hp->type == '流程卡打单问题') selected @endif>流程卡打单问题</option>
                    <option  value="仓储中心发货事故" @if($hp->type == '仓储中心发货事故') selected @endif>仓储中心发货事故</option>
                    <option  value="面料检验责任" @if($hp->type == '面料检验责任') selected @endif>面料检验责任</option>
                    <option  value="客户责任" @if($hp->type == '客户责任') selected @endif>客户责任</option>
                    <option  value="第三方责任（物流、原料问题）" @if($hp->type == '第三方责任（物流、原料问题）') selected @endif>第三方责任（物流、原料问题）</option>
                    <option  value="其他" @if($hp->type == '其他') selected @endif>其他</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">流程卡提示:</label>
            <div class="layui-input-inline li_input">
                <select name="ts">
                    <option  selected value=""></option>
                    <option  value="左" @if($hp->ts == '左') selected @endif>左</option>
                    <option  value="右" @if($hp->ts == '右') selected @endif>右</option>

                </select>
            </div>
        </div>
        <label class="layui-form-label" for="">第几次换片</label>

        <div class=" layui-input-inline">
         <input type="number" name="times" lay-verify="required" value="{{$hp->times}}" class="number1 layui-input" placeholder="只可以输入一位数字">
    </div>
        <label class="layui-form-label" for="">换片原因</label>

        <div class=" layui-input-inline">
            <input type="text" name="reason" lay-verify="required" value="{{$hp->reason}}" class="number1 layui-input" placeholder="换片原因">
        </div>
        <label class="layui-form-label" for="">审核人</label>

        <div class=" layui-input-inline">
            <input type="text" name="people" lay-verify="required" value="{{$hp->people}}" class="number1 layui-input" placeholder="审核人">
        </div>
        <label class="layui-form-label" for="">数量</label>

        <div class=" layui-input-inline">
        <input type="number" name="num" lay-verify="required" value="{{$hp->num}}" class="number2 layui-input" placeholder="数量 只可以输入两位数字">
    </div>
    <div>
        <label class="layui-form-label">重做/延续:</label>
        <div class="">
            <input type="radio"  name="cz" @if($hp->cz == '重做' || $hp->cz == '') checked @endif value="重做" title="重做">
            <input type="radio"  name="cz" @if($hp->cz == '延续') checked @endif value="延续" title="延续">
        </div>
    </div>
    <br>
    <br>
    <div class="layui-btn submit" lay-filter="addd" lay-submit="" >保存</div>
    </form>
</div>
<style>
    .input_wamp{
        width: 300px;
        height: 300px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin:auto;
    }
   .input_wamp > div{
       width: 500px;
   }
    .submit{
        margin-left: 130px;
    }
</style>
    <script>
        let number1 = document.querySelectorAll(".number1")[0]
        let number2 = document.querySelectorAll(".number2")[0]
        number1.addEventListener("input" , function(){
            if(this.value.length >= 1){
                this.value = this.value.slice(0 , 1)
            }
        })
        number2.addEventListener("input" , function(){
            if(this.value.length >= 2){
                this.value = this.value.slice(0 , 2)
            }
        })
        layui.use(['form','layer','laydate', 'upload'], function(){
            $ = layui.jquery;
            upload = layui.upload;
            var form = layui.form
                ,layer = layui.layer;
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test11'
            });
            //自定义验证规则
            form.verify({
                pass: [/(.+){6,16}$/, '密码必须6到16位']
            });

            //监听提交
            form.on('submit(addd)', function(data){
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                var id = $("input[name=id]").val()
                if(id == ''){
                    url = "/admin/hpAdd";
                }else{
                    url = "/admin/hpEdit";
                }
                $.post(url, data.field, function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {

                        // console.log(res);
                        layer.alert(res.msg, {icon: 6},function (index) {
                            //关闭当前frame
                            parent.location.reload();
                            parent.layer.close(index);
                            //layer.close(index);
                            //location.href = '/admin/hpAdd?id='+res.data.id;
                        });
                    } else {

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

                }, "json");
                return false;
            });
        });
    </script>
@endsection