样式居中

lyh

昨天 32fb9980dfcbd8e2ff68fc0c8089b92ff2c674a5

 src/views/eam/base/modules/EamMaintenanceStandardDetailList.vue

@@ -46,13 +46,15 @@
          },
          {
            title: '保养项目',
            align: 'center',
          headerAlign: 'center',
          align: 'left',
            dataIndex: 'itemName',
            ellipsis: true
          },
          {
            title: '保养规范或要求',
            align: 'center',
          headerAlign: 'center',
          align: 'left',
            dataIndex: 'itemDemand',
            ellipsis: true
          }
@@ -72,7 +74,8 @@
          },
          {
            title: '保养项目',
            align: 'center',
          headerAlign: 'center',
          align: 'left',
            dataIndex: 'itemName',
            ellipsis: true
          }
@@ -92,13 +95,15 @@
          },
          {
            title: '保养内容',
            align: 'center',
          headerAlign: 'center',
          align: 'left',
            dataIndex: 'itemName',
            ellipsis: true
          },
          {
            title: '验收标准',
            align: 'center',
          headerAlign: 'center',
          align: 'left',
            dataIndex: 'itemDemand',
            ellipsis: true
          }
@@ -179,3 +184,23 @@
    }
  }
</script>

<style scoped lang="less">
/* 表头全部居中 */
::v-deep .ant-table-thead > tr > th {
  text-align: center !important;
}

/* 表体：序号、保养项分类、保养部位的内容居中 */
::v-deep .ant-table-tbody > tr > td[data-col="itemCode"],
::v-deep .ant-table-tbody > tr > td[data-col="itemCategory_dictText"],
::v-deep .ant-table-tbody > tr > td[data-col="itemPart"] {
  text-align: center !important;
}

/* 表体：保养项目、保养内容、验收标准的内容左对齐 */
::v-deep .ant-table-tbody > tr > td[data-col="itemName"],
::v-deep .ant-table-tbody > tr > td[data-col="itemDemand"] {
  text-align: left !important;
}
</style>