浏览代码

数据看板样式调整

qymljy 1 年之前
父节点
当前提交
4606b0d6e8
共有 2 个文件被更改,包括 2 次插入7 次删除
  1. 1 1
      src/HDrpManagement/dataanalysis/modules/customer.vue
  2. 1 6
      src/components/table/index6.vue

+ 1 - 1
src/HDrpManagement/dataanalysis/modules/customer.vue

@@ -10,7 +10,7 @@
             <quickDate @selectQuick="selectQuickAdd"></quickDate>
             <quickDate @selectQuick="selectQuickAdd"></quickDate>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <tableLayout style="margin-top: 10px" :layout="tablecolsAdd" :data="listAdd" :opwidth="200" :custom="true" :height="tableHeight">
+        <tableLayout style="margin-top: 10px" :layout="tablecolsAdd" :data="listAdd" :opwidth="200" :width="true" :custom="true" :height="tableHeight">
           <template v-slot:customcol="scope">
           <template v-slot:customcol="scope">
             <p>{{scope.column.data[scope.column.columnname]?scope.column.data[scope.column.columnname]:'--'}}</p>
             <p>{{scope.column.data[scope.column.columnname]?scope.column.data[scope.column.columnname]:'--'}}</p>
           </template>
           </template>

+ 1 - 6
src/components/table/index6.vue

@@ -1,7 +1,7 @@
 <template>
 <template>
   <div>
   <div>
     <!-- :header-cell-style="{background:'#EEEEEE',color:'#333'}" -->
     <!-- :header-cell-style="{background:'#EEEEEE',color:'#333'}" -->
-    <el-table ref="table" :row-class-name="tableClassName" highlight-current-row :data="data"  size="mini"  :height="height ==''?data.length <= 4?'260px':data.length <= 20?'':'calc(100vh - 420px)':height"  @row-click="rowClick"
+    <el-table ref="table" :row-class-name="tableClassName" highlight-current-row :data="data"  size="mini"  :height="height ==''?data.length <= 4?'260px':data.length <= 20?'calc(100vh - 830px)':'calc(100vh - 830px)':height"  @row-click="rowClick"
               style="width:100%;" :header-cell-style="{height:'40px',color:'#606266',fontWeight:'400',fontSize:'14px'}" tooltip-effect="dark"
               style="width:100%;" :header-cell-style="{height:'40px',color:'#606266',fontWeight:'400',fontSize:'14px'}" tooltip-effect="dark"
               :cell-style="{height:'40px',color:'#666666',fontWeight:'400'}" border @selection-change="selectionChange" >
               :cell-style="{height:'40px',color:'#666666',fontWeight:'400'}" border @selection-change="selectionChange" >
       <el-table-column
       <el-table-column
@@ -71,8 +71,3 @@ export default {
   max-width: 90%;
   max-width: 90%;
 }
 }
 </style>
 </style>
-<style scoped>
-  /deep/ .el-table--border .el-table__cell {
-    /* border-right: 1px solid #ebeef5; */
-  }
-</style>