fix(table): 修复表格尺寸调整问题

This commit is contained in:
zxy 2026-04-23 09:54:39 +08:00
parent ee2e1af6f5
commit 2b7e17375a

View File

@ -15,32 +15,15 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="设备编码">
<el-input :value="dataForm.eqCode" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="周期单位">
<el-form-item label="周期">
<el-input :value="getCycleUnitLabel(dataForm.cycleUnit)" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="周期值">
<el-input :value="dataForm.cycleValue" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="下次执行时间">
<el-input :value="formatDate(dataForm.planStartDtime)" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="启用状态">
<el-input :value="getEnabledStatusLabel(dataForm.enabledStatus)" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
@ -53,28 +36,38 @@
<el-input :value="dataForm.userName" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="下次执行时间">
<el-input :value="formatDate(dataForm.planStartDtime)" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-col :span="8">
<el-form-item label="启用状态">
<el-input :value="getEnabledStatusLabel(dataForm.enabledStatus)" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="备注">
<el-input :value="dataForm.remark" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div style="margin-bottom: 10px; display: flex; align-items: center;">
<el-row :gutter="20">
<el-col :span="24" style="overflow-x: hidden;">
<div style="display: flex; align-items: center; margin-bottom: 10px;">
<span style="font-weight: bold;">巡检项目信息</span>
</div>
<el-table :data="dataForm.itemList" border style="width: 100%;" size="small">
<el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
<el-table-column label="巡检项目" prop="itemName" align="center"></el-table-column>
<el-table-column label="检查部位" prop="checkPart" align="center"></el-table-column>
<el-table-column label="检查方法" prop="checkMethod" align="center"></el-table-column>
<el-table-column label="合格标准" prop="qualifiedStand" align="center"></el-table-column>
<el-table-column label="所需工具" prop="checkTool" align="center"></el-table-column>
<el-table-column label="项目序号" prop="seqNo" align="center"></el-table-column>
<el-table-column label="备注" prop="remark" align="center"></el-table-column>
<el-table :data="dataForm.itemList" border :show-header="true" style="width: 100%; table-layout: fixed;">
<el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
<el-table-column label="巡检项目" prop="itemName" min-width="150" align="center"></el-table-column>
<el-table-column label="检查部位" prop="checkPart" min-width="150" align="center"></el-table-column>
<el-table-column label="检查方法" prop="checkMethod" min-width="150" align="center"></el-table-column>
<el-table-column label="合格标准" prop="qualifiedStand" min-width="150" align="center"></el-table-column>
<el-table-column label="所需工具" prop="checkTool" min-width="120" align="center"></el-table-column>
<el-table-column label="项目序号" prop="seqNo" width="80" align="center"></el-table-column>
<el-table-column label="备注" prop="remark" min-width="150" align="center"></el-table-column>
</el-table>
</el-col>
</el-row>