feature_0521
parent
e2699eee7e
commit
fe0480eb22
@ -1,39 +1,147 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="activity_code">
|
<div class="activity_code">
|
||||||
<Table :loading="loading" border :columns="columns" :data="data"></Table>
|
<Table :loading="loading"
|
||||||
<Page
|
border
|
||||||
:total="totalSize"
|
:columns="columns"
|
||||||
:current="pageNum"
|
:data="data"></Table>
|
||||||
:page-size="pageSize"
|
<Page :total="totalSize"
|
||||||
show-elevator
|
:current="pageNum"
|
||||||
show-total
|
:page-size="pageSize"
|
||||||
placement="top"
|
show-elevator
|
||||||
@on-change="handlePage"
|
show-total
|
||||||
class-name="ks-page"
|
placement="top"
|
||||||
></Page>
|
@on-change="handlePage"
|
||||||
|
class-name="ks-page"></Page>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { activityCodeList } from '../../services/ActivityManager/ActivityManager';
|
||||||
export default {
|
export default {
|
||||||
name: "ActivityCode",
|
name: "ActivityCode",
|
||||||
data() {
|
data () {
|
||||||
|
let _this = this;
|
||||||
return {
|
return {
|
||||||
loading: false,
|
loading: false,
|
||||||
totalSize: 0,
|
totalSize: 0,
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
data: []
|
data: [],
|
||||||
|
instanceId: 0,
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
type: "index",
|
||||||
|
width: 80,
|
||||||
|
align: "center",
|
||||||
|
title: "序号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "所属零售公司",
|
||||||
|
key: "organizational.name",
|
||||||
|
render (h, params) {
|
||||||
|
return h("span", params.row["organizational"]["name"]);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "零售公司编号",
|
||||||
|
key: "organizational.code",
|
||||||
|
render (h, params) {
|
||||||
|
return h("span", params.row["organizational"]["code"]);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "店铺名称",
|
||||||
|
key: "store.name",
|
||||||
|
render (h, params) {
|
||||||
|
return h("span", params.row["store"]["name"]);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "店铺编号",
|
||||||
|
key: "store.code",
|
||||||
|
render (h, params) {
|
||||||
|
return h("span", params.row["store"]["code"]);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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 } }
|
||||||
|
)]
|
||||||
|
)
|
||||||
|
]);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
"查看导购码"
|
||||||
|
)
|
||||||
|
]);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created () {
|
||||||
|
this.instanceId = this.$route.query.instanceId;
|
||||||
|
this.load();
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handlePage(value) {
|
handlePage (value) {
|
||||||
this.pageNum = value;
|
this.pageNum = value;
|
||||||
this.load();
|
this.load();
|
||||||
},
|
},
|
||||||
load() {}
|
showQrcode (row) {
|
||||||
|
console.log(row)
|
||||||
|
},
|
||||||
|
load (params = {}) {
|
||||||
|
let _this = this;
|
||||||
|
this.loading = true;
|
||||||
|
params.pageSize = this.pageSize;
|
||||||
|
params.pageNum = this.pageNum;
|
||||||
|
params.instanceId = this.instanceId;
|
||||||
|
activityCodeList(params, res => {
|
||||||
|
_this.data = res.data.results.this.records
|
||||||
|
_this.totalSize = res.data.results.this.total
|
||||||
|
_this.loading = false;
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style></style>
|
<style>
|
||||||
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue