[update 标准解读流程] 完善
This commit is contained in:
danshihao
+198
@@ -0,0 +1,198 @@
|
||||
<template>
|
||||
<a-drawer
|
||||
:title="title"
|
||||
:width="width"
|
||||
placement="right"
|
||||
:closable="true"
|
||||
@close="handleCancel"
|
||||
:visible="visible"
|
||||
:maskClosable="false"
|
||||
destroyOnClose
|
||||
class="custom-drawer-style"
|
||||
>
|
||||
<div class="custom-drawer-style-scroll">
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form :form="form" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<!--译文-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.translation')" :colon="false">
|
||||
<a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.standardInterpretationProcess.translation')"
|
||||
:maxLength="500"
|
||||
:rows="4"
|
||||
:disabled="disabled"
|
||||
v-decorator="['translation']" />
|
||||
</a-form-item>
|
||||
<!--是否与上一版相同-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.sameAsPreviousVersion')" :colon="false">
|
||||
<j-dict-select-tag dict-code="yn"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseSelect')+$t('workCenter.standardInterpretationProcess.sameAsPreviousVersion')"
|
||||
v-decorator="['isSameAsPrevVersion']"/>
|
||||
</a-form-item>
|
||||
<!--相对上一版变化点说明-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.explanationOfChangePoints')" :colon="false">
|
||||
<a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.standardInterpretationProcess.explanationOfChangePoints')"
|
||||
:maxLength="500"
|
||||
:rows="4"
|
||||
:disabled="disabled"
|
||||
v-decorator="['changeDescription']" />
|
||||
</a-form-item>
|
||||
<!--法规注解-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['regulatoryNotes']"/>
|
||||
</a-form-item>
|
||||
<!--图纸模板-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.drawingTemplate')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['drawingTemplate']"/>
|
||||
</a-form-item>
|
||||
<!--技术协议模板-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.technicalAgreementTemplate')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['technicalAgreementTemplate']"/>
|
||||
</a-form-item>
|
||||
<!--校核报告模板/checklist-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.verificationReportTemplate')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['verificationReportTemplateChecklist']"/>
|
||||
</a-form-item>
|
||||
<!--DVP模板-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.dvpTemplate')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['dvpTemplate']"/>
|
||||
</a-form-item>
|
||||
<!--DFEMA-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.dfema')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['dfema']"/>
|
||||
</a-form-item>
|
||||
<!--特殊性清单模板-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.specialListTemplate')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['keyTechnologyDecompositionTable']"/>
|
||||
</a-form-item>
|
||||
<!--其他文件或模板-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.otherFilesOrTemplates')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['otherDocumentsTemplates']"/>
|
||||
</a-form-item>
|
||||
<!--排查阶段-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.investigationStage')" :colon="false">
|
||||
<j-dict-select-tag dict-code="investigation_stage"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseSelect')+$t('workCenter.standardInterpretationProcess.investigationStage')"
|
||||
v-decorator="['investigationStage']"/>
|
||||
</a-form-item>
|
||||
<!--P3证明符合性的交付物名称-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.pThree')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['p3']"/>
|
||||
</a-form-item>
|
||||
<!--P5证明符合性的交付物名称-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.pFive')" :colon="false">
|
||||
<a-input :max-length="50"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('pleaseEnter')+$t('workCenter.standardInterpretationProcess.regulatoryAnnotations')"
|
||||
v-decorator="['p5']"/>
|
||||
</a-form-item>
|
||||
<!--备注-->
|
||||
<a-form-item :label="$t('workCenter.standardInterpretationProcess.notes')" :colon="false">
|
||||
<a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.standardInterpretationProcess.notes')"
|
||||
:maxLength="500"
|
||||
:rows="4"
|
||||
:disabled="disabled"
|
||||
v-decorator="['remarks']" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-spin>
|
||||
</div>
|
||||
|
||||
<div class="custom-drawer-style-bottom-btn">
|
||||
<a-button @click="handleCancel">{{ $t('cancel') }}</a-button>
|
||||
<a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{ $t('submit') }}</a-button>
|
||||
</div>
|
||||
</a-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'InterpretationClauseTableModal',
|
||||
data () {
|
||||
return {
|
||||
title: this.$t('close'),
|
||||
width: 900,
|
||||
disabled: false,
|
||||
visible: false,
|
||||
confirmLoading: false,
|
||||
form: this.$form.createForm(this),
|
||||
model: {},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 4 }
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 20 }
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add () {
|
||||
this.edit()
|
||||
},
|
||||
edit (record) {
|
||||
this.form.resetFields()
|
||||
this.model = Object.assign({}, record)
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.form.setFieldsValue(this.model)
|
||||
})
|
||||
},
|
||||
close () {
|
||||
this.visible = false
|
||||
},
|
||||
handleSubmit () {
|
||||
this.form.validateFields((err, values) => {
|
||||
if (!err) {
|
||||
const formData = Object.assign(this.model, values)
|
||||
this.$emit('ok', formData)
|
||||
this.close()
|
||||
}
|
||||
})
|
||||
},
|
||||
handleCancel () {
|
||||
this.close()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import '~@assets/less/common.less';
|
||||
.custom-drawer-style-scroll {
|
||||
/deep/ .ant-form-item-label {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user