From ef4e46f182aee6253805e66286dee847c573cbde Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期三, 22 五月 2024 17:18:34 +0800
Subject: [PATCH] 完成原材料、产品检验、过程检,包装检键盘切换输入框

---
 src/views/quality/processInspect/processInspect-form.vue |  798 +++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 638 insertions(+), 160 deletions(-)

diff --git a/src/views/quality/processInspect/processInspect-form.vue b/src/views/quality/processInspect/processInspect-form.vue
index 2ac9320..b2dc4c5 100644
--- a/src/views/quality/processInspect/processInspect-form.vue
+++ b/src/views/quality/processInspect/processInspect-form.vue
@@ -24,9 +24,14 @@
                                 </el-form-item>
                             </el-col>
                             <el-col :span="6">
-                                <el-form-item label="杞﹂棿璁㈠崟鍙�" prop="moNumber">
+                                <el-form-item label="杞﹂棿璁㈠崟鍙�" prop="moNo">
                                     <el-input @blur="selectInfoByOrderId" :disabled="processInspectVo.id != null"
-                                        v-model="processInspectVo.moNumber" placeholder="璇疯緭鍏ヨ溅闂磋鍗曞彿" autocomplete="off" >
+                                        v-model="processInspectVo.moNo" placeholder="璇疯緭鍏ヨ溅闂磋鍗曞彿" autocomplete="off" >
+                                        <!-- <el-button
+                                            slot="append"
+                                            icon="el-icon-search"
+                                            :disabled="resultVal!=null"
+                                            @click="queryCode"></el-button> -->
                                         <el-button
                                             slot="append"
                                             icon="el-icon-full-screen"
@@ -62,7 +67,7 @@
                                     </el-tooltip>
                                 </el-form-item>
                             </el-col>
-                        
+
                             <el-col :span="6">
                                 <el-form-item label="宸ュ崟" prop="operationTaskId">
                                     <el-select style="width: 100%" :disabled="processInspectVo.id != null"
@@ -100,103 +105,242 @@
                     </div>
                 </el-form>
             </div>
