code-image-backup-public/lilishop-ui
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2026-08-06 19:07:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
- 统一将页面中的 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
Download Patch File Download Diff File Expand all files Collapse all files

27
seller/src/views/order/after-order/orderComplaint.vue
View File

@@ -141,19 +141,18 @@
title: "操作",
key: "action",
align: "center",
width: 120,
fixed: 'right',
width: 200,
render: (h, params) => {
if(params.row.complainStatus === "COMPLETE"){
if (params.row.complainStatus === "COMPLETE") {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "info",
size: "small"
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
@@ -164,17 +163,15 @@
"详情"
),
]);
}else{
} else {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "primary",
size: "small"
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

12
seller/src/views/order/after-order/returnGoodsOrder.vue
View File

@@ -195,18 +195,16 @@
key: "action",
align: "center",
fixed: 'right',
width: 120,
width: 200,
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "info",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

13
seller/src/views/order/after-order/returnMoneyOrder.vue
View File

@@ -184,18 +184,17 @@
title: "操作",
key: "action",
align: "center",
width: 100,
fixed: 'right',
width: 200,
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "info",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

13
seller/src/views/order/order/orderList.vue
View File

@@ -302,18 +302,17 @@ export default {
title: "操作",
key: "action",
align: "center",
width: 100,
fixed: "right",
width: 200,
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "info",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

9
seller/src/views/order/order/virtualOrderList.vue
View File

@@ -153,13 +153,12 @@ export default {
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "info",
size: "small",
},
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
},
on: {

33
seller/src/views/order/receiptManager/receipt.vue
View File

@@ -159,33 +159,20 @@ export default {
title: "操作",
key: "action",
align: "center",
width: 80,
fixed: 'right',
width: 200,
render: (h, params) => {
const disabled = !(((params.row.orderStatus === "COMPLETED" || params.row.orderStatus === "DELIVERED")) && params.row.receiptStatus === 0);
const style = disabled
? { color: "#c5c8ce", cursor: "not-allowed", textDecoration: "none" }
: { color: "#2d8cf0", cursor: "pointer", textDecoration: "none" };
const on = disabled ? {} : { click: () => { this.invoicing(params.row); } };
return h("div", [
h(
"Button",
"a",
{
props: {
type: "info",
size: "small",
},
attrs: {
disabled:
!(
(params.row.orderStatus === "COMPLETED"
||params.row.orderStatus === "DELIVERED")
&&
params.row.receiptStatus === 0),
},
style: {
marginRight: "5px",
},
on: {
click: () => {
this.invoicing(params.row);
},
},
style,
on,
},
"开票"
),