修改物料界面

main
ljh 2024-07-03 01:06:41 +08:00
parent d30c9e90d6
commit 44dbbc5888
1 changed files with 23 additions and 22 deletions

View File

@ -100,8 +100,10 @@
</el-table> </el-table>
</el-card> </el-card>
</div> </div>
<div class="tab-right" style="width: 75%"> <div class="tab" >
<el-card class="full-table" shadow="hover" style="margin-top: 5px"> <el-card class="full-table" shadow="hover" style="margin-top: 5px">
<div class="tab" style="overflow: hidden;margin-top:29px">
<div>
<el-table <el-table
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
@ -130,18 +132,21 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<div style="line-height: 35px">
<el-pagination <el-pagination
v-model:currentPage="tableParams.page" v-model:currentPage="queryParams.page"
v-model:page-size="tableParams.pageSize" v-model:page-size="queryParams.pageSize"
:total="tableParams.total" :total="queryParams.total"
:page-sizes="[10, 20, 50, 100, 200, 500]" :page-sizes="[10, 20, 50, 100, 200, 500]"
small="" small=""
background="" background=""
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
/> />
</div>
</div>
<editDialog <editDialog
ref="editDialogRef" ref="editDialogRef"
:title="editMaterialsTitle" :title="editMaterialsTitle"
@ -154,6 +159,7 @@
/> />
</el-card> </el-card>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -218,7 +224,7 @@
loading.value = true; loading.value = true;
var res = await pageMaterials(Object.assign(queryParams.value, tableParams.value)); var res = await pageMaterials(Object.assign(queryParams.value, tableParams.value));
tableData.value = res.data.result?.items ?? []; tableData.value = res.data.result?.items ?? [];
tableParams.value.total = res.data.result?.total; queryParams.value.total = res.data.result?.total;
loading.value = false; loading.value = false;
}; };
@ -287,13 +293,13 @@
// //
const handleSizeChange = (val: number) => { const handleSizeChange = (val: number) => {
tableParams.value.pageSize = val; queryParams.value.pageSize = val;
handleQuery(); handleQuery();
}; };
// //
const handleCurrentChange = (val: number) => { const handleCurrentChange = (val: number) => {
tableParams.value.page = val; queryParams.value.page = val;
handleQuery(); handleQuery();
}; };
@ -302,11 +308,6 @@
</script> </script>
<style scoped> <style scoped>
:deep(.el-ipnut),
:deep(.el-select),
:deep(.el-input-number) {
width: 100%;
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.main-table { .main-table {
@ -334,12 +335,12 @@
} }
.tab { .tab {
width: 80%; width: 100%;
flex: 1; flex: 1;
overflow: scroll; overflow: scroll;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
div:nth-child(1) { div:nth-child(1) {
flex: 1; flex: 1;
overflow: scroll; overflow: scroll;