vc_jlzf/protected/view/edit-formcate.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}}catelist">通用类别</a></li>
          <li role="presentation" <!-- if isset({{dingzhi}}) -->class="active"<!-- endif -->><a href="{{rootUrl}}catelist/1">定制类别</a></li>
        </ul>
      </div>
        <!-- if !isset({{dingzhi}}) -->
        <!--通用类别-->
        <div class="row">
            <div class="col-md-3">
                <form method="post" action="/addcate" onsubmit="return judgeSumbit();">
                    <div class="form-group">
                        <label>类别名称</label>
                        <input class="form-control" placeholder="不要太长就是了" name="catename" type="text">
                    </div>
                    <div class="form-group">
                        <label>父级</label>
                        <select class="form-control" name="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>
                    <button type="submit" class="btn btn-success">添加类别</button>
                </form>
            </div>
            <div class="col-md-8 col-md-offset-1">
                <table class="table table-hover">
                    <thead><tr><th>类别名称</th><th>父级类别</th><th width="70">报表</th><th width="110">操作</th></tr></thead>
                    <tbody>
                    <!-- if isset({{catelist}}) && !empty({{catelist}}) -->
                    <!-- loop catelist -->
                    <tr>
                        <td>{{catelist' value.catename}}</td>
                        <td>{{catelist' value.parentname}}</td>
                        <td>{{catelist' value.reportnum}}</td>
                        <td>
                            <a href="#edit-cate" data-toggle="modal" class="btn btn-xs" onclick='editcate("{{catelist' value.catename}}","{{catelist' value.cateid}}","{{catelist' value.parentid}}","{{catelist' value.hadchild}}");'>编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger" onclick='delcate("{{catelist' value.catename}}","{{catelist' value.cateid}}","{{catelist' value.reportnum}}","{{catelist' value.hadchild}}");'>删除</a>
                        </td>
                    </tr>
                    <!-- endloop -->
                    <!-- endif -->
                    </tbody>
                </table>
                <nav>
                    <ul class="pagination">
                        {{pager}}
                    </ul>
                </nav>
            </div>
        </div>
        <!-- else -->
        <!--定制报表-->
        <div class="row">
            <div class="col-md-3">
                <form method="post" action="/addcate" onsubmit="return judgeSumbit();">
                    <div class="form-group">
                        <a class="pull-right" href="{{rootUrl}}itemlist" target="_blank">添加项目</a>
                        <label>项目</label>
                        <select class="form-control itemselect" name="itemselect">
                            <!-- 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="form-group">
                        <label>类别名称</label>
                        <input class="form-control" placeholder="不要太长就是了" name="catename" type="text">
                    </div>
                    <div class="form-group">
                        <label>父级</label>
                        <select class="form-control parentselect" name="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>
                    <button type="submit" class="btn btn-success">添加类别</button>
                </form>
            </div>
            <div class="col-md-8 col-md-offset-1">
                <div class="page-nav clearfix">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-xs-6">
                                <select class="form-control" id="itemselect">
                                    <!-- 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>
                    </div>
                </div>
                <table class="table table-hover">
                    <thead><tr><th>类别名称</th><th>父级类别</th><th width="70">报表</th><th width="110">操作</th></tr></thead>
                    <tbody>
                    <!-- if isset({{catelist}}) && !empty({{catelist}}) -->
                    <!-- loop catelist -->
                    <tr>
                        <td>{{catelist' value.catename}}</td>
                        <td>{{catelist' value.parentname}}</td>
                        <td>{{catelist' value.reportnum}}</td>
                        <td>
                            <a href="#edit-cate" data-toggle="modal" class="btn btn-xs" onclick='editcate("{{catelist' value.catename}}","{{catelist' value.cateid}}","{{catelist' value.parentid}}","{{catelist' value.hadchild}}");'>编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger" onclick='delcate("{{catelist' value.catename}}","{{catelist' value.cateid}}","{{catelist' value.reportnum}}","{{catelist' value.hadchild}}");'>删除</a>
                        </td>
                    </tr>
                    <!-- endloop -->
                    <!-- endif -->
                    </tbody>
                </table>
                <nav>
                    <ul class="pagination">
                        {{pager}}
                    </ul>
                </nav>
            </div>
        </div>
        <!-- endif -->
    </div>
  </div>
  <!--编辑类别-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="edit-cate">
      <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="/updatecate" onsubmit="return judgeSumbit2();">
              <div class="modal-body">
                  <!-- if isset({{dingzhi}}) -->
                  <!--定制报表项目-->
                  <div class="form-group">
                      <label>项目</label>
                      <div class="row">
                          <div class="col-xs-6">
                              <input type="hidden" name="itemid" value="{{itemid}}" >
                              <input type="text" class="form-control input-sm" value="{{itemname}}" disabled="">
                              <select class="form-control hidden" id="itemselect2" name="itemselect">
                                  <!-- 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>
                  </div>
                  <!--定制报表项目-->
                  <!-- endif -->
                  <div class="form-group">
                      <label>类别名称</label>
                      <div class="row">
                          <div class="col-xs-4">
                              <input type="text" class="form-control input-sm" id="editcatename" name="catename" value="" >
                              <input type="hidden" name="cateid" id="editcateid" value="" >
                              <input type="hidden" id="hadchild" value="" >
                              <!-- if isset({{pindex}}) --><input type="hidden" name="pindex" value="{{pindex}}" ><!-- endif -->
                          </div>
                      </div>
                  </div>
                  <div class="form-group">
                      <label>父级类别</label>
                      <div class="row">
                          <div class="col-xs-4">
                              <select class="form-control" id="parentselect2" name="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>
                  </div>
              </div>
              <div class="modal-footer">
                  <button type="submit" class="btn btn-success">保存</button>
              </div>
              </form>
          </div>
      </div>
  </div>
  <!--编辑类别-->
  <!--删除类别-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="del-cate">
      <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 id="delhadchild" style="display: none;">该类别下包含子类别，无法删除</h3>
                  <h3 id="delhadreport" style="display: none;">该类别下包含报表，无法删除</h3>
                  <h3 id="delcate" style="display: none;">是否删除 <b></b></h3>
                  <input type="hidden" id="delitem" value="<!-- if isset({{itemid}}) -->{{itemid}}<!-- endif -->">
                  <input type="hidden" id="delpindex" value="<!-- if isset({{pindex}}) -->{{pindex}}<!-- endif -->">
              </div>
              <div class="modal-footer" id="delbtn" style="display: none;">
                  <a type="button" class="btn btn-danger" href="#" id="delitembtn">确认删除</a>
              </div>
          </div>
      </div>
  </div>
  <!--删除类别-->

<script>
    function judgeSumbit(){
        if($.trim($('input[name="catename"]').val()) == ''){
            alert('类别名不能为空');
            return false;
        }
    }
    function judgeSumbit2(){
        if($.trim($('#editcatename').val()) == ''){
            alert('类别名不能为空');
            return false;
        }

        if($('#parentselect2').val() == $('#editcateid').val()){
            alert('不能选择自己作为父级');
            return false;
        }

        if($('#hadchild').val() == 1 && $('#parentselect2').val() != 0){
            alert('该类别下包含子类别，无法成为其它类别的子类别');
            return false;
        }
    }

    function editcate(catename,cateid,parentid,hadchild){
        $('#editcatename').val(catename);
        $('#editcateid').val(cateid);
        $('#hadchild').val(hadchild);
        $('#parentselect2 option').each(function(k,v){
            if($(this).val() == parentid){
                $(this).attr('selected',true);
            }else{
                $(this).attr('selected',false);
            }
        });
    }

    function delcate(catename,cateid,reportnum,hadchild){
        $('#delhadchild').hide();
        $('#delhadreport').hide();
        $('#delcate').hide();
        $('#delbtn').hide();
        if(hadchild != 0){
            $('#delhadchild').show();
        } else if(reportnum != 0){
            $('#delhadreport').show();
        } else {
            $('#delcate b').text(catename);
            $('#delcate').show();
            $('#delbtn').show();
            if($('#delitem').val() != '' && $('#delpindex').val() != ''){
                $('#delitembtn').attr('href','{{rootUrl}}deletecate/'+cateid+'/item/'+$('#delitem').val()+'/page/'+$('#delpindex').val());
            }else if($('#delitem').val() != '' && $('#delpindex').val() == ''){
                $('#delitembtn').attr('href','{{rootUrl}}deletecate/'+cateid+'/item/'+$('#delitem').val());
            }else if($('#delitem').val() == '' && $('#delpindex').val() != ''){
                $('#delitembtn').attr('href','{{rootUrl}}deletecate/'+cateid+'/page/'+$('#delpindex').val());
            }else{
                $('#delitembtn').attr('href','{{rootUrl}}deletecate/'+cateid);
            }
        }
    }

    $(function(){
        $('#itemselect').change(function(){
            window.location.href = '/catelist/1/item/'+$(this).val();
        });

        $('.itemselect').change(function(){
            $.ajax({
                type: 'get',
                url: '/getcateparentlist?itemid='+$(this).val(),
                dataType: 'json',
                success: function(result){
                    var data = result;
                    var html = '<option value="0">设为父级</option>';
                    if(data.code != '200'){
                        $('.parentselect').html('');
                        $('.parentselect').html(html);
                    }else{
                        $('.parentselect').html('');
                        $.each(data.parentlist,function(k,v){
                            html +='<option value="'+ v.cateid + '">'+ v.catename + '</option>';
                        });
                        $('.parentselect').html(html);
                    }
                }
            });
        });

        $('#itemselect2').change(function(){
            $.ajax({
                type: 'get',
                url: '/getcateparentlist?itemid='+$(this).val(),
                dataType: 'json',
                success: function(result){
                    var data = result;
                    var html = '<option value="0">设为父级</option>';
                    if(data.code != '200'){
                        $('#parentselect2').html('');
                        $('#parentselect2').html(html);
                    }else{
                        $('#parentselect2').html('');
                        $.each(data.parentlist,function(k,v){
                            html +='<option value="'+ v.cateid + '">'+ v.catename + '</option>';
                        });
                        $('#parentselect2').html(html);
                    }
                }
            });
        })
    });

</script>
</body>
</html>