-            <div class="finishedProduct-detail">
-                <el-row style="width:100%;z-index: 10;height:30px;">
-                    <el-col :span="12" class="inspectionProject_span">妫�楠岄」鐩�</el-col>
-                    <el-col v-if="resultVal == null" :span="12" class="inspectionProject_span" style="text-align: right;">
-                        <el-button size="mini" @click="clickAddInspectionColumn()">娣诲姞妫�娴嬪�煎垪</el-button>
-                        <el-button size="mini" @click="clickDeleteInspectionColumn()">鍒犻櫎妫�娴嬪�煎垪</el-button>
-                    </el-col>
-                </el-row>
-                <el-row style="width:100%;">
-                    <el-col :span="24">
-                        <el-table border 
-                            :data="inspectionItems" 
-                            height="400"
-                            :header-cell-style="{ textAlign: 'center', color: 'black', backgroundColor: '#fafafa' }"
-                            :cell-style="{ textAlign: 'center' }" 
-                            row-key="iid" 
-                            default-expand-all style="width: 100%"
-                            ref="table" 
-                            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
-                            <el-table-column type="index" label="搴忓彿" show-overflow-tooltip width="60"></el-table-column>
-                            <el-table-column label="椤圭洰" prop="father" show-overflow-tooltip width="140"></el-table-column>
-                            <el-table-column prop="iname" label="鎸囨爣" show-overflow-tooltip width="140"></el-table-column>
-                            <el-table-column prop="iunit" label="鍗曚綅" show-overflow-tooltip width="140"></el-table-column>
-                            <el-table-column prop="required" label="鏍囧噯鍊�" width="140"></el-table-column>
-                            <el-table-column prop="inspectionValue" v-for="(item, index) in empiricalValueAdd" :key="index"
-                                label="妫�娴嬪��" width="140" style="text-align: center;">
-                                <template slot-scope="scope">
-                                    <el-col v-if="scope.row.itype === '1'">
-                                        <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null"
-                                            class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
-                                            <el-input :disabled="scope.row.eId == null"
-                                                v-model="scope.row.empiricalValueAddss[index]"
-                                                @blur="changeState(scope.row,true)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input>
-                                            <span v-if="resultVal != null && processInspectVo.id != null"
-                                                v-text="scope.row.empiricalValueAddss[index]"></span>
-                                        </el-tooltip>
-                                    </el-col>
-                                    <el-col v-else>
-                                        <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null"
-                                            class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
-                                            <el-select style="width: 100%;" @change="changeState(scope.row)" :disabled="scope.row.eId == null" v-model="scope.row.empiricalValueAddss[index]" placeholder="璇烽�夋嫨">
-                                                <el-option v-for="item in dataVal" :key="item.value" :label="item.label"
-                                                    :value="item.value">
-                                                </el-option>
-                                            </el-select>
-                                            <span v-if="resultVal != null && processInspectVo.id != null"
-                                                v-text="scope.row.empiricalValueAddss[index]"></span>
-                                        </el-tooltip>
-                                    </el-col>
-                                </template>
+            <div>
+                <el-tabs class="finishedProduct-detail" @tab-click="tabsClick">
+                    <el-tab-pane label="妫�楠岄」鐩�">
+                        <el-row>
+                            <el-col v-if="resultVal == null" :span="24" class="inspectionProject_span" style="text-align: right;">
+                                <el-button size="small"
+                                type="primary"
+                                v-if="inspectionItems&&inspectionItems.length>0"
+                                @click="saveTable()">淇濆瓨</el-button>
+                                <el-button size="mini" @click="clickAddInspectionColumn()">娣诲姞妫�娴嬪�煎垪</el-button>
+                                <el-button size="mini" @click="clickDeleteInspectionColumn()">鍒犻櫎妫�娴嬪�煎垪</el-button>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="24">
+                                <el-table border
+                                    :data="inspectionItems"
+                                    height="400"
+                                    :header-cell-style="{ textAlign: 'center', color: 'black', backgroundColor: '#fafafa' }"
+                                    :cell-style="{ textAlign: 'center' }"
+                                    row-key="iid"
+                                    default-expand-all style="width: 100%"
+                                    ref="table"
+                                    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+                                    <el-table-column type="index" prop="parentIndex" label="搴忓彿" width="60">
+                                        <template scope="scope">
+                                            <span v-if="scope.row.isIndex">{{scope.row.parentIndex}}</span>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column label="椤圭洰" prop="father" show-overflow-tooltip width="140"></el-table-column>
+                                    <el-table-column prop="iname" label="鎸囨爣" show-overflow-tooltip width="140"></el-table-column>
+                                    <el-table-column prop="iunit" label="鍗曚綅" show-overflow-tooltip width="140"></el-table-column>
+                                    <el-table-column prop="required" label="鏍囧噯鍊�" width="140"></el-table-column>
+                                    <el-table-column prop="inspectionValue" v-for="(item, index) in empiricalValueAdd" :key="index"
+                                        label="妫�娴嬪��" width="140" style="text-align: center;">
+                                        <template slot-scope="scope">
+                                            <el-col v-if="scope.row.itype === '1'">
+                                                <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null"
+                                                    class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
+                                                    <el-input :disabled="scope.row.eId == null"
+                                                        v-model="scope.row.empiricalValueAddss[index]"
+                                                        @blur="changeState(scope.row,true)" placeholder="璇疯緭鍏ユ娴嬪��"
+                                                        :id="`detectionValue${index}`+scope.$index"
+                                @keyup.native="moveFocus($event, scope.$index, `detectionValue${index}`)"></el-input>
+                                                    <span v-if="resultVal != null && processInspectVo.id != null"
+                                                        v-text="scope.row.empiricalValueAddss[index]"></span>
+                                                </el-tooltip>
+                                            </el-col>
+                                            <el-col v-else>
+                                                <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null"
+                                                    class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
+                                                    <el-select style="width: 100%;" @change="changeState(scope.row)" :disabled="scope.row.eId == null" v-model="scope.row.empiricalValueAddss[index]" placeholder="璇烽�夋嫨">
+                                                        <el-option v-for="item in dataVal" :key="item.value" :label="item.label"
+                                                            :value="item.value">
+                                                        </el-option>
+                                                    </el-select>
+                                                    <span v-if="resultVal != null && processInspectVo.id != null"
+                                                        v-text="scope.row.empiricalValueAddss[index]"></span>
+                                                </el-tooltip>
+                                            </el-col>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column prop="deviceName" label="璇曢獙璁惧" min-width="200">
+                                        <template slot-scope="scope">
+                                            <span v-if="resultVal != null && scope.row.iname != null"
+                                                v-text="scope.row.ename"></span>
+                                            <div v-else>
+                                                <el-select style="width:60%" v-model="scope.row.eId" v-if="scope.row.iname != null"
+                                                    filterable @change="updateDevice(scope.row, scope.$index)">
+                                                    <el-option v-for="(item, index) in deviceList" :key="index" :value="item.id"
+                                                        :label="item.code + '-' + item.name"></el-option>
+                                                </el-select>
+                                                <el-button
+                                            size="small"
+                                            slot="append"
+                                            icon="el-icon-full-screen"
+                                            v-if="scope.row.iname != null"
+                                            @click="codeDevice(scope.row,scope.$index)"></el-button>
+                                            </div>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column show-overflow-tooltip
+                                        label="妫�楠屾弿杩�" width="140" style="text-align: center;">
+                                        <template slot-scope="scope">
+                                            <el-col>
+                                                <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null"
+                                                    class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
+                                                    <el-input :disabled="scope.row.eId == null"
+                                                        v-model="scope.row.inote"
+                                                        @blur="changeState(scope.row)" placeholder="璇疯緭鍏ユ楠屾弿杩�"
+                                                        :id="`remark`+scope.$index"
+                            @keyup.native="moveFocus($event, scope.$index, `remark`)"></el-input>
+                                                    <span v-if="resultVal != null && processInspectVo.id != null"
+                                                        v-text="scope.row.inote"></span>
+                                                </el-tooltip>
+                                            </el-col>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column label="缁撹" fixed="right" min-width="100">
+                                        <template slot-scope="scope">
+                                            <div v-if="scope.row.iname != null">
+                                                <span style="color: #34BD66;" v-if="scope.row.iresult == 1">鍚堟牸</span>
+                                                <span style="color: #E84738;" v-else-if="scope.row.iresult == 0">涓嶅悎鏍�</span>
+                                                <span v-else>鏆傛棤缁撹</span>
+                                            </div>
+                                        </template>
+                                    </el-table-column>
+                                </el-table>
+                            </el-col>
+                        </el-row>
+                    </el-tab-pane>
+                    <el-tab-pane label="闄勪欢涓婁紶" type="card">
+                        <div style="display: flex;justify-content:flex-end;">
+                            <div></div>
+                        </div>
+                        <div
+                        v-loading="progrecessFileLoading"
+                        element-loading-text="璇风◢绛夛紝鏂囦欢涓婁紶涓�"
+                        >
+                        <el-upload
+                            :disabled="processInspectVo.proInsNo==null || (resultVal!=null && resultVal!='')"
+                            drag
+                            ref="upload"
+                            action="/mes/rawInsProduct/upload"
+                            :auto-upload="true"
+                            :headers="headers"
+                            :before-upload="submitUpload"
+                            :on-success="uploadSuccess"
+                            :data="paramData"
+                            :with-credentials="true"
+                            :show-file-list="false"
+                        >
+                            <i class="el-icon-upload"></i>
+                            <div class="el-upload__text">
+                            灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em>
+                            </div>
+                        </el-upload>
+                        </div>
+                        <el-table :data="processConfigFileTableData" height="260px">
+                        <el-table-column
+                            prop="rawInsNo"
+                            align="center"
+                            width="120"
+                            label="鍘熸潗鏂欐楠岀紪鍙�"
+                            show-overflow-tooltip
+                        ></el-table-column>
+                        <el-table-column
+                            prop="originalFileName"
+                            align="center"
+                            label="鍘熸枃浠跺悕"
+                            width="200"
+                        ></el-table-column>
+                        <el-table-column prop="fileName" align="center" label="鏂囦欢鍚庣紑"></el-table-column>
+                        <el-table-column prop="createUser" align="center" label="涓婁紶浜�"></el-table-column>
+                        <el-table-column
+                            prop="createTime"
+                            align="center"
+                            label="涓婁紶鏃堕棿"
+                            show-overflow-tooltip
+                        ></el-table-column>
+                        <el-table-column prop="updateUser" align="center" label="鏇存柊浜�">
+                        </el-table-column>
+                        <el-table-column
+                            prop="updateTime"
+                            align="center"
+                            label="鏇存柊鏃堕棿"
+                            show-overflow-tooltip
+                        ></el-table-column>
+                        <el-table-column align="center" label="鎿嶄綔">
+                            <template slot-scope="scope">
+                            <el-button
+                                @click="delProcessConfigFile(scope.row)"
+                                type="text"
+                                size="small"
+                                :disabled="(resultVal!=null && resultVal!='')"
+                                >鍒犻櫎</el-button
+                            >
+                            <el-button
+                                @click="downloadProcessConfigFile(scope.row)"
+                                type="text"
+                                size="small"
+                                >涓嬭浇</el-button
+                            >
+                            </template>
+                        </el-table-column>
+                        </el-table>
+                    </el-tab-pane>
+                    <el-tab-pane label="闄勪欢">
+                        <el-table :data="configFileTableData" height="400px">
+                            <el-table-column
+                            prop="orderNumber"
+                            align="center"
+                            label="璁㈠崟鍙�"
+                            show-overflow-tooltip
+                            >
                             </el-table-column>
