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