¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-card class="box-card" > |
| | | <el-row> |
| | | <el-divider style="margin-bottom: 10px"><span style="font-size: 40px">å卿ºè¿ä¿®æ è®°ç³»ç»</span></el-divider> |
| | | </el-row> |
| | | <el-row style="margin-top: 10px"> |
| | | <el-form :model="queryParams.sfcCode" ref="queryForm" :inline="true" label-width="68px" > |
| | | <el-form-item label-width="120" label="å卿ºå·:" prop="orderNo"> |
| | | <el-input |
| | | v-model="queryParams.sfcCode" |
| | | placeholder="请è¾å
¥å卿ºå·" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item style="margin-left: 20px"> |
| | | <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">æ¥è¯¢</el-button> |
| | | <el-button type="primary" icon="el-icon-scissors" @click="repairProgressHandleQuery">è¿ä¿®è¿åº¦</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-row> |
| | | </el-card> |
| | | <el-row :gutter="0"> |
| | | <el-col :span="20"> |
| | | <el-card style="margin-top: 10px; height: 490px;" class="box-card"> |
| | | <el-table border ref="multipleTable" :data="passingStationCollectionList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="å·¥åç¼å·" width="120" align="center" prop="workOrderNo"> |
| | | </el-table-column> |
| | | <el-table-column label="æ»æåºåå·" width="150" align="center" prop="sfcCode"> |
| | | </el-table-column> |
| | | <el-table-column label="产åç¼å·" align="center" prop="productCode"> |
| | | </el-table-column> |
| | | <el-table-column label="产线ç¼å·" align="center" prop="productionLine"> |
| | | </el-table-column> |
| | | <el-table-column label="å·¥ä½ç¼å·" align="center" prop="locationCode"> |
| | | </el-table-column> |
| | | <el-table-column label="å
¥ç«æ¶é´" align="center" prop="inboundTime" width="100"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.inboundTime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="åºç«æ¶é´" align="center" prop="outboundTime" width="100"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.outboundTime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="æ¯å¦åæ ¼" align="center" prop="outRsSign"> |
| | | </el-table-column> |
| | | <el-table-column label="NGåå " align="center" prop="outMsgSign"> |
| | | </el-table-column> |
| | | <el-table-column label="ééæ¶é´" align="center" prop="collectionTime" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.collectionTime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="èææ¶é´" align="center" prop="beatTime"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-card> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-card style="margin-top: 10px; min-height: 490px" class="box-card"> |
| | | <el-button type="success" @click="selectAll" style="margin-left: 50px;width: 100px;margin-top: 10px">éæ©ææ</el-button> |
| | | <el-button type="success" @click="clearAll" style="margin-left: 50px; width: 100px;margin-top: 10px">åæ¶éæ©</el-button> |
| | | <el-button type="success" @click="selectUnqualified" style="margin-left: 50px; width: 100px;margin-top: 10px">éæ©ä¸åæ ¼</el-button> |
| | | <el-button type="success" @click="markComplete" style="margin-left: 50px; width: 100px;margin-top: 10px">æ è®°å®æ</el-button> |
| | | <el-button type="success" @click="repairRecord" style="margin-left: 50px; width: 100px;margin-top: 10px">è¿ä¿®è®°å½</el-button> |
| | | <el-button type="success" @click="operationLog" style="margin-left: 50px; width: 100px;margin-top: 10px">æä½æ¥å¿</el-button> |
| | | |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-dialog v-dialogpop-up :visible.sync="open" width="700px" append-to-body> |
| | | <span slot="title"> |
| | | <i class="el-icon-s-order"></i> |
| | | è¿ä¿®è¿åº¦ |
| | | </span> |
| | | <el-table border :data="repairRecordList"> |
| | | <el-table-column label="å卿ºå·" width="150" align="center" prop="boxCode" /> |
| | | <el-table-column label="å·¥ä½å·" align="center" prop="processesCode" /> |
| | | <el-table-column label="è¿ä¿®ç»æ" align="center" prop="repairResults" /> |
| | | <el-table-column label="åç»æ" align="center" prop="originalResult" /> |
| | | <el-table-column label="è¿ä¿®æ¶é´" align="center" width="160" prop="repairTime" /> |
| | | </el-table> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="cancel">å æ¶</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | listPassingStationCollection, |
| | | insertRepairRecordByIds |
| | | } from "@/api/main/da/passingStationCollection/passingStationCollection"; |
| | | import {listRepairRecord} from "@/api/main/rm/repairRecord/repairRecord"; |
| | | export default { |
| | | name: "index", |
| | | dicts: ['sys_normal_disable'], |
| | | data(){ |
| | | return{ |
| | | // è¿ä¿®è®°å½è¡¨æ ¼æ°æ® |
| | | repairRecordList: [], |
| | | // æ¯å¦æ¾ç¤ºå¼¹åºå± |
| | | open: false, |
| | | // 产åè¿ç«ééè¡¨æ ¼æ°æ® |
| | | passingStationCollectionList: [], |
| | | // æ¥è¯¢åæ° |
| | | queryParams: { |
| | | sfcCode: '', |
| | | outRsSign: '', |
| | | }, |
| | | ids: [], |
| | | allSelected: false |
| | | |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.getList() |
| | | }, |
| | | methods:{ |
| | | // åæ¶æé® |
| | | cancel() { |
| | | this.open = false; |
| | | }, |
| | | selectAll(){ |
| | | this.passingStationCollectionList.forEach(row => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }); |
| | | }, |
| | | clearAll(){ |
| | | this.$refs.multipleTable.clearSelection(); |
| | | }, |
| | | selectUnqualified(){ |
| | | let outRsSign = this.passingStationCollectionList.filter(row => row.outRsSign === 'åæ ¼') |
| | | outRsSign.forEach(row => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }) |
| | | this.$modal.msgSuccess('éæ©ä¸åæ ¼'); |
| | | }, |
| | | markComplete(){ |
| | | if(this.ids.length === 0){ |
| | | this.$modal.msgSuccess('æªéæ©'); |
| | | }else { |
| | | this.$modal.msgSuccess('æ è®°å®æ'); |
| | | let queryParams = { |
| | | ids: this.ids |
| | | } |
| | | insertRepairRecordByIds(queryParams).then(response => { |
| | | |
| | | }); |
| | | } |
| | | }, |
| | | repairRecord(){ |
| | | this.$modal.msgSuccess('è¿ä¿®è®°å½'); |
| | | }, |
| | | operationLog(){ |
| | | this.$modal.msgSuccess('æä½æ¥å¿'); |
| | | }, |
| | | // å¤éæ¡é䏿°æ® |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map(item => item.id) |
| | | this.single = selection.length!==1 |
| | | this.multiple = !selection.length |
| | | }, |
| | | repairProgressHandleQuery(){ |
| | | this.open = true; |
| | | if(this.queryParams.engineNo === ''||this.queryParams.engineNo=== null){ |
| | | this.$modal.msgSuccess('请è¾å
¥å卿ºå·'); |
| | | }else { |
| | | /** æ¥è¯¢è¿ä¿®è®°å½å表 */ |
| | | let queryParams = { |
| | | boxCode: this.queryParams.engineNo |
| | | } |
| | | listRepairRecord(queryParams).then(response => { |
| | | this.repairRecordList = response.rows; |
| | | }); |
| | | } |
| | | }, |
| | | /** æç´¢æé®æä½ */ |
| | | handleQuery() { |
| | | this.getList(); |
| | | }, |
| | | /** æ¥è¯¢äº§åè¿ç«ééå表 */ |
| | | getList() { |
| | | listPassingStationCollection(this.queryParams).then(response => { |
| | | this.passingStationCollectionList = response.rows; |
| | | this.total = response.total; |
| | | }); |
| | | }, |
| | | |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | ::v-deep .el-form-item__label{ |
| | | font-size: large; |
| | | } |
| | | ::v-deep .el-card__body{ |
| | | padding: 15px 20px 0px 20px; |
| | | } |
| | | </style> |