123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215 |
- <!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>
- </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">
- <div class="sp-page-mgn">
- <table class="sp-table">
- <thead>
- <tr>
- <th style="width:60px;">序号</th>
- <th>驾驶员</th>
- <th>手机号</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">
- <td ng-bind="$index+1"></td>
- <td>
- <div class="sp-color-blue" ng-bind="item.CNAME"></div>
- </td>
- <td ng-bind="item.TEL"></td>
- <td ng-bind="item.CARDTYPE"></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>
- </div>
- </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 style="width:120px;">驾驶员</td>
- <td>
- <input type="text" class="sp-input" placeholder="驾驶员姓名" ng-model="ctl.search.CNAME" />
- </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>
- </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.CNAME" sp-required>
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.TEL">
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.CARDTYPE">
- </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:120px;">驾驶员</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.CNAME" />
- </td>
- </tr>
- <tr>
- <td style="width:120px;">手机号</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.TEL" />
- </td>
- </tr>
- <tr>
- <td style="width:120px;">准驾车型</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.CARDTYPE" />
- </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 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>
|