@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>--}}
    <div class="x-body">
        <form class="layui-form" enctype="multipart/form-data">
            {{csrf_field()}}
            <input type="hidden" name="id" value="{{ $Obj->id }}">
            <div class="layui-form-item" style="display: flex;align-items: center">
                <label for="number" class="layui-form-label">
                    工号：
                </label>
                <input type="text" name="number" required="" value="{{ $Obj->number }}" lay-verify="required"autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-item" style="display: flex;align-items: center">
                <label for="name" class="layui-form-label">
                    姓名：
                </label>
                <input type="text" name="name" required="" value="{{ $Obj->name }}" lay-verify="required"autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">主副:</label>
                <div class="">
                    <input @if(!empty($Obj->zhufu) && $Obj->zhufu == 1) checked @else @endif type="radio"  name="zhufu" value="1" value="" title="主" lay-filter="ChoiceRadio">
                    <input @if(!empty($Obj->zhufu) && $Obj->zhufu == 1)  @else checked @endif type="radio"  name="zhufu" value="0" title="副" lay-filter="ChoiceRadio">
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;align-items: center">
                <label for="name" class="layui-form-label">
                    工资占比：
                </label>
                <input style="width: 50px" type="number" max="2" name="gongzi" required="" oninput="inputNumber(this)" value="{{ $Obj->gongzi }}" @if(!empty($Obj->zhufu) && $Obj->zhufu == 1) lay-verify="required" @endif autocomplete="off" class="layui-input">%
            </div>
            <div class="layui-form-item" style="width: 100%;text-align: center;margin-top: 20px">
                <button  id="add" class="layui-btn" lay-filter="add" lay-submit="">
                    添加
                </button>
            </div>
        </form>
    </div>
    <script>




        layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;


            //监听提交
            form.on('submit(add)', function(data){

                var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                $.post("/admin/processUserAdd", data.field, function (res) {

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

                        // console.log(res);
                        layer.alert(res.msg, {icon: 6},function () {
                            // 关闭当前frame
                            parent.location.reload();
                            parent.layer.close(index);
                        });

                    } else {

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

                }, "json");
                return false;
            });

            // 单选框 选择
            form.on('radio(ChoiceRadio)' , function (data) {
              if(data.value === '0'){
                $('input[name=gongzi]').attr('required' , false)
                $("input[name=gongzi]").attr('lay-verify' , "")
              }else{
                $('input[name=gongzi]').attr('required' , true)
                $("input[name=gongzi]").attr('lay-verify' , "required")
              }
            })
        });

        function inputNumber(element){
          if(element.value.length > 2){
            element.value = element.value.slice(0 ,2)
          }
        }

    </script>
    <style>
        .layui-form-label{
            width: 100px;
        }
    </style>
@endsection