|
|
|
@ -1,6 +1,15 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="activity_code">
|
|
|
|
|
<Table :loading="loading" border :columns="columns" :data="data"></Table>
|
|
|
|
|
<Table :loading="loading" border :columns="columns" :data="data">
|
|
|
|
|
<template slot-scope="{row}" slot="qrCodeAction">
|
|
|
|
|
<img :src="require('../../../static/img/qrCode-init.png')" @click="show(row)"
|
|
|
|
|
class="table-img-qr-code"/>
|
|
|
|
|
</template>
|
|
|
|
|
<router-link slot-scope="{row}" slot="action"
|
|
|
|
|
:to="{path:'/shop/increase/manager/staff',query:{storeId:row.id}}">
|
|
|
|
|
<Button ghost class="router-btn"> 门店导购管理</Button>
|
|
|
|
|
</router-link>
|
|
|
|
|
</Table>
|
|
|
|
|
<Page
|
|
|
|
|
:total="totalSize"
|
|
|
|
|
:current="pageNum"
|
|
|
|
@ -70,56 +79,58 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "推广码",
|
|
|
|
|
key: "qrCode",
|
|
|
|
|
render(h, params) {
|
|
|
|
|
return h(
|
|
|
|
|
"div",
|
|
|
|
|
{
|
|
|
|
|
class: "qrcode",
|
|
|
|
|
},
|
|
|
|
|
[
|
|
|
|
|
h(
|
|
|
|
|
"Button",
|
|
|
|
|
{
|
|
|
|
|
props: { type: "primary", size: "small" },
|
|
|
|
|
style: { marginRight: "8px" },
|
|
|
|
|
on: {
|
|
|
|
|
"mouseover.native": () => _this.showQrcode(params.row),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
"二维码"
|
|
|
|
|
),
|
|
|
|
|
h(
|
|
|
|
|
"div",
|
|
|
|
|
{
|
|
|
|
|
class: "qrcodeBox",
|
|
|
|
|
style: { display: "none" },
|
|
|
|
|
},
|
|
|
|
|
[h("img", { attrs: { src: params.row.qrCode } })]
|
|
|
|
|
),
|
|
|
|
|
]
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
slot: 'qrCodeAction',
|
|
|
|
|
className: 'table-width-80',
|
|
|
|
|
// render(h, params) {
|
|
|
|
|
// return h(
|
|
|
|
|
// "div",
|
|
|
|
|
// {
|
|
|
|
|
// class: "qrcode",
|
|
|
|
|
// },
|
|
|
|
|
// [
|
|
|
|
|
// h(
|
|
|
|
|
// "Button",
|
|
|
|
|
// {
|
|
|
|
|
// props: { type: "primary", size: "small" },
|
|
|
|
|
// style: { marginRight: "8px" },
|
|
|
|
|
// on: {
|
|
|
|
|
// "mouseover.native": () => _this.showQrcode(params.row),
|
|
|
|
|
// },
|
|
|
|
|
// },
|
|
|
|
|
// "二维码"
|
|
|
|
|
// ),
|
|
|
|
|
// h(
|
|
|
|
|
// "div",
|
|
|
|
|
// {
|
|
|
|
|
// class: "qrcodeBox",
|
|
|
|
|
// style: { display: "none" },
|
|
|
|
|
// },
|
|
|
|
|
// [h("img", { attrs: { src: params.row.qrCode } })]
|
|
|
|
|
// ),
|
|
|
|
|
// ]
|
|
|
|
|
// );
|
|
|
|
|
// },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "操作",
|
|
|
|
|
key: "action",
|
|
|
|
|
width: 200,
|
|
|
|
|
render(h, p) {
|
|
|
|
|
return h("div", [
|
|
|
|
|
h(
|
|
|
|
|
"Button",
|
|
|
|
|
{
|
|
|
|
|
props: { type: "primary", size: "small" },
|
|
|
|
|
style: { marginRight: "8px" },
|
|
|
|
|
on: {
|
|
|
|
|
click: () => _this.guideCode(p.row),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
"查看导购码"
|
|
|
|
|
),
|
|
|
|
|
]);
|
|
|
|
|
},
|
|
|
|
|
title: '操作',
|
|
|
|
|
slot: 'action',
|
|
|
|
|
// key: "action",
|
|
|
|
|
// width: 200,
|
|
|
|
|
// render(h, p) {
|
|
|
|
|
// return h("div", [
|
|
|
|
|
// h(
|
|
|
|
|
// "Button",
|
|
|
|
|
// {
|
|
|
|
|
// props: { type: "primary", size: "small" },
|
|
|
|
|
// style: { marginRight: "8px" },
|
|
|
|
|
// on: {
|
|
|
|
|
// click: () => _this.guideCode(p.row),
|
|
|
|
|
// },
|
|
|
|
|
// },
|
|
|
|
|
// "查看导购码"
|
|
|
|
|
// ),
|
|
|
|
|
// ]);
|
|
|
|
|
// },
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
@ -152,4 +163,8 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style></style>
|
|
|
|
|
<style>
|
|
|
|
|
.table-width-80 {
|
|
|
|
|
width: 80px !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|