UI界面变更-法规预警-虚拟清单-表格内容左对齐

This commit is contained in:
刘彦泽
2022-12-28 14:24:15 +08:00
parent 26a901b9f2
commit 47594359b7
4 changed files with 57 additions and 47 deletions
+10 -3
View File
@@ -21,7 +21,7 @@
:loading="loading"
>
<span slot="content" slot-scope="text,record">
<a-tooltip placement="topLeft">
<a-tooltip placement="topLeft" overlayClassName="tooltipColor">
<template slot="title">
<span v-html="text"></span>
</template>
@@ -63,14 +63,14 @@
{
title: this.$t('OperationDetails'),
dataIndex: 'logContent',
align: 'center',
align: 'left',
ellipsis: true,
scopedSlots: { customRender: 'content' }
},
{
title: this.$t('OperationTime'),
dataIndex: 'createTime',
align: 'center',
align: 'left',
ellipsis: true,
width: 180
},
@@ -121,4 +121,11 @@
text-align: right;
margin-top: 20px;
}
/deep/.tooltipColor .ant-tooltip-inner {
color: #333;
background-color: #fff !important;
}
/deep/.tooltipColor .ant-tooltip-arrow::before {
background-color: #fff;
}
</style>
@@ -285,13 +285,13 @@
{
title: this.$t('deliverableTemplate'),
dataIndex: 'fileName',
align: 'center',
align: 'left',
width: 260,
ellipsis: true
},
{
title: this.$t('operation'),
align: 'center',
align: 'left',
width: 130,
scopedSlots: { customRender: 'fileOperation' }
}
@@ -316,7 +316,7 @@
columnsAll: [
{
title: this.$t('standard'),
align: 'center',
align: 'left',
dataIndex: 'serialNumber',
width: 180,
fixed: 'left',
@@ -324,7 +324,7 @@
},
{
title: this.$t('title'),
align: 'center',
align: 'left',
dataIndex: 'title',
width: 180,
fixed: 'left',
@@ -332,105 +332,105 @@
},
{
title: this.$t('subtitle'),
align: 'center',
align: 'left',
dataIndex: 'subtitle',
width: 180,
ellipsis: true
},
{
title: this.$t('zoneOfApplication'),
align: 'center',
align: 'left',
width: 150,
ellipsis: true,
dataIndex: 'region_dictText'
},
{
title: this.$t('scopeOfApplication'),
align: 'center',
align: 'left',
width: 180,
ellipsis: true,
dataIndex: 'shi4Yong4Fan4Wei2_dictText'
},
{
title: this.$t('status'),
align: 'center',
align: 'left',
width: 100,
ellipsis: true,
dataIndex: 'state_dictText'
},
{
title: this.$t('correspondingStandard'),
align: 'center',
align: 'left',
width: 140,
ellipsis: true,
dataIndex: 'correspondingStandard'
},
{
title: this.$t('implementationCategory'),
align: 'center',
align: 'left',
width: 140,
ellipsis: true,
dataIndex: 'implementType_dictText'
},
{
title: this.$t('ImplementationDate'),
align: 'center',
align: 'left',
width: 200,
ellipsis: true,
dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
},
{
title: this.$t('vehicleInProductionDate'),
align: 'center',
align: 'left',
width: 210,
ellipsis: true,
dataIndex: 'implementTime'
},
{
title: 'WVTA ID',
align: 'center',
align: 'left',
dataIndex: 'wvtaId',
width: 180,
ellipsis: true
},
{
title: this.$t('certificationType'),
align: 'center',
align: 'left',
width: 180,
ellipsis: true,
dataIndex: 'attestationType_dictText'
},
{
title: this.$t('certificationLevel'),
align: 'center',
align: 'left',
width: 200,
ellipsis: true,
dataIndex: 'attestationRank_dictText'
},
{
title: this.$t('applicableSupplement'),
align: 'center',
align: 'left',
width: 200,
ellipsis: true,
dataIndex: 'applicableSupplement'
},
{
title: this.$t('technicalField'),
align: 'center',
align: 'left',
width: 180,
ellipsis: true,
dataIndex: 'technologyTerritoryName'
},
{
title: this.$t('areaOfResponsibility'),
align: 'center',
align: 'left',
width: 180,
ellipsis: true,
dataIndex: 'dutyTerritory_dictText'
},
{
title: this.$t('remarks'),
align: 'center',
align: 'left',
dataIndex: 'remark',
width: 180,
ellipsis: true
@@ -444,7 +444,7 @@
title: this.$t('Deliverables'),
dataIndex: 'designDeliverableTemplateName',
ellipsis: true,
align: 'center',
align: 'left',
width: 180,
scopedSlots: { customRender: 'designDeliverableTemplateName' }
},
@@ -453,19 +453,19 @@
dataIndex: 'designInitiator_dictText',
width: 180,
ellipsis: true,
align: 'center'
align: 'left'
},
{
title: this.$t('personLiable'),
dataIndex: 'designDuty_dictText',
width: 180,
ellipsis: true,
align: 'center'
align: 'left'
},
{
title: this.$t('descriptionDeliverables'),
dataIndex: 'designRemark',
align: 'center',
align: 'left',
width: 220,
ellipsis: true
}
@@ -478,7 +478,7 @@
title: this.$t('Deliverables'),
dataIndex: 'prehomoDeliverableTemplateName',
ellipsis: true,
align: 'center',
align: 'left',
width: 180,
scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
},
@@ -487,19 +487,19 @@
dataIndex: 'prehomoInitiator_dictText',
width: 180,
ellipsis: true,
align: 'center'
align: 'left'
},
{
title: this.$t('personLiable'),
dataIndex: 'prehomoDuty_dictText',
width: 180,
ellipsis: true,
align: 'center'
align: 'left'
},
{
title: this.$t('descriptionDeliverables'),
dataIndex: 'prehomoRemark',
align: 'center',
align: 'left',
width: 220,
ellipsis: true
}
@@ -512,7 +512,7 @@
title: this.$t('Deliverables'),
dataIndex: 'verifyDeliverableTemplateName',
ellipsis: true,
align: 'center',
align: 'left',
width: 180,
scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
},
@@ -520,20 +520,20 @@
title: this.$t('Sponsor'),
dataIndex: 'verifyInitiator_dictText',
width: 180,
align: 'center',
align: 'left',
ellipsis: true
},
{
title: this.$t('personLiable'),
dataIndex: 'verifyDuty_dictText',
width: 180,
align: 'center',
align: 'left',
ellipsis: true
},
{
title: this.$t('descriptionDeliverables'),
dataIndex: 'verifyRemark',
align: 'center',
align: 'left',
width: 220,
ellipsis: true
}
@@ -541,7 +541,7 @@
},
{
title: this.$t('operation'),
align: 'center',
align: 'left',
fixed: 'right',
width: 140,
scopedSlots: { customRender: 'operation' }
@@ -1092,6 +1092,9 @@
padding-bottom: 0!important;
overflow: scroll!important;
}
/deep/.ant-table-column-title{
font-weight: bold!important;
}
</style>
<style>
.box-input .ant-select-selection {
@@ -1108,6 +1111,6 @@
}
.tableList .ant-table-thead > tr > th {
padding: 7px 16px !important;
padding: 0px 16px !important;
}
</style>
@@ -216,7 +216,7 @@
columns: [
{
title: this.$t('VirtualListName'),
align: 'center',
align: 'left',
dataIndex: 'name',
width: '25%',
ellipsis: true,
@@ -224,21 +224,21 @@
},
{
title: this.$t('listStatus'),
align: 'center',
align: 'left',
width: '25%',
ellipsis: true,
dataIndex: 'state_dictText'
},
{
title: this.$t('creater'),
align: 'center',
align: 'left',
width: '25%',
ellipsis: true,
dataIndex: 'createBy'
},
{
title: this.$t('operation'),
align: 'center',
align: 'left',
fixed: 'right',
width: 400,
scopedSlots: { customRender: 'operation' }
@@ -155,7 +155,7 @@
columnsAll: [
{
title: this.$t('standard'),
align: 'center',
align: 'left',
dataIndex: 'serial_number',
ellipsis: true,
width: 170,
@@ -163,7 +163,7 @@
},
{
title: this.$t('title'),
align: 'center',
align: 'left',
dataIndex: 'title',
ellipsis: true,
width: 170,
@@ -171,28 +171,28 @@
},
{
title: this.$t('status'),
align: 'center',
align: 'left',
width: 140,
ellipsis: true,
dataIndex: 'state'
},
{
title: this.$t('zoneOfApplication'),
align: 'center',
align: 'left',
width: 170,
ellipsis: true,
dataIndex: 'region'
},
{
title: this.$t('technicalField'),
align: 'center',
align: 'left',
ellipsis: true,
width: 170,
dataIndex: 'technology_territory'
},
{
title: this.$t('vehicleInProductionDate'),
align: 'center',
align: 'left',
ellipsis: true,
width: 210,
dataIndex: 'implement_time',
@@ -200,7 +200,7 @@
},
{
title: this.$t('ImplementationDate'),
align: 'center',
align: 'left',
ellipsis: true,
width: 210,
dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',