|
|
|
@ -64,21 +64,26 @@
|
|
|
|
@on-row-dblclick="showDetail"
|
|
|
|
@on-row-dblclick="showDetail"
|
|
|
|
:columns="columns1"
|
|
|
|
:columns="columns1"
|
|
|
|
:data="data">
|
|
|
|
:data="data">
|
|
|
|
<template slot-scope="{row}" slot="qrCodeAction">
|
|
|
|
<template slot-scope="{row}"
|
|
|
|
<img :src="require('../../../static/img/qrCode-init.png')" @click="navigateCode(row)"
|
|
|
|
slot="qrCodeAction">
|
|
|
|
class="table-img-qr-code"/>
|
|
|
|
<img :src="require('../../../static/img/qrCode-init.png')"
|
|
|
|
</template>
|
|
|
|
@click="navigateCode(row)"
|
|
|
|
<template slot="action" slot-scope="{row}">
|
|
|
|
class="table-img-qr-code" />
|
|
|
|
<i-col span="12">
|
|
|
|
</template>
|
|
|
|
<Button ghost class="router-btn"
|
|
|
|
<template slot="action"
|
|
|
|
@click="() => {stop(row)}">终止</Button>
|
|
|
|
slot-scope="{row}">
|
|
|
|
</i-col>
|
|
|
|
<i-col span="12">
|
|
|
|
<i-col span="12">
|
|
|
|
<Button ghost
|
|
|
|
<Button ghost class="router-btn"
|
|
|
|
class="router-btn"
|
|
|
|
@click="() => {modify(row)}">修改</Button>
|
|
|
|
@click="() => {stop(row)}">终止</Button>
|
|
|
|
</i-col>
|
|
|
|
</i-col>
|
|
|
|
</template>
|
|
|
|
<i-col span="12">
|
|
|
|
|
|
|
|
<Button ghost
|
|
|
|
|
|
|
|
class="router-btn"
|
|
|
|
|
|
|
|
@click="() => {modify(row)}">修改</Button>
|
|
|
|
|
|
|
|
</i-col>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
</Table>
|
|
|
|
</Table>
|
|
|
|
<Page :total="totalSize"
|
|
|
|
<Page :total="totalSize"
|
|
|
|
:current="pageNum"
|
|
|
|
:current="pageNum"
|
|
|
|
@ -103,21 +108,23 @@
|
|
|
|
:detail="detail"></planDetail>
|
|
|
|
:detail="detail"></planDetail>
|
|
|
|
</Modal>
|
|
|
|
</Modal>
|
|
|
|
<!-- 预览二维码 -->
|
|
|
|
<!-- 预览二维码 -->
|
|
|
|
<Modal
|
|
|
|
<Modal v-model="isShow"
|
|
|
|
v-model="isShow"
|
|
|
|
:title="showStoreName"
|
|
|
|
:title="showStoreName"
|
|
|
|
:footer-hide="true"
|
|
|
|
:footer-hide="true"
|
|
|
|
width="230"
|
|
|
|
width="230"
|
|
|
|
class-name="vertical-center-modal"
|
|
|
|
class-name="vertical-center-modal"
|
|
|
|
@on-ok="ok">
|
|
|
|
@on-ok="ok">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<p></p>
|
|
|
|
<p></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>{{this.showStoreName}}</p>
|
|
|
|
<p>{{this.showStoreName}}</p>
|
|
|
|
<img :src="qrCodeImage"
|
|
|
|
<img :src="qrCodeImage" style="width:200px;height:200px;"/>
|
|
|
|
style="width:200px;height:200px;" />
|
|
|
|
<div style="text-align: center;">
|
|
|
|
<div style="text-align: center;">
|
|
|
|
<Button ghost type="primary" @click="download(rowData)">下载</Button>
|
|
|
|
<Button ghost
|
|
|
|
</div>
|
|
|
|
type="primary"
|
|
|
|
|
|
|
|
@click="download(rowData)">下载</Button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</Modal>
|
|
|
|
</Modal>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
@ -139,7 +146,7 @@ export default {
|
|
|
|
data () {
|
|
|
|
data () {
|
|
|
|
const _this = this;
|
|
|
|
const _this = this;
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
showStoreName:"",
|
|
|
|
showStoreName: "",
|
|
|
|
isShow: false,
|
|
|
|
isShow: false,
|
|
|
|
loading: false,
|
|
|
|
loading: false,
|
|
|
|
isShowDetail: false,
|
|
|
|
isShowDetail: false,
|
|
|
|
@ -456,6 +463,7 @@ export default {
|
|
|
|
if (params.status == 0) {
|
|
|
|
if (params.status == 0) {
|
|
|
|
params.status = undefined;
|
|
|
|
params.status = undefined;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
params.categoryCode = "promotion"
|
|
|
|
params.date = undefined;
|
|
|
|
params.date = undefined;
|
|
|
|
http.get("/activity/instance/list", params).then(res => {
|
|
|
|
http.get("/activity/instance/list", params).then(res => {
|
|
|
|
const data = res.data.results.this || {};
|
|
|
|
const data = res.data.results.this || {};
|
|
|
|
@ -496,7 +504,7 @@ export default {
|
|
|
|
debugger
|
|
|
|
debugger
|
|
|
|
let fileName = index.name + "-门店码";
|
|
|
|
let fileName = index.name + "-门店码";
|
|
|
|
http.downloadImg({
|
|
|
|
http.downloadImg({
|
|
|
|
url: index.qrCodeAction
|
|
|
|
url: index.qrCodeAction
|
|
|
|
}, fileName, function (/*data*/) {
|
|
|
|
}, fileName, function (/*data*/) {
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
@ -517,7 +525,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.router-btn {
|
|
|
|
.router-btn {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
color: #3496EB !important;
|
|
|
|
color: #3496eb !important;
|
|
|
|
margin-left: -15px;
|
|
|
|
margin-left: -15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.table-img-qr-code {
|
|
|
|
.table-img-qr-code {
|
|
|
|
@ -526,7 +534,7 @@ export default {
|
|
|
|
width: 30px;
|
|
|
|
width: 30px;
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
button:hover {
|
|
|
|
button:hover {
|
|
|
|
background:inherit!important;
|
|
|
|
background: inherit !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|
