| | |
| | | },//表头参数 |
| | | columns:[ |
| | | {type:'expand',fixed:"left",slots: { content:'content' },width: 50}, |
| | | { type: 'seq',fixed:"left", title: '自序', width: 50 }, |
| | | {title: '操作', width: 140, slots: { default: 'button_slot' },fixed:"left"}, |
| | | {field: 'salesOrderNo', title: '销售单号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true, }, |
| | | {field: 'productionOrderNo', title: '流程卡号', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, |
| | | {field: 'productID', title: '产品编号', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, |
| | | {field: 'productName', title: '产品名称',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, |
| | | {field: 'entryName', title: '项目名称', sortable: true,showOverflow:"ellipsis"}, |
| | | {field: 'total', title: '总数量', sortable: true}, |
| | | {field: 'TotalArea', title: '总面积', sortable: true}, |
| | | {field: 'Cases', title: '分箱', sortable: true,showOverflow:"ellipsis"}, |
| | | {field: 'divider', title: '分架员', sortable: true}, |
| | | {field: 'processRequirements', title: '加工要求', sortable: true} |
| | | { type: 'seq',fixed:"left", title: '自序', width: 50 }, |
| | | {field: '销售单号', title: '销售单号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true, }, |
| | | {field: '流程卡号', width: 120, title: '流程卡号', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, |
| | | {field: '产品编号', title: '产品编号', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, |
| | | {field: '产品名称', title: '产品名称',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, |
| | | {field: '项目名称', title: '项目名称', filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, |
| | | {field: '总数量', title: '总数量', sortable: true}, |
| | | {field: '总面积', title: '总面积', sortable: true}, |
| | | {field: '分箱数', title: '分箱数', sortable: true,showOverflow:"ellipsis"}, |
| | | {field: '分架员', title: '分架员', sortable: true}, |
| | | {field: '加工要求', title: '加工要求', sortable: true} |
| | | ],//表头按钮 |
| | | |
| | | toolbarConfig: { |
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | salesOrderNo: 'NG231201', |
| | | productionOrderNo: 'NG231201A', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | 销售单号: 'NG231201', |
| | | 流程卡号: 'NG231201A01 ', |
| | | 产品编号: '9001010203000008', |
| | | 产品名称: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | 项目名称: '信合春天里', |
| | | 总数量: '169', |
| | | 总面积: '175.31', |
| | | 分箱数: '3', |
| | | 分架员: 'xxx', |
| | | 加工要求: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231201', |
| | | productionOrderNo: 'NG231201B', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | 销售单号: 'NG231201', |
| | | 流程卡号: 'NG231201A01 ', |
| | | 产品编号: '9001010203000008', |
| | | 产品名称: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | 项目名称: '信合春天里', |
| | | 总数量: '169', |
| | | 总面积: '175.31', |
| | | 分箱数: '3', |
| | | 分架员: 'xxx', |
| | | 加工要求: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231202', |
| | | productionOrderNo: 'NG231202A', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | 销售单号: 'NG231201', |
| | | 流程卡号: 'NG231201A01 ', |
| | | 产品编号: '9001010203000008', |
| | | 产品名称: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | 项目名称: '信合春天里', |
| | | 总数量: '169', |
| | | 总面积: '175.31', |
| | | 分箱数: '3', |
| | | 分架员: 'xxx', |
| | | 加工要求: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231203', |
| | | productionOrderNo: 'NG231203A', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | 销售单号: 'NG231201', |
| | | 流程卡号: 'NG231201A01 ', |
| | | 产品编号: '9001010203000008', |
| | | 产品名称: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | 项目名称: '信合春天里', |
| | | 总数量: '169', |
| | | 总面积: '175.31', |
| | | 分箱数: '3', |
| | | 分架员: 'xxx', |
| | | 加工要求: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231204', |
| | | productionOrderNo: 'NG231204A', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | 销售单号: 'NG231201', |
| | | 流程卡号: 'NG231201A01 ', |
| | | 产品编号: '9001010203000008', |
| | | 产品名称: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | 项目名称: '信合春天里', |
| | | 总数量: '169', |
| | | 总面积: '175.31', |
| | | 分箱数: '3', |
| | | 分架员: 'xxx', |
| | | 加工要求: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231205', |
| | | productionOrderNo: 'NG231205A', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | 销售单号: 'NG231201', |
| | | 流程卡号: 'NG231201A01 ', |
| | | 产品编号: '9001010203000008', |
| | | 产品名称: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | 项目名称: '信合春天里', |
| | | 总数量: '169', |
| | | 总面积: '175.31', |
| | | 分箱数: '3', |
| | | 分架员: 'xxx', |
| | | 加工要求: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231206', |
| | | productionOrderNo: 'NG231206A', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231207', |
| | | productionOrderNo: 'NG231207A', |
| | | productID: '9001010203000008', |
| | | productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | entryName: '信合春天里', |
| | | total: '169', |
| | | TotalArea: '175.31', |
| | | Cases: '3', |
| | | divider: 'xxx', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | 销售单号: 'NG231201', |
| | | 流程卡号: 'NG231201A01 ', |
| | | 产品编号: '9001010203000008', |
| | | 产品名称: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)', |
| | | 项目名称: '信合春天里', |
| | | 总数量: '169', |
| | | 总面积: '175.31', |
| | | 分箱数: '3', |
| | | 分架员: 'xxx', |
| | | 加工要求: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | }, |
| | | ],//table body实际数据 |
| | | //脚部求和 |
| | | footerMethod ({ columns, data }) {//页脚函数 |
| | | let footList=['total','TotalArea','Cases'] |
| | | let footList=['总数量','总面积','分箱数'] |
| | | return[ |
| | | columns.map((column, columnIndex) => { |
| | | if (columnIndex === 0) { |
| | |
| | | |
| | | }) |
| | | |
| | | |
| | | const form = reactive({ |
| | | name: '', |
| | | region: '', |
| | | date1: '', |
| | | date2: '', |
| | | delivery: false, |
| | | type: [], |
| | | resource: '', |
| | | desc: '', |
| | | }) |
| | | |
| | | </script> |
| | | |
| | | <template> |
| | | <div class="main-div-customer"> |
| | | <div id="selectForm"> |
| | | <el-row :gutter="0"> |
| | | <el-date-picker |
| | | v-model="form.date1" |
| | | type="daterange" |
| | | start-placeholder="开始时间" |
| | | end-placeholder="结束时间" |
| | | :default-time="defaultTime" |
| | | /> |
| | | |
| | | <el-button type="primary">查询</el-button> |
| | | </el-row> |
| | | |
| | | </div> |
| | | <vxe-grid |
| | | max-height="100%" |
| | | @filter-change="filterChanged" |
| | |
| | | width: 99%; |
| | | height: 100%; |
| | | } |
| | | #selectForm { |
| | | width: 40%; |
| | | text-align: center; |
| | | } |
| | | </style> |