123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <title>栏目管理</title>
- <link href="../../../AFrontEnd/css/animate.css" rel="stylesheet" />
- <link href="../../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
- <link href="../../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
- <link href="../../../AFrontEnd/css/style.css" rel="stylesheet" />
- <script>document.write("<link href='../../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- <script>document.write("<link href='css/list.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- </head>
- <body ng-controller="indexCtrl as ctl" ng-cloak>
- <div class="sp-page-mgn">
- <div class="sp-page-pad">
- <div class="sp-page">
- <div class="sp-page-col sp-pull-left">
- <span class="sp-page-title">栏目管理</span>
- </div>
- </div>
- <div class="sp-line-gray"></div>
- <div class="sp-page sp-mt-10">
- <div class="fp-part-left">
- <div class="sp-page" id="treeDivPart" style="overflow:auto;">
- <div style="width: 100%;" class="menu-list" tree-view tree-data="ctl.treeData" text-field="CNAME"
- item-up="ctl.itemUp($item,$index,$event)"
- item-down="ctl.itemDown($item,$index,$event)"
- item-add="ctl.itemAdd($item,$event)"
- item-edit="ctl.itemEdit($item,$event)"
- item-check="ctl.itemCheck($item,$event)"
- item-delete="ctl.itemDelete($item,$event)">
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="layer_box" style="width:800px;">
- <div class="sp-layer-head">
- <span class="sp-layer-title" ng-bind="ctl.itemNode.layerTitle"></span>
- <span class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">×</span>
- </div>
- <div class="sp-layer-body">
- <div class="sp-page">
- <table class="sp-grid-job">
- <tbody>
- <tr ng-if="(ctl.itemNode.id!=0&&ctl.itemNode.level==2)||ctl.itemNode.id==0">
- <td width="150">分类名称</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemNode.name" ng-if="ctl.itemNode.id==0" ng-disabled="ctl.itemNode.level!=1" sp-required />
- <input type="text" class="sp-input" ng-model="ctl.itemNode.name" ng-if="ctl.itemNode.id!=0" ng-disabled="ctl.itemNode.level!=2" sp-required />
- </td>
- </tr>
- <tr ng-if="(ctl.itemNode.id!=0&&ctl.itemNode.level==3)||(ctl.itemNode.id==0&&ctl.itemNode.level!=1)">
- <td>栏目名称</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemNode.child_title" ng-if="ctl.itemNode.id==0" ng-disabled="ctl.itemNode.level!=2" sp-required />
- <input type="text" class="sp-input" ng-model="ctl.itemNode.child_title" ng-if="ctl.itemNode.id!=0" ng-disabled="ctl.itemNode.level!=3" sp-required />
- </td>
- </tr>
- <tr>
- <td>是否为专栏</td>
- <td>
- <label ng-repeat="item in ctl.COLUMNTYPE"><input type="radio" name="COLUMNTYPE" ng-model="ctl.itemNode.COLUMNTYPE" value="{{item.CODE}}" />{{item.CNAME}}</label>
- </td>
- </tr>
- <tr>
- <td>专栏背景图片</td>
- <td>
- <span class="upload-img sp-pull-left">
- <img ng-click="ctl.beforeUpload()" ng-src="{{ctl.itemNode.imgurl}}" ng-if="ctl.itemNode.imgurl!=null" />
- <img ng-click="ctl.beforeUpload()" ng-if="ctl.itemNode.imgurl==null" src="../../../AFrontEnd/css/icons/logo/sp-logo-add-gray.png" />
- <input id="fileupload" class="upload-img-file-single" type="file" name="files[]" />
- </span>
- </td>
- </tr>
- <tr>
- <td>操作人员</td>
- <td>
- <div class="sp-col-100 sp-text-left" id="selectMember" style="height: 160px;overflow: auto;">
- <label>
- <input ng-click="ctl.selectAll()" ng-model="ctl.isSelectedAll" type="checkbox"> 全选
- </label>
- <div ng-repeat="item in ctl.userList">
- <div class="firstDepart" style="clear: both;">
- <label>
- <input type="checkbox" ng-model="item.isChecked" ng-click="ctl.firstDepartSelect($index)">
- <span ng-bind="item.SECTION" style="font-weight: bold"></span>
- </label>
- <ul class="userList" ng-repeat="item2 in item.C_H_I_L_D_DATA">
- <li style="float: left">
- <label style="margin-left: 15px; margin-right: 10px;">
- <input type="checkbox" ng-model="item2.isChecked" ng-click="ctl.firstUserSelect($parent.$index)">
- <span ng-bind="item2.ushowname"></span>
- </label>
- </li>
- </ul>
- <div class="secondDepart" style="clear: both;margin-left: 15px;" ng-repeat="item3 in item.C_H_I_L_D">
- <label>
- <input type="checkbox" ng-model="item3.isChecked" ng-click="ctl.secondDepartSelect($parent.$index,$index)">
- <span ng-bind="item3.SECTION" style="font-weight: bold"></span>
- </label>
- <ul class="userList" ng-repeat="item4 in item3.C_H_I_L_D_DATA">
- <li style="float: left">
- <label style="margin-left: 15px; margin-right: 10px;">
- <input type="checkbox" ng-model="item4.isChecked" ng-click="ctl.secondUserSelect($parent.$parent.$index,$parent.$index)">
- <span ng-bind="item4.ushowname"></span>
- </label>
- </li>
- </ul>
- <div class="thirdDepart" style="clear: both;margin-left: 15px;" ng-repeat="item5 in item3.C_H_I_L_D">
- <label>
- <input type="checkbox" ng-model="item5.isChecked" ng-click="ctl.thirdDepartSelect($parent.$parent.$index,$parent.$index,$index)">
- <span ng-bind="item5.SECTION" style="font-weight: bold"></span>
- </label>
- <ul class="userList" ng-repeat="item6 in item5.C_H_I_L_D_DATA">
- <li style="float: left">
- <label style="margin-left: 15px; margin-right: 10px;">
- <input type="checkbox" ng-model="item6.isChecked" ng-click="ctl.thirdUserSelect($parent.$parent.$parent.$index,$parent.$parent.$index,$parent.$index)">
- <span ng-bind="item6.ushowname"></span>
- </label>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-page sp-text-center sp-pt-10 sp-pad-10">
- <button class="sp-btn-blue sp-btn-md" ng-click="ctl.btnSetTitle()">
- <i class="fa fa-check"></i> 提交
- </button>
- <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
- <i class="fa fa-close"></i> 取消
- </button>
- </div>
- </div>
- </div>
- </div>
- <script type="text/ng-template" id="/treeView.html">
- <ul>
- <li ng-repeat="item in treeData" ng-include="'/treeItem.html'"></li>
- </ul>
- </script>
- <script type="text/ng-template" id="/treeItem.html">
- <p ng-class="{'pActive':item.checked}">
- <i ng-click="itemExpended(item, $event);" class="{{getItemIcon(item)}}"></i>
- <span style="display: inline-block;height: 18px;line-height: 18px;" ng-click="warpCallback('itemCheck', item, $event);">
- {{item[textField]}}
- </span>
- <span class="edit-menu sp-color-gray">
- <i ng-click="warpCallback('itemAdd', item, $event);" title="新增分类" class="fa fa-plus"></i>
- <i ng-if="item.LEVELS!=1"
- ng-click="warpCallback('itemEdit', item, $event);" title="编辑分类" class="fa fa-pencil"></i>
- <i ng-if="!item.C_H_I_L_D_DATA || item.C_H_I_L_D_DATA.length<1"
- ng-click="warpCallback('itemDelete', item, $event);" title="删除分类" class="fa fa-trash"></i>
- <i ng-if="$index!=0"
- ng-click="warpCallback('itemUp', item, $index, $event);" title="上移" class="fa fa-arrow-up"></i>
- <i ng-if="$index+1!=item.C_H_I_L_D_DATA_L"
- ng-click="warpCallback('itemDown', item, $index, $event);" title="下移" class="fa fa-arrow-down"></i>
- </span>
- </p>
- <ul ng-if="!isEnd(item)" ng-show="!item.$$isExpend">
- <li ng-repeat="item in item.C_H_I_L_D_DATA" ng-include="'/treeItem.html'"></li>
- </ul>
- </script>
- <script src="../../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../../AFrontEnd/js/laydate/laydate.js"></script>
- <script src="../../../AFrontEnd/js/angularjs/angular.js"></script>
- <script src="../../../AFrontEnd/js/angularjs/dirPagination.js"></script>
- <script src="../../../apiurljs.js"></script>
- <script src="../../../js/sm4.js"></script>
- <script>document.write('<scri' + 'pt src="../../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <script>document.write('<scri' + 'pt src="js/index.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <script src="../../../AFrontEnd/js/special/spng.js"></script>
- <script src="../../../AFrontEnd/js/special/spngvld.js"></script>
- <!--附件-->
- <script src="../../../AFrontEnd/plugins/js.fileupload/vendor/jquery.ui.widget.js"></script>
- <script src="../../../AFrontEnd/plugins/js.fileupload/jquery.iframe-transport.js"></script>
- <script src="../../../AFrontEnd/plugins/js.fileupload/jquery.fileupload.js"></script>
- </body>
- </html>
|