123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357 |
- <!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>
- <div class="loading" ng-if="ctl.loading">
- <div class="loading-msg">
- <h3>数据加载中,请等待</h3>
- <div class="spinner">
- <div class="bounce1"></div>
- <div class="bounce2"></div>
- <div class="bounce3"></div>
- </div>
- </div>
- </div>
- <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 class="sp-page-col sp-pull-right">
- <span class="sp-btn-gray sp-md sp-btn-radius" ng-click="ctl.opneInsertLayer()"><i class="fa fa-plus"></i> 新 增</span>
- <span class="sp-btn-gray sp-md sp-btn-radius" ng-click="ctl.openSearchLayer()"><i class="fa fa-search"></i> 查 询</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 sp-text-center sp-color-white"
- style="height: 40px; line-height: 40px; background-color: #1c84c6; ">分类清单
- </div>
- <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,$event)"
- item-down="ctl.itemDown($item,$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 class="fp-part-right ng-hide" ng-show="ctl.nowNodeCode!=''">
- <div class="sp-page-mgn">
- <table class="sp-table">
- <thead>
- <tr>
- <th style="width:60px;">序号</th>
- <th>用品编号</th>
- <th>品牌</th>
- <th>用品名称</th>
- <th>分类</th>
- <th>规格</th>
- <th style="width:100px;">单价</th>
- <th style="width: 100px;">库存</th>
- <th style="width:100px;">计量单位</th>
- <th>备注</th>
- <th style="width:160px;">操作</th>
- </tr>
- </thead>
- <tbody>
- <tr dir-paginate="item in ctl.rows|itemsPerPage:ctl.itemsPerPage"
- total-items="ctl.total_count" ng-class="{'sp-color-red':(item.KC<10&&item.YPBH=='YP0101')||item.KC<5&&item.YPBH=='YP0102'}">
- <td ng-bind="$index+1"></td>
- <td ng-bind="item.YPBH1"></td>
- <td ng-bind="item.PP"></td>
- <td>
- <div class="sp-color-blue" ng-bind="item.YPMC"></div>
- </td>
- <td ng-bind="item.FL"></td>
- <td ng-bind="item.GG"></td>
- <td ng-bind="item.DJ"></td>
- <td ng-bind="item.KC"></td>
- <td ng-bind="item.JDLW"></td>
- <td ng-bind="item.BZ"></td>
- <td>
- <button class="sp-btn-blue-outline sp-btn-sm sp-radius" title="编辑" ng-click="ctl.itemDataEdit(item)">编 辑</button>
- <button class="sp-btn-red-outline sp-btn-sm sp-radius" title="删除" ng-click="ctl.deleteData(item)">删 除</button>
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-table-tip ng-hide" ng-show="ctl.noDataTip == 0">
- <i class="fa fa-exclamation-circle"></i> 您好,暂无数据!
- </div>
- <div class="sp-page" ng-show="ctl.noDataTip != 0">
- <div class="sp-page-col sp-pull-right">
- <div class="sp-lh-34">
- 每页 <select ng-model="ctl.itemsPerPage" ng-options="x for x in ctl.pageOptions"
- ng-init="ctl.itemsPerPage=ctl.pageOptions[0]"></select> 条
- </div>
- </div>
- <div class="sp-page-col sp-pull-right">
- <dir-pagination-controls max-size="8" direction-links="true" boundary-links="true"
- on-page-change="ctl.getData(newPageNumber)">
- </dir-pagination-controls>
- </div>
- <div class="sp-page-col ng-hide" ng-show="ctl.sumTotalNum!=''" style="margin-left:5px;line-height: 45px;height: 45px;">
- 当前库存:<span class="sp-color-orange" ng-bind="ctl.sumTotalNum"></span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="layer_box" style="width:500px;">
- <div class="sp-layer-head">
- <span class="sp-layer-title" ng-bind="ctl.selectedItem.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>
- <td style="width:80px;">分类名称</td>
- <td>
- <input type="text" class="sp-input" ng-readonly="ctl.selectedItem.add"
- ng-model="ctl.selectedItem.name" sp-required/>
- </td>
- </tr>
- <tr ng-if="ctl.selectedItem.add">
- <td style="width:80px;">子分类名称</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.selectedItem.child_title" sp-required />
- </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>
- <div class="sp-layer" id="layer_search" style="width: 500px;">
- <div class="sp-layer-head">
- <div class="sp-layer-title">
- 用品查询
- </div>
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </div>
- </div>
- <div class="sp-layer-body">
- <table class="sp-grid-job">
- <tbody>
- <tr>
- <td class="sp-text-center">
- 用品名称
- </td>
- <td>
- <input type="text" class="sp-input" placeholder="用品名称" ng-model="ctl.search.YPMC"/>
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-line-txt sp-text-center sp-pt-10">
- <a class="sp-btn-blue sp-sm sp-radius" ng-click="ctl.doSearch()"><i class="fa fa-search"></i> 查 询</a>
- <a class="sp-btn-blue sp-sm sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all"></i> 取
- 消</a>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="layer_insert" style="width: 1000px;">
- <div class="sp-layer-head">
- <div class="sp-layer-title">
- 用品新增
- </div>
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </div>
- </div>
- <div class="sp-layer-body">
- <table class="sp-table">
- <thead>
- <tr>
- <th style="width:60px;">
- <i class="fa fa-plus" title="新增" ng-click="ctl.addItemData()"></i>
- </th>
- <th>用品编号</th>
- <th>品牌</th>
- <th>用品名称</th>
- <th style="width:150px;">分类</th>
- <th style="width:80px;">规格</th>
- <th style="width:80px;">单价</th>
- <th style="width: 80px;">库存</th>
- <th style="width:80px;">计量单位</th>
- <th>备注</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="item in ctl.insertData">
- <td>
- <i class="fa fa-trash" ng-click="ctl.deleteItem($index)"></i>
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.YPBH1" sp-required>
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.PP">
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.YPMC" sp-required>
- </td>
- <td>
- <select class="sp-select" ng-model="item.FL" ng-change="ctl.changeItem($index,item.FL)">
- <option ng-repeat="item in ctl.typeList" value="{{item.CODE}}" ng-bind="item.CNAME"></option>
- </select>
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.GG">
- </td>
- <td>
- <input type="number" class="sp-input" ng-model="item.DJ">
- </td>
- <td>
- <input type="number" class="sp-input" ng-model="item.KC">
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.JDLW">
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.BZ">
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-table-tip ng-hide" ng-show="ctl.insertData.length == 0">
- <i class="fa fa-exclamation-circle"></i> 暂未新增数据!
- </div>
- <div class="sp-line-txt sp-text-center sp-pt-10">
- <button ng-disabled="ctl.insertData.length == 0" class="sp-btn-blue sp-sm sp-radius" ng-click="ctl.saveInsertData()"><i class="fa fa-save"></i> 保 存</button>
- <a class="sp-btn-blue sp-sm sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all"></i> 取
- 消</a>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="layer_edit" style="width:500px;">
- <div class="sp-layer-head">
- <span class="sp-layer-title">用品编辑</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>
- <td style="width:80px;">品牌</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.PP" />
- </td>
- </tr>
- <tr>
- <td style="width:80px;">用品名称</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.YPMC" sp-required />
- </td>
- </tr>
- <tr>
- <td style="width:80px;">规格</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.GG"/>
- </td>
- </tr>
- <tr>
- <td style="width:80px;">单价</td>
- <td>
- <input type="number" class="sp-input" ng-model="ctl.itemObj.DJ"/>
- </td>
- </tr>
- <tr>
- <td style="width:80px;">库存</td>
- <td>
- <input type="number" class="sp-input" ng-model="ctl.itemObj.KC"/>
- </td>
- </tr>
- <tr>
- <td style="width:80px;">计量单位</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.JDLW"/>
- </td>
- </tr>
- <tr>
- <td style="width:80px;">备注</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.BZ"/>
- </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.editBtn()">
- <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-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>
- </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/list.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>
- </body>
- </html>
|