{extend name='pub/modal'}
{block name='content'}
<!-- 顶部开始 -->
<div class="layui-layout layui-layout-admin" >
    <div class="layui-header">
    <div class="layui-logo shop">{$shopname}</div>
    <ul class="layui-nav layui-layout-left" style="line-height: 200%;">
      <li class="layui-nav-item"><a href="/index/index" title="进入收银界面"><span class="layui-icon layui-icon-rmb" style="margin-right:5px;"></span>收银</a></li>
      <li class="layui-nav-item"><a href="/index/member/"><span class="layui-icon layui-icon-user" style="margin-right:5px;"></span>会员</a></li>
      <li class="layui-nav-item"><a href=""><span class="layui-icon layui-icon-form" style="margin-right:5px;"></span>账单</a></li>
      <li class="layui-nav-item layui-bg-cyan"><a href=""><span class="layui-icon layui-icon-list" style="margin-right:5px;"></span>交接班</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">基础</a>
        <dl class="layui-nav-child">
          <dd><a href="/index/basic/">商品管理</a></dd>
                <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}')">供应商管理</a>
                </dd>
                <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}')">品牌管理</a>
                </dd>
        </dl>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;">库存</a>
        <dl class="layui-nav-child">
          <dd><a onclick="xadmin.open('店铺基本信息设置','{:url(\'index/base_config/set\')}')">库存列表</a></dd>
          <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}')">新建采购</a>
                </dd>
                <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}')">新建退货</a>
                </dd>
                <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}')">退货管理</a>
                </dd>
          <dd><a  href="javascript:logout()">采购列表</a>
                </dd>
                <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}')">商品调价</a>
                </dd>
                <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}')">调价列表</a>
                </dd>
        </dl>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;">更多<span class="layui-icon layui-icon-more" style="margin-right:5px;"></span></a>
        <dl class="layui-nav-child">
          <dd><a onclick="xadmin.open('店铺基本信息设置','{:url(\'index/base_config/set\')}')">基本设置</a></dd>
          <dd><a onclick="xadmin.open('修改密码','{:url(\'index/login/editPasswd\')}',400,350)">修改密码</a>
                </dd>
          <dd><a  href="javascript:logout()">注销账号</a>
                </dd>
        </dl>
      </li>
    </ul>

    <ul class="layui-nav layui-layout-right" lay-filter="">
        <li class="layui-nav-item layui-hide-xs" lay-unselect="" title="全屏">
            <a  href="javascript:" id="fullscreen">
                <i class="layui-icon layui-icon-screen-full"></i>
            </a>
        </li>
        <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;" class="layui-btn layui-bg-gray"><i class="layui-icon layui-icon-username" style="margin-right:5px;"></i>{$usinfo}</a>
        </li>
        <li class="layui-nav-item"><a style="margin-right:5px;">&nbsp;</a></li>
    </ul>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<div class="layui-side" style="width:25%;background:#FFF;border-right:1px dashed #999;padding:10px;">
    <div class="layui-row">
    	<fieldset class="layui-elem-field layui-field-title" >
                <legend style="color:#FF5722">快速添加店铺商品</legend>
            </fieldset>
        <form class="layui-form layui-form-pane" id="lotus-add-form" action="addMember" method="post">
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-inline">
                <label class="layui-form-label">货&nbsp;&nbsp;&nbsp;号</label>
                <div class="layui-input-inline">
                    <input type="text" id="sku" name="sku" placeholder="请输入商品编码/货号" lay-verify="required|sku" autocomplete="off" class="layui-input" autofocus="autofocus">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">条&nbsp;&nbsp;&nbsp;码</label>
                <div class="layui-input-inline">
                    <input type="text" id="barcode" name="barcode" placeholder="请输入商品条码" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-block">
                <label class="layui-form-label">商品名称</label>
                <div class="layui-input-block">
                    <input type="text" id="goodsname"  name="goodsname" lay-verify="required|goodsname" autocomplete="off" placeholder="请输入商品名称" class="layui-input">
                </div>
            </div>
            <div class="layui-inline"></div>
            </div>
                
                <div class="layui-row">
                    <div class="layui-inline">
                <label class="layui-form-label">分&nbsp;&nbsp;&nbsp;类</label>
                <div class="layui-input-inline">
                    <select lay-filter="aihao" name="category">
                        <option value="0">顶级分类</option>
                        {volist name='categorys' id='vo'}
                            <option value="{$vo.id}">{$vo.level-1|str_repeat='丨--',###}{$vo.category_name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
                <div class="layui-inline">
                    <label class="layui-form-label">单&nbsp;&nbsp;&nbsp;位</label>
                <div class="layui-input-inline">
                    <input type="text" id="unit"  name="unit" lay-verify="required|unit" placeholder="请输入商品单位" autocomplete="off" class="layui-input">
                </div>
                </div>
            </div>
                <div class="layui-row">
                    <div class="layui-inline">
                            <label class="layui-form-label">参考进价</label>
                            <div class="layui-input-inline">
                            <input type="text"  name="cost" lay-verify="required" placeholder="参考进价" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-inline">
                <label class="layui-form-label">参考销售价</label>
                <div class="layui-input-inline">
                    <input type="text"  name="price" placeholder="销售价" autocomplete="off" class="layui-input">
                </div>
            </div>

                    <div class="layui-inline">
                <label class="layui-form-label">规格</label>
                <div class="layui-input-inline">
                    <input type="text"  name="spec" lay-verify="required" placeholder="商品规格" autocomplete="off" class="layui-input">
                </div>
            </div>
            
        </div>
        <div class="layui-row">
            <div class="layui-inline">
                <label class="layui-form-label">净重</label>
                <div class="layui-input-inline">
                    <input type="text"  name="net" placeholder="净重" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-row">
                    <div class="layui-inline">
                <label class="layui-form-label">毛重</label>
                <div class="layui-input-inline">
                    <input type="text"  name="wet" placeholder="毛重" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">产地</label>
                <div class="layui-input-inline">
                    <input type="text"  name="org" placeholder="产地" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-inline">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-inline">
                    <select lay-filter="aihao" name="status">
                        <option value="1">启用</option>
                        <option value="0">禁止</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-block">
                <label class="layui-form-label">商品描述</label>
                <div class="layui-input-block">
                    <textarea  name="comment" style="height:60px;" class="layui-input"></textarea>
                </div>
            </div>
            <div class="layui-inline"></div>
            </div>
    </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button style="margin-left: 20%" class="layui-btn" lay-submit="" lay-filter="toSubmit">提交</button>
                    <button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
  </div>

<!-- 右侧主体开始 -->
<div class="layui-body right layui-bg-gray" style="left:26%;padding:10px;">
    <div class="layui-fluid layui-anim layui-anim-upbit">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md12">
                <!--收款版块-->
                <div class="layui-card">
                    <div class="layui-card-header goods_pal_title" id="goods_pal_title">会员列表</div>
                    <div class="layui-card-body ">
                    <form class="layui-form layui-col-space10" id="ajaxForm" method="get" >
                        <div class="layui-inline layui-show-xs-block">
                            <input class="layui-input" style="width:120px;" autocomplete="off" placeholder="开始日" name="start" id="start"></div>
                        <div class="layui-inline layui-show-xs-block">
                            <input class="layui-input" style="width:120px;" autocomplete="off" placeholder="截止日" name="end" id="end"></div>
                        <div class="layui-inline layui-show-xs-block">
                            <input type="text" name="smember_name" placeholder="请输入名称" autocomplete="off" class="layui-input"></div>
                        <div class="layui-inline layui-show-xs-block">
                            <a class="layui-btn lotus-search-btn"  lay-filter="search">
                                <i class="layui-icon">&#xe615;</i></a>
                        </div>
                    </form>
                </div>
                    <div class="layui-card-body layui-row goods_pal_body" id="goods_pal_body">
                        <table id="lotus-table"  lay-data="{page:true,limits:[10,20,50,100],loading:true,url:'/index/basic/goodsListJson',toolbar:true,hash:''}"  class="layui-table layui-hide" >
                        <thead>
                        <tr>
                            <th lay-data="{field:'id',width:80,sort: true}">ID</th>
                            <th lay-data="{field:'goodsname',sort:true}">商品名称</th>
                            <th lay-data="{field:'unit',width:60}">单位</th>
                            <th lay-data="{field:'category_name',sort:true,width:80}">分类</th>
                            <th lay-data="{field:'spec',width:80}">规格</th>
                            <th lay-data="{field:'price',templet:function(d){
        return '<span>￥'+(d.price).toFixed(2)+'</span>';
                            },width:100}">参考售价</th>
                            <th lay-data="{field:'status',width:80,templet:'#statusTpl'}">状态</th>
                            <th lay-data="{field:'id',templet:'#actionTpl'}">操作</th>
                        </tr>
                        </thead>
                    </table>
                    <script type="text/html" id="actionTpl">
                        <button onclick="xadmin.open('编辑商品','editGoods.html?id={{d.id}}',720)" class="layui-btn layui-btn-xs">编辑</button>
                        <button onclick="lotus.del('{{d.id}}','delGoods')" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
                        <button onclick="xadmin.open('商品详情','desGoods.html?id={{d.id}}')" class="layui-btn layui-btn-success layui-btn-xs">详情</button>
                    </script>
                    <script type="text/html" id="statusTpl">
                        {{#  if(d.status==1){  }}
                        <span class="layui-badge layui-bg-green">可用</span>
                        {{#  }else{  }}
                        <span class="layui-badge">禁用</span>
                        {{#  } }}
                    </script>
                    </div>
                </div>
            </div>
        
    </div>
</div>
<div class="layui-footer footer" style="left:25%;">
    
</div>
</div>
<script>
    $('.lotus-search-btn').on('click',function () {
        var where = {
            start:$('input[name=start]').val(),
            smember_name:$('input[name=smember_name]').val(),
            end:$('input[name=end]').val(),
        };
        lotus.table(where);
    })
</script>
<script type="text/javascript">
$(function(){
    //会员卡信息读取
    $('#readcard').click(function(event){
            cardno = $('#cardNo').val();
            if(cardno == ""){
            layer.msg("会员卡/身份证号/手机号不能为空！",{icon:5,time:1000});
            return false;
        }
            $.ajax({
                url:"{:url('index/index/readCard')}",
                type:'post',
                dataType:'json',
                data:{cardno:cardno},
            })
            .done(function(data){
                    if(data.code==0){
                        layer.msg(data.msg,{icon:5,time:500});
                    }else{
                            $('#member_info_pal').html(data.html);
                            $('#cardMoney').focus();
                    }
                })
    });



    //银联付款
    $('#pay-bank').click(function(){
        layer.msg('银联付款功能暂未启用！',{icon:5,time:1000});
    })

    //百度钱包付款
    $('#pay-baidu').click(function(){
        layer.msg('百度钱包付款功能暂未启用！',{icon:5,time:1000});
    })

    //团购付款
    $('#pay-tuan').click(function(){
        layer.msg('团购功能暂未启用！',{icon:5,time:1000});
    })


    //现金付款
    $('#pay-cash').click(function(){
        cardMoney = $('#cardMoney').val();
        addmoney = $('#addMoney').val();
        cardno = $('#cardNo').val();
        memberid = $("input[name='memberid']").val();
        if(cardMoney == 0 || memberid == 0 || cardno == ""){
            layer.msg("必须选择会员、录入卡号和充值金额！",{icon:5,time:1000});
            return false;
        }
        xadmin.open('现金结算','/index/member/payMent.html?pay_type=cash&cardno='+cardno+'&cardmoney='+cardMoney+'&memberid='+memberid+'&addmoney='+addmoney,300,400);
    })
    //微信付款
    $('#pay-wechat').click(function(){
        cardMoney = $('#cardMoney').val();
        addmoney = $('#addMoney').val();
        cardno = $('#cardNo').val();
        memberid = $("input[name='memberid']").val();
        if(cardMoney == 0 || memberid == 0 || cardno == ""){
            layer.msg("必须选择会员、录入卡号和充值金额！",{icon:5,time:1000});
            return false;
        }
        xadmin.open('微信结算','/index/member/payMent.html?pay_type=wechat&cardno='+cardno+'&cardmoney='+cardMoney+'&memberid='+memberid+'&addmoney='+addmoney,300,400);
    })

    //支付宝付款
    $('#pay-alipay').click(function(){
        cardMoney = $('#cardMoney').val();
        addmoney = $('#addMoney').val();
        cardno = $('#cardNo').val();
        memberid = $("input[name='memberid']").val();
        if(cardMoney == 0 || memberid == 0 || cardno == ""){
            layer.msg("必须选择会员、录入卡号和充值金额！",{icon:5,time:1000});
            return false;
        }
        xadmin.open('支付宝结算','/index/member/payMent.html?pay_type=alipay&cardno='+cardno+'&cardmoney='+cardMoney+'&memberid='+memberid+'&addmoney='+addmoney,300,400);
    })
 
    });

    //注销方法
    function logout() {
        $.ajax({
            url: "{:url('index/login/logout')}",
            type: 'post',
            dataType: 'json',
            data:{},
        })
            .done(function(data){
                console.log(data);
                if(data.code==0){
                    layer.msg(data.msg);
                }else{
                    layer.msg(data.msg,{icon:1,offset:'t'},function(){
                        location.href = data.url;
                    });

                }
            })
    }
 
//读取会员信息
    function addMemberCard(id){
        $.ajax({
            url:'/index/member/addMemberCard',
            type:'post',
            dataType:'json',
            data:{id:id},
        })
        .done(function(data){
                    if(data.code==0){
                        layer.msg(data.msg,{icon:5,time:500});
                    }else{
                        if(data.title!="")
                            $('#member_info_pal').html(data.html);
                            $('#cardMoney').focus();
                    }
                })
    }
  //处理会员卡读卡
    $('#cardNo').keypress(function(e){
        if(e.KeyCode=="13"){
            $("#readcard").click();
        }
    });
</script>
{/block}