7 changed files with 840 additions and 0 deletions
-
146src/views/modules/base/createRoll.vue
-
44src/views/modules/base/dialogDemo.vue
-
34src/views/modules/base/factoryInformation.vue
-
180src/views/modules/base/getPartNo.vue
-
218src/views/modules/base/searchPartNo.vue
-
95src/views/modules/base/slittedRoll.vue
-
123src/views/modules/base/unslittedRoll.vue
@ -0,0 +1,146 @@ |
|||
<template> |
|||
<el-dialog v-drag |
|||
width="800px" |
|||
:title="title" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="visible"> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;"> |
|||
<el-form-item :label="'工厂编号:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'关联单号1:'" > |
|||
<el-input v-model="dataForm.orderRef1" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'关联单号3:'" > |
|||
<el-input v-model="dataForm.orderRef3" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 30px"> |
|||
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">列表</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> |
|||
<el-form-item :label="'供应商编号:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'供应商名称:'" > |
|||
<el-input v-model="dataForm.site" style="width: 255px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 30px"> |
|||
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">创建</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> |
|||
<el-form-item :label="'物料编码:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'物料名称:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'规格型号:'" > |
|||
<el-input v-model="dataForm.site" style="width: 180px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 30px"> |
|||
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 95px;">关闭</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> |
|||
<el-form-item :label="'供应商编号:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'送货单号:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'订单数量:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 30px"> |
|||
<el-button @click="getDataList()" type="primary" style="margin-left: 142px;">供应商批号录入</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> |
|||
<el-form-item :label="'每卷数量:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'卷数:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 30px"> |
|||
<el-button @click="getDataList()" type="primary">插入</el-button> |
|||
<el-switch |
|||
v-model="value1" |
|||
active-color="#13ce66" |
|||
inactive-color="#ff4949" |
|||
active-value="Y" |
|||
inactive-value="N" |
|||
style="margin-left: 73px"> |
|||
</el-switch> |
|||
<span>{{'自动打印标签'}}</span> |
|||
</el-form-item> |
|||
<el-form-item :label="'材料编码:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> |
|||
<el-form-item :label="'客户编号:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'产品编码:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'参照名称:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'供应商编码:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'供应商名称:'" > |
|||
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-tabs v-model="activeName" > |
|||
<el-tab-pane label="待分卷" name="first"><unslittedRoll></unslittedRoll></el-tab-pane> |
|||
<el-tab-pane label="已分卷" name="second"><slittedRoll></slittedRoll></el-tab-pane> |
|||
</el-tabs> |
|||
<el-footer style="height:10px;margin-top: 0px;text-align:center" > |
|||
|
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import unslittedRoll from "./unslittedRoll" |
|||
import slittedRoll from "./slittedRoll" |
|||
export default { |
|||
name: "createRoll", |
|||
components: {unslittedRoll,slittedRoll}, |
|||
data() { |
|||
return { |
|||
height: '', |
|||
visible:false, |
|||
title:'创建卷', |
|||
dataForm:{ |
|||
site:'', |
|||
orderRef1:'', |
|||
orderRef3:'', |
|||
}, |
|||
value1:'N', |
|||
activeName:'first', |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
} |
|||
}, |
|||
created() { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,44 @@ |
|||
<template> |
|||
<div> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;"> |
|||
<el-button @click="testPage()" type="primary" style="margin-top: 33px">{{'创建卷'}}</el-button> |
|||
</el-form> |
|||
<createRoll v-if="testVisible" ref="createRoll"></createRoll> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
|
|||
import createRoll from "./createRoll"; |
|||
export default { |
|||
name: "dialogDemo", |
|||
data() { |
|||
return { |
|||
height: '', |
|||
testVisible:false, |
|||
} |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
components: { |
|||
createRoll |
|||
}, |
|||
methods: { |
|||
testPage(){ |
|||
this.testVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.createRoll.init() |
|||
}) |
|||
} |
|||
}, |
|||
created() { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,34 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;"> |
|||
<el-button @click="getData()" type="primary" style="margin-left: 2px;margin-top: 33px">{{'查询'}}</el-button> |
|||
</el-form> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import {} from "@/api/sysLanguage.js" |
|||
|
|||
export default { |
|||
name: "factoryInformation", |
|||
data() { |
|||
return { |
|||
height: '', |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.height = window.innerHeight - 240; |
|||
}) |
|||
}, |
|||
methods: {}, |
|||
created() { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,180 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -5px;"> |
|||
<el-form-item :label="'工厂编号:'"> |
|||
<el-input v-model="searchData.site" 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-select filterable v-model="searchData.status" style="width: 130px"> |
|||
<el-option label="否" value="N"></el-option> |
|||
<el-option label="是" value="Y"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table |
|||
:height="height" |
|||
:data="dataList" |
|||
border |
|||
style="width: 100%;"> |
|||
<el-table-column |
|||
header-align="center" |
|||
align="center" |
|||
min-width="70" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" size="small" @click="editData(scope.row)">创建卷</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:align="item.align" |
|||
:min-width="item.width" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import {} from "@/api/sysLanguage.js" |
|||
export default { |
|||
name: "getPartNo", |
|||
data() { |
|||
return { |
|||
searchData:{ |
|||
site:'', |
|||
orderNo:'', |
|||
status:'', |
|||
}, |
|||
height: 100, |
|||
dataList:[], |
|||
columnList: [ |
|||
{ |
|||
columnProp: 'site', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
width: '50', |
|||
columnLabel: '采购订单号', |
|||
}, |
|||
{ |
|||
columnProp: 'calendarId', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '70', |
|||
columnLabel: '订单日期', |
|||
}, |
|||
{ |
|||
columnProp: 'calendarDesc', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '70', |
|||
columnLabel: '要求交货日期', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '60', |
|||
columnLabel: '供应商编码', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '60', |
|||
columnLabel: '订单状态', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '150', |
|||
columnLabel: '供应商名称', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
width: '50', |
|||
columnLabel: '订单序号', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '100', |
|||
columnLabel: '物料编码', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '200', |
|||
columnLabel: '物料名称', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
width: '60', |
|||
columnLabel: '订单数量', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
width: '30', |
|||
columnLabel: '是否取消', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
width: '60', |
|||
columnLabel: 'SAP订单标识号', |
|||
}, |
|||
{ |
|||
columnProp: 'status', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
width: '50', |
|||
columnLabel: '工厂编号', |
|||
} |
|||
], |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.height = window.innerHeight - 200; |
|||
}) |
|||
}, |
|||
methods: {}, |
|||
created() { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,218 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -5px;"> |
|||
<el-form-item :label="'工厂编号:'"> |
|||
<el-input v-model="searchData.site" style="width: 130px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'物料编码:'"> |
|||
<el-input v-model="searchData.site" style="width: 130px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'物料名称:'"> |
|||
<el-input v-model="searchData.site" style="width: 130px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'规格型号:'"> |
|||
<el-input v-model="searchData.site" style="width: 130px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'版本号:'"> |
|||
<el-input v-model="searchData.site" style="width: 130px"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> |
|||
<el-form-item :label="'工艺路线类型:'"> |
|||
<el-select filterable v-model="searchData.status" style="width: 130px"> |
|||
<el-option label="全部" value=""></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'加工中心编码:'"> |
|||
<el-input v-model="searchData.site" style="width: 417px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'加工中心名称:'"> |
|||
<el-input v-model="searchData.site" style="width: 130px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'默认:'"> |
|||
<el-select filterable v-model="searchData.status" style="width: 130px"> |
|||
<el-option label="全部" value=""></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-select filterable v-model="searchData.status" style="width: 130px"> |
|||
<el-option label="全部" value=""></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'启用日期:'"> |
|||
<el-date-picker |
|||
style="width: 130px" |
|||
v-model="searchData.date1" |
|||
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.date1" |
|||
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.date1" |
|||
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.date1" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table |
|||
:height="height" |
|||
:data="dataList" |
|||
border |
|||
style="width: 100%;"> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:align="item.align" |
|||
:min-width="item.width" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
header-align="center" |
|||
align="center" |
|||
min-width="70" |
|||
label="操作"> |
|||
<template slot-scope="scope"> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import {} from "@/api/sysLanguage.js" |
|||
export default { |
|||
name: "searchPartNo", |
|||
data() { |
|||
return { |
|||
height: 300, |
|||
searchData:{ |
|||
site:'', |
|||
status:'', |
|||
date1:'', |
|||
}, |
|||
dataList: [], |
|||
columnList: [ |
|||
{ |
|||
columnProp:'datetype', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'50', |
|||
columnLabel:'物料编码', |
|||
}, |
|||
{ |
|||
columnProp:'exceptexacttime1', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'100', |
|||
columnLabel:'物料名称', |
|||
}, |
|||
{ |
|||
columnProp:'exceptduration1', |
|||
headerAlign:'center', |
|||
align:'right', |
|||
width:'40', |
|||
columnLabel:'计量单位', |
|||
}, |
|||
{ |
|||
columnProp:'exceptexacttime2', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'35', |
|||
columnLabel:'版本号', |
|||
}, |
|||
{ |
|||
columnProp:'exceptduration2', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'50', |
|||
columnLabel:'启动日期', |
|||
}, |
|||
{ |
|||
columnProp:'exceptexacttime3', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'50', |
|||
columnLabel:'停用日期', |
|||
}, |
|||
{ |
|||
columnProp:'exceptduration3', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'50', |
|||
columnLabel:'工艺路线类型', |
|||
}, |
|||
{ |
|||
columnProp:'exceptexacttime4', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'40', |
|||
columnLabel:'状态', |
|||
}, |
|||
{ |
|||
columnProp:'exceptduration4', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'100', |
|||
columnLabel:'备注', |
|||
}, |
|||
{ |
|||
columnProp:'exceptexacttime5', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'30', |
|||
columnLabel:'默认', |
|||
}, |
|||
{ |
|||
columnProp:'exceptduration5', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'40', |
|||
columnLabel:'工序号', |
|||
}, |
|||
{ |
|||
columnProp:'exceptexacttime6', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'100', |
|||
columnLabel:'工序名称', |
|||
} |
|||
], |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.height = window.innerHeight - 320; |
|||
}) |
|||
}, |
|||
methods: {}, |
|||
created() { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,95 @@ |
|||
<template> |
|||
<div class="mod-config" style="width: 760px"> |
|||
<el-table |
|||
height="200" |
|||
:data="dataList" |
|||
border |
|||
:vertical-align="'middle'" |
|||
style="width: 100%;"> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:align="item.align" |
|||
:vertical-align="'middle'" |
|||
:min-width="item.width" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {} from "@/api/sysLanguage.js" |
|||
|
|||
export default { |
|||
name: "slittedRoll", |
|||
data() { |
|||
return { |
|||
dataList:[], |
|||
columnList:[ |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'80', |
|||
columnLabel:'卷号', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'right', |
|||
width:'40', |
|||
columnLabel:'卷数量', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'100', |
|||
columnLabel:'供应商送货单号', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'60', |
|||
columnLabel:'入库日期', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'60', |
|||
columnLabel:'分卷日期', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'60', |
|||
columnLabel:'分卷人', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'80', |
|||
columnLabel:'已录入供应商批号', |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: {}, |
|||
created() { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,123 @@ |
|||
<template> |
|||
<div class="mod-config" style="width: 775px"> |
|||
<div style="width: 40%;float: left"> |
|||
<el-table |
|||
height="200" |
|||
:data="dataList1" |
|||
border |
|||
:vertical-align="'middle'" |
|||
style="width: 100%;"> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList1" :key="index" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:align="item.align" |
|||
:vertical-align="'middle'" |
|||
:min-width="item.width" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div style="width: 58%;float: left"> |
|||
<el-table |
|||
height="200" |
|||
:data="dataList2" |
|||
border |
|||
:vertical-align="'middle'" |
|||
style="width: 100%;"> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList2" :key="index" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:align="item.align" |
|||
:vertical-align="'middle'" |
|||
:min-width="item.width" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "unslittedRoll", |
|||
data() { |
|||
return { |
|||
dataList1:[], |
|||
dataList2:[], |
|||
columnList1:[ |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'50', |
|||
columnLabel:'次序号', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'right', |
|||
width:'80', |
|||
columnLabel:'每卷数量', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'right', |
|||
width:'50', |
|||
columnLabel:'卷数', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'right', |
|||
width:'80', |
|||
columnLabel:'总数量', |
|||
}, |
|||
], |
|||
columnList2:[ |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'60', |
|||
columnLabel:'物料编码', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'80', |
|||
columnLabel:'物料名称', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'left', |
|||
width:'40', |
|||
columnLabel:'订单序号', |
|||
}, |
|||
{ |
|||
columnProp:'site', |
|||
headerAlign:'center', |
|||
align:'right', |
|||
width:'50', |
|||
columnLabel:'订单数量', |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: {}, |
|||
created() { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue