<!-- 原片月结 -->
|
|
|
<script lang="ts" setup>
|
|
</script>
|
<template>
|
<div>
|
<div>
|
<el-form>
|
<el-row gutter="10" >
|
<el-col :span="2.5">
|
<div class="label-text">查询原片报表日期</div>
|
</el-col>
|
<el-col :span="4">
|
<el-date-picker
|
type="daterange"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
style="width: 200px;"
|
/>
|
</el-col>
|
<el-col :span="4">
|
<el-dropdown>
|
<el-button type="primary">
|
原片<el-icon class="el-icon--right" style="width: 66px;"><arrow-down /></el-icon>
|
</el-button>
|
<template #dropdown>
|
<el-dropdown-menu>
|
<el-dropdown-item>原片</el-dropdown-item>
|
<el-dropdown-item>余料</el-dropdown-item>
|
</el-dropdown-menu>
|
</template>
|
</el-dropdown>
|
</el-col>
|
<el-col :span="4">
|
<el-button id="searchButton" type="primary" :icon="Search">查询报表</el-button>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<div>
|
<div>
|
<el-table :data="tableData" border style="width: 100%">
|
<el-table-column prop="自序" label="自序" width="100" />
|
<el-table-column prop="月份" label="月份" width="100" />
|
<el-table-column prop="单位" label="单位" width="60"/>
|
<el-table-column prop="物料编码" label="物料编码" width="100"/>
|
<el-table-column prop="物料名称" label="物料名称" width="100"/>
|
<el-table-column prop="高度" label="高度" width="100"/>
|
<el-table-column prop="厚度" label="厚度" width="100"/>
|
<el-table-column prop="宽度" label="宽度" width="100"/>
|
<el-table-column prop="上月数量" label="上月数量" width="100"/>
|
<el-table-column prop="上月面积" label="上月面积" width="100"/>
|
<el-table-column prop="本月入库数量" label="本月入库数量" width="110"/>
|
<el-table-column prop="本月入库面积" label="本月入库面积" width="110"/>
|
<el-table-column prop="本月出库数量" label="本月出库数量" width="110"/>
|
<el-table-column prop="本月出库面积" label="本月出库面积" width="110"/>
|
<el-table-column prop="本月库存数量" label="本月库存数量" width="110"/>
|
<el-table-column prop="本月库存面积" label="本月库存面积" width="110"/>
|
</el-table>
|
</div>
|
</div>
|
</div>
|
</template>
|
<style>
|
.centered-box {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
height: 100vh;
|
}
|
|
|
|
|
|
.label-text {
|
font-weight: bold;
|
}
|
</style>
|
