{extend name="public:form" /}
{block name="body"}
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                          <form class="layui-form" method="post" action="/copy_search">
                            <div class="layui-input-inline">
                              <select name="search_type">
                                <option value="1" selected="selected">站名</option>
                                <option value="2">站号</option>
                                <option value="3">项目编号</option>
                                <option value="4">电表识别号</option>
                                <option value="5">机房二维码</option>
                              </select>
                            </div>
                            <div class="layui-input-inline">
                              <input type="text" name="search_text" placeholder="搜索内容" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-input-inline layui-show-xs-block">
                              <select name="area">
                                  <option value="0">区域</option>
                                {volist name="regions" id="region"}
                                  <option value="{$region.id}">{$region.region_name}</option>
                                {/volist}
                              </select>
                            </div>
                            <div class="layui-input-inline">
                              <select name="cp_date">
                                <option value="1">抄表日期</option>
<!--                                 <option value="2">缴费日期</option>
 -->                            </select>
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" name="date_start" id="date_start" placeholder="开始日期" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" name="date_end" id="date_end" placeholder="结束日期" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-input-inline layui-show-xs-block">
                              <select name="pay_status">
                                <option value="2" selected="selected">缴费状态</option>
                                <option value="1">已缴费</option>
                                <option value="0">未缴费</option>
                              </select>
                            </div>
                            <div class="layui-input-inline">
                              <button class="layui-btn" lay-submit="" lay-filter="search">
                                <i class="layui-icon">&#xe615;</i></button>
                            </div>
                          </form>
                        <div>
                            <button class="layui-btn" id="CpImport">
                                <i class="layui-icon iconfont">&#xe7e4;</i></button>
                            <a href="/cp_export" target="_blank" class="layui-btn">
                                <i class="layui-icon iconfont">&#xe7e6;</i></a>
                            <div class="layui-input-inline layui-show-xs-block">
                                {if isset($condition)}
                                <div class="layui-card-header">
                                    <div class="layui-input-inline layui-show-xs-block">
                                        查询条件是: {$condition|raw} 的结果
                                    </div>
                                </div>
                                {/if}
                            </div>
                        </div>

                        <div>
                            <table class="layui-table layui-form">
                              <thead>
                                <tr>
                                <th>单号</th>
                                <th>所属基站号</th>
                                  <th>所属基站名</th>
                                  <th>所属电表号</th>
                                  <th>抄表日期</th>
                                  <th>创建日期</th>
                                  <th>缴费情况</th>
                                  <th>操作</th>
                              </thead>
                              <tbody>
                                {volist name="data" id="item"}
                                <tr>
                                  <td>{$item.order_id}</td>
                                  <td>{$item.station_sp_code}</td>
                                  <td>{$item.station_name}</td>
                                  <td>{$item.em_number}</td>
                                  <td>{$item.cp_date}</td>
                                  <td>{$item.create_time|date="Y-m-d H:s:i"}</td>
                                  <td>
                                      {if $item.cp_status == 1}已缴费 已结算
                                      {elseif $item.cp_status == 2}已缴费 未结算
                                      {elseif $item.cp_status == 3}未缴费 已结算
                                      {elseif $item.cp_status == 4}待确收
                                      {elseif $item.cp_status == 5}已确收
                                      {else /}未缴费 未结算
                                      {/if}
                                  </td>

                                  <td class="td-manage">
                                    <a title="查看" href="/copy_show/{$item.id}">[查看]</a>
                                    <a title="账单" href="/statement_add/{$item.id}">[账单]</a>
                                    {if isset($item.statement_id) && $item.statement_id > 0 }

                                      {if !isset($item.photo_id) || $item.photo_id <= 1 ||
                                      !isset($item.statement_photo_id) || $item.statement_photo_id <= 1}
                                      <a title="缴费" href="javascript:;" onclick="showInfo()">[缴费]</a>
                                      <a title="结算" href="javascript:;" onclick="showInfo()">[结算]</a>
                                      {else/ }
                                      <a title="缴费" href="/payment_add/{$item.id}">[缴费]</a>
                                      <a title="结算" href="/settle_add/{$item.id}">[结算]</a>
                                      {/if}
                                    {/if}

                                    {if $identity == 1 && $item.cp_status == 1}
                                      <a title="申请确收" onclick="aConfirm(this,'{$item.id}')" href="javascript:;">[申请确收]</a>
                                    {/if}
                                    {if ($identity == 1 || $identity == 2) && $item.cp_status == 4}
                                      <a title="待确收" class="layui-disabled">[待确收]</a>
                                    {/if}
                                    {if $identity == 5 && $item.cp_status == 4}
                                      <a title="确收" onclick="confirm(this,'{$item.id}')" href="javascript:;">[确收]</a>
                                    {/if}
                                      {if $identity != 5 &&  $item.payment_id ==''  &&  $item.settle_id == ''}
                                      <a title="删除" onclick="del(this,'{$item.id}')" href="javascript:;">[删除]</a>
                                      {/if}
                                  </td>
                                </tr>
                                {/volist}
                              </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body">
                            {$page|raw}
                        </div>
                        
                    </div>
                </div>
            </div>
        </div> 
    </body>
{/block}
{block name="js"}
<script type="text/javascript">
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:'#date_end',
              trigger:'click',

          })

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

          var cpFile = upload.render({
              elem: '#CpImport' ,
              url: '/cp_import_only',
              accept: 'file',
              exts: 'xls|xlsx',
              field: 'cp_file',
              done: function (res) {
                  if(res.status == 1){
                      var msg = res.data.mes;
                      var fMsg = res.data.failMsg;
                      var time = 0;
                      if(fMsg.length !== undefined && fMsg.length > 0){
                          for (var i=0;i<fMsg.length;i++)
                          {
                              msg += fMsg[i] + ' \n ';
                              time ++
                          }
                      }
                      layer.msg(msg,{icon: 6,time: time*2000 },function(){
                          setTimeout(function(){
                              location.reload()
                          },1500)
                      })
                  }
                  else {
                      layMsg('导入失败',{icon: 5})
                      return;
                  }
              }
          });
  })

function del(obj,id){
  layer.confirm('确认要删除吗?',function(index){
  $.ajax({
          url: '/copy_del',
          method: "POST",
          data: {id:id},
          dataType: "json",
          success: function (data) {
              if(data.status == 1){
                  layer.msg(data.message,{icon:1,time:1000});
                  location.reload()
              } else {
                  layer.alert(data.message, {
                    icon: 5
                  });
              }
          }
      });     
  });
}

function aConfirm(obj,id){
    layer.confirm('是否申请确收?',function(index){
        $.ajax({
            url: '/apply_confirm',
            method: "POST",
            data: {id:id},
            dataType: "json",
            success: function (data) {
                if(data.status == 1){
                    layer.msg(data.message,{icon:1,time:1000});
                    //锁定按钮状态
                    $(obj).html('待确收');
                    $(obj).addClass('layui-disabled');
                } else {
                    layer.alert(data.message, {
                        icon: 5
                    });
                }
            }
        });
    });
}

function confirm(obj,id){
    layer.confirm('是否确收?',function(index){
        $.ajax({
            url: '/confirm',
            method: "post",
            data: {id:id},
            dataType: "json",
            success: function (data) {
                if(data.status == 1){
                    layer.msg(data.message,{icon:1,time:1000});
                    location.reload()
                } else {
                    layer.alert(data.message, {
                        icon: 5
                    });
                }
            }
        });
    });
}

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