vc_jlzf/protected/view/form-list.html

<!-- include 'fc-header' -->
<!-- include 'fc-leftWrap' -->
<div class="warp-content">
    <div class="container">
      <div class="page-header">
        <a href="<!-- if isset({{dingzhi}}) --><!-- if {{itemid}} != 0 -->{{rootUrl}}addreport/1/item/{{itemid}}<!-- else -->{{rootUrl}}addreport/1<!-- endif --><!-- else -->{{rootUrl}}addreport<!-- endif -->" class="btn btn-success pull-right">添加新报表</a>
        <h2><i class="glyphicon glyphicon-list"></i>&nbsp;报表库</h2>
      </div>
      <div class="page-nav clearfix">
        <ul class="nav nav-tabs">
          <li role="presentation" <!-- if !isset({{dingzhi}}) -->class="active"<!-- endif -->><a href="{{rootUrl}}reportlist">通用报表</a></li>
          <li role="presentation" <!-- if isset({{dingzhi}}) -->class="active"<!-- endif -->><a href="{{rootUrl}}reportlist/1">定制报表</a></li>
        </ul>
      </div>
      <input type="hidden" value="<!-- if isset({{dingzhi}}) -->{{dingzhi}}<!-- endif -->" id="listtype">
      <!-- if !isset({{dingzhi}}) -->
      <div class="page-nav clearfix">
        <div class="form-group">
          <div class="row">
            <div class="col-xs-2">
              <select class="form-control" id="areaselect2">
                <option value="0">筛选区域</option>
                <option value="3" <!-- if isset({{area}}) && {{area}} == 3 -->selected<!-- endif -->>通用</option>
                <option value="1" <!-- if isset({{area}}) && {{area}} == 1 -->selected<!-- endif -->>全国</option>
                <option value="2" <!-- if isset({{area}}) && {{area}} == 2 -->selected<!-- endif -->>广东</option>
              </select>
            </div>
            <div class="col-xs-3">
              <select class="form-control" id="cateselect2">
                <option value="0">筛选类别</option>
                <!-- if isset({{catelist}}) && !empty({{catelist}}) -->
                <!-- loop catelist -->
                <option value="{{catelist' value.cateid}}" <!-- if {{catelist' value.cateid}} == {{cateid}} -->selected<!-- endif -->>{{catelist' value.catename}}</option>
                <!-- endloop -->
                <!-- endif -->
              </select>
            </div>
            <div class="col-xs-2 col-md-offset-5">
              <select class="form-control" id="sort">
                <option value="time">按更新时间</option>
                <option value="report" <!-- if isset({{sort}}) && {{sort}} == 'report' -->selected<!-- endif -->>按报表名称</option>
              </select>
            </div>
          </div>
        </div>
      </div>
      <!--通用报表列表-->
      <table class="table table-hover">
        <thead>
          <tr>
            <th>区域</th>
            <th>类别</th>
            <th>报表名</th>
            <th>最新版本</th>
            <th>历史版本</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
        <!-- if isset({{reportlist}}) && !empty({{reportlist}}) -->
        <!-- loop reportlist -->
          <tr>
            <td><!-- if {{reportlist' value.areacate}} == 1 -->全国<!-- elseif {{reportlist' value.areacate}} == 2 -->广东<!-- else -->通用<!-- endif --></td>
            <td>{{reportlist' value.catename}}</td>
            <td>{{reportlist' value.reportname}}</td>
            <td>{{reportlist' value.edittime}}</td>
            <td><a href="{{rootUrl}}versionlist/{{reportlist' value.reportid}}">{{reportlist' value.versionnum}}</a></td>
            <td><a href="#edit-form" class="btn btn-xs" data-toggle="modal" onclick='editNormalreport("{{reportlist' value.reportid}}","{{reportlist' value.cateid}}","{{reportlist' value.parentid}}","{{reportlist' value.reportname}}","{{reportlist' value.areacate}}");'>编辑</a><a class="btn btn-xs text-danger" href="#delform"  data-toggle="modal" onclick='delreport("{{reportlist' value.reportname}}","{{reportlist' value.reportid}}");'>删除</a></td>
          </tr>
        <!-- endloop -->
        <!-- endif -->
        </tbody>
      </table>
      <!--通用报表列表-->
      <!-- else -->
      <!--定制报表列表-->
      <div class="page-nav clearfix">
        <div class="form-group">
            <div class="row">
              <div class="col-xs-3">
                <select class="form-control" id="itemselect2">
                  <option value="0">筛选项目</option>
                  <!-- if isset({{itemlist}}) && !empty({{itemlist}}) -->
                  <!-- loop itemlist -->
                  <option value="{{itemlist' value.itemid}}" <!-- if {{itemlist' value.itemid}} == {{itemid}} -->selected<!-- endif -->>{{itemlist' value.itemname}}</option>
                  <!-- endloop -->
                  <!-- endif -->
                </select>
              </div>
              <div class="col-xs-2" data-toggle="tooltip" data-placement="left">
                <!-- if !empty({{itemid}}) --><a href="#sharekey" class="btn btn-link" data-toggle="modal"><i class="glyphicon glyphicon-link"></i> 领取码</a><!-- endif -->
              </div>
              <div class="col-xs-2 col-md-offset-5">
                <select class="form-control" id="sort">
                  <option value="time">按更新时间</option>
                  <option value="report" <!-- if isset({{sort}}) && {{sort}} == 'report' -->selected<!-- endif -->>按报表名称</option>
                </select>
              </div>
            </div>
        </div>
      </div>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>项目</th>
            <th>类别</th>
            <th>报表名</th>
            <th>最新版本</th>
            <th>历史版本</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
        <!-- if isset({{reportlist}}) && !empty({{reportlist}}) -->
        <!-- loop reportlist -->
          <tr>
            <td>{{reportlist' value.itemname}}</td>
            <td>{{reportlist' value.catename}}</td>
            <td>{{reportlist' value.reportname}}</td>
            <td>{{reportlist' value.edittime}}</td>
            <td><a href="{{rootUrl}}versionlist/{{reportlist' value.reportid}}">{{reportlist' value.versionnum}}</a></td>
            <td><a href="#edit-form" class="btn btn-xs" data-toggle="modal" onclick='edititemreport("{{reportlist' value.reportname}}","{{reportlist' value.reportid}}","{{reportlist' value.itemid}}","{{reporlist' value.parentid}}","{{reportlist' value.cateid}}");'>编辑</a><a class="btn btn-xs text-danger" href="#delform"  data-toggle="modal" onclick='delreport("{{reportlist' value.reportname}}","{{reportlist' value.reportid}}","{{reportlist' value.itemid}}");'>删除</a></td>
          </tr>
          <!-- endloop -->
          <!-- endif -->
        </tbody>
      </table>
      <!--定制报表列表-->
      <!-- endif -->
      <!--翻页-->
      <nav>
        <ul class="pagination">
          {{pager}}
        </ul>
      </nav>
    </div>
  </div>
<!-- if isset({{dingzhi}}) && !empty({{itemid}}) -->
  <!--弹框-领取码-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="sharekey">
    <div class="modal-dialog ">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
          <h4 class="modal-title" >定制报表领取码</h4>
        </div>
        <div class="modal-body">
          <p class="text-center">{{item.itemname}}</p>
          <h1 class="text-center"><span class="label label-default">{{item.code}}</span></h1>
        </div>
        <div class="modal-footer">

        </div>
      </div>
    </div>
  </div>
  <!--弹框-结束-->
<!-- endif -->
  <!--弹框-删除报表-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delform">
    <div class="modal-dialog ">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
          <h4 class="modal-title" >删除报表</h4>
        </div>
        <div class="modal-body">
          <h3 class="text-center" id="deltext">是否删除 <b></b> ?</h3>
          <input id="delcate" value="<!-- if isset({{cateid}}) -->{{cateid}}<!-- endif -->" type="hidden">
          <input id="delitem" value="<!-- if isset({{itemid}}) -->{{itemid}}<!-- endif -->" type="hidden">
          <input id="delpindex" value="<!-- if isset({{pindex}}) -->{{pindex}}<!-- endif -->" type="hidden">
          <input id="delarea" value="<!-- if isset({{area}}) -->{{area}}<!-- endif -->" type="hidden">
          <input id="delsort" value="<!-- if isset({{sort}}) -->{{sort}}<!-- endif -->" type="hidden">
        </div>
        <div class="modal-footer">
          <a type="button" class="btn btn-danger" href="#" id="delbtn">确认删除</a>
        </div>
      </div>
    </div>
  </div>
  <!--弹框-结束-->
  <!--编辑报表-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="edit-form">
    <div class="modal-dialog ">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
          <h4 class="modal-title" >编辑报表</h4>
        </div>
        <form method="post" action="/setreport" onsubmit="return judgeSubmit();">
        <div class="modal-body">
          <input type="hidden" name="reportid" value="" id="reportid">
          <!-- if isset({{pindex}}) --><input type="hidden" name="pindex" value="{{pindex}}"><!-- endif -->
          <!-- if isset({{cateid}}) --><input type="hidden" name="cateid" value="{{cateid}}"><!-- endif -->
          <!-- if isset({{itemid}}) --><input type="hidden" name="itemid" value="{{itemid}}"><!-- endif -->
          <!-- if isset({{area}}) --><input type="hidden" name="area" value="{{area}}"><!-- endif -->
          <!-- if isset({{sort}}) --><input type="hidden" name="sort" value="{{sort}}"><!-- endif -->
          <!-- if !isset({{dingzhi}}) -->
          <!--通用报表信息-->
          <div class="form-group">
            <label>区域</label>
            <div class="row">
              <div class="col-xs-4">
                <select class="form-control input-sm" name="areaselect" id="areaselect">
                  <option value="3">通用</option>
                  <option value="1">全国</option>
                  <option value="2">广东</option>
                </select>
              </div>
            </div>
          </div>
          <div class="form-group ">
            <label>报表类别</label>
            <div class="row">
              <div class="col-xs-4">
                <select class="form-control input-sm" name="parentselect" id="parentselect">
                  <option value="0">选择类别</option>
                  <!-- if isset({{cateparentlist}}) && !empty({{cateparentlist}}) -->
                  <!-- loop cateparentlist -->
                  <option value="{{cateparentlist' value.cateid}}">{{cateparentlist' value.catename}}</option>
                  <!-- endloop -->
                  <!-- endif -->
                </select>
              </div>
              <div class="col-xs-4 hidden">
                <select class="form-control input-sm" name="cateselect" id="cateselect">
                </select>
              </div>
              <div class="col-xs-2"><a href="{{rootUrl}}catelist" class="btn btn-link" target="_blank">类别管理</a></div>
            </div>
          </div>
          <div class="form-group">
            <label>报表名</label>
            <div class="row">
              <div class="col-xs-6">
                <input type="text" class="form-control input-sm" placeholder="" name="reportname" id="reportname">
              </div>
            </div>
          </div>
          <!--通用报表信息-->
          <!-- else -->
          <!--定制报表信息-->
          <div class="form-group ">
            <label>所在项目</label>
            <div class="row">
              <div class="col-xs-6">
                <select class="form-control input-sm" name="itemselect" id="itemselect">
                  <option value="0">选择项目</option>
                  <!-- if isset({{itemlist}}) && !empty({{itemlist}}) -->
                  <!-- loop itemlist -->
                  <option value="{{itemlist' value.itemid}}">{{itemlist' value.itemname}}</option>
                  <!-- endloop -->
                  <!-- endif -->
                </select>
              </div>
              <div class="col-xs-3"><a href="{{rootUrl}}itemlist" class="btn btn-link" target="_blank">项目管理</a></div>
            </div>
          </div>
          <div class="form-group">
            <label>报表类别</label>
            <div class="row">
              <div class="col-xs-4">
                <select class="form-control input-sm" name="parentselect" id="parentselect">
                  <option value="0">选择类别</option>
                  <!-- if isset({{cateparentlist}}) && !empty({{cateparentlist}}) -->
                  <!-- loop cateparentlist -->
                  <option value="{{cateparentlist' value.cateid}}">{{cateparentlist' value.catename}}</option>
                  <!-- endloop -->
                  <!-- endif -->
                </select>
              </div>
              <div class="col-xs-4 hidden">
                <select class="form-control input-sm" name="cateselect" id="cateselect">
                </select>
              </div>
              <div class="col-xs-2"><a href="{{rootUrl}}catelist/1<!-- if !empty({{itemid}}) -->/item/{{itemid}}<!-- endif -->" class="btn btn-link" target="_blank" id="category">类别管理</a></div>
            </div>
          </div>
          <div class="form-group">
            <label>报表名</label>
            <div class="row">
              <div class="col-xs-6">
                <input type="text" class="form-control input-sm" placeholder="" name="reportname" id="reportname">
              </div>
            </div>
          </div>
          <!--定制报表信息-->
          <!-- endif -->
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success">保存</button>
        </div>
        </form>
      </div>
    </div>
  </div>
  <!--编辑报表-->

<script>
  function judgeSubmit(){
    if($('#itemselect').val() == '0'){
      alert('请选择项目');
      return false;
    }
    if($('#parentselect').val() == '0'){
      alert('请选择类别');
      return false;
    }
    if($('input[name="reportname"]').val() == ''){
      alert('请输入报表名');
      return false;
    }
  }

  function editNormalreport(id,catid,pid,name,area){
    $('#reportid').val(id);
    $('#reportname').val(name);
    $('#areaselect').val(area);
    if(pid != 0){
      getajaxchild(pid);
      $('#cateselect option').each(function(){
        if($(this).val() == catid){
          $(this).prop('selected',true);
        }else{
          $(this).prop('selected',false);
        }
      });
      $('#cateselect').parent().removeClass('hidden');
      $('#parentselect option').each(function(){
        if($(this).val() == pid){
          $(this).prop('selected',true);
        }else{
          $(this).prop('selected',false);
        }
      });
    }else{
      $('#cateselect').parent().addClass('hidden');
      $('#parentselect option').each(function(){
        if($(this).val() == catid){
          $(this).prop('selected',true);
        }else{
          $(this).prop('selected',false);
        }
      });
    }
  }

  function edititemreport(name,id,itemid,pid,cid){
    $('#category').attr('href','/catelist/1/item/'+itemid);
    $('#reportid').val(id);
    $('#reportname').val(name);
    $('#itemselect option').each(function(){
      if($(this).val() == itemid){
        $(this).prop('selected',true);
      }else{
        $(this).prop('selected',false);
      }
    });
    getajaxparent(itemid);
    if(pid != 0){
      getajaxchild(pid);
      $('#cateselect option').each(function(){
        if($(this).val() == cid){
          $(this).prop('selected',true);
        }else{
          $(this).prop('selected',false);
        }
      });
      $('#cateselect').parent().removeClass('hidden');
      $('#parentselect option').each(function(){
        if($(this).val() == pid){
          $(this).prop('selected',true);
        }else{
          $(this).prop('selected',false);
        }
      });
    }else{
      $('#cateselect').parent().addClass('hidden');
      $('#parentselect option').each(function(){
        if($(this).val() == catid){
          $(this).prop('selected',true);
        }else{
          $(this).prop('selected',false);
        }
      });
    }

  }

  function delreport(name,id,itemid) {
    $('#deltext b').text(name);
    $('#delitem').val(itemid);
    var href = '{{rootUrl}}deletereport/'+id;

    if($('#delitem').val() != ''){
      href += '/item/'+$('#delitem').val();
    } else if($('#delcate').val() != ''){
      href += '/cate/'+$('#delcate').val();
    }

    if($('#delarea').val() != ''){
      href += '/area/'+ $('#delarea').val();
    }
    if($('#delsort').val() == 'report'){
      href += '/sort/report';
    }

    if($('#delpindex').val() != ''){
      href += '/page/'+$('#delpindex').val();
    }
    $('#delbtn').attr('href',href);

  }

  $(function(){
    $('#itemselect2').change(function(){
      var href = '/reportlist/1';
      if($(this).val() != 0){
        href += '/item/'+$(this).val();
      }
      if($('#sort').val() == 'report'){
        href += '/sort/report';
      }
      window.location.href = href;

    });

    $('#cateselect2').change(function(){
      var href = '/reportlist';
      if($(this).val() != 0){
        href += '/cate/'+$(this).val();
      }
      if($('#areaselect2').val() != 0){
        href += '/area/'+$('#areaselect2').val();
      }
      if($('#sort').val() == 'report'){
        href += '/sort/report';
      }
      window.location.href = href;
    });

    $('#areaselect2').change(function(){
      var href = '/reportlist';
      if($('#cateselect2').val() != 0){
        href += '/cate/'+$('#cateselect2').val();
      }
      if($(this).val() != 0){
        href += '/area/'+$(this).val();
      }
      if($('#sort').val() == 'report'){
        href += '/sort/report';
      }
      window.location.href = href;
    });

    $('#sort').change(function(){
      var href = '/reportlist';
      if($('#listtype').val() != ''){
        href += '/1';

        if($('#itemselect2').val() != 0){
          href += '/item/'+$('#itemselect2').val();
        }
      }else{
        if($('#cateselect2').val() != 0){
          href += '/cate/'+$('#cateselect2').val();
        }

        if($('#areaselect2').val() != 0){
          href += '/area/'+$('#areaselect2').val();
        }
      }
      if($(this).val() == 'report'){
        href += '/sort/report';
      }
      window.location.href = href;
    });

    $('#itemselect').change(function(){
      var itemid = $(this).val();
      if(itemid != 0){
        $('#category').prop('href','/catelist/1/item/'+itemid);
      }else{
        $('#category').prop('href','/catelist/1');
      }
      getajaxparent(itemid);
    });

    $('#parentselect').change(function(){
      var parentid = $(this).val();
      getajaxchild(parentid);
    });
  });

  function getajaxchild(parentid){
    $.ajax({
      type: 'get',
      url : '/getcatechild?parentid='+parentid,
      async: false,
      dataType: 'json',
      success: function(result){
        var data = result;
        if(data.code != 200){
          $('#cateselect').parent().addClass('hidden');
          $('#cateselect').html('');
        }else{
          var html = '';
          $.each(data.childlist, function(k,v){
            html +='<option value="' + v.cateid + '">' + v.catename + '</option>';
          });
          $('#cateselect').html(html);
          $('#cateselect').parent().removeClass('hidden');
        }
      }
    })
  }

  function getajaxparent(itemid){
    $.ajax({
      type: 'get',
      url : '/getcateparentbyitem?itemid='+itemid,
      async: false,
      dataType: 'json',
      success: function(result){
        var data = result;
        if(data.code == 200){
          var html = '<option value="0">选择类别</option>';
          $.each(data.parentlist, function(k,v){
            html +='<option value="' + v.cateid + '">' + v.catename + '</option>';
          });
          $('#parentselect').html(html);
          $('#cateselect').parent().addClass('hidden');
          $('#cateselect').html('');
        }else{
          var html = '<option value="0">选择类别</option>';
          $('#parentselect').html(html);
          $('#cateselect').parent().addClass('hidden');
          $('#cateselect').html('');
        }
      }
    })
  }

</script>
</body>