<!DOCTYPE html>
<html lang=zh-cn>
<head>
    <meta charset=utf-8>
    <title>纵横计量支付系统</title>
    <meta name=description content=计量支付>
    <meta name=copyright content=smartcost.com.cn>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel=stylesheet href="{{rootUrl}}global/css/bootstrap.css">
    <link rel=stylesheet href={{rootUrl}}global/css/style.css>
    <script src={{rootUrl}}global/js/jquery-1.9.1.min.js></script>
    <script src={{rootUrl}}global/js/bootstrap.js></script>
    <script src={{rootUrl}}global/js/jl.js></script>
</head>
<body>
<!-- include "top" -->
<div class="wrapContent">
    <!-- include "left" -->
    	<div class="mainContainer">
    		<!--内容-->
      <div class="mainContent">
      <div class="title clearfix">
        <h1><a href="/sign/index" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a>&nbsp;我发起的签署</h1>
      </div>
    <div class="project">
      <div class="proSection">
        <ul class="nav nav-pills">
            <li>
                <select class="form-control" id="itemlist">
                    <option value="0">请选择项目</option>
                    <!-- if !empty({{itemlist}}) -->
                    <!-- loop itemlist -->
                    <option value="{{itemlist' value.project}}" <!-- if {{project}} == {{itemlist' value.project}} -->selected<!-- endif --> >{{itemlist' value.pname}}</option>
                    <!-- endloop -->
                    <!-- endif -->
                </select>&nbsp;
            </li>
            <li>
                <select class="form-control" id="tenderlist">
                    <option value="0">请选择标段</option>
                    <!-- if !empty({{tenderlist}}) -->
                    <!-- loop tenderlist -->
                    <option value="{{tenderlist' value.tender}}" <!-- if {{tender}} == {{tenderlist' value.tender}} -->selected<!-- endif -->>{{tenderlist' value.pmname}}</option>
                    <!-- endloop -->
                    <!-- endif -->
                </select>&nbsp;
            </li>
            <li>
                <select class="form-control" id="phasenolist">
                    <option value="0">请选择期数</option>
                    <!-- if !empty({{phasenolist}}) -->
                    <!-- loop phasenolist -->
                    <option value="{{phasenolist' value.phaseno}}" <!-- if {{phaseno}} == {{phasenolist' value.phaseno}} -->selected<!-- endif -->>第{{ToChinaseNum(phasenolist' value.numpname)}}期</option>
                    <!-- endloop -->
                    <!-- endif -->
                </select>&nbsp;
            </li>
        </ul>
        <table class="table">
          <thead>
          <tr><th width="50%">报表名</th><th width="20%">项目-标段-期数</th><th width="10%">发起时间</th><th width="10%">状态</th><th width="10%">操作</th></tr>
          </thead>
          <tbody>
          <!-- if !empty({{mylist}}) -->
          <!-- loop mylist -->
          <tr>
            <td width="">{{mylist' value.name}}</td>
            <td>{{mylist' value.project}}-{{mylist' value.tender}}-第{{ToChinaseNum(mylist' value.phaseno)}}期</td>
            <td>{{formatDate(mylist' value.aintime,'Y-m-d')}}</td>
            <td><!-- if {{mylist' value.status}} == 'checked' --><span class="colGreen">完成</span><br>{{formatDate(mylist' value.sintime,'Y-m-d')}}<!-- elseif {{mylist' value.status}} == 'checking' --><span class="colOrange">签署中</span><br><!-- endif --></td>
            <td width=""><a class="btn btn-default btn-sm" href="/sign/view/{{mylist' value.sid}}?status=mylist">查看报表</a>&nbsp;<a class="btn btn-sm <!-- if {{mylist' value.ishare}} == 1 -->btn-success<!-- else -->btn-default<!-- endif -->" onclick="sharesign('{{mylist' value.ishare}}','{{mylist' value.sid}}');" href="#share" title="分享" id="sharebtn{{mylist' value.sid}}" data-toggle="modal"><span data-icon="n"></span></a></td>
          </tr>
          <!-- endloop -->
          <!-- endif -->
          </tbody>
        </table>
          <nav aria-label="Page navigation">
              <ul class="pagination">
                  {{pager}}
              </ul>
          </nav>
      </div>
    </div>
  </div>
        <!--内容-->
    	</div>
    </div>
<!-- 添加签署人弹出 -->
<div id="share" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">分享报表</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">

                    <div class="form-group">
                        <input type="hidden" id="sharesid" value="">
                        <label class="control-label col-sm-2" for="ishare"></label>
                        <div class="col-sm-8">
                            <div class="checkbox" >
                                <label style="display: inline-block" id="ishare">
                                    <input checked="" type="checkbox" name=""> 启用
                                </label>
                            </div>
                        </div>
                    </div>
                    <div id="showshare" class="form-group" style="display:none">
                        <label class="control-label col-sm-2" for="shareurl">分享地址</label>
                        <div class="col-sm-8">
                            <input class="form-control" placeholder="这是该项目的KEY" id="shareurl" value="{{rootUrl}}share?sid=" style="cursor: text" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()" type="text">
                            <p>分享以上链接即可免登录查阅标该报表。</p>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>
<!-- 添加签署人弹出 -->
<script type="text/javascript">autoFlashHeight();</script>
<script>
    function sharesign(flag,sid){
        if(parseInt(flag)){
            $('#ishare input').prop('checked',true);
            $('#showshare').show();
        }else{
            $('#ishare input').prop('checked',false);
            $('#showshare').hide();
        }
        $('#shareurl').attr('value', '{{rootUrl}}share?sid='+sid);
        $('#sharesid').val(sid);
    }
    $(function(){
        $('#ishare').click(function(e){
            if(e.target.tagName != "INPUT")
                return;
            $.ajax({
                type: 'get',
                url: '/sign/changeshare',
                data: {status:$('#ishare input').prop('checked'),sid:$('#sharesid').val()},
                dataType: 'json',
                success: function(result){
                    if(result.code == 400){
                        alert(result.msg);
                    }else{
                        if(result.status){
                            $('#sharebtn'+$('#sharesid').val()).addClass("btn-success").removeClass('btn-default');
//                            $('#sharebtn'+$('#sharesid').val()).children('span').addClass('icon-white');
                            $('#showshare').show();
                            $('#sharebtn'+$('#sharesid').val()).attr('onclick',"sharesign('1','"+$('#sharesid').val()+"')");
                        }else{
                            $('#sharebtn'+$('#sharesid').val()).removeClass("btn-success").addClass('btn-default');
//                            $('#sharebtn'+$('#sharesid').val()).children('span').removeClass('icon-white');
                            $('#showshare').hide();
                            $('#sharebtn'+$('#sharesid').val()).attr('onclick',"sharesign('0','"+$('#sharesid').val()+"')");
                        }
                    }
                }
            })
        })
    })
</script>
<script>
    $(function(){
        $('#itemlist').change(function(){
            var url = '/sign/mylist';
            if($(this).val() != 0){
                url += '/project/'+$(this).val();
            }
            window.location.href = url;
        });

        $('#tenderlist').change(function(){
            var url = '/sign/mylist/project/'+$('#itemlist').val();
            if($(this).val() != 0){
                url += '/tender/'+$(this).val();
            }
            window.location.href = url;
        })

        $('#phasenolist').change(function(){
            var url = '/sign/mylist/project/'+$('#itemlist').val()+'/tender/'+$('#tenderlist').val();
            if($(this).val() != 0){
                url += '/phaseno/'+$(this).val();
            }
            window.location.href = url;
        })

    })
</script>
</body>