-                            <el-table-column prop="deviceName" label="璇曢獙璁惧" min-width="200">
-                                <template slot-scope="scope">
-                                    <span v-if="resultVal != null && scope.row.iname != null"
-                                        v-text="scope.row.ename"></span>
-                                    <div v-else>
-                                        <el-select style="width:60%" v-model="scope.row.eId" v-if="scope.row.iname != null"
-                                            filterable @change="updateDevice(scope.row, scope.$index)">
-                                            <el-option v-for="(item, index) in deviceList" :key="index" :value="item.id"
-                                                :label="item.code + '-' + item.name"></el-option>
-                                        </el-select>
-                                        <el-button
-                                    size="small"
-                                    slot="append"
-                                    icon="el-icon-full-screen"
-                                    v-if="scope.row.iname != null"
-                                    @click="codeDevice(scope.row,scope.$index)"></el-button>
-                                    </div>
-                                </template>
+                            <el-table-column
+                            prop="originalFileName"
+                            align="center"
+                            label="鍘熸枃浠跺悕"
+                            width="200"
+                            >
                             </el-table-column>
-                            <el-table-column show-overflow-tooltip
-                                label="妫�楠屾弿杩�" width="140" style="text-align: center;">
-                                <template slot-scope="scope">
-                                    <el-col>
-                                        <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null"
-                                            class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
-                                            <el-input :disabled="scope.row.eId == null"
-                                                v-model="scope.row.inote"
-                                                @blur="changeState(scope.row)" placeholder="璇疯緭鍏ユ楠屾弿杩�"></el-input>
-                                            <span v-if="resultVal != null && processInspectVo.id != null"
-                                                v-text="scope.row.inote"></span>
-                                        </el-tooltip>
-                                    </el-col>
-                                </template>
+                            <el-table-column prop="fileName" align="center" label="鏂囦欢鍚庣紑">
                             </el-table-column>
