{extend name='pub/modal'}
{block name='content'}
<div class="layui-fluid layui-anim layui-anim-upbit" >
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form class="lotus-search-form layui-form layui-col-space5" method="get" action="materialListJson">
                        <div class="layui-inline layui-show-xs-block">
                            <input type="text" name="materialName" placeholder="请输入物料名" autocomplete="off" class="layui-input"></div>
                        <div class="layui-inline layui-show-xs-block">
                            <a class="layui-btn lotus-search-btn" lay-submit="" lay-filter="search">
                                <i class="layui-icon">&#xe615;</i></a>
                        </div>
                    </form>
                </div>
                <div class="layui-card-body layui-table-body layui-table-main">
                    <table id="lotus-table"  lay-data="{page:true,limits:[10,20,100],loading:true,toolbar:'#toolbarDemo',url:'materialListJson',hash:''}"  class="layui-table layui-hide" >
                        <thead>
                            <tr>
                                <th lay-data="{field:'materialKey', width:'6%',align:'center', sort: true}">Key</th>
                                <th lay-data="{field:'materialName', width:'10%'}">物料名</th>
                                <th lay-data="{field:'category_name',width:'13%'}">分类</th>
                                <th lay-data="{field:'partNumber',width:'11%',templet:'#priceTpl'}">partNumber</th>
                                <th lay-data="{field:'values',templet:'#leadtimeTpl',width:'8%'}">值</th>
                                <th lay-data="{field:'accuracy',templet:'#statusTpl',width:'8%'}">精准度</th>
                                <th lay-data="{field:'encapsula',width:'10%'}">封装</th>
                                <th lay-data="{field:'pack',width:'10%'}">包装</th>
                                <th lay-data="{field:'misc',width:'12%'}">misc</th>
                                <th lay-data="{'width':'12%',field:'materialKey',templet: '#actionTpl'}">操作</th>
                            </tr>
                        </thead>
                    </table>
                    <script type="text/html" id="toolbarDemo">
                        <div class = "layui-btn-container" >
                            <button class="layui-btn layui-btn-sm" onclick="xadmin.open('添加物料','addMaterial.html',560)"><i class="layui-icon"></i>添加</button>
                        </div >
                    </script>
                    <!-- <script type="text/html" id="priceTpl">
                        <span>￥{{d.price.toFixed(2)}}</span>
                    </script> -->
                    <script type="text/html" id="actionTpl">
                        <button onclick="xadmin.open('编辑物料','editMaterial.html?id={{d.materialKey}}',560)" class="layui-btn layui-btn-xs">编辑</button>
                        <button onclick="lotus.del('{{d.materialKey}}','','delMaterial.html')" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
                    </script>
                </div>

            </div>
        </div>
    </div>
</div>
<script>
    $('.lotus-search-btn').on('click',function () {
        var where = {
            start:$('input[name=start]').val(),
            goodsname:$('input[name=goodsname]').val(),
            end:$('input[name=end]').val(),
        };
        lotus.table(where);
    })

  layui.use('table', function(){
  var table = layui.table
  ,form = layui.form;
   //监听状态操作
  form.on('switch(status)', function(obj){
    if(obj.elem.checked)
        status=1;
    else
        status=0;
    $.ajax({
            url: "{:url('admin/goods/goods_status')}",
            type: 'post',
            dataType: 'json',
            data:{status:status,id:this.value},
        })
            .done(function(data){
                    if(data.code==1){
                        layer.msg(data.msg,{icon:1,time:500});
                            layui.table.reload('lotus-table');
                    }
                })
  });
});
</script>
{/block}