{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">
                        <a href="/copy_show/{$copy.id}">
                            <i class="layui-icon">&#xe617;</i>
                            <span class="setp-title">抄表</span>
                        </a>
                    </li>
                    <li class="line"></li>
                    <li>
                        <a href="/statement_add/{$copy.id}">
                            <i class="layui-icon">&#xe63f;</i>
                            <span class="setp-title">生成账单</span>
                        </a>
                    </li>
                    <li class="line"></li>
                    <li >
                        {if !isset($copy.photo_id) || $copy.photo_id <= 1 || !isset($statement.photo_id) || $statement.photo_id <= 1}
                        <a href="javascript:;" onclick="showInfo()">
                        {else/ }
                        <a href="/payment_add/{$copy.id}">
                        {/if}
                            <i class="layui-icon">&#xe63f;</i>
                            <span class="setp-title">缴费</span>
                        </a>
                    </li>
                    <li class="line"></li>
                    <li >
                        {if !isset($copy.photo_id) || $copy.photo_id <= 1 || !isset($statement.photo_id) || $statement.photo_id <= 1}
                        <a href="javascript:;" onclick="showInfo()">
                        {else/ }
                        <a href="/settle_add/{$copy.id}">
                        {/if}
                            <i class="layui-icon">&#xe63f;</i>
                            <span class="setp-title">结算</span>
                        </a>
                    </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="{$copy.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="{$copy.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="{$copy.emt_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="{$copy.em_number|default=''}" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <!--账单信息-->
            <form class="layui-form">
                <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="before_number" name="before_number" autocomplete="off"
                                           class="layui-input"  value="{$copy.before_number}" 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="before_time" name="before_time"
                                            autocomplete="off" class="layui-input" value="{$copy.before_time}" 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="current_number" name="current_number"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,15)" lay-verType="tips" value="{$copy.current_number}" 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="current_time" name="current_time" autocomplete="off" class="layui-input" lay-verType="tips" value="{$copy.current_time}" 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">
                                    <a href="{if !isset($copy.photo_src)}#{else/}{$copy.photo_src}{/if}" target="_blank" class="layui-btn">
                                        <i class="layui-icon">&#xe64a;</i>预览
                                    </a>
                                </div>
                            </div>
                        </div>
                        {if $state > 1}

                        <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">
                                    <a href="{if !isset($statement.photo_src)}#{else/}{$statement.photo_src}{/if}" target="_blank" class="layui-btn {if !isset($statement.photo_src)}layui-hide{/if}">
                                        <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">
                                    倍率
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" id="multiple" name="multiple"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,6)" lay-verType="tips" value="{$copy.multiple|default=1}" 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_power" name="repo_power"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,12)" lay-verType="tips" value="{$statement.repo_power|default=0}" 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="unit_price" name="unit_price"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,5)" lay-verType="tips" value="{$copy.unit_price|default=1}" disabled="disabled">
                                </div>
                                <div class="layui-form-mid layui-word-aux">
                                    元/度
                                </div>
                            </div>
                        </div>
                        {/if}

                        {if $state > 1}
                        {if $copy.protocol_price}
                        <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="protocol_price" name="protocol_price"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,5)" lay-verType="tips" value="{$copy.protocol_price|default=''}" disabled="disabled">
                                </div>
                                <div class="layui-form-mid layui-word-aux">
                                    元/度
                                </div>
                            </div>
                        </div>
                        {/if}

                        {if $copy.emt_type == 2}
                        <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="power_over" name="power_over"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,12)" lay-verType="tips" value="{$copy.current_amount}" 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">
                                    <span class="x-red">*</span>电表本期充值
                                </label>
                                <div class="layui-input-inline">
                                    <input type="hidden" name="last_recharge" id="last_recharge" value="{$statement.last_recharge|default='0'}">
                                    <input type="text" id="recharge" name="recharge"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,12)" lay-verType="tips" value="{$statement.recharge|default=''}" disabled="disabled">
                                </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">
                                    <input type="text" id="financ_pay" name="financ_pay"
                                           lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入支出金额" oninput="sliceDom(this,10)" lay-verType="tips" value="{$statement.financ_pay}" 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">
                                    <span class="x-red">*</span>财务单价
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" id="financ_unit" name="financ_unit"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,6)" lay-verType="tips" value="{$statement.financ_unit|default=1.000}" 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="yd_unit" name="yd_unit"
                                           lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,6)" lay-verType="tips" value="{$statement.yd_unit|default=1.123}" 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">
                                    <span class="x-red">*</span>抄表员
                                </label>
                                <div class="layui-input-inline">
                                     <input type="text" id="staff_name" name="staff_name"
                                           lay-verify="required" autocomplete="off" class="layui-input" lay-verType="tips" value="{$copy.sname|default='神秘人物'}" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        {if $statement.remark != ''}
                        <div class="layui-col-md10">
                            <div class="layui-form-item">
                                <label class="layui-form-label">
                                    <span class="x-red">*</span>备注
                                </label>
                                <div class="layui-input-block">
                                    <textarea class="layui-textarea" name="remark" disabled="disabled">{$statement.remark}</textarea>
                                </div>
                            </div>
                        </div>
                        {/if}
                        {/if}
                    </div>
                </div>
            </form>
            <!--end账单信息-->


            <!--缴费信息-->
            {if $state == 6 || $state == 10}
            <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">
                                            <span class="x-red">*</span>缴费方式
                                        </label>
                                        <div class="layui-input-inline">
                                            <select name="pay_way" disabled="disabled">
                                                {foreach $payways as $key => $val}
                                                <option value="{$val.id}" {if $payment.pay_way == $val.id}selected="selected"{/if}>{$val.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">
                                            <input type="text" id="check_numb" name="check_numb"
                                                   lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,18)" lay-verType="tips" value="{$payment.check_numb|default=''}" 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="pay_date" name="pay_date" autocomplete="off" class="layui-input" lay-verType="tips" value="{$payment.pay_date|default=''}" 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="invoice_numb" name="invoice_numb" oninput="sliceDom(this,18)" autocomplete="off" class="layui-input" lay-verType="tips" value="{$payment.invoice_numb|default=''}" 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">
                                            <a href="{$payment.photo_src|default='#'}" target="_blank" class="layui-btn {if !$payment.photo_src}layui-hide{/if}">
                                                <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="invoice_type" disabled="disabled">
                                                {foreach $invoice_type as $key => $val}
                                                <option value="{$val.id}" {if $payment.invoice_type == $val.id}selected="selected"{/if}>{$val.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">
                                            <select name="tax_rate" disabled="disabled">
                                               {foreach $taxrates as $key => $val}
                                                <option value="{$val.rate}" {if $val.rate == $payment.tax_rate } selected="selected" {/if}>{$val.rate}</option>
                                               {/foreach}
                                            </select>
                                        </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">
                                            <input type="text" id="tax_amount" name="tax_amount"
                                                   lay-verify="required" autocomplete="off" class="layui-input" oninput="sliceDom(this,10)" lay-verType="tips" value="{$payment.tax_amount}" 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">
                                            <select name="pay_sid" disabled="disabled">
                                                    <option value="{$paymentuser}">{$paymentuser}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </form>
            {/if}
            <!--end缴费信息-->

            <!--结算信息-->
            {if $state == 7 || $state == 10}
            <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">
                                        <span class="x-red">*</span>客户名称
                                    </label>
                                    <div class="layui-input-inline">
                                        <select name="client" disabled="disabled">
                                            <option value="1" {if $settle.client == 1}selected="selected"{/if}>移动</option>
                                            <option value="2" {if $settle.client == 2}selected="selected"{/if}>铁塔</option>
                                        </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">
                                        <input type="text" id="amount" name="amount"
                                               lay-verify="required" autocomplete="off" class="layui-input" value="{$settle.amount ?: $copy.amount}" oninput="sliceDom(this,12)" lay-verType="tips" 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="settle_date" name="settle_date" value="{$settle.settle_date}" autocomplete="off" class="layui-input" lay-verType="tips" disabled="disabled">
                                    </div>
                                </div>
                            </div>

                            {if isset($settle.invoice_numb)}
                            <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="invoice_numb" name="invoice_numb" value="{$settle.invoice_numb}" autocomplete="off" class="layui-input" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                            {/if}


                            {if isset($settle.photo_src)}
                            <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">
                                        <a href="{$settle.photo_src}" target="_blank" class="layui-btn">
                                            <i class="layui-icon">&#xe64a;</i>预览
                                        </a>
                                    </div>
                                </div>
                            </div>
                            {/if}
                            {if isset($settleuser)}
                            <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="settle_sid" disabled="disabled">
                                                <option value="{$settleuser}">{$settleuser}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            {/if}
                        </div>
                    </div>
                </div>
            </form>
            {/if}
            <form class="layui-form">
                <div class="layui-form-body">
                    <div class="layui-row">
                        <div class="layui-form-item text-center">
                            <a href="/copy" class="layui-btn">
                                返回
                            </a>
                        </div>
                    </div>
                </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;

            $value = $('select[name="pay_way"]').val();
            if($value == 3){
                $('#check_numb').parents('.layui-col-md5').addClass('layui-hide')
            } else {
                $('#check_numb').parents('.layui-col-md5').removeClass('layui-hide')
            }
            form.on('select(payway)',function(data){
                var payVal = data.value;
                if(payVal == 3){
                    $('#check_numb').parents('.layui-col-md5').addClass('layui-hide')
                } else {
                    $('#check_numb').parents('.layui-col-md5').removeClass('layui-hide')
                }
            })


        });
    function showInfo(){
        layer.msg('请先补充账单的附件信息');
    }
</script>
{/block}