style(example): 优化设备管理页面表格布局

This commit is contained in:
zxy 2026-04-22 17:12:36 +08:00
parent 55de793986
commit 42bc27f076
2 changed files with 4 additions and 5 deletions

View File

@ -101,8 +101,8 @@
<el-button type="primary" size="small" icon="el-icon-plus" @click="addItem" style="margin-left: 10px;">新增</el-button> <el-button type="primary" size="small" icon="el-icon-plus" @click="addItem" style="margin-left: 10px;">新增</el-button>
</div> </div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24" style="overflow-x: hidden;">
<el-table :data="dataForm.itemList" border :show-header="true" style="width: 100%; table-layout: auto;"> <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 type="index" label="序号" width="60" align="center"/>
<el-table-column prop="itemName" label="*保养项目" min-width="150" align="center"> <el-table-column prop="itemName" label="*保养项目" min-width="150" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
@ -140,7 +140,7 @@
</JnpfInput> </JnpfInput>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="remark" label="备注" min-width="200" align="center"> <el-table-column prop="remark" label="备注" min-width="170" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<JnpfInput v-model="scope.row.remark" clearable> <JnpfInput v-model="scope.row.remark" clearable>
</JnpfInput> </JnpfInput>

View File

@ -75,8 +75,7 @@
<JNPF-table <JNPF-table
v-loading="listLoading" v-loading="listLoading"
:data="list" :data="list"
@selection-change="handleSelectionChange"> >
<el-table-column type="selection" width="50" align="center"/>
<el-table-column prop="deptName" label="所属部门" align="center" min-width="100"/> <el-table-column prop="deptName" label="所属部门" align="center" min-width="100"/>
<el-table-column prop="eqCode" label="设备编码" align="center" min-width="120"/> <el-table-column prop="eqCode" label="设备编码" align="center" min-width="120"/>
<el-table-column prop="eqName" label="设备名称" align="center" min-width="120"/> <el-table-column prop="eqName" label="设备名称" align="center" min-width="120"/>