【add】标准主计划
This commit is contained in:
danshihao
@@ -94,6 +94,13 @@ const getProfileCenterTree = (params) => getAction('/laws/dataCenter/lawsDataCen
|
|||||||
// 通过标准号获取信息
|
// 通过标准号获取信息
|
||||||
const getStandardInfoByStandardNumber = (params) => getAction('/laws/standard/common/getInfoByStandardNo', params)
|
const getStandardInfoByStandardNumber = (params) => getAction('/laws/standard/common/getInfoByStandardNo', params)
|
||||||
|
|
||||||
|
// 标准主计划-通过id查询
|
||||||
|
const getStandardMasterPlanById = (params) => getAction('/laws/StandardMasterPlan/queryDetails', params)
|
||||||
|
// 标准主计划-新增
|
||||||
|
const addStandardMasterPlan = (params) => postAction('/laws/StandardMasterPlan/add', params)
|
||||||
|
// 标准主计划-编辑
|
||||||
|
const editStandardMasterPlan = (params) => postAction('/laws/StandardMasterPlan/edit', params)
|
||||||
|
|
||||||
export {
|
export {
|
||||||
// 国内标准
|
// 国内标准
|
||||||
getDomesticStandardSearchForm,
|
getDomesticStandardSearchForm,
|
||||||
@@ -146,5 +153,10 @@ export {
|
|||||||
deleteProfileCenterTree,
|
deleteProfileCenterTree,
|
||||||
getProfileCenterTree,
|
getProfileCenterTree,
|
||||||
|
|
||||||
getStandardInfoByStandardNumber
|
getStandardInfoByStandardNumber,
|
||||||
|
|
||||||
|
// 标准主计划
|
||||||
|
getStandardMasterPlanById,
|
||||||
|
addStandardMasterPlan,
|
||||||
|
editStandardMasterPlan
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -81,5 +81,30 @@ module.exports = {
|
|||||||
listDeclaration: '清单说明',
|
listDeclaration: '清单说明',
|
||||||
templateName: '市场法规清单导入模版',
|
templateName: '市场法规清单导入模版',
|
||||||
|
|
||||||
|
},
|
||||||
|
// 标准主计划
|
||||||
|
standardMasterPlan: {
|
||||||
|
standardNumber: '标准编号',
|
||||||
|
standardName: '标准名称',
|
||||||
|
standardStatus: '标准状态',
|
||||||
|
applicableMarket: '适用市场',
|
||||||
|
informationInput: '信息输入',
|
||||||
|
textStorage: '文本入库',
|
||||||
|
importNotification: '导入通知',
|
||||||
|
interpretationOfRegulations: '法规解读',
|
||||||
|
regulatoryPromotion: '法规宣贯',
|
||||||
|
marketRegulationListUpdate: '市场法规清单更新',
|
||||||
|
regulatoryComplianceInvestigation: '法规符合性排查',
|
||||||
|
generalDocumentRectificationPlan: '通用文件整改计划',
|
||||||
|
vehicleModelRectification: '车型整改',
|
||||||
|
isItRelatedTo: '是否涉及',
|
||||||
|
responsiblePerson: '责任人',
|
||||||
|
plannedCompletionDate: '计划完成日期',
|
||||||
|
actualFinishingDate: '实际完成日期',
|
||||||
|
deliverables: '交付物',
|
||||||
|
pcrNumber: 'PCR编号',
|
||||||
|
rectifyFinishingDate: '整改完成日期',
|
||||||
|
viewMarketList: '查看市场清单',
|
||||||
|
viewTroubleshootingResults: '查看排查结果'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,148 @@
|
|||||||
|
<template>
|
||||||
|
<a-card :bordered="false">
|
||||||
|
|
||||||
|
<div class="table-page-search-wrapper">
|
||||||
|
<a-form layout="inline" @keyup.enter.native="searchQuery" :labelCol="{span: 6}" :wrapperCol="{span: 16}">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :md="6" :sm="8">
|
||||||
|
<a-form-item :label="$t('standardNumber')">
|
||||||
|
<j-input :placeholder="$t('pleaseEnter')+$t('standardNumber')"
|
||||||
|
v-model="queryParam.standardNumber"></j-input>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="6" :sm="8">
|
||||||
|
<a-form-item :label="$t('standardName')">
|
||||||
|
<j-input :placeholder="$t('pleaseEnter')+$t('standardName')"
|
||||||
|
v-model="queryParam.standardName"></j-input>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="6" :sm="8">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.applicableMarket')">
|
||||||
|
<j-dict-select-tag v-model="queryParam.applicableMarket"
|
||||||
|
:placeholder="$t('pleaseEnter')+$t('standardRegulationLibrary.standardMasterPlan.applicableMarket')"/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
|
<a-col :md="6" :sm="8">
|
||||||
|
<a-button type="primary" @click="searchQuery" icon="search">{{ $t('query') }}</a-button>
|
||||||
|
<a-button type="primary" @click="searchReset" ghost icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
|
||||||
|
</a-col>
|
||||||
|
</div>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
<div class="table-operator" style="border-top: 5px">
|
||||||
|
<a-button @click="handleAdd" type="primary" icon="plus" v-has="'sys:dict:operation'">{{ $t('add') }}</a-button>
|
||||||
|
<a-button type="primary" icon="upload" ghost @click="handleExportXls($t('dict.dictInfo'))"
|
||||||
|
v-has="'sys:dict:operation'">{{ $t('export') }}
|
||||||
|
</a-button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<j-table
|
||||||
|
rowKey="id"
|
||||||
|
can-drag
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:scroll="{x: '100%', y: yScrollHeight}"
|
||||||
|
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
||||||
|
:operation-list="operationList"
|
||||||
|
@change="handleTableChange"
|
||||||
|
@operationClick="operationClick"
|
||||||
|
>
|
||||||
|
</j-table>
|
||||||
|
<!-- 新增编辑弹框 -->
|
||||||
|
<standard-master-plan-modal ref="modalForm" @ok="modalFormOk"/>
|
||||||
|
</a-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import JTable from '@comp/jero/JTable'
|
||||||
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||||
|
import StandardMasterPlanModal
|
||||||
|
from '@views/standardRegulationLibrary/standardMasterPlan/modules/StandardMasterPlanModal'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'StandardMasterPlanList',
|
||||||
|
mixins: [JeroListMixin],
|
||||||
|
components: { StandardMasterPlanModal, JTable },
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: this.$t('serialNumber'),
|
||||||
|
dataIndex: '',
|
||||||
|
key: 'rowIndex',
|
||||||
|
width: 60,
|
||||||
|
align: 'center',
|
||||||
|
customRender: function (t, r, index) {
|
||||||
|
return parseInt(index) + 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ // 标准编号
|
||||||
|
title: this.$t('standardRegulationLibrary.standardMasterPlan.standardNumber'),
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'standardNumber',
|
||||||
|
width: 200,
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 标准名称
|
||||||
|
title: this.$t('standardRegulationLibrary.standardMasterPlan.standardName'),
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'standardName',
|
||||||
|
width: 200,
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 标准状态
|
||||||
|
title: this.$t('standardRegulationLibrary.standardMasterPlan.standardStatus'),
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'standardState_dictText',
|
||||||
|
width: 100,
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 适用市场
|
||||||
|
title: this.$t('standardRegulationLibrary.standardMasterPlan.applicableMarket'),
|
||||||
|
align: 'center',
|
||||||
|
dataIndex: 'applicableMarket',
|
||||||
|
width: 100,
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('operation'),
|
||||||
|
scopedSlots: { customRender: 'action' },
|
||||||
|
align: 'center',
|
||||||
|
width: 100
|
||||||
|
}
|
||||||
|
],
|
||||||
|
operationList: [
|
||||||
|
// 编辑
|
||||||
|
{
|
||||||
|
text: this.$t('edit'),
|
||||||
|
clickEvent: 'handleEdit',
|
||||||
|
has: ''
|
||||||
|
},
|
||||||
|
// 查看
|
||||||
|
{
|
||||||
|
text: this.$t('view'),
|
||||||
|
clickEvent: 'handleShow',
|
||||||
|
has: ''
|
||||||
|
}
|
||||||
|
],
|
||||||
|
url: {
|
||||||
|
list: '/laws/StandardMasterPlan/queryByPage'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleShow (record) {
|
||||||
|
this.$refs.modalForm.view(record)
|
||||||
|
this.$refs.modalForm.title = this.$t('view')
|
||||||
|
this.$refs.modalForm.disableSubmit = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
+834
@@ -0,0 +1,834 @@
|
|||||||
|
<template>
|
||||||
|
<a-drawer
|
||||||
|
:title="title"
|
||||||
|
:maskClosable="false"
|
||||||
|
:width="800"
|
||||||
|
placement="right"
|
||||||
|
:closable="true"
|
||||||
|
@close="handleCancel"
|
||||||
|
:visible="visible"
|
||||||
|
class="custom-drawer-style">
|
||||||
|
<div class="custom-drawer-style-scroll">
|
||||||
|
<a-spin :spinning="confirmLoading" style="width: 100%;height:100%">
|
||||||
|
<div class="table-page-search-wrapper">
|
||||||
|
<a-form :form="form" :labelCol="{span: 8}" :wrapperCol="{span: 14}" class="form-add">
|
||||||
|
<div class="form-box" v-show="!isShow">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="12">
|
||||||
|
<!-- 标准编号 -->
|
||||||
|
<a-form-item :label="$t('standardSelect.standardName')">
|
||||||
|
<standard-selection :placeholder="$t('pleaseSelect') + $t('standardSelect.standardNumber')"
|
||||||
|
type="radio"
|
||||||
|
:can-selected-source="[StandardSource.DOMESTIC.value, StandardSource.OVERSEAS.value]"
|
||||||
|
@listChange="handleStandardNumberListChange"
|
||||||
|
:select-only="true"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
v-decorator="['base.standardNumber', validatorRules.standardNumber]" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<!-- 适用市场 -->
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.applicableMarket')">
|
||||||
|
<a-select :placeholder="$t('pleaseSelect') + $t('standardRegulationLibrary.standardMasterPlan.applicableMarket')"
|
||||||
|
allowClear
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
v-decorator="['base.applicableMarket', validatorRules.applicableMarket]">
|
||||||
|
<a-select-option v-for="item in applicableMarketList" :value="item.value" :key="item.value">{{ item }}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<!-- 标准名称 -->
|
||||||
|
<a-form-item :label="$t('standardSelect.standardName')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter') + $t('standardSelect.standardName')"
|
||||||
|
:maxLength="50"
|
||||||
|
disabled
|
||||||
|
v-decorator="['base.standardName', validatorRules.standardName]" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<!-- 标准状态 -->
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.standardStatus')">
|
||||||
|
<j-dict-select-tag style="width: 100%" disabled
|
||||||
|
v-decorator="['base.standardStatus', validatorRules.standardStatus]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.standardStatus')"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--信息输入-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.informationInput')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- 是否涉及 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')">
|
||||||
|
<j-dict-select-tag style="width: 100%"
|
||||||
|
dict-code="yn"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
@change="handleChangeInfoInputIsInvolved"
|
||||||
|
v-decorator="['data[0].isInvolved', validatorRules.isInvolved]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[0].responsiblePerson', infoInputValidatorRules.responsiblePerson]"
|
||||||
|
filedName="0,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[0].responsiblePerson_dictText"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
type="radio" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[0].plannedCompletionDate', infoInputValidatorRules.plannedCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[0].actualCompletionDate', infoInputValidatorRules.actualCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 交付物 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.deliverables')">
|
||||||
|
<j-upload v-decorator="['data[0].deliverableFileId', validatorRules.deliverableFileId]" return-id multiple
|
||||||
|
:disabled="disableSubmit" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--文本入库-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.textStorage')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[1].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="1,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[1].responsiblePerson_dictText"
|
||||||
|
type="radio" disabled/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[1].actualCompletionDate', validatorRules.actualCompletionDate]"
|
||||||
|
style="width: 100%" disabled/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--导入通知-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.importNotification')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- 是否涉及 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')">
|
||||||
|
<j-dict-select-tag style="width: 100%"
|
||||||
|
dict-code="yn"
|
||||||
|
v-decorator="['data[2].isInvolved', validatorRules.isInvolved]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[2].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="2,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[2].responsiblePerson_dictText"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
type="radio" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[2].plannedCompletionDate', validatorRules.plannedCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[2].actualCompletionDate', validatorRules.actualCompletionDate]"
|
||||||
|
style="width: 100%" disabled/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 交付物 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.deliverables')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter')+$t('standardRegulationLibrary.standardMasterPlan.deliverables')"
|
||||||
|
:maxLength="50" disabled
|
||||||
|
v-decorator="['data[2].deliverableFileId']" />
|
||||||
|
<!--<j-upload v-decorator="['data[2].deliverableFileId', validatorRules.deliverableFileId]" return-id multiple />-->
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--法规解读-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.interpretationOfRegulations')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- 是否涉及 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')">
|
||||||
|
<j-dict-select-tag style="width: 100%"
|
||||||
|
dict-code="yn"
|
||||||
|
v-decorator="['data[3].isInvolved', validatorRules.isInvolved]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[3].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="3,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[3].responsiblePerson_dictText"
|
||||||
|
type="radio" disabled/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[3].plannedCompletionDate', validatorRules.plannedCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[3].actualCompletionDate', validatorRules.actualCompletionDate]"
|
||||||
|
style="width: 100%" disabled/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 交付物 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.deliverables')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter')+$t('standardRegulationLibrary.standardMasterPlan.deliverables')"
|
||||||
|
:maxLength="50" disabled
|
||||||
|
v-decorator="['data[3].deliverableFileId']" />
|
||||||
|
<!--<j-upload v-decorator="['data[3].deliverableFileId', validatorRules.deliverableFileId]" return-id multiple />-->
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--法规宣贯-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.regulatoryPromotion')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- 是否涉及 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')">
|
||||||
|
<j-dict-select-tag style="width: 100%"
|
||||||
|
dict-code="yn"
|
||||||
|
v-decorator="['data[4].isInvolved', validatorRules.isInvolved]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[4].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="4,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[4].responsiblePerson_dictText"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
type="radio" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[4].plannedCompletionDate', validatorRules.plannedCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[4].actualCompletionDate', validatorRules.actualCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 交付物 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.deliverables')">
|
||||||
|
<j-upload v-decorator="['data[4].deliverableFileId']" return-id multiple
|
||||||
|
:disabled="disableSubmit" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--市场法规清单更新-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.marketRegulationListUpdate')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- 是否涉及 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')">
|
||||||
|
<j-dict-select-tag style="width: 100%"
|
||||||
|
dict-code="yn"
|
||||||
|
v-decorator="['data[5].isInvolved', validatorRules.isInvolved]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[5].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="5,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[5].responsiblePerson_dictText"
|
||||||
|
type="radio" disabled />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[5].plannedCompletionDate', validatorRules.plannedCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[5].actualCompletionDate', validatorRules.actualCompletionDate]"
|
||||||
|
style="width: 100%" disabled/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 交付物 -->
|
||||||
|
<a-col :span="12" v-show="!isShow">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.deliverables')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter')+$t('standardRegulationLibrary.standardMasterPlan.deliverables')"
|
||||||
|
:maxLength="50" disabled
|
||||||
|
v-decorator="['data[5].deliverableFileId']" />
|
||||||
|
<!--<j-upload v-decorator="['data[5].deliverableFileId', validatorRules.deliverableFileId]" return-id multiple />-->
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 查看市场清单 -->
|
||||||
|
<a-col :span="12" :offset="12" v-show="isShow">
|
||||||
|
<a-form-item :wrapper-col="{span:22}">
|
||||||
|
<div style="text-align: right">
|
||||||
|
<a-button type="primary" @click="handleViewMarketList">{{ $t('standardRegulationLibrary.standardMasterPlan.viewMarketList') }}</a-button>
|
||||||
|
</div>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--法规符合性排查-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.regulatoryComplianceInvestigation')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- 是否涉及 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')">
|
||||||
|
<j-dict-select-tag style="width: 100%"
|
||||||
|
dict-code="yn"
|
||||||
|
v-decorator="['data[6].isInvolved', validatorRules.isInvolved]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[6].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="6,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[6].responsiblePerson_dictText"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
type="radio" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[6].plannedCompletionDate', validatorRules.plannedCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[6].actualCompletionDate', validatorRules.actualCompletionDate]"
|
||||||
|
style="width: 100%" disabled/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 交付物 -->
|
||||||
|
<a-col :span="12" v-show="!isShow">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.deliverables')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter')+$t('standardRegulationLibrary.standardMasterPlan.deliverables')"
|
||||||
|
:maxLength="50" disabled
|
||||||
|
v-decorator="['data[6].deliverableFileId']" />
|
||||||
|
<!--<j-upload v-decorator="['data[6].deliverableFileId', validatorRules.deliverableFileId]" return-id multiple />-->
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 查看排查结果 -->
|
||||||
|
<a-col :span="12" :offset="12" v-show="isShow">
|
||||||
|
<a-form-item :wrapper-col="{span:22}">
|
||||||
|
<div style="text-align: right">
|
||||||
|
<a-button type="primary" @click="handleViewTroubleshootingResults">{{ $t('standardRegulationLibrary.standardMasterPlan.viewTroubleshootingResults') }}</a-button>
|
||||||
|
</div>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--通用文件整改计划-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.generalDocumentRectificationPlan')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- 是否涉及 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')">
|
||||||
|
<j-dict-select-tag style="width: 100%"
|
||||||
|
dict-code="yn"
|
||||||
|
v-decorator="['data[7].isInvolved', validatorRules.isInvolved]"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo')"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
:triggerChange="false" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[7].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="7,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[7].responsiblePerson_dictText"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
type="radio" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[7].plannedCompletionDate', validatorRules.plannedCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 实际完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[7].actualCompletionDate', validatorRules.actualCompletionDate]"
|
||||||
|
:disabled="disableSubmit"
|
||||||
|
style="width: 100%" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 交付物 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.deliverables')">
|
||||||
|
<j-upload v-decorator="['data[7].deliverableFileId']" return-id multiple
|
||||||
|
:disabled="disableSubmit" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<!--车型整改-->
|
||||||
|
<div class="header-text">{{$t('standardRegulationLibrary.standardMasterPlan.vehicleModelRectification')}}</div>
|
||||||
|
<div class="form-box">
|
||||||
|
<a-row type="flex">
|
||||||
|
<!-- PCR编号 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.pcrNumber')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter')+$t('standardSelect.standardName')"
|
||||||
|
:maxLength="50" disabled
|
||||||
|
v-decorator="['data[8].pcrCode', validatorRules.pcrCode]" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 责任人 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson')"
|
||||||
|
v-decorator="['data[8].responsiblePerson', validatorRules.responsiblePerson]"
|
||||||
|
filedName="8,responsiblePerson"
|
||||||
|
@nameChange="userSelectNameChange"
|
||||||
|
:nameStr="data[8].responsiblePerson_dictText"
|
||||||
|
type="radio" disabled />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<!-- 整改完成日期 -->
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-item :label="$t('standardRegulationLibrary.standardMasterPlan.rectifyFinishingDate')">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('standardRegulationLibrary.standardMasterPlan.rectifyFinishingDate')"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['data[8].completionAccomplishDate', validatorRules.completionAccomplishDate]"
|
||||||
|
style="width: 100%" disabled />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
</a-spin>
|
||||||
|
</div>
|
||||||
|
<div class="custom-drawer-style-bottom-btn">
|
||||||
|
<a-button @click="handleCancel">{{ $t('cancel') }}</a-button>
|
||||||
|
<a-button v-if="!disableSubmit" @click="handleSubmit" type="primary" :loading="confirmLoading">{{ $t('submit') }}</a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import StandardSelection from '@comp/selection/StandardSelection'
|
||||||
|
import { StandardSource, YesOrNoEnum } from '@/enums/commonEnums'
|
||||||
|
import UserSelection from '@comp/selection/UserSelection'
|
||||||
|
import {
|
||||||
|
addStandardMasterPlan,
|
||||||
|
editStandardMasterPlan,
|
||||||
|
getStandardMasterPlanById
|
||||||
|
} from '@api/standardRegulationLibraryApi'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'StandardMasterPlanModal',
|
||||||
|
components: { UserSelection, StandardSelection },
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
StandardSource,
|
||||||
|
title: '',
|
||||||
|
visible: false,
|
||||||
|
confirmLoading: false,
|
||||||
|
form: this.$form.createForm(this),
|
||||||
|
disableSubmit: false,
|
||||||
|
model: {},
|
||||||
|
// 默认9个对象，type 1：信息输入 2：文本入库 3：导入通知 4：法规解读 5：法规宣贯 6：市场法规清单更新 7：法规符合性排查 8：通用文件整改计划 9：车型整改
|
||||||
|
data: new Array(9).fill(0).map((_, i) => ({ type: i + 1 })),
|
||||||
|
modelType: '',
|
||||||
|
validatorRules: {
|
||||||
|
// 标准编号
|
||||||
|
standardNumber: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('standardRegulationLibrary.standardMasterPlan.standardNumber') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 适用市场
|
||||||
|
applicableMarket: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('standardRegulationLibrary.standardMasterPlan.standardNumber') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 标准名称
|
||||||
|
standardName: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('standardRegulationLibrary.standardMasterPlan.standardName') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 标准状态
|
||||||
|
standardStatus: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('standardRegulationLibrary.standardMasterPlan.standardStatus') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 是否涉及
|
||||||
|
isInvolved: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('standardRegulationLibrary.standardMasterPlan.isItRelatedTo') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 交付物
|
||||||
|
deliverableFileId: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('standardRegulationLibrary.standardMasterPlan.deliverables') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 适用市场下拉菜单
|
||||||
|
applicableMarketList: [],
|
||||||
|
// 信息输入是否涉及，控制必填
|
||||||
|
infoInputIsInvolved: false,
|
||||||
|
// 信息输入验证规则
|
||||||
|
infoInputValidatorRules: {
|
||||||
|
// 负责人
|
||||||
|
responsiblePerson: {
|
||||||
|
rules: [
|
||||||
|
{ required: false, message: this.$t('standardRegulationLibrary.standardMasterPlan.responsiblePerson') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 计划完成日期
|
||||||
|
plannedCompletionDate: {
|
||||||
|
rules: [
|
||||||
|
{ required: false, message: this.$t('standardRegulationLibrary.standardMasterPlan.plannedCompletionDate') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 实际完成日期
|
||||||
|
actualCompletionDate: {
|
||||||
|
rules: [
|
||||||
|
{ required: false, message: this.$t('standardRegulationLibrary.standardMasterPlan.actualFinishingDate') + this.$t('cannotEmpty') }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// 是否查看
|
||||||
|
isShow () {
|
||||||
|
return this.modelType === 'view'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
// 获取适用市场下拉菜单
|
||||||
|
this.loadApplicableMarketList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取适用市场下拉菜单
|
||||||
|
loadApplicableMarketList () {
|
||||||
|
this.applicableMarketList = []
|
||||||
|
// TODO 暂无清单接口
|
||||||
|
},
|
||||||
|
add () {
|
||||||
|
this.visible = true
|
||||||
|
this.modelType = 'add'
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.form.setFieldsValue({
|
||||||
|
base: this.model,
|
||||||
|
data: [
|
||||||
|
// 信息输入是否涉及默认否
|
||||||
|
{ isInvolved: YesOrNoEnum.NO.value },
|
||||||
|
...this.data.slice(1)
|
||||||
|
]
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
edit (record) {
|
||||||
|
this.model = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
this.modelType = 'edit'
|
||||||
|
this.loadData()
|
||||||
|
},
|
||||||
|
view (record) {
|
||||||
|
this.model = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
this.modelType = 'view'
|
||||||
|
this.loadData()
|
||||||
|
},
|
||||||
|
loadData () {
|
||||||
|
this.confirmLoading = true
|
||||||
|
getStandardMasterPlanById({ id: this.model.id }).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.model = res.result.lawsStandardMasterPlan
|
||||||
|
this.data = res.result.lawsStandardMasterPlanSublistList
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.form.setFieldsValue({
|
||||||
|
base: this.model,
|
||||||
|
data: this.data
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.message)
|
||||||
|
}
|
||||||
|
}).finally(() => {
|
||||||
|
this.confirmLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.form.resetFields()
|
||||||
|
this.model = {}
|
||||||
|
this.data = new Array(9).fill(0).map((_, i) => ({ type: i + 1 }))
|
||||||
|
this.modelType = ''
|
||||||
|
this.disableSubmit = false
|
||||||
|
this.infoInputIsInvolved = false
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
handleSubmit () {
|
||||||
|
this.form.validateFields((err, values) => {
|
||||||
|
if (!err) {
|
||||||
|
const params = {}
|
||||||
|
params.lawsStandardMasterPlan = Object.assign({}, this.model, values.base)
|
||||||
|
params.lawsStandardMasterPlanSublistList = this.data.map((_, index) => {
|
||||||
|
const result = Object.assign({}, _, values.data[index])
|
||||||
|
if (!result.type) {
|
||||||
|
result.type = index + 1
|
||||||
|
}
|
||||||
|
return result
|
||||||
|
})
|
||||||
|
console.log(params)
|
||||||
|
// return
|
||||||
|
const fn = this.model.id ? editStandardMasterPlan : addStandardMasterPlan
|
||||||
|
this.confirmLoading = true
|
||||||
|
fn(params).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.$message.success(res.message)
|
||||||
|
this.$emit('ok')
|
||||||
|
this.close()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.message)
|
||||||
|
}
|
||||||
|
}).finally(() => {
|
||||||
|
this.confirmLoading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 选择标准编号，回显标准名称和标准状态
|
||||||
|
*/
|
||||||
|
handleStandardNumberListChange (list) {
|
||||||
|
const { standardName, standardState } = list[0]
|
||||||
|
this.form.setFieldsValue({ standardName, standardState })
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 选择用户得到用户名
|
||||||
|
* @description data是数组，所以用逗号分隔，第一段是下标，第二段是字段名
|
||||||
|
* @param value - 选择的用户名字
|
||||||
|
* @param fieldName - 字段名 格式：0, name，就会找到this.data[0].name
|
||||||
|
*/
|
||||||
|
userSelectNameChange (value, fieldName) {
|
||||||
|
console.log(value, fieldName)
|
||||||
|
const [index, field] = fieldName.split(',')
|
||||||
|
this.data[index][field + '_dictText'] = value
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 查看市场清单
|
||||||
|
*/
|
||||||
|
handleViewMarketList () {
|
||||||
|
console.log('查看市场清单')
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 查看排查结果
|
||||||
|
*/
|
||||||
|
handleViewTroubleshootingResults () {
|
||||||
|
console.log('查看排查结果')
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 信息输入-是否涉及改变
|
||||||
|
*/
|
||||||
|
handleChangeInfoInputIsInvolved (val) {
|
||||||
|
if (val + '' === YesOrNoEnum.YES.value) {
|
||||||
|
this.infoInputIsInvolved = true
|
||||||
|
} else {
|
||||||
|
this.infoInputIsInvolved = false
|
||||||
|
}
|
||||||
|
// 控制必填
|
||||||
|
this.infoInputValidatorRules.responsiblePerson.rules[0].required = this.infoInputIsInvolved
|
||||||
|
this.infoInputValidatorRules.plannedCompletionDate.rules[0].required = this.infoInputIsInvolved
|
||||||
|
this.infoInputValidatorRules.actualCompletionDate.rules[0].required = this.infoInputIsInvolved
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user