@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/freight' title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <div class="layui-row">
            <form action="/admin/freight" class="layui-form layui-col-md12 x-so">
                {{csrf_field()}}
                <input type="text" name="keyword"  placeholder="请输入城市" autocomplete="off" class="layui-input">
                <button class="layui-btn"  lay-filter="search" style="margin: 0"><i class="layui-icon">&#xe615;</i></button>
                <a class="layui-btn x-right importFreight" style="margin: 0"><i class="layui-icon"></i>运费设置导入</a>
            </form>
        </div>
        <table class="layui-table" lay-data="{limit:50,id:'freightEdit',width:900}" lay-filter="edit">
            <thead>
            <tr>
                <th lay-data="{field:'id',sort:true}">序号</th>
                <th lay-data="{field:'city',sort:true}">城市</th>
                <th lay-data="{field:'fweight',edit:'text',sort:true}">首重单价</th>
                <th lay-data="{field:'cweight',edit:'text',sort:true}">续重单价</th>
                <th lay-data="{field:'param',edit:'text',sort:true}">包邮参数</th>
            </tr>
            </thead>
            <tbody>
            @foreach($freight as $vo)
                <tr class="info_tr">
                    <td>{{$vo->id}}</td>
                    <td>{{$vo->city}}</td>
                    <td>{{$vo->fweight}}</td>
                    <td>{{$vo->cweight}}</td>
                    <td>{{$vo->param}}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
        {{--<div class="page">
            <div>
                {{$freight->appends($req)->links()}}
            </div>
        </div>--}}

    </div>
    <script>
        layui.use(['upload','table'], function () {
            upload = layui.upload;

            /** 上传运费 */
            upload.render({
                elem: '.importFreight' //绑定元素
                ,size: 2048
                ,accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val()
                }
                , url: '/admin/importFreight' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if(res.status == 1) {
                        layer.alert(res.msg,{icon: 6},function () {
                            location.reload();
                        });
                    } else {
                        layer.alert(res.data,{icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

            var table = layui.table;
            table.render({
                elem:"#freightEdit",
                height: 600
            });

            //监听单元格编辑
            table.on('edit(edit)', function(obj){

                var param = new Object;
                param._token = $("input[name=_token]").val();
                param.id = obj.data.id;
                param.value = obj.value;
                param.field = obj.field;

                $.post("/admin/freight", param, function (res) {

                    // console.log(res);
                    // layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {
                        // location.reload();
                        layer.msg(res.msg, {icon: 6, time: 1000});
                    } else {

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

                }, "json");

            });

        });


    </script>
@endsection