This commit is contained in:
wangzhijiang
2023-07-13 15:46:56 +08:00
parent 3844e743b6
commit 84c236d81c
@@ -14,7 +14,7 @@
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('standard')">{{$t('standard')}}</span>
<span class="title-text-text" :title="$t('standard')">{{ $t('standard') }}</span>
</div>
<a-form-model-item class="itemModel" prop="serialNumber">
<a-input class="box-input"
@@ -27,7 +27,7 @@
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('title')">{{$t('title')}}</span>
<span class="title-text-text" :title="$t('title')">{{ $t('title') }}</span>
</div>
<a-form-model-item class="itemModel" prop="title">
<a-input class="box-input"
@@ -41,7 +41,7 @@
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('subtitle')">{{$t('subtitle')}}</span>
<span class="title-text-text" :title="$t('subtitle')">{{ $t('subtitle') }}</span>
</div>
<a-form-model-item class="itemModel" prop="subtitle">
<a-input class="box-input"
@@ -54,7 +54,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('applicableSupplement')">{{$t('applicableSupplement')}}</span>
:title="$t('applicableSupplement')">{{ $t('applicableSupplement') }}</span>
</div>
<a-form-model-item class="itemModel" prop="applicableSupplement">
<a-input class="box-input"
@@ -69,7 +69,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('certificationType')">{{$t('certificationType')}}</span>
:title="$t('certificationType')">{{ $t('certificationType') }}</span>
</div>
<a-form-model-item class="itemModel-multi" prop="attestationType">
<j-multi-select-tag class="box-input" v-model="formInline.attestationType"
@@ -84,7 +84,7 @@
<div class="title-text">
<span class="Required">*</span>
<span class="title-text-text"
:title="$t('certificationLevel')">{{$t('certificationLevel')}}</span>
:title="$t('certificationLevel')">{{ $t('certificationLevel') }}</span>
</div>
<a-form-model-item class="itemModel-multi" prop="attestationRank">
<j-multi-select-tag class="box-input" v-model="formInline.attestationRank"
@@ -101,7 +101,7 @@
<div class="title-text">
<span class="Required" v-if="formInline.roleCodeIndex == 0">*</span>
<span class="title-text-text"
:title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
:title="$t('areaOfResponsibility')">{{ $t('areaOfResponsibility') }}</span>
</div>
<a-form-model-item class="itemModel-multi" prop="dutyTerritory">
<j-multi-select-tag class="box-input" v-model="formInline.dutyTerritory"
@@ -117,7 +117,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="formInline.roleCodeIndex == 0">*</span>
<span class="title-text-text" :title="$t('regulatoryEngineer')">{{$t('regulatoryEngineer')}}</span>
<span class="title-text-text" :title="$t('regulatoryEngineer')">{{ $t('regulatoryEngineer') }}</span>
</div>
<a-form-model-item class="itemModel" :prop="'regulationOwnerId'">
<a-select :placeholder="$t('PleaseSelect')+$t('regulatoryEngineer')"
@@ -143,7 +143,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required">*</span>
<span class="title-text-text" :title="$t('engineeringInterfacePerson')">{{$t('engineeringInterfacePerson')}}</span>
<span class="title-text-text"
:title="$t('engineeringInterfacePerson')">{{ $t('engineeringInterfacePerson') }}</span>
</div>
<a-form-model-item class="itemModel" :prop="'engineeringInterfacePerson'">
<a-select :placeholder="$t('PleaseSelect')+$t('engineeringInterfacePerson')"
@@ -167,7 +168,7 @@
<a-col :span="24">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('remarks')">{{$t('remarks')}}</span>
<span class="title-text-text" :title="$t('remarks')">{{ $t('remarks') }}</span>
</div>
<a-form-model-item class="itemModel-text" :prop="'remarks'">
<a-textarea
@@ -180,7 +181,7 @@
</a-col>
</a-row>
<div class="header-text">
&nbsp;{{$t('confirmationOfDesignConformity')}}
&nbsp;{{ $t('confirmationOfDesignConformity') }}
</div>
<a-row :gutter="24">
<a-col :span="12">
@@ -189,7 +190,7 @@
<span class="Required"
v-if="!formInline.designDeliverableType.join(',').includes('1645667531513237506')">*</span>
<span class="title-text-text"
:title="$t('personLiable')">{{$t('personLiable')}}</span>
:title="$t('personLiable')">{{ $t('personLiable') }}</span>
</div>
<a-form-model-item class="itemModel-multi"
:prop="formInline.designDeliverableType.join(',').includes('1645667531513237506')?'':'designDutyIdName'"
@@ -211,7 +212,7 @@
<span class="Required"
v-if="!formInline.designDeliverableType.join(',').includes('1645667531513237506')">*</span>
<span class="title-text-text"
:title="$t('deliveryDate')">{{$t('deliveryDate')}}</span>
:title="$t('deliveryDate')">{{ $t('deliveryDate') }}</span>
</div>
<a-form-model-item class="itemModel"
:prop="formInline.designDeliverableType.join(',').includes('1645667531513237506')?'':'designDueDate'"
@@ -236,7 +237,7 @@
<div class="title-text">
<span class="Required">*</span>
<span class="title-text-text"
:title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
:title="$t('typeOfDeliverables')">{{ $t('typeOfDeliverables') }}</span>
</div>
<a-form-model-item class="itemModel-multi" prop="designDeliverableType">
<a-tree-select
@@ -259,12 +260,13 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
:title="$t('deliverableTemplate')">{{ $t('deliverableTemplate') }}</span>
</div>
<a-form-model-item class="itemModel" prop="designDeliverableTemplate">
<a-button type="primary" class="button-text"
@click="clickButtonToUpload('designDeliverableTemplate')">
{{ (formInline.designDeliverableTemplate === 'null' || formInline.designDeliverableTemplate === '' ||
{{
(formInline.designDeliverableTemplate === 'null' || formInline.designDeliverableTemplate === '' ||
formInline.designDeliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
}}
</a-button>
@@ -277,7 +279,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('deadlineForResponsibilityConfirmation')">{{$t('deadlineForResponsibilityConfirmation')}}</span>
:title="$t('deadlineForResponsibilityConfirmation')">{{ $t('deadlineForResponsibilityConfirmation') }}</span>
</div>
<a-form-model-item class="itemModel">
<a-date-picker class="box-input"
@@ -297,7 +299,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>
:title="$t('descriptionDeliverables')">{{ $t('descriptionDeliverables') }}</span>
</div>
<a-form-model-item class="itemModel-text" :prop="'designRemark'">
<a-textarea
@@ -311,7 +313,7 @@
</a-row>
<div class="header-text">
&nbsp;{{$t('verificationAndConformityconfirmation')}}
&nbsp;{{ $t('verificationAndConformityconfirmation') }}
</div>
<a-row :gutter="24">
<a-col :span="12">
@@ -320,7 +322,7 @@
<span class="Required"
v-if="!formInline.verifyDeliverableType.join(',').includes('1645667531513237506')">*</span>
<span class="title-text-text"
:title="$t('personLiable')">{{$t('personLiable')}}</span>
:title="$t('personLiable')">{{ $t('personLiable') }}</span>
</div>
<a-form-model-item class="itemModel-multi"
:prop="formInline.verifyDeliverableType.join(',').includes('1645667531513237506')?'':'verifyDutyIdName'"
@@ -342,7 +344,7 @@
<span class="Required"
v-if="!formInline.verifyDeliverableType.join(',').includes('1645667531513237506')">*</span>
<span class="title-text-text"
:title="$t('deliveryDate')">{{$t('deliveryDate')}}</span>
:title="$t('deliveryDate')">{{ $t('deliveryDate') }}</span>
</div>
<a-form-model-item class="itemModel"
:prop="formInline.verifyDeliverableType.join(',').includes('1645667531513237506')?'':'verifyDueDate'"
@@ -367,7 +369,7 @@
<div class="title-text">
<span class="Required">*</span>
<span class="title-text-text"
:title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
:title="$t('typeOfDeliverables')">{{ $t('typeOfDeliverables') }}</span>
</div>
<a-form-model-item class="itemModel-multi" prop="verifyDeliverableType">
<a-tree-select
@@ -390,12 +392,13 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
:title="$t('deliverableTemplate')">{{ $t('deliverableTemplate') }}</span>
</div>
<a-form-model-item class="itemModel" prop="verifyDeliverableTemplate">
<a-button type="primary" class="button-text"
@click="clickButtonToUpload('verifyDeliverableTemplate')">
{{ (formInline.verifyDeliverableTemplate === 'null' || formInline.verifyDeliverableTemplate === '' ||
{{
(formInline.verifyDeliverableTemplate === 'null' || formInline.verifyDeliverableTemplate === '' ||
formInline.verifyDeliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
}}
</a-button>
@@ -408,7 +411,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('deadlineForResponsibilityConfirmation')">{{$t('deadlineForResponsibilityConfirmation')}}</span>
:title="$t('deadlineForResponsibilityConfirmation')">{{ $t('deadlineForResponsibilityConfirmation') }}</span>
</div>
<a-form-model-item class="itemModel">
<a-date-picker class="box-input"
@@ -428,7 +431,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>
:title="$t('descriptionDeliverables')">{{ $t('descriptionDeliverables') }}</span>
</div>
<a-form-model-item class="itemModel-text" :prop="'verifyRemark'">
<a-textarea
@@ -441,7 +444,7 @@
</a-col>
</a-row>
<div class="header-text" v-if="rejectCauseList && rejectCauseList.length > 0 && formInline.roleCodeIndex == 0">
{{$t('reasonForReturnOfDesignCompliance')}}
{{ $t('reasonForReturnOfDesignCompliance') }}
</div>
<div v-if="rejectCauseList && rejectCauseList.length > 0 && formInline.roleCodeIndex == 0"
@@ -451,10 +454,10 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('rejectedBy')">{{$t('rejectedBy')}}</span>
:title="$t('rejectedBy')">{{ $t('rejectedBy') }}</span>
</div>
<div class="itemModel-reject">
{{item.createBy ? item.createBy : '--'}}
{{ item.createBy ? item.createBy : '--' }}
</div>
</div>
</a-col>
@@ -462,10 +465,10 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('rejectionTime')">{{$t('rejectionTime')}}</span>
:title="$t('rejectionTime')">{{ $t('rejectionTime') }}</span>
</div>
<div class="itemModel-reject">
{{item.rejectTime ? item.rejectTime : '--'}}
{{ item.rejectTime ? item.rejectTime : '--' }}
</div>
</div>
</a-col>
@@ -475,10 +478,10 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('rejectReason')">{{$t('rejectReason')}}</span>
:title="$t('rejectReason')">{{ $t('rejectReason') }}</span>
</div>
<div class="itemModel-reject">
{{item.rejectCause ? item.rejectCause : '--'}}
{{ item.rejectCause ? item.rejectCause : '--' }}
</div>
</div>
</a-col>
@@ -487,7 +490,7 @@
<div class="header-text"
v-if="rejectCauseListOne && rejectCauseListOne.length > 0 && formInline.roleCodeIndex == 0">
{{$t('verifyComplianceConfirmReturnReason')}}
{{ $t('verifyComplianceConfirmReturnReason') }}
</div>
<div v-if="rejectCauseListOne && rejectCauseListOne.length > 0 && formInline.roleCodeIndex == 0"
@@ -497,10 +500,10 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('rejectedBy')">{{$t('rejectedBy')}}</span>
:title="$t('rejectedBy')">{{ $t('rejectedBy') }}</span>
</div>
<div class="itemModel-reject">
{{item.createBy ? item.createBy : '--'}}
{{ item.createBy ? item.createBy : '--' }}
</div>
</div>
</a-col>
@@ -508,10 +511,10 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('rejectionTime')">{{$t('rejectionTime')}}</span>
:title="$t('rejectionTime')">{{ $t('rejectionTime') }}</span>
</div>
<div class="itemModel-reject">
{{item.rejectTime ? item.rejectTime : '--'}}
{{ item.rejectTime ? item.rejectTime : '--' }}
</div>
</div>
</a-col>
@@ -521,10 +524,10 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('rejectReason')">{{$t('rejectReason')}}</span>
:title="$t('rejectReason')">{{ $t('rejectReason') }}</span>
</div>
<div class="itemModel-reject">
{{item.rejectCause ? item.rejectCause : '--'}}
{{ item.rejectCause ? item.rejectCause : '--' }}
</div>
</div>
</a-col>
@@ -533,25 +536,25 @@
</a-form-model>
</a-spin>
<div class="drawer-bootom-button">
<a-button style="margin-right: 8px" @click="handleCancel">{{$t('cancel')}}</a-button>
<a-button style="margin-right: 8px" @click="handleCancel">{{ $t('cancel') }}</a-button>
<a-button @click="handleSubmit" v-if="formInline.roleCodeIndex == 0" type="primary" :loading="confirmLoading">
{{$t('submit')}}
{{ $t('submit') }}
</a-button>
<a-button @click="handleSubmit" v-else type="primary" :loading="confirmLoading">{{$t('confirm')}}</a-button>
<a-button @click="handleSubmit" v-else type="primary" :loading="confirmLoading">{{ $t('confirm') }}</a-button>
</div>
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
</a-drawer>
</template>
<script>
import Standardselection from '@/components/Standardselection/index'
import PersonnelSelection from '@/components/PersonnelSelection/index'
import { getAction, postAction, putAction } from '@/api/manage'
import uploadFile from '@/components/uploadFile/file'
import moment from 'moment'
import { mapGetters } from 'vuex'
import Standardselection from '@/components/Standardselection/index'
import PersonnelSelection from '@/components/PersonnelSelection/index'
import {getAction, postAction, putAction} from '@/api/manage'
import uploadFile from '@/components/uploadFile/file'
import moment from 'moment'
import {mapGetters} from 'vuex'
export default {
export default {
name: 'listEditModel',
components: {
Standardselection,
@@ -693,20 +696,31 @@
},
methods: {
isEdit(val) {
if (val.designFlowStatus == 'Task to be confirmed' || val.designFlowStatus == 'Results to be submitted' ||
val.designFlowStatus == 'Results to be reviewed') {
return true
} else {
if (val.roleCodeIndex == '0' || val.roleCodeIndex == '1' || val.roleCodeIndex == '12') {
return false
} else {
return true
}
// if (val.designFlowStatus == 'Task to be confirmed' || val.designFlowStatus == 'Results to be submitted' ||
// val.designFlowStatus == 'Results to be reviewed') {
// return true
// } else {
// return false
// }
},
isEditVerifi(val) {
if (val.verifyFlowStatus == 'Task to be confirmed' || val.verifyFlowStatus == 'Results to be submitted' ||
val.verifyFlowStatus == 'Results to be reviewed') {
return true
} else {
if (val.roleCodeIndex == '0' || val.roleCodeIndex == '1' || val.roleCodeIndex == '12') {
return false
} else {
return true
}
// if (val.verifyFlowStatus == 'Task to be confirmed' || val.verifyFlowStatus == 'Results to be submitted' ||
// val.verifyFlowStatus == 'Results to be reviewed') {
// return true
// } else {
// return false
// }
},
...mapGetters(['userInfo']),
getRejectCause(id) {
@@ -763,11 +777,11 @@
this.certificationEngineerList = res.result.certificationEngineerList //认证工程师
if (row.dutyTerritory) {
let _this = this
this.getProject(row, res, function() {
this.getProject(row, res, function () {
_this.getData(row, res)
})
} else {
this.getProject({}, res, function() {
this.getProject({}, res, function () {
})
}
@@ -801,7 +815,7 @@
}
this.$nextTick(() => {
this.formInline = row
this.formInline = { ...this.formInline }
this.formInline = {...this.formInline}
this.$nextTick(() => {
this.$refs.ruleForm.clearValidate()
})
@@ -826,7 +840,7 @@
this.queryPersonByProject(item)
} else {
this.formInline = item
this.formInline = { ...this.formInline }
this.formInline = {...this.formInline}
}
this.$nextTick(() => {
this.$refs.ruleForm.clearValidate()
@@ -843,7 +857,7 @@
this.$refs.uploadFile.visible = true
this.$refs.uploadFile.disabled = isTrue
this.uploadName = item
getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
getAction('sys/common/getFileInfos', {id: this.formInline[item]}).then((res) => {
if (res.success) {
this.$refs.uploadFile.perentHandleFunc(res.result)
} else {
@@ -861,7 +875,7 @@
}
/** 赋值给当前对应的表单文件 */
this.formInline[this.uploadName] = attIdList.join(',')
this.formInline = { ...this.formInline }
this.formInline = {...this.formInline}
},
handleCancel() {
this.visible = false
@@ -917,7 +931,7 @@
},
handleInput(value) {
this.$nextTick(() => {
this.formInline = { ...this.formInline }
this.formInline = {...this.formInline}
this.$refs.ruleForm.validateField([value])
})
},
@@ -926,7 +940,7 @@
},
PersonnelSelectionChange(value, id) {
this.formInline[value] = id
this.formInline = { ...this.formInline }
this.formInline = {...this.formInline}
},
designDeliverableTypeChange() {
@@ -935,73 +949,73 @@
}
}
}
}
</script>
<style>
.formAdd .ant-form-item-label {
.formAdd .ant-form-item-label {
width: 130px;
}
}
.formAdd .ant-form-item-control-wrapper {
.formAdd .ant-form-item-control-wrapper {
display: inline-block;
width: 100%;
}
}
.itemModel .ant-form-item-control-wrapper {
.itemModel .ant-form-item-control-wrapper {
width: 100%;
}
}
.itemModel-text .ant-form-item-control-wrapper {
.itemModel-text .ant-form-item-control-wrapper {
width: 100% !important;
}
}
.box-input .ant-select-selection--single {
.box-input .ant-select-selection--single {
height: 38px;
}
}
.box-input .ant-select-selection--multiple {
.box-input .ant-select-selection--multiple {
height: 38px;
}
}
.box-input .ant-select-selection__rendered {
.box-input .ant-select-selection__rendered {
line-height: 38px;
height: 38px;
}
}
.box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
.box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
margin-top: 6px;
}
}
.box-input .ant-calendar-picker {
.box-input .ant-calendar-picker {
line-height: 38px;
height: 38px;
}
}
.box-input .ant-calendar-picker-input {
.box-input .ant-calendar-picker-input {
height: 38px;
}
}
.box-input .ant-input-number-input-wrap {
.box-input .ant-input-number-input-wrap {
line-height: 38px;
height: 38px;
}
}
.ant-input-disabled {
.ant-input-disabled {
color: rgba(0, 0, 0, 0.65) !important;
}
}
.ant-select-disabled {
.ant-select-disabled {
color: rgba(0, 0, 0, 0.65) !important;
}
}
</style>
<style scoped>
.box-title-text {
.box-title-text {
line-height: 1.4;
display: flex;
/*align-items: center;*/
}
}
.title-text {
.title-text {
width: 114px;
text-align: right;
display: inline-block;
@@ -1013,69 +1027,69 @@
white-space: nowrap;
height: 42px;
line-height: 48px;
}
}
.box-input {
.box-input {
display: inline-block;
height: 38px;
width: 100%;
}
}
.itemModel {
.itemModel {
width: calc(100% - 130px);
display: inline-block;
margin-top: 2px;
height: 40px;
margin-bottom: 24px;
}
}
.itemModel-text {
.itemModel-text {
width: calc(100% - 130px);
display: inline-block;
margin-top: 2px;
}
}
.itemModel-reject {
.itemModel-reject {
width: calc(100% - 130px);
display: inline-block;
font-size: 16px;
word-break: break-all;
color: #040B29;
padding-top: 11px;
}
}
.Required {
.Required {
color: red;
margin-right: 4px;
}
}
.title-text-text {
.title-text-text {
margin-top: 9px;
}
}
.header-text {
.header-text {
font-size: 16px;
font-weight: bold;
margin-left: 15px;
/*border-bottom: 1px #d9d9d9 dashed;*/
height: 30px;
margin-bottom: 30px;
}
}
.formAdd {
.formAdd {
margin-bottom: 40px;
}
}
.button-text {
.button-text {
height: 38px;
width: calc(100% - 100px);
line-height: 38px;
background: #fff;
border: 1px #00B3BE solid;
color: #00B3BE;
}
}
.button-text-text {
.button-text-text {
position: absolute;
right: -10px;
top: -21px;
@@ -1086,9 +1100,9 @@
text-align: center;
line-height: 6px;
color: #fff;
}
}
.drawer-bootom-button {
.drawer-bootom-button {
position: absolute;
bottom: 0;
width: 100%;
@@ -1099,5 +1113,5 @@
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
}
</style>