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

@@ -153,20 +153,21 @@ export default {
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "error",
size: "small"
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
this.remove(params.row);
}
}
},
},
},
"删除"
)
),
]);
}
}

View File

@@ -7,7 +7,7 @@
</div>
<tree-table
ref="treeTable"
size="default"
size="small"
:loading="loading"
:data="tableData"
@@ -18,29 +18,11 @@
:expand-type="false"
primary-key="id">
<template slot="action" slot-scope="scope">
<Button
type="dashed"
@click="edit(scope.row)"
size="small"
style="margin-right:5px"
>编辑
</Button>
<Button
v-show="scope.row.level != 1 "
type="info"
@click="addChildren(scope.row)"
size="small"
style="margin-right:5px"
>添加子分类
</Button>
<Button
type="error"
@click="remove(scope.row)"
size="small"
style="margin-right:5px"
>删除
</Button>
<a @click="edit(scope.row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">编辑</a>
<span style="margin:0 8px;color:#dcdee2">|</span>
<a v-show="scope.row.level != 1" @click="addChildren(scope.row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">添加子分类</a>
<span style="margin:0 8px;color:#dcdee2">|</span>
<a @click="remove(scope.row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">删除</a>
</template>
</tree-table>

View File

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

View File

@@ -104,13 +104,12 @@ export default {
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "success",
size: "small",
},
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
},
on: {
@@ -122,14 +121,19 @@ export default {
"编辑"
),
h(
"Button",
"span",
{
style: { margin: "0 8px", color: "#dcdee2" },
},
"|"
),
h(
"a",
{
props: {
type: "error",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

View File

@@ -169,18 +169,16 @@ export default {
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: () => {

View File

@@ -79,7 +79,7 @@
&nbsp;&nbsp;{{ mes.time }}
</p>
<div class="message-content-body">
<p class="message-content" v-html="mes.content">{{ mes.content }}</p>
<p class="message-content" v-html="mes.content"></p>
</div>
</div>
</transition>
@@ -95,15 +95,15 @@
data() {
const markAsReadBtn = (h, params) => {
return h(
"Button",
"a",
{
props: {
icon: "md-eye-off",
size: "small"
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
// 标记已读
let v = params.row;
this.loading = true;
API_Index.read(v.id).then(res => {
@@ -112,87 +112,82 @@
this.getAll();
}
});
}
}
},
},
},
"标为已读"
);
};
const deleteMesBtn = (h, params) => {
return h(
"Button",
"a",
{
props: {
icon: "md-trash",
size: "small",
type: "error"
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
// 移除
let v = params.row;
this.loading = true;
API_Index.deleteMessage(v.id).then(res => {
this.loading = false;
if (res.success) {
this.refreshMessage()
this.refreshMessage();
}
});
}
}
},
},
},
"删除"
);
};
const restoreBtn = (h, params) => {
return h(
"Button",
"a",
{
props: {
icon: "md-redo",
size: "small"
},
style: {
margin: "0 5px 0 0"
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
// 还原
let v = params.row;
API_Index.reductionMessage(v.id).then(res => {
this.loading = false;
if (res.success) {
this.refreshMessage()
this.refreshMessage();
}
});
}
}
},
},
},
"还原"
);
};
const deleteRealBtn = (h, params) => {
return h(
"Button",
"a",
{
props: {
icon: "md-trash",
size: "small",
type: "error"
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
// 彻底删除
let v = params.row;
this.loading = true;
API_Index.clearMessage(v.id).then(res => {
this.loading = false;
if (res.success) {
this.refreshMessage()
this.refreshMessage();
}
});
}
}
},
},
},
"彻底删除"
);
@@ -287,6 +282,7 @@
} else {
return h("div", [
restoreBtn(h, params),
h("span", { style: { margin: "0 8px", color: "#dcdee2" } }, "|"),
deleteRealBtn(h, params)
]);
}

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: () => {

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: () => {

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: () => {

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: () => {

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: {

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,
},
"开票"
),

View File

@@ -314,13 +314,16 @@ export default {
minWidth: 50,
align: "center",
render: (h, params) => {
if (this.disabled) {
return h("div");
}
return h(
"Button",
"a",
{
props: {
size: "small",
type: "error",
ghost: true,
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

View File

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

View File

@@ -91,8 +91,11 @@
<img :src="row.QRCode || '../../../assets/lili.png'" width="50px" height="50px" alt="" />
</template>
<template slot-scope="{ index }" slot="action">
<Button type="error" :disabled="form.promotionStatus != 'NEW' && !!id" size="small" ghost
@click="delGoods(index)">删除</Button>
<a
v-if="form.promotionStatus == 'NEW' || !id"
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="delGoods(index)"
>删除</a>
</template>
</Table>
</FormItem>

View File

@@ -39,14 +39,11 @@
</template>
<template slot-scope="{ row }" slot="action">
<div>
<Button type="primary" v-if="row.promotionStatus == 'NEW'" size="small" @click="edit(row)">编辑</Button>
<Button type="info" v-else size="small" @click="edit(row)">查看</Button>
<Button type="success" v-if="row.promotionStatus === 'START'" style="margin-left: 5px" size="small"
@click="openOrClose(row)">关闭</Button>
<Button type="success" v-if="row.promotionStatus === 'CLOSE'" style="margin-left: 5px" size="small"
@click="openOrClose(row)">开启</Button>
<!--<Button type="error" :disabled="row.promotionStatus == 'START'" style="margin-left: 5px" size="small"-->
<!--@click="del(row)">删除</Button>-->
<a v-if="row.promotionStatus == 'NEW'" @click="edit(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">编辑</a>
<a v-else @click="edit(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">查看</a>
<span v-if="row.promotionStatus === 'START' || row.promotionStatus === 'CLOSE'" style="margin:0 8px;color:#dcdee2">|</span>
<a v-if="row.promotionStatus === 'START'" @click="openOrClose(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">关闭</a>
<a v-if="row.promotionStatus === 'CLOSE'" @click="openOrClose(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">开启</a>
</div>
</template>
</Table>

View File

@@ -114,29 +114,23 @@
</template>
<template slot-scope="{ row, index }" slot="action">
<div class="action">
<Button
size="small"
type="primary"
:disabled="liveStatus != 'NEW'"
<a
v-if="liveStatus == 'NEW'"
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="deleteGoods(row, index)"
>删除</Button
>
<Button
size="small"
ghost
type="primary"
:disabled="liveStatus != 'NEW'"
>删除</a>
<span v-if="liveStatus == 'NEW'" style="margin:0 8px;color:#dcdee2">|</span>
<a
v-if="liveStatus == 'NEW'"
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="onMove(row.id, 1)"
>上移</Button
>
<Button
size="small"
ghost
type="primary"
:disabled="liveStatus != 'NEW'"
>上移</a>
<span v-if="liveStatus == 'NEW'" style="margin:0 8px;color:#dcdee2">|</span>
<a
v-if="liveStatus == 'NEW'"
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="onMove(row.id, 0)"
>下移</Button
>
>下移</a>
</div>
</template>
</Table>

View File

@@ -122,14 +122,12 @@ export default {
},
[
h(
"Button",
"a",
{
props: {
type: "error",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

View File

@@ -62,10 +62,12 @@
</template>
<template slot-scope="{ row,index }" slot="action">
<Button v-if="params.auditStatus == 99" type="primary" @click="()=>{liveGoodsData.splice(index,1)}">删除</Button>
<Button v-if="params.auditStatus != 99 && !reviewed" ghost type="primary" @click="()=>{$router.push({path:'/goods-operation-edit',query:{id:row.goodsId}})}">查看</Button>
<Button v-if="reviewed" :type="row.___selected ? 'primary' : 'default'" @click="selectedLiveGoods(row,index)">{{row.___selected ? '':''}}选择</Button>
<template slot-scope="{ row ,index }" slot="action">
<a v-if="params.auditStatus == 99" @click="liveGoodsData.splice(index,1)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">删除</a>
<span v-if="params.auditStatus == 99 || (params.auditStatus != 99 && !reviewed) || reviewed" style="margin:0 8px;color:#dcdee2">|</span>
<a v-if="params.auditStatus != 99 && !reviewed" @click="$router.push({path:'/goods-operation-edit',query:{id:row.goodsId}})" style="color:#2d8cf0;cursor:pointer;text-decoration:none">查看</a>
<span v-if="reviewed" style="margin:0 8px;color:#dcdee2">|</span>
<a v-if="reviewed" @click="selectedLiveGoods(row,index)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">{{row.___selected ? '':''}}选择</a>
</template>
</Table>
<div class="flex">

View File

@@ -35,14 +35,11 @@
/>
</template>
<template slot-scope="{ index }" slot="action">
<Button
type="error"
size="small"
ghost
<a
v-if="status === 'manager'"
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="delGoods(index)"
>删除</Button
>
>删除</a>
</template>
</Table>
<Row type="flex" justify="end" class="page operation">

View File

@@ -58,48 +58,15 @@
<Table :loading="loading" border :columns="columns" :data="data" ref="table">
<template slot-scope="{ row }" slot="action">
<div class="row">
<Button
type="default"
size="small"
v-if="row.promotionStatus == 'NEW'"
@click="edit(row)"
>编辑</Button
>
<Button
type="info"
v-if="row.promotionStatus == 'NEW'"
size="small"
@click="manage(row, 'manager')"
>管理</Button
>
<Button
type="info"
v-if="row.promotionStatus !== 'NEW' && row.promotionStatus !== 'CLOSE'"
size="small"
@click="manage(row, 'view')"
>查看</Button
>
<!--<Button-->
<!--type="error"-->
<!--size="small"-->
<!--v-if="row.promotionStatus != 'START'"-->
<!--@click="remove(row)"-->
<!--&gt;删除</Button-->
<!--&gt;-->
<Button
type="success"
v-if="row.promotionStatus == 'CLOSE'"
size="small"
@click="open(row)"
>开启</Button
>
<Button
type="warning"
v-if="row.promotionStatus == 'START'"
size="small"
@click="close(row)"
>关闭</Button
>
<a v-if="row.promotionStatus == 'NEW'" @click="edit(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">编辑</a>
<span v-if="row.promotionStatus == 'NEW'" style="margin:0 8px;color:#dcdee2">|</span>
<a v-if="row.promotionStatus == 'NEW'" @click="manage(row, 'manager')" style="color:#2d8cf0;cursor:pointer;text-decoration:none">管理</a>
<span v-if="row.promotionStatus !== 'NEW' && row.promotionStatus !== 'CLOSE'" style="margin:0 8px;color:#dcdee2">|</span>
<a v-if="row.promotionStatus !== 'NEW' && row.promotionStatus !== 'CLOSE'" @click="manage(row, 'view')" style="color:#2d8cf0;cursor:pointer;text-decoration:none">查看</a>
<span v-if="row.promotionStatus == 'CLOSE'" style="margin:0 8px;color:#dcdee2">|</span>
<a v-if="row.promotionStatus == 'CLOSE'" @click="open(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">开启</a>
<span v-if="row.promotionStatus == 'START'" style="margin:0 8px;color:#dcdee2">|</span>
<a v-if="row.promotionStatus == 'START'" @click="close(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">关闭</a>
</div>
</template>
</Table>

View File

@@ -95,14 +95,11 @@
/>
</template>
<template slot-scope="{ row, index }" slot="action">
<Button
type="error"
<a
v-if="promotionStatus === 'NEW'"
size="small"
ghost
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="delGoods(index, row)"
>删除
</Button>
>删除</a>
</template>
</Table>
</TabPane>

View File

@@ -32,8 +32,8 @@
}}</Tag>
</template>
<template slot-scope="{ row }" slot="action">
<Button v-if="row.promotionStatus === 'NEW'" type="primary" size="small" @click="manage(row)">管理</Button>
<Button v-else type="info" size="small" @click="manage(row)">查看</Button>
<a v-if="row.promotionStatus === 'NEW'" @click="manage(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">管理</a>
<a v-else @click="manage(row)" style="color:#2d8cf0;cursor:pointer;text-decoration:none">查看</a>
</template>
</Table>
<Row type="flex" justify="end" class="mt_10">

View File

@@ -131,18 +131,17 @@
title: "操作",
key: "action",
align: "center",
width: 120,
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: () => {

View File

@@ -135,18 +135,17 @@
title: "操作",
key: "action",
align: "center",
width: 120,
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: () => {

View File

@@ -32,22 +32,18 @@
<span slot="open"></span>
<span slot="close"></span>
</i-switch>
<Button
type="info"
placement="right"
<a
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="Template(item)"
size="small"
>编辑</Button
>
<Button
type="success"
placement="right"
>编辑</a>
<span style="margin: 0 8px; color: #dcdee2">|</span>
<a
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="decorate(item)"
size="small"
>装修</Button
>
>装修</a>
<span style="margin: 0 8px; color: #dcdee2">|</span>
<Poptip confirm title="删除此模板?" @on-ok="delTemplate(item.id)">
<Button type="error" size="small">删除</Button>
<a style="color:#2d8cf0;cursor:pointer;text-decoration:none">删除</a>
</Poptip>
</div>
</div>

View File

@@ -625,16 +625,14 @@
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "default",
size: "small",
},
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display:
this.selectImage === true ? "inline-block" : "none",
display: this.selectImage === true ? "inline-block" : "none",
},
on: {
click: () => {
@@ -645,13 +643,23 @@
"选择"
),
h(
"Button",
"span",
{
props: {
type: "info",
size: "small",
},
style: {
margin: "0 8px",
color: "#dcdee2",
display: this.selectImage === true ? "inline-block" : "none",
},
},
"|"
),
h(
"a",
{
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display: this.selectImage == true ? "none" : "inline-block",
},
@@ -664,13 +672,23 @@
"下载"
),
h(
"Button",
"span",
{
props: {
type: "error",
size: "small",
},
style: {
margin: "0 8px",
color: "#dcdee2",
display: this.selectImage == true ? "none" : "inline-block",
},
},
"|"
),
h(
"a",
{
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
display: this.selectImage == true ? "none" : "inline-block",
},
on: {
@@ -789,16 +807,14 @@
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "default",
size: "small",
},
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display:
this.selectImage === true ? "inline-block" : "none",
display: this.selectImage === true ? "inline-block" : "none",
},
on: {
click: () => {

View File

@@ -416,67 +416,85 @@
align: "center",
fixed: "right",
// width: 300,
render: (h, params) => {
return h("div", [
h(
"Button",
{
props: {
type: "default",
size: "small",
},
style: {
marginRight: "5px",
display:
this.selectImage === true ? "inline-block" : "none",
},
on: {
click: () => {
this.selectedParams(params.row);
},
render: (h, params) => {
return h("div", [
h(
"a",
{
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display: this.selectImage === true ? "inline-block" : "none",
},
on: {
click: () => {
this.selectedParams(params.row);
},
},
"选择"
),
h(
"Button",
{
props: {
type: "info",
size: "small",
},
style: {
marginRight: "5px",
display: this.selectImage == true ? "none" : "inline-block",
},
on: {
click: () => {
this.download(params.row);
},
},
"选择"
),
h(
"span",
{
style: {
margin: "0 8px",
color: "#dcdee2",
display: this.selectImage === true ? "inline-block" : "none",
},
},
"|"
),
h(
"a",
{
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display: this.selectImage == true ? "none" : "inline-block",
},
on: {
click: () => {
this.download(params.row);
},
},
"下载"
),
h(
"Button",
{
props: {
type: "error",
size: "small",
},
style: {
display: this.selectImage == true ? "none" : "inline-block",
},
on: {
click: () => {
this.remove(params.row);
},
},
"下载"
),
h(
"span",
{
style: {
margin: "0 8px",
color: "#dcdee2",
display: this.selectImage == true ? "none" : "inline-block",
},
},
"|"
),
h(
"a",
{
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
display: this.selectImage == true ? "none" : "inline-block",
},
on: {
click: () => {
this.remove(params.row);
},
},
"删除"
),
]);
},
},
"删除"
),
]);
},
},
],
viewColumns: [
@@ -583,13 +601,12 @@
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "default",
size: "small",
},
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display:
this.selectImage === true ? "inline-block" : "none",

View File

@@ -119,14 +119,12 @@ export default {
if (!params.row.selected) {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "success",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
@@ -140,14 +138,12 @@ export default {
} else {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "error",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
@@ -157,12 +153,14 @@ export default {
},
"关闭"
),
h("span", { style: { margin: "0 8px", color: "#dcdee2" } }, "|"),
h(
"Button",
"a",
{
props: {
type: "info",
size: "small",
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

View File

@@ -20,8 +20,15 @@
<time style="margin-right: 20px" title="最后编辑时间">
<i class="icon-time"></i>{{item.updateTime}}
</time>
<Button @click="edit(item)" type="info">修改</Button>
<Button @click="remove(item.id)" type="error">删除</Button>
<a
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="edit(item)"
>修改</a>
<span style="margin: 0 8px; color: #dcdee2">|</span>
<a
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="remove(item.id)"
>删除</a>
</span>
</th>
</tr>
@@ -113,12 +120,14 @@
</InputNumber>
</td>
<td class="nscs-table-handle">
<Button @click="editRegion(item,index)" type="info" size="small"
style="margin-bottom: 5px">修改
</Button>
<Button @click="removeTemplateChildren(index)" type="error"
size="small" style="margin-bottom: 5px">删除
</Button>
<a
@click="editRegion(item,index)"
style="display:inline-block;margin-bottom:5px;color:#2d8cf0;cursor:pointer;text-decoration:none"
>修改</a>
<a
@click="removeTemplateChildren(index)"
style="display:inline-block;margin-bottom:5px;color:#2d8cf0;cursor:pointer;text-decoration:none"
>删除</a>
</td>
</tr>
</tbody>
@@ -630,4 +639,11 @@ em {
.baoyou {
margin: 6px 10px 0;
}
/* 操作链接与分隔符不加粗 */
.order tbody tr th .fr a {
font-weight: normal;
}
.order tbody tr th .fr span {
font-weight: normal;
}
</style>

View File

@@ -155,14 +155,12 @@
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "success",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
@@ -172,15 +170,14 @@
},
"修改"
),
h("span", { style: { margin: "0 8px", color: "#dcdee2" } }, "|"),
h(
"Button",
"a",
{
props: {
type: "error",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
@@ -189,7 +186,7 @@
},
},
"删除"
)
),
]);
},
},

View File

@@ -367,77 +367,75 @@ export default {
let enableOrDisable = "";
if (params.row.status == true) {
enableOrDisable = h(
"Button",
"a",
{
props: {
size: "small"
},
style: {
marginRight: "5px"
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
this.disable(params.row);
}
}
},
},
},
"禁用"
);
} else {
enableOrDisable = h(
"Button",
"a",
{
props: {
type: "success",
size: "small"
},
style: {
marginRight: "5px"
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
this.enable(params.row);
}
}
},
},
},
"启用"
);
}
return h("div", [
h(
"Button",
"a",
{
props: {
type: "info",
size: "small"
},
style: {
marginRight: "5px"
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
this.edit(params.row);
}
}
},
},
},
"编辑"
),
h("span", { style: { margin: "0 8px", color: "#dcdee2" } }, "|"),
enableOrDisable,
h("span", { style: { margin: "0 8px", color: "#dcdee2" } }, "|"),
h(
"Button",
"a",
{
props: {
type: "error",
size: "small"
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
this.remove(params.row);
}
}
},
},
},
"删除"
)
),
]);
}
}

