WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/components/UpdateLog/index.vue
+10 -3
View File
@@ -21,7 +21,7 @@
:loading="loading" :loading="loading"
> >
<span slot="content" slot-scope="text,record"> <span slot="content" slot-scope="text,record">
<a-tooltip placement="topLeft"> <a-tooltip placement="topLeft" overlayClassName="tooltipColor">
<template slot="title"> <template slot="title">
<span v-html="text"></span> <span v-html="text"></span>
</template> </template>
@@ -63,14 +63,14 @@
{ {
title: this.$t('OperationDetails'), title: this.$t('OperationDetails'),
dataIndex: 'logContent', dataIndex: 'logContent',
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'content' } scopedSlots: { customRender: 'content' }
}, },
{ {
title: this.$t('OperationTime'), title: this.$t('OperationTime'),
dataIndex: 'createTime', dataIndex: 'createTime',
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
width: 180 width: 180
}, },
@@ -121,4 +121,11 @@
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
} }
/deep/.tooltipColor .ant-tooltip-inner {
color: #333;
background-color: #fff !important;
}
/deep/.tooltipColor .ant-tooltip-arrow::before {
background-color: #fff;
}
</style> </style>
jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
+36 -33
View File
@@ -285,13 +285,13 @@
{ {
title: this.$t('deliverableTemplate'), title: this.$t('deliverableTemplate'),
dataIndex: 'fileName', dataIndex: 'fileName',
align: 'center', align: 'left',
width: 260, width: 260,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
width: 130, width: 130,
scopedSlots: { customRender: 'fileOperation' } scopedSlots: { customRender: 'fileOperation' }
} }
@@ -316,7 +316,7 @@
columnsAll: [ columnsAll: [
{ {
title: this.$t('standard'), title: this.$t('standard'),
align: 'center', align: 'left',
dataIndex: 'serialNumber', dataIndex: 'serialNumber',
width: 180, width: 180,
fixed: 'left', fixed: 'left',
@@ -324,7 +324,7 @@
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
align: 'center', align: 'left',
dataIndex: 'title', dataIndex: 'title',
width: 180, width: 180,
fixed: 'left', fixed: 'left',
@@ -332,105 +332,105 @@
}, },
{ {
title: this.$t('subtitle'), title: this.$t('subtitle'),
align: 'center', align: 'left',
dataIndex: 'subtitle', dataIndex: 'subtitle',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('zoneOfApplication'), title: this.$t('zoneOfApplication'),
align: 'center', align: 'left',
width: 150, width: 150,
ellipsis: true, ellipsis: true,
dataIndex: 'region_dictText' dataIndex: 'region_dictText'
}, },
{ {
title: this.$t('scopeOfApplication'), title: this.$t('scopeOfApplication'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'shi4Yong4Fan4Wei2_dictText' dataIndex: 'shi4Yong4Fan4Wei2_dictText'
}, },
{ {
title: this.$t('status'), title: this.$t('status'),
align: 'center', align: 'left',
width: 100, width: 100,
ellipsis: true, ellipsis: true,
dataIndex: 'state_dictText' dataIndex: 'state_dictText'
}, },
{ {
title: this.$t('correspondingStandard'), title: this.$t('correspondingStandard'),
align: 'center', align: 'left',
width: 140, width: 140,
ellipsis: true, ellipsis: true,
dataIndex: 'correspondingStandard' dataIndex: 'correspondingStandard'
}, },
{ {
title: this.$t('implementationCategory'), title: this.$t('implementationCategory'),
align: 'center', align: 'left',
width: 140, width: 140,
ellipsis: true, ellipsis: true,
dataIndex: 'implementType_dictText' dataIndex: 'implementType_dictText'
}, },
{ {
title: this.$t('ImplementationDate'), title: this.$t('ImplementationDate'),
align: 'center', align: 'left',
width: 200, width: 200,
ellipsis: true, ellipsis: true,
dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1' dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
}, },
{ {
title: this.$t('vehicleInProductionDate'), title: this.$t('vehicleInProductionDate'),
align: 'center', align: 'left',
width: 210, width: 210,
ellipsis: true, ellipsis: true,
dataIndex: 'implementTime' dataIndex: 'implementTime'
}, },
{ {
title: 'WVTA ID', title: 'WVTA ID',
align: 'center', align: 'left',
dataIndex: 'wvtaId', dataIndex: 'wvtaId',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('certificationType'), title: this.$t('certificationType'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'attestationType_dictText' dataIndex: 'attestationType_dictText'
}, },
{ {
title: this.$t('certificationLevel'), title: this.$t('certificationLevel'),
align: 'center', align: 'left',
width: 200, width: 200,
ellipsis: true, ellipsis: true,
dataIndex: 'attestationRank_dictText' dataIndex: 'attestationRank_dictText'
}, },
{ {
title: this.$t('applicableSupplement'), title: this.$t('applicableSupplement'),
align: 'center', align: 'left',
width: 200, width: 200,
ellipsis: true, ellipsis: true,
dataIndex: 'applicableSupplement' dataIndex: 'applicableSupplement'
}, },
{ {
title: this.$t('technicalField'), title: this.$t('technicalField'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'technologyTerritoryName' dataIndex: 'technologyTerritoryName'
}, },
{ {
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'dutyTerritory_dictText' dataIndex: 'dutyTerritory_dictText'
}, },
{ {
title: this.$t('remarks'), title: this.$t('remarks'),
align: 'center', align: 'left',
dataIndex: 'remark', dataIndex: 'remark',
width: 180, width: 180,
ellipsis: true ellipsis: true
@@ -444,7 +444,7 @@
title: this.$t('Deliverables'), title: this.$t('Deliverables'),
dataIndex: 'designDeliverableTemplateName', dataIndex: 'designDeliverableTemplateName',
ellipsis: true, ellipsis: true,
align: 'center', align: 'left',
width: 180, width: 180,
scopedSlots: { customRender: 'designDeliverableTemplateName' } scopedSlots: { customRender: 'designDeliverableTemplateName' }
}, },
@@ -453,19 +453,19 @@
dataIndex: 'designInitiator_dictText', dataIndex: 'designInitiator_dictText',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
align: 'center' align: 'left'
}, },
{ {
title: this.$t('personLiable'), title: this.$t('personLiable'),
dataIndex: 'designDuty_dictText', dataIndex: 'designDuty_dictText',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
align: 'center' align: 'left'
}, },
{ {
title: this.$t('descriptionDeliverables'), title: this.$t('descriptionDeliverables'),
dataIndex: 'designRemark', dataIndex: 'designRemark',
align: 'center', align: 'left',
width: 220, width: 220,
ellipsis: true ellipsis: true
} }
@@ -478,7 +478,7 @@
title: this.$t('Deliverables'), title: this.$t('Deliverables'),
dataIndex: 'prehomoDeliverableTemplateName', dataIndex: 'prehomoDeliverableTemplateName',
ellipsis: true, ellipsis: true,
align: 'center', align: 'left',
width: 180, width: 180,
scopedSlots: { customRender: 'prehomoDeliverableTemplateName' } scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
}, },
@@ -487,19 +487,19 @@
dataIndex: 'prehomoInitiator_dictText', dataIndex: 'prehomoInitiator_dictText',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
align: 'center' align: 'left'
}, },
{ {
title: this.$t('personLiable'), title: this.$t('personLiable'),
dataIndex: 'prehomoDuty_dictText', dataIndex: 'prehomoDuty_dictText',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
align: 'center' align: 'left'
}, },
{ {
title: this.$t('descriptionDeliverables'), title: this.$t('descriptionDeliverables'),
dataIndex: 'prehomoRemark', dataIndex: 'prehomoRemark',
align: 'center', align: 'left',
width: 220, width: 220,
ellipsis: true ellipsis: true
} }
@@ -512,7 +512,7 @@
title: this.$t('Deliverables'), title: this.$t('Deliverables'),
dataIndex: 'verifyDeliverableTemplateName', dataIndex: 'verifyDeliverableTemplateName',
ellipsis: true, ellipsis: true,
align: 'center', align: 'left',
width: 180, width: 180,
scopedSlots: { customRender: 'verifyDeliverableTemplateName' } scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
}, },
@@ -520,20 +520,20 @@
title: this.$t('Sponsor'), title: this.$t('Sponsor'),
dataIndex: 'verifyInitiator_dictText', dataIndex: 'verifyInitiator_dictText',
width: 180, width: 180,
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('personLiable'), title: this.$t('personLiable'),
dataIndex: 'verifyDuty_dictText', dataIndex: 'verifyDuty_dictText',
width: 180, width: 180,
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('descriptionDeliverables'), title: this.$t('descriptionDeliverables'),
dataIndex: 'verifyRemark', dataIndex: 'verifyRemark',
align: 'center', align: 'left',
width: 220, width: 220,
ellipsis: true ellipsis: true
} }
@@ -541,7 +541,7 @@
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 140, width: 140,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
@@ -1092,6 +1092,9 @@
padding-bottom: 0!important; padding-bottom: 0!important;
overflow: scroll!important; overflow: scroll!important;
} }
/deep/.ant-table-column-title{
font-weight: bold!important;
}
</style> </style>
<style> <style>
.box-input .ant-select-selection { .box-input .ant-select-selection {
@@ -1108,6 +1111,6 @@
} }
.tableList .ant-table-thead > tr > th { .tableList .ant-table-thead > tr > th {
padding: 7px 16px !important; padding: 0px 16px !important;
} }
</style> </style>
jero-web/src/views/documentTools/virtualList/index.vue
+4 -4
View File
@@ -216,7 +216,7 @@
columns: [ columns: [
{ {
title: this.$t('VirtualListName'), title: this.$t('VirtualListName'),
align: 'center', align: 'left',
dataIndex: 'name', dataIndex: 'name',
width: '25%', width: '25%',
ellipsis: true, ellipsis: true,
@@ -224,21 +224,21 @@
}, },
{ {
title: this.$t('listStatus'), title: this.$t('listStatus'),
align: 'center', align: 'left',
width: '25%', width: '25%',
ellipsis: true, ellipsis: true,
dataIndex: 'state_dictText' dataIndex: 'state_dictText'
}, },
{ {
title: this.$t('creater'), title: this.$t('creater'),
align: 'center', align: 'left',
width: '25%', width: '25%',
ellipsis: true, ellipsis: true,
dataIndex: 'createBy' dataIndex: 'createBy'
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 400, width: 400,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
jero-web/src/views/regulatoryEarlyWarning/index.vue
+7 -7
View File
@@ -155,7 +155,7 @@
columnsAll: [ columnsAll: [
{ {
title: this.$t('standard'), title: this.$t('standard'),
align: 'center', align: 'left',
dataIndex: 'serial_number', dataIndex: 'serial_number',
ellipsis: true, ellipsis: true,
width: 170, width: 170,
@@ -163,7 +163,7 @@
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
align: 'center', align: 'left',
dataIndex: 'title', dataIndex: 'title',
ellipsis: true, ellipsis: true,
width: 170, width: 170,
@@ -171,28 +171,28 @@
}, },
{ {
title: this.$t('status'), title: this.$t('status'),
align: 'center', align: 'left',
width: 140, width: 140,
ellipsis: true, ellipsis: true,
dataIndex: 'state' dataIndex: 'state'
}, },
{ {
title: this.$t('zoneOfApplication'), title: this.$t('zoneOfApplication'),
align: 'center', align: 'left',
width: 170, width: 170,
ellipsis: true, ellipsis: true,
dataIndex: 'region' dataIndex: 'region'
}, },
{ {
title: this.$t('technicalField'), title: this.$t('technicalField'),
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
width: 170, width: 170,
dataIndex: 'technology_territory' dataIndex: 'technology_territory'
}, },
{ {
title: this.$t('vehicleInProductionDate'), title: this.$t('vehicleInProductionDate'),
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
width: 210, width: 210,
dataIndex: 'implement_time', dataIndex: 'implement_time',
@@ -200,7 +200,7 @@
}, },
{ {
title: this.$t('ImplementationDate'), title: this.$t('ImplementationDate'),
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
width: 210, width: 210,
dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1', dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',