style(wms): 调整表单和表格的布局及样式

- 减少表单标签宽度和表格列宽
- 移除出口长度列
- 调整主内容区网格布局宽度
- 优化样式细节
This commit is contained in:
砂糖
2026-03-04 21:47:35 +08:00
parent d601dc8320
commit 721c48d6a4

View File

@@ -90,7 +90,7 @@
</el-button> -->
</div>
<el-form ref="updateForm" :model="updateForm" :rules="rules" label-width="120px" size="small">
<el-form ref="updateForm" :model="updateForm" :rules="rules" label-width="80px" size="small">
<el-form-item label="当前钢卷号" prop="currentCoilNo">
<el-input v-model="updateForm.currentCoilNo" placeholder="请输入当前钢卷号">
<template slot="prepend">
@@ -199,18 +199,18 @@
</div>
<el-table :data="acidRecentRecords" stripe size="small" @row-click="handleClickRecord">
<el-table-column prop="currentCoilNo" label="加工前卷号" width="150" show-overflow-tooltip></el-table-column>
<el-table-column prop="excoilId" label="出口卷号" width="150" show-overflow-tooltip></el-table-column>
<el-table-column prop="currentCoilNo" label="加工前卷号" width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="excoilId" label="出口卷号" width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="exitWeight" label="出口重量(t)" width="100">
<template slot-scope="scope">
{{ scope.row.exitWeight ? scope.row.exitWeight + ' t' : '—' }}
</template>
</el-table-column>
<el-table-column prop="exitLength" label="出口长度(m)" width="120">
<!-- <el-table-column prop="exitLength" label="出口长度(m)" width="120">
<template slot-scope="scope">
{{ scope.row.exitLength ? scope.row.exitLength + ' m' : '—' }}
</template>
</el-table-column>
</el-table-column> -->
<el-table-column prop="team" label="班组" width="80"></el-table-column>
</el-table>
</el-card>
@@ -831,7 +831,7 @@ export default {
/* 主内容区 */
.content-wrapper {
display: grid;
grid-template-columns: 350px 1fr;
grid-template-columns: 300px 1fr;
gap: 10px;
align-items: stretch; // 改为stretch让子元素高度一致
}
@@ -866,7 +866,7 @@ export default {
// 新增:最近记录卡片样式
.recent-records-card {
flex: none; // 不伸缩,只占据内容所需空间
flex: none // 不伸缩,只占据内容所需空间
}
/* 变更历史区域(占满整行) */
@@ -901,7 +901,7 @@ export default {
.info-label {
color: #909399;
font-size: 14px;
min-width: 110px;
min-width: 80px;
flex-shrink: 0;
}