{extend name="public:form" /}
{block name="body"}
<div class="layui-row">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-form-head">
                <ul class="step">
                    <li class="active">
                        <i class="layui-icon">&#xe617;</i>
                        <span class="setp-title">抄表</span>
                    </li>
                    <li class="line"></li>
                    <li>
                      
                        <i class="layui-icon">&#xe63f;</i>
                        <span class="setp-title">生成账单</span>
                    </li>
                    <li class="line"></li>
                    <li >
                        <i class="layui-icon">&#xe63f;</i>
                        <span class="setp-title">缴费</span>
                    </li>
                    <li class="line"></li>
                    <li >
                        <i class="layui-icon">&#xe63f;</i>
                        <span class="setp-title">结算</span>
                    </li>
                </ul>
            </div>
            <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="{$station.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="{$station.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.type.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.number|default=''}" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <form class="layui-form">
                <input type="hidden" name="em_id" value="{$em.id}">
                <input type="hidden" name="emt_id" value="{$em.emt_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" name="before_number" autocomplete="off"
                                               class="layui-input"  value="{$cp.before_number}" 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="before_time" name="before_time"
                                                autocomplete="off" class="layui-input" value="{$cp.before_time}" 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_number" name="current_number"
                                               lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,15)" lay-verType="tips" value="{$cp.current_number}">
                                    </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_time" name="current_time" autocomplete="off" class="layui-input" lay-verType="tips" value="{$cp.current_time}">
                                    </div>
                                </div>
                            </div>

                            {if $em.emt_id == 2 || $em.emt_id ==4}
<!--                             <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="before_amount" name="before_amount"
                                               lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,15)" lay-verType="tips" value="{$cp.before_amount|default='0'}" 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_amount" name="current_amount"
                                               lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,15)" lay-verType="tips" value="{$cp.current_amount|default=''}">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">
                                        元
                                    </div>
                                </div>
                            </div>
                            {/if}

                            <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">
                                        <button type="button" class="layui-btn" id="up_photo">
                                            <i class="layui-icon"></i>上传
                                        </button>
                                        <input type="hidden" name="photo_id" value="{$cp.photo_id}">
                                        <a href="{$cp.photo_src|default='#'}" target="_blank" class="layui-btn layui-hide">
                                            <i class="layui-icon">&#xe64a;</i>预览
                                        </a>
                                    </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">
                                            {foreach $staffs as $u}
                                                <option value="{$u['id']}">{$u['name']}</option>
                                            {/foreach}
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    <div class="layui-form-item layui-col-md-offset4">
                        
                        <a href="/em" class="layui-btn">
                            返回
                        </a>
                        <button class="layui-btn" lay-filter="save" lay-submit="">
                            保存
                        </button>
                        <button class="layui-btn" lay-filter="next" 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,
                laydate = layui.laydate,
                upload = layui.upload;

 
            //消息提示
            function layMsg(msg,type=6,time=1000){
                layer.msg(msg,{
                  icon: type,
                  time: time,
                });
            }

            laydate.render({
                elem:'#before_time',
                trigger:'click',

            })

            laydate.render({
                elem:'#current_time',
                trigger:'click',
            })

            //保存抄表单 继续添加信息
            form.on('submit(next)',
                function (data) {
                    $.ajax({
                        url: '/copy_add',
                        method: "POST",
                        data: data.field,
                        dataType: "json",
                        success: function (data) {
                            if (data.status == 1) {
                                layer.msg(data.message,{icon: 6,time: 1000 },function(){
                                    if(data.data){
                                        var url = "/statement_add/"+data.data;
                                        window.location.href=url
                                    }
                                })
                            } else {
                                layer.msg(data.message,{icon: 5,time: 1000 })
                            }
                        }
                    });
                return false;
            });

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

            //上传电表照片
            var upPhoto = upload.render({
                elem: '#up_photo' , 
                url: '/up_photo',
                field: 'cp_photo',
                done: function (res) {
                    if(res.status == 1){
                        layMsg(res.message)
                        //将电表照片的ID填写
                        var $photoId = $("input[name='photo_id']")
                        $photoId.val(res.data.id)
                        var $a = $photoId.next('a');
                            $a.removeClass('layui-hide')
                            $a.attr('href',res.data.src);
                    }
                    else {
                        layMsg(res.message,5)
                        return;
                    }                  
                }
            });

   
        });

</script>
{/block}