[dev] 才赋端样式重写

client/fortune/reset.css

@@ -20,12 +20,14 @@ pgy-list grid[gridOptions],label-flex,.ag-theme-material .ag-header-cell-label .
 .ag-root-wrapper { background:#fff; }
 
 /**agGrid**/
-#reset-agGrid {  }
+#reset-agGrid { height:100%; }
+#reset-agGrid .ag-header-viewport { overflow:visible; }
+#reset-agGrid .ag-theme-material .ag-header-row { z-index:1; }
 #reset-agGrid pgy-select .ui-select-multiple.ui-select-bootstrap,#reset-agGrid pgy-select .label-flex .div-element, .label-flex .div-label { text-align:left; }
 #reset-agGrid pgy-select { position:relative; }
 #reset-agGrid pgy-search-tool { position:relative; top:-2px; }
 #reset-agGrid .ag-theme-material { font-size:12px; }
-#reset-agGrid .ag-theme-material .ag-header .ag-header-cell { height:100%; padding:5px !important; }
+#reset-agGrid .ag-theme-material .ag-header .ag-header-cell { height:100%; padding:5px 0 !important; }
 #reset-agGrid .ag-theme-material .ag-header .ag-grid-checkbox-header { left:0 !important; }
 #reset-agGrid .ag-theme-material .ag-header .ag-header-cell .ng-scope { height:100%; width:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
 #reset-agGrid .ag-theme-material .ag-header .ag-header-cell .ng-scope span { width:16px; height:16px; }
@@ -36,39 +38,78 @@ pgy-list grid[gridOptions],label-flex,.ag-theme-material .ag-header-cell-label .
 #reset-agGrid .ag-theme-material .ag-header .ag-header-cell-text { height:100%; width:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
 
 #reset-agGrid .ag-theme-material .ag-body .ag-row { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
-#reset-agGrid .ag-theme-material .ag-body .ag-cell { padding:0 !important; height:100% !important; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
+#reset-agGrid .ag-theme-material .ag-body .ag-cell { padding:0 !important; height:100% !important; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; top:0; word-break:break-all; word-wrap:break-word; overflow-wrap:break-word; overflow:hidden; text-overflow:clip; white-space:normal; text-align:center; }
+
+.ag-theme-material .ag-header .ag-pinned-left-header .ag-header-row .ag-header-cell,.ag-theme-material .ag-header .ag-header-viewport .ag-header-row .ag-header-cell, .ag-theme-material .ag-header .ag-pinned-right-header .ag-header-row .ag-header-cell { padding:0 !important; }
+.ag-theme-material .ag-header .ag-pinned-left-header .ag-header-row .ag-header-cell .ag-header-cell-resize,.ag-theme-material .ag-header .ag-header-viewport .ag-header-row .ag-header-cell .ag-header-cell-resize { top:8px; bottom:8px; right:0 !important; width:1px; height:auto; background:#e0dede; }
+.ag-theme-material .ag-header .ag-pinned-left-header .ag-header-row .ag-cell-label-container,.ag-theme-material .ag-header .ag-pinned-left-header .ag-header-row .ag-header-cell-label,.ag-theme-material .ag-header .ag-header-viewport .ag-header-row .ag-cell-label-container,.ag-theme-material .ag-header .ag-header-viewport .ag-header-row .ag-header-cell-label,.ag-theme-material .ag-header .ag-pinned-right-header .ag-header-row .ag-cell-label-container,.ag-theme-material .ag-header .ag-pinned-right-header .ag-header-row .ag-header-cell-label { height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; padding:0; }
+
+.ag-theme-material .ag-body .ag-pinned-left-cols-viewport-wrapper .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-row .ag-cell,.ag-theme-material .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell { padding:0; border:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
+
+.ag-theme-material .ag-pinned-right-cols-viewport-wrapper .ag-pinned-right-cols-viewport .ag-pinned-right-cols-container .ag-row { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
+.ag-theme-material .ag-pinned-right-cols-viewport-wrapper .ag-pinned-right-cols-viewport .ag-pinned-right-cols-container .ag-cell { border:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; top:0; }
+.ag-theme-material .ag-pinned-right-cols-viewport-wrapper .ag-pinned-right-cols-viewport .ag-pinned-right-cols-container .ag-cell * { display:block; font-size:12px; }
 
 /**自定义table**/
-.main-content #container .ng-scope[ui-view], .main-content #container .ng-scope[ui-view] pgy-row { display:block; width:100%; height:100%; }
+.main-content #container .ng-scope[ui-view] { display:block; width:100%; height:100%; }
+.main-content #container .ng-scope[ui-view] pgy-row { display:block; width:100%; }
 .main-content #container .ng-scope[ui-view] .row { height:100%; }
-.main-content #container .ng-scope[ui-view] form { display:block; }
+.main-content #container .ng-scope[ui-view] form { display:block; height:100%; }
 .main-content #container .ng-scope[ui-view] form.toolbarTrue  { width:100%; height:calc(100% - 40px); margin:0 0 40px !important; }
 .main-content #container .ng-scope[ui-view] pgy-form { display:block; width:100%; height:100%; }
 .main-content #container .ng-scope[ui-view] form pgy-row { height:auto; }
 .main-content #container .ng-scope[ui-view] pgy-form > div { width:100%; height:100%; }
 
 .common_table {  }
-.common_table > div,.common_table pgy-cols { height:100%; }
-.common_table table { width:100%; border-collapse:collapse; font-size:12px; height:100%; background:#fff; position:relative; }
-.common_table .tt,.common_table .tb,.common_table .tm { position:relative; width:100%; }
+.common_table > div { height:100%; width:100%; }
+.common_table pgy-cols { background:#fff; height:100%; position:relative; }
+/*定义横竖滚动条的尺寸*/
+.common_table ::-webkit-scrollbar { background:#fff; }
+.common_table ::-webkit-scrollbar:vertical { width:5px; }
+.common_table ::-webkit-scrollbar:horizontal { height:8px; }
+/*定义滚动条轨道 内阴影+圆角*/
+.common_table ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background:#fff; } 
+/*定义滑块 内阴影+圆角*/
+.common_table ::-webkit-scrollbar-thumb { background:#5b7e7d; }
+.common_table ::-webkit-scrollbar-thumb:horizontal { border-radius:10px; }
+.common_table ::-webkit-scrollbar-thumb:vertical { border-radius:10px; }
+/*定义最上方和最下方的按钮*/ 
+.common_table ::-webkit-scrollbar-button{ background-color:#000; border:1px solid yellow; display:none; }
+
+.common_table pgy-cols:before { position:absolute; left:10px; top:0; right:10px; height:40px; background:#91c5ca; content:''; z-index:1; }
+.common_table pgy-cols:after { position:absolute; left:10px; bottom:0; right:10px; height:40px; background:#91c5ca; content:''; z-index:1; }
+.common_table table { width:100%; border-collapse:collapse; font-size:12px; height:100%; background:#fff; position:relative; display:block; z-index:2; }
 
-.common_table .tm {  }
-.common_table th { background:#91c5ca; color:#fff; font-weight:normal; padding:5px 2px; text-align:center; position:relative; box-sizing:content-box; }
-.common_table th:before { position:absolute; right:0; top:6px; bottom:6px; width:1px; content:''; background:#fff; z-index:1; }
-.common_table tr th:last-child:before { display:none; }
-.common_table td { padding:5px 2px; text-align:center; }
-.common_table tr:nth-child(2n+1) { background:#f9f9f9; }
-.common_table tr:hover { background:#ffebd8; }
+.common_table table thead { position:relative; display:block; width:100%; }
+.common_table table tr { height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;  }
+.common_table table tr:nth-child(2n+1) { background:#f9f9f9; }
+.common_table table tr:hover { background:#ffebd8; }
+.common_table table tr th { background:#91c5ca; color:#fff; font-weight:normal; padding:5px 0; box-sizing:content-box; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; box-sizing:border-box; }
+.common_table table tr th:before { position:absolute; right:0; top:8px; bottom:8px; width:1px; content:''; background:#fff; z-index:1; }
+.common_table table tr th:last-child:before { display:none; }
+.common_table table tr td { padding:5px 2px; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
+.common_table table tr td.money { text-align:right; display:block; line-height:30px; }
+.common_table table tbody { overflow:auto; display:block; width:100%; }
+.common_table table tfoot { position:relative; display:block; width:100%; }
 
-/*
-.ag-root-wrapper .ag-root-wrapper-body { display:block; overflow:auto; }
-*/
+.common_table table.singleLine {  }
+.common_table table.singleLine tr th,.common_table table.singleLine tr td { height:100%; }
+.common_table table.singleLine thead,.common_table table.singleLine tfoot, .common_table table.singleLine tbody tr { height:40px; width:100%; }
+.common_table table.singleLine tbody { height:calc(100% - 40px); }
+.common_table table.singleLine.sum tbody { height:calc(100% - 80px); }
 
-#preTaxDetail.common_table { width:1600px; }
-#preTaxDetail.common_table tr td:first-child { width:160px; }
-#preTaxDetail.common_table tr td:nth-child(2) { width:85px; }
-#preTaxDetail.common_table tr td:nth-child(3) { width:60px; }
-#preTaxDetail.common_table tr td:nth-child(4) { width:126px; }
-#preTaxDetail.common_table tr td:nth-child(5),#preTaxDetail.common_table tr td:nth-child(6){ width:30px; }
-#preTaxDetail.common_table tr td:nth-child(7) { width:30px; },#preTaxDetail.common_table tr td:nth-child(8),#preTaxDetail.common_table tr td:nth-child(9) { width:60px; }
+.common_table table.doubleLine {  }
+.common_table table.doubleLine tr th,.common_table table.doubleLine tr td { height:44px; }
+.common_table table.doubleLine thead,.common_table table.doubleLine tfoot, .common_table table.doubleLine tbody tr { height:54px; width:100%; }
+.common_table table.doubleLine tbody { height:calc(100% - 54px); }
+.common_table table.doubleLine.sum tbody { height:calc(100% - 108px); }
 
+/*重写btn样式*/
+.ag-theme-material .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell span { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; text-align:center; }
+.ag-theme-material .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell span button { margin:0 5px; }
+body .btn-success.btn-o { border:1px solid #5cb85c; color:#5cb85c; }
+body .btn-primary.btn-o { border:1px solid #007AFF; color:#007AFF; }
+body .ag-theme-material .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .btn-primary { background:none; border:0; color:#5b7e7d; }
+body .ag-theme-material .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .btn-primary:hover,
+body .ag-theme-material .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .btn-primary:focus {
+background:none !important; border:0 !important ; color:#5b7e7d !important; }
\ No newline at end of file