OEE报表页面表格列属性ellipsis开启后内容若超出盒子宽度则出现与表头错位现象，而无法实现ellipsis开启后内容超出单元格则省略功能，现采取...

zhuzhuanzhuan

2024-06-03 f303499ea96dc9402f470d9c64aadd5945a7b638

 src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue

@@ -15,7 +15,7 @@
                  :maxTagCount="1"
                  @change="selectChange($event,'equipmentType')"
                >
                  <a-select-option v-for="item in equipmentTypeList" :value="item.value">
                  <a-select-option v-for="(item,index) in equipmentTypeList" :value="item.value" :key="index">
                    {{item.label}}
                  </a-select-option>
                </a-select>
@@ -31,7 +31,7 @@
                  :maxTagCount="1"
                  @change="selectChange($event,'driveType')"
                >
                  <a-select-option v-for="item in driveTypeList" :value="item.value">
                  <a-select-option v-for="(item,index) in driveTypeList" :value="item.value" :key="index">
                    {{item.label}}
                  </a-select-option>
                </a-select>
@@ -47,7 +47,7 @@
                  :maxTagCount="1"
                  @change="selectChange($event,'deviceLevel')"
                >
                  <a-select-option v-for="item in device_level_list" :value="item.value">
                  <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index">
                    {{item.label}}
                  </a-select-option>
                </a-select>
@@ -63,7 +63,7 @@
                  :maxTagCount="1"
                  @change="selectChange($event,'deviceCategory')"
                >
                  <a-select-option v-for="item in device_category_list" :value="item.value">
                  <a-select-option v-for="(item,index) in device_category_list" :value="item.value" :key="index">
                    {{item.label}}
                  </a-select-option>
                </a-select>
@@ -189,9 +189,8 @@
          {
            title: '班次',
            align: 'center',
            width: 100,
            width: 300,
            dataIndex: 'shift',
            ellipsis: true
          },
          {
            title: '每班小时',
@@ -595,4 +594,11 @@
    }
  }


  /deep/ .ant-table-row-cell-break-word{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: initial;
  }
</style>