guoxiaohuan 5 gadi atpakaļ
vecāks
revīzija
28af2d7d61
1 mainītis faili ar 27 papildinājumiem un 18 dzēšanām
  1. 27 18
      src/views/evaluate/evTwoTable.vue

+ 27 - 18
src/views/evaluate/evTwoTable.vue

@@ -12,43 +12,45 @@
     >
         <el-table-column type='expand'>
             <template slot-scope='props'>
-                <el-table :ref='`table${props.row.id}`' :data='props.row.children' style='width: 100%;' @selection-change='handleSelectionChange'>
-                    <el-table-column type='selection' width='50' align='center'></el-table-column>
-                    <el-table-column prop label align='right'>
+                <el-table :ref='`table${props.row.id}`' :data='props.row.children' @selection-change='handleSelectionChange' style='width: 100%;'>
+                    <el-table-column prop label align='right' min-width='100'></el-table-column>
+                    <el-table-column type='selection' width='50'></el-table-column>
+                    <el-table-column prop label align='right' min-width='300'>
                         <template slot-scope='{row}'>
-                            <div style='display:flex'>
+                            <div>
+                                <!-- <div style='display:flex;border:1px solid green;text-align:center'> -->
                                 <img class='ex-img' v-if='row.isSatisfy==false' src='../../assets/warning.png' alt />
                                 <span class='ex-span' style='width:180px;display:inline-block'>{{row.spaceLocalName}}</span>
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column prop label align='right'>
+                    <el-table-column prop label min-width='150' align='center'>
                         <template slot-scope='{row}'>
                             <span>{{row.temperatureMin}}-{{row.temperatureMax}}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column prop='meanTindoor' label align='right'>
+                    <el-table-column prop='meanTindoor' label min-width='130' align='center'>
                         <template slot-scope='{row}'>{{(row.meanTindoor).toFixed(1)}}</template>
                     </el-table-column>
-                    <el-table-column prop='tindoorOverrunDuration' label align='center'></el-table-column>
-                    <el-table-column prop='tindoorOverrunDegree' label align='center'>
+                    <el-table-column prop='tindoorOverrunDuration' label min-width='150' align='center'></el-table-column>
+                    <el-table-column prop='tindoorOverrunDegree' label min-width='150' align='center'>
                         <template slot-scope='{row}'>{{(row.tindoorOverrunDegree).toFixed(1)}}</template>
                     </el-table-column>
-                    <el-table-column prop='longestTindoorOverrunDuration' label align='center'></el-table-column>
-                    <el-table-column prop='temperatureDifferenceMax' label align='center'>
+                    <el-table-column prop='longestTindoorOverrunDuration' label min-width='180' align='center'></el-table-column>
+                    <el-table-column prop='temperatureDifferenceMax' label min-width='150' align='center'>
                         <template slot-scope='{row}'>{{(row.temperatureDifferenceMax).toFixed(1)}}</template>
                     </el-table-column>
                 </el-table>
             </template>
         </el-table-column>
-        <el-table-column prop='name' label align='right' width='50'></el-table-column>
-        <el-table-column prop label='位置详情' align='right'></el-table-column>
-        <el-table-column prop label='温度要求范围(℃)' align='right'></el-table-column>
-        <el-table-column prop label='平均温度(℃)' align='right'></el-table-column>
-        <el-table-column prop label='累计超限时长(分钟)' align='right'></el-table-column>
-        <el-table-column prop label='平均超限温度(℃)' align='right'></el-table-column>
-        <el-table-column prop label='连续超限最大时长(分钟)' align='right' min-width='120'></el-table-column>
-        <el-table-column prop label='最大超限程度(℃)' align='center'></el-table-column>
+        <el-table-column prop='name' label min-width='100'></el-table-column>
+        <el-table-column prop label='位置详情' min-width='300' align='center'></el-table-column>
+        <el-table-column prop label='温度要求范围(℃)' min-width='150' align='center'></el-table-column>
+        <el-table-column prop label='平均温度(℃)' min-width='130' align='center'></el-table-column>
+        <el-table-column prop label='累计超限时长(分钟)' min-width='150' align='center'></el-table-column>
+        <el-table-column prop label='平均超限温度(℃)' min-width='150' align='center'></el-table-column>
+        <el-table-column prop label='连续超限最大时长(分钟)' min-width='180' align='center'></el-table-column>
+        <el-table-column prop label='最大超限程度(℃)' min-width='150' align='center'></el-table-column>
     </el-table>
 </template>
 <script>
@@ -133,4 +135,11 @@ export default {
         padding: 0;
     }
 }
+</style>
+<style lang="scss">
+.expandTable {
+    .el-table-column--selection .cell {
+        // margin-left: 100px;
+    }
+}
 </style>