style(example): 优化设备管理页面表格布局
This commit is contained in:
parent
55de793986
commit
42bc27f076
@ -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>
|
||||||
|
|||||||
@ -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"/>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user