FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
zhutianqi
2021-12-09 16:29:47 +08:00
parent 77dd6a9f7d
commit 16981a3bff
1 changed files with 179 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/bzjd/step3.vue
+179 -53
View File
@@ -172,11 +172,11 @@
width="200" width="200"
label="核心技术要求" label="核心技术要求"
align="center"> align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<div class="el-input"> <!-- <div class="el-input">-->
<input class="el-input__inner" type="text" v-model.lazy="scope.row.technicalRequir" placeholder="请输入核心技术要求" maxlength="500"> <!-- <input class="el-input__inner" type="text" v-model.lazy="scope.row.technicalRequir" placeholder="请输入核心技术要求" maxlength="500">-->
</div> <!-- </div>-->
</template> <!-- </template>-->
</el-table-column> </el-table-column>
<el-table-column <el-table-column
:disabled="acceptShow" :disabled="acceptShow"
@@ -185,11 +185,11 @@
v-if="form.itemsNum1" v-if="form.itemsNum1"
label="基于上一版本差异" label="基于上一版本差异"
align="center"> align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<div class="el-input"> <!-- <div class="el-input">-->
<input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入基于上一版本差异" maxlength="500"> <!-- <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入基于上一版本差异" maxlength="500">-->
</div> <!-- </div>-->
</template> <!-- </template>-->
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="sarType === 'FOREIGN' && form.itemsNum1" v-if="sarType === 'FOREIGN' && form.itemsNum1"
@@ -197,11 +197,11 @@
width="150" width="150"
label="相对于国行标差异点" label="相对于国行标差异点"
align="center"> align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<div class="el-input"> <!-- <div class="el-input">-->
<input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入相对于国行标差异点" maxlength="500" > <!-- <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入相对于国行标差异点" maxlength="500" >-->
</div> <!-- </div>-->
</template> <!-- </template>-->
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="complianceRequir" prop="complianceRequir"
@@ -209,7 +209,8 @@
label="符合项状态" label="符合项状态"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<My-select :disabled="acceptShow" v-model="scope.row.complianceRequir" :options="fhList"></My-select> {{ scope.row.complianceRequir === '1' ? '符合' : '不符合' }}
<!-- <My-select :disabled="acceptShow" v-model="scope.row.complianceRequir" :options="fhList"></My-select>-->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -217,51 +218,51 @@
width="200" width="200"
label="合规性分析" label="合规性分析"
align="center"> align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<div class="el-input"> <!-- <div class="el-input">-->
<input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.complianceState" placeholder="请输入合规性分析" maxlength="500"> <!-- <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.complianceState" placeholder="请输入合规性分析" maxlength="500">-->
</div> <!-- </div>-->
</template> <!-- </template>-->
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="newData" prop="newData"
width="180" width="180"
label="新车型实施日期" label="新车型实施日期"
align="center"> align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<el-date-picker <!-- <el-date-picker-->
:disabled="acceptShow" <!-- :disabled="acceptShow"-->
v-model.lazy="scope.row.newData" <!-- v-model.lazy="scope.row.newData"-->
type="date" <!-- type="date"-->
placeholder="选择新车型实施日期"> <!-- placeholder="选择新车型实施日期">-->
</el-date-picker> <!-- </el-date-picker>-->
</template> <!-- </template>-->
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="onlineData" prop="onlineData"
width="180" width="180"
label="在产车型实施日期" label="在产车型实施日期"
align="center"> align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<el-date-picker <!-- <el-date-picker-->
:disabled="acceptShow" <!-- :disabled="acceptShow"-->
v-model.lazy="scope.row.onlineData" <!-- v-model.lazy="scope.row.onlineData"-->
type="date" <!-- type="date"-->
placeholder="选择新车型实施日期"> <!-- placeholder="选择新车型实施日期">-->
</el-date-picker> <!-- </el-date-picker>-->
</template> <!-- </template>-->
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="applyArctic" prop="applyArctic"
width="200" width="200"
label="适用车型" label="适用车型"
align="center"> align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<el-select multiple v-model.lazy="scope.row.applyArctic"> <!-- <el-select multiple v-model.lazy="scope.row.applyArctic">-->
<el-option v-for="(item,index) in cxList" :value="item.label" :label="item.label" :key="index"></el-option> <!-- <el-option v-for="(item,index) in cxList" :value="item.label" :label="item.label" :key="index"></el-option>-->
</el-select> <!-- </el-select>-->
<!-- <My-select :disabled="acceptShow" v-model="scope.row.applyArctic" :options="cxList"></My-select>--> <!--&lt;!&ndash; <My-select :disabled="acceptShow" v-model="scope.row.applyArctic" :options="cxList"></My-select>&ndash;&gt;-->
</template> <!-- </template>-->
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="unitDeptName" prop="unitDeptName"
@@ -275,6 +276,14 @@
prop="zrUserIdName" prop="zrUserIdName"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column
label="操作"
width="150"
align="center">
<template slot-scope="scope">
<el-button class="common-button-primary" size="mini" type="primary" @click="itemEdit(scope.row)">编辑</el-button>
</template>
</el-table-column>
</el-table> </el-table>
<el-collapse accordion> <el-collapse accordion>
<el-collapse-item title="回执说明"> <el-collapse-item title="回执说明">
@@ -413,18 +422,26 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="新车型实施日期" prop="newData" class="add-form-item" > <el-form-item label="新车型实施日期" prop="newData" class="add-form-item" >
<el-date-picker <!-- <el-date-picker-->
<!-- v-model="plForm.newData"-->
<!-- type="date"-->
<!-- placeholder="选择新车型实施日期">-->
<!-- </el-date-picker>-->
<custom-date-pick-group
:config="plForm"
v-model="plForm.newData" v-model="plForm.newData"
type="date" ></custom-date-pick-group>
placeholder="选择新车型实施日期">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="在产车实施日期" prop="onlineData" class="add-form-item" > <el-form-item label="在产车实施日期" prop="onlineData" class="add-form-item" >
<el-date-picker <!-- <el-date-picker-->
<!-- v-model="plForm.onlineData"-->
<!-- type="date"-->
<!-- placeholder="选择在产车实施日期">-->
<!-- </el-date-picker>-->
<custom-date-pick-group
:config="plForm"
v-model="plForm.onlineData" v-model="plForm.onlineData"
type="date" ></custom-date-pick-group>
placeholder="选择在产车实施日期">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="适用车型" prop="applyArctic" class="add-form-item" > <el-form-item label="适用车型" prop="applyArctic" class="add-form-item" >
<el-select multiple v-model="plForm.applyArctic"> <el-select multiple v-model="plForm.applyArctic">
@@ -438,6 +455,73 @@
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button> <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button>
</div> </div>
</el-drawer> </el-drawer>
<el-drawer
title="编辑"
:visible.sync="modalshowflag2"
:wrapperClosable="false"
size="800px">
<div class="demo-drawer-content">
<el-form :model="editForm" class="label-input-form" ref="plForm" label-width=150>
<el-form-item label="核心技术要求" prop="technicalRequir" class="add-form-item" v-if="!form.itemsNum1">
<el-input
v-model="editForm.technicalRequir"
placeholder="请输入核心技术要求"
maxlength="500"
></el-input>
</el-form-item>
<el-form-item label="国内标准的差异点" prop="changePoint" class="add-form-item" v-if="sarType !== 'INLAND' && form.itemsNum1">
<el-input
v-model="editForm.changePoint"
placeholder="请输入国内标准的差异点"
maxlength="500"
></el-input>
</el-form-item>
<el-form-item label="上一版本差异点" prop="changePoint" class="add-form-item" v-if="sarType === 'INLAND' && form.itemsNum1">
<el-input
v-model="editForm.changePoint"
placeholder="请输入上一版本差异点"
maxlength="500"
></el-input>
</el-form-item>
<el-form-item label="符合性要求" prop="complianceRequir" class="add-form-item" >
<el-select
v-model="editForm.complianceRequir"
placeholder="请选择符合性要求">
<el-option value="1" label="符合"></el-option>
<el-option value="2" label="不符合"></el-option>
</el-select>
</el-form-item>
<el-form-item label="合规性分析" prop="complianceState" class="add-form-item" >
<el-input
v-model="editForm.complianceState"
placeholder="请输入合规性分析"
maxlength="500"
></el-input>
</el-form-item>
<el-form-item label="新车型实施日期" prop="newData" class="add-form-item" >
<custom-date-pick-group
:config="editForm"
v-model="editForm.newData"
></custom-date-pick-group>
</el-form-item>
<el-form-item label="在产车实施日期" prop="onlineData" class="add-form-item" >
<custom-date-pick-group
:config="editForm"
v-model="editForm.onlineData"
></custom-date-pick-group>
</el-form-item>
<el-form-item label="适用车型" prop="applyArctic" class="add-form-item" >
<el-select multiple v-model="editForm.applyArctic">
<el-option v-for="(item,index) in cxList" :value="item.label" :label="item.label" :key="index"></el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div id="roleFormButton3" class="demo-drawer-footer">
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo2">确定</el-button>
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo2">取消</el-button>
</div>
</el-drawer>
<el-dialog <el-dialog
title="查看条款内容" title="查看条款内容"
:visible.sync="itermsConditionsFlag" :visible.sync="itermsConditionsFlag"
@@ -452,6 +536,7 @@
</template> </template>
<script> <script>
import CustomDatePickGroup from '@/components/CustomFormComponents/DatePickerGroup'
import ProcessHeader from '../../components/ProcessHeader' import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter' import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle' import ProcessTitle from '../../components/ProcessTitle'
@@ -462,6 +547,8 @@
name: "bzjdStep3", name: "bzjdStep3",
data() { data() {
return { return {
modalshowflag2: false,
itemId: '',
drawerModal: false, drawerModal: false,
//折叠的标志，true为折叠，false为不折叠 //折叠的标志，true为折叠，false为不折叠
foldFormFlag: false, foldFormFlag: false,
@@ -488,6 +575,15 @@
onlineData: '', // 在产车实施日期 onlineData: '', // 在产车实施日期
applyArctic: '', // 适用车型 applyArctic: '', // 适用车型
}, },
editForm: {
technicalRequir: '', // 核心技术要求
changePoint: '', // 国内标准的差异点
complianceRequir: '1', // 符合性要求
complianceState: '', // 合规性分析
newData: '', // 新车型实施日期
onlineData: '', // 在产车实施日期
applyArctic: '', // 适用车型
},
modalshowflag: false, modalshowflag: false,
sarType: '', sarType: '',
itemList: [], itemList: [],
@@ -513,11 +609,42 @@
} }
}, },
components: { components: {
CustomDatePickGroup,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
}, },
methods: { methods: {
itemEdit (row) {
this.itemId = row.id
this.modalshowflag2 = true
this.editForm = {
technicalRequir: row.technicalRequir, // 核心技术要求
changePoint: row.changePoint, // 国内标准的差异点
complianceRequir: row.complianceRequir || '1', // 符合性要求
complianceState: row.complianceState, // 合规性分析
newData: row.newData, // 新车型实施日期
onlineData: row.onlineData, // 在产车实施日期
applyArctic: row.applyArctic, // 适用车型
}
},
saveUserInfo2 () {
for( let a = 0; a < this.itemList.length; a++) {
if (this.itemList[a].id === this.itemId) {
this.itemList[a].technicalRequir = this.editForm.technicalRequir
this.itemList[a].changePoint = this.editForm.changePoint
this.itemList[a].complianceRequir = this.editForm.complianceRequir
this.itemList[a].complianceState = this.editForm.complianceState
this.itemList[a].newData = this.editForm.newData
this.itemList[a].onlineData = this.editForm.onlineData
this.itemList[a].applyArctic = this.editForm.applyArctic
}
}
this.modalshowflag2 = false
},
cancleUserInfo2 () {
this.modalshowflag2 = false
},
handleTransfer() { handleTransfer() {
this.drawerModal = true this.drawerModal = true
}, },
@@ -570,7 +697,6 @@
}, e => {}) }, e => {})
}, },
saveUserInfo () { saveUserInfo () {
console.log(this.plForm.applyArctic);
for( let a = 0; a < this.itemList.length; a++) { for( let a = 0; a < this.itemList.length; a++) {
for ( let b = 0; b < this.idList.length; b++) { for ( let b = 0; b < this.idList.length; b++) {
if (this.itemList[a].id === this.idList[b]) { if (this.itemList[a].id === this.idList[b]) {
@@ -755,7 +881,7 @@
item.changePoint = item.changePoint || '' item.changePoint = item.changePoint || ''
item.technicalRequir = item.technicalRequir || '' item.technicalRequir = item.technicalRequir || ''
item.itemsTitle = item.itermsConditions item.itemsTitle = item.itermsConditions
item.applyArctic = item.applyArctic || '' item.applyArctic = item.applyArctic || []
}) })
this.itemList = itemList this.itemList = itemList
this.loading = false this.loading = false