UI界面变更-未符合项跟踪-法规符合性看板

This commit is contained in:
刘彦泽
2022-12-28 17:34:35 +08:00
parent e618da8108
commit c1a32e7ef8
6 changed files with 60 additions and 46 deletions
@@ -156,7 +156,7 @@ export default {
columns: [ columns: [
{ {
title: this.$t('NiONumber'), title: this.$t('NiONumber'),
align: 'center', align: 'left',
width: 130, width: 130,
dataIndex: 'nioNumber', dataIndex: 'nioNumber',
sorter: true, sorter: true,
@@ -164,35 +164,35 @@ export default {
}, },
{ {
title: this.$t('ParameterName'), title: this.$t('ParameterName'),
align: 'center', align: 'left',
dataIndex: 'paramsName', dataIndex: 'paramsName',
width: 160, width: 160,
ellipsis: true, ellipsis: true,
}, },
{ {
title: this.$t('ParameterDescription'), title: this.$t('ParameterDescription'),
align: 'center', align: 'left',
dataIndex: 'description', dataIndex: 'description',
ellipsis: true, ellipsis: true,
// scopedSlots: { customRender: 'titleName' } // scopedSlots: { customRender: 'titleName' }
}, },
{ {
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
align: 'center', align: 'left',
dataIndex: 'dutyTerritory_dictText', dataIndex: 'dutyTerritory_dictText',
width: 150, width: 150,
ellipsis: true, ellipsis: true,
}, },
{ {
title: this.$t('created'), title: this.$t('created'),
align: 'center', align: 'left',
dataIndex: 'createTime', dataIndex: 'createTime',
width: 180, width: 180,
ellipsis: true, ellipsis: true,
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 120, width: 120,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
@@ -202,55 +202,55 @@
columns: [ columns: [
{ {
title: this.$t('standard'), title: this.$t('standard'),
align: 'center', align: 'left',
dataIndex: 'serialNumber', dataIndex: 'serialNumber',
width: 170, width: 170,
scopedSlots: { customRender: 'standard' } scopedSlots: { customRender: 'standard' }
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
align: 'center', align: 'left',
dataIndex: 'title', dataIndex: 'title',
width: 170, width: 170,
scopedSlots: { customRender: 'standard' } scopedSlots: { customRender: 'standard' }
}, },
{ {
title: this.$t('ProcessType'), title: this.$t('ProcessType'),
align: 'center', align: 'left',
dataIndex: 'flowType', dataIndex: 'flowType',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
align: 'center', align: 'left',
dataIndex: 'dutyTerritory', dataIndex: 'dutyTerritory',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('RelatedItems'), title: this.$t('RelatedItems'),
align: 'center', align: 'left',
dataIndex: 'projectName', dataIndex: 'projectName',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('problemType'), title: this.$t('problemType'),
align: 'center', align: 'left',
dataIndex: 'problemType', dataIndex: 'problemType',
width: 140, width: 140,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('Sponsor'), title: this.$t('Sponsor'),
align: 'center', align: 'left',
dataIndex: 'initiator', dataIndex: 'initiator',
width: 140 width: 140
}, },
{ {
title: this.$t('personLiable'), title: this.$t('personLiable'),
align: 'center', align: 'left',
dataIndex: 'duty', dataIndex: 'duty',
width: 140 width: 140
} }
@@ -67,61 +67,61 @@
columns: [ columns: [
{ {
title: this.$t('entryName'), title: this.$t('entryName'),
align: 'center', align: 'left',
dataIndex: 'projectName', dataIndex: 'projectName',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('targetMarket'), title: this.$t('targetMarket'),
align: 'center', align: 'left',
dataIndex: 'targetMarket', dataIndex: 'targetMarket',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'projectStatus', dataIndex: 'projectStatus',
scopedSlots: { title: 'projectStatusTitle' }, scopedSlots: { title: 'projectStatusTitle' },
width: 240, width: 240,
ellipsis: true ellipsis: true
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'certificationProgress', dataIndex: 'certificationProgress',
width: 380, width: 380,
ellipsis: true, ellipsis: true,
scopedSlots: { title: 'CertificationProgressTitle' } scopedSlots: { title: 'CertificationProgressTitle' }
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'inventory', dataIndex: 'inventory',
width: 340, width: 340,
ellipsis: true, ellipsis: true,
scopedSlots: { title: 'listConfirmationStatusTitle' } scopedSlots: { title: 'listConfirmationStatusTitle' }
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'task', dataIndex: 'task',
width: 340, width: 340,
ellipsis: true, ellipsis: true,
scopedSlots: { title: 'taskAffirmStatusTitle' } scopedSlots: { title: 'taskAffirmStatusTitle' }
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'design', dataIndex: 'design',
width: 440, width: 440,
scopedSlots: { title: 'designComplianceReviewTitle' } scopedSlots: { title: 'designComplianceReviewTitle' }
}, },
{ {
dataIndex: 'pre', dataIndex: 'pre',
align: 'center', align: 'left',
width: 440, width: 440,
scopedSlots: { title: 'preHomeConfirmationTitle' } scopedSlots: { title: 'preHomeConfirmationTitle' }
}, },
{ {
dataIndex: 'verify', dataIndex: 'verify',
align: 'center', align: 'left',
width: 440, width: 440,
scopedSlots: { title: 'verificationComplianceReviewTitle' } scopedSlots: { title: 'verificationComplianceReviewTitle' }
} }
@@ -229,4 +229,8 @@
::v-deep .ant-table-body { ::v-deep .ant-table-body {
background: transparent!important; background: transparent!important;
} }
/deep/.ant-table-column-title{
font-weight: bold!important;
}
</style> </style>
@@ -23,7 +23,7 @@
:triggerChange="false" :dictCode="'region'"/> :triggerChange="false" :dictCode="'region'"/>
</div> </div>
</a-col> </a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons"> <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24"> <a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button> <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button> <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
@@ -174,7 +174,7 @@
columns: [ columns: [
{ {
title: this.$t('entryName'), title: this.$t('entryName'),
align: 'center', align: 'left',
dataIndex: 'projectName', dataIndex: 'projectName',
scopedSlots: { customRender: 'projectName' }, scopedSlots: { customRender: 'projectName' },
width: 180, width: 180,
@@ -182,54 +182,54 @@
}, },
{ {
title: this.$t('targetMarket'), title: this.$t('targetMarket'),
align: 'center', align: 'left',
dataIndex: 'targetMarket', dataIndex: 'targetMarket',
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'projectStatus', dataIndex: 'projectStatus',
scopedSlots: { title: 'projectStatusTitle' }, scopedSlots: { title: 'projectStatusTitle' },
width: 240, width: 240,
ellipsis: true ellipsis: true
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'certificationProgress', dataIndex: 'certificationProgress',
width: 380, width: 380,
ellipsis: true, ellipsis: true,
scopedSlots: { title: 'CertificationProgressTitle' } scopedSlots: { title: 'CertificationProgressTitle' }
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'inventory', dataIndex: 'inventory',
width: 340, width: 340,
ellipsis: true, ellipsis: true,
scopedSlots: { title: 'listConfirmationStatusTitle' } scopedSlots: { title: 'listConfirmationStatusTitle' }
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'task', dataIndex: 'task',
width: 340, width: 340,
ellipsis: true, ellipsis: true,
scopedSlots: { title: 'taskAffirmStatusTitle' } scopedSlots: { title: 'taskAffirmStatusTitle' }
}, },
{ {
align: 'center', align: 'left',
dataIndex: 'design', dataIndex: 'design',
width: 440, width: 440,
scopedSlots: { title: 'designComplianceReviewTitle' } scopedSlots: { title: 'designComplianceReviewTitle' }
}, },
{ {
dataIndex: 'pre', dataIndex: 'pre',
align: 'center', align: 'left',
width: 440, width: 440,
scopedSlots: { title: 'preHomeConfirmationTitle' } scopedSlots: { title: 'preHomeConfirmationTitle' }
}, },
{ {
dataIndex: 'verify', dataIndex: 'verify',
align: 'center', align: 'left',
width: 440, width: 440,
scopedSlots: { title: 'verificationComplianceReviewTitle' } scopedSlots: { title: 'verificationComplianceReviewTitle' }
} }
@@ -721,4 +721,8 @@
width: 100px; width: 100px;
z-index: 101; z-index: 101;
} }
/deep/.ant-table-column-title{
font-weight: bold!important;
}
</style> </style>
@@ -180,19 +180,19 @@
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
dataIndex: 'dutyTerritory_dicText', dataIndex: 'dutyTerritory_dicText',
width: 120, width: 120,
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('RelatedItems'), title: this.$t('RelatedItems'),
align: 'center', align: 'left',
width: 120, width: 120,
dataIndex: 'projectName', dataIndex: 'projectName',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('designComplianceReview'), title: this.$t('designComplianceReview'),
align: 'center', align: 'left',
width: 250, width: 250,
dataIndex: 'designFlowTaskStatus_dicText', dataIndex: 'designFlowTaskStatus_dicText',
scopedSlots: { customRender: 'status' }, scopedSlots: { customRender: 'status' },
@@ -200,7 +200,7 @@
}, },
{ {
title: this.$t('preHomeConfirmation'), title: this.$t('preHomeConfirmation'),
align: 'center', align: 'left',
width: 270, width: 270,
dataIndex: 'prehomoFlowTaskStatus_dicText', dataIndex: 'prehomoFlowTaskStatus_dicText',
scopedSlots: { customRender: 'statusprehomo' }, scopedSlots: { customRender: 'statusprehomo' },
@@ -208,7 +208,7 @@
}, },
{ {
title: this.$t('verificationComplianceReview'), title: this.$t('verificationComplianceReview'),
align: 'center', align: 'left',
width: 270, width: 270,
dataIndex: 'verifyFlowTaskStatus_dicText', dataIndex: 'verifyFlowTaskStatus_dicText',
scopedSlots: { customRender: 'filstatuse' }, scopedSlots: { customRender: 'filstatuse' },
+14 -8
View File
@@ -32,6 +32,7 @@
:triggerChange="false" :dictCode="'state'"/> :triggerChange="false" :dictCode="'state'"/>
</div> </div>
</a-col> </a-col>
<template v-if="toggleSearchStatus">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text tree-select"> <div class="box-title-text tree-select">
<div class="title-text" :title="$t('technicalField')"> <div class="title-text" :title="$t('technicalField')">
@@ -50,14 +51,19 @@
/> />
</div> </div>
</a-col> </a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons"> </template>
<span style="float: right;overflow: hidden;margin-right: 0px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24"> <a-col :md="6" :sm="24">
<globalAdvancedQuery ref="globalAdvancedQueryRef" <globalAdvancedQuery ref="globalAdvancedQueryRef"
@handleSuperQuery="handleSuperQuery" @handleSuperQuery="handleSuperQuery"
:fieldList="fieldList"/> :fieldList="fieldList" MarginRight='2px'/>
<a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button> <a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
<a-button class="box-button" style="margin-left: 8px" <a-button class="box-button" style="margin-left: 2px"
@click="searchReset">{{ $t('reset') }}</a-button> @click="searchReset">{{ $t('reset') }}</a-button>
<a @click="handleToggleSearch" style="margin-left: 1px">
{{ !toggleSearchStatus ? $t('open') : $t('away') }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
@@ -168,7 +174,7 @@ export default {
columns: [ columns: [
{ {
title: this.$t('standard'), title: this.$t('standard'),
align: 'center', align: 'left',
dataIndex: 'serialNumber', dataIndex: 'serialNumber',
width: 300, width: 300,
ellipsis: true, ellipsis: true,
@@ -176,7 +182,7 @@ export default {
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
align: 'center', align: 'left',
dataIndex: 'title', dataIndex: 'title',
width: 300, width: 300,
ellipsis: true, ellipsis: true,
@@ -184,7 +190,7 @@ export default {
}, },
{ {
title: this.$t('status'), title: this.$t('status'),
align: 'center', align: 'left',
ellipsis: true, ellipsis: true,
dataIndex: 'state_dicText', dataIndex: 'state_dicText',
width: 120 width: 120
@@ -196,7 +202,7 @@ export default {
// }, // },
{ {
title: this.$t('technicalField'), title: this.$t('technicalField'),
align: 'center', align: 'left',
dataIndex: 'technologyTerritory_dicText', dataIndex: 'technologyTerritory_dicText',
width: 250, width: 250,
ellipsis: true, ellipsis: true,
@@ -204,7 +210,7 @@ export default {
}, },
{ {
title: this.$t('evaluationResults'), title: this.$t('evaluationResults'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 180, width: 180,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }