{extend name="public:base" /}
{block name="body"}
<div class="layui-row">
    <div class="layui-col-md12">
        <div class="layui-card">
            <form class="layui-form">
                <div class="layui-form-box">
                    <div class="layui-form-head">
                        <div class="layui-form-item">
                            <label class="layui-form-label">
                                基本信息
                            </label>
                        </div>
                    </div>
                    <div class="layui-form-body">
                        <div class="layui-row">
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        基站编号
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="station_sp_code" autocomplete="off"
                                               class="layui-input" value="{$em.station_sp_code|default=''}" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        基站名称
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="station_name" autocomplete="off" class="layui-input" value="{$em.station_name|default=''}"
                                               disabled="disabled">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        电表类型
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="project_number" autocomplete="off"
                                               class="layui-input" value="{$em.typeName|default=''}" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        电表编号
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="project_number" autocomplete="off"
                                               class="layui-input"  value="{$em.em_numb|default=''}" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        倍率
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="rate" name="rate" autocomplete="off"
                                               class="layui-input"  value="{$em.rate}" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <form class="layui-form">
                <input type="hidden" name="useage_id" value="{$useage.useage_id}">
                <div class="layui-form-box">
                    <div class="layui-form-head">
                        <div class="layui-form-item">
                            <label class="layui-form-label">
                                抄表信息
                            </label>
                        </div>
                    </div>
                    <div class="layui-form-body">
                        <div class="layui-row">
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        上期表数
                                    </label>
                                    <div class="layui-input-inline">
                                       <input type="text" id="last_numb" name="last_numb" autocomplete="off"
                                               class="layui-input" value="{$useage.last_sum_numb}" disabled="disabled">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">
                                        度
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        上次抄表日期
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="last_date" name="last_date"
                                                autocomplete="off" class="layui-input" value="{$useage.last_date}" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        <span class="x-red">*</span>本期表数
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="current_numb" name="current_numb"
                                               lay-verify="required" autocomplete="off" class="layui-input" lay-verType="tips"
                                               value="{$useage.current_sum_numb}" disabled="disabled">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">
                                        度
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        本次查表日期
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text"  id="current_date" name="current_date" autocomplete="off" class="layui-input" lay-verType="tips" 
                                        value="{$useage.current_date}" disabled="disabled">
                                    </div>
                                </div>
                            </div>

                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        用电量
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text"  id="repo_numb" name="repo_numb" autocomplete="off" class="layui-input"  value="{$useage.repo_numb}" disabled="disabled">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">
                                        度
                                    </div>
                                </div>
                            </div>

                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        单价
                                    </label>
                                    <div class="layui-input-inline">
                                        <input type="text"  id="price" name="price" autocomplete="off" class="layui-input" disabled="disabled"  value="{$useage.price}">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">
                                        元
                                    </div>
                                </div>
                            </div>

                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        <span class="x-red">*</span>抄表员
                                    </label>
                                    <div class="layui-input-inline">
                                        <select name="staff_id" disabled="disabled">
                                            {foreach $staffs as $u}
                                                <option value="{$u['id']}" {if $u['id'] == $useage.staff_id} selected {/if}>{$u['name']}</option>
                                            {/foreach}
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-col-md5">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        <span class="x-red">*</span>抄表凭证
                                    </label>
                                    <div class="layui-input-inline">
                                        {if $useage.photo.src== ''}
                                        <div style="line-height: 20px;padding: 9px 15px;">未上传凭证</div>
                                        {else /}
                                        <a href="{$useage.photo.src}" target="_blank" class="layui-btn" disabled="disabled">
                                            <i class="layui-icon">&#xe64a;</i>预览
                                        </a>
                                        {/if}
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-col-md-offset4">
                    <button class="layui-btn" lay-filter="check" lay-submit="">
                        审核
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{/block}

{block name="js"}
<script>

    //限制输入长度
    function sliceDom(dom,len){
        if(dom.value.length>len)
            return dom.value = dom.value.slice(0,len)
    }

    //初始化Layui控件
    layui.use(['form', 'layer', 'laydate', 'upload'],
        function () {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;
            //消息提示
            function layMsg(msg,type=6,time=1000){
                layer.msg(msg,{
                  icon: type,
                  time: time,
                });
            }


            //保存抄表单，并且返回列表
            form.on('submit(check)',
                function (data) {
                    $.ajax({
                        url: '/useage/check',
                        method: "POST",
                        data: data.field,
                        dataType: "json",
                        success: function (data) {
                            if (data.status == 1) {
                                layer.msg(data.message,{icon: 6,time: 2000},function(){
                                    window.location.href='/useage';
                                })
                            } else {
                                layer.msg(data.message || data.msg,{icon: 5,time: 1000 })
                            }
                        }
                    });
                return false;
            });
        });
</script>
{/block}