style(components): 将按钮组件替换为链接样式

- 统一将页面中的 Button 组件替换为 a 标签,保持样式一致
- 添加统一的链接样式类 ops-link 和分隔符样式类 ops-sep
- 更新操作列中按钮的样式,使用颜色、光标和文本装饰属性替代原有 props 配置
- 在多个文件中调整了操作项之间的分隔符显示逻辑
- 优化表格操作列渲染函数,去除冗余的 Button 属性配置
- 保持功能不变的前提下提升界面视觉一致性
This commit is contained in:
pikachu1995@126.com
2025-11-24 11:33:54 +08:00
parent 756cb28daa
commit 799184fd21
82 changed files with 1454 additions and 1394 deletions

View File

@@ -75,49 +75,30 @@
@on-selection-change="changeSelect"
>
<template slot-scope="{ row }" slot="action">
<Button
v-if="
row.promotionStatus === 'CLOSE' || row.promotionStatus === 'NEW'
"
type="info"
size="small"
<a
v-if="row.promotionStatus === 'CLOSE' || row.promotionStatus === 'NEW'"
:style="{ color: '#2d8cf0', cursor: 'pointer', textDecoration: 'none' }"
@click="see(row)"
>编辑
</Button>
<Button
>编辑</a>
<a
v-else
type="default"
size="small"
:style="{ color: '#2d8cf0', cursor: 'pointer', textDecoration: 'none' }"
@click="see(row, 'onlyView')"
>查看
</Button>
<Button
class="ml_5"
v-if="
row.promotionStatus === 'START' || row.promotionStatus === 'NEW'
"
type="error"
size="small"
>查看</a>
<span
v-if="row.promotionStatus === 'START' || row.promotionStatus === 'NEW'"
style="margin: 0 8px; color: #dcdee2"
>|</span>
<a
v-if="row.promotionStatus === 'START' || row.promotionStatus === 'NEW'"
:style="{ color: '#2d8cf0', cursor: 'pointer', textDecoration: 'none' }"
@click="close(row)"
>关闭
</Button>
<!--<Button-->
<!--class="ml_5"-->
<!--v-if="-->
<!--row.promotionStatus === 'CLOSE' || row.promotionStatus === 'END'-->
<!--"-->
<!--type="error"-->
<!--size="small"-->
<!--@click="remove(row)"-->
<!--&gt;删除-->
<!--</Button>-->
<Button
style="margin: 5px"
type="info"
size="small"
>关闭</a>
<span style="margin: 0 8px; color: #dcdee2">|</span>
<a
:style="{ color: '#2d8cf0', cursor: 'pointer', textDecoration: 'none' }"
@click="receivePage(row.id)"
>领取记录
</Button>
>领取记录</a>
</template>
</Table>
<Row type="flex" justify="end" class="mt_10">