-                            <el-table-column label="缁撹" fixed="right" min-width="100">
-                                <template slot-scope="scope">
-                                    <div v-if="scope.row.iname != null">
-                                        <span style="color: #34BD66;" v-if="scope.row.iresult == 1">鍚堟牸</span>
-                                        <span style="color: #E84738;" v-else-if="scope.row.iresult == 0">涓嶅悎鏍�</span>
-                                        <span v-else>鏆傛棤缁撹</span>
-                                    </div>
-                                </template>
+                            <el-table-column prop="createUser" align="center" label="涓婁紶浜�">
+                            </el-table-column>
+                            <el-table-column
+                            prop="createTime"
+                            align="center"
+                            label="涓婁紶鏃堕棿"
+                            show-overflow-tooltip
+                            >
+                            </el-table-column>
+                            <el-table-column prop="updateUser" align="center" label="鏇存柊浜�">
+                            </el-table-column>
+                            <el-table-column
+                            prop="updateTime"
+                            align="center"
+                            label="鏇存柊鏃堕棿"
+                            show-overflow-tooltip
+                            >
+                            </el-table-column>
+                            <el-table-column fixed="right" align="center" label="鎿嶄綔">
+                            <template slot-scope="scope">
+                                <el-button
+                                @click="downloadProcessConfigFiles(scope.row)"
+                                type="text"
+                                size="small"
+                                >涓嬭浇</el-button
+                                >
+                            </template>
                             </el-table-column>
                         </el-table>
-                    </el-col>
-                </el-row>
+                    </el-tab-pane>
+                </el-tabs>
             </div>
             <div class="finishedProduct-result">
                 <el-row style="width:100%">
@@ -251,9 +395,31 @@
             <el-button type="primary" @click="deviceCode = false">纭� 瀹�</el-button>
         </span>
         </el-dialog>
+        <el-dialog
+        title="涓嶅悎鏍间俊鎭�"
+        :visible.sync="unqualified"
+        width="30%">
+        <div style="height: 30vh;width: 100%;">
+            <el-form :model="ruleForm" :rules="unqualifiedRules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+                <el-form-item label="涓嶅悎鏍兼暟閲�" prop="number">
+                    <el-input v-model="ruleForm.number"></el-input>
+                </el-form-item>
+                <el-form-item label="鎵规鍙�" prop="outBatchNo">
+                <el-select v-model="ruleForm.outBatchNo" multiple placeholder="璇烽�夋嫨鎵规鍙�" style="width: 100%;" :multiple-limit="Number(ruleForm.number)">
+                    <el-option :label="m" :value="m" v-for="(m,i) in outBatchNoList" :key="i"></el-option>
+                </el-select>
+                </el-form-item>
+            </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+        <el-button @click="unqualified = false">鍙� 娑�</el-button>
+        <el-button type="primary" :loading="loading" @click="handleSubmit">纭� 瀹�</el-button>
+        </span>
+        </el-dialog>
+    <processPart :paramObj="paramObj" :currshowlist.sync="workshop" />
     </div>
 </template>
-    
+
 <script>
 import {
     chooseMater,
@@ -261,23 +427,62 @@
     queryById,
     updateDeviceBypppId,
     updateProcessInsProduct,
+    updateProcessInsProduct2,
     updateProcessInspectsById,
+    selOutBatchNo,
 } from '@/api/quality/processInspect'
+import {
+    getProcessConfigFiles,
+    deleteProcessConfigFile,
+    downloadProcessConfigFile
+ } from '@/api/quality/attachment'
+import { getProcessConfigFile } from '@/api/plan/manufacturingorder'
+import processPart from '@/views/common/processinspect-part'
 import { selectDevice } from '@/api/quality/processInspect'
 import qrCodeApp from '@/views/common/qrCodeApp'
 import { validatePositiveInteger } from '@/util/validate'