View File

@@ -166,14 +166,12 @@ export default {
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "warning",
size: "small",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
@@ -183,15 +181,14 @@ export default {
},
"菜单权限"
),
h("span", { style: { margin: "0 8px", color: "#dcdee2" } }, "|"),
h(
"Button",
"a",
{
props: {
size: "small",
type: "info",
},
style: {
marginRight: "5px",
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {
@@ -201,12 +198,14 @@ export default {
},
"编辑"
),
h("span", { style: { margin: "0 8px", color: "#dcdee2" } }, "|"),
h(
"Button",
"a",
{
props: {
type: "error",
size: "small",
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
},
on: {
click: () => {

View File

@@ -20,9 +20,13 @@
<span slot="open"></span>
<span slot="close"></span>
</i-switch>
<Button type="info" placement="right" @click="handleEdit(item)" size="small">修改</Button>
<a
style="color:#2d8cf0;cursor:pointer;text-decoration:none"
@click="handleEdit(item)"
>修改</a>
<span style="margin: 0 8px; color: #dcdee2">|</span>
<Poptip confirm title="删除此模板?" @on-ok="handleDel(item)" >
<Button type="error" size="small">删除</Button>
<a style="color:#2d8cf0;cursor:pointer;text-decoration:none">删除</a>
</Poptip>
</div>
</div>

View File

@@ -475,16 +475,14 @@ export default {
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "default",
size: "small",
},
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display:
this.selectImage === true ? "inline-block" : "none",
display: this.selectImage === true ? "inline-block" : "none",
},
on: {
click: () => {
@@ -495,13 +493,23 @@ export default {
"选择"
),
h(
"Button",
"span",
{
props: {
type: "info",
size: "small",
},
style: {
margin: "0 8px",
color: "#dcdee2",
display: this.selectImage === true ? "inline-block" : "none",
},
},
"|"
),
h(
"a",
{
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display: this.selectImage == true ? "none" : "inline-block",
},
@@ -514,13 +522,23 @@ export default {
"下载"
),
h(
"Button",
"span",
{
props: {
type: "error",
size: "small",
},
style: {
margin: "0 8px",
color: "#dcdee2",
display: this.selectImage == true ? "none" : "inline-block",
},
},
"|"
),
h(
"a",
{
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
display: this.selectImage == true ? "none" : "inline-block",
},
on: {
@@ -639,16 +657,14 @@ export default {
render: (h, params) => {
return h("div", [
h(
"Button",
"a",
{
props: {
type: "default",
size: "small",
},
style: {
color: "#2d8cf0",
cursor: "pointer",
textDecoration: "none",
marginRight: "5px",
display:
this.selectImage === true ? "inline-block" : "none",
display: this.selectImage === true ? "inline-block" : "none",
},
on: {
click: () => {
@@ -657,7 +673,7 @@ export default {
},
},
"选择"
)
),
]);
},
},