我的提单改变表头颜色以及间距

frontend/views/insurer/my-list.php

@@ -18,21 +18,21 @@ use \common\libs\MyLib;
         <div class="ibox-content">
             <form role="form" class="form-inline" onsubmit="return search();">
                 <div class="form-group">
-                    <label>车主</label>
+                    <label class="left-space">车主</label>
                     <input type="text" name="car_man" id="car_man" class="form-control">
-                    <label>电话</label>
+                    <label class="left-space">电话</label>
                     <input type="text" name="phone" id="phone" class="form-control">
-                    <label>车牌</label>
+                    <label class="left-space">车牌</label>
                     <input type="text" name="car_no" id="car_no" class="form-control">
-                    <label>被保险人</label>
+                    <label class="left-space">被保险人</label>
                     <input type="text" name="id_man" id="id_man" class="form-control">
-                    <button type="submit" class="btn btn-primary">搜索</button>
+                    <button type="submit" class="btn btn-primary top-space" >搜索</button>
                 </div>
             </form>
             <div class="row">
                 <div class="col-md-12">
                     <table id="listTable">
-                        <thead>
+                        <thead class="bg-warning">
                         <tr>
                             <th width="50" data-field="id">ID</th>
                             <th data-field="car_man">车主</th>

frontend/web/assets/css/plugins/bootstrap-table/bootstrap-table.min.css

