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