+import { getStore } from '@/util/store'
+import * as customerorder from '@/api/plan/customerorder'
 export default {
     components:{
-        qrCodeApp
+        qrCodeApp,processPart
     },
     data() {
         return {
+            outBatchNoList:[],
+            unqualifiedInfo:null,
+            loading:false,
+            ruleForm:{
+                number:'',
+                outBatchNo:[]
+            },
+            unqualifiedRules:{
+                number: [
+                    { required: true, message: '璇疯緭鍏ヤ笉鍚堟牸鏁伴噺', trigger: 'blur' },
+                    { pattern: /^\d+$/, message: '璇疯緭鍏ユ暟瀛�', trigger: 'blur' }
+                ],
+                outBatchNo: [
+                    { required: true, message: '璇烽�夋嫨鎵规鍙�', trigger: 'change' },
+                ],
+            },
+            unqualified:false,
+            progrecessFileLoading: false,
+            processConfigFileTableData: [],
+            headers: {
+              Authorization: 'Bearer ' + getStore({ name: 'access_token' })
+            },
+            paramData: {
+              rawInsNo: '',
+              lineNumber: '',
+              type: 2
+            },
+            paramObj:{},
             qrcode: false,
             row: null,
             proIndex: 0,
             deviceCode: false,
             rules: {
-                moNumber: [{required:true,message:'杞﹂棿璁㈠崟鍙蜂笉鑳戒负绌�',trigger:'blur'}],
+                moNo: [{required:true,message:'杞﹂棿璁㈠崟鍙蜂笉鑳戒负绌�',trigger:'blur'}],
                 quantity: [{required:true,validator: validatePositiveInteger,trigger:'blur'}],
                 operationTaskId: [{required:true,message: '璇烽�夋嫨宸ュ崟',trigger:'change'}],
             },
@@ -291,6 +496,7 @@
             resultVal: null,
             technologyList: [],
             deviceList: [],
+            workshop:false,//杞﹂棿寮圭獥
             hasChildren: true,
             optionsSamplename: [],
             // 娣诲姞鍒�
@@ -299,7 +505,7 @@
             empiricalValueAddMaxNumber: 0,
             processInspectVo: {
                 id: null,
-                moNumber: null,
+                moNo: null,
                 proInsNo: null,
                 material: null,
                 materialCode: null,
@@ -313,9 +519,25 @@
             },
             inspectionItems: [], // 鏂板妫�楠岄」鐩〃鏍�
             inspectionResultForm: [],
+            configFileTableData:[],
+            dataForm:null,
+            keyfield:['remark'],
+            keyfield0:['detectionValue0']
         }
     },
     watch: {
+        empiricalValueAdd(newVal){
+        if(newVal!=this.keyfield0.length){
+            if(newVal>this.keyfield0.length){
+                this.keyfield0 = []
+                for(let i=0;i<newVal;i++){
+                    this.keyfield0.push('detectionValue'+i)
+                }
+            }else{
+                this.keyfield0.splice(this.keyfield0.length-1,1);
+            }
+        }
+      }
     },
     beforeUpdate() {
         this.$nextTick(() => {
@@ -333,8 +555,105 @@
             val == undefined ? this.resultVal = null : this.resultVal = val
         }
         this.init()
+        this.selOutBatchNo()
     },
     methods: {
+        selOutBatchNo(){
+            selOutBatchNo({id:this.$route.query.id}).then((res)=>{
+                this.outBatchNoList = res.data.data
+            })
+        },
+        getProcessConfigFile(){
+            getProcessConfigFile({
+            orderNumber: this.dataForm.orderNumber,
+            lineNumber: this.dataForm.customerNo
+            }).then((res)=>{
+                this.configFileTableData = res.data.data
+            })
+        },
+        downloadProcessConfigFiles(row){
+            customerorder.downloadProcessConfigFile(
+                row.fileName,
+                row.bucketName,
+                row.originalFileName
+            )
+        },
+        saveTable(){
+            let processInsProduct = [];
+            this.inspectionItems.forEach((item) => {
+                if(item.children&&item.children.length>0){
+                    item.children.forEach((child)=>{
+                        let obj = {}
+                        obj.id = child.iid;
+                        obj.eId = child.eId;
+                        obj.note = child.inote;
+                        obj.inspectionValue = child.empiricalValueAddss.join(',');
+                        obj.required = child.required;
+                        processInsProduct.push(obj)
+                    })
+                }
+            })
+            if(processInsProduct.length>0){
+                updateProcessInsProduct2(processInsProduct).then(res => {
+                    if (res.data.code == 0) {
+                        this.$message.success("鏇存柊鎴愬姛")
+                    } else {
+                        this.$message.error("鏇存柊澶辫触")
+                    }
+                    this.init()
+                })
+            }
+        },
+        delProcessConfigFile(row) {
+          this.$confirm('鏄惁鍒犻櫎璇ラ檮浠�', '鎻愮ず', {
+            confirmButtonText: '纭畾',
+            cancelButtonText: '鍙栨秷',
+            type: 'warning',
+            closeOnClickModal: false
+          }).then(function() {
+            return deleteProcessConfigFile(row.id)
+          }).then((data) => {
+            this.getConfigFiles()
+          })
+      },
+      getConfigFiles() {
+        const param = {
+          no: this.processInspectVo.rawInsNo,
+          lineNumber: this.processInspectVo.id,
+          type: 2
+        }
+        getProcessConfigFiles(param).then((res) => {
+          this.processConfigFileTableData = res.data.data
+        })
+      },
+      downloadProcessConfigFile(row) {
+        downloadProcessConfigFile({
+            bucket: row.bucketName,
+            fileName: row.fileName,
+            originalFileName: row.originalFileName
+        })
+      },
+      submitUpload() {
+        this.paramData.no = this.processInspectVo.proInsNo
+        this.paramData.lineNumber = this.processInspectVo.id
+        this.progrecessFileLoading = true
+      },
+      uploadSuccess() {
+        this.progrecessFileLoading = false
+        this.getConfigFiles()
+      },
+      tabsClick(tab,even){
+        if(tab.index == 1){
+          if(this.processInspectVo.proInsNo==null){
+            this.$message.error("璇峰厛淇濆瓨杩囩▼妫�楠屼俊鎭�")
+            return
+          }
+            this.getConfigFiles();
+        }
+      },
+      queryCode(){
+        this.workshop = true
+      },
       cancelCodeDialog(){
         this.qrcode = false
       },
@@ -345,7 +664,7 @@
         let obj=JSON.parse(data)
         let info={"code":obj["moNo"]}
         if(info.code){
-            this.processInspectVo.moNumber = obj["moNo"]
+            this.processInspectVo.moNo = obj["moNo"]
             this.selectInfoByOrderId()
         }else{
             this.$message.warning('鏈瘑鍒嚭杞﹂棿璁㈠崟鍙蜂俊鎭紒');
@@ -375,7 +694,7 @@
         }
       },
       codeDevice(row,index){
-        this.row=row 
+        this.row=row
         this.deviceCode =true
         this.$refs.codeDeviceCompont.openCamera()
         this.proIndex=index
@@ -395,27 +714,30 @@
                 number: 0,
                 result: this.inspectionResultForm[0].result
             }
+            this.unqualifiedInfo = obj;
             if (pro > 0) {
-                this.$prompt('璇疯緭鍏ヤ笉鍚堟牸鏁伴噺', '涓嶅悎鏍兼暟閲�', {
-                    confirmButtonText: '纭畾',
-                    cancelButtonText: '鍙栨秷',
-                    inputPattern: /^\d+$/,
-                    inputErrorMessage: '璇疯緭鍏ユ纭暟瀛楁牸寮�'
-                }).then(({ value }) => {
-                    obj.number = value
-                    updateProcessInspectsById(obj).then(res => {
-                        let data = res.data.data
-                        if (data) {
-                            if (data.indexOf("鎴愬姛") > 0) {
-                                this.$message.success(data);
-                                this.checkTestState()
-                            } else {
-                                this.$message.warning(data);
-                            }
-                            return
-                        }
-                    });
-                }).catch(() => { });
+                this.unqualified = true;
+                this.$refs.ruleForm.resetFields();
+                // this.$prompt('璇疯緭鍏ヤ笉鍚堟牸鏁伴噺', '涓嶅悎鏍兼暟閲�', {
+                //     confirmButtonText: '纭畾',
+                //     cancelButtonText: '鍙栨秷',
+                //     inputPattern: /^\d+$/,
+                //     inputErrorMessage: '璇疯緭鍏ユ纭暟瀛楁牸寮�'
+                // }).then(({ value }) => {
+                //     obj.number = value
+                //     updateProcessInspectsById(obj).then(res => {
+                //         let data = res.data.data
+                //         if (data) {
+                //             if (data.indexOf("鎴愬姛") > 0) {
+                //                 this.$message.success(data);
+                //                 this.checkTestState()
+                //             } else {
+                //                 this.$message.warning(data);
+                //             }
+                //             return
+                //         }
+                //     });
+                // }).catch(() => { });
             } else {
                 updateProcessInspectsById(obj).then(res => {
                     let data = res.data.data
@@ -431,6 +753,36 @@
                 });
             }
             this.init()
+        },
+        handleSubmit(){
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    if(this.ruleForm.outBatchNo.length!=this.ruleForm.number){
+                        this.$message.error(`璇烽�夋嫨${this.ruleForm.number}涓壒娆″彿`)
+                        return
+                    }
+                    this.loading = true;
+                    let obj = {number:this.ruleForm.number,outBatchNo:this.ruleForm.outBatchNo.join(','),...this.unqualifiedInfo};
+                    updateProcessInspectsById(obj).then(res => {
+                        let data = res.data.data
+                        if (data) {
+                            if (data.indexOf("鎴愬姛") > 0) {
+                                this.$message.success(data);
+                                this.$refs.ruleForm.resetFields();
+                                this.unqualified = false;
+                                this.checkTestState()
+                                this.init()
+                            } else {
+                                this.$message.warning(data);
+                            }
+                            return
+                        }
+                        this.loading = false;
+                    });
+                } else {
+                    return false;
+                }
+            });
         },
         checkTestState() {
             let resultVal = '1'
@@ -452,7 +804,8 @@
             if (id != null) {
                 queryById(id).then(res => {
                     let result = res.data.data
-                    this.processInspectVo.moNumber = result.moNumber
+                    this.processInspectVo.moNo = result.moNo
+                    this.dataForm = result;
                     this.processInspectVo.operationTaskId = result.technologyOperationName
                     this.processInspectVo.proInsNo = result.proInsNo
                     this.processInspectVo.projectName = result.projectName
@@ -464,7 +817,9 @@
                     this.processInspectVo.unit = result.punit
                     this.processInspectVo.quantity = result.quantity
                     let userList = []
-                    result.children.forEach(item => {
+                    result.children.forEach((item,index) => {
+                        item.isIndex = true;
+                        item.parentIndex = index + 1;
                         item.iid = Math.random()
                         if (item.children != undefined) {
                             item.children.forEach(obj => {
@@ -475,9 +830,11 @@
                                 if (obj.inspectionValue) {
                                     arr = obj.inspectionValue.split(",")
                                 }
-                                obj.empiricalValueAddss = arr
+                                this.$set(obj, "empiricalValueAddss", arr)
+                                this.$set(obj, "inote", obj.inote)
                                 if(!obj.inote){
-                                    obj.inote = null
+                                    // obj.inote = null
+                                    this.$set(obj, "inote", null)
                                 }
                                 if (arr.length > this.empiricalValueAdd) {
                                     this.empiricalValueAdd = arr.length
@@ -486,22 +843,29 @@
                         }
                     })
                     this.inspectionItems = result.children
-                    let rVal = '1'
+                    let rVal = ''
+                    let passNum = 0
+                    let unPassNum = 0
                     this.inspectionItems.forEach(item => {
                         if (item.children) {
                             item.children.forEach(obj => {
-                                if (obj.iresult == 0) {
-                                    rVal = '0'
+                                if(obj.iresult == 0){
+                                    unPassNum += 1
+                                }
+                                if(obj.iresult == 1){
+                                    passNum+=1
                                 }
                             })
                         }
                     })
+                    rVal = (passNum+unPassNum)>0 ? unPassNum>0 ? '0' :'1' : ''
                     this.inspectionResultForm = [{
                         materialCode: result.materialCode,
                         material: result.material,
                         userName: Array.from(new Set(userList)).join(","),
                         result: this.resultVal == null ? rVal : this.resultVal,
                     }]
+                    this.getProcessConfigFile()
                 }).catch(error => {
                     console.log(error)
                 })
@@ -545,30 +909,30 @@
                     return
                 }
             }
-            if (row.iid != null && row.iid != '') {
-                let str = ""
-                row.empiricalValueAddss.forEach(e => {
-                    str += e + ","
-                })
-                str = str.slice(0, -1);
-                if (str === undefined || str === '' || str === null) {
-                    return
-                }
-                let obj = {
-                    devideId: row.eId,
-                    ppid: row.iid,
-                    inspectionValue: str,
-                    note : row.inote
-                }
-                updateProcessInsProduct(obj).then(res => {
-                    if (res.data.code == 0) {
-                        this.$message.success("鏇存柊鎴愬姛")
-                    } else {
-                        this.$message.error("鏇存柊澶辫触")
-                    }
-                    this.init()
-                })
-            }
+            // if (row.iid != null && row.iid != '') {
+            //     let str = ""
+            //     row.empiricalValueAddss.forEach(e => {
+            //         str += e + ","
+            //     })
+            //     str = str.slice(0, -1);
+            //     if (str === undefined || str === '' || str === null) {
+            //         return
+            //     }
+            //     let obj = {
+            //         devideId: row.eId,
+            //         ppid: row.iid,
+            //         inspectionValue: str,
+            //         note : row.inote
+            //     }
+            //     updateProcessInsProduct(obj).then(res => {
+            //         if (res.data.code == 0) {
+            //             this.$message.success("鏇存柊鎴愬姛")
+            //         } else {
+            //             this.$message.error("鏇存柊澶辫触")
+            //         }
+            //         this.init()
+            //     })
+            // }
         },
         addTestProject() {
             let val = this.processInspectVo
@@ -602,9 +966,9 @@
             })
         },
         selectInfoByOrderId() {
-            if(this.processInspectVo.moNumber){
+            if(this.processInspectVo.moNo){
                 chooseMater({
-                        moNo: this.processInspectVo.moNumber
+                        moNo: this.processInspectVo.moNo
                     }).then(res => {
                         let data = res.data.data
                         if (data) {
@@ -613,6 +977,7 @@
                             this.processInspectVo.orderNumber = data.orderNumber
                             this.processInspectVo.projectName = data.projectName
                             this.processInspectVo.customerName = data.customerName
+                            this.processInspectVo.customerNo = data.customerNo
                             this.processInspectVo.material = data.material
                             this.processInspectVo.specs = data.specs
                             this.processInspectVo.unit = data.unit
@@ -645,7 +1010,7 @@
                                 updateProcessInsProduct(obj).then(res => {
                                     if (res.data.code == 0) {
                                         this.init()
-                                    } 
+                                    }
                                 })
                             }
                         })
@@ -668,28 +1033,141 @@
                             })
                         }
                     });
