From 7d0cff049beee5964e8851dbdcc8185a2ad997a6 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期五, 09 四月 2021 14:23:48 +0800 Subject: [PATCH] 弹框样式修改-详情页面样式修改。 --- src/assets/css/map/map-panel-style.less | 25 ++++++++++-- src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue | 2 src/components/BaseNav/PublicBounced/GasComponents/PublicDetailedList.vue | 74 ++++++++++++++++++++++++------------- 3 files changed, 69 insertions(+), 32 deletions(-) diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less index 46bf141..f3f3243 100644 --- a/src/assets/css/map/map-panel-style.less +++ b/src/assets/css/map/map-panel-style.less @@ -333,12 +333,27 @@ } /*************** PublicTable 琛ㄦ牸鏍峰紡銆�*********************************/ -.cell { - padding: 0; + +.el-table{ + .el-table__body-wrapper::-webkit-scrollbar { + width: 0; + height: 0; + background: none; + } + .cell{ + padding: 0 3px !important; + i{ + display: block; + font-style: normal; + font-size: 10px; + line-height: 12px; + } + } } + .el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell { - /* padding-left: 10px; */ + text-align: center; } .el-table th>.cell { @@ -367,10 +382,9 @@ //淇敼琛ㄦ牸楂樺害 .el-table td { padding: 0!important; - height: 30px; - line-height: 30px; font-size: 0.01rem !important; } + /***********************************************鍔ㄧ敾鏁堟灉************/ .transition{ transition: all .5s; @@ -420,3 +434,4 @@ .el-tabs__header .is-top { } + diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue index 712cff4..1d22756 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue @@ -59,7 +59,7 @@ center v-dialogDrag > - <div class="el-dialog-div" style="height: 500px"> + <div class="el-dialog-div"> <public-detailed-list v-bind="$attrs"></public-detailed-list> </div> </el-dialog> diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicDetailedList.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicDetailedList.vue index 0ca567b..7c0ce24 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/PublicDetailedList.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicDetailedList.vue @@ -1,31 +1,53 @@ <template> <div class="PublicDetailedList"> - <el-table :data="tableData" max-height="500px" border> - <el-scrollbar style="height: 50vh"> - <el-table-column prop="OnLineMonEmissPointName" label="鎺掓斁鐐�"></el-table-column> - <el-table-column prop="MonTimeStr" label="鐩戞祴鏃堕棿"></el-table-column> - <el-table-column label="姘哀鍖栫墿"> - <el-table-column prop="MonQty" label="娴撳害(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="OrglQty" label="鎶樼畻鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="ConvertQty" label="鏍囧噯鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="EmissQty" label="鎺掓斁閲�(kg/h)" width="60"></el-table-column> - </el-table-column> - <el-table-column label="浜屾哀鍖栫~"> - <el-table-column prop="MonQty" label="娴撳害(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="OrglQty" label="鎶樼畻鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="ConvertQty" label="鏍囧噯鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="EmissQty" label="鎺掓斁閲�(kg/h)" width="60"></el-table-column> - </el-table-column> - <el-table-column label="鐑熷皹"> - <el-table-column prop="MonQty" label="娴撳害(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="OrglQty" label="鎶樼畻鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="ConvertQty" label="鏍囧噯鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="EmissQty" label="鎺掓斁閲�(kg/h)" width="60"></el-table-column> - </el-table-column> - <el-table-column label="搴熸皵娴侀噺"> - <el-table-column prop="StdValue" label="姘旈噺"></el-table-column> - </el-table-column> - </el-scrollbar> + <el-table :data="tableData" max-height="600px" border> + <el-table-column prop="MonTimeStr" label="鐩戞祴鏃堕棿"></el-table-column> + <el-table-column label="姘哀鍖栫墿"> + <el-table-column prop="MonQty" width="70"> + <template slot="header">娴撳害 <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="OrglQty" width="70"> + <template slot="header">鎶樼畻鍊� <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="ConvertQty" width="70"> + <template slot="header">鏍囧噯鍊� <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="EmissQty" width="70"> + <template slot="header">鎺掓斁閲� <i>(kg/h)</i></template> + </el-table-column> + </el-table-column> + <el-table-column label="浜屾哀鍖栫~"> + <el-table-column prop="MonQty" width="60"> + <template slot="header">娴撳害 <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="OrglQty" width="60"> + <template slot="header">鎶樼畻鍊� <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="ConvertQty" width="60"> + <template slot="header">鏍囧噯鍊� <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="EmissQty" width="60"> + <template slot="header">鎺掓斁閲� <i>(kg/h)</i></template> + </el-table-column> + </el-table-column> + <el-table-column label="鐑熷皹"> + <el-table-column prop="MonQty" width="60"> + <template slot="header">娴撳害 <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="OrglQty" width="60"> + <template slot="header">鎶樼畻鍊� <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="ConvertQty" width="60"> + <template slot="header">鏍囧噯鍊� <i>(mg/m鲁)</i></template> + </el-table-column> + <el-table-column prop="EmissQty" label="鎺掓斁閲�" width="60"> + <template slot="header">鎺掓斁閲� <i>(kg/h)</i></template> + </el-table-column> + </el-table-column> + <el-table-column label="搴熸皵娴侀噺" width="100"> + <el-table-column prop="StdValue" label="姘旈噺"></el-table-column> + </el-table-column> + <el-table-column prop="OnLineMonEmissPointName" label="鎺掓斁鐐�"></el-table-column> </el-table> </div> </template> -- Gitblit v1.8.0