UI界面变更-项目库-表单宽度-表格内容左对齐

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