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

webUi
赵桐华 5 years ago
parent af9f77cf98
commit 5dd6e0ed38
  1. 12
      frontend/views/insurer/my-list.php
  2. 277
      frontend/web/assets/css/plugins/bootstrap-table/bootstrap-table.min.css

@ -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>

@ -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;
}
Loading…
Cancel
Save