@extends('layouts.father')
@section('style')
    <style>
        html, body {
            height: 100%;
            width: 100%;
        }

        * {
            margin: 0;
            padding: 0;
        }
        .infWrap p {
            margin-bottom: 20px
        }

        .dn{
            display: none;
        }
        .modelWrap img {
            width: 414px;
            float: left
        }

        .selectWrap a {
            width: 149px;
            display: inline-block;
            text-align: center;
            left: 0;
            color: #333;
            text-decoration: none;
            border-top: 1px solid #333;
            position: absolute;
            bottom: 0;
            height: 100px;
            line-height: 100px;
            border-radius: 0 0 0 10px
        }

        .selectWrap a:last-child {
            left: 149px;
            border-left: 1px solid #333;
            border-radius: 0 0 10px 0
        }

        .selectWrap a:hover {
            background: #ccc
        }
        .twenty{
            width: 200px;
        }
        .normal{
            padding: 0 !important;
        }
    </style>
@endsection
@section('title')
    收款单详情
@endsection
@section('body')
    <div class="wrap">
        <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"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form">
                {{csrf_field()}}
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                        <input type="hidden" name="id" value="{{$gathering->id}}">
                        <div id="putIn" class="inPut">
                            @if($verify['verify'] == '未审核')
                                <a onclick="do_gathering({{$gathering->id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  审核</div></a>
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销</div>
                            @elseif($verify['verify'] == '已审核')
                                <div id="putIn" class="inPut">
                                    <a onclick="" href="javascript:void(0)"><div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  审核</div></a>
                                    <a onclick="back_gathering({{$gathering->id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
                                </div>
                            @endif
                        </div>
                    </div>
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">{{$verify['status']}}</span>
                    <div class="operation" style="float: right;margin-right: 212px">
                        <div class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</div>
{{--                        <div class="layui-btn" onclick="del_gathering({{$gathering->id}})"><i class="layui-icon">&#xe640;</i>  删除</div>--}}
                    </div>
                </xblock>
                <div style="width: 100%;display: flex">
                    <div class="info_container " style="width: 40%;">
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>收款单编号:</label>
                            <div class="layui-input-block">
                                <input type="text" name="ga_num" value="{{$gathering->ga_num}}" disabled="disabled" lay-verify="required" autocomplete="off" placeholder="" class="layui-input li_input layui-bg-gray">
                            </div>
                        </div>
                        <div  class="layui-form-item">
                            <label class="layui-form-label">关联单据:</label>
                            <div class="layui-input-block">
                                <input type="text" name="relevances" value="{{$gathering->relevances}}"  disabled="disabled" autocomplete="off" placeholder="" class="layui-bg-gray layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>对象名称:</label>
                            <div class="layui-input-inline twenty input-selete">
                                <select name="client_id" lay-filter="client_name" lay-verify="required" @if(isset($gathering->mx)) disabled="" @endif  lay-search>
                                    <option value="">对象名称</option>
                                    @foreach($clientNameArr as $k => $c)
                                        <option data-value="{{$client[$k] or ''}}" @if($k == $gathering->client_id) selected @endif value="{{$k}}">{{$c}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <input type="hidden" value="{{$gathering->client_name}}" class="layui-input layui-btn-disabled" >
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">单据日期:</label>
                            <div class="layui-input-block twenty">
                                <input name="dj_time" type="text" data-time="{{$gathering->dj_time}}" value="{{$gathering->dj_time}}" placeholder="选择日期范围" class="layui-input no-verify" id="test11" lay-key="7" autocomplete="off">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>业务类型:</label>
                                <div class="layui-input-inline twenty input-selete">
                                <select name="type" @if(isset($gathering->mx)) disabled @endif lay-verify="required" lay-filter="typeCate">
                                    <option value="">请选择类型</option>
                                    @foreach( $type as $vo)
                                        @if(isset($vo['child']))
                                            <option disabled>{{$vo['name']}}</option>
                                            @foreach($vo['child'] as $v)
                                                <option @if($gathering->type == $v['id'])) selected @endif value="{{$v['id']}}"> - {{$v['name']}}</option>
                                            @endforeach
                                        @else
                                            <option @if($gathering->type == $vo['id'])) selected @endif value="{{$vo['id']}}">{{$vo['name']}}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="sk_red x-red"  @if($gathering->dk_money) style="display: none" @endif >*</span>收款账户:</label>
                            <div class="layui-input-inline twenty input-selete">
                                <select name="account"  @if($gathering->money) lay-verify="required" @endif @if($gathering->dk_money) disabled @endif>
                                    <option value="">请选择账号</option>
                                    @foreach( $bank as $key => $vo)
                                        <option @if($gathering->account == $key)) selected @endif value="{{$key}}">{{$vo.$key}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item" style="width: 1000px">
                            <label class="layui-form-label"><span class="money_red x-red" @if($gathering->money == '') style="display: none" @endif>*</span>实收金额:</label>
                            <div class="layui-input-inline">
                                <input type="text" name="money" @if($gathering->money != '') lay-verify="required" @endif onclick="setMoney('0')" value="{{$gathering->money}}" @if(isset($gathering->mx) && $gathering->mx) disabled @endif  autocomplete="off" class="layui-input moneyAll @if(isset($gathering->mx) && $gathering->mx) layui-btn-disabled @endif  ">
                            </div>
                            <div class="layui-input-inline" style="width: 500px">
                                <input type="radio" value="0" name="moneyRadio" @if($gathering->money) checked @endif lay-filter="moneyRadio" class="layui-input">
                                @if(!(isset($gathering->mx) && $gathering->mx))<input type="checkbox" name="red"   lay-filter="redLetter" title="红字" class="layui-input layui-btn-danger" @if($gathering->money < 0) checked @endif>@endif
                                @if(isset($order->unit_money)) <input type="radio" name="selectMoney" value="{{$order->unit_money}}" lay-filter="money" title="出厂价"> @endif
                                @if(isset($order->money)) <input type="radio" name="selectMoney" value="{{$order->money}}" lay-filter="money" title="销售价"> @endif
                                @if(isset($order->tp_money)) <input type="radio" name="selectMoney" value="{{$order->tp_money}}" lay-filter="money" title="贴牌价"> @endif
                            </div>
                        </div>
                        <div class="dk layui-form-item" @if(isset($busCate) && $busCate->name != '销售应收' && $busCate->name != '售后处理') style="display: none;" @endif>
                            <label class="layui-form-label"><span class="dk_money_red x-red"  @if($gathering->dk_money == '') style="display: none" @endif>*</span>抵扣金额:</label>
                            <div class="layui-input-inline">
                                <input type="text" name="dk_money" @if($gathering->dk_money != '') lay-verify="required" @endif onclick="setMoney('1')" value="{{$gathering->dk_money}}" @if(isset($gathering->mx) && $gathering->mx) disabled @endif autocomplete="off" class="layui-input moneyAll @if(isset($gathering->mx) && $gathering->mx) layui-btn-disabled @endif ">
                            </div>
                            <div class="layui-form-mid layui-word-aux">
                                <input type="radio" value="1" name="moneyRadio"  @if($gathering->dk_money) checked @endif  lay-filter="moneyRadio">
                                <span id="yck">当前预存账户余额 ：{{ isset($client[$gathering->client_id]) ? round($client[$gathering->client_id],2) : '' }}</span>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">备注:</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" name="remark">{{$gathering->remark}}</textarea>
                            </div>
                        </div>
                        <div class="layui-form-item" style="display: flex">
                            <div>
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="creater" value="{{$gathering->creater}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                            <div>
                                <label class="layui-form-label">创建时间:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="created_at" value="{{$gathering->created_at}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                            <div>
                                <label class="layui-form-label">审核人:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="auditor" value="{{$gathering->auditor}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                            <div>
                                <label class="layui-form-label">审核时间:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="auditor_time" value="{{$gathering->auditor_time}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="receiptTable" style="margin: 0 auto">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>应收编号</th>
                            <th>业务类型</th>
                            <th>本次收款金额</th>
                            <th>剩余应收</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if(isset($gathering->mx))
                        @foreach( $gathering->mx as $k=>$mx)
                            <tr>
                                <td class="normal" style="width: 10%">
                                    <input type="text" value="{{$k+1}}" class="layui-input layui-btn-disabled" disabled>
                                    <input type="hidden" name="relevance_id[]" value="{{$mx['relevance_id']}}">
                                </td>
                                <td class="normal">
                                    <input type="hidden" name="relevance[]" value="{{$mx['relevance']}}">
                                    <a href="javascript:;" class="layui-input layui-btn-disabled" style="line-height: 39px" onclick="x_admin_show('应收款单' , '/admin/receiptAdd?id={{$mx["relevance_id"]}}')">{{$mx['relevance']}}</a>
                                </td>
                                <td class="normal dingdan">
                                    <input type="text" name="mx_type[]" value="{{$mx['type']}}" class="layui-input layui-btn-disabled" disabled>
                                </td>
                                <td class="normal">
                                    {{-- 本次应收金额 --}}
                                    {{-- 表单中只可以输入 数字 不可以输入别的  --}}
                                    <input type="number" name="sk_money[]" value="{{$mx['sk_money'] or ''}}" lay-verify="require|number" class="layui-input " style="width:70%;display: inline-block" >
                                    <input type="checkbox" title="红字" @if($mx['sk_money'] < 0) checked @endif lay-filter="red_info" class="layui-input layui-btn-danger">

                                </td>
                                <td class="normal">
                                    <input type="text" value="{{$mx['act_money'] or ''}}" class="layui-input layui-btn-disabled" disabled>
                                </td>
                                <td class="normal">
                                    <a class="layui-btn" onclick="del_gatheringInfo(this,{{$mx['id'] or ''}})" href="javascript:;">删除</a>
                                    <a class="layui-btn" onclick="x_admin_show('创建收款单','/admin/gatheringAdd?rid={{ $mx['relevance_id'] }}');" href="javascript:;">创建收款单</a>
                                </td>
                            </tr>
                        @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
            </form>
        </div>

    </div>
    <script>
        var form;
        let time = $('input[name=dj_time]').data('time')
        let params = new URLSearchParams(window.location.search)
        let id = params.get('id')
        console.log(id)
        if(time.length >1 ){
            time = time.split(' ')[0]
        }else{
            if(!id){
                time = new Date()
                $('input[name=dj_time]').val(time)
            }
        }

        layui.use(['form','layer','laydate', 'upload'], function(){
            $ = layui.jquery;
            upload = layui.upload;
            form = layui.form
                ,layer = layui.layer;
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test11',
                value:time
            });

            //监听提交
            form.on('submit(addd)', function(data){
                if (!data.field.money && !data.field.dk_money){
                    layer.msg('应收金额和抵扣金额必须填写一个')
                    return
                }
                //var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                // var id = $("input[name=gatheringId]").val()
                // if(id == ''){
                    url = "/admin/gatheringAdd";
                // }else{
                //     url = "/admin/gatheringUpdate";
                // }
                $.post(url, data.field, function (res) {
                    console.log(res)
                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {

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

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

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

            form.on('select(typeCate)', function(data){
                /*if(data.value == '1') {
                    $(".dk").show();
                } else {
                    $(".dk").hide();
                }*/
            });
            form.on('radio(money)', data =>{
                console.log(data)
                let moneyall = document.querySelector('.moneyAll')
                moneyall.value = data.value
            })
            form.on('select(client_name)', function(data){
                var money = $(data.elem).find('option:selected').data('value');
                $("#yck").html("当前预存账户余额 ："+money);
            });
            form.on('checkbox(redLetter)',function(data){
                let moneyInput = $('input[name=money]')
                let money = moneyInput.val().replace('-', '')
                if(data.elem.checked){ //选中了
                    moneyInput.val(Number('-' + money))
                }else{
                    moneyInput.val(Number(money))
                }
            })
            form.on('checkbox(red_info)', function(data){
                let moneyInput = $(this).siblings('input[type=number]')
                let money = moneyInput.val().replace('-', '')
                if(data.elem.checked){
                    //选中的状态
                    moneyInput.val(Number('-' + money))
                }else{
                    moneyInput.val(Number(money))
                }
                let moneyAll = allMoney()
                $(".layui-form-radioed")
                let index = $(".layui-form-radio").index($(".layui-form-radioed")) //获取选中的下标
                if(index === 0){
                    $('input[name=money]').val(moneyAll)
                }
                if(index === 1){
                    $('input[name=dk_money]').val(moneyAll)
                }
            });

            form.on('radio(moneyRadio)', function(data){
                setMoney(data.value);

            });

            $("#receiptTable").find("input[type=number]").each(function(){
                if($(this).val().indexOf("-") !== -1){ //初始化 红字
                    red($(this).next().find('div'))
                }
            })
        });
        function allMoney(){ //计算总价格
            let allMoney = 0;
            $("#receiptTable").find('input[type=number]').each(function(){
                allMoney += Number($(this).val())
            })
            return allMoney
        }
        function red (Vnode){ // 勾选红字
            Vnode.addClass("layui-form-checked")
        }


        let money = 0
        $("#receiptTable").find("input[type=number]").each(function(){
            money += Number($(this).val())
        })


        let moneyObj  = {
            money:0
        }
        $(".moneyAll").on('blur',function () {
            if($("#receiptTable").find("input[type=number]").length === 0){
                moneyObj.money = Number($(this).val())
            }
        })
        $('.moneyAll').on('focus' ,function () {
            if($("#receiptTable").find("input[type=number]").length === 0){
                if(moneyObj.money === 0){
                    return
                }
                $(this).val(moneyObj.money)
            }
        })


        $("#receiptTable").find("input[type=number]").on("input",function(){
            money = 0
            $($("#receiptTable").find("input[type=number]").each(function(){
                money += Number($(this).val())
            }))
            let index =  $(".layui-form-radio").index($(".layui-form-radioed"))
            $(".moneyAll").eq(index).val(money)
        })
        function setMoney(type) {
            let money = allMoney()
            if(money == 0)
                money = '{{$gathering->money + $gathering->dk_money}}';
            if(type == 0) { // 点选实收金额
                if($("input[name=money]").val() == "")
                    if(money != 0){
                        $("input[name=money]").val(money);
                    }
                $("input[name=dk_money]").val("");
                $("input[name=money]").attr("lay-verify","required");
                $("input[name=dk_money]").removeAttr("lay-verify");
                $(".money_red").show();
                $(".dk_money_red").hide();

                $("select[name=account]").removeAttr("disabled");
                $("select[name=account]").removeClass("layui-bg-gray");
                $("select[name=account]").attr("lay-verify","required");
                $(".sk_red").show()
                // 应收金额
                // $("input[name=dk_money]").addClass("layui-btn-disabled");
                // $("input[name=money]").removeClass("layui-btn-disabled");
            } else if(type == 1) { // 点选抵扣金额
                if($("input[name=dk_money]").val() == "")
                    if(money != 0){
                        $("input[name=dk_money]").val(money);
                    }
                $("input[name=money]").val("");

                $("input[name=dk_money]").attr("lay-verify","required");
                $("input[name=money]").removeAttr("lay-verify");
                $(".dk_money_red").show();
                $(".money_red").hide();
                $("select[name=account]").attr("disabled","disabled");
                $("select[name=account]").addClass("layui-bg-gray");
                $("select[name=account]").removeAttr("lay-verify");
                $(".sk_red").hide();
                // 抵扣金额
                // $("input[name=dk_money]").removeClass("layui-btn-disabled");
                // $("input[name=money]").addClass("layui-btn-disabled");
            }
            let vNode = $("input[name='moneyRadio']"),
                len = vNode.length

            for(let i = 0 ; i < len ; i++){
                vNode[i].nextElementSibling.classList.remove('layui-form-radioed')
                vNode[i].removeAttribute("checked")
                form.render("radio")
                if(Number(type) === i){
                    vNode[i].nextElementSibling.classList.add('layui-form-radioed')
                    setTimeout(()=>{
                        vNode[i].setAttribute('checked',"checked")
                        form.render("radio")
                    } , 100)

                }
            }
            form.render('select');
        }

        //审核
        function do_gathering(id){
            if(!id) {

                layer.alert("请先保存收款单", {icon: 2});
                return;
            }
            layer.confirm('确认要审核吗？',function(index){
                $.get("/admin/doGathering/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 1,time:1000},function () {
                            // parent.location.reload();
                            location.href = '/admin/gatheringAdd?id='+res.data.id;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 2});
                    }
                });
            });
        }
        //撤销审核
        function back_gathering(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backGathering/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 1,time:1000},function () {
                            // parent.location.reload();
                            location.href = '/admin/gatheringAdd?id='+res.data.id;
                        });

                    } else {

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

        //删除
        function del_gathering(id){
          var indexs = parent.layer.getFrameIndex(window.name)

            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成收款单',{icon: 1,time:1000});
                }else {
                    $.get("/admin/delGathering/" + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

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

                        } else {

                            layer.alert(res.msg, {icon: 2});
                        }
                    });
                }
            });
        }
        //删除收款单关联单据
        function del_gatheringInfo(e,id){

            if(!id) {
                $(e).parent().parent().remove();
                let moneyInput = $("#receiptTable").find('input[type=number]')
                money = 0
                if(moneyInput.length === 0){
                    money = 0 // 关联单据没有了
                }else{
                    moneyInput.each(function(){
                        money += Number($(this).val())
                    })
                }
                let index =  $(".layui-form-radio").index($(".layui-form-radioed"))
                $(".money").eq(index).val(money)
                return;
            }

            layer.confirm('确认要删除吗？',function(index){
                $.post("/admin/delGatheringInfo/" + id,{
                    "_token":$("input[name=_token]").val()
                }, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 1, time: 1000}, function () {
                            if(res.data == -1) {
                                // 删除了次收款单  关闭收款单窗口
                                parent.location.reload()
                            } else {
                                location.reload();
                                layer.close(index);
                            }
                        });
                    } else {
                        layer.alert(res.msg, {icon: 2});
                    }
                });

            });
        }

    </script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <style>
        .layui-form-label{
            text-align: left;
        }
    </style>
    <style>
        /* 修改选中选项的背景颜色 */
        .layui-form-selected .layui-this {
            background-color: #409EFF !important; /* 你想要的颜色 */
        }
        /* 修改选项hover时的背景颜色 */
        .layui-form-selected dl dd:hover {
            background-color:  #409EFF; /* 你想要的颜色 */
        }
        /* 修改下拉列表背景颜色 */
        .layui-form-selected .layui-select-title {
            background-color: #409EFF; /* 你想要的颜色 */
        }
        .layui-input {
            border-radius: 5px; /* 这里可以调整圆角的大小 */

        }
        .layui-input:focus {
            outline: 1px solid rgba(64, 158, 255, 0.2);

        }
        .clor{
            background:#f3f3f3 !important;
        }
        thead tr {
            background-color:#f3f3f3 !important;
        }
        .layui-form-checked i {
            background-color:#409EFF !important;
            border-color:#409EFF !important;
            color:white !important ;
        }
        .layui-form-checked[lay-skin=primary] i {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox[lay-skin=primary] i:hover {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox i {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: rgb(210, 210, 210);
        }
        .layui-form-onswitch {
            border-color: #409EFF;
            background-color: #409EFF;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }

        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-onswitch {
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-radio>i:hover, .layui-form-radioed>i {
            color: #409EFF !important;
        }
        .layui-form-checked span, .layui-form-checked:hover span {
            background-color: #409EFF !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 5px !important;
        }
        .layui-input {
            border-radius: 5px !important; /* 这里可以调整圆角的大小 */

        }
        .layui-form-checkbox[lay-skin=primary] span {
            background-color: white !important;
        }
        .layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
            border-color: #e6e6e6 !important;
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
    </style>
@endsection