+                    _than.saveTable();
                 }
             }
         },
         // 娣诲姞妫�楠屽�煎垪
         clickAddInspectionColumn() {
             this.empiricalValueAdd = this.empiricalValueAdd + 1;
+        },
+        moveFocus(event, index, key) {
+        console.log(key, index,key)
+        let keyfield = this.insertArrayAt(this.keyfield,0,this.keyfield0);
+        // enter閿�
+        // if (event.keyCode === 13) { // 鍥炶溅
+        //     if (index === this.getLen() - 1 && key === keyfield[keyfield.length - 1]) { // 鏈�鍚庝竴琛屾渶鍚庝竴涓�
+        //         console.log('鏈�鍚庝竴琛屾渶鍚庝竴涓棤娉曞洖杞�')
+        //     return
+        //     }
+        //     this.$nextTick(() => {
+        //         event.target.blur()
+        //     })
+        //     if (key === keyfield[keyfield.length - 1]) { // 褰撳墠琛屾渶鍚庝竴涓�,璺宠浆涓嬩竴琛岀涓�涓�
+
+        //     } else { // 璺宠浆涓嬩竴涓�
+        //     const nextkeyindex = keyfield.findIndex(k => k === key) + 1
+        //     this.$nextTick(() => {
+        //         document.getElementById(keyfield[nextkeyindex] + index).focus()
+        //     })
+        //     }
+        // }
+
+        // 鍚戜笂 =38
+        if (event.keyCode === 38) {
+            console.log('鍚戜笂')
+            if (index === 0) { // 绗竴琛�
+            console.log('绗竴琛屾棤娉曞悜涓�')
+            return
+            }
+            document.getElementById(key + index).blur()
+            let i = 0;
+            while (true){
+                let dom = document.getElementById(key + (index - 1-i))
+                if(dom){
+                    dom.focus()
+                    return
+                }else if((index-1-i)==0){
+                    return
+                }
+                i++
+            }
         }
+
+        // 涓� = 40
+        if (event.keyCode === 40) {
+            console.log('鍚戜笅')
+            if (index === this.getLen() - 1) { // 鏈�鍚庝竴琛�
+            console.log('鏈�鍚庝竴琛屾棤娉曞悜涓�')
+            return
+            }
+            document.getElementById(key + index).blur()
+            this.$nextTick(() => {
+            let i = 0;
+            while (true){
+                let dom = document.getElementById(key + (index + 1+i))
+                console.log(dom,key + (index + 1+i))
+                if(dom){
+                    dom.focus()
+                    return
+                }else if((index+1+i)==this.getLen() - 1){
+                    return
+                }
+                i++
+            }
+            })
+        }
+
+        // 宸� = 37
+        if (event.keyCode === 37) {
+            console.log('鍚戝乏')
+            if (index === 0 && key === keyfield[0]) { // 绗竴琛岀涓�涓�
+            console.log('绗竴琛岀涓�涓棤娉曞悜宸�')
+            return
+            }
+            document.getElementById(key + index).blur()
+            const prevkeyindex = keyfield.findIndex(k => k === key) - 1
+            this.$nextTick(() => {
+                let dom = document.getElementById(keyfield[prevkeyindex] + index)
+                if(dom){
+                    dom.focus()
+                }
+            })
+        }
+
+        // 鍙� = 39
+        if (event.keyCode === 39) {
+            console.log('鍚戝彸')
+            if (index === this.getLen() - 1 && key === keyfield[keyfield.length - 1]) { // 鏈�鍚庝竴琛屾渶鍚庝竴涓�
+            console.log('鏈�鍚庝竴琛屾渶鍚庝竴涓棤娉曞悜鍙�')
+            return
+            }
+            document.getElementById(key + index).blur()
+            const nextkeyindex = keyfield.findIndex(k => k === key) + 1
+            this.$nextTick(() => {
+                let dom = document.getElementById(keyfield[nextkeyindex] + index)
+                if(dom){
+                    dom.focus()
+                }
+            })
+        }
+        },
+      insertArrayAt(arr1, index, arr2) {
+        return arr1.slice(0, index).concat(arr2, arr1.slice(index));
+        },
+        getLen(){
+        let arr = []
+        this.inspectionItems.forEach(item => {
+            arr.push(item)
+            item.children.forEach(child => {
+                arr.push(child)
+            })
+        })
+        return arr.length
+      }
     },
 }
 </script>
-    
+
 <style scoped>
 .finishedProduct-detail {
     width: 100%;
-    height: 470px;
+    height: 520px;
     padding: 10px 20px;
-    display: flex;
     border: 1px solid #ddd;
     background-color: #fff;
     margin-top: 10px;
     box-sizing: border-box;
-    flex-wrap: wrap;
 }
 
 .finishedProduct-result {
@@ -742,4 +1220,4 @@
     border-top: 0 !important;
     cursor: pointer !important;
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.9.3