123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242 |
- <!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">
- <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: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.CPH"></div>
- </td>
- <td ng-bind="item.PP"></td>
- <td ng-bind="item.CLYS"></td>
- <td ng-bind="item.ZCRS"></td>
- <td ng-bind="item.CXNAME"></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.CPH"/>
- </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>准乘人数</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.CPH" 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.CLYS">
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.ZCRS">
- </td>
- <td>
- <select class="sp-select" ng-model="item.CX">
- <option ng-repeat="item in ctl.cxList" value="{{item.CODE}}" ng-bind="item.CNAME"></option>
- </select>
- </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.CPH"/>
- </td>
- </tr>
- <tr>
- <td style="width:120px;">品牌</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.PP" />
- </td>
- </tr>
- <tr>
- <td style="width:120px;">车辆颜色</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.CLYS" />
- </td>
- </tr>
- <tr>
- <td style="width:120px;">准乘人数</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.ZCRS" />
- </td>
- </tr>
- <tr>
- <td style="width:120px;">车型</td>
- <td>
- <select class="sp-select" ng-model="ctl.itemObj.CX">
- <option ng-repeat="item in ctl.cxList" value="{{item.CODE}}" ng-bind="item.CNAME"></option>
- </select>
- </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>
|