|
|
@@ -0,0 +1,313 @@
|
|
|
+<style>
|
|
|
+ #store-list .table tr>th,
|
|
|
+ #store-list .table tr>td{
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ #store-list table td .info-line {
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ /*切换导航*/
|
|
|
+ .menu .col-sm-8{
|
|
|
+ padding: 0;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+ .menu{
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ background: #229ee6;
|
|
|
+ margin: 0;
|
|
|
+ line-height: 40px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .menu .btn{
|
|
|
+ border: none;
|
|
|
+ background: none;
|
|
|
+ color: #fff;
|
|
|
+ padding: 8px 30px;
|
|
|
+ min-width: 100px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menu2{
|
|
|
+ background: #fff;
|
|
|
+ border-bottom: 1px solid #229ee6
|
|
|
+ }
|
|
|
+ .menu2 .btn{
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .menu .btn:active{
|
|
|
+ background: none;
|
|
|
+ box-shadow: inset 0 0 0 rgba(0,0,0,0.125);
|
|
|
+ border:0;
|
|
|
+ }
|
|
|
+ .menu2 .btn:active{
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .menu .btn-group{
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ .menu .btn-primary:before,.menu a:hover:before{
|
|
|
+ content: "";
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #fff;
|
|
|
+ transform: rotate(-45deg);
|
|
|
+ position: absolute;
|
|
|
+ bottom: -18px;
|
|
|
+ left: 40%;
|
|
|
+ }
|
|
|
+ .menu2 .btn-primary{
|
|
|
+ border-bottom: 3px solid #219ee6;
|
|
|
+ color: #219ee6
|
|
|
+ }
|
|
|
+ .menu2 .btn:hover {
|
|
|
+ border-bottom: 3px solid #219ee6;
|
|
|
+ color: #219ee6
|
|
|
+ }
|
|
|
+ .menu2 .btn-primary:before,.menu2 a:hover:before{
|
|
|
+ content: '';
|
|
|
+ background: rgba(0,0,0,0);
|
|
|
+ }
|
|
|
+ .menu .col-sm-3{
|
|
|
+ float: right;
|
|
|
+ margin-right: 100px;
|
|
|
+ width: 270px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .menu .sreach-input{
|
|
|
+ position: relative;
|
|
|
+ margin-top: 5px;
|
|
|
+ width: 270px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ .menu .sreach-input .form-control{
|
|
|
+ height: 30px;
|
|
|
+ float: left;
|
|
|
+ border-radius: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .menu .sreach-input button{
|
|
|
+ width: 60px;
|
|
|
+ height: 30px;
|
|
|
+ background: #b9e1f9;
|
|
|
+ float: right;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ border: none;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .com-title h2{
|
|
|
+ font-size: 24px;
|
|
|
+ color: #219ee6;
|
|
|
+ }
|
|
|
+ /*显示记录条数*/
|
|
|
+ .text-rt{
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .record-stort{
|
|
|
+ line-height: 34px;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-bottom: 0;
|
|
|
+ padding-right: 30px;
|
|
|
+ }
|
|
|
+ .record-stort em{
|
|
|
+ font-family: "Microsoft Yahei", "微软雅黑";
|
|
|
+ color: #229ee6;
|
|
|
+ font-style: inherit;
|
|
|
+ font-weight: inherit;
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+ /*表格样式*/
|
|
|
+ .application-tab table tbody tr{
|
|
|
+ height: 70px;
|
|
|
+ }
|
|
|
+ .application-tab table tr th,.application-tab table tr td{
|
|
|
+ border: #cfedfe 1px solid;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .application-tab .table-bordered{
|
|
|
+ border-top: #cfedfe 1px solid;
|
|
|
+ }
|
|
|
+ .application-tab table tr th{
|
|
|
+ background: #cfedfe;
|
|
|
+ height: 35px;
|
|
|
+ }
|
|
|
+ .application-tab table tbody tr:hover{
|
|
|
+ background: #e4f3fc;
|
|
|
+ }
|
|
|
+ .application-tab table tbody tr .btn{
|
|
|
+ border: none;
|
|
|
+ width: 60px;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ color: #fff;
|
|
|
+ display: inline-block;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ padding: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ .text-left{
|
|
|
+ text-align: left !important;
|
|
|
+ }
|
|
|
+ .application-tab table tbody tr .btn:hover{
|
|
|
+ background: #219ee6 ;
|
|
|
+ }
|
|
|
+ .application-tab table thead th p i{
|
|
|
+ color: #219ee6;
|
|
|
+ /*margin-left: 4px;*/
|
|
|
+ }
|
|
|
+ .application-tab table thead th p:hover{
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .application-tab table tr td p{
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ .application-tab table tr td .passBtn {
|
|
|
+ width: 42px;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ background: #3ba9e9;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ display: inline-block;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .application-tab table tr td .passBtn:hover {
|
|
|
+ background: #3186b7
|
|
|
+ }
|
|
|
+ .application-tab table tr td .cancelBtn {
|
|
|
+ display: inline-block;
|
|
|
+ width: 42px;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ color: #3ba9e9;
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid #3ba9e9;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .application-tab table tr td .cancelBtn:hover {
|
|
|
+ background: #f02020;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #f02020;
|
|
|
+ }
|
|
|
+ .application-tab table tr td .lookNoPassInfo {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .application-tab table tr td .lookNoPassInfo .infoMore {
|
|
|
+ display: none;
|
|
|
+ width: 178px;
|
|
|
+ min-height: 50px;
|
|
|
+ padding: 5px;
|
|
|
+ position: absolute;
|
|
|
+ left: -36px;
|
|
|
+ top: 22px;
|
|
|
+ border: 1px solid #219ee6;
|
|
|
+ box-shadow: 0 0 2px #219ee6;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .application-tab table tr td .lookNoPassInfo:hover .infoMore{
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<div class="row-fluid sortable" id="store-list">
|
|
|
+ <div class="com-title">
|
|
|
+ <h2>规格书审核</h2>
|
|
|
+ </div>
|
|
|
+ <div class="menu row">
|
|
|
+ <div class="col-sm-8">
|
|
|
+ <div class="btn-group" role="group" aria-label="...">
|
|
|
+ <a type="button" class="btn btn-default" ui-sref="audit_component">标准器件审批</a>
|
|
|
+ <a type="button" class="btn btn-default btn-primary">规格书审核</a>
|
|
|
+ <!--<a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'ALL'}" ng-click="chooseStoreType('ALL')">全部</a>-->
|
|
|
+ <!--<a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'ORIGINAL_FACTORY'}" ng-click="chooseStoreType('ORIGINAL_FACTORY')">待审核</a>-->
|
|
|
+ <!--<a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'AGENCY'}" ng-click="chooseStoreType('AGENCY')">已通过</a>-->
|
|
|
+ <!--<a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'DISTRIBUTION'}" ng-click="chooseStoreType('DISTRIBUTION')">未通过</a>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-3">
|
|
|
+ <div class="sreach-input">
|
|
|
+ <input type="search" class="form-control" placeholder="请输入公司名称" ng-model="keyword" ng-search="refreshTableData()"/>
|
|
|
+ <button ng-click="refreshTableData()">搜索</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row menu menu2">
|
|
|
+ <div class="col-sm-8">
|
|
|
+ <div class="btn-group" role="group" aria-label="...">
|
|
|
+ <a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'ALL'}" ng-click="chooseStoreType('ALL')">全部</a>
|
|
|
+ <a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'ORIGINAL_FACTORY'}" ng-click="chooseStoreType('ORIGINAL_FACTORY')">待审核</a>
|
|
|
+ <a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'AGENCY'}" ng-click="chooseStoreType('AGENCY')">已通过</a>
|
|
|
+ <a type="button" class="btn btn-default" ng-class="{'btn-primary': storeType === 'DISTRIBUTION'}" ng-click="chooseStoreType('DISTRIBUTION')">未通过</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-3">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="text-rt col-sm-12">
|
|
|
+ <p class="record-stort">显示1-10条记录, 共<em ng-bind="storeTableParams.total()">1000</em>条</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--表格-->
|
|
|
+ <div class="application-tab">
|
|
|
+ <table class="table table-bordered" ng-table="storeTableParams">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="154">提交人</th>
|
|
|
+ <th width="94">提交时间</th>
|
|
|
+ <th width="148">品牌</th>
|
|
|
+ <th width="147">物料(类目名称)</th>
|
|
|
+ <th width="146">型号</th>
|
|
|
+ <th width="74">规格书</th>
|
|
|
+ <th width="98">审核人</th>
|
|
|
+ <th width="94">审核时间</th>
|
|
|
+ <th width="106">状态</th>
|
|
|
+ <th width="114">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr ng-repeat="list in $data">
|
|
|
+ <td>
|
|
|
+ <div>呼哈哈</div>
|
|
|
+ <div>深圳市优软科技</div>
|
|
|
+ </td>
|
|
|
+ <td><span ng-bind="list.createTime | date : 'yyyy-MM-dd HH:mm:ss'"></span></td>
|
|
|
+ <td>品牌</td>
|
|
|
+ <td>物料(类目名称)</td>
|
|
|
+ <td>型号</td>
|
|
|
+ <td><a href="{{list}}" target="_blank"><img src="static/img/vendor/images/pdf.png" style="width:31px;height:35px;" /></a></td>
|
|
|
+ <td>审核人</td>
|
|
|
+ <td><span ng-bind="list.createTime | date : 'yyyy-MM-dd HH:mm:ss'"></span></td>
|
|
|
+ <td>
|
|
|
+ <!--<span style="color: #219ee6">待审核</span>-->
|
|
|
+ <!--<span style="color: #666">已通过</span>-->
|
|
|
+ <div class="lookNoPassInfo">
|
|
|
+ <span style="color: #f02020">未通过<img src="static/img/vendor/images/nofireinfo_icon.png" width="16" height="16" /></span>
|
|
|
+ <div class="infoMore">
|
|
|
+ <span style="color:#219ee6">原因:</span>就是不想让你通过。
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <span class="passBtn" ng-click="passBtnFn()">通过</span>
|
|
|
+ <span class="cancelBtn" ng-click="cancelBtnFn(list)">不通过</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr ng-if="!$data || $data.length <= 0">
|
|
|
+ <td colspan="8">暂时没有待审核申请</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+</div>
|