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 15:49:05 +08:00
parent 47594359b7
commit e618da8108
13 changed files with 101 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/components/viewFileModel/index.vue
+2 -2
View File
@@ -54,13 +54,13 @@
{ {
title: this.$t('fileName'), title: this.$t('fileName'),
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' }
} }
jero-web/src/views/documentManage/library/docDetail/index.vue
+3 -3
View File
@@ -293,7 +293,7 @@
{ {
title: this.$t('standardName'), title: this.$t('standardName'),
dataIndex: 'title', dataIndex: 'title',
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
} }
@@ -302,13 +302,13 @@
{ {
title: this.$t('fileName'), title: this.$t('fileName'),
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' }
} }
jero-web/src/views/projectManagement/components/TaskList.vue
+13 -9
View File
@@ -244,7 +244,7 @@
columns: [ columns: [
{ {
title: this.$t('number'), title: this.$t('number'),
align: 'center', align: 'left',
width: 70, width: 70,
customRender: function(t, r, index) { customRender: function(t, r, index) {
return parseInt(index) + 1 return parseInt(index) + 1
@@ -252,49 +252,49 @@
}, },
{ {
title: this.$t('standardInformation'), title: this.$t('standardInformation'),
align: 'center', align: 'left',
dataIndex: 'standard', dataIndex: 'standard',
width: 202, width: 202,
scopedSlots: { customRender: 'standardInformation' } scopedSlots: { customRender: 'standardInformation' }
}, },
{ {
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
align: 'center', align: 'left',
width: 180, width: 180,
dataIndex: 'areaOfResponsibility', dataIndex: 'areaOfResponsibility',
scopedSlots: { customRender: 'areaOfResponsibility' } scopedSlots: { customRender: 'areaOfResponsibility' }
}, },
{ {
title: this.$t('confirmationOfDesignConformity'), title: this.$t('confirmationOfDesignConformity'),
align: 'center', align: 'left',
width: 240, width: 240,
dataIndex: 'confirmationOfDesignConformity', dataIndex: 'confirmationOfDesignConformity',
scopedSlots: { customRender: 'confirmationOfDesignConformity' } scopedSlots: { customRender: 'confirmationOfDesignConformity' }
}, },
{ {
title: this.$t('PrehomoConfirmation'), title: this.$t('PrehomoConfirmation'),
align: 'center', align: 'left',
width: 240, width: 240,
dataIndex: 'PrehomoConfirmation', dataIndex: 'PrehomoConfirmation',
scopedSlots: { customRender: 'PrehomoConfirmation' } scopedSlots: { customRender: 'PrehomoConfirmation' }
}, },
{ {
title: this.$t('verificationAndConformityconfirmation'), title: this.$t('verificationAndConformityconfirmation'),
align: 'center', align: 'left',
width: 240, width: 240,
dataIndex: 'verificationAndConformityconfirmation', dataIndex: 'verificationAndConformityconfirmation',
scopedSlots: { customRender: 'verificationAndConformityconfirmation' } scopedSlots: { customRender: 'verificationAndConformityconfirmation' }
}, },
{ {
title: this.$t('CertificationProgress'), title: this.$t('CertificationProgress'),
align: 'center', align: 'left',
width: 150, width: 150,
dataIndex: 'CertificationProgress', dataIndex: 'CertificationProgress',
scopedSlots: { customRender: 'CertificationProgress' } scopedSlots: { customRender: 'CertificationProgress' }
}, },
{ {
title: this.$t('CurrentStatus'), title: this.$t('CurrentStatus'),
align: 'center', align: 'left',
width: 150, width: 150,
dataIndex: 'CurrentProjectStatusEvaluation', dataIndex: 'CurrentProjectStatusEvaluation',
scopedSlots: { customRender: 'CurrentProjectStatusEvaluation' } scopedSlots: { customRender: 'CurrentProjectStatusEvaluation' }
@@ -672,7 +672,7 @@
} }
.title-text { .title-text {
width: 64px; width: 110px;
color: #000F16; color: #000F16;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
@@ -862,6 +862,10 @@
text-justify: inter-ideograph; text-justify: inter-ideograph;
word-break: break-all word-break: break-all
} }
///deep/.taskTable .ant-table-thead > tr > th {
// font-weight: bolder;
//}
</style> </style>
<style> <style>
.box-input .ant-select-selection { .box-input .ant-select-selection {
jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
+20 -12
View File
@@ -153,35 +153,35 @@
columns: [ columns: [
{ {
title: this.$t('title'), title: this.$t('title'),
align: 'center', align: 'left',
dataIndex: 'title', dataIndex: 'title',
width: 240, width: 240,
scopedSlots: { customRender: 'paramsManifestClick' } scopedSlots: { customRender: 'paramsManifestClick' }
}, },
{ {
title: this.$t('status'), title: this.$t('status'),
align: 'center', align: 'left',
width: 80, width: 80,
ellipsis: true, ellipsis: true,
dataIndex: 'state' dataIndex: 'state'
}, },
{ {
title: this.$t('parameterTemplateName'), title: this.$t('parameterTemplateName'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'paramsTemplateName' dataIndex: 'paramsTemplateName'
}, },
{ {
title: this.$t('relatedProjectVersion'), title: this.$t('relatedProjectVersion'),
align: 'center', align: 'left',
width: 120, width: 120,
ellipsis: true, ellipsis: true,
dataIndex: 'projectVersion' dataIndex: 'projectVersion'
}, },
{ {
title: this.$t('collectionCompletionTime'), title: this.$t('collectionCompletionTime'),
align: 'center', align: 'left',
dataIndex: 'finishTime', dataIndex: 'finishTime',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
@@ -189,28 +189,28 @@
}, },
{ {
title: this.$t('Version'), title: this.$t('Version'),
align: 'center', align: 'left',
width: 80, width: 80,
ellipsis: true, ellipsis: true,
dataIndex: 'version' dataIndex: 'version'
}, },
{ {
title: this.$t('creator'), title: this.$t('creator'),
align: 'center', align: 'left',
width: 110, width: 110,
ellipsis: true, ellipsis: true,
dataIndex: 'createBy' dataIndex: 'createBy'
}, },
{ {
title: this.$t('created'), title: this.$t('created'),
align: 'center', align: 'left',
width: 160, width: 160,
ellipsis: true, ellipsis: true,
dataIndex: 'createTime' dataIndex: 'createTime'
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 210, width: 210,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
@@ -576,9 +576,9 @@
border-radius: 4px; border-radius: 4px;
} }
/deep/ .add-padding { ///deep/ .add-padding {
margin-left: -89px !important; // margin-left: -89px !important;
} //}
.textName { .textName {
width: 100%; width: 100%;
@@ -601,6 +601,14 @@
::v-deep .ant-table-body { ::v-deep .ant-table-body {
background: transparent !important; background: transparent !important;
} }
///deep/.ant-table-thead > tr > th {
// font-weight: bolder;
//}
///deep/.ant-table-tbody > tr > td {
// color: #040B29 ;
//}
</style> </style>
<style> <style>
.box-input .ant-select-selection { .box-input .ant-select-selection {
jero-web/src/views/projectManagement/components/certificationDirectory.vue
+8 -8
View File
@@ -85,50 +85,50 @@
{ {
title: this.$t('directoryName'), title: this.$t('directoryName'),
dataIndex: 'directoryName', dataIndex: 'directoryName',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('batch'), title: this.$t('batch'),
dataIndex: 'lot', dataIndex: 'lot',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('catalogFile'), title: this.$t('catalogFile'),
dataIndex: 'directoryFile', dataIndex: 'directoryFile',
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'operationFile' } scopedSlots: { customRender: 'operationFile' }
}, },
{ {
title: this.$t('testScheme'), title: this.$t('testScheme'),
dataIndex: 'experimentFile', dataIndex: 'experimentFile',
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'operationFile' } scopedSlots: { customRender: 'operationFile' }
}, },
{ {
title: this.$t('testReportLocation'), title: this.$t('testReportLocation'),
dataIndex: 'detectionReportLocation', dataIndex: 'detectionReportLocation',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('explain'), title: this.$t('explain'),
dataIndex: 'explainInfo', dataIndex: 'explainInfo',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('uploadTime'), title: this.$t('uploadTime'),
dataIndex: 'uploadTime', dataIndex: 'uploadTime',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
width: 130, width: 130,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
} }
jero-web/src/views/projectManagement/components/historicalVersionList.vue
+3 -3
View File
@@ -45,18 +45,18 @@
{ {
title: this.$t('versionName'), title: this.$t('versionName'),
dataIndex: 'versionsName', dataIndex: 'versionsName',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('finalizationTime'), title: this.$t('finalizationTime'),
dataIndex: 'createTime', dataIndex: 'createTime',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
width: 120, width: 120,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
} }
jero-web/src/views/projectManagement/components/listAddModel.vue
+5 -5
View File
@@ -104,19 +104,19 @@
{ {
title: this.$t('standard'), title: this.$t('standard'),
dataIndex: 'serial_number', dataIndex: 'serial_number',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
dataIndex: 'title', dataIndex: 'title',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('zoneOfApplication'), title: this.$t('zoneOfApplication'),
dataIndex: 'region', dataIndex: 'region',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
// { // {
@@ -134,13 +134,13 @@
{ {
title: this.$t('ImplementationDate'), title: this.$t('ImplementationDate'),
dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1', dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('vehicleInProductionDate'), title: this.$t('vehicleInProductionDate'),
dataIndex: 'implement_time', dataIndex: 'implement_time',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
// { // {
jero-web/src/views/projectManagement/components/listOfRegulations.vue
+5 -5
View File
@@ -707,7 +707,7 @@
{ {
title: this.$t('TaskCutOffTime'), title: this.$t('TaskCutOffTime'),
dataIndex: 'prehomoDueDate', dataIndex: 'prehomoDueDate',
align: 'lefft', align: 'left',
width: 140, width: 140,
ellipsis: true ellipsis: true
}, },
@@ -2336,7 +2336,7 @@
} }
.title-text { .title-text {
width: 92px; width: 110px;
color: #000F16; color: #000F16;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
@@ -2560,9 +2560,9 @@
font-weight: bolder; font-weight: bolder;
} }
.tableList .ant-table-tbody > tr > td{ //.tableList .ant-table-tbody > tr > td{
color: #040B29 ; // color: #040B29 ;
} //}
//.tableList .ant-table-thead > tr{ //.tableList .ant-table-thead > tr{
// padding: 2px 16px !important; // padding: 2px 16px !important;
jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
+15 -7
View File
@@ -279,37 +279,37 @@
columnsAll: [ columnsAll: [
{ {
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
align: 'center', align: 'left',
dataIndex: 'dutyTerritory_dictText', dataIndex: 'dutyTerritory_dictText',
ellipsis: true ellipsis: true
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'lawEngineerName', dataIndex: 'lawEngineerName',
slots: { title: 'regulatoryEngineer' }, slots: { title: 'regulatoryEngineer' },
ellipsis: true ellipsis: true
}, },
{ {
align: 'center', align: 'left',
slots: { title: 'engineeringInterfacePerson' }, slots: { title: 'engineeringInterfacePerson' },
dataIndex: 'engineeringInterfacePersonName', dataIndex: 'engineeringInterfacePersonName',
ellipsis: true ellipsis: true
}, },
{ {
align: 'center', align: 'left',
slots: { title: 'certifiedEngineer' }, slots: { title: 'certifiedEngineer' },
dataIndex: 'certificationEngineerName', dataIndex: 'certificationEngineerName',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('remarks'), title: this.$t('remarks'),
align: 'center', align: 'left',
dataIndex: 'remark', dataIndex: 'remark',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
width: 110, width: 110,
fixed: 'right', fixed: 'right',
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
@@ -634,7 +634,7 @@
} }
.title-text-search { .title-text-search {
width: 90px; width: 110px;
color: #000F16; color: #000F16;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
@@ -671,4 +671,12 @@
background: #fff; background: #fff;
border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
} }
/*/deep/.table .ant-table-thead > tr > th {*/
/* font-weight: bolder;*/
/*}*/
/*/deep/.table .ant-table-tbody > tr > td {*/
/* color: #040B29 ;*/
/*}*/
</style> </style>
jero-web/src/views/projectManagement/components/nonConformance.vue
+16 -8
View File
@@ -96,7 +96,7 @@
columns: [ columns: [
{ {
title: this.$t('standard'), title: this.$t('standard'),
align: 'center', align: 'left',
dataIndex: 'serialNumber', dataIndex: 'serialNumber',
scopedSlots: { customRender: 'standard' }, scopedSlots: { customRender: 'standard' },
ellipsis: true, ellipsis: true,
@@ -104,7 +104,7 @@
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
align: 'center', align: 'left',
dataIndex: 'title', dataIndex: 'title',
ellipsis: true, ellipsis: true,
width: 180, width: 180,
@@ -112,35 +112,35 @@
}, },
{ {
title: this.$t('ProcessType'), title: this.$t('ProcessType'),
align: 'center', align: 'left',
dataIndex: 'flowType', dataIndex: 'flowType',
ellipsis: true, ellipsis: true,
width: 180 width: 180
}, },
{ {
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
align: 'center', align: 'left',
dataIndex: 'dutyTerritory', dataIndex: 'dutyTerritory',
ellipsis: true, ellipsis: true,
width: 180 width: 180
}, },
{ {
title: this.$t('problemType'), title: this.$t('problemType'),
align: 'center', align: 'left',
dataIndex: 'problemType', dataIndex: 'problemType',
ellipsis: true, ellipsis: true,
width: 180 width: 180
}, },
{ {
title: this.$t('Sponsor'), title: this.$t('Sponsor'),
align: 'center', align: 'left',
dataIndex: 'initiator', dataIndex: 'initiator',
ellipsis: true, ellipsis: true,
width: 140 width: 140
}, },
{ {
title: this.$t('personLiable'), title: this.$t('personLiable'),
align: 'center', align: 'left',
dataIndex: 'duty', dataIndex: 'duty',
ellipsis: true, ellipsis: true,
width: 140 width: 140
@@ -300,7 +300,7 @@
} }
.title-text { .title-text {
width: 32px; width: 110px;
color: #000F16; color: #000F16;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
@@ -341,4 +341,12 @@
text-justify: inter-ideograph; text-justify: inter-ideograph;
word-break: break-all word-break: break-all
} }
/deep/.ant-table-thead > tr > th {
font-weight: bolder;
}
/*/deep/.ant-table-tbody > tr > td {*/
/* color: #040B29 ;*/
/*}*/
</style> </style>
jero-web/src/views/projectManagement/components/transferList.vue
+4 -4
View File
@@ -78,25 +78,25 @@
{ {
title: this.$t('VirtualListName'), title: this.$t('VirtualListName'),
dataIndex: 'name', dataIndex: 'name',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('instructionForUse'), title: this.$t('instructionForUse'),
dataIndex: 'useExplain', dataIndex: 'useExplain',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('updateTime'), title: this.$t('updateTime'),
dataIndex: 'updateTime', dataIndex: 'updateTime',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('creater'), title: this.$t('creater'),
dataIndex: 'createBy', dataIndex: 'createBy',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
} }
], ],
jero-web/src/views/projectManagement/components/versionStatistics.vue
+2 -2
View File
@@ -76,14 +76,14 @@
{ {
title: this.$t('VersionNumber'), title: this.$t('VersionNumber'),
dataIndex: 'projectVersion', dataIndex: 'projectVersion',
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
width: 200 width: 200
}, },
{ {
title: this.$t('describe'), title: this.$t('describe'),
dataIndex: 'explanation', dataIndex: 'explanation',
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
width: 500 width: 500
} }
jero-web/src/views/projectManagement/projectLibrary/index.vue
+5 -5
View File
@@ -222,14 +222,14 @@
// }, // },
{ {
title: this.$t('StudioEngineer'), title: this.$t('StudioEngineer'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'studioEngineerName' dataIndex: 'studioEngineerName'
}, },
{ {
title: this.$t('explain'), title: this.$t('explain'),
align: 'center', align: 'left',
width: 280, width: 280,
ellipsis: true, ellipsis: true,
dataIndex: 'explanation' dataIndex: 'explanation'
@@ -243,21 +243,21 @@
// }, // },
{ {
title: this.$t('ModelPlatform'), title: this.$t('ModelPlatform'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'vehiclePlatform' dataIndex: 'vehiclePlatform'
}, },
{ {
title: this.$t('DigitalPlatform'), title: this.$t('DigitalPlatform'),
align: 'center', align: 'left',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
dataIndex: 'digitalPlatform' dataIndex: 'digitalPlatform'
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 302, width: 302,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }