|
|
|
|
@ -1,129 +1,128 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<Spin v-if="saving"
|
|
|
|
|
fix>加载中...</Spin>
|
|
|
|
|
<Form ref="formValidate"
|
|
|
|
|
:model="formValidate"
|
|
|
|
|
:label-width="80">
|
|
|
|
|
<Spin v-if="saving" fix>加载中...</Spin>
|
|
|
|
|
<Form ref="formValidate" :model="formValidate" :label-width="80">
|
|
|
|
|
<Row :gutter="10">
|
|
|
|
|
<i-col span="6">
|
|
|
|
|
<FormItem label="选择日期"
|
|
|
|
|
prop="">
|
|
|
|
|
<Date-picker style="width: 100%"
|
|
|
|
|
<FormItem label="选择日期" prop>
|
|
|
|
|
<Date-picker
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
v-model="formValidate.date"
|
|
|
|
|
type="daterange"
|
|
|
|
|
placement="bottom-end"
|
|
|
|
|
placeholder="选择日期区间"></Date-picker>
|
|
|
|
|
placeholder="选择日期区间"
|
|
|
|
|
></Date-picker>
|
|
|
|
|
</FormItem>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="6">
|
|
|
|
|
<FormItem label="零售公司"
|
|
|
|
|
prop>
|
|
|
|
|
<Select v-model="formValidate.organizationId"
|
|
|
|
|
<FormItem label="零售公司" prop>
|
|
|
|
|
<Select
|
|
|
|
|
v-model="formValidate.organizationId"
|
|
|
|
|
filterable
|
|
|
|
|
@on-change="selectCompany"
|
|
|
|
|
placeholder="全部"
|
|
|
|
|
clearable>
|
|
|
|
|
<Option v-for="(item, index) in companyList"
|
|
|
|
|
clearable
|
|
|
|
|
>
|
|
|
|
|
<Option
|
|
|
|
|
v-for="(item, index) in companyList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:value="item.value">{{ item.label }}</Option>
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>{{ item.label }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</FormItem>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="6">
|
|
|
|
|
<FormItem label="店铺"
|
|
|
|
|
prop>
|
|
|
|
|
<Select v-model="formValidate.storeId"
|
|
|
|
|
filterable
|
|
|
|
|
placeholder="全部"
|
|
|
|
|
clearable>
|
|
|
|
|
<Option v-for="(item, index) in shopList"
|
|
|
|
|
<FormItem label="店铺" prop>
|
|
|
|
|
<Select v-model="formValidate.storeId" filterable placeholder="全部" clearable>
|
|
|
|
|
<Option
|
|
|
|
|
v-for="(item, index) in shopList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:value="item.value">{{ item.label }}</Option>
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>{{ item.label }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</FormItem>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="3">
|
|
|
|
|
<FormItem label="活动状态"
|
|
|
|
|
prop>
|
|
|
|
|
<FormItem label="活动状态" prop>
|
|
|
|
|
<Select v-model="formValidate.status">
|
|
|
|
|
<Option v-for="(item, index) in activityStatusList"
|
|
|
|
|
<Option
|
|
|
|
|
v-for="(item, index) in activityStatusList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:value="item.value">{{ item.label }}</Option>
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>{{ item.label }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</FormItem>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="3">
|
|
|
|
|
<Button type="primary"
|
|
|
|
|
@click="() => {pageNum = 1;searchTable()}">查询</Button>
|
|
|
|
|
<Button type="primary" @click="() => {pageNum = 1;searchTable()}">查询</Button>
|
|
|
|
|
</i-col>
|
|
|
|
|
</Row>
|
|
|
|
|
<Row style="margin-top:50px">
|
|
|
|
|
<Table :loading="loading"
|
|
|
|
|
<Table
|
|
|
|
|
:loading="loading"
|
|
|
|
|
border
|
|
|
|
|
@on-row-dblclick="showDetail"
|
|
|
|
|
:columns="columns1"
|
|
|
|
|
:data="data">
|
|
|
|
|
<template slot-scope="{row}"
|
|
|
|
|
slot="qrCodeAction">
|
|
|
|
|
<img :src="require('../../../static/img/qrCode-init.png')"
|
|
|
|
|
:data="data"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="{row}" slot="qrCodeAction">
|
|
|
|
|
<img
|
|
|
|
|
:src="require('../../../static/img/qrCode-init.png')"
|
|
|
|
|
@click="navigateCode(row)"
|
|
|
|
|
class="table-img-qr-code" />
|
|
|
|
|
class="table-img-qr-code"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
<template slot="action"
|
|
|
|
|
slot-scope="{row}">
|
|
|
|
|
<template slot="action" slot-scope="{row}">
|
|
|
|
|
<i-col span="12">
|
|
|
|
|
<Button ghost
|
|
|
|
|
class="router-btn"
|
|
|
|
|
@click="() => {stop(row)}">终止</Button>
|
|
|
|
|
<Button
|
|
|
|
|
ghost
|
|
|
|
|
:class="row.status > 2 ? 'router-btn disable' : 'router-btn'"
|
|
|
|
|
@click="() => {stop(row)}"
|
|
|
|
|
>终止</Button>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="12">
|
|
|
|
|
<Button ghost
|
|
|
|
|
class="router-btn"
|
|
|
|
|
@click="() => {modify(row)}">修改</Button>
|
|
|
|
|
<Button ghost class="router-btn" @click="() => {modify(row)}">修改</Button>
|
|
|
|
|
</i-col>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</Table>
|
|
|
|
|
<Page :total="totalSize"
|
|
|
|
|
<Page
|
|
|
|
|
:total="totalSize"
|
|
|
|
|
:current="pageNum"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
show-elevator
|
|
|
|
|
show-total
|
|
|
|
|
placement="top"
|
|
|
|
|
@on-change="handlePage"
|
|
|
|
|
class-name="ks-page"></Page>
|
|
|
|
|
class-name="ks-page"
|
|
|
|
|
></Page>
|
|
|
|
|
</Row>
|
|
|
|
|
</Form>
|
|
|
|
|
<useTable ref="useTable"
|
|
|
|
|
<useTable
|
|
|
|
|
ref="useTable"
|
|
|
|
|
@doShow="doShow"
|
|
|
|
|
:show="showUse"
|
|
|
|
|
:isModify="true"
|
|
|
|
|
:schedule="activityInstance.scheduleVO"></useTable>
|
|
|
|
|
<Modal v-model="isShowDetail"
|
|
|
|
|
title="活动计划详情"
|
|
|
|
|
width="70%"
|
|
|
|
|
:footer-hide="true">
|
|
|
|
|
<planDetail v-if="isShowDetail"
|
|
|
|
|
:detail="detail"></planDetail>
|
|
|
|
|
:schedule="activityInstance.scheduleVO"
|
|
|
|
|
></useTable>
|
|
|
|
|
<Modal v-model="isShowDetail" title="活动计划详情" width="70%" :footer-hide="true">
|
|
|
|
|
<planDetail v-if="isShowDetail" :detail="detail"></planDetail>
|
|
|
|
|
</Modal>
|
|
|
|
|
<!-- 预览二维码 -->
|
|
|
|
|
<Modal v-model="isShow"
|
|
|
|
|
<Modal
|
|
|
|
|
v-model="isShow"
|
|
|
|
|
:title="showStoreName"
|
|
|
|
|
:footer-hide="true"
|
|
|
|
|
width="230"
|
|
|
|
|
class-name="vertical-center-modal"
|
|
|
|
|
@on-ok="ok">
|
|
|
|
|
@on-ok="ok"
|
|
|
|
|
>
|
|
|
|
|
<div slot="header">
|
|
|
|
|
<p></p>
|
|
|
|
|
</div>
|
|
|
|
|
<p>{{this.showStoreName}}</p>
|
|
|
|
|
<img :src="qrCodeImage"
|
|
|
|
|
style="width:200px;height:200px;" />
|
|
|
|
|
<img :src="qrCodeImage" style="width:200px;height:200px;" />
|
|
|
|
|
<div style="text-align: center;">
|
|
|
|
|
<Button ghost
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="download(rowData)">下载</Button>
|
|
|
|
|
<Button ghost type="primary" @click="download(rowData)">下载</Button>
|
|
|
|
|
</div>
|
|
|
|
|
</Modal>
|
|
|
|
|
</div>
|
|
|
|
|
@ -162,14 +161,14 @@ export default {
|
|
|
|
|
shopList: [],
|
|
|
|
|
showUse: false,
|
|
|
|
|
activityInstance: {},
|
|
|
|
|
qrCodeImage: '',
|
|
|
|
|
qrCodeImage: "",
|
|
|
|
|
formValidate: {
|
|
|
|
|
date: null,
|
|
|
|
|
organizationId: null,
|
|
|
|
|
storeId: null,
|
|
|
|
|
status: 2,
|
|
|
|
|
startDate: null,
|
|
|
|
|
endDate: null,
|
|
|
|
|
endDate: null
|
|
|
|
|
},
|
|
|
|
|
startDateOptions: {},
|
|
|
|
|
endDateOptions: {},
|
|
|
|
|
@ -274,8 +273,8 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "活动码",
|
|
|
|
|
slot: 'qrCodeAction',
|
|
|
|
|
className: 'table-width-80',
|
|
|
|
|
slot: "qrCodeAction",
|
|
|
|
|
className: "table-width-80"
|
|
|
|
|
// render (h, p) {
|
|
|
|
|
// return h(
|
|
|
|
|
// "Button",
|
|
|
|
|
@ -300,8 +299,8 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "操作",
|
|
|
|
|
slot: 'action',
|
|
|
|
|
width: 200,
|
|
|
|
|
slot: "action",
|
|
|
|
|
width: 200
|
|
|
|
|
// render (h, p) {
|
|
|
|
|
// let r = [
|
|
|
|
|
// h(
|
|
|
|
|
@ -392,6 +391,9 @@ export default {
|
|
|
|
|
this.searchTable();
|
|
|
|
|
},
|
|
|
|
|
stop(instance) {
|
|
|
|
|
if (instance.status > 2) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
let _this = this;
|
|
|
|
|
this.$Modal.confirm({
|
|
|
|
|
title: "您确认要终止?",
|
|
|
|
|
@ -434,6 +436,7 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
navigateCode(instance) {
|
|
|
|
|
return;
|
|
|
|
|
this.$router.push({
|
|
|
|
|
path: "/activity/plan/code",
|
|
|
|
|
query: { instanceId: instance.id }
|
|
|
|
|
@ -463,7 +466,7 @@ export default {
|
|
|
|
|
if (params.status == 0) {
|
|
|
|
|
params.status = undefined;
|
|
|
|
|
}
|
|
|
|
|
params.categoryCode = "promotion"
|
|
|
|
|
params.categoryCode = "promotion";
|
|
|
|
|
params.date = undefined;
|
|
|
|
|
http.get("/activity/instance/list", params).then(res => {
|
|
|
|
|
const data = res.data.results.this || {};
|
|
|
|
|
@ -476,19 +479,24 @@ export default {
|
|
|
|
|
//设置开始时间
|
|
|
|
|
this.endDateOptions = {
|
|
|
|
|
disabledDate: date => {
|
|
|
|
|
let startTime = this.formValidate.startDate ? new Date(this.formValidate.startDate).valueOf() : '';
|
|
|
|
|
return date && (date.valueOf() < startTime)
|
|
|
|
|
}
|
|
|
|
|
let startTime = this.formValidate.startDate
|
|
|
|
|
? new Date(this.formValidate.startDate).valueOf()
|
|
|
|
|
: "";
|
|
|
|
|
return date && date.valueOf() < startTime;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
endDateChange: function(e) {
|
|
|
|
|
//设置结束时间
|
|
|
|
|
let endTime = this.formValidate.endDate ? new Date(this.formValidate.endDate).valueOf() - 1 * 24 * 60 * 60 * 1000 : '';
|
|
|
|
|
let endTime = this.formValidate.endDate
|
|
|
|
|
? new Date(this.formValidate.endDate).valueOf() -
|
|
|
|
|
1 * 24 * 60 * 60 * 1000
|
|
|
|
|
: "";
|
|
|
|
|
this.startDateOptions = {
|
|
|
|
|
disabledDate: date => {
|
|
|
|
|
return date && (date.valueOf() > endTime);
|
|
|
|
|
}
|
|
|
|
|
return date && date.valueOf() > endTime;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
show: function(index) {
|
|
|
|
|
this.isShow = true;
|
|
|
|
|
@ -501,17 +509,19 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
// 下载二维码
|
|
|
|
|
download: function(index) {
|
|
|
|
|
debugger
|
|
|
|
|
debugger;
|
|
|
|
|
let fileName = index.name + "-门店码";
|
|
|
|
|
http.downloadImg({
|
|
|
|
|
http.downloadImg(
|
|
|
|
|
{
|
|
|
|
|
url: index.qrCodeAction
|
|
|
|
|
}, fileName, function (/*data*/) {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
fileName,
|
|
|
|
|
function(/*data*/) {}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
ok: function() {
|
|
|
|
|
this.isShow = false;
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -528,6 +538,9 @@ export default {
|
|
|
|
|
color: #3496eb !important;
|
|
|
|
|
margin-left: -15px;
|
|
|
|
|
}
|
|
|
|
|
.router-btn.disable {
|
|
|
|
|
color: #999 !important;
|
|
|
|
|
}
|
|
|
|
|
.table-img-qr-code {
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
|
