|
|
@@ -0,0 +1,205 @@
|
|
|
+<style>
|
|
|
+ /*导航样式*/
|
|
|
+ .com-title h2{
|
|
|
+ font-size: 24px;
|
|
|
+ color: #219ee6;
|
|
|
+ }
|
|
|
+ /*表格样式*/
|
|
|
+ .application-tab table tbody tr{
|
|
|
+ height: 50px;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ padding: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ .application-tab table tbody tr .btn:hover{
|
|
|
+ background: #219ee6 ;
|
|
|
+ }
|
|
|
+ .application-tab table tbody tr .detail-bg {
|
|
|
+ background: #3ba9e9;
|
|
|
+ }
|
|
|
+ .text-left{
|
|
|
+ text-align: left !important;
|
|
|
+ }
|
|
|
+ .padding-left-30{
|
|
|
+ padding-left: 30px !important;
|
|
|
+ }
|
|
|
+ /*切换导航*/
|
|
|
+ .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;
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
+ .menu .btn:active{
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+ .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: 47%;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ /*显示记录条数*/
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .bread-crumb {
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+ .bread-crumb a{
|
|
|
+ color: #3ba9e9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .application-tab table thead th p i {
|
|
|
+ color: #219ee6;
|
|
|
+ }
|
|
|
+ .tab-border {
|
|
|
+ border: #e9e9e9 1px solid;
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-bottom: 100px;
|
|
|
+ }
|
|
|
+ .agree-text{
|
|
|
+ width: 500px;
|
|
|
+ color: #3ba9e9;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-left: 40px;
|
|
|
+ position: relative;
|
|
|
+ top: -10px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<div class="bread-crumb">
|
|
|
+ <a href="admin#/store/company">公司寄售</a>
|
|
|
+ <span>>寄售协议</span>
|
|
|
+</div>
|
|
|
+<div class="row-fluid sortable tab-border">
|
|
|
+ <div class="menu row">
|
|
|
+ <div class="col-sm-8">
|
|
|
+ <div class="btn-group" role="group" aria-label="...">
|
|
|
+ <a type="button" class="btn btn-default btn-primary">寄售协议</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-3">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="text-rt col-sm-12">
|
|
|
+ <p class="record-stort">显示 <em style="color: #000000;" ng-bind="(recordsTableParams.page() - 1) * 10 + 1">1</em>-<em style="color: #000000;" ng-bind="recordsTableParams.page() * 10">10</em> 条记录, 共 <em ng-bind="recordsTableParams.total()">1000</em> 条</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--公司自营表格-->
|
|
|
+ <div class="application-tab">
|
|
|
+ <table class="table table-bordered" ng-table="recordsTableParams">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="120">序号</th>
|
|
|
+ <th width="340">ID</th>
|
|
|
+ <th width="310">用户名</th>
|
|
|
+ <th width="250">
|
|
|
+ <p ng-click="changeShorting()" style="margin: 0;">签约时间
|
|
|
+ <i class="fa fa-long-arrow-up"></i>
|
|
|
+ <i class="fa fa-long-arrow-down"></i>
|
|
|
+ </p>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr ng-repeat="record in $data">
|
|
|
+ <td ng-bind="((recordsTableParams.page() - 1) * 10 + $index + 1) | indexId">001</td>
|
|
|
+ <td class="text-left padding-left-30" ng-bind="record.userUU">1452962582566</td>
|
|
|
+ <td class="text-left padding-left-30" ng-bind="record.userName">维护和维护维护</td>
|
|
|
+ <td ng-bind="record.operateTime | date: 'yyyy-MM-dd HH:mm:ss'">2017-05-09 10:28:30</td>
|
|
|
+ </tr>
|
|
|
+ <tr ng-if="!$data || $data.length <= 0">
|
|
|
+ <td colspan="5">暂无公司寄售信息!</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <div class="agree-text"><font style="color: #f00">*</font> 以上为该公司账套下,已同意寄售协议条款的ID</div>
|
|
|
+ </div>
|
|
|
+</div>
|