From 78830ddf56a41d16ab440a1ed3019ef77b3db4af Mon Sep 17 00:00:00 2001 From: wujian <14790700720@163.com> Date: 星期三, 24 一月 2024 10:34:22 +0800 Subject: [PATCH] add 首页 amend --- jcdm-ui/src/views/main/kb/repairMark/index.vue | 209 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 209 insertions(+), 0 deletions(-) diff --git a/jcdm-ui/src/views/main/kb/repairMark/index.vue b/jcdm-ui/src/views/main/kb/repairMark/index.vue new file mode 100644 index 0000000..ffea7be --- /dev/null +++ b/jcdm-ui/src/views/main/kb/repairMark/index.vue @@ -0,0 +1,209 @@ +<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" icon="el-icon-s-grid" @click="selectAll" style="margin-left: 40px;width: 120px;margin-top: 10px">閫夋嫨鎵�鏈�</el-button> + <el-button type="success" icon="el-icon-close" @click="clearAll" style="margin-left: 40px; width: 120px;margin-top: 10px">鍙栨秷閫夋嫨</el-button> + <el-button type="success" icon="el-icon-document-remove" @click="selectUnqualified" style="margin-left: 40px; width: 120px;margin-top: 10px">閫夋嫨涓嶅悎鏍�</el-button> + <el-button type="success" icon="el-icon-s-flag" @click="markComplete" style="margin-left: 40px; width: 120px;margin-top: 10px">鏍囪瀹屾垚</el-button> + <el-button type="success" icon="el-icon-files" @click="repairRecord" style="margin-left: 40px; width: 120px;margin-top: 10px">杩斾慨璁板綍</el-button> + <el-button type="success" icon="el-icon-date" @click="operationLog" style="margin-left: 40px; width: 120px;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> -- Gitblit v1.9.3