@@ -1 +1,276 @@
-.bootstrap-table .table{margin-bottom:0!important;border-bottom:1px solid #e4eaec;border-collapse:collapse!important}.bootstrap-table .table,.bootstrap-table .table>tbody>tr>td,.bootstrap-table .table>tbody>tr>th,.bootstrap-table .table>tfoot>tr>td,.bootstrap-table .table>tfoot>tr>th,.bootstrap-table .table>thead>tr>td{padding:8px!important}.bootstrap-table .table.table-no-bordered>tbody>tr>td,.bootstrap-table .table.table-no-bordered>thead>tr>th{border-right:2px solid transparent}.fixed-table-container{position:relative;clear:both;border:1px solid #e4eaec}.fixed-table-container.table-no-bordered{border:1px solid transparent}.fixed-table-footer,.fixed-table-header{height:37px;overflow:hidden}.fixed-table-header{border-bottom:1px solid #e4eaec}.fixed-table-footer{border-top:1px solid #e4eaec}.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.fixed-table-container table{width:100%}.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #e4eaec}.fixed-table-container thead th:first-child{border-left:none}.fixed-table-container tbody td .th-inner,.fixed-table-container thead th .th-inner{padding:8px;line-height:20px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px}.fixed-table-container th.detail{width:30px}.fixed-table-container tbody td{border-left:1px solid #e4eaec}.fixed-table-container tbody tr:first-child td{border-top:none}.fixed-table-container tbody td:first-child{border-left:none}.fixed-table-container .table .icon,.fixed-table-container table .icon{top:auto;margin:0 5px}.fixed-table-container tbody .selected td{background-color:#f3f7f9}.fixed-table-container .bs-checkbox{text-align:center}.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}.fixed-table-container input[type=radio],.fixed-table-container input[type=checkbox]{margin:0 auto!important}.fixed-table-container .no-records-found{text-align:center}.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:10px;margin-bottom:10px}.fixed-table-pagination div.pagination .pagination{margin:0}.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}.fixed-table-pagination .page-list{display:inline-block}.fixed-table-toolbar .columns-left{margin-right:5px}.fixed-table-toolbar .columns-right{margin-left:5px}.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:300;line-height:1.428571429}.fixed-table-toolbar .bars,.fixed-table-toolbar .columns,.fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;line-height:34px}.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:6;background-color:#fff;text-align:center}.fixed-table-body .card-view .title{font-weight:400;display:inline-block;min-width:30%;text-align:left!important}.fixed-table-body thead th .th-inner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.table td,.table th{vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}.fixed-table-toolbar .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}.fixed-table-toolbar .btn-group>.btn-group>.btn{border-radius:0}.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn{border-top-left-radius:3px;border-bottom-left-radius:3px}.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{border-top-right-radius:3px;border-bottom-right-radius:3px}.bootstrap-table .table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #e4eaec}.bootstrap-table .table thead>tr>th{padding:0;margin:0}.bootstrap-table .fixed-table-footer tbody>tr>td{padding:0!important}.bootstrap-table .fixed-table-footer .table{border-bottom:none;border-radius:0}.pull-right .dropdown-menu{right:0;left:auto}p.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}
+.bootstrap-table .table {
+    margin-bottom: 0 !important;
+    border-bottom: 1px solid #e4eaec;
+    border-collapse: collapse !important
+}
+
+.bootstrap-table .table, .bootstrap-table .table > tbody > tr > td, .bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > td, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td {
+    padding: 8px !important
+}
+
+.bootstrap-table .table.table-no-bordered > tbody > tr > td, .bootstrap-table .table.table-no-bordered > thead > tr > th {
+    border-right: 2px solid transparent
+}
+
+.fixed-table-container {
+    position: relative;
+    clear: both;
+    border: 1px solid #e4eaec
+}
+
+.fixed-table-container.table-no-bordered {
+    border: 1px solid transparent
+}
+
+.fixed-table-footer, .fixed-table-header {
+    height: 37px;
+    overflow: hidden
+}
+
+.fixed-table-header {
+    border-bottom: 1px solid #e4eaec
+}
+
+.fixed-table-footer {
+    border-top: 1px solid #e4eaec
+}
+
+.fixed-table-body {
+    overflow-x: auto;
+    overflow-y: auto;
+    height: 100%
+}
+
+.fixed-table-container table {
+    width: 100%
+}
+
+.fixed-table-container thead th {
+    height: 0;
+    padding: 0;
+    margin: 0;
+    border-left: 1px solid #e4eaec
+}
+
+.fixed-table-container thead th:first-child {
+    border-left: none
+}
+
+.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner {
+    padding: 8px;
+    line-height: 20px;
+    vertical-align: top;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.fixed-table-container thead th .sortable {
+    cursor: pointer;
+    background-position: right;
+    background-repeat: no-repeat;
+    padding-right: 30px
+}
+
+.fixed-table-container th.detail {
+    width: 30px
+}
+
+.fixed-table-container tbody td {
+    border-left: 1px solid #e4eaec
+}
+
+.fixed-table-container tbody tr:first-child td {
+    border-top: none
+}
+
+.fixed-table-container tbody td:first-child {
+    border-left: none
+}
+
+.fixed-table-container .table .icon, .fixed-table-container table .icon {
+    top: auto;
+    margin: 0 5px
+}
+
+.fixed-table-container tbody .selected td {
+    background-color: #f3f7f9
+}
+
+.fixed-table-container .bs-checkbox {
+    text-align: center
+}
+
+.fixed-table-container .bs-checkbox .th-inner {
+    padding: 8px 0
+}
+
+.fixed-table-container input[type=radio], .fixed-table-container input[type=checkbox] {
+    margin: 0 auto !important
+}
+
+.fixed-table-container .no-records-found {
+    text-align: center
+}
+
+.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
+    margin-top: 10px;
+    margin-bottom: 10px
+}
+
+.fixed-table-pagination div.pagination .pagination {
+    margin: 0
+}
+
+.fixed-table-pagination .pagination a {
+    padding: 6px 12px;
+    line-height: 1.428571429
+}
+
+.fixed-table-pagination .pagination-info {
+    line-height: 34px;
+    margin-right: 5px
+}
+
+.fixed-table-pagination .btn-group {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle
+}
+
+.fixed-table-pagination .dropup .dropdown-menu {
+    margin-bottom: 0
+}
+
+.fixed-table-pagination .page-list {
+    display: inline-block
+}
+
+.fixed-table-toolbar .columns-left {
+    margin-right: 5px
+}
+
+.fixed-table-toolbar .columns-right {
+    margin-left: 5px
+}
+
+.fixed-table-toolbar .columns label {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font-weight: 300;
+    line-height: 1.428571429
+}
+
+.fixed-table-toolbar .bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
+    position: relative;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    line-height: 34px
+}
+
+.fixed-table-pagination li.disabled a {
+    pointer-events: none;
+    cursor: default
+}
+
+.fixed-table-loading {
+    display: none;
+    position: absolute;
+    top: 42px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 6;
+    background-color: #fff;
+    text-align: center
+}
+
+.fixed-table-body .card-view .title {
+    font-weight: 400;
+    display: inline-block;
+    min-width: 30%;
+    text-align: left !important
+}
+
+.fixed-table-body thead th .th-inner {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.table td, .table th {
+    vertical-align: middle;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.fixed-table-toolbar .dropdown-menu {
+    text-align: left;
+    max-height: 300px;
+    overflow: auto
+}
+
+.fixed-table-toolbar .btn-group > .btn-group {
+    display: inline-block;
+    margin-left: -1px !important
+}
+
+.fixed-table-toolbar .btn-group > .btn-group > .btn {
+    border-radius: 0
+}
+
+.fixed-table-toolbar .btn-group > .btn-group:first-child > .btn {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px
+}
+
+.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px
+}
+
+.bootstrap-table .table > thead > tr > th {
+    vertical-align: bottom;
+    border-bottom: 1px solid #e4eaec
+}
+
+.bootstrap-table .table thead > tr > th {
+    padding: 0;
+    margin: 0
+}
+
+.bootstrap-table .fixed-table-footer tbody > tr > td {
+    padding: 0 !important
+}
+
+.bootstrap-table .fixed-table-footer .table {
+    border-bottom: none;
+    border-radius: 0
+}
+
+.pull-right .dropdown-menu {
+    right: 0;
+    left: auto
+}
+
+p.fixed-table-scroll-inner {
+    width: 100%;
+    height: 200px
+}
+
+div.fixed-table-scroll-outer {
+    top: 0;
+    left: 0;
+    visibility: hidden;
+    width: 200px;
+    height: 150px;
+    overflow: hidden
+}
+.left-space{
+    margin-left:20px;
+}
+.top-space{
+    margin-top:20px;
+}