platform-b2c/src/main/webapp/resources/view/admin/RegulpicList.html

<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;
    z-index: 999999;
  }
  .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': storeStatus === 'all'}" ng-click="chooseStoreType('all')">全部</a>
        <a type="button" class="btn btn-default" ng-class="{'btn-primary': storeStatus === 'unaudit'}" ng-click="chooseStoreType('unaudit')">待审核</a>
        <a type="button" class="btn btn-default" ng-class="{'btn-primary': storeStatus === 'audited'}" ng-click="chooseStoreType('audited')">已通过</a>
        <a type="button" class="btn btn-default" ng-class="{'btn-primary': storeStatus === 'notallow'}" ng-click="chooseStoreType('notallow')">未通过</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条记录，&nbsp;&nbsp;共<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>{{list.submiter.userName}}</div>
          <div>{{list.submitEn.enName}}</div>
        </td>
        <td><span ng-bind="list.createTime | date : 'yyyy-MM-dd HH:mm:ss'"></span></td>
        <td>{{list.brand ? list.brand.nameCn : (list.product.brand || list.product.pbranden || '-') }}
        </td>
        <td>
          {{list.kind ? list.kind.nameCn : (list.product.kind || list.product.prodName || '-') }}</td>
        <td>{{list.product.cmpCode || list.product.pcmpcode || '-'}}</td>
        <td><a href="{{list.uploadAttach}}" target="_blank"><img src="static/img/vendor/images/pdf.png" style="width:31px;height:35px;" /></a></td>
        <td>{{list.auditer.userName || '-'}}</td>
        <td><span ng-bind="list.createTime | date : 'yyyy-MM-dd HH:mm:ss'"></span></td>
        <td>
          <span style="color: #219ee6" ng-if="list.status === 311">待审核</span>
          <span style="color: #666" ng-if="list.status === 102">已通过</span>
          <div class="lookNoPassInfo" ng-if="list.status === 103">
            <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>{{list.reason}}
            </div>
          </div>
        </td>
        <td>
          <span class="passBtn" ng-click="passBtnFn(list)" ng-if="list.status === 311">通过</span>
          <span class="cancelBtn" ng-click="cancelBtnFn(list)" ng-if="list.status === 311">不通过</span>
        </td>
      </tr>
      <tr ng-if="!$data || $data.length <= 0">
        <td colspan="10">暂时没有待审核申请</td>
      </tr>
      </tbody>
    </table>
  </div>
</div>