From 16981a3bffa34597786b0f65563c39f49648cd0e Mon Sep 17 00:00:00 2001
From: zhutianqi <ztq_qi@sina.com>
Date: Thu, 9 Dec 2021 16:29:47 +0800
Subject: [PATCH] commit

---
 .../pages/creatProcess/bzjd/step3.vue         | 232 ++++++++++++++----
 1 file changed, 179 insertions(+), 53 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/bzjd/step3.vue b/src/pages/processCenter/pages/creatProcess/bzjd/step3.vue
index 438205f66..62df8a028 100644
--- a/src/pages/processCenter/pages/creatProcess/bzjd/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzjd/step3.vue
@@ -172,11 +172,11 @@
                         width="200"
                         label="核心技术要求"
                         align="center">
-                    <template slot-scope="scope">
-                        <div class="el-input">
-                            <input class="el-input__inner" type="text" v-model.lazy="scope.row.technicalRequir" placeholder="请输入核心技术要求" maxlength="500">
-                        </div>
-                    </template>
+<!--                    <template slot-scope="scope">-->
+<!--                        <div class="el-input">-->
+<!--                            <input class="el-input__inner" type="text" v-model.lazy="scope.row.technicalRequir" placeholder="请输入核心技术要求" maxlength="500">-->
+<!--                        </div>-->
+<!--                    </template>-->
                 </el-table-column>
                 <el-table-column
                         :disabled="acceptShow"
@@ -185,11 +185,11 @@
                         v-if="form.itemsNum1"
                         label="基于上一版本差异"
                         align="center">
-                    <template slot-scope="scope">
-                        <div class="el-input">
-                            <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入基于上一版本差异" maxlength="500">
-                        </div>
-                    </template>
+<!--                    <template slot-scope="scope">-->
+<!--                        <div class="el-input">-->
+<!--                            <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入基于上一版本差异" maxlength="500">-->
+<!--                        </div>-->
+<!--                    </template>-->
                 </el-table-column>
                 <el-table-column
                         v-if="sarType === 'FOREIGN' && form.itemsNum1"
@@ -197,11 +197,11 @@
                         width="150"
                         label="相对于国行标差异点"
                         align="center">
-                    <template slot-scope="scope">
-                        <div class="el-input">
-                            <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入相对于国行标差异点" maxlength="500" >
-                        </div>
-                    </template>
+<!--                    <template slot-scope="scope">-->
+<!--                        <div class="el-input">-->
+<!--                            <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.changePoint" placeholder="请输入相对于国行标差异点" maxlength="500" >-->
+<!--                        </div>-->
+<!--                    </template>-->
                 </el-table-column>
                 <el-table-column
                         prop="complianceRequir"
@@ -209,7 +209,8 @@
                         label="符合项状态"
                         align="center">
                     <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>
                 </el-table-column>
                 <el-table-column
@@ -217,51 +218,51 @@
                         width="200"
                         label="合规性分析"
                         align="center">
-                    <template slot-scope="scope">
-                        <div class="el-input">
-                            <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.complianceState" placeholder="请输入合规性分析" maxlength="500">
-                        </div>
-                    </template>
+<!--                    <template slot-scope="scope">-->
+<!--                        <div class="el-input">-->
+<!--                            <input :disabled="acceptShow" class="el-input__inner" type="text" v-model.lazy="scope.row.complianceState" placeholder="请输入合规性分析" maxlength="500">-->
+<!--                        </div>-->
+<!--                    </template>-->
                 </el-table-column>
                 <el-table-column
                         prop="newData"
                         width="180"
                         label="新车型实施日期"
                         align="center">
-                    <template slot-scope="scope">
-                        <el-date-picker
-                                :disabled="acceptShow"
-                                v-model.lazy="scope.row.newData"
-                                type="date"
-                                placeholder="选择新车型实施日期">
-                        </el-date-picker>
-                    </template>
+<!--                    <template slot-scope="scope">-->
+<!--                        <el-date-picker-->
+<!--                                :disabled="acceptShow"-->
+<!--                                v-model.lazy="scope.row.newData"-->
+<!--                                type="date"-->
+<!--                                placeholder="选择新车型实施日期">-->
+<!--                        </el-date-picker>-->
+<!--                    </template>-->
                 </el-table-column>
                 <el-table-column
                         prop="onlineData"
                         width="180"
                         label="在产车型实施日期"
                         align="center">
