label-item.blade.php 5.5 KB
<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title></title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    {!! Admin::css() !!}

    <script src="{{ Admin::jQuery() }}"></script>

    {!! Admin::headerJs() !!}
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link type="text/css" rel="stylesheet" href="/vendor/laravel-admin/toastr/build/toastr.min.css"/>
    <script src="/vendor/laravel-admin/toastr/build/toastr.min.js"></script>
    <script src="/vendor/laravel-admin/jquery-pjax/jquery.pjax.js"></script>
    <script src="/assets/layer-v3.1.1/layer/layer.js"></script>
    <script src="/assets/layui/layui.js"></script>
    <script src="/vendor/laravel-admin/sweetalert2/dist/sweetalert2.min.js"></script>
    <script src="{{ admin_asset("vendor/laravel-admin/AdminLTE/plugins/iCheck/icheck.min.js")}}"></script>
    <script src="/assets/admin/js/main.js"></script>
    <script src="/assets/admin/js/common.js?1"></script>


    <link rel="stylesheet" type="text/css" href="/vendor/laravel-admin/AdminLTE/plugins/select2/select2.min.css" />
    <script src="/vendor/laravel-admin/AdminLTE/plugins/select2/select2.full.min.js"></script>
    <link type="text/css" rel="stylesheet" href="/assets/admin/css/main.css?11111111"/>
    <link type="text/css" rel="stylesheet" href="/vendor/laravel-admin/sweetalert2/dist/sweetalert2.css"/>
    <link rel="stylesheet" href="{{ admin_asset("vendor/laravel-admin/AdminLTE/plugins/iCheck/square/blue.css") }}">
</head>
<body class="hold-transition">
<div class="wrapper">
   {{-- <form action="categories/{{$id}}/labels" method="post" accept-charset="UTF-8" class="" enctype="multipart/form-data" pjax-container="">--}}
    <div class="box-body">
        <div class="fields-group">
            <div class="col-sm-12">
                <div class="form-group col-sm-12 clear-both row " style="clear:both;">
                    <label for="name" class="col-sm-2 col-form-label asterisk">标签明细名称</label>
                    <div class="col-sm-10">
                        <input id="name" name="name" class="form-control name" placeholder="输入 标签明细名称" value="{{ optional($label_item)->name }}" required />
                        <span class="form-text text-muted">
                            <i class="fa fa-info-circle"></i>&nbsp;标签名称 请勿超过 20 个字
                        </span>
                    </div>
                </div>

                <div class="form-group col-sm-12 clear-both row " style="clear:both;">
                    <label for="description" class="col-sm-2  col-form-label">标签描述</label>
                    <div class="col-sm-10">
                        <textarea id="description" name="description" class="form-control description" rows="5" placeholder="输入 标签描述">{{ optional($label_item)->description }}</textarea>
                        <span class="form-text text-muted">
                            <i class="fa fa-info-circle"></i>&nbsp;回答 请勿超过 255 个字
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card-footer" style="height: 50px!important;">
        <div class="col-md-1"></div>
        <div class="col-md-10 col-md-8">
            <div class="d-flex d-sm-inline-flex align-items-center">
                <button type="button" class="btn btn-success btn-add">提交</button>
                {{--<button type="submit" class="btn btn-primary">提交</button>--}}
            </div>
            <div class="d-flex d-sm-inline-flex align-items-center"></div>
        </div>
    </div>
   {{-- </form>--}}
</div>

<script>

    $(function () {
        $("input:radio").iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-green',
            increaseArea: '100%' // optional
        });
        $(".btn-add").click(function () {
            let name = $("#name").val();
            if (!name) {
                toastr.error('请输入 标签明细名称。');
                return;
            }

            let url = "/admin/categories/{{$id}}/label-items";
            $.ajax({
                url: url,
                type: "POST",
                data: {
                    label_item_id:"{{$label_item_id}}",
                    name:name,
                    description:$("#description").val(),
                    _token: LA.token,
                    _method: 'POST'
                },
                success: function (data) {
                    if (data.code === 0) {
                        toastr.success(data.message);
                        window.parent.location.reload()
                    } else {
                        toastr.error(data.message);
                    }
                },
                complete:function(xhr,status) {
                    // if (status == 'success') {
                    //     // _status = xhr.responseJSON.status;
                    //
                    // }
                }
            });
        })
    })

    function LA() {}
    LA.token = "{{ csrf_token() }}";
</script>