From 0c409fb4381a7be9dd96a3e8cb0161f77bc7ef8c Mon Sep 17 00:00:00 2001 From: 王震 <10952869+daywangzhen@user.noreply.gitee.com> Date: 星期四, 14 九月 2023 09:06:48 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/components/view/technology.vue | 4 src/components/view/finishedProductInspection.vue | 69 src/components/view/finishedProductInspectionLook.vue | 13 src/components/view/processInspectionUpdate.vue | 632 ++++++++++++++ src/components/view/technical.vue | 20 src/components/view/processInspection.vue | 327 +++++- src/view/index.vue | 9 src/assets/api/controller.js | 12 src/components/view/standard-table/material.vue | 33 src/components/view/standard-table/product.vue | 37 src/components/view/processInspectionLook.vue | 627 ++++++++++++++ src/components/view/standard.vue | 92 + src/components/view/laboratoryManagement.vue | 26 src/components/view/standard-table/target.vue | 30 src/components/view/finishedProductInspectionUp.vue | 13 src/components/view/finishedProductInspectionAdd.vue | 583 +++++++++++++ src/components/view/standard-table/technology.vue | 35 17 files changed, 2,394 insertions(+), 168 deletions(-) diff --git a/src/assets/api/controller.js b/src/assets/api/controller.js index d2c87d4..55e1d2e 100644 --- a/src/assets/api/controller.js +++ b/src/assets/api/controller.js @@ -24,7 +24,11 @@ addTechniqueByStandard:"/technique/add",//鍙充笂瑙掓柊澧�-->鐢熶骇宸ヨ壓 chooseProByProduct:"/technique/choosePro",//鍙充笂瑙掓柊澧�-->鐢熶骇宸ヨ壓-->閫夋嫨椤圭洰(鐖跺瓙),鍗曚綅 chooseDevByProduct:"/technique/chooseDev",//鍙充笂瑙掓柊澧�-->鐢熶骇宸ヨ壓-->閫夋嫨璁惧 - + addVersion:"/material/addVersion",//娣诲姞鍚屼竴涓瀷鍙峰伐鑹鸿矾绾�,鎶�鏈寚鏍�,鐗╂枡娓呭崟,鐢熶骇宸ヨ壓鐨勭増鏈� + delAllByTechnology:"/technology/delAllTech",//宸ヨ壓璺嚎-鎵归噺鍒犻櫎 + delAllByTarget:"/product/delAllPro",//鎶�鏈寚鏍�-鎵归噺鍒犻櫎 + delAllByMBom:"/mbom/delAllMbom",//鐗╂枡娓呭崟-鎵归噺鍒犻櫎 + delAllByProduct:"/technique/delAllTeq",//鐢熶骇宸ヨ壓-鎵归噺鍒犻櫎 // 鎶�鏈鐞�-鎶�鏈枃浠� selectAllOrder: "/orders/selectAllOrder", //鏌ヨ鎵�鏈夎鍗曞垪琛� selectOrderById: "/orders/selectOrderById", //鏍规嵁璁㈠崟id鏌ヨ璁㈠崟璇︽儏 @@ -69,12 +73,16 @@ projectListByfinishId: "/inspection-item/list_user", //鏍规嵁id鏌ヨ鎵�鏈夐」鐩� processInspectAddProcess: "/processInspect/addProcess",//鏂板妫�楠� inspectionItemListUser: "/inspection-item/list_user",//鏌ヨ鎵�鏈夋楠岄」鐩� + finishedInspectChooseMater: "/finished-inspect/chooseMater",//鏍规嵁璁㈠崟鍙峰緱鍒颁俊鎭� + finishedInspectAddFinish: "/finished-inspect/addFinish", //鏂板鎴愬搧妫�楠� } // 杩囩▼妫�楠� const processInspection = { selectProcessInspectsList: "/processInspect/selectProcessInspectsList", // 鍒嗛〉鏌ヨ杩囩▼妫�楠屽崟鍒楄〃 chooseMaterProcessInspect: "/processInspect/chooseMater",//鏍规嵁璁㈠崟鍙烽�夋嫨浜у搧鍜屽伐鑹� - + inspectionItemUpdateDevByInsId: "/inspection-item/updateDevByInsId",//鏇存敼璁惧 + inspectionItemlose_focus_update: "/inspection-item/lose_focus_update",//妫�楠屽�� + processInspectUpdateProcessInspectsById: "/processInspect/updateProcessInspectsById",//涓婃姤 } // QMS瀹為獙瀹ょ鐞� const laboratory = { diff --git a/src/components/view/finishedProductInspection.vue b/src/components/view/finishedProductInspection.vue index bc27b7e..18c8b6b 100644 --- a/src/components/view/finishedProductInspection.vue +++ b/src/components/view/finishedProductInspection.vue @@ -1,6 +1,6 @@ <template> <div class="content-main"> - <div v-if="!showAddPage" class="rawPage"> + <div v-if="!showAdd" class="rawPage"> <div class="title"> <el-row> <el-col :span="12">鎴愬搧妫�楠�</el-col> @@ -13,21 +13,13 @@ </div> <div class="nav"> <span>妫�楠岀粨鏋滐細</span> - <el-select v-model="searchData.inspectResult" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;"> - <el-option value="1" label="鍚堟牸"></el-option> - <el-option value="2" label="涓嶅悎鏍�"></el-option> + <el-select v-model="searchData.result" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;"> + <el-option :value="''" label="鍏ㄩ儴"></el-option> + <el-option :value="1" label="鍚堟牸"></el-option> + <el-option :value="0" label="涓嶅悎鏍�"></el-option> </el-select> - <span>妫�楠屾棩鏈燂細</span> - <el-date-picker - v-model="searchData.inspectDate" - type="date" - placeholder="閫夋嫨鏃ユ湡" - style="margin-right: 52px"> - </el-date-picker> - <span>妫�楠屼汉锛�</span> - <el-select v-model="searchData.inspectUsername" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 52px;"> - <el-option :value="item.id" :key="item.id" :label="item.name" v-for="item in usernameOptions"></el-option> - </el-select> + <span>浜у搧鍚嶇О锛�</span> + <el-input v-model="searchData.material" size="small" placeholder="璇疯緭鍏ヤ骇鍝佸悕绉�" style="width: 224px;margin-right: 52px;"></el-input> <el-button size="mini" @click="()=>{searchData={};getInspectionTableData()}"><span>閲� 缃�</span></el-button> <el-button size="mini" type="primary" @click="getInspectionTableData" style="background: #004EA2;"><span>鏌� 璇�</span></el-button> </div> @@ -66,7 +58,7 @@ min-width="108" /> <el-table-column - prop="code" + prop="material_code" label="浜у搧缂栫爜" min-width="100" /> @@ -113,6 +105,7 @@ <template slot-scope="scope"> <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button> <el-button type="text" size="small">鎵撳嵃</el-button> + <el-button type="text" size="small">缂栬緫</el-button> </template> </el-table-column> </el-table> @@ -120,9 +113,9 @@ <!-- 鍒嗛〉鍣� --> <div class="pagination"> <el-pagination - :current-page="pageParams.pageNo" - :page-sizes="[100, 200, 300, 400]" - :page-size="pageParams.pageSize" + :current-page="pageParams.pageSize" + :page-sizes="[10, 50, 100, 200]" + :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total" @size-change="handleSizeChange" @@ -261,29 +254,45 @@ </el-table> </div> </div> + <div class="newPage" v-if="showAdd"> + <finishedProductInspectionAdd /> + </div> + <div class="newPage" v-if="showLook"> + <finishedProductInspectionLook :rowInfo="rowInfo"/> + </div> + <div class="newPage" v-if="showUp"> + <finishedProductInspectionUp :rowInfo="rowInfo"/> + </div> </div> </template> <script> +import finishedProductInspectionAdd from '@/components/view/finishedProductInspectionAdd' +import finishedProductInspectionUp from '@/components/view/finishedProductInspectionUp' +import finishedProductInspectionLook from '@/components/view/finishedProductInspectionLook' export default { + components: { finishedProductInspectionAdd,finishedProductInspectionUp, finishedProductInspectionLook}, data(){ return { searchData:{ - inspectionResult: '', - inspectionDate: '', - inspecter: '', + result: '', + material: '', }, // 涓绘満宸ヤ笅鎷夋 usernameOptions:[], inspectionTable:[ ], + rowInfo:{}, pageParams:{ - pageNo: 1, // 褰撳墠椤电爜 - pageSize: 100, + countSize: 10, //姣忛〉鏁伴噺 + pageSize: 1, // 褰撳墠椤电爜 total:0 }, showAddPage: false, + showAdd: false, + showLook: false, + showUp: false, showDetail:false, addInspectionform: [{ number: '', @@ -335,7 +344,7 @@ this.currentPage = val }, handleAddNew(){ - this.showAddPage=true + this.showAdd=true }, async getInspectionTableData() { const {data:{row,total}} = await this.$axios.get(this.$api.url.finishedInsListPage,{params:{...this.pageParams,...this.searchData}}) @@ -344,15 +353,15 @@ this.pageParams.total = total }, goToDetail(row) { - this.showAddPage = true - this.showDetail = true + // this.showAddPage = true + // this.showDetail = true this.finishedInsInfo = row - console.log(this.showDetail) + // this.addInspectionform = [] }, async init() { - const {data} = await this.$axios.get(this.$api.url.finishedInspectUser) - this.usernameOptions = data + // const {data} = await this.$axios.get(this.$api.url.finishedInspectUser) + // this.usernameOptions = data } } diff --git a/src/components/view/finishedProductInspectionAdd.vue b/src/components/view/finishedProductInspectionAdd.vue new file mode 100644 index 0000000..7e57bda --- /dev/null +++ b/src/components/view/finishedProductInspectionAdd.vue @@ -0,0 +1,583 @@ +<template> + <div> + <!-- 鏂板椤甸潰 --> + <div class="addInspection"> + <el-row class="header"> + <el-col :span="12">鏂板浜у搧妫�楠屽崟</el-col> + <el-col :span="12" style="text-align: right;"> + <!-- 鐐瑰嚮杩斿洖锛屽綋鍓嶉〉闈㈠�间负false --> + <el-button type="primary" size="mini" style="background: #004EA2; " + icon="el-icon-circle-plus-outline">鏂板</el-button> + <el-button @click="showAddPage = false" type="primary" size="mini" icon="el-icon-back" + style="background: #004EA2; ">杩斿洖</el-button> + </el-col> + </el-row> + <el-form :model="processInspectVo" ref="addInspectionform" class="addInspectionform" label-position="right" + label-width="120px" size="small"> + <div class="formwrapper"> + <el-row> + <el-col :span="7"> + <el-form-item label="璁㈠崟鍙凤細"> + <el-input @blur="selectInfoByOrderId" style="width: 180px;" + v-model="processInspectVo.orderNumber" placeholder="璇疯緭鍏ヨ鍗曞彿" autocomplete="off" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="瀹㈡埛鍚嶇О锛�"> + <el-input disabled style="width: 180px;" v-model="processInspectVo.prname" + placeholder="璇疯緭鍏ュ鎴峰悕绉�" autocomplete="off" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="宸ョ▼鍚嶇О锛�"> + <el-input disabled style="width: 180px;" v-model="processInspectVo.sname" + placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" autocomplete="off" /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="7"> + <el-form-item label="浜у搧鍚嶇О锛�"> + <el-select @change="changeOptionsSamplename" style="width: 180px;" v-model="processInspectVo.material" size="small" + placeholder="璇烽�夋嫨浜у搧鍚嶇О"> + <el-option v-for="item in optionsSamplename" :key="item.id" :label="item.name" + :value="item.id + '-' + item.name"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="璐ㄩ噺杩芥函鍙凤細"> + <el-input disabled style="width: 180px;" v-model="processInspectVo.qualityTraceability" + placeholder="璇疯緭鍏ヨ拷婧彿" autocomplete="off" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="浜у搧缂栫爜锛�"> + <el-input disabled style="width: 180px;" v-model="processInspectVo.mcode" + placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="7"> + <el-form-item label="瑙勬牸鍨嬪彿锛�"> + <el-input disabled style="width: 180px;" v-model="processInspectVo.specificationsModel" + placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" autocomplete="off" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鍗曚綅锛�"> + <el-input disabled style="width: 180px;" v-model="processInspectVo.unit" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" + autocomplete="off" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鏁伴噺锛�"> + <el-input style="width: 180px;" v-model="processInspectVo.quantity" placeholder="璇疯緭鍏ユ暟閲�" + autocomplete="off" /> + </el-form-item> + </el-col> + <el-col :span="3" style="display: flex;justify-content: end;"> + <el-button type="primary" :disabled="isAddProject" @click="addTestProjevt">鐢熸垚妫�楠岄」鐩�</el-button> + </el-col> + </el-row> + </div> + </el-form> + </div> + <div class="inspectionProject"> + <el-row> + <el-col :span="12" class="inspectionProject_span">妫�楠岄」鐩�</el-col> + <el-col :span="12" class="inspectionProject_span" style="display: flex;justify-content: end;"> + <el-button size="mini" @click="clickDeleteInspectionColumn()">鍒犻櫎妫�楠屽�煎垪</el-button> + <el-button style="margin-right: 30px;" size="mini" + @click="clickAddInspectionColumn()">娣诲姞妫�楠屽�煎垪</el-button> + <!-- <el-button + size="mini" + style="margin-right: 30px;" + @click="clickAddLine()" + >娣诲姞妫�楠岃</el-button + > --> + </el-col> + </el-row> + <el-table :data="inspectionItems" max-height="420" :span-method="handleSpanMethod" height="calc(100vh - 550px)" + style="width: 100%"> + <el-table-column type="index" label="搴忓彿" width="60"></el-table-column> + <el-table-column label="椤圭洰" prop="father"></el-table-column> + <el-table-column prop="name" label="鎸囨爣"></el-table-column> + <el-table-column prop="unit" label="鍗曚綅"></el-table-column> + <el-table-column prop="required" label="鏍囧噯鍊�"></el-table-column> + <el-table-column prop="internal" label="鍐呮祴鍊�"></el-table-column> + <el-table-column prop="inspectionValue" v-for="(item, index) in empiricalValueAdd" :key="index" label="妫�娴嬪��" + min-width="100" style="text-align: center;"> + <template slot-scope="scope"> + <el-tooltip :disabled="scope.row.dname != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" + placement="top-start"> + <el-input :disabled="scope.row.dname === null" v-model="scope.row.empiricalValueAddss[index]" + @blur="changeState(scope.row, index)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> + </el-tooltip> + </template> + </el-table-column> + <el-table-column prop="dname" label="璇曢獙璁惧" min-width="100"> + <template slot-scope="scope"> + <el-button type="text" @click="clickTableSelect(scope)">{{ + scope.row.dname == null ? "璇烽�夋嫨" : scope.row.dname + }}</el-button> + </template> + </el-table-column> + <el-table-column label="缁撹"> + <template slot-scope="scope"> + <span style="color: #34BD66;" v-if="scope.row.result === 1">鍚堟牸</span> + <span style="color: #E84738;" v-else-if="scope.row.result === 0">涓嶅悎鏍�</span> + <span v-show="scope.row.result === null">鏆傛湭缁撹</span> + </template> + </el-table-column> + <!-- <el-table-column v-if="detailId == null" label="鎿嶄綔" width="100"> + <template slot-scope="scope"> + <el-button type="text" @click="clickDeleteline(scope)">鍒犻櫎</el-button> + </template> + </el-table-column> --> + </el-table> + </div> + <div class="inspectionResult"> + <span>妫�娴嬬粨鏋�</span> + <el-table :data="inspectionResultForm"> + <el-table-column prop="id" label="鐗╂枡缂栧彿"></el-table-column> + <el-table-column prop="name" label="鐗╂枡鍚嶇О"></el-table-column> + <el-table-column prop="inspecter" label="妫�楠屽憳"></el-table-column> + <el-table-column prop="conclusion" label="妫�楠岀粨璁�"></el-table-column> + <el-table-column prop="operation" label="涓婃姤"></el-table-column> + </el-table> + </div> + <el-dialog title="璇烽�夋嫨璁惧" :visible.sync="centerDialogVisible" width="20%"> + <div class="div_device_dialog"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText" style="margin-bottom: 6px;"> + </el-input> + <el-tree class="filter-tree" :data="materialOptions" :props="defaultProps" default-expand-all + highlight-current @node-click="nodeClick" :filter-node-method="filterNode" ref="tree"> + <div class="custom-tree-node" slot-scope="{ data }"> + <span><i :class="`node_i ${data.children ? 'el-icon-folder-opened' : 'el-icon-tickets' + }` + "></i> + {{ data.name }}</span> + </div> + </el-tree> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="centerDialogVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="clickNodeSure()">纭� 瀹�</el-button> + </span> + </el-dialog> + </div> +</template> + +<script> +export default { + data() { + return { + showUp: false, + isAddProject: false, + showLook: false, + detailId: 28, + rowInfp: {}, + search: { + countSize: 10, + pageSize: 1, + result: "", // 妫�娴嬬姸鎬� + name: "", // 浜у搧鍚嶇О + techfather: "" // 宸ュ簭 + }, + optionsSamplename: [], + inspectionTable: [], + tableColumn: [], + optionSoptionSprocesses: [], + optionTechnology: [], + inspectionTableTotal: 0, + pageSize: 10, + currentPage: 1, + treeProject: [], + // 娣诲姞鍒� + empiricalValueAdd: 1, + // 缂栬緫鏃跺瓨鍌ㄦ渶闀跨殑鍒楁暟瀛楋紝鍋氬垹闄ゅ垽鏂� + empiricalValueAddMaxNumber: 0, + showAddPage: false, + processInspectVo: { + id: null, + material: null, + mcode: null, + prname: null, + sname: null, + orderNumber: "D-001", + qualityTraceability: null, + quantity: null, + specificationsModel: null, + unit: null + }, + InspectioniD: null, + addInspectionform: [ + { + number: "", + username: "", + projectname: "", + tracenumber: "", + code: "", + class: "", + specificationmodel: "", + unit: "", + quantity: "", + group: "", + worker: "", + machine: "" + }] + , + inspectionItems: [], // 鏂板妫�楠岄」鐩〃鏍� + inspectionResultForm: [ + { + id: "", + name: "", + inspecter: "", + conclusion: "", + operation: "" + } + ], + options: [], + value: "", + rowList: [], + spanArr: [], + position: 0, + // 璁惧閫夋嫨鏍戞樉绀� + centerDialogVisible: false, + filterText: "", + materialOptions: [], + defaultProps: { + // 璁惧鏍戞暟鎹缃� + children: "children", + label: "name" + }, + nodeData: "", // node鐐瑰嚮淇濆瓨褰撳墠鐐瑰嚮鏁版嵁 + clickSelectDevice: { + index: "", // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岀储寮� + rpId: "" // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岄」鐩甀d + } + }; + }, + watch: { + filterText(val) { + this.$refs.tree.filter(val); + } + }, + mounted() { + // this.getTableData() + this.getOptions(); + }, + methods: { + changeOptionsSamplename(){ + let id=this.processInspectVo.material.split("-")[0] + let sample=this.optionsSamplename.filter(o=>{ + return o.id==id + })[0] + this.processInspectVo.qualityTraceability=sample.qualityTraceability + this.processInspectVo.mcode=sample.mcode + this.processInspectVo.specificationsModel=sample.specifications + this.processInspectVo.unit=sample.unit + }, + handleClick(row) { + this.rowInfp = row + this.showLook = true + }, + updateInsInfo(row) { + this.rowInfp = row + this.showUp = true + }, + combackMain() { + this.showUp = false + this.showLook = false + }, + searchPro() { + this.search.countSize = this.pageSize + this.search.pageSize = this.currentPage + this.defaultInitializationTable() + }, + // 鐐瑰嚮璁惧鏍戜繚瀛樼偣鍑昏褰� + nodeClick(data) { + if (data.id != undefined) this.nodeData = data; + }, + // 璁惧鏍戣繃婊ゆ悳绱� + filterNode(value, data) { + if (!value) return true; + return data.name.indexOf(value) !== -1; + }, + // 鑾峰彇璁惧鏍戝唴瀹� + getOptions() { + this.$axios.get(this.$api.url.rawSelectDevice).then(res => { + this.materialOptions = res.data; + }); + }, + // 鐐瑰嚮琛ㄦ牸閫夋嫨瑙﹀彂 + clickTableSelect(scope) { + this.centerDialogVisible = true; + this.clickSelectDevice.index = scope.$index; + this.clickSelectDevice.rpId = scope.row.id; + }, + // 鐐瑰嚮鏍戦噷闈㈢殑纭畾 + clickNodeSure() { + if (this.detailId == null) { + this.inspectionItems[ + this.clickSelectDevice.index + ].did = this.nodeData.id; + this.inspectionItems[ + this.clickSelectDevice.index + ].dname = this.nodeData.name; + this.centerDialogVisible = false; + } else { + this.$axios + .post(this.$api.url.inspectionItemUpdateDevByInsId, { + id: this.clickSelectDevice.rpId, + type: 1, + devId: this.nodeData.id + }) + .then(res => { + this.getTableData() + this.centerDialogVisible = false; + }); + } + }, + changeState(row, index) { + console.log(row); + if (row.did != null && row.did != '') { + let str = "" + row.empiricalValueAddss.forEach(e => { + str += e + "," + }) + this.$axios.post(this.$api.url.inspectionItemlose_focus_update, { + deviceId: row.did, + inspectionItemId: row.id, + inspectionValue: str.slice(0, -1) + }, { + headers: { "Content-Type": "application/json" } + }).then(res => { + row.result = res.data.result + row.username = res.data.username + }) + } else { + this.$message({ + message: '璇烽�夋嫨鎷╄澶囷紒', + type: 'warning' + }); + } + }, + // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣 + handleSizeChange(val) { + this.search.countSize = val; + this.defaultInitializationTable(); + }, + handleSpanMethod({ row, column, rowIndex, columnIndex }) { + if (columnIndex === 0) { + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } + if (columnIndex === 1) { + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } + }, + // 鍚堝苟琛ㄦ牸 + mergeTable() { + this.rowList = [] + this.spanArr = [] + this.position = 0 + this.inspectionItems.forEach((item, index) => { + if (index === 0) { + this.spanArr.push(1); + this.position = 0; + } else { + if (this.inspectionItems[index].father === this.inspectionItems[index - 1].father) { + this.spanArr[this.position] += 1; + this.spanArr.push(0); + } else { + this.spanArr.push(1); + this.position = index; + } + } + }) + }, + changeOptionSoptionSprocesses() { + this.optionTechnology = [] + let working = this.optionSoptionSprocesses.filter(item => { + return item.name === this.processInspectVo.techfather + })[0] + this.optionTechnology = working.children + }, + addTestProjevt() { + this.isAddProject = true + let val = JSON.parse(JSON.stringify(this.processInspectVo)) + val.material = this.processInspectVo.material.split("-")[1] + val.id=this.processInspectVo.material.split("-")[0] + this.$axios.post(this.$api.url.finishedInspectAddFinish, val, { + headers: { "Content-Type": "application/json" } + }).then(res => { + if (res.code === 201) { + this.$message({ + message: res.message, + type: 'warning' + }); + return + } + this.detailId = res.data + console.log(this.detailId); + this.inspectionResultForm[0].id = val.materialCode + this.inspectionResultForm[0].name = val.material + // this.getTableData() + }) + }, + getTableData() { + this.$axios.get(this.$api.url.inspectionItemListUser, { + params: { + id: this.detailId, + type: 1 + } + }).then(res => { + this.inspectionItems = res.data + let arr = [] + let val = JSON.parse(JSON.stringify(this.inspectionItems)) + const uName = [] + //杞垚涓�缁存暟缁� + val.forEach(l => { + let father = l.father + l.children.forEach(c => { + c.father = father + c.empiricalValueAddss = [] + if (c.inspectionValue != '' && c.inspectionValue != null) { + c.empiricalValueAddss = c.inspectionValue.split(","); + } else { + c.empiricalValueAddss.push("") + } + uName.push(c['username']) + arr.push(c) + }) + }) + this.inspectionItems = arr + let arrSort = JSON.parse(JSON.stringify(arr)) + //鏍规嵁闆嗗悎瀵硅薄鏁扮粍闀垮害鎺掑簭 + arrSort.sort((a, b) => { + if (a.empiricalValueAddss.length < b.empiricalValueAddss.length) { + return -1; // a鎺掑湪b鍓嶉潰 + } else if (a.empiricalValueAddss.length > b.empiricalValueAddss.length) { + return 1; // a鎺掑湪b鍚庨潰 + } else { + return 0; // 淇濇寔鐩稿椤哄簭涓嶅彉 + } + }); + // console.log(arrSort); + console.log(uName); + let name = [...new Set(uName)].filter(item => item !== null); + let rname = '' + name.forEach(m => { + rname += m + "," + }) + this.inspectionResultForm[0].inspecter = rname.slice(0, -1) + this.empiricalValueAdd = arrSort[arrSort.length - 1].empiricalValueAddss.length + this.mergeTable(arr) + }) + }, + selectSample() { + let sample = this.optionsSamplename.filter(item => { + return item.name === this.processInspectVo.material + })[0] + this.processInspectVo.techfather = null + this.processInspectVo.techname = null + this.processInspectVo.materialCode = sample.code + this.processInspectVo.specificationsModel = sample.specifications + this.processInspectVo.unit = sample.unit + this.optionSoptionSprocesses = [] + this.optionSoptionSprocesses = sample.children + }, + selectInfoByOrderId() { + this.$axios.get(this.$api.url.finishedInspectChooseMater, { + params: { + orderNumber: this.processInspectVo.orderNumber + } + }).then(res => { + if (res.data.length > 0) { + console.log(res.data); + this.processInspectVo.sname = res.data[0].sname + this.processInspectVo.prname = res.data[0].prname + this.optionsSamplename = res.data[0].children + } else { + this.$message({ + message: '娌℃湁璇ヨ鍗曞彿锛�', + type: 'warning' + }); + } + }) + }, + // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤� + handleCurrentChange(val) { + this.search.pageSize = val; + this.defaultInitializationTable(); + }, + // 鏄剧ず鏂板椤甸潰 + handleAddNew() { + this.showAddPage = true; + // this.getTableData() + }, + // 琛ㄦ牸鍒濆鍖栨帴鍙� + defaultInitializationTable() { + this.$axios + .post(this.$api.url.selectProcessInspectsList, this.search) + .then(res => { + this.inspectionTableTotal = res.data.total; + this.inspectionTable = res.data.row; + }); + }, + // 娣诲姞琛� + clickAddLine() { + let obj = { + material: "", + materialCode: "", + orderNumber: "", + quantity: 0, + specificationsModel: "", + techfather: "", + techname: "", + technologyId: 0, + unit: "" + }; + this.inspectionItems.push(obj); + }, + // 鍒犻櫎琛� + clickDeleteline(scope) { + this.inspectionItems.splice(scope.$index, 1); + }, + // 鍒犻櫎妫�楠屽�煎垪 + clickDeleteInspectionColumn() { + if (this.empiricalValueAdd - 1 === 0) { + } else { + if (this.empiricalValueAddMaxNumber != this.empiricalValueAdd - 1) { + this.empiricalValueAdd = this.empiricalValueAdd - 1; + this.inspectionItems.forEach(i => { + i.testValueList.splice(this.empiricalValueAdd, 1); + }); + } + } + }, + // 娣诲姞妫�楠屽�煎垪 + clickAddInspectionColumn() { + this.empiricalValueAdd = this.empiricalValueAdd + 1; + } + }, + created() { + this.defaultInitializationTable(); // 鍒濆鍖栬〃鏍兼暟鎹� + } +} +</script> + +<style></style> \ No newline at end of file diff --git a/src/components/view/finishedProductInspectionLook.vue b/src/components/view/finishedProductInspectionLook.vue new file mode 100644 index 0000000..17bcab3 --- /dev/null +++ b/src/components/view/finishedProductInspectionLook.vue @@ -0,0 +1,13 @@ +<template> + +</template> + +<script> +export default { + +} +</script> + +<style> + +</style> \ No newline at end of file diff --git a/src/components/view/finishedProductInspectionUp.vue b/src/components/view/finishedProductInspectionUp.vue new file mode 100644 index 0000000..17bcab3 --- /dev/null +++ b/src/components/view/finishedProductInspectionUp.vue @@ -0,0 +1,13 @@ +<template> + +</template> + +<script> +export default { + +} +</script> + +<style> + +</style> \ No newline at end of file diff --git a/src/components/view/laboratoryManagement.vue b/src/components/view/laboratoryManagement.vue index f03f361..38548d3 100644 --- a/src/components/view/laboratoryManagement.vue +++ b/src/components/view/laboratoryManagement.vue @@ -1,8 +1,8 @@ <template> - <div> + <div class="laboratoryMangement"> <el-row> <el-col :span="12" class="top_left_name">璁惧缁存姢</el-col> - <el-col :span="12" style="text-align: right;"> + <el-col :span="12" style="text-align: right;" class="title"> <el-button @click="testItem()" type="primary" @@ -995,3 +995,25 @@ line-height: 14px; } </style> +<style> + .laboratoryMangement .title *{ + font-size: 14px; + } + + .laboratoryMangement .table_top_div *{ + font-size: 14px; + } + + .laboratoryMangement .title .el-button { + height: 32px; + border: 1px solid rgba(190, 190, 190, 0.44); + box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); + padding: 0 12px; + } + .laboratoryMangement .table_top_div .el-button { + height: 32px; + border: 1px solid rgba(190, 190, 190, 0.44); + box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); + padding: 0 12px; + } +</style> \ No newline at end of file diff --git a/src/components/view/processInspection.vue b/src/components/view/processInspection.vue index a4d05e1..5bae215 100644 --- a/src/components/view/processInspection.vue +++ b/src/components/view/processInspection.vue @@ -1,6 +1,6 @@ <template> <div class="content-main"> - <div v-if="!showAddPage" class="rawPage"> + <div v-if="!showAddPage&&!showUp&&!showLook" class="rawPage"> <div class="title"> <el-row> <el-col :span="12">杩囩▼妫�楠�</el-col> @@ -15,8 +15,8 @@ <span>妫�楠岀姸鎬侊細</span> <el-select size="small" v-model="search.result" placeholder="璇烽�夋嫨妫�娴嬬姸鎬�" style="width: 224px;margin-right: 52px;"> <el-option :value="''" label="鍏ㄩ儴"></el-option> - <el-option :value="1" label="宸叉娴�"></el-option> - <el-option :value="2" label="寰呮娴�"></el-option> + <el-option :value="1" label="鍚堟牸"></el-option> + <el-option :value="0" label="涓嶅悎鏍�"></el-option> </el-select> <span>浜у搧鍚嶇О锛�</span> <el-input size="small" style="width: 224px;margin-right: 30px;" v-model="search.name" @@ -25,7 +25,7 @@ <el-input size="small" style="width: 224px;margin-right: 30px;" v-model="search.techfather" placeholder="璇疯緭鍏ュ伐搴�"></el-input> <el-button size="mini"><span>閲� 缃�</span></el-button> - <el-button size="mini" type="primary" style="background: #004EA2;"><span>鏌� 璇�</span></el-button> + <el-button size="mini" @click="searchPro" type="primary" style="background: #004EA2;"><span>鏌� 璇�</span></el-button> </div> <div class="content-body"> <div class="inspectionTable"> @@ -57,16 +57,16 @@ </el-table-column> <el-table-column label="鎿嶄綔" min-width="80"> <template slot-scope="scope"> - <el-button type="text" size="small" style="margin-left: 0;">璇︽儏</el-button> - <el-button type="text" size="small" @click="handleClick(scope.row)">鏌ョ湅</el-button> - <el-button type="text" size="small" style="margin-left: 0;">缂栬緫</el-button> + <el-button type="text" size="small" @click="handleClick(scope.row)" style="margin-left: 0;">璇︽儏</el-button> + <el-button type="text" size="small" >鏌ョ湅</el-button> + <el-button v-if="scope.row.result == null" type="text" size="small" style="margin-left: 0;" @click="updateInsInfo(scope.row)">缂栬緫</el-button> </template> </el-table-column> </el-table> </div> <!-- 鍒嗛〉鍣� --> <div class="pagination"> - <el-pagination :current-page="1" :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" + <el-pagination :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="inspectionTableTotal" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> </div> @@ -151,7 +151,7 @@ </el-form-item> </el-col> <el-col :span="10" style="display: flex;justify-content: end;"> - <el-button type="primary" @click="addTestProjevt">鐢熸垚妫�楠岄」鐩�</el-button> + <el-button type="primary" :disabled="isAddProject" @click="addTestProjevt">鐢熸垚妫�楠岄」鐩�</el-button> </el-col> </el-row> </div> @@ -171,42 +171,43 @@ > --> </el-col> </el-row> - <el-table :row-key="inspectionItems.id" :data="inspectionItems" max-height="420" :span-method="handleSpanMethod" height="calc(100vh - 550px)" style="width: 100%"> + <el-table :data="inspectionItems" max-height="420" :span-method="handleSpanMethod" height="calc(100vh - 550px)" + style="width: 100%"> <el-table-column type="index" label="搴忓彿" width="60"></el-table-column> <el-table-column label="椤圭洰" prop="father"></el-table-column> <el-table-column prop="name" label="鎸囨爣"></el-table-column> <el-table-column prop="unit" label="鍗曚綅"></el-table-column> <el-table-column prop="required" label="鏍囧噯鍊�"></el-table-column> <el-table-column prop="internal" label="鍐呮祴鍊�"></el-table-column> - <el-table-column prop="inspectionValue" label="妫�娴嬪��" min-width="100" style="text-align: center;"> - <template slot-scope="scope"> - <el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" - placement="top-start"> - <el-input :disabled="scope.row.deviceId === null" :value="item" - @blur="changeState(scope.row, index)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> - </el-tooltip> - </template> - </el-table-column> - <el-table-column label="璇曢獙璁惧"> + <el-table-column prop="inspectionValue" v-for="(item, index) in empiricalValueAdd" :key="index" label="妫�娴嬪��" + min-width="100" style="text-align: center;"> <template slot-scope="scope"> - {{ scope.row.device }} - <el-select v-model="scope.row.device" size="small" slot="append" style="width: 100px;"> - <el-option value="閫夐」1"></el-option> - <el-option value="閫夐」2"></el-option> - </el-select> + <el-tooltip :disabled="scope.row.dname != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" + placement="top-start"> + <el-input :disabled="scope.row.dname === null" v-model="scope.row.empiricalValueAddss[index]" + @blur="changeState(scope.row, index)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> + </el-tooltip> + </template> + </el-table-column> + <el-table-column prop="dname" label="璇曢獙璁惧" min-width="100"> + <template slot-scope="scope"> + <el-button type="text" @click="clickTableSelect(scope)">{{ + scope.row.dname == null ? "璇烽�夋嫨" : scope.row.dname + }}</el-button> </template> </el-table-column> <el-table-column label="缁撹"> <template slot-scope="scope"> <span style="color: #34BD66;" v-if="scope.row.result === 1">鍚堟牸</span> <span style="color: #E84738;" v-else-if="scope.row.result === 0">涓嶅悎鏍�</span> + <span v-show="scope.row.result === null">鏆傛湭缁撹</span> </template> </el-table-column> - <el-table-column v-if="detailId == null" label="鎿嶄綔" width="100"> + <!-- <el-table-column v-if="detailId == null" label="鎿嶄綔" width="100"> <template slot-scope="scope"> <el-button type="text" @click="clickDeleteline(scope)">鍒犻櫎</el-button> </template> - </el-table-column> + </el-table-column> --> </el-table> </div> <div class="inspectionResult"> @@ -219,15 +220,47 @@ <el-table-column prop="operation" label="涓婃姤"></el-table-column> </el-table> </div> + <el-dialog title="璇烽�夋嫨璁惧" :visible.sync="centerDialogVisible" width="20%"> + <div class="div_device_dialog"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText" style="margin-bottom: 6px;"> + </el-input> + <el-tree class="filter-tree" :data="materialOptions" :props="defaultProps" default-expand-all highlight-current + @node-click="nodeClick" :filter-node-method="filterNode" ref="tree"> + <div class="custom-tree-node" slot-scope="{ data }"> + <span><i :class="`node_i ${data.children ? 'el-icon-folder-opened' : 'el-icon-tickets' + }` + "></i> + {{ data.name }}</span> + </div> + </el-tree> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="centerDialogVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="clickNodeSure()">纭� 瀹�</el-button> + </span> + </el-dialog> + </div> + <div class="newPage" v-if="showUp"> + <processInspectionUpdate :rowInfo="rowInfp"/> + </div> + <div class="newPage" v-if="showLook"> + <processInspectionLook :rowInfo="rowInfp"/> </div> </div> </template> <script> +import processInspectionUpdate from '../view/processInspectionUpdate.vue' +import processInspectionLook from '../view/processInspectionLook.vue' export default { + components: { processInspectionUpdate,processInspectionLook }, data() { return { - detailId: null, + showUp: false, + isAddProject:false, + showLook: false, + detailId: 28, + rowInfp:{}, search: { countSize: 10, pageSize: 1, @@ -237,19 +270,22 @@ }, optionsSamplename: [], inspectionTable: [], + tableColumn: [], optionSoptionSprocesses: [], optionTechnology: [], - inspectionTableTotal: "", + inspectionTableTotal: 0, + pageSize: 10, + currentPage: 1, treeProject: [], // 娣诲姞鍒� - empiricalValueAdd: [], + empiricalValueAdd: 1, // 缂栬緫鏃跺瓨鍌ㄦ渶闀跨殑鍒楁暟瀛楋紝鍋氬垹闄ゅ垽鏂� empiricalValueAddMaxNumber: 0, showAddPage: false, processInspectVo: { material: null, materialCode: null, - orderNumber: "D-001", + orderNumber: "", quantity: null, specificationsModel: null, techfather: null, @@ -277,9 +313,9 @@ inspectionItems: [], // 鏂板妫�楠岄」鐩〃鏍� inspectionResultForm: [ { - id: "274024", - name: "111", - inspecter: "111", + id: "", + name: "", + inspecter: "", conclusion: "", operation: "" } @@ -288,59 +324,160 @@ value: "", rowList: [], spanArr: [], - position: 0 + position: 0, + // 璁惧閫夋嫨鏍戞樉绀� + centerDialogVisible: false, + filterText: "", + materialOptions: [], + defaultProps: { + // 璁惧鏍戞暟鎹缃� + children: "children", + label: "name" + }, + nodeData: "", // node鐐瑰嚮淇濆瓨褰撳墠鐐瑰嚮鏁版嵁 + clickSelectDevice: { + index: "", // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岀储寮� + rpId: "" // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岄」鐩甀d + } }; + }, + watch: { + filterText(val) { + this.$refs.tree.filter(val); + } }, mounted() { // this.getTableData() + this.getOptions(); }, methods: { + handleClick(row){ + this.rowInfp=row + this.showLook=true + }, + updateInsInfo(row){ + this.rowInfp=row + this.showUp=true + }, + combackMain(){ + this.showUp=false + this.showLook=false + }, + searchPro(){ + this.search.countSize=this.pageSize + this.search.pageSize=this.currentPage + this.defaultInitializationTable() + }, + // 鐐瑰嚮璁惧鏍戜繚瀛樼偣鍑昏褰� + nodeClick(data) { + if (data.id != undefined) this.nodeData = data; + }, + // 璁惧鏍戣繃婊ゆ悳绱� + filterNode(value, data) { + if (!value) return true; + return data.name.indexOf(value) !== -1; + }, + // 鑾峰彇璁惧鏍戝唴瀹� + getOptions() { + this.$axios.get(this.$api.url.rawSelectDevice).then(res => { + this.materialOptions = res.data; + }); + }, + // 鐐瑰嚮琛ㄦ牸閫夋嫨瑙﹀彂 + clickTableSelect(scope) { + this.centerDialogVisible = true; + this.clickSelectDevice.index = scope.$index; + this.clickSelectDevice.rpId = scope.row.id; + }, + // 鐐瑰嚮鏍戦噷闈㈢殑纭畾 + clickNodeSure() { + if (this.detailId == null) { + this.inspectionItems[ + this.clickSelectDevice.index + ].did = this.nodeData.id; + this.inspectionItems[ + this.clickSelectDevice.index + ].dname = this.nodeData.name; + this.centerDialogVisible = false; + } else { + this.$axios + .post(this.$api.url.inspectionItemUpdateDevByInsId, { + id: this.clickSelectDevice.rpId, + type: 1, + devId: this.nodeData.id + }) + .then(res => { + this.getTableData() + this.centerDialogVisible = false; + }); + } + }, + changeState(row, index) { + console.log(row); + if(row.did!=null&&row.did!=''){ + let str="" + row.empiricalValueAddss.forEach(e=>{ + str+=e+"," + }) + this.$axios.post(this.$api.url.inspectionItemlose_focus_update, { + deviceId: row.did, + inspectionItemId: row.id, + inspectionValue: str.slice(0,-1) + }, { + headers: { "Content-Type": "application/json" } + }).then(res => { + row.result=res.data.result + row.username=res.data.username + }) + }else{ + this.$message({ + message: '璇烽�夋嫨鎷╄澶囷紒', + type: 'warning' + }); + } + }, // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣 handleSizeChange(val) { this.search.countSize = val; this.defaultInitializationTable(); }, - getInsArr(val){ - console.log(val); - return val.split(",") - }, handleSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { - const _row = this.spanArr[rowIndex]; - const _col = _row>0 ? 1 : 0; - return { - rowspan: _row, - colspan: _col - } - } - if(columnIndex === 1){ - const _row = this.spanArr[rowIndex]; - const _col = _row>0 ? 1 : 0; - return { - rowspan: _row, - colspan: _col - } - } + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } + if (columnIndex === 1) { + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } }, // 鍚堝苟琛ㄦ牸 mergeTable() { - this.rowList=[] - this.spanArr=[] - this.position=0 - this.inspectionItems.forEach((item,index) => { - if( index === 0){ - this.spanArr.push(1); - this.position = 0; - }else{ - if(this.inspectionItems[index].father === this.inspectionItems[index-1].father ){ - this.spanArr[this.position] += 1; - this.spanArr.push(0); - }else{ - this.spanArr.push(1); - this.position = index; - } - } - }) + this.rowList = [] + this.spanArr = [] + this.position = 0 + this.inspectionItems.forEach((item, index) => { + if (index === 0) { + this.spanArr.push(1); + this.position = 0; + } else { + if (this.inspectionItems[index].father === this.inspectionItems[index - 1].father) { + this.spanArr[this.position] += 1; + this.spanArr.push(0); + } else { + this.spanArr.push(1); + this.position = index; + } + } + }) }, changeOptionSoptionSprocesses() { this.optionTechnology = [] @@ -350,6 +487,7 @@ this.optionTechnology = working.children }, addTestProjevt() { + this.isAddProject=true let val = JSON.parse(JSON.stringify(this.processInspectVo)) val.techname = this.processInspectVo.techname.split("-")[1] val.technologyId = this.processInspectVo.techname.split("-")[0] @@ -373,31 +511,59 @@ }); return } - this.InspectioniD = res.data + this.detailId = res.data + this.inspectionResultForm[0].id=val.materialCode + this.inspectionResultForm[0].name=val.material this.getTableData() }) }, getTableData() { this.$axios.get(this.$api.url.inspectionItemListUser, { params: { - id: 28, + id: this.detailId, type: 1 } }).then(res => { this.inspectionItems = res.data let arr = [] - let val=JSON.parse(JSON.stringify(this.inspectionItems)) + let val = JSON.parse(JSON.stringify(this.inspectionItems)) + const uName=[] //杞垚涓�缁存暟缁� val.forEach(l => { let father = l.father l.children.forEach(c => { c.father = father - c.empiricalValueAdd=[] + c.empiricalValueAddss = [] + if (c.inspectionValue != '' && c.inspectionValue != null) { + c.empiricalValueAddss = c.inspectionValue.split(","); + } else { + c.empiricalValueAddss.push("") + } + uName.push(c['username']) arr.push(c) }) }) this.inspectionItems = arr - console.log(this.inspectionItems); + let arrSort = JSON.parse(JSON.stringify(arr)) + //鏍规嵁闆嗗悎瀵硅薄鏁扮粍闀垮害鎺掑簭 + arrSort.sort((a, b) => { + if (a.empiricalValueAddss.length < b.empiricalValueAddss.length) { + return -1; // a鎺掑湪b鍓嶉潰 + } else if (a.empiricalValueAddss.length > b.empiricalValueAddss.length) { + return 1; // a鎺掑湪b鍚庨潰 + } else { + return 0; // 淇濇寔鐩稿椤哄簭涓嶅彉 + } + }); + // console.log(arrSort); + console.log(uName); + let name=[...new Set(uName)].filter(item => item !== null); + let rname='' + name.forEach(m=>{ + rname+=m+"," + }) + this.inspectionResultForm[0].inspecter=rname.slice(0,-1) + this.empiricalValueAdd=arrSort[arrSort.length-1].empiricalValueAddss.length this.mergeTable(arr) }) }, @@ -438,7 +604,7 @@ // 鏄剧ず鏂板椤甸潰 handleAddNew() { this.showAddPage = true; - this.getTableData() + // this.getTableData() }, // 琛ㄦ牸鍒濆鍖栨帴鍙� defaultInitializationTable() { @@ -492,6 +658,13 @@ </script> <style> +.node_i { + color: orange; +} +.div_device_dialog { + min-height: 400px; + overflow: auto; +} .nav { display: flex; padding: 20px 20px; diff --git a/src/components/view/processInspectionLook.vue b/src/components/view/processInspectionLook.vue new file mode 100644 index 0000000..3022239 --- /dev/null +++ b/src/components/view/processInspectionLook.vue @@ -0,0 +1,627 @@ +<template> + <div> + <!-- 缂栬緫椤甸潰 --> + <div class="addInspection"> + <el-row class="header"> + <el-col :span="12">缂栬緫杩囩▼妫�楠屽崟</el-col> + <el-col :span="12" style="text-align: right;"> + <!-- 鐐瑰嚮杩斿洖锛屽綋鍓嶉〉闈㈠�间负false --> + <!-- <el-button type="primary" size="mini" style="background: #004EA2; " + icon="el-icon-circle-plus-outline">鏂板</el-button> --> + <el-button @click="combackFather" type="primary" size="mini" icon="el-icon-back" + style="background: #004EA2; ">杩斿洖</el-button> + </el-col> + </el-row> + <el-form :model="processInspectVo" ref="addInspectionform" class="addInspectionform" label-position="right" + label-width="120px" size="small"> + <div class="formwrapper"> + <el-row :gutter="230"> + <el-col :span="7"> + <el-form-item label="璁㈠崟鍙凤細"> + <el-input @blur="selectInfoByOrderId" disabled style="width: 210px;" size="small" + v-model="processInspectVo.orderNumber" placeholder="璇疯緭鍏ヨ鍗曞彿" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="浜у搧鍚嶇О锛�"> + <el-select style="width: 210px;" size="small" disabled @change="selectSample" + v-model="processInspectVo.material" placeholder="璇烽�夋嫨浜у搧"> + <el-option v-for="item in optionsSamplename" :key="item.value" :label="item.name" + :value="item.name"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="浜у搧缂栫爜锛�"> + <el-input style="width: 210px;" size="small" disabled + v-model="processInspectVo.materialCode" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="230"> + <el-col :span="7"> + <el-form-item label="瑙勬牸鍨嬪彿锛�"> + <el-input style="width: 210px;" size="small" disabled + v-model="processInspectVo.specificationsModel" placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="宸ュ簭鍚嶇О锛�"> + <el-select @change="changeOptionSoptionSprocesses" disabled + v-model="processInspectVo.techfather" placeholder="璇烽�夋嫨" style="width: 210px;" + size="small"> + <el-option v-for="item in optionSoptionSprocesses" :key="item.name" :label="item.name" + :value="item.name"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="宸ヨ壓鍚嶇О锛�"> + <el-select v-model="processInspectVo.techname" disabled placeholder="璇烽�夋嫨" + style="width: 210px;" size="small"> + <el-option v-for="item in optionTechnology" :key="item.id" :label="item.name" + :value="item.id + '-' + item.name"> + </el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="230"> + <el-col :span="7"> + <el-form-item label="鍗曚綅锛�"> + <el-input style="width: 210px;" size="small" disabled v-model="processInspectVo.unit" + placeholder="璇疯緭鍏ュ崟浣�" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鏁伴噺锛�"> + <el-input style="width: 210px;" size="small" disabled v-model="processInspectVo.quantity" + placeholder="璇疯緭鍏ユ暟閲�" /> + </el-form-item> + </el-col> + <!-- <el-col :span="10" style="display: flex;justify-content: end;"> + <el-button type="primary" :disabled="isAddProject" @click="addTestProjevt">鐢熸垚妫�楠岄」鐩�</el-button> + </el-col> --> + </el-row> + </div> + </el-form> + </div> + <div class="inspectionProject"> + <el-row> + <el-col :span="12" class="inspectionProject_span">妫�楠岄」鐩�</el-col> + <el-col :span="12" class="inspectionProject_span"> + <!-- <el-button size="mini" @click="clickDeleteInspectionColumn()">鍒犻櫎妫�楠屽�煎垪</el-button> + <el-button style="margin-right: 30px;" size="mini" + @click="clickAddInspectionColumn()">娣诲姞妫�楠屽�煎垪</el-button> --> + <!-- <el-button + size="mini" + style="margin-right: 30px;" + @click="clickAddLine()" + >娣诲姞妫�楠岃</el-button + > --> + </el-col> + </el-row> + <el-table :data="inspectionItems" max-height="420" :span-method="handleSpanMethod" height="calc(100vh - 550px)" + style="width: 100%"> + <el-table-column type="index" label="搴忓彿" width="60"></el-table-column> + <el-table-column label="椤圭洰" prop="father"></el-table-column> + <el-table-column prop="name" label="鎸囨爣"></el-table-column> + <el-table-column prop="unit" label="鍗曚綅"></el-table-column> + <el-table-column prop="required" label="鏍囧噯鍊�"></el-table-column> + <el-table-column prop="internal" label="鍐呮祴鍊�"></el-table-column> + <el-table-column prop="inspectionValue" v-for="(item, index) in empiricalValueAdd" :key="index" label="妫�娴嬪��" + min-width="100" style="text-align: center;"> + <template slot-scope="scope"> + <el-input disabled v-model="scope.row.empiricalValueAddss[index]" + @blur="changeState(scope.row, index)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> + </template> + </el-table-column> + <el-table-column prop="dname" label="璇曢獙璁惧" min-width="100"> + <template slot-scope="scope"> + <span>{{ scope.row.dname }}</span> + </template> + </el-table-column> + <el-table-column label="缁撹"> + <template slot-scope="scope"> + <span style="color: #34BD66;" v-if="scope.row.result === 1">鍚堟牸</span> + <span style="color: #E84738;" v-else-if="scope.row.result === 0">涓嶅悎鏍�</span> + <span v-show="scope.row.result === null">鏆傛湭缁撹</span> + </template> + </el-table-column> + <!-- <el-table-column v-if="detailId == null" label="鎿嶄綔" width="100"> + <template slot-scope="scope"> + <el-button type="text" @click="clickDeleteline(scope)">鍒犻櫎</el-button> + </template> + </el-table-column> --> + </el-table> + </div> + <div class="inspectionResult"> + <span>妫�娴嬬粨鏋�</span> + <el-table :data="inspectionResultForm"> + <el-table-column prop="id" label="鐗╂枡缂栧彿"></el-table-column> + <el-table-column prop="name" label="鐗╂枡鍚嶇О"></el-table-column> + <el-table-column prop="inspecter" label="妫�楠屽憳"></el-table-column> + <el-table-column prop="conclusion" label="妫�楠岀粨璁�"> + <template slot-scope="scope"> + <span style="color: #34BD66;" v-if="scope.row.conclusion === 1">鍚堟牸</span> + <span style="color: #E84738;" v-else-if="scope.row.conclusion === 0">涓嶅悎鏍�</span> + <span v-show="scope.row.conclusion === null || scope.row.conclusion === undefined">鏆傛湭缁撹</span> + </template> + </el-table-column> + <!-- <el-table-column prop="operation" label="涓婃姤"> + <el-button type="primary" @click="escalation" size="small">涓婃姤</el-button> + </el-table-column> --> + </el-table> + </div> + <el-dialog title="璇烽�夋嫨璁惧" :visible.sync="centerDialogVisible" width="20%"> + <div class="div_device_dialog"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText" style="margin-bottom: 6px;"> + </el-input> + <el-tree class="filter-tree" :data="materialOptions" :props="defaultProps" default-expand-all + highlight-current @node-click="nodeClick" :filter-node-method="filterNode" ref="tree"> + <div class="custom-tree-node" slot-scope="{ data }"> + <span><i :class="`node_i ${data.children ? 'el-icon-folder-opened' : 'el-icon-tickets' + }` + "></i> + {{ data.name }}</span> + </div> + </el-tree> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="centerDialogVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="clickNodeSure()">纭� 瀹�</el-button> + </span> + </el-dialog> + </div> +</template> + +<script> +export default { + props: ['rowInfo'], + data() { + return { + showUp: false, + isAddProject: false, + detailId: 0, + row: {}, + search: { + countSize: 10, + pageSize: 1, + result: "", // 妫�娴嬬姸鎬� + name: "", // 浜у搧鍚嶇О + techfather: "" // 宸ュ簭 + }, + optionsSamplename: [], + inspectionTable: [], + tableColumn: [], + optionSoptionSprocesses: [], + optionTechnology: [], + inspectionTableTotal: "", + treeProject: [], + // 娣诲姞鍒� + empiricalValueAdd: 1, + // 缂栬緫鏃跺瓨鍌ㄦ渶闀跨殑鍒楁暟瀛楋紝鍋氬垹闄ゅ垽鏂� + empiricalValueAddMaxNumber: 0, + showAddPage: false, + processInspectVo: { + material: null, + materialCode: null, + orderNumber: "", + quantity: null, + specificationsModel: null, + techfather: null, + techname: null, + technologyId: null, + unit: null + }, + InspectioniD: null, + addInspectionform: [ + { + number: "", + username: "", + projectname: "", + tracenumber: "", + code: "", + class: "", + specificationmodel: "", + unit: "", + quantity: "", + group: "", + worker: "", + machine: "" + }] + , + inspectionItems: [], // 鏂板妫�楠岄」鐩〃鏍� + inspectionResultForm: [ + { + id: "", + name: "", + inspecter: "", + conclusion: "", + operation: "" + } + ], + options: [], + value: "", + rowList: [], + spanArr: [], + position: 0, + // 璁惧閫夋嫨鏍戞樉绀� + centerDialogVisible: false, + filterText: "", + materialOptions: [], + defaultProps: { + // 璁惧鏍戞暟鎹缃� + children: "children", + label: "name" + }, + nodeData: "", // node鐐瑰嚮淇濆瓨褰撳墠鐐瑰嚮鏁版嵁 + clickSelectDevice: { + index: "", // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岀储寮� + rpId: "" // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岄」鐩甀d + } + }; + }, + watch: { + filterText(val) { + this.$refs.tree.filter(val); + } + }, + created() { + this.processInspectVo.orderNumber = this.rowInfo.order_number + this.processInspectVo.material = this.rowInfo.material + this.processInspectVo.materialCode = this.rowInfo.material_code + this.processInspectVo.specificationsModel = this.rowInfo.specifications_model + this.processInspectVo.techfather = this.rowInfo.techfather + this.processInspectVo.techname = this.rowInfo.techname + this.processInspectVo.unit = this.rowInfo.unit + this.processInspectVo.quantity = this.rowInfo.quantity + this.detailId = this.rowInfo.id + this.inspectionResultForm[0].id = this.rowInfo.material_code + this.inspectionResultForm[0].name = this.rowInfo.material + this.inspectionResultForm[0].conclusion = this.rowInfo.result + // console.log(this.detailId); + }, + mounted() { + this.getOptions(); + this.getTableData() + }, + methods: { + escalation() { + let arr = this.inspectionItems + let bl = false + for (let index = 0; index < arr.length; index++) { + const element = arr[index]; + if (element.dname != null && element.empiricalValueAddss[0] != '') { + bl = true + break + } else { + bl = false + } + } + if (bl != true) { + this.$message({ + message: '璇峰厛妫�娴嬩竴椤归」鐩紒', + type: 'warning' + }); + return + } + this.$axios.post(this.$api.url.processInspectUpdateProcessInspectsById, { + id: this.detailId + }).then(res => { + console.log(res); + if (res.code == 200) { + this.$message({ + message: '涓婃姤鎴愬姛', + type: 'success' + }); + } else { + this.$message({ + message: res.message, + type: 'warning' + }); + } + }) + }, + handleClick() { }, + updateInsInfo(row) { + console.log(row); + this.row = row + this.showUp = true + }, + // 鐐瑰嚮璁惧鏍戜繚瀛樼偣鍑昏褰� + nodeClick(data) { + if (data.id != undefined) this.nodeData = data; + }, + // 璁惧鏍戣繃婊ゆ悳绱� + filterNode(value, data) { + if (!value) return true; + return data.name.indexOf(value) !== -1; + }, + // 鑾峰彇璁惧鏍戝唴瀹� + getOptions() { + this.$axios.get(this.$api.url.rawSelectDevice).then(res => { + this.materialOptions = res.data; + }); + }, + //杩斿洖 + combackFather() { + this.$parent.combackMain() + }, + // 鐐瑰嚮琛ㄦ牸閫夋嫨瑙﹀彂 + clickTableSelect(scope) { + this.centerDialogVisible = true; + this.clickSelectDevice.index = scope.$index; + this.clickSelectDevice.rpId = scope.row.id; + }, + // 鐐瑰嚮鏍戦噷闈㈢殑纭畾 + clickNodeSure() { + if (this.detailId == null) { + this.inspectionItems[ + this.clickSelectDevice.index + ].did = this.nodeData.id; + this.inspectionItems[ + this.clickSelectDevice.index + ].dname = this.nodeData.name; + this.centerDialogVisible = false; + } else { + this.$axios + .post(this.$api.url.inspectionItemUpdateDevByInsId, { + id: this.clickSelectDevice.rpId, + type: 1, + devId: this.nodeData.id + }) + .then(res => { + this.getTableData() + this.centerDialogVisible = false; + }); + } + }, + changeState(row, index) { + console.log(row); + if (row.did != null && row.did != '') { + let str = "" + row.empiricalValueAddss.forEach(e => { + str += e + "," + }) + this.$axios.post(this.$api.url.inspectionItemlose_focus_update, { + deviceId: row.did, + inspectionItemId: row.id, + inspectionValue: str.slice(0, -1) + }, { + headers: { "Content-Type": "application/json" } + }).then(res => { + row.result = res.data.result + row.username = res.data.username + }) + } else { + this.$message({ + message: '璇烽�夋嫨鎷╄澶囷紒', + type: 'warning' + }); + } + }, + // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣 + handleSizeChange(val) { + this.search.countSize = val; + this.defaultInitializationTable(); + }, + handleSpanMethod({ row, column, rowIndex, columnIndex }) { + if (columnIndex === 0) { + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } + if (columnIndex === 1) { + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } + }, + // 鍚堝苟琛ㄦ牸 + mergeTable() { + this.rowList = [] + this.spanArr = [] + this.position = 0 + this.inspectionItems.forEach((item, index) => { + if (index === 0) { + this.spanArr.push(1); + this.position = 0; + } else { + if (this.inspectionItems[index].father === this.inspectionItems[index - 1].father) { + this.spanArr[this.position] += 1; + this.spanArr.push(0); + } else { + this.spanArr.push(1); + this.position = index; + } + } + }) + }, + changeOptionSoptionSprocesses() { + this.optionTechnology = [] + let working = this.optionSoptionSprocesses.filter(item => { + return item.name === this.processInspectVo.techfather + })[0] + this.optionTechnology = working.children + }, + addTestProjevt() { + this.isAddProject = true + let val = JSON.parse(JSON.stringify(this.processInspectVo)) + val.techname = this.processInspectVo.techname.split("-")[1] + val.technologyId = this.processInspectVo.techname.split("-")[0] + this.$axios.post(this.$api.url.processInspectAddProcess, { + material: val.material, + materialCode: val.materialCode, + orderNumber: val.orderNumber, + quantity: val.quantity, + specificationsModel: val.specificationsModel, + techfather: val.techfather, + techname: val.techname, + technologyId: val.technologyId, + unit: val.unit + }, { + headers: { "Content-Type": "application/json" } + }).then(res => { + if (res.code === 201) { + this.$message({ + message: res.message, + type: 'warning' + }); + return + } + this.detailId = res.data + this.inspectionResultForm[0].id = res.data + this.inspectionResultForm[0].name = val.material + this.getTableData() + }) + }, + getTableData() { + this.$axios.get(this.$api.url.inspectionItemListUser, { + params: { + id: this.detailId, + type: 1 + } + }).then(res => { + if (res.data.length < 1) { + return + } + this.inspectionItems = res.data + let arr = [] + let val = JSON.parse(JSON.stringify(this.inspectionItems)) + const uName = [] + //杞垚涓�缁存暟缁� + val.forEach(l => { + let father = l.father + l.children.forEach(c => { + c.father = father + c.empiricalValueAddss = [] + if (c.inspectionValue != '' && c.inspectionValue != null) { + c.empiricalValueAddss = c.inspectionValue.split(","); + } else { + c.empiricalValueAddss.push("") + } + uName.push(c['username']) + arr.push(c) + }) + }) + this.inspectionItems = arr + let arrSort = JSON.parse(JSON.stringify(arr)) + //鏍规嵁闆嗗悎瀵硅薄鏁扮粍闀垮害鎺掑簭 + arrSort.sort((a, b) => { + if (a.empiricalValueAddss.length < b.empiricalValueAddss.length) { + return -1; // a鎺掑湪b鍓嶉潰 + } else if (a.empiricalValueAddss.length > b.empiricalValueAddss.length) { + return 1; // a鎺掑湪b鍚庨潰 + } else { + return 0; // 淇濇寔鐩稿椤哄簭涓嶅彉 + } + }); + // console.log(arrSort); + console.log(uName); + let name = [...new Set(uName)].filter(item => item !== null); + let rname = '' + name.forEach(m => { + rname += m + "," + }) + this.inspectionResultForm[0].inspecter = rname.slice(0, -1) + this.empiricalValueAdd = arrSort[arrSort.length - 1].empiricalValueAddss.length + this.mergeTable(arr) + }) + }, + selectSample() { + let sample = this.optionsSamplename.filter(item => { + return item.name === this.processInspectVo.material + })[0] + this.processInspectVo.techfather = null + this.processInspectVo.techname = null + this.processInspectVo.materialCode = sample.code + this.processInspectVo.specificationsModel = sample.specifications + this.processInspectVo.unit = sample.unit + this.optionSoptionSprocesses = [] + this.optionSoptionSprocesses = sample.children + }, + selectInfoByOrderId() { + this.$axios.get(this.$api.url.chooseMaterProcessInspect, { + params: { + orderNumber: this.processInspectVo.orderNumber + } + }).then(res => { + if (res.data.length > 0) { + console.log(res.data); + this.optionsSamplename = res.data + } else { + this.$message({ + message: '娌℃湁璇ヨ鍗曞彿锛�', + type: 'warning' + }); + } + }) + }, + // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤� + handleCurrentChange(val) { + this.search.pageSize = val; + this.defaultInitializationTable(); + }, + // 鏄剧ず鏂板椤甸潰 + handleAddNew() { + this.showAddPage = true; + // this.getTableData() + }, + // 琛ㄦ牸鍒濆鍖栨帴鍙� + defaultInitializationTable() { + this.$axios + .post(this.$api.url.selectProcessInspectsList, this.search) + .then(res => { + this.inspectionTableTotal = res.data.total; + this.inspectionTable = res.data.row; + }); + }, + // 娣诲姞琛� + clickAddLine() { + let obj = { + material: "", + materialCode: "", + orderNumber: "", + quantity: 0, + specificationsModel: "", + techfather: "", + techname: "", + technologyId: 0, + unit: "" + }; + this.inspectionItems.push(obj); + }, + // 鍒犻櫎琛� + clickDeleteline(scope) { + this.inspectionItems.splice(scope.$index, 1); + }, + // 鍒犻櫎妫�楠屽�煎垪 + clickDeleteInspectionColumn() { + if (this.empiricalValueAdd - 1 === 0) { + } else { + if (this.empiricalValueAddMaxNumber != this.empiricalValueAdd - 1) { + this.empiricalValueAdd = this.empiricalValueAdd - 1; + this.inspectionItems.forEach(i => { + i.testValueList.splice(this.empiricalValueAdd, 1); + }); + } + } + }, + // 娣诲姞妫�楠屽�煎垪 + clickAddInspectionColumn() { + this.empiricalValueAdd = this.empiricalValueAdd + 1; + } + } +} +</script> + +<style></style> \ No newline at end of file diff --git a/src/components/view/processInspectionUpdate.vue b/src/components/view/processInspectionUpdate.vue new file mode 100644 index 0000000..b2578cc --- /dev/null +++ b/src/components/view/processInspectionUpdate.vue @@ -0,0 +1,632 @@ +<template> + <div> + <!-- 缂栬緫椤甸潰 --> + <div class="addInspection"> + <el-row class="header"> + <el-col :span="12">缂栬緫杩囩▼妫�楠屽崟</el-col> + <el-col :span="12" style="text-align: right;"> + <!-- 鐐瑰嚮杩斿洖锛屽綋鍓嶉〉闈㈠�间负false --> + <!-- <el-button type="primary" size="mini" style="background: #004EA2; " + icon="el-icon-circle-plus-outline">鏂板</el-button> --> + <el-button @click="combackFather" type="primary" size="mini" icon="el-icon-back" + style="background: #004EA2; ">杩斿洖</el-button> + </el-col> + </el-row> + <el-form :model="processInspectVo" ref="addInspectionform" class="addInspectionform" label-position="right" + label-width="120px" size="small"> + <div class="formwrapper"> + <el-row :gutter="230"> + <el-col :span="7"> + <el-form-item label="璁㈠崟鍙凤細"> + <el-input @blur="selectInfoByOrderId" disabled style="width: 210px;" size="small" + v-model="processInspectVo.orderNumber" placeholder="璇疯緭鍏ヨ鍗曞彿" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="浜у搧鍚嶇О锛�"> + <el-select style="width: 210px;" size="small" disabled @change="selectSample" + v-model="processInspectVo.material" placeholder="璇烽�夋嫨浜у搧"> + <el-option v-for="item in optionsSamplename" :key="item.value" :label="item.name" + :value="item.name"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="浜у搧缂栫爜锛�"> + <el-input style="width: 210px;" size="small" disabled + v-model="processInspectVo.materialCode" placeholder="璇疯緭鍏ヤ骇鍝佺紪鐮�" /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="230"> + <el-col :span="7"> + <el-form-item label="瑙勬牸鍨嬪彿锛�"> + <el-input style="width: 210px;" size="small" disabled + v-model="processInspectVo.specificationsModel" placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="宸ュ簭鍚嶇О锛�"> + <el-select @change="changeOptionSoptionSprocesses" disabled + v-model="processInspectVo.techfather" placeholder="璇烽�夋嫨" style="width: 210px;" + size="small"> + <el-option v-for="item in optionSoptionSprocesses" :key="item.name" :label="item.name" + :value="item.name"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="宸ヨ壓鍚嶇О锛�"> + <el-select v-model="processInspectVo.techname" disabled placeholder="璇烽�夋嫨" + style="width: 210px;" size="small"> + <el-option v-for="item in optionTechnology" :key="item.id" :label="item.name" + :value="item.id + '-' + item.name"> + </el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="230"> + <el-col :span="7"> + <el-form-item label="鍗曚綅锛�"> + <el-input style="width: 210px;" size="small" disabled v-model="processInspectVo.unit" + placeholder="璇疯緭鍏ュ崟浣�" /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鏁伴噺锛�"> + <el-input style="width: 210px;" size="small" disabled v-model="processInspectVo.quantity" + placeholder="璇疯緭鍏ユ暟閲�" /> + </el-form-item> + </el-col> + <!-- <el-col :span="10" style="display: flex;justify-content: end;"> + <el-button type="primary" :disabled="isAddProject" @click="addTestProjevt">鐢熸垚妫�楠岄」鐩�</el-button> + </el-col> --> + </el-row> + </div> + </el-form> + </div> + <div class="inspectionProject"> + <el-row> + <el-col :span="12" class="inspectionProject_span">妫�楠岄」鐩�</el-col> + <el-col :span="12" class="inspectionProject_span"> + <el-button size="mini" @click="clickDeleteInspectionColumn()">鍒犻櫎妫�楠屽�煎垪</el-button> + <el-button style="margin-right: 30px;" size="mini" + @click="clickAddInspectionColumn()">娣诲姞妫�楠屽�煎垪</el-button> + <!-- <el-button + size="mini" + style="margin-right: 30px;" + @click="clickAddLine()" + >娣诲姞妫�楠岃</el-button + > --> + </el-col> + </el-row> + <el-table :data="inspectionItems" max-height="420" :span-method="handleSpanMethod" height="calc(100vh - 550px)" + style="width: 100%"> + <el-table-column type="index" label="搴忓彿" width="60"></el-table-column> + <el-table-column label="椤圭洰" prop="father"></el-table-column> + <el-table-column prop="name" label="鎸囨爣"></el-table-column> + <el-table-column prop="unit" label="鍗曚綅"></el-table-column> + <el-table-column prop="required" label="鏍囧噯鍊�"></el-table-column> + <el-table-column prop="internal" label="鍐呮祴鍊�"></el-table-column> + <el-table-column prop="inspectionValue" v-for="(item, index) in empiricalValueAdd" :key="index" label="妫�娴嬪��" + min-width="100" style="text-align: center;"> + <template slot-scope="scope"> + <el-tooltip :disabled="scope.row.dname != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" + placement="top-start"> + <el-input :disabled="scope.row.dname === null" v-model="scope.row.empiricalValueAddss[index]" + @blur="changeState(scope.row, index)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> + </el-tooltip> + </template> + </el-table-column> + <el-table-column prop="dname" label="璇曢獙璁惧" min-width="100"> + <template slot-scope="scope"> + <el-button type="text" @click="clickTableSelect(scope)">{{ + scope.row.dname == null ? "璇烽�夋嫨" : scope.row.dname + }}</el-button> + </template> + </el-table-column> + <el-table-column label="缁撹"> + <template slot-scope="scope"> + <span style="color: #34BD66;" v-if="scope.row.result === 1">鍚堟牸</span> + <span style="color: #E84738;" v-else-if="scope.row.result === 0">涓嶅悎鏍�</span> + <span v-show="scope.row.result === null">鏆傛湭缁撹</span> + </template> + </el-table-column> + <!-- <el-table-column v-if="detailId == null" label="鎿嶄綔" width="100"> + <template slot-scope="scope"> + <el-button type="text" @click="clickDeleteline(scope)">鍒犻櫎</el-button> + </template> + </el-table-column> --> + </el-table> + </div> + <div class="inspectionResult"> + <span>妫�娴嬬粨鏋�</span> + <el-table :data="inspectionResultForm"> + <el-table-column prop="id" label="鐗╂枡缂栧彿"></el-table-column> + <el-table-column prop="name" label="鐗╂枡鍚嶇О"></el-table-column> + <el-table-column prop="inspecter" label="妫�楠屽憳"></el-table-column> + <el-table-column prop="conclusion" label="妫�楠岀粨璁�"> + <template slot-scope="scope"> + <span style="color: #34BD66;" v-if="scope.row.conclusion === 1">鍚堟牸</span> + <span style="color: #E84738;" v-else-if="scope.row.conclusion === 0">涓嶅悎鏍�</span> + <span v-show="scope.row.conclusion === null || scope.row.conclusion === undefined">鏆傛湭缁撹</span> + </template> + </el-table-column> + <el-table-column prop="operation" label="涓婃姤"> + <el-button type="primary" @click="escalation" size="small">涓婃姤</el-button> + </el-table-column> + </el-table> + </div> + <el-dialog title="璇烽�夋嫨璁惧" :visible.sync="centerDialogVisible" width="20%"> + <div class="div_device_dialog"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText" style="margin-bottom: 6px;"> + </el-input> + <el-tree class="filter-tree" :data="materialOptions" :props="defaultProps" default-expand-all + highlight-current @node-click="nodeClick" :filter-node-method="filterNode" ref="tree"> + <div class="custom-tree-node" slot-scope="{ data }"> + <span><i :class="`node_i ${data.children ? 'el-icon-folder-opened' : 'el-icon-tickets' + }` + "></i> + {{ data.name }}</span> + </div> + </el-tree> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="centerDialogVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="clickNodeSure()">纭� 瀹�</el-button> + </span> + </el-dialog> + </div> +</template> + +<script> +export default { + props: ['rowInfo'], + data() { + return { + showUp: false, + isAddProject: false, + detailId: 0, + row: {}, + search: { + countSize: 10, + pageSize: 1, + result: "", // 妫�娴嬬姸鎬� + name: "", // 浜у搧鍚嶇О + techfather: "" // 宸ュ簭 + }, + optionsSamplename: [], + inspectionTable: [], + tableColumn: [], + optionSoptionSprocesses: [], + optionTechnology: [], + inspectionTableTotal: "", + treeProject: [], + // 娣诲姞鍒� + empiricalValueAdd: 1, + // 缂栬緫鏃跺瓨鍌ㄦ渶闀跨殑鍒楁暟瀛楋紝鍋氬垹闄ゅ垽鏂� + empiricalValueAddMaxNumber: 0, + showAddPage: false, + processInspectVo: { + material: null, + materialCode: null, + orderNumber: "", + quantity: null, + specificationsModel: null, + techfather: null, + techname: null, + technologyId: null, + unit: null + }, + InspectioniD: null, + addInspectionform: [ + { + number: "", + username: "", + projectname: "", + tracenumber: "", + code: "", + class: "", + specificationmodel: "", + unit: "", + quantity: "", + group: "", + worker: "", + machine: "" + }] + , + inspectionItems: [], // 鏂板妫�楠岄」鐩〃鏍� + inspectionResultForm: [ + { + id: "", + name: "", + inspecter: "", + conclusion: "", + operation: "" + } + ], + options: [], + value: "", + rowList: [], + spanArr: [], + position: 0, + // 璁惧閫夋嫨鏍戞樉绀� + centerDialogVisible: false, + filterText: "", + materialOptions: [], + defaultProps: { + // 璁惧鏍戞暟鎹缃� + children: "children", + label: "name" + }, + nodeData: "", // node鐐瑰嚮淇濆瓨褰撳墠鐐瑰嚮鏁版嵁 + clickSelectDevice: { + index: "", // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岀储寮� + rpId: "" // 鐐瑰嚮閫夋嫨瀛樺偍褰撳墠琛岄」鐩甀d + } + }; + }, + watch: { + filterText(val) { + this.$refs.tree.filter(val); + } + }, + created() { + this.processInspectVo.orderNumber = this.rowInfo.order_number + this.processInspectVo.material = this.rowInfo.material + this.processInspectVo.materialCode = this.rowInfo.material_code + this.processInspectVo.specificationsModel = this.rowInfo.specifications_model + this.processInspectVo.techfather = this.rowInfo.techfather + this.processInspectVo.techname = this.rowInfo.techname + this.processInspectVo.unit = this.rowInfo.unit + this.processInspectVo.quantity = this.rowInfo.quantity + this.detailId = this.rowInfo.id + this.inspectionResultForm[0].id = this.rowInfo.material_code + this.inspectionResultForm[0].name = this.rowInfo.material + this.inspectionResultForm[0].conclusion = this.rowInfo.result + // console.log(this.detailId); + }, + mounted() { + this.getOptions(); + this.getTableData() + }, + methods: { + escalation() { + let arr = this.inspectionItems + let bl = false + for (let index = 0; index < arr.length; index++) { + const element = arr[index]; + if (element.dname != null && element.empiricalValueAddss[0] != '') { + bl = true + break + } else { + bl = false + } + } + if (bl != true) { + this.$message({ + message: '璇峰厛妫�娴嬩竴椤归」鐩紒', + type: 'warning' + }); + return + } + this.$axios.post(this.$api.url.processInspectUpdateProcessInspectsById, { + id: this.detailId + }).then(res => { + console.log(res); + if (res.code == 200) { + this.$message({ + message: '涓婃姤鎴愬姛', + type: 'success' + }); + } else { + this.$message({ + message: res.message, + type: 'warning' + }); + } + }) + }, + handleClick() { }, + updateInsInfo(row) { + console.log(row); + this.row = row + this.showUp = true + }, + // 鐐瑰嚮璁惧鏍戜繚瀛樼偣鍑昏褰� + nodeClick(data) { + if (data.id != undefined) this.nodeData = data; + }, + // 璁惧鏍戣繃婊ゆ悳绱� + filterNode(value, data) { + if (!value) return true; + return data.name.indexOf(value) !== -1; + }, + // 鑾峰彇璁惧鏍戝唴瀹� + getOptions() { + this.$axios.get(this.$api.url.rawSelectDevice).then(res => { + this.materialOptions = res.data; + }); + }, + //杩斿洖 + combackFather() { + this.$parent.combackMain() + }, + // 鐐瑰嚮琛ㄦ牸閫夋嫨瑙﹀彂 + clickTableSelect(scope) { + this.centerDialogVisible = true; + this.clickSelectDevice.index = scope.$index; + this.clickSelectDevice.rpId = scope.row.id; + }, + // 鐐瑰嚮鏍戦噷闈㈢殑纭畾 + clickNodeSure() { + if (this.detailId == null) { + this.inspectionItems[ + this.clickSelectDevice.index + ].did = this.nodeData.id; + this.inspectionItems[ + this.clickSelectDevice.index + ].dname = this.nodeData.name; + this.centerDialogVisible = false; + } else { + this.$axios + .post(this.$api.url.inspectionItemUpdateDevByInsId, { + id: this.clickSelectDevice.rpId, + type: 1, + devId: this.nodeData.id + }) + .then(res => { + this.getTableData() + this.centerDialogVisible = false; + }); + } + }, + changeState(row, index) { + console.log(row); + if (row.did != null && row.did != '') { + let str = "" + row.empiricalValueAddss.forEach(e => { + str += e + "," + }) + this.$axios.post(this.$api.url.inspectionItemlose_focus_update, { + deviceId: row.did, + inspectionItemId: row.id, + inspectionValue: str.slice(0, -1) + }, { + headers: { "Content-Type": "application/json" } + }).then(res => { + row.result = res.data.result + row.username = res.data.username + }) + } else { + this.$message({ + message: '璇烽�夋嫨鎷╄澶囷紒', + type: 'warning' + }); + } + }, + // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣 + handleSizeChange(val) { + this.search.countSize = val; + this.defaultInitializationTable(); + }, + handleSpanMethod({ row, column, rowIndex, columnIndex }) { + if (columnIndex === 0) { + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } + if (columnIndex === 1) { + const _row = this.spanArr[rowIndex]; + const _col = _row > 0 ? 1 : 0; + return { + rowspan: _row, + colspan: _col + } + } + }, + // 鍚堝苟琛ㄦ牸 + mergeTable() { + this.rowList = [] + this.spanArr = [] + this.position = 0 + this.inspectionItems.forEach((item, index) => { + if (index === 0) { + this.spanArr.push(1); + this.position = 0; + } else { + if (this.inspectionItems[index].father === this.inspectionItems[index - 1].father) { + this.spanArr[this.position] += 1; + this.spanArr.push(0); + } else { + this.spanArr.push(1); + this.position = index; + } + } + }) + }, + changeOptionSoptionSprocesses() { + this.optionTechnology = [] + let working = this.optionSoptionSprocesses.filter(item => { + return item.name === this.processInspectVo.techfather + })[0] + this.optionTechnology = working.children + }, + addTestProjevt() { + this.isAddProject = true + let val = JSON.parse(JSON.stringify(this.processInspectVo)) + val.techname = this.processInspectVo.techname.split("-")[1] + val.technologyId = this.processInspectVo.techname.split("-")[0] + this.$axios.post(this.$api.url.processInspectAddProcess, { + material: val.material, + materialCode: val.materialCode, + orderNumber: val.orderNumber, + quantity: val.quantity, + specificationsModel: val.specificationsModel, + techfather: val.techfather, + techname: val.techname, + technologyId: val.technologyId, + unit: val.unit + }, { + headers: { "Content-Type": "application/json" } + }).then(res => { + if (res.code === 201) { + this.$message({ + message: res.message, + type: 'warning' + }); + return + } + this.detailId = res.data + this.inspectionResultForm[0].id = res.data + this.inspectionResultForm[0].name = val.material + this.getTableData() + }) + }, + getTableData() { + this.$axios.get(this.$api.url.inspectionItemListUser, { + params: { + id: this.detailId, + type: 1 + } + }).then(res => { + if (res.data.length < 1) { + return + } + this.inspectionItems = res.data + let arr = [] + let val = JSON.parse(JSON.stringify(this.inspectionItems)) + const uName = [] + //杞垚涓�缁存暟缁� + val.forEach(l => { + let father = l.father + l.children.forEach(c => { + c.father = father + c.empiricalValueAddss = [] + if (c.inspectionValue != '' && c.inspectionValue != null) { + c.empiricalValueAddss = c.inspectionValue.split(","); + } else { + c.empiricalValueAddss.push("") + } + uName.push(c['username']) + arr.push(c) + }) + }) + this.inspectionItems = arr + let arrSort = JSON.parse(JSON.stringify(arr)) + //鏍规嵁闆嗗悎瀵硅薄鏁扮粍闀垮害鎺掑簭 + arrSort.sort((a, b) => { + if (a.empiricalValueAddss.length < b.empiricalValueAddss.length) { + return -1; // a鎺掑湪b鍓嶉潰 + } else if (a.empiricalValueAddss.length > b.empiricalValueAddss.length) { + return 1; // a鎺掑湪b鍚庨潰 + } else { + return 0; // 淇濇寔鐩稿椤哄簭涓嶅彉 + } + }); + // console.log(arrSort); + console.log(uName); + let name = [...new Set(uName)].filter(item => item !== null); + let rname = '' + name.forEach(m => { + rname += m + "," + }) + this.inspectionResultForm[0].inspecter = rname.slice(0, -1) + this.empiricalValueAdd = arrSort[arrSort.length - 1].empiricalValueAddss.length + this.mergeTable(arr) + }) + }, + selectSample() { + let sample = this.optionsSamplename.filter(item => { + return item.name === this.processInspectVo.material + })[0] + this.processInspectVo.techfather = null + this.processInspectVo.techname = null + this.processInspectVo.materialCode = sample.code + this.processInspectVo.specificationsModel = sample.specifications + this.processInspectVo.unit = sample.unit + this.optionSoptionSprocesses = [] + this.optionSoptionSprocesses = sample.children + }, + selectInfoByOrderId() { + this.$axios.get(this.$api.url.chooseMaterProcessInspect, { + params: { + orderNumber: this.processInspectVo.orderNumber + } + }).then(res => { + if (res.data.length > 0) { + console.log(res.data); + this.optionsSamplename = res.data + } else { + this.$message({ + message: '娌℃湁璇ヨ鍗曞彿锛�', + type: 'warning' + }); + } + }) + }, + // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤� + handleCurrentChange(val) { + this.search.pageSize = val; + this.defaultInitializationTable(); + }, + // 鏄剧ず鏂板椤甸潰 + handleAddNew() { + this.showAddPage = true; + // this.getTableData() + }, + // 琛ㄦ牸鍒濆鍖栨帴鍙� + defaultInitializationTable() { + this.$axios + .post(this.$api.url.selectProcessInspectsList, this.search) + .then(res => { + this.inspectionTableTotal = res.data.total; + this.inspectionTable = res.data.row; + }); + }, + // 娣诲姞琛� + clickAddLine() { + let obj = { + material: "", + materialCode: "", + orderNumber: "", + quantity: 0, + specificationsModel: "", + techfather: "", + techname: "", + technologyId: 0, + unit: "" + }; + this.inspectionItems.push(obj); + }, + // 鍒犻櫎琛� + clickDeleteline(scope) { + this.inspectionItems.splice(scope.$index, 1); + }, + // 鍒犻櫎妫�楠屽�煎垪 + clickDeleteInspectionColumn() { + if (this.empiricalValueAdd - 1 === 0) { + } else { + if (this.empiricalValueAddMaxNumber != this.empiricalValueAdd - 1) { + this.empiricalValueAdd = this.empiricalValueAdd - 1; + this.inspectionItems.forEach(i => { + i.testValueList.splice(this.empiricalValueAdd, 1); + }); + } + } + }, + // 娣诲姞妫�楠屽�煎垪 + clickAddInspectionColumn() { + this.empiricalValueAdd = this.empiricalValueAdd + 1; + } + } +} +</script> + +<style></style> \ No newline at end of file diff --git a/src/components/view/standard-table/material.vue b/src/components/view/standard-table/material.vue index 32384da..4dc288b 100644 --- a/src/components/view/standard-table/material.vue +++ b/src/components/view/standard-table/material.vue @@ -56,7 +56,9 @@ data() { return { hasChildren:true, - selects: [] + selects: [], + isAllSelect:false, + deleteList:[], } }, props:['tableData','tableType'], @@ -109,14 +111,33 @@ } } }, - handleSelectionChange(val) { - this.deleteList = []; - val.forEach((v) => { - if (v.id !== undefined) { - this.deleteList.push(v.id); + //鏀瑰彉閫変腑 + toggleSelection(row, flag) { + this.$set(row, "isChecked", flag); + this.$nextTick(() => { + if (flag) { + this.$refs.multipleTable.toggleRowSelection(row, flag); + } else { + this.$refs.multipleTable.clearSelection(); } }); }, + handleSelectionChange(val) { + this.deleteList = []; + val.forEach((v) => { + this.searchIdFun(v); + }); + this.$emit("childData",this.deleteList); + }, + //閫掑綊鏌ユ壘閫変腑鏁版嵁id + searchIdFun(data){ + let obj = data; + if(obj.children != undefined){ + this.searchIdFun(obj.children); + }else{ + this.deleteList.push(obj.id); + } + }, // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 缁撴潫 } } diff --git a/src/components/view/standard-table/product.vue b/src/components/view/standard-table/product.vue index 6141739..c3c13d2 100644 --- a/src/components/view/standard-table/product.vue +++ b/src/components/view/standard-table/product.vue @@ -73,14 +73,8 @@ <span>{{scope.row.productFather}}</span> </template> </el-table-column> - <el-table-column prop="productFather" hidden></el-table-column> <el-table-column prop="unit" label="鍗曚綅"></el-table-column> <el-table-column prop="product" label="鎸囨爣"></el-table-column> - <el-table-column label="鎿嶄綔"> - <template slot-scope="scope"> - <el-button type="text" @click="updateProduct(scope.row)">缂栬緫</el-button> - </template> - </el-table-column> </el-table> </div> </template> @@ -91,14 +85,12 @@ deviceGroupDialog:false, selects: [], isAllSelect:false, + deleteList:[], } }, props:['tableData','tableType'], methods:{ - updateProduct(row){ - console.log(row); - }, - // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 + // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 // 鍏ㄩ��/鍙栨秷閫夋搷浣� selectAll(val) { this.isAllSelect = !this.isAllSelect; @@ -134,13 +126,32 @@ } } }, + //鏀瑰彉閫変腑 + toggleSelection(row, flag) { + this.$set(row, "isChecked", flag); + this.$nextTick(() => { + if (flag) { + this.$refs.multipleTable.toggleRowSelection(row, flag); + } else { + this.$refs.multipleTable.clearSelection(); + } + }); + }, handleSelectionChange(val) { this.deleteList = []; val.forEach((v) => { - if (v.id !== undefined) { - this.deleteList.push(v.id); - } + this.searchIdFun(v); }); + this.$emit("childData",this.deleteList); + }, + //閫掑綊鏌ユ壘閫変腑鏁版嵁id + searchIdFun(data){ + let obj = data; + if(obj.children != undefined){ + this.searchIdFun(obj.children); + }else{ + this.deleteList.push(obj.tqid); + } }, // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 缁撴潫 } diff --git a/src/components/view/standard-table/target.vue b/src/components/view/standard-table/target.vue index cb8ad69..9524ae4 100644 --- a/src/components/view/standard-table/target.vue +++ b/src/components/view/standard-table/target.vue @@ -57,6 +57,8 @@ data() { return { selects: [], + deleteList:[], + isAllSelect:false, } }, props:['tableData','tableType'], @@ -99,13 +101,32 @@ } } }, + //鏀瑰彉閫変腑 + toggleSelection(row, flag) { + this.$set(row, "isChecked", flag); + this.$nextTick(() => { + if (flag) { + this.$refs.multipleTable.toggleRowSelection(row, flag); + } else { + this.$refs.multipleTable.clearSelection(); + } + }); + }, handleSelectionChange(val) { this.deleteList = []; val.forEach((v) => { - if (v.id !== undefined) { - this.deleteList.push(v.id); - } + this.searchIdFun(v); }); + this.$emit("childData",this.deleteList); + }, + //閫掑綊鏌ユ壘閫変腑鏁版嵁id + searchIdFun(data){ + let obj = data; + if(obj.children != undefined){ + this.searchIdFun(obj.children); + }else{ + this.deleteList.push(obj.pid); + } }, // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 缁撴潫 updateVal(row){ @@ -118,9 +139,6 @@ }).catch(error=>{ this.$message.error(error.message); }) - }, - handleSelectionChange(val) { - this.selects = val; }, } } diff --git a/src/components/view/standard-table/technology.vue b/src/components/view/standard-table/technology.vue index 63eb015..978a988 100644 --- a/src/components/view/standard-table/technology.vue +++ b/src/components/view/standard-table/technology.vue @@ -71,11 +71,6 @@ methods: { // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 // 鍏ㄩ��/鍙栨秷閫夋搷浣� - selectAll(val) { - this.isAllSelect = !this.isAllSelect; - let data = this.tableData; - this.toggleSelect(data, this.isAllSelect, "all"); - }, //閫夋嫨鏌愯 selectTr(selection, row) { this.$set(row, "isChecked", !row.isChecked); @@ -105,13 +100,37 @@ } } }, + //鏀瑰彉閫変腑 + toggleSelection(row, flag) { + this.$set(row, "isChecked", flag); + this.$nextTick(() => { + if (flag) { + this.$refs.multipleTable.toggleRowSelection(row, flag); + } else { + this.$refs.multipleTable.clearSelection(); + } + }); + }, + selectAll(val) { + this.isAllSelect = !this.isAllSelect; + let data = this.tableData; + this.toggleSelect(data, this.isAllSelect, "all"); + }, handleSelectionChange(val) { this.deleteList = []; val.forEach((v) => { - if (v.id !== undefined) { - this.deleteList.push(v.id); - } + this.searchIdFun(v); }); + this.$emit("childData",this.deleteList); + }, + //閫掑綊鏌ユ壘閫変腑鏁版嵁id + searchIdFun(data){ + let obj = data; + if(obj.children != undefined){ + this.searchIdFun(obj.children); + }else{ + this.deleteList.push(obj.id); + } }, // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 缁撴潫 showDialog(){ diff --git a/src/components/view/standard.vue b/src/components/view/standard.vue index 2018424..2a3269a 100644 --- a/src/components/view/standard.vue +++ b/src/components/view/standard.vue @@ -5,9 +5,9 @@ <el-col :span="12" style="line-height: 32px;">鏍囧噯BOM</el-col> <el-col :span="12" style="text-align: right;"> <el-button type="primary" icon="el-icon-plus" style="background: #004EA2;" - @click="bomAddModelVisible = true">鏂板</el-button> - <el-button icon="el-icon-plus">鏂板鐗堟湰</el-button> - <el-button @click="bomRightDl=true" icon="el-icon-delete">鍒犻櫎</el-button> + @click="showBomAddModel">鏂板</el-button> + <el-button icon="el-icon-plus" @click="addVersionBtn">鏂板鐗堟湰</el-button> + <el-button @click="deleteDataBtn" icon="el-icon-delete">鍒犻櫎</el-button> </el-col> </el-row> </div> @@ -56,16 +56,17 @@ </div> <div class="contentTable" v-if="this.typeselect == 0"> - <technology :tableType="tableType" :tableData="tableData"></technology> + <technology @childData="getChildData" :tableType="tableType" :tableData="tableData"></technology> </div> <div v-if="this.typeselect == 1"> - <target :tableType="tableType" :tableData="tableData"></target> + <target @childData="getChildData" :tableType="tableType" :tableData="tableData"></target> </div> <div v-if="this.typeselect == 2"> - <bom :tableType="tableType" :tableData="tableData"></bom> + <material @childData="getChildData" :tableType="tableType" :tableData="tableData"></material> </div> - <div v-if="this.typeselect == 3">鐢熶骇宸ヨ壓</div> - + <div v-if="this.typeselect == 3"> + <product @childData="getChildData" :tableType="tableType" :tableData="tableData"></product> + </div> </div> </div> @@ -332,10 +333,11 @@ <script> import technology from "./standard-table/technology.vue" import material from "./standard-table/material.vue" -// import bom from "./standard-table/bom.vue" +import target from "./standard-table/target.vue" +import product from "./standard-table/product.vue" import bomClickAdd from '@/components/view/standard-box/bomClickAdd' export default { - components: { technology,material,bomClickAdd }, + components: { technology,material,target,product,bomClickAdd }, data() { var checkPq = (rule,value,callback)=>{ @@ -352,6 +354,8 @@ callback(); }; return { + //瀛愮粍浠朵紶鐨刬d鍒楄〃 + childIds:[], //宸ュ簭鍒楄〃 technologyIdList:[], fatherList:[], @@ -429,7 +433,7 @@ // BOM鏍戞暟鎹粨鏋� list: [], search: null, - tableType: 1, // 琛ㄦ牸绫诲瀷 1锛氭妧鏈寚鏍囷紝0锛氬伐鑹鸿矾绾� + tableType: 0, // 琛ㄦ牸绫诲瀷 1锛氭妧鏈寚鏍囷紝0锛氬伐鑹鸿矾绾� searchName: "",// 鏌ヨ鏉′欢-鍚嶇О checkTreeNode: {},// 鐐瑰嚮閫変腑鏍戣妭鐐� tableData: [], @@ -439,9 +443,7 @@ bomRightDl: false, formTypeOptions: null, typeselect: 0, - returntree: { - id:28, - }, + returntree: {id:28}, version: {}, leftAdd:{ type: [], @@ -574,6 +576,68 @@ leftAddBom(){ }, + //鑾峰彇瀛愮粍浠舵暟鎹� + getChildData(data){ + this.childIds = data; + }, + //鍒犻櫎鎸夐挳 + deleteDataBtn(){ + let ids; + let url; + ids = this.childIds.filter(item=>{ + return item != undefined; + }); + if(ids.length < 1){ + this.$message.error("璇峰厛閫夋嫨鏁版嵁锛�"); + return; + } + switch(this.typeselect){ + case 0: + url = this.$api.url.delAllByTechnology; + break; + case 1: + url = this.$api.url.delAllByTarget; + break; + case 2: + url = this.$api.url.delAllByMBom; + break; + case 3: + url = this.$api.url.delAllByProduct; + break; + } + this.$confirm('纭鍒犻櫎宸查�変腑鐨勬暟鎹悧', '鍒犻櫎', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + this.$axios.post(url,{ + ids : ids.join(",") + }).then(res=>{ + this.selectAll(); + this.$message.success(res.message); + }).catch(error=>{ + this.$message.error(error.message); + }) + }).catch(() => {}); + }, + //鏂板鐗堟湰 + addVersionBtn(){ + this.$confirm('纭鏂板鐗堟湰鍚�', '鏂板鐗堟湰', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'info' + }).then(() => { + this.$axios.post(this.$api.url.addVersion,{ + specificationsId : this.returntree.id, + version : this.version2.substring(1,2), + }).then(res=>{ + this.selectVersion(); + this.$message.success(res.message); + }).catch(error=>{ + this.$message.error(error.message); + }) + }).catch(() => {}); + }, //鍙充晶bom,纭鏂板 confirmAdd(formName){ this.$refs[formName].validate(valid=>{ diff --git a/src/components/view/technical.vue b/src/components/view/technical.vue index 753f2ac..424ee7e 100644 --- a/src/components/view/technical.vue +++ b/src/components/view/technical.vue @@ -4,7 +4,7 @@ <el-row> <el-col :span="12">鎶�鏈枃浠�</el-col> <el-col :span="12" style="text-align: right;"> - <el-button icon="el-icon-plus">鐢熸垚椤圭洰涔�</el-button> + <el-button icon="el-icon-plus">鐢熸垚椤圭洰涔�</el-button> </el-col> </el-row> </div> @@ -25,14 +25,14 @@ <el-input v-model="searchData.name" @input="query"></el-input> </el-form-item> <el-form-item label="缂栧埗鐘舵��:" > - <el-select v-model="searchData.type" placeholder="鍏ㄩ儴" style="width: 310px;"> + <el-select v-model="searchData.type" size="small" placeholder="鍏ㄩ儴" style="width: 250px;"> <el-option label="寰呯紪鍒�" :value="0"></el-option> <el-option label="宸茬紪鍒�" :value="1"></el-option> </el-select> </el-form-item> - <el-form-item > - <el-button plain @click="resetBtn">閲� 缃�</el-button> - <el-button @click="searchTechnical">鏌� 璇�</el-button> + <el-form-item> + <el-button plain @click="resetBtn" style="margin-left: 12px;">閲� 缃�</el-button> + <el-button @click="searchTechnical">鏌� 璇�</el-button> </el-form-item> </el-form> </div> @@ -335,6 +335,7 @@ background: #fff; padding: 24px 32px; } + .search-header .el-form-item__label{ padding: 0 30px 0 0; } @@ -416,3 +417,12 @@ } </style> +<style> + .technical .title *{ + font-size: 14px; + } + + .technical .search-header *{ + font-size: 14px; + } +</style> diff --git a/src/components/view/technology.vue b/src/components/view/technology.vue index 014791f..09c9d13 100644 --- a/src/components/view/technology.vue +++ b/src/components/view/technology.vue @@ -706,7 +706,7 @@ query(val) { this.selectAllTechTem(); }, - selectAllTechTem() { + selectAllTechTem() { this.$axios .get(this.$api.url.selectAllTechTem, { params: { type: this.typeselect, message: this.search.technology }, @@ -861,4 +861,4 @@ }, }, }; -</script> \ No newline at end of file +</script> diff --git a/src/view/index.vue b/src/view/index.vue index 95ba3db..27712b5 100644 --- a/src/view/index.vue +++ b/src/view/index.vue @@ -91,7 +91,7 @@ } .left .box i { - font-size: 32px; + font-size: 24px; margin-bottom: 8px; } @@ -209,7 +209,6 @@ height: 100%; } </style> -<style></style> <template> <div class="all"> <div class="title"> @@ -260,7 +259,7 @@ </div> <div class="component_view"> <component class="com_index" v-for="(com, index) in tabs" :is="com.u" :key="upIndex + '|' + index" - v-show="com.k == tabActive"> + v-show="com.k == tabActive" @removeAllTab="removeAllTab"> </component> </div> </div> @@ -560,6 +559,7 @@ u: "index-index" }] }, + upTabActive(num) { this.tabActive = num; this.activeP = num; @@ -576,6 +576,9 @@ sessionStorage.clear(); localStorage.removeItem("autoenter"); this.$router.push("/enter"); + }, + removeAllTab(){ + this.upIndex++ } } }; -- Gitblit v1.9.3