{extend name="Public/base" /}
{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">-->
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">

{/block}
{block name="js"}

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script>
    // $(function () {
    //     $(".nul_bli").eq(8).find(".navb").addClass("active");
    //    // $(".navb.active").parent().find(".nul_s .nul_sli").eq(9).find(".navs").addClass("active");
    // })
</script>

{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <!-- <div class="set_tit"><span>薪资</span></div> -->
        <div class="cus-top-left layui-form layui-form-pane1">
            <span>请选择您的仓库&nbsp;</span>
            <div class="layui-input-inline">
              <select onclick="allocation()"  lay-filter="storehouse">
                <option value="">请选择仓库</option>
                {foreach name="data" key="keys" item="vo"}
                    <option value="{$vo.id}" {eq name="warehouse_id" value="$vo.id"} selected {/eq}>{$vo.wname}</option>
                {/foreach}
              </select>
            </div>
            <!-- <div style="" class="layui-input-inline">
              <select id="departments">
                <option value="">请选择分类</option>
                {foreach name="data" key="keys" item="vo"}
                    <option value="{$vo}">{$vo}</option>
                {/foreach}
              </select>
            </div> -->
           <!--  <div class="layui-input-inline">
              <input type="text" name="title" placeholder="请输入名称" autocomplete="off" class="layui-input">
            </div> -->
            <div class="layui-input-inline">
                <button lay-submit lay-filter="search" style="position: relative;bottom: 0px;" id="dosearch" id="reload" value="查询" class="search-span" style="">查询</button>
            </div>
            <span style="padding-left: 200px; font-size: 25px; font-weight: bold;">{$date}</span>
        <form action="/oa/inventory/savedo" method="post">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr>
                        <th>分类</th>
                        <th>名称</th>
                        <th>规格</th>
                        <th>仓库账上数量</th>
                        <th>仓库实存数量</th>
                        <th>盘盈/盘亏</th>
                        <th>盈亏原因</th>
                    </tr> 
                </thead>
                <tbody>
                    {foreach name="result" key="keys" item="vo"}
                        <tr>
                            <td>{$vo.cname}</td>
                            <td>{$vo.goods_name}</td>
                            <td>{$vo.specifications}</td>
                            <td>{$vo.actual_stock}</td>
                            <td><input type="text" name="truenum[]" class="layui-input Realnum"></td>
                            <td><span style="color: red; font-size: 16px;"></span></td>
                            <td><input type="text" id="Cause" name="reason[]" class="layui-input"></td>
                            <input type="hidden" name="result[]" class="result">
                            <input type="hidden" name="stock_id[]" value="{$vo.id}">
                        </tr>
                    {/foreach}
                </tbody>
            </table>
            {$btn}
        </form>
    </div>
    </div>
    <div></div>
</div>
<script>
    layui.use(['table','jquery', 'form'],function(){
        var laydate = layui.laydate //日期
                , laypage = layui.laypage //分页
                , layer = layui.layer //弹层
                , table = layui.table //表格
                , carousel = layui.carousel //轮播
                , upload = layui.upload //上传
                , element = layui.element;//元素操作
        var form = layui.form;

        // table数据重载
        function table1_reload() {
            table1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: $('#search').val()
                }
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }


        form.on('select(storehouse)', function (data) {
           // console.log(data.value);
           show(data.value)
        });

        function show(id) {
            location.href = "{:url('/oa/inventory/add')}?id="+id;
        }

        $('.Realnum').change(function() {
            var should = parseInt($(this).parent('td').prev().text())
            var actual = parseInt($(this).val())
            if (should > actual) {
                var most = should - actual
                $(this).parent('td').next().children('span').text('盘亏'+most)
                $(this).parent('td').next().next().next().val('2')
            }else if (should < actual) {
                var most = actual - should
                $(this).parent('td').next().children('span').text('盘盈'+most)
                $(this).parent('td').next().next().next().val('1')
            }else{
                $(this).parent('td').next().children('span').text('平')
                $(this).parent('td').next().next().next().val('3')
            }
        })
        
    })
</script>
{/block}