From 4660b68d3c3cd49c5dec355067cdf45b0abdd2e9 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期五, 12 四月 2024 13:30:48 +0800 Subject: [PATCH] 修改工艺路线 --- src/views/quality/finishedProductInspection/finishedProduct-form.vue | 410 +++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 293 insertions(+), 117 deletions(-) diff --git a/src/views/quality/finishedProductInspection/finishedProduct-form.vue b/src/views/quality/finishedProductInspection/finishedProduct-form.vue index d2354d9..ca7bb5f 100644 --- a/src/views/quality/finishedProductInspection/finishedProduct-form.vue +++ b/src/views/quality/finishedProductInspection/finishedProduct-form.vue @@ -99,108 +99,194 @@ </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="搴忓彿" 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" show-overflow-tooltip ></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)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> - <span v-if="resultVal != 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> + <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" + @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" show-overflow-tooltip ></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)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> + <span v-if="resultVal != 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 && processInspectVo.id!=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)"> + <el-option v-for="(item,index) in deviceList" + :key="index" :value="item.id" :label="item.code +'-'+ item.name"></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 && processInspectVo.id!=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)"> - <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 prop="inspectionValue" - 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-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 prop="inspectionValue" + 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.inote" - @blur="changeState(scope.row)" placeholder="璇疯緭鍏ユ楠屾弿杩�"></el-input> + <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> - <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-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> - <el-table-column label="缁撹" fixed="right" min-width="100"> + <span v-if="resultVal != null && processInspectVo.id != null" + v-text="scope.row.inote"></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-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> + <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 + drag + ref="upload" + action="/mes/attachment/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="finishedInsNo" + 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"> - <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> + <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-col> - </el-row> + </el-table> + </el-tab-pane> + </el-tabs> + </div> <div class="finishedProduct-result"> <el-row style="width:100%"> @@ -252,19 +338,35 @@ queryById, updateDeviceById, updateFinishedInsProduct, + updateFinishedInsProduct2, updateFinishedInspectById, selectDeviceAPI, updateLocationIdById, } from '@/api/quality/finishedProduct' + import { + getProcessConfigFiles, + deleteProcessConfigFile, + downloadProcessConfigFile + } from '@/api/quality/attachment' import { getIfsLocationByGroupCopyAll } from '@/api/warehouse/location' - import { remote } from '@/api/admin/dict' import qrCodeApp from '@/views/common/qrCodeApp' + import { getStore } from '@/util/store' export default { components:{ qrCodeApp }, data() { return { + progrecessFileLoading: false, + processConfigFileTableData: [], + headers: { + Authorization: 'Bearer ' + getStore({ name: 'access_token' }) + }, + paramData: { + no: '', + lineNumber: '', + type: 1, + }, row: null, proIndex: 0, deviceCode: false, @@ -329,7 +431,78 @@ this.init() }, methods: { - cancelDeviceCodeDialog(){ + saveTable(){ + let finishedInsProducts = []; + if(this.inspectionItems.length>0){ + this.inspectionItems.forEach(item=>{ + if(item.children!=null&&item.children.length>0){ + item.children.forEach(item2=>{ + let obj = {}; + obj.id = item2.iid; + obj.note = item2.inote; + obj.required = item2.required; + obj.inspectionValue = item2.empiricalValueAddss.join(','); + obj.deviceId = item2.eId; + finishedInsProducts.push(obj); + }) + } + }) + } + if(finishedInsProducts.length>0){ + updateFinishedInsProduct2(finishedInsProducts).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.finInsNo, + lineNumber: this.processInspectVo.id, + type: 1 + } + 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.finInsNo + this.paramData.lineNumber = this.processInspectVo.id + this.progrecessFileLoading = true + }, + uploadSuccess() { + this.progrecessFileLoading = false + this.getConfigFiles() + }, + tabsClick(tab,even){ + if(tab.index == 1){ + this.getConfigFiles(); + } + }, + cancelDeviceCodeDialog(){ this.deviceCode = false }, getDeviceResultInfo(val){ @@ -442,8 +615,10 @@ this.processInspectVo.locName = result.locName this.processInspectVo.productNo = result.productNo let userList = [] - result.children.forEach(item=>{ + result.children.forEach((item,index)=>{ item.iid = Math.random() + item.isIndex = true; + item.parentIndex = index + 1; if(item.children != undefined){ item.children.forEach(obj=>{ let arr = [] @@ -534,20 +709,20 @@ if (str === undefined || str === '' || str === null ) { return } - let obj = { - deviceId: row.eId, - fpid: row.iid, - inspectionValue: str, - note : row.inote - } - updateFinishedInsProduct(obj).then(res=>{ - if(res.data.code == 0){ - this.$message.success("鏇存柊鎴愬姛") - }else{ - this.$message.error("鏇存柊澶辫触") - } - this.init() - }) + // let obj = { + // deviceId: row.eId, + // fpid: row.iid, + // inspectionValue: str, + // note : row.inote + // } + // updateFinishedInsProduct(obj).then(res=>{ + // if(res.data.code == 0){ + // this.$message.success("鏇存柊鎴愬姛") + // }else{ + // this.$message.error("鏇存柊澶辫触") + // } + // this.init() + // }) } }, addTestProject() { @@ -641,7 +816,8 @@ } else { if (this.empiricalValueAddMaxNumber != this.empiricalValueAdd - 1) { this.empiricalValueAdd = this.empiricalValueAdd - 1; - this.changeRowResult() + // this.changeRowResult() + this.saveTable() this.inspectionItems.forEach(i => { i.empiricalValueAddss.splice(this.empiricalValueAdd, 1); }); @@ -659,14 +835,14 @@ <style scoped> .finishedProduct-detail { width: 100%; - height: 500px; + height: 520px; padding: 10px 20px; - display: flex; border: 1px solid #ddd; background-color: #fff; margin-top: 10px; box-sizing: border-box; - flex-wrap: wrap; + /* display: flex; + flex-wrap: wrap; */ } basic.finishedProduct-result { -- Gitblit v1.9.3