1.修改三期优化点

This commit is contained in:
sunFlower
2022-09-22 16:02:41 +08:00
parent b7be83ac0e
commit 769bd811d4
7 changed files with 213 additions and 42 deletions
+1
View File
@@ -1306,4 +1306,5 @@ module.exports = {
inRecentYear1:'In recent 1 year', inRecentYear1:'In recent 1 year',
inRecentYear2:'In recent 2 year', inRecentYear2:'In recent 2 year',
selectAll:'Select All', selectAll:'Select All',
importLocalDisassemblyOrder:'Import local disassembly order',
} }
+1
View File
@@ -1407,4 +1407,5 @@ module.exports = {
inRecentYear1:'近1年内', inRecentYear1:'近1年内',
inRecentYear2:'近2年内', inRecentYear2:'近2年内',
selectAll:'全选', selectAll:'全选',
importLocalDisassemblyOrder:'导入本地拆解单',
} }
@@ -1,20 +1,93 @@
<template> <template>
<div class="box" style="margin-bottom: 20px"> <div class="box" style="margin-bottom: 20px">
<div style="margin-bottom: 10px;text-align: right"> <a-modal
<div @click="handleModule" class="operator-text"> :title="$t('importLocalDisassemblyOrder')"
<a-icon type="download"/> :width="700"
{{$t('templateDownload')}} :visible="visible"
:confirm-loading="confirmLoading"
:maskClosable="false"
@cancel="visible = false"
>
<template slot="footer">
<a-button key="back" @click="visible = false">
{{$t('cancel')}}
</a-button>
</template>
<div style="margin-bottom: 10px;text-align: center">
<div @click="handleModule" class="operator-text">
<a-icon type="download"/>
{{$t('templateDownload')}}
</div>
<div class="operator-text">
<ImportFile :url="url" :isTrue="true" :accept="'.xls'"
@getList="getPersonnelList"/>
</div>
</div> </div>
<div class="operator-text"> </a-modal>
<ImportFile :url="url" :isTrue="true" :accept="'.xls'" <a-modal
@getList="getPersonnelList"/> :title="$t('BatchSetting')"
:width="700"
:visible="visibleBatch"
:confirm-loading="confirmLoadingBatch"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
>
<a-form-model :model="formInline" class="formAdd" ref="ruleForm">
<a-row :gutter="24">
<a-col :span="24">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('evaluationMethod')">{{$t('evaluationMethod')}}</span>
</div>
<a-form-model-item class="itemModel-multi">
<a-tree-select
tree-node-filter-prop="title"
v-model="formInline.evaluationMethods"
:maxTagCount="1"
:getPopupContainer="triggerNode=> triggerNode.parentNode"
class="box-input-index"
:tree-data="gatherResultList"
tree-checkable
:placeholder="$t('PleaseSelect')+$t('evaluationMethod')"
/>
</a-form-model-item>
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="24">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('Assessor')">{{$t('Assessor')}}</span>
</div>
<a-form-model-item class="itemModel">
<PersonnelSelection class="box-input-index"
:personneQuery="formInline"
:query="{db_field_name:'evaluatorIds',db_field_txt:$t('Assessor')}"
:isInput="true"
@change="evaluationMethodChange"
v-model="formInline.evaluatorIdsName"/>
</a-form-model-item>
</div>
</a-col>
</a-row>
</a-form-model>
</a-modal>
<div style="margin-bottom: 10px;text-align: right">
<div @click="BatchSettingClick" class="operator-text">
<a-icon type="setting"/>
{{$t('BatchSetting')}}
</div> </div>
</div> </div>
<a-table <a-table
:columns="columns" :columns="columns"
:scroll="{x: '100%'}" :scroll="{x: '100%'}"
:data-source="dataList" :data-source="dataList"
rowKey="itemId"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:pagination="false" :pagination="false"
:loading="loading"> :loading="loading">
<div slot="clauseContent" slot-scope="text,result"> <div slot="clauseContent" slot-scope="text,result">
@@ -70,6 +143,8 @@
url: { url: {
importZipUrl: '/lawsTechnologyEvaluation/lawsTechnologyEvaluationEO/importItemExcel' importZipUrl: '/lawsTechnologyEvaluation/lawsTechnologyEvaluationEO/importItemExcel'
}, },
selectedRowKeys: [],
formInline: {},
columns: [ columns: [
{ {
title: this.$t('clauseNo'), title: this.$t('clauseNo'),
@@ -109,15 +184,55 @@
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
} }
], ],
confirmLoading: false,
dataList: [], dataList: [],
visible: false,
ImportFileData: [], ImportFileData: [],
dataListData: [], dataListData: [],
loading: false loading: false,
visibleBatch: false,
confirmLoadingBatch: false
} }
}, },
mounted() { mounted() {
}, },
methods: { methods: {
openData() {
this.visible = true
},
BatchSettingClick() {
if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
this.visibleBatch = true
this.formInline = {}
} else {
this.$message.warning(this.$t('selectLeastOne'))
}
},
handleOk() {
this.dataList.forEach(res => {
this.selectedRowKeys.forEach(val => {
if (res.itemId == val) {
if (this.formInline.evaluationMethods && this.formInline.evaluationMethods.length > 0) {
this.$set(res, 'evaluationMethods', this.formInline.evaluationMethods)
}
if (this.formInline.evaluatorIds) {
this.$set(res, 'evaluatorIds', this.formInline.evaluatorIds)
this.$set(res, 'evaluatorIdsName', this.formInline.evaluatorIdsName)
}
}
})
})
this.dataList = [...this.dataList]
this.$message.success(this.$t('OperationSuccessful'))
this.selectedRowKeys = []
this.visibleBatch = false
},
handleCancel() {
this.visibleBatch = false
},
onSelectChange(value) {
this.selectedRowKeys = value
},
deleteData(item) { deleteData(item) {
this.dataList = this.dataList.filter(res => { this.dataList = this.dataList.filter(res => {
return res.itemId != item.itemId return res.itemId != item.itemId
@@ -134,6 +249,10 @@
this.dataList[index][value] = id this.dataList[index][value] = id
this.dataList = [...this.dataList] this.dataList = [...this.dataList]
}, },
evaluationMethodChange(value, id) {
this.formInline[value] = id
this.formInline = { ...this.formInline }
},
getData(value) { getData(value) {
this.dataListData = [] this.dataListData = []
if (value && value.length > 0) { if (value && value.length > 0) {
@@ -180,7 +299,6 @@
this.$message.warning(this.$t('pleaseDecompositionStandardOrder')) this.$message.warning(this.$t('pleaseDecompositionStandardOrder'))
return return
} }
callback && callback(dataList) callback && callback(dataList)
}, },
handleModule() { handleModule() {
@@ -228,4 +346,38 @@
white-space: nowrap; white-space: nowrap;
} }
.box-title-text {
line-height: 1.4;
display: flex;
}
.title-text {
width: 84px;
text-align: right;
display: inline-block;
font-weight: 500;
font-size: 14px;
margin-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 42px;
line-height: 42px;
}
.box-input-index {
display: inline-block;
height: 38px;
width: 100%;
}
.itemModel {
width: calc(100% - 130px);
display: inline-block;
margin-top: 2px;
}
.title-text-text {
margin-top: 9px;
}
</style> </style>
@@ -179,6 +179,13 @@
ellipsis: true, ellipsis: true,
width: 160 width: 160
}, },
{
title: this.$t('complianceResults'),
dataIndex: 'complianceResultName',
align: 'center',
ellipsis: true,
width: 160
},
{ {
title: this.$t('nameTechnicalDocument'), title: this.$t('nameTechnicalDocument'),
dataIndex: 'technicalFileName', dataIndex: 'technicalFileName',
@@ -193,13 +200,6 @@
ellipsis: true, ellipsis: true,
width: 260 width: 260
}, },
{
title: this.$t('complianceResults'),
dataIndex: 'complianceResultName',
align: 'center',
ellipsis: true,
width: 160
},
{ {
title: this.$t('opinion'), title: this.$t('opinion'),
dataIndex: 'opinion', dataIndex: 'opinion',
@@ -65,7 +65,7 @@
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24" style="margin-bottom: 10px"> <a-row :gutter="24" style="margin-bottom: 10px">
<a-col :span="12"> <a-col :span="16">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="title-text-text" :title="$t('selectedStandard')">{{$t('selectedStandard')}}</span> <span class="title-text-text" :title="$t('selectedStandard')">{{$t('selectedStandard')}}</span>
@@ -76,16 +76,21 @@
{{selectedRowKeysRecord[0] ? {{selectedRowKeysRecord[0] ?
selectedRowKeysRecord[0].serialNumber+'-'+selectedRowKeysRecord[0].title:''}} selectedRowKeysRecord[0].serialNumber+'-'+selectedRowKeysRecord[0].title:''}}
</div> </div>
<div class="title-text-right" v-if="isTrue"> <div class="title-text-right title-text-right-index" v-if="isTrue">
<span :title="$t('standardDecompositionDocument')" @click="standardDecompositionDocumentClick"> <span :title="$t('standardDecompositionDocument')" @click="standardDecompositionDocumentClick">
{{$t('standardDecompositionDocument')}} {{$t('standardDecompositionDocument')}}
</span> </span>
</div> </div>
<div class="title-text-right" v-if="isTrue">
<span :title="$t('importLocalDisassemblyOrder')" @click="importLocalDisassemblyOrderClick">
{{$t('importLocalDisassemblyOrder')}}
</span>
</div>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="6"> <a-col :span="8">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required">*</span> <span class="Required">*</span>
@@ -103,7 +108,7 @@
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="6"> <a-col :span="8">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="title-text-text" <span class="title-text-text"
@@ -343,7 +348,10 @@
align: 'center', align: 'center',
ellipsis: true, ellipsis: true,
width: 170, width: 170,
scopedSlots: { customRender: 'whetherTheDisassemblySheetIncluded',title:'whetherTheDisassemblySheetIncludedTitle' } scopedSlots: {
customRender: 'whetherTheDisassemblySheetIncluded',
title: 'whetherTheDisassemblySheetIncludedTitle'
}
} }
] ]
} }
@@ -648,6 +656,9 @@
}, },
onChange(event) { onChange(event) {
this.isTrue = event.target.value == '1' ? true : false this.isTrue = event.target.value == '1' ? true : false
},
importLocalDisassemblyOrderClick() {
this.$refs.TermInformationRef.openData()
} }
} }
} }
@@ -737,7 +748,7 @@
.title-text-content { .title-text-content {
display: inline-block; display: inline-block;
width: calc(100% - 334px); width: calc(100% - 530px);
text-align: center; text-align: center;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
line-height: 38px; line-height: 38px;
@@ -769,9 +780,14 @@
cursor: pointer; cursor: pointer;
} }
.title-text-right-index {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.title-text-content-one { .title-text-content-one {
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
width: calc(100% - 128px); width: calc(100% - 132px);
} }
</style> </style>
@@ -102,8 +102,9 @@
> >
<!-- --> <!-- -->
<span slot="operation" slot-scope="text,record"> <span slot="operation" slot-scope="text,record">
<a class="text-operation" @click="viewProcessClick(record)">{{$t('viewProcess')}}</a> <!-- <a class="text-operation" @click="viewProcessClick(record)">{{$t('viewProcess')}}</a>-->
<a class="text-operation" v-if="record.flowStatus == 'Completed'" <!-- v-if="record.flowStatus == 'Completed'"-->
<a class="text-operation"
@click="evaluationResultsClick(record)">{{$t('evaluationResults')}}</a> @click="evaluationResultsClick(record)">{{$t('evaluationResults')}}</a>
<a class="text-operation" <a class="text-operation"
v-if="(record.flowStatus == 'Completed' && userInfoQuery.username == record.createBy) || administrators" v-if="(record.flowStatus == 'Completed' && userInfoQuery.username == record.createBy) || administrators"
@@ -286,7 +287,7 @@
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'center',
fixed: 'right', fixed: 'right',
width: 320, width: 220,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
} }
], ],
@@ -164,6 +164,13 @@
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{
title: this.$t('complianceResults'),
dataIndex: 'complianceResult',
align: 'center',
width: 180,
scopedSlots: { customRender: 'complianceResults' }
},
{ {
title: this.$t('nameTechnicalDocument'), title: this.$t('nameTechnicalDocument'),
dataIndex: 'technicalFileName', dataIndex: 'technicalFileName',
@@ -192,13 +199,6 @@
width: 180, width: 180,
scopedSlots: { customRender: 'enclosure' } scopedSlots: { customRender: 'enclosure' }
}, },
{
title: this.$t('complianceResults'),
dataIndex: 'complianceResult',
align: 'center',
width: 180,
scopedSlots: { customRender: 'complianceResults' }
},
{ {
title: this.$t('sponsorFeedback'), title: this.$t('sponsorFeedback'),
dataIndex: 'sponsorFeedback', dataIndex: 'sponsorFeedback',
@@ -237,6 +237,14 @@
width: 180, width: 180,
ellipsis: true ellipsis: true
}, },
{
title: this.$t('complianceResults'),
dataIndex: 'complianceResult',
align: 'center',
width: 180,
ellipsis: true,
scopedSlots: { customRender: 'Results' }
},
{ {
title: this.$t('nameTechnicalDocument'), title: this.$t('nameTechnicalDocument'),
dataIndex: 'technicalFileName', dataIndex: 'technicalFileName',
@@ -266,14 +274,6 @@
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'accessoryFile' } scopedSlots: { customRender: 'accessoryFile' }
}, },
{
title: this.$t('complianceResults'),
dataIndex: 'complianceResult',
align: 'center',
width: 180,
ellipsis: true,
scopedSlots: { customRender: 'Results' }
},
{ {
title: this.$t('sponsorFeedback'), title: this.$t('sponsorFeedback'),
dataIndex: 'sponsorFeedback', dataIndex: 'sponsorFeedback',