feat(components): 为MutiSelect组件添加collapseTags属性 feat(views): 新增酸连轧系统页面及组件 feat(views): 添加数字钢卷信息展示组件 refactor(views): 重构基础面板组件,支持数字钢卷功能
93 lines
2.3 KiB
Vue
93 lines
2.3 KiB
Vue
<template>
|
|
<div class="shipping-container">
|
|
<el-tabs v-model="activeTab" class="shipping-tabs">
|
|
<el-tab-pane label="配卷情况" name="waybill">
|
|
<div class="tab-content">
|
|
<BasePage
|
|
:qrcode="qrcode"
|
|
:showWaybill="showWaybill"
|
|
:showNewExport="showNewExport"
|
|
:querys="waybillQuerys"
|
|
:showStatus="showStatus"
|
|
:hideType="hideType"
|
|
:useWarehouseIds="useWarehouseIds"
|
|
:warehouseOptions="warehouseOptions"
|
|
:showMaterialType="showMaterialType"
|
|
/>
|
|
</div>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="发货记录" name="ship">
|
|
<div class="tab-content">
|
|
<BasePage
|
|
:qrcode="qrcode"
|
|
:querys="shipQuerys"
|
|
:showStatus="showStatus"
|
|
:hideType="hideType"
|
|
:useWarehouseIds="useWarehouseIds"
|
|
:warehouseOptions="warehouseOptions"
|
|
:showControl="false"
|
|
:showExportTime="true"
|
|
:showMaterialType="showMaterialType"
|
|
/>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import BasePage from '@/views/wms/coil/panels/base.vue';
|
|
|
|
export default {
|
|
name: 'AcidShipping',
|
|
components: {
|
|
BasePage
|
|
},
|
|
data() {
|
|
return {
|
|
activeTab: 'waybill',
|
|
qrcode: false,
|
|
waybillQuerys: {
|
|
dataType: 1,
|
|
includeBindInfo: true,
|
|
},
|
|
shipQuerys: {
|
|
dataType: 1,
|
|
status: 1,
|
|
},
|
|
useWarehouseIds: true,
|
|
warehouseOptions: [
|
|
{value: '1988150044862377986', label: '酸连轧原料库'},
|
|
{value: '1988150099140866050', label: '酸连轧成品库'},
|
|
{value: '1988150263284953089', label: '镀锌原料库'},
|
|
{value: '1988150545175736322', label: '脱脂原料库'},
|
|
],
|
|
showControl: false,
|
|
labelType: '3',
|
|
showStatus: false,
|
|
hideType: false,
|
|
showExportTime: false,
|
|
showWaybill: true,
|
|
showNewExport: true,
|
|
showMaterialType: true,
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.shipping-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.shipping-tabs {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.tab-content {
|
|
height: 100%;
|
|
}
|
|
}
|
|
</style>
|