-                    <template slot-scope="scope">
-                        <el-date-picker
-                                :disabled="acceptShow"
-                                v-model.lazy="scope.row.onlineData"
-                                type="date"
-                                placeholder="选择新车型实施日期">
-                        </el-date-picker>
-                    </template>
+<!--                    <template slot-scope="scope">-->
+<!--                        <el-date-picker-->
+<!--                                :disabled="acceptShow"-->
+<!--                                v-model.lazy="scope.row.onlineData"-->
+<!--                                type="date"-->
+<!--                                placeholder="选择新车型实施日期">-->
+<!--                        </el-date-picker>-->
+<!--                    </template>-->
                 </el-table-column>
                 <el-table-column
                         prop="applyArctic"
                         width="200"
                         label="适用车型"
                         align="center">
-                    <template slot-scope="scope">
-                        <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-select>
-<!--                        <My-select :disabled="acceptShow" v-model="scope.row.applyArctic" :options="cxList"></My-select>-->
-                    </template>
+<!--                    <template slot-scope="scope">-->
+<!--                        <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-select>-->
+<!--&lt;!&ndash;                        <My-select :disabled="acceptShow" v-model="scope.row.applyArctic" :options="cxList"></My-select>&ndash;&gt;-->
+<!--                    </template>-->
                 </el-table-column>
                 <el-table-column
                         prop="unitDeptName"
@@ -275,6 +276,14 @@
                         prop="zrUserIdName"
                         align="center">
                 </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-collapse accordion>
                 <el-collapse-item title="回执说明">
@@ -413,18 +422,26 @@
                         ></el-input>
                     </el-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"
-                                type="date"
-                                placeholder="选择新车型实施日期">
-                        </el-date-picker>
+                        ></custom-date-pick-group>
                     </el-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"
-                                type="date"
-                                placeholder="选择在产车实施日期">
-                        </el-date-picker>
+                        ></custom-date-pick-group>
                     </el-form-item>
                     <el-form-item label="适用车型" prop="applyArctic" class="add-form-item" >
                         <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>
             </div>
         </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
                 title="查看条款内容"
                 :visible.sync="itermsConditionsFlag"
@@ -452,6 +536,7 @@
 </template>
 
 <script>
+    import CustomDatePickGroup from '@/components/CustomFormComponents/DatePickerGroup'
     import ProcessHeader from '../../components/ProcessHeader'
     import ProcessFooter from '../../components/ProcessFooter'
     import ProcessTitle from '../../components/ProcessTitle'
@@ -462,6 +547,8 @@
         name: "bzjdStep3",
         data() {
             return {
+                modalshowflag2: false,
+                itemId: '',
                 drawerModal: false,
                 //折叠的标志，true为折叠，false为不折叠
                 foldFormFlag: false,
@@ -488,6 +575,15 @@
                     onlineData: '', // 在产车实施日期
                     applyArctic: '', // 适用车型
                 },
+                editForm: {
+                    technicalRequir: '', // 核心技术要求
+                    changePoint: '', // 国内标准的差异点
+                    complianceRequir: '1', // 符合性要求
+                    complianceState: '', // 合规性分析
+                    newData: '', // 新车型实施日期
+                    onlineData: '', // 在产车实施日期
+                    applyArctic: '', // 适用车型
+                },
                 modalshowflag: false,
                 sarType: '',
                 itemList: [],
@@ -513,11 +609,42 @@
             }
         },
         components: {
+            CustomDatePickGroup,
             ProcessHeader,
             ProcessFooter,
             ProcessTitle
         },
         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() {
                 this.drawerModal = true
             },
@@ -570,7 +697,6 @@
                 }, e => {})
             },
             saveUserInfo () {
-                console.log(this.plForm.applyArctic);
                 for( let a = 0; a < this.itemList.length; a++) {
                     for ( let b = 0; b < this.idList.length; b++) {
                         if (this.itemList[a].id === this.idList[b]) {
@@ -755,7 +881,7 @@
                             item.changePoint = item.changePoint || ''
                             item.technicalRequir = item.technicalRequir || ''
                             item.itemsTitle = item.itermsConditions
-                            item.applyArctic = item.applyArctic || ''
+                            item.applyArctic = item.applyArctic || []
                         })
                         this.itemList = itemList
                         this.loading = false