@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/processCard" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <form action="" class="layui-form layui-col-md12 x-so" >
        <xblock>
            <div style="display:flex;">
                {{csrf_field()}}
                <div class="layui-btn" onclick="x_admin_show('手动计件','/admin/addCard',500,600)"><i class="layui-icon"></i>手动计件</div>
                <a class="layui-btn layui-btn-danger"  onclick="delAll()" >删除全部</a>
                <a class="layui-btn"  onclick="" >特殊计件</a>
                <a class="layui-btn"  onclick="" >取消特殊计件</a>
                <a class="layui-btn"  onclick="editAll()"  >编辑所选</a>
                <input type="text" name="number" value="{{ $req['number'] or '' }}"  placeholder="请输入订单明细ID" class="layui-input">
                <input type="text" name="keyword" value="{{ $req['keyword'] or '' }}"  placeholder="请输入工号或工序" class="layui-input">
                <input type="text" name="hp" value="{{ $req['hp'] or '' }}"  placeholder="请输入换片码" class="layui-input">
                <input type="text" id="date" name="date" value="{{ $req['date'] or '' }}"  placeholder="计件时间" class="layui-input">
                <div class="layui-input-inline">
                    <select name="shop" id="shop">
                        <option></option>
                    </select>
                </div>
                <button class="layui-btn"  lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
                <a class="layui-btn" href="/admin/processCard?status=1">手动</a>&nbsp;
            </div>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>
                    <input type="checkbox" name="all" lay-skin="primary" lay-filter="allSelect" class="labelPrint">
                    选择本页</th>
                <th>订单明细ID</th>
                <th>工号</th>
                <th>工序</th>
                <th>换片码</th>
                <th>是否手动</th>
                <th>计件时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach($list as $k=>$c)
                <tr class="info_tr">
                    <td class="checkboxId">
                        <input type="checkbox" name="select" lay-skin="primary" lay-filter="selectTd" class="labelPrint">
                    </td>
                    <td class="cid">{{ $c->number }}</td>
                    <td class="gh">{{ $c->gonghao }}</td>
                    <td>{{ $c->gongyi }}</td>
                    <td>{{ $c->hp_id }}</td>
                    <td>@if($c->status == 1)是 @else 否 @endif</td>
                    <td>{{ $c->time }}</td>
                    <td>
                        <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="cardDel(this , {{$c->id}}+'')" style="margin: 0 5px"  href="javascript:;">删除</a>
                        <input type="hidden" name="" value="{{$c->id}}">
                        <a class="layui-btn layui-btn-warm layui-btn-xs" onclick="x_admin_show('日志详情','/admin/historyInfo/{{$c->number}}')" href="javascript:;">查看日志</a>
                    </td>
                    
                </tr>
            @endforeach
            </tbody>
        </table>
        </form>
        <div class="page">
            <div>
                {{$list->appends($req)->links()}}
            </div>
        </div>

    </div>
    <script>

        layui.use(['laydate','form'], function () {
            var laydate = layui.laydate;
            form = layui.form;

            //执行一个laydate实例
            laydate.render({
                elem: '#date' //指定元素
            });


            form.on("checkbox(allSelect)" , function (data) {

                if(data.elem.checked){

                    $(".labelPrint").prop("checked", true);

                    form.render('checkbox');

                }else{

                    $(".labelPrint").prop("checked", false);

                    form.render('checkbox');

                }

            })

            form.on("checkbox(selectTd)" ,function () {

                let result = changeCheckboxAll()

                 $('input[name=all]').prop('checked',result)

                form.render('checkbox');

            })

        });

        function getOrderId(Vnode){ //获取ID

            let id = []

            Vnode.each((index,elem) =>{

                id.push(elem.value)

            })

            return id
        }
        function editAll(){

            let vNode = $('.info_tr .checkboxId').find('input[type=checkbox]:checked').parent().parent().find("input[type=hidden]")

            let id = getOrderId(vNode)

            let url = "<div id='saveDiv' style='margin-top:30px;'>"

            id.forEach(item =>{

                url += `<input type="hidden" name="cartId" value=${item}>`

            })

            url += "<div style='width: 50%;margin: 0 auto'><select style='width:100%' id='select'>"

            @foreach($gongyi as $g)

                   url += `<option value="{{$g}}">{{$g}}</option>`

            @endforeach

            url += "</select><a class='layui-btn' onclick='save()' style='margin:20px auto'>确认并保存</a></div></div>"

            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['480px', '240px'], //宽高
                content: url,
                success:function () {
                }
            })

        }

        function  save() { //保存

           let id = getOrderId($("#saveDiv").find("input[type=hidden]"))

            let mySelect=document.getElementById("select");

            let index = mySelect.selectedIndex

            let value = mySelect.options[index].value;

            $.get(`/admin/allCard?id=${id.join(',')}&gongyi=${value}`,function (res) {

                if(res.status === 1){

                    layer.msg(res.msg)

                    window.location.reload()

                }

            })

        }

        function changeCheckboxAll(){ //改变全选的按钮

            let flag = true //默认选中

            let checkboxIdObj = $(".info_tr .checkboxId").find("input")

            for(let i = 0 ; i < checkboxIdObj.length ; i++){

                if(checkboxIdObj[i].checked === false){

                    flag = false

                    break // 当有一个不选中是返回

                }

            }

            return flag

        }

        function delAll() {

            layer.confirm('确认要删除吗？', function (index) {
                let id = '';//[]
                var checkboxIdobj = $(".info_tr .checkboxId").find("input")
                for (let i of checkboxIdobj) {
                    if (i.checked === true) {
                        let tr = i.parentNode.parentNode
                        // data.push($(tr).find('.e-id').html())
                        id += id == '' ? $(tr).find('input[type=hidden]').val() : ',' + $(tr).find('input[type=hidden]').val();
                    }
                }

                if (id == '') {
                    layer.alert('请选择需要删除的工序', {icon: 5});
                    return;
                }
                console.log(id);

                $.post("/admin/allCardDel", {
                    '_token': $("input[name=_token]").val(),
                    'id': id,
                }, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });

                    } else {

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

            });
        }

            function cardDel(e , id) {
              const people = $(e).parents('.info_tr').find('.gh').html();
              layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/processCardDel?id="+id+"&people="+people, {
                }, function (res) {

                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });
                    } else {

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

        }
    </script>

@endsection