4 changed files with 338 additions and 0 deletions
-
1src/api/production/generateReport.js
-
8src/assets/scss/global.scss
-
1src/router/index.js
-
328src/views/modules/board/VulcanizationDispatchOrder.vue
@ -0,0 +1,328 @@ |
|||
<script> |
|||
import th from "element-ui/src/locale/lang/th"; |
|||
import {queryVulcanizationList} from "../../../api/production/generateReport"; |
|||
|
|||
export default { |
|||
name: 'vulcanizationDispatchOrder', |
|||
data(){ |
|||
return{ |
|||
setTimeoutDelay: 30*1000, |
|||
refreshTool: null, |
|||
dataList:[], |
|||
queryParams:{ |
|||
firstReportDate2Flag:'N', |
|||
}, |
|||
columnList: [ |
|||
{ |
|||
tableId: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "seqNo", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "orderNo", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "partSpec", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "qtyReported", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "liuhuaTime", |
|||
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: 'center' |
|||
}, { |
|||
tableId: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "xiubianWancheng", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "xiubianTime", |
|||
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: 'center' |
|||
}, { |
|||
tableId: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "hongkaoWancheng", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "hongkaoTime", |
|||
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: 'center' |
|||
}, { |
|||
tableId: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "jiagongWancheng", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "jiagongTime", |
|||
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: 'center' |
|||
}, { |
|||
tableId: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "jianyanWancheng", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "jianyanTime", |
|||
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: 'center' |
|||
}, { |
|||
tableId: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "baozhuangWancheng", |
|||
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: "vulcanizationTable", |
|||
tableName: this.$route.meta.title, |
|||
columnProp: "baozhuangTime", |
|||
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: 'center' |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
methods:{ |
|||
async handleQuery(){ |
|||
let {data} = await queryVulcanizationList(this.queryParams) |
|||
if (data && data.code === 0){ |
|||
this.dataList = data.rows |
|||
}else { |
|||
this.dataList = [] |
|||
this.$message.warning(data.msg) |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.handleQuery(); |
|||
this.refreshTool = setTimeout(()=>{ |
|||
this.handleQuery(); |
|||
},this.setTimeoutDelay) |
|||
}, |
|||
destroyed() { |
|||
clearTimeout(this.refreshTool) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div style="height: calc(100vh - 0px);"> |
|||
|
|||
<el-table |
|||
height="100%" |
|||
:data="dataList" |
|||
border |
|||
style="width: 100%"> |
|||
<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> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue