<template>
|
<div class="statistics-of-out-plan-page subpages-containter-box">
|
<search-bar>
|
<el-form :inline="true" class="search-form" label-width="80px">
|
<el-form-item label="计划号">
|
<el-input placeholder="请输入..." class="default-form-width"></el-input>
|
</el-form-item>
|
<el-form-item label="计划类型">
|
<el-select placeholder="请选择..." multiple clearable class="default-form-width">
|
</el-select>
|
</el-form-item>
|
<el-form-item label="执行状态">
|
<el-select placeholder="请选择..." multiple clearable class="default-form-width">
|
</el-select>
|
</el-form-item>
|
<el-form-item label="计划日期">
|
<el-input placeholder="请输入..." class="default-form-width"></el-input>
|
</el-form-item>
|
</el-form>
|
</search-bar>
|
|
<div class="table-header-row">
|
<el-button type="primary">导出</el-button>
|
</div>
|
|
<el-table :data="list" border stripe>
|
<el-table-column type="expand">
|
<template #default="props">
|
<div class="children-table-box">
|
<el-table :data="props.row.goods" size="small" border stripe>
|
<el-table-column type="index" width="50" align="center" label="序号" />
|
<el-table-column prop="s1" label="系列" />
|
<el-table-column prop="s1" label="品类" />
|
<el-table-column prop="s1" label="件号" />
|
<el-table-column prop="s1" label="出库数量" />
|
</el-table>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column type="index" width="50" align="center" label="序号" />
|
<el-table-column prop="s1" label="计划号" />
|
<el-table-column prop="s1" label="计划出库日期" width="180" />
|
<el-table-column prop="s2" label="计划类型" />
|
<el-table-column prop="s3" label="种类" />
|
<el-table-column prop="s11" label="出库总数量" />
|
<el-table-column prop="s4" label="出库口" />
|
<el-table-column prop="s10" label="执行状态" />
|
</el-table>
|
|
<div class="pagination-row"><el-pagination :pager-count="5" layout="prev, pager, next, jumper" :total="total" /></div>
|
</div>
|
</template>
|
|
<script>
|
import SearchBar from '@/components/SearchBar.vue'
|
export default {
|
name:'statisticsOfOutPlanPage',
|
components:{SearchBar},
|
data(){
|
return {
|
list:[{id:'1',goods:[{id:'goods1'}]}],
|
total:100,
|
queried:{...this.$config.pagination}
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.statistics-of-out-plan-page{
|
.children-table-box{
|
padding: 0 16px;
|
}
|
}
|
</style>
|
