vc_jlzf/protected/view/add-form.html

<!-- include 'fc-header' -->
<!-- include 'fc-leftWrap' -->
  <div class="warp-content">
    <div class="container">
      <div class="page-header">
        <h2 id="basis-info">添加新报表</h2>
      </div>
      <div class="page-nav clearfix">
        <ul class="nav nav-tabs">
          <li role="presentation" <!-- if !isset({{dingzhi}}) -->class="active"<!-- endif -->><a href="{{rootUrl}}addreport">通用报表</a></li>
          <li role="presentation" <!-- if isset({{dingzhi}}) -->class="active"<!-- endif -->><a href="{{rootUrl}}addreport/1">定制报表</a></li>
        </ul>
      </div>
      <div class="row">
        <div class="col-md-9">
          <div class="tc-section">
            <!-- if !isset({{dingzhi}}) -->
              <!--通用报表-->
            <form method="post" action="/setreport" onsubmit="return judgeSubmit();">
              <div class="form-group ">
                <label>区域</label>
                <div class="row">
                  <div class="col-xs-3">
                    <select class="form-control input-sm" name="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-3">
                    <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-3 hidden">
                    <select class="form-control input-sm" name="cateselect" id="cateselect">
                    </select>
                  </div>
                  <div class="col-xs-3"><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-5">
                    <input type="text" class="form-control input-sm" name="reportname" placeholder="">
                  </div>
                </div>
              </div>
              <div class="form-group ">
                <label></label>
                <div class="row">
                  <div class="col-xs-5">
                    <a href="{{rootUrl}}reportlist" class="btn btn-default">返回</a>
                    <button type="submit" class="btn btn-success">确认添加</button>
                  </div>
                </div>
              </div>
            </form>
              <!--通用报表-->
            <!-- else -->
              <!--定制报表-->
            <form method="post" action="/setreport" onsubmit="return judgeSubmit();">
              <div class="form-group ">
                <label>所在项目</label>
                <div class="row">
                  <div class="col-xs-4">
                    <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}}" <!-- if {{itemlist' value.itemid}} == {{itemid}} -->selected<!-- endif -->>{{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-3">
                    <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-3 hidden">
                    <select class="form-control input-sm" name="cateselect" id="cateselect">
                    </select>
                  </div>
                  <div class="col-xs-3"><a href="/catelist/1" id="category" class="btn btn-link" target="_blank">类别管理</a></div>
                </div>
              </div>
              <div class="form-group">
                <label>报表名</label>
                <div class="row">
                  <div class="col-xs-5">
                    <input type="text" class="form-control input-sm" name="reportname" placeholder="">
                  </div>
                </div>
              </div>
              <div class="form-group ">
                <label></label>
                <div class="row">
                  <div class="col-xs-5">
                    <a href="{{rootUrl}}reportlist/1" class="btn btn-default">返回</a>
                    <button type="submit" class="btn btn-success">确认添加</button>
                  </div>
                </div>
              </div>
              <!--定制报表-->
            </form>
            <!-- endif -->
          </div>
        </div>
      </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(){
    $('#itemselect').change(function(){
      var itemid = $(this).val();
      if(itemid != 0){
        $('#category').attr('href','/catelist/1/item/'+itemid);
      }else{
        $('#category').attr('href','/catelist/1');
      }
      $.ajax({
        type: 'get',
        url : '/getcateparentbyitem?itemid='+itemid,
        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('');
          }
        }
      })
    });

    $('#parentselect').change(function(){
      var parentid = $(this).val();
      $.ajax({
        type: 'get',
        url : '/getcatechild?parentid='+parentid,
        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');
          }
        }
      })
    });
  })
</script>
</body>
</html>