{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>
<a href="/copy_show/{$copy.id}">
<i class="layui-icon"></i>
<span class="setp-title">抄表</span>
</a>
</li>
<li class="line"></li>
<li>
<a href="/statement_add/{$copy.id}">
<i class="layui-icon"></i>
<span class="setp-title">生成账单</span>
</a>
</li>
<li class="line"></li>
<li >
<a href="/payment_add/{$copy.id}">
<i class="layui-icon"></i>
<span class="setp-title">缴费</span>
</a>
</li>
<li class="line"></li>
<li class="active">
<a href="/settle_add/{$copy.id}">
<i class="layui-icon"></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">
<input type="hidden" name="cp_id" value="{$copy.id}">
<input type="hidden" name="settle_id" value="{$settle.id}">
{if $settle.id}
<input type="hidden" name="check" value="settle">
{/if}
<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="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" 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="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">
<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="{$copy.current_number}" disabled="disabled">
</div>
</div>
</div>
</div>
</div>
</div>
<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" {if $order.settle_status == 1}disabled="disabled"{/if}>
<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 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="settle_date" name="settle_date" value="{$settle.settle_date}" autocomplete="off" class="layui-input" lay-verType="tips" {if $order.settle_status == 1}disabled="disabled"{/if}>
</div>
</div>
</div>
{if $iden == 5 || $order.settle_status == 1 || $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}" oninput="sliceDom(this,18)" autocomplete="off" class="layui-input" lay-verType="tips" {if $order.settle_status == 1}disabled="disabled"{/if}>
</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 $iden == 5}
<button type="button" class="layui-btn {if $order.settle_status == 1}layui-hide{/if}" id="up_invoice">
<i class="layui-icon"></i>上传
</button>
{/if}
<input type="hidden" name="invoice_fid" value="{$settle.invoice_fid}">
{if isset($settle.photo_src)}
<a href="{$settle.photo_src|default=''}" target="_blank" class="layui-btn {if !$settle.photo_src}layui-hide{/if}">
<i class="layui-icon"></i>预览
</a>
{else /}
<a href="" target="_blank" class="layui-btn layui-hide">
<i class="layui-icon"></i>预览
</a>
{/if}
</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="settle_sid" {if $order.settle_status == 1}disabled="disabled"{/if}>
{foreach $users as $u}
<option value="{$u['id']}" {if $settle.settle_sid == $u['id']}selected="selected"{/if}>{$u['name']}</option>
{/foreach}
</select>
</div>
</div>
</div>
{/if}
</div>
</div>
</div>
<div class="layui-form-item">
<div class="text-center">
<a href="/copy" class="layui-btn">
返回
</a>
{if $settle.status == 0 && ($iden == 1 || $iden == 2 || $iden == 5 || $iden == 'admin')}
<button class="layui-btn" lay-filter="add" lay-submit="">
保存
</button>
{/if}
{if ($iden == 5 || $iden == 'admin') && $order.settle_id > 0 }
{if $order.settle_status == 1 && $settle.status == 1}
<button class="layui-btn layui-disable layui-btn-warm" lay-filter="check" lay-submit="" disabled="disabled">
已审核
</button>
{elseif $settle.status == 0 && isset($settle.photo_src) && $settle.photo_src!='' && $settle.invoice_numb != ''/}
<button class="layui-btn" lay-filter="check" lay-submit="">
审核
</button>
{/if}
{/if}
</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;
//消息提示
function layMsg(msg,type=6,time=1000){
layer.msg(msg,{
icon: type,
time: time,
});
}
laydate.render({
elem:'#settle_date',
trigger:'click',
})
//上传抄表单附件
var uploadStatePhoto = upload.render({
elem: '#up_invoice' ,
url: '/up_invoice',
field: 'invoice_file',
done: function (res) {
if(res.status == 1){
layMsg(res.message)
//将电表照片的ID填写
var $photoId = $("input[name='invoice_fid']")
$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;
}
}
});
//添加结算信息
form.on('submit(add)',
function (data) {
$.ajax({
url: '/settle_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: 2000 })
}
}
});
return false;
});
form.on('submit(check)',
function (data) {
layer.confirm('是否审核？', {icon: 3, title:'提示'}, function(index){
$.ajax({
url: '/order_check',
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: 2000 })
}
}
});
// layer.close(index);
});
return false;
});
});
</script>
{/block}