unserver-unify/src/app/mystudy/transactions.html

<div ng-controller="TransactionsCtrl as ctrl" class="hide_print">
  <div class="panel">
    <div class="panel-heading">
      <h4 style="margin-bottom: 0;">
        {{'Total Records'|translate}}&nbsp;
        <span class="badge badge-green rounded-2x">
          {{total}}
        </span>
      </h4>
    </div>
    <div class="panel-body">
      <table class="table table-hover table-striped tbl_aln" st-pipe="ctrl.getitems" st-table="displayedItems" style="overflow:auto;">
        <thead>
          <tr class="info">
            <th class="sortable " st-sort="success" translate="">
              Status
            </th>
            <th class="sortable " st-sort="type" translate="">
              Type
            </th>
            <th class="sortable " st-sort="description" translate="">
              Description
            </th>
            <th class="sortable " st-sort="comId" translate="">
              Company
            </th>

            <th class="sortable " st-sort="totalPrice" translate="">
              Price
            </th>
            <th class="sortable " st-sort="paymentType" translate="">
              GateWay
            </th>
            <th class="sortable " st-sort="submitTime" translate="">
              Created
            </th>
            <th class="sortable " st-sort="approveTime">
              {{ {eng:'Approved',chn:'是否通过'} | trans }}
            </th>
            <th translate="">
              Invoice
            </th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="item in displayedItems">
            <td>
              <span style="position: static;" ng-if="item.success" class="badge badge-info badge-sm" translate="">PAID</span>
              <span style="position: static;" ng-if="!item.success" class="badge badge-danger badge-sm" translate="">UNPAID</span>
            </td>
            <td translate="">
              {{item.type}}
            </td>
            <td translate="">
              {{item.descriptions}}
            </td>
            <td>
              {{item.company.name}}
            </td>
            <td>
              {{item.totalPrice}}
            </td>
            <td translate="">
              {{item.paymentType}}
            </td>
            <td>
              {{item.submitTime|date:short}}
            </td>
            <td>
              {{item.approveTime |date:short}}
            </td>
            <td>
              <a class="btn btn-primary" href="javascript:;" ng-click="ctrl.previewInvoice(item._id)">Invoice</a>
            </td>
          </tr>
          <tr ng-if="displayedItems|isEmpty">
            <td class="text-center" colspan="11" style="font-size: 25px; padding: 30px 0;" translate="">
              There is no records available.
            </td>
          </tr>
        </tbody>
        <tr>
          <td class="per_page" colspan="11">
            <div>
              <!-- <select ng-model="ctrl.itemNumber">
                <option value="5">
                  5
                </option>
                <option value="10">
                  10
                </option>
                <option value="15">
                  15
                </option>
                <option value="20">
                  20
                </option>
              </select>
              <span translate="">
                Per Page
              </span> -->
              <bb-pagesize-select  pagesize="ctrl.itemNumber"></bb-pagesize-select>
            </div>
            <span class="text-center" st-items-by-page="ctrl.itemNumber" st-pagination="" st-template="components/content/tablePagination.html">
            </span>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>