|
|
<template> <div class="mod-config"> <el-form :inline="true" label-position="top" label-width="100px" > <el-form-item :label="'派工单号'"> <el-input v-model="searchData.seqNo" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" style="width: 130px"></el-input> </el-form-item> <el-form-item :label="'生产订单号'"> <el-input v-model="searchData.orderNo" style="width: 130px"></el-input> </el-form-item> <el-form-item :label="'加工中心编码'"> <el-input v-model="searchData.workCenterNo" style="width: 120px"></el-input> </el-form-item> <el-form-item > <span slot="label" style="" @click="getBaseList(5)"><a herf="#">产品编码</a></span> <el-input v-model="searchData.partNo" style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'规格型号'"> <el-input v-model="searchData.partDesc" style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'工序名称'"> <el-input v-model="searchData.operationDesc" style="width: 120px"></el-input> </el-form-item> <el-form-item label="报废超标"> <el-select v-model="searchData.scrapFlag" style="width: 120px"> <el-option label="全部" value=""></el-option> <el-option label="超标" value="Y"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> <el-form-item :label="'报工日期：'"> <el-date-picker style="width: 130px" v-model="searchData.startDate" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> </el-form-item> <el-form-item :label="'至: '"> <el-date-picker style="width: 130px" v-model="searchData.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> </el-form-item> <el-form-item > <span slot="label" style="" @click="getBaseList(26)"><a herf="#">操作员姓名</a></span> <el-input v-model="searchData.operatorName" style="width: 120px"></el-input> </el-form-item> <el-form-item > <span slot="label" style="" @click="getBaseList(88)"><a herf="#">机台ID</a></span> <el-input v-model="searchData.resourceId" style="width: 120px"></el-input> </el-form-item> <el-form-item label="是否返修"> <el-select v-model="searchData.repairSOFlag" style="width: 120px"> <el-option label="全部" value=""></el-option> <el-option label="返修" value="Y"></el-option> <el-option label="非返修" value="N"></el-option> </el-select> </el-form-item> <el-form-item :label="'班次'"> <el-select v-model="searchData.shiftNo" style="width: 120px"> <el-option label="全部" value=""></el-option> <el-option label="白班" value="白班"></el-option> <el-option label="晚班" value="晚班"></el-option> <el-option label="加班" value="加班"></el-option> </el-select> </el-form-item> <el-form-item :label="' '"> <el-button @click="search()" style="margin-left: 0px;margin-top:0px" type="primary">查询</el-button> <download-excel :fields="fields()" type="xls" :name="exportName" :fetch="createExportData" worksheet="导出信息" class="el-button el-button--primary el-button--medium"> {{ '导出' }} </download-excel> </el-form-item> </el-form> <div class="sfdcTable"> <el-table :height="height" :data="tableData" :row-class-name="tableRowClassName" border style="width: 100%"> <el-table-column prop="" header-align="center" fixed="left" align="center" width="140" label="操作"> <template slot-scope="scope" class="foo_container"> <a type="text" size="small" v-if="scope.row.reportQty>=0" @click="timeHistModel(scope.row)">暂停记录</a> <a type="text" size="small" v-if="scope.row.acceptQty>0" @click="printCard(scope.row)">让步接收标签</a> </template> </el-table-column> <el-table-column v-for="(item,index) in columnList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" header-align="center" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> </div> <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" v-drag title="暂停记录" :visible.sync="detailFlag" width="760px"> <el-table height="300" :data="detailList" border style="width: 100%"> <el-table-column prop="eventTime" header-align="center" align="center" min-width="130" label="暂停时间"> </el-table-column> <el-table-column prop="tillTime" header-align="center" align="center" min-width="130" label="继续时间"> </el-table-column> <el-table-column prop="completedFlag" header-align="center" align="center" min-width="80" label="是否继续"> </el-table-column> <el-table-column prop="totalTime" header-align="center" align="right" min-width="80" label="暂停时长"> </el-table-column> <el-table-column prop="abnormalDesc" header-align="center" align="left" min-width="90" label="暂停异常"> </el-table-column> <el-table-column prop="abnormalRemark" header-align="center" align="left" min-width="120" label="异常备注"> </el-table-column> <el-table-column prop="nextSeqNo" header-align="center" align="center" min-width="100" label="下一步派工单"> </el-table-column> </el-table> <span slot="footer" class="dialog-footer"> <el-button @click="detailFlag = false" type="primary">取消</el-button> </span> </el-dialog>
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> </div></template>
<script> import { getSfdcList, printDefectCard, getTimeHistListForSfdc, } from '@/api/production/generateReport.js' import Chooselist from '@/views/modules/common/Chooselist' import { printTransNoLabel, } from "@/views/modules/print/print_transNo_label.js"
export default { name: 'searchSfdc', components: { Chooselist }, data () { return { site: this.$store.state.user.site, // 导出+动态列 start
exportData: [], userDev:this.$store.state.user.userDev, exportName: "产量报告"+this.getStrDate(), columnList: [ { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "site", columnLabel: "工厂编号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 60, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "assJobSeqNo", columnLabel: "派工单号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "orderNo", columnLabel: "生产订单号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "itemNo", columnLabel: "工序号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 60, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "operationDesc", columnLabel: "工序名称", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 120, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "seqNo", columnLabel: "次序号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 50, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "partNo", columnLabel: "物料编码", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 70, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "partDesc", columnLabel: "产品型号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 100, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "workCenterNo", columnLabel: "加工中心编号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 70, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "reportDate", columnLabel: "报工日期", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 100, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "statisticDate", columnLabel: "报工时间", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 130, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "operatorId", columnLabel: "操作员", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 70, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "operatorName", columnLabel: "操作员姓名", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 100, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "reverseflag", columnLabel: "是否已取消报工", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "jobType", columnLabel: "派工类型", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'center' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "reportQty", columnLabel: "报告数量", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "approveQty", columnLabel: "合格数量", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "reportWeight", columnLabel: "报告重量", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "approveWeight", columnLabel: "合格重量", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "scrapRate", columnLabel: "订单报废率", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "csysScrapRate", columnLabel: "系统报废率", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "scrapQty", columnLabel: "报废数量", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 60, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "scrapRemark", columnLabel: "报废原因", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 100, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "acceptQty", columnLabel: "瑕疵数量", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 60, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "acceptRemark", columnLabel: "瑕疵原因", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 100, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "moldQty", columnLabel: "模数", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 80, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "wasteWeight", columnLabel: "废边重量(kg)", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 90, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "reportedManfTime", columnLabel: "生产时间", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 70, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "stopTime", columnLabel: "暂停时间", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 70, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'right' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "shiftNo", columnLabel: "班次编号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 70, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "resourceId", columnLabel: "机台编号", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 70, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' }, { tableId: "sfdcList", tableName: this.$route.meta.title, columnProp: "resourceDesc", columnLabel: "机台名称", columnHidden: false, columnImage: false, columnSortable: false, columnWidth: 100, format: null, functionId: this.$route.meta.menuId, sortLv: 0, status: true, fixed: '', serialNumber: null, columnType: null, align: 'left' } ], visible:false, // 导出 end
height: 200, tableData: [], detailFlag:false, detailList: [], searchData: { seqNo:'', orderNo: '', workCenterNo: '', partNo: '', site: this.$store.state.user.site, partDesc:'', startDate:new Date(), endDate:'', operatorName:'', resourceId:'', operationDesc:'', shiftNo:'', repairSOFlag:'', scrapFlag:'', }, } }, mounted () { this.$nextTick(() => { this.height = window.innerHeight - 210 this.height2 = window.innerHeight -100 }) }, methods: { // 获取基础数据列表S
getBaseList (val, type) { this.tagNo = val this.$nextTick(() => { let strVal = '' if (val === 24) { strVal = this.searchData.workCenterNo } if (val === 5) { strVal = this.searchData.partNo } if (val === 26) { strVal = this.searchData.operatorName } if (val === 88) { strVal = this.searchData.resourceId } this.$refs.baseList.init(val, strVal) }) }, /* 列表方法的回调 */ getBaseData (val) { if (this.tagNo === 24) { this.searchData.workCenterNo = val.WorkCenterNo } else if (this.tagNo === 5) { this.searchData.partNo = val.PartNo } if (this.tagNo === 26) { this.searchData.operatorName = val.OperatorName } if (this.tagNo === 88) { this.searchData.resourceId = val.ResourceID } },
search () { getSfdcList(this.searchData).then(({data}) => { this.tableData = data.rows }) },
// 导出+动态列
fields() { let json = "{" this.columnList.forEach((item, index) => { if (index == this.columnList.length - 1) { json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" } else { json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," } }) json += "}" let s = eval("(" + json + ")") return s }, createExportData() { // 点击导出按钮之后,开始导出数据之前的执行函数,返回值为需要下载的数据
return this.tableData; }, getStrDate() { let dd = new Date(); let Y = dd.getFullYear(); let M = (dd.getMonth() + 1) < 10 ? "0" + (dd.getMonth() + 1) : (dd.getMonth() + 1);//获取当前月份的日期，不足10补0
let D = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();//获取当前几号，不足10补0
let H = dd.getHours() < 10 ? "0" + dd.getHours() : dd.getHours(); let MM = dd.getMinutes() < 10 ? "0" + dd.getMinutes() : dd.getMinutes(); let S = dd.getSeconds() < 10 ? "0" + dd.getSeconds() : dd.getSeconds(); return Y + M + D + H + MM + S;
}, printCard(row){ printDefectCard(row).then(({data}) => { let inList=[]; inList.push(data.row) if(inList.length>0){ printTransNoLabel(inList); } }) }, timeHistModel(row){ getTimeHistListForSfdc(row).then(({data}) => { this.detailFlag=true this.detailList=data.rows }) }, tableRowClassName ({row, rowIndex}) {
if ( row.csysScrapRate<row.scrapRate) { return 'false-row' } return '' },
}, created () { // this.getTableUserColumn()
} }</script>
<style > .input_left{ text-align: left; } .input_reight{ text-align: right; } /deep/ input::-webkit-inner-spin-button { -webkit-appearance: none !important; } input[type='number'] { -moz-appearance: textfield !important; } .sfdcTable .el-table .false-row { background-color: #e7d45e; color: #000207; }</style>
|
