wilson
/
rongxing-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

自定义报表

master
Rui_Li 4 years ago
parent
2d5bf5218e
commit
aa22a2b64a
2 changed files with 885 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      src/api/report/report_manage.js
  2. 878
      src/views/modules/report/report_manage.vue

7
src/api/report/report_manage.js
View File

@ -0,0 +1,7 @@
import { createAPI } from '@/utils/httpRequest.js'
// 获取派工单的最新信息
export const getReportTypeList = data => createAPI('scheduling/getReportTypeList', 'POST', data)
// 获取派工单的最新信息
export const getCurrentPageTables = data => createAPI('scheduling/getCustomerReportList', 'POST', data)

878
src/views/modules/report/report_manage.vue
View File

@ -0,0 +1,878 @@
<template>
<div class="customer-css" >
<!-- 查询时间和产品 -->
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;" >
<el-row>
<el-form-item :label="'报表名称:'">
<el-input v-model="pageData.orderNo" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'报表分类:'">
<el-select v-model="pageData.reportType" style="width: 130px"
placeholder="请选择">
<el-option
v-for="(item, index) in reportTypeList"
:key="index"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="''" style="margin-left: 50px; margin-top: 20px;">
<el-button class="customer-bun-min" type="primary" @click="addReportModal" style="margin-left: 10px; margin-bottom: 5px;">新增</el-button>
<el-button class="customer-bun-min" type="primary" @click="refreshPageTables" style="margin-left: 10px; margin-bottom: 5px;">查询</el-button>
</el-form-item>
</el-row>
</el-form>
<!-- 工单主表信息 -->
<el-main style="margin-top: 25px; padding: 0px; width: 100%;">
<el-form :inline="true" label-position="top" label-width="100px">
<el-form-item :label="'主记录'">
</el-form-item>
</el-form>
<el-table
:height="height"
:data="reportList"
border
ref="reportTable"
highlight-current-row
@row-click="setCurrentRoutingRow"
v-loading="dataListLoading"
style="margin-top: -20px; width: 100%;">
<el-table-column
v-for="(item,index) in columnOrderArray" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed"
: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>
</el-main>
<!-- 物料库存查询 -->
<comScheduleOrderExpand ref="comScheduleOrderExpand" :close-on-click-modal="false"
:visible.sync="showScheduleOrderFlag"
@refreshPageTables = "refreshPageTables">
</comScheduleOrderExpand>
</div>
</template>
<script>
import comScheduleOrderExpand from '@/views/modules/schedule/com_schedule_order_expand';/*排产扩展 排产单个工单*/
import {
getReportTypeList,
getCurrentPageTables,
} from '@/api/report/report_manage.js'
export default {
data() {
return {
height: 200,
reportTypeList: [],
showScheduleOrderFlag: false,
currentReportRow: {},
pageData: {
site: this.$store.state.user.site,
username: this.$store.state.user.name,
orderNo: '',
itemNo: '',
seqNo: 0,
resourceId: '',
workCenterNo: '',
enterTime1: '',
enterTime2: '',
needTime1: '',
needTime2: '',
scheduleDate: this.dayjs(new Date()).format('YYYY-MM-DD'),
scheduleTime: '08:30',
specifiedTime: 'N',
scheduledQty: 0,
waitTimes: 0,
scheduleSeqNo: 0,
planStartTime: '',
calendarId: '',
calendarDesc: '',
status: 1,
sortField: 'needDate'
},
reportList: [],
dataListLoading: false,
columnOrderArray: [
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderOrderNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "orderNo",
headerAlign: "center",
align: "center",
columnLabel: "订单号",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderItemNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "itemNo",
headerAlign: "center",
align: "center",
columnLabel: "工序号",
columnWidth: 60,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderItemDesc',
tableId: "5301Order",
tableName: "工单表",
columnProp: "itemDesc",
headerAlign: "center",
align: "center",
columnLabel: "工序名称",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderNeedDate',
tableId: "5301Order",
tableName: "工单表",
columnProp: "needDate",
headerAlign: "center",
align: "center",
columnLabel: "要求完工日期",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderPartNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "partNo",
headerAlign: "center",
align: "center",
columnLabel: "产品编码",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderCustomerName',
tableId: "5301Order",
tableName: "工单表",
columnProp: "customerName",
headerAlign: "center",
align: "center",
columnLabel: "客户名称",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderCustPartNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "custPartNo",
headerAlign: "center",
align: "center",
columnLabel: "客户产品料号",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderPartDesc',
tableId: "5301Order",
tableName: "工单表",
columnProp: "partDesc",
headerAlign: "center",
align: "center",
columnLabel: "产成品名称",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderLotSize',
tableId: "5301Order",
tableName: "工单表",
columnProp: "lotSize",
headerAlign: "center",
align: "center",
columnLabel: "订单量",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderQtyToSchedule',
tableId: "5301Order",
tableName: "工单表",
columnProp: "qtyToSchedule",
headerAlign: "center",
align: "center",
columnLabel: "待排产数量",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderQtyScheduled',
tableId: "5301Order",
tableName: "工单表",
columnProp: "qtyScheduled",
headerAlign: "center",
align: "center",
columnLabel: "已排产数量",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderQtyReported',
tableId: "5301Order",
tableName: "工单表",
columnProp: "qtyReported",
headerAlign: "center",
align: "center",
columnLabel: "已报工数量",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderSpec',
tableId: "5301Order",
tableName: "工单表",
columnProp: "spec",
headerAlign: "center",
align: "center",
columnLabel: "规格型号",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderSite',
tableId: "5301Order",
tableName: "工单表",
columnProp: "site",
headerAlign: "center",
align: "center",
columnLabel: "工厂编号",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderWorkCenterNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "workCenterNo",
headerAlign: "center",
align: "center",
columnLabel: "加工中心",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderNextItemNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "nextItemNo",
headerAlign: "center",
align: "center",
columnLabel: "下道工序",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderNextItemDesc',
tableId: "5301Order",
tableName: "工单表",
columnProp: "nextItemDesc",
headerAlign: "center",
align: "center",
columnLabel: "下道工序名称",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderNextScheduledFlag',
tableId: "5301Order",
tableName: "工单表",
columnProp: "nextScheduledFlag",
headerAlign: "center",
align: "center",
columnLabel: "下道工序已排产",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderPreItemNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "preItemNo",
headerAlign: "center",
align: "center",
columnLabel: "上道工序",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderPreItemDesc',
tableId: "5301Order",
tableName: "工单表",
columnProp: "preItemDesc",
headerAlign: "center",
align: "center",
columnLabel: "上道工序名称",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderPreScheduledFlag',
tableId: "5301Order",
tableName: "工单表",
columnProp: "preScheduledFlag",
headerAlign: "center",
align: "center",
columnLabel: "上道工序已排产",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderScheduledFlag',
tableId: "5301Order",
tableName: "工单表",
columnProp: "scheduledFlag",
headerAlign: "center",
align: "center",
columnLabel: "是否排产",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderAvailResource',
tableId: "5301Order",
tableName: "工单表",
columnProp: "availResource",
headerAlign: "center",
align: "center",
columnLabel: "可用机台",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderEnterDate',
tableId: "5301Order",
tableName: "工单表",
columnProp: "enterDate",
headerAlign: "center",
align: "center",
columnLabel: "录入日期",
columnWidth: 125,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderScheduleToPlanTime',
tableId: "5301Order",
tableName: "工单表",
columnProp: "scheduleToPlanTime",
headerAlign: "center",
align: "center",
columnLabel: "计划时间",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderMachRunFactor',
tableId: "5301Order",
tableName: "工单表",
columnProp: "machRunFactor",
headerAlign: "center",
align: "center",
columnLabel: "单位产出",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderMachSetupTime',
tableId: "5301Order",
tableName: "工单表",
columnProp: "machSetupTime",
headerAlign: "center",
align: "center",
columnLabel: "调机时间",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderFactorUnit',
tableId: "5301Order",
tableName: "工单表",
columnProp: "factorUnit",
headerAlign: "center",
align: "center",
columnLabel: "产出单位",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderQtyScheduledPreOps',
tableId: "5301Order",
tableName: "工单表",
columnProp: "qtyScheduledPreOps",
headerAlign: "center",
align: "center",
columnLabel: "前道工序已排产数量",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderQtyApprovedPreOps',
tableId: "5301Order",
tableName: "工单表",
columnProp: "qtyApprovedPreOps",
headerAlign: "center",
align: "center",
columnLabel: "前道工序已报合格数",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderOriSOOrderNo',
tableId: "5301Order",
tableName: "工单表",
columnProp: "oriSOOrderNo",
headerAlign: "center",
align: "center",
columnLabel: "SAP参考号",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderEficiency',
tableId: "5301Order",
tableName: "工单表",
columnProp: "efficiency",
headerAlign: "center",
align: "center",
columnLabel: "效率",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderCostRollUpFlag',
tableId: "5301Order",
tableName: "工单表",
columnProp: "costRollUpFlag",
headerAlign: "center",
align: "center",
columnLabel: "已排料",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderManualFlag',
tableId: "5301Order",
tableName: "工单表",
columnProp: "manualFlag",
headerAlign: "center",
align: "center",
columnLabel: "刀模已发",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: 5301,
serialNumber: '5301OrderRepairSOFlag',
tableId: "5301Order",
tableName: "工单表",
columnProp: "repairSOFlag",
headerAlign: "center",
align: "center",
columnLabel: "印版已发",
columnWidth: 80,
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
],
}
},
/*组件*/
components: {
comScheduleOrderExpand,/*扩展排产 处理多加工中心排产*/
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 205;
})
},
methods: {
/*刷新页面table*/
refreshPage(){
this.refreshPageTables();
},
/*获取工单信息*/
refreshPageTables() {
getCurrentPageTables(this.pageData).then(({data}) => {
this.reportList = data.rows;
//清空已经选好的行数据
this.currentReportRow = null;
})
},
/*刷新当前的页面的显示数据*/
addReportModal(orderRow){
//刷新排产的数量
this.$nextTick(() => {
this.showScheduleOrderFlag = true;
this.$refs.comScheduleOrderExpand.init(orderRow);
});
},
/*获取当前的机台对应的加工中心*/
getCurrentWorkCenterNoByResourceId(){
getCurrentWorkCenterNoByResourceId(this.pageData).then(({data}) => {
//区分是否成功
if (data.code == 500) {
//this.$message.error(data.msg);
} else{
this.pageData.workCenterNo = data.workCenterNo;
}
this.pageData.workCenterNo = data.workCenterNo;
});
},
/*设置工艺的行*/
setCurrentRoutingRow(row, column, event) {
this.currentReportRow = row;
},
},
created() {
//查询工单的数据
//this.getShopOrderList();
},
}
</script>
<!--当前页面的标签样式-->
<style scoped lang="scss">
/*针对el-card*/
.customer-card .el-form-item__content{
margin-top: -15px;
}
.customer-card .el-form-item{
height: 22px;
}
.customer-border .el-form-item__content{
margin-top: -30px;
}
/*全局年与日类型 宽度*/
div.el-time-width{
width: 110px !important;
}
/* 全局时间右边框*/
.customer-css input.el-input__inner{
height: 22px !important;
padding-right: 0px !important;
}
/* 控制el-card标签的数据*/
div.customer-el-card {
margin-left: 110px;
margin-top: -15px;
height: 20px;
width: 60px;
}
/* 颜色控制 */
div.customer-el-card-pink {
background: #FF00FF;
}
div.customer-el-card-orange {
background: #FFD700;
}
div.customer-el-card-blue {
background: #0000CD;
}
/*清掉样式*/
.el-radio+.el-radio {
margin-left: 0px;
}
/*当前按钮的通用样式*/
.customer-css .customer-bun-mid{
width: 60px;
text-align: center;
}
.customer-css .customer-bun-min{
width: 50px;
text-align: center;
}
.customer-css .customer-bun-max{
width: 80px;
text-align: center;
}
/*当前按钮的通用样式*/
.customer-css .el-button--medium {
padding: 5px 5px;
}
</style>
Write Preview
Loading…
Cancel
Save