bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

This commit is contained in:
BianLzhaoMin 2025-12-12 15:05:33 +08:00
parent 71bbf49885
commit ad01758eea
1 changed files with 77 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

143
src/views/EquipmentUpOrDown/tool/index.vue
View File

@ -91,53 +91,64 @@
<el-button size="mini" @click="codeTool" type="primary" class="primary-lease"> 上架编码工具 </el-button>
</el-row>
<el-table :data="toolList" show-overflow-tooltip border @selection-change="handleSelectionChange">
<!-- 修复后的表格列代码 -->
<el-table-column type="selection" width="55" align="center" />
<el-table-column align="center" label="序号" type="index" width="80" />
<el-table-column align="center" label="工具专业" prop="fourthParentName" />
<el-table-column align="center" label="施工类型" prop="greatGrandparentName" />
<el-table-column align="center" label="工具类型" prop="grandparentTypeName" />
<el-table-column align="center" label="工具名称" prop="parentTypeName" />
<el-table-column align="center" label="规格型号" prop="typeName" />
<el-table-column align="center" label="工具编码" prop="toolCode" />
<el-table-column align="center" label="数量" prop="totalNum" />
<el-table-column align="center" label="租赁价" prop="leasePrice" />
<div>
<el-table
:data="toolList"
show-overflow-tooltip
border
stripe
height="546"
@selection-change="handleSelectionChange"
>
<!-- 修复后的表格列代码 -->
<el-table-column type="selection" width="55" align="center" />
<el-table-column align="center" label="序号" type="index" width="80" />
<el-table-column align="center" label="工具专业" prop="fourthParentName" />
<el-table-column align="center" label="施工类型" prop="greatGrandparentName" />
<el-table-column align="center" label="工具类型" prop="grandparentTypeName" />
<el-table-column align="center" label="工具名称" prop="parentTypeName" />
<el-table-column align="center" label="规格型号" prop="typeName" />
<el-table-column align="center" label="工具编码" prop="toolCode" />
<el-table-column align="center" label="数量" prop="totalNum" />
<el-table-column align="center" label="租赁价" prop="leasePrice" />
<el-table-column align="center" label="操作" :width="220">
<template slot-scope="scope">
<!-- 下架按钮：移除 v-if 条件，直接显示 -->
<el-popconfirm
width="220"
icon="el-icon-info"
icon-color="#626AEF"
title="确定下架该工具吗？"
@confirm="handleDown(scope.row.id)"
>
<template slot="reference">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
style="margin-left: 8px; color: red"
>
下架
</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<el-table-column align="center" label="操作" :width="220">
<template slot-scope="scope">
<!-- 下架按钮：移除 v-if 条件，直接显示 -->
<el-popconfirm
width="220"
icon="el-icon-info"
icon-color="#626AEF"
title="确定下架该工具吗？"
@confirm="handleDown(scope.row.id)"
>
<template slot="reference">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
style="margin-left: 8px; color: red"
>
下架
</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页组件 -->
<el-pagination
background
layout="total,sizes,prev, pager, next"
:total="total"
:page-size="searchParams.pageSize"
:current-page="searchParams.pageNum"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<div class="pagination-wrapper">
<el-pagination
background
layout="total,sizes,prev, pager, next"
:total="total"
:page-size="searchParams.pageSize"
:current-page="searchParams.pageNum"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</el-card>
<!-- 上架数量工具 -->
@ -1001,30 +1012,30 @@ export default {
}
.content-box {
// height: calc(100vh - 220px);
// border-radius: 8px;
// display: flex;
// flex-direction: column;
// overflow: hidden;
height: calc(100vh - 220px);
border-radius: 8px;
display: flex;
flex-direction: column;
overflow: hidden;
// ::v-deep .el-card__body {
// display: flex !important;
// flex-direction: column !important;
// height: 100% !important;
// padding: 20px;
// }
::v-deep .el-card__body {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
padding: 20px;
}
// .el-row:first-child {
// margin-bottom: 16px;
// flex-shrink: 0;
.el-row:first-child {
margin-bottom: 16px;
flex-shrink: 0;
// .el-col {
// display: flex;
// justify-content: flex-end;
// align-items: center;
// gap: 12px;
// }
// }
.el-col {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
}
.table-container {
overflow: hidden;