<!--辅料月结-->
|
|
|
<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-item>无尘纸</el-dropdown-item>
|
<el-dropdown-item>膜</el-dropdown-item>
|
<el-dropdown-item>木箱</el-dropdown-item>
|
<el-dropdown-item>电工电气</el-dropdown-item>
|
<el-dropdown-item>机器配件</el-dropdown-item>
|
<el-dropdown-item>工具</el-dropdown-item>
|
<el-dropdown-item>办公用品</el-dropdown-item>
|
<el-dropdown-item>辅料余料</el-dropdown-item>
|
<el-dropdown-item>来料加工</el-dropdown-item>
|
<el-dropdown-item>丝印</el-dropdown-item>
|
<el-dropdown-item>木板</el-dropdown-item>
|
<el-dropdown-item>气体</el-dropdown-item>
|
<el-dropdown-item>化工管件</el-dropdown-item>
|
<el-dropdown-item>发外加工</el-dropdown-item>
|
<el-dropdown-item>机器设备维修</el-dropdown-item>
|
<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="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>
|
