<template>
|
<div class="mod-config">
|
<basic-container>
|
<div class="escortdetail-header">
|
<div
|
class="escortdetail-header-condition-item escortdetail-deliverydate-item"
|
>
|
<div>发货日期：</div>
|
<el-date-picker
|
v-model="deliveryDate"
|
type="daterange"
|
range-separator="-"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
</div>
|
<div class="escortdetail-header-condition-item escortdetail-part-item">
|
<div>押运单号：</div>
|
<div>
|
<el-input v-model="escortNo" placeholder="押运单号"> </el-input>
|
</div>
|
</div>
|
<div class="escortdetail-header-condition-item">
|
<el-button type="primary" @click="queryEscortDetail">查询</el-button>
|
<el-button type="success" @click="cleanCondition">清空</el-button>
|
<el-button type="info" @click="exportPage">导出</el-button>
|
</div>
|
</div>
|
<div class="escortdetail-body">
|
<el-table
|
ref="escortDetailTable"
|
:data="escortDetailList"
|
v-loading="loading"
|
style="width: 100%"
|
v-adaptive="{ bottomOffset: 65, fixedHeight: 0 }"
|
height="100px"
|
border
|
class="escortdetail-table"
|
>
|
<el-table-column label="发货明细" header-align="center">
|
<el-table-column label="分割信息" header-align="center">
|
<el-table-column
|
label="编号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="合同号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="客户"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="类别"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="规格型号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="合同长度"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="色标"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="绝缘色标"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="印字"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="生产流水号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="原长度"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="分割日期"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="分割长度"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="配货日期"
|
header-align="center"
|
></el-table-column>
|
</el-table-column>
|
<el-table-column label="包装信息" header-align="center">
|
<el-table-column
|
label="米标"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="包装方式"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="打圈个数"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="出厂盘号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="毛重"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="净重"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="包装日期"
|
header-align="center"
|
></el-table-column>
|
</el-table-column>
|
<el-table-column label="发货信息" header-align="center">
|
<el-table-column
|
label="押运单号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="物流公司"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="发货时间"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="合同号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="客户"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="工程名称"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="发货长度"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="发货净重"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="发货毛重"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="公司名称"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="联系人"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="电话"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="交货地址"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="发货备注"
|
header-align="center"
|
></el-table-column>
|
</el-table-column>
|
<el-table-column
|
label="单价"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="总价"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="事业部"
|
header-align="center"
|
></el-table-column>
|
<el-table-column label="退货信息" header-align="center">
|
<el-table-column
|
label="退货日期"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="退货原因"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="退货数量"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="是否退回产品公司"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="退回到货日期"
|
header-align="center"
|
></el-table-column>
|
</el-table-column>
|
<el-table-column
|
label="分割后包装区域"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="合同行号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="单位"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="合同主体"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="BOM编号"
|
header-align="center"
|
></el-table-column>
|
<el-table-column
|
label="业务员"
|
header-align="center"
|
></el-table-column>
|
</el-table-column>
|
</el-table>
|
</div>
|
<div style="text-align:right">
|
<el-pagination
|
v-show="escortDetailList && escortDetailList.length"
|
:current-page="pagination.currentPage"
|
@current-change="handlesCurrentChange"
|
@size-change="sizeChangeHandle"
|
:page-sizes="[10, 20, 50, 100]"
|
:page-size="pagination.pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="pagination.total"
|
background
|
>
|
</el-pagination>
|
</div>
|
</basic-container>
|
</div>
|
</template>
|
<style lang="scss" scoped>
|
.escortdetail-header {
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: space-around;
|
margin-bottom: 10px;
|
}
|
|
.escortdetail-header-condition-item {
|
display: flex;
|
}
|
|
.escortdetail-body {
|
padding: 0px 10px;
|
}
|
</style>
|
<script>
|
import adaptive from '@/util/adaptive'
|
|
export default {
|
data() {
|
return {
|
loading: false,
|
deliveryDate: '',
|
escortNo: null,
|
escortDetailList: [], // 产量统计结果
|
pagination: {
|
currentPage: 1,
|
pageSize: 20,
|
total: 0
|
}
|
}
|
},
|
directives: {
|
adaptive
|
},
|
created() {},
|
methods: {
|
exportPage() {},
|
// 查询发货明细统计结果
|
queryEscortDetail() {},
|
// 清空查询条件
|
cleanCondition() {
|
this.deliveryDate = ''
|
this.escortNo = null
|
},
|
// 当前页码
|
handlesCurrentChange(val) {
|
this.pagination.currentPage = val
|
this.queryEscortDetail()
|
},
|
// 每页数
|
sizeChangeHandle(val) {
|
this.pagination.pageSize = val
|
this.pagination.currentPage = 1
|
this.queryEscortDetail()
|
}
|
}
|
}
|
</script>
|
