style(payment): 优化票据搜索条件交互和标签宽度统一

- 票据账册搜索改用 el-check-tag 实现快捷筛选,提升用户交互体验
- 查询按钮增加图标,重置按钮同样添加图标及文字说明
- 调整票据搜索表单标签宽度由160px统一为88px,优化界面一致性
- 全站多处搜索栏表单标签宽度由160px改为88px,涵盖多页面及组件
- 修复业务组件内el-autocomplete输入框宽度适配,避免placeholder被裁剪
- 业务页面货物名称表格列宽由150调整为240,改善显示效果
- 修正系统部门操作列宽度避免按钮竖排溢出问题
- 修改多个表单页和搜索板块样式,确保标签宽度和对齐一致
- 调整表单按钮等样式,提升整体页面美观性和操作友好度
This commit is contained in:
2026-08-26 11:59:49 +08:00
parent dc5a2235eb
commit 899a8c1c2b
29 changed files with 193 additions and 86 deletions
+10 -4
View File
@@ -730,16 +730,22 @@ export default {
margin-top: 12px;
}
/* 操作列兜底:确保「查看 / 编辑 / 删除 / 新增子项」横向排列并保留 8px 间距,
避免退化成 block 导致操作项竖排错位。全局样式已统一处理,此处为双保险。 */
/* 操作列布局修正:
1) 全局样式对 .cell.avue-crud__menu 设了 width:auto !important + overflow:visible(为避免 tooltip 裁切),
会覆盖 Avue menuWidth 导致列宽塌陷、flex-wrap 把 4 个按钮压成竖排并溢出列边界。
2) 此处用更具体的选择器 + !important 恢复固定宽度,确保按钮在操作列内横向排列。 */
:deep(.avue-crud .el-table__body-wrapper .cell.avue-crud__menu) {
width: 320px !important;
overflow: hidden;
text-overflow: clip;
}
:deep(.avue-crud__menu) {
display: inline-flex !important;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: flex-start;
width: 100%;
text-align: left;
> .el-button,
> .el-link,
+16 -2
View File
@@ -1,7 +1,11 @@
<template>
<basic-container>
<div class="avue-crud">
<el-row :hidden="!search" style="padding: 6px 18px">
<el-card
:hidden="!search"
class="avue-crud__search param-page__search"
shadow="never"
>
<!-- 查询模块 -->
<el-form :inline="true" :model="query">
<el-form-item label="参数名:">
@@ -16,7 +20,7 @@
<el-button icon="el-icon-delete" @click="searchReset()">重 置</el-button>
</el-form-item>
</el-form>
</el-row>
</el-card>
<el-row>
<div class="avue-crud__header">
<!-- 头部左侧按钮模块 -->
@@ -414,3 +418,13 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.param-page__search {
margin-bottom: 8px;
:deep(.el-card__body) {
padding: 12px 12px 4px;
}
}
</style>
+1 -1
View File
@@ -138,7 +138,7 @@
>编辑
</el-link>
<el-dropdown @command="command => handleDropdownCommand(command, row, index)">
<el-link type="primary">更 多 </el-link>
<el-link type="primary">更多 </el-link>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="setLeader" v-if="userInfo.authority.includes('admin')">