装备出库记录表格修改

This commit is contained in:
cwchen 2025-10-29 15:17:23 +08:00
parent 966f6f3557
commit f77d66ab3a
1 changed files with 9 additions and 27 deletions

View File

@ -1,9 +1,9 @@
<template> <template>
<!-- 装备流转记录 --> <!-- 装备流转记录 -->
<div class="app-container"> <div class="app-container">
<el-card class="search-box">
<div class="query-form-container" style="flex-shrink: 0;">
<el-form ref="queryForm" size="small" inline label-width="auto" :model="queryParams"> <el-form ref="queryForm" size="small" inline label-width="auto" :model="queryParams">
<el-card class="search-box">
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="keyword"> <el-form-item prop="keyword">
<el-input <el-input
@ -30,18 +30,17 @@
<el-button type="primary" icon="el-icon-search" @click="onHandleQuery"> 查询</el-button> <el-button type="primary" icon="el-icon-search" @click="onHandleQuery"> 查询</el-button>
<el-button icon="el-icon-refresh" @click="onHandleReset">重置</el-button> <el-button icon="el-icon-refresh" @click="onHandleReset">重置</el-button>
</el-col> </el-col>
</el-card>
</el-form> </el-form>
</div>
</el-card>
<el-card class="content-box"> <el-card class="content-box">
<div class="table-container" style="flex: 1; overflow-y: auto;">
<el-row> <el-row>
<el-col :span="24" style="text-align: right;"> <el-col :span="24" style="text-align: right;">
<el-button icon="el-icon-refresh" @click="onHandleExport">导出数据</el-button> <el-button icon="el-icon-download" @click="onHandleExport">导出数据</el-button>
</el-col> </el-col>
</el-row> </el-row>
<div class="table-container">
<el-table :data="tableData" style="width: 100%" border stripe height="100%"> <el-table :data="tableData" style="width: 100%" border stripe height="100%">
<el-table-column align="center" show-overflow-tooltip type="index" label="序号" width="50"/> <el-table-column align="center" show-overflow-tooltip type="index" label="序号" width="50"/>
<el-table-column align="center" show-overflow-tooltip prop="createUser" label="操作人"/> <el-table-column align="center" show-overflow-tooltip prop="createUser" label="操作人"/>
@ -85,7 +84,7 @@
</el-table> </el-table>
</div> </div>
<div class="pagination-container-fage" style="flex-shrink: 0;"> <div class="pagination-wrapper" style="flex-shrink: 0;">
<pagination <pagination
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
@ -267,15 +266,6 @@ export default {
flex-direction: column; flex-direction: column;
} }
.query-form-container,
.table-container,
.pagination-container-fage {
background-color: #fff; /* 设置白色背景 */
padding: 10px;
margin-bottom: 20px;
border-radius: 4px;
}
.button-group { .button-group {
float: right; float: right;
margin-left: 10px; margin-left: 10px;
@ -285,23 +275,15 @@ export default {
margin-bottom: 0px; margin-bottom: 0px;
} }
.pagination-container {
position: relative;
height: 25px;
margin-bottom: 10px;
margin-top: -16px;
padding: 10px 20px !important;
background:none ;
}
.search-box { .search-box {
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 8px; border-radius: 8px;
padding: 10px 0 20px 0;
} }
.content-box { .content-box {
border-radius: 8px; border-radius: 8px;
height: calc(100vh - 230px); height: calc(100vh - 210px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;