|
|
|
@ -1,103 +1,92 @@
|
|
|
|
|
<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="4">
|
|
|
|
|
<FormItem label="选择日期" prop="">
|
|
|
|
|
<Date-picker
|
|
|
|
|
v-model="formValidate.date"
|
|
|
|
|
type="daterange"
|
|
|
|
|
placement="bottom-end"
|
|
|
|
|
placeholder="选择日期区间"
|
|
|
|
|
></Date-picker>
|
|
|
|
|
<FormItem label="选择日期"
|
|
|
|
|
prop="">
|
|
|
|
|
<Date-picker v-model="formValidate.date"
|
|
|
|
|
type="daterange"
|
|
|
|
|
placement="bottom-end"
|
|
|
|
|
placeholder="选择日期区间"></Date-picker>
|
|
|
|
|
</FormItem>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="6">
|
|
|
|
|
<FormItem label="零售公司" prop="">
|
|
|
|
|
<Select
|
|
|
|
|
v-model="formValidate.organizationId"
|
|
|
|
|
filterable
|
|
|
|
|
@on-change="selectCompany"
|
|
|
|
|
placeholder="全部"
|
|
|
|
|
clearable
|
|
|
|
|
>
|
|
|
|
|
<Option
|
|
|
|
|
v-for="(item, index) in companyList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>{{ item.label }}
|
|
|
|
|
<FormItem label="零售公司"
|
|
|
|
|
prop="">
|
|
|
|
|
<Select v-model="formValidate.organizationId"
|
|
|
|
|
filterable
|
|
|
|
|
@on-change="selectCompany"
|
|
|
|
|
placeholder="全部"
|
|
|
|
|
clearable>
|
|
|
|
|
<Option v-for="(item, index) in companyList"
|
|
|
|
|
:key="index"
|
|
|
|
|
: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"
|
|
|
|
|
:key="index"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>{{ item.label }}
|
|
|
|
|
<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>
|
|
|
|
|
</Select>
|
|
|
|
|
</FormItem>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="4">
|
|
|
|
|
<FormItem label="活动状态" prop="">
|
|
|
|
|
<FormItem label="活动状态"
|
|
|
|
|
prop="">
|
|
|
|
|
<Select v-model="formValidate.status">
|
|
|
|
|
<Option
|
|
|
|
|
v-for="(item, index) in activityStatusList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>{{ item.label }}
|
|
|
|
|
<Option v-for="(item, index) in activityStatusList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:value="item.value">{{ item.label }}
|
|
|
|
|
</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</FormItem>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="4">
|
|
|
|
|
<Button type="primary" @click="searchTable">查询</Button>
|
|
|
|
|
<Button type="primary"
|
|
|
|
|
@click="searchTable">查询</Button>
|
|
|
|
|
</i-col>
|
|
|
|
|
</Row>
|
|
|
|
|
<Row style="margin-top:50px">
|
|
|
|
|
<Table
|
|
|
|
|
:loading="loading"
|
|
|
|
|
border
|
|
|
|
|
@on-row-dblclick="showDetail"
|
|
|
|
|
:columns="columns1"
|
|
|
|
|
:data="data"
|
|
|
|
|
></Table>
|
|
|
|
|
<Page
|
|
|
|
|
:total="totalSize"
|
|
|
|
|
:current="pageNum"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
show-elevator
|
|
|
|
|
show-total
|
|
|
|
|
placement="top"
|
|
|
|
|
@on-change="handlePage"
|
|
|
|
|
class-name="ks-page"
|
|
|
|
|
></Page>
|
|
|
|
|
<Table :loading="loading"
|
|
|
|
|
border
|
|
|
|
|
@on-row-dblclick="showDetail"
|
|
|
|
|
:columns="columns1"
|
|
|
|
|
:data="data"></Table>
|
|
|
|
|
<Page :total="totalSize"
|
|
|
|
|
:current="pageNum"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
show-elevator
|
|
|
|
|
show-total
|
|
|
|
|
placement="top"
|
|
|
|
|
@on-change="handlePage"
|
|
|
|
|
class-name="ks-page"></Page>
|
|
|
|
|
</Row>
|
|
|
|
|
</Form>
|
|
|
|
|
<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>
|
|
|
|
|
<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>
|
|
|
|
|
</Modal>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
@ -116,7 +105,7 @@ export default {
|
|
|
|
|
useTable,
|
|
|
|
|
planDetail,
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
data () {
|
|
|
|
|
const _this = this;
|
|
|
|
|
return {
|
|
|
|
|
loading: false,
|
|
|
|
@ -178,7 +167,7 @@ export default {
|
|
|
|
|
{
|
|
|
|
|
title: "活动类型",
|
|
|
|
|
key: "scheduleVO.name",
|
|
|
|
|
render(h, params) {
|
|
|
|
|
render (h, params) {
|
|
|
|
|
return h("span", params.row["params"][0]["defaultVal"]);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
@ -186,54 +175,54 @@ export default {
|
|
|
|
|
title: "活动时间",
|
|
|
|
|
key: "beginTime",
|
|
|
|
|
width: 230,
|
|
|
|
|
render(h, params) {
|
|
|
|
|
render (h, params) {
|
|
|
|
|
return h("span", params.row.beginTime + " - " + params.row.endTime);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "零售公司",
|
|
|
|
|
key: "shop",
|
|
|
|
|
render(h, params) {
|
|
|
|
|
render (h, params) {
|
|
|
|
|
return h(
|
|
|
|
|
"span",
|
|
|
|
|
params.row.companyName +
|
|
|
|
|
"等" +
|
|
|
|
|
(params.row.companyCount || 0) +
|
|
|
|
|
"家公司"
|
|
|
|
|
"等" +
|
|
|
|
|
(params.row.companyCount || 0) +
|
|
|
|
|
"家公司"
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "店铺",
|
|
|
|
|
key: "shop",
|
|
|
|
|
render(h, params) {
|
|
|
|
|
render (h, params) {
|
|
|
|
|
return h(
|
|
|
|
|
"span",
|
|
|
|
|
params.row.storeName +
|
|
|
|
|
"等" +
|
|
|
|
|
(params.row.storeCount || 0) +
|
|
|
|
|
"家店铺"
|
|
|
|
|
"等" +
|
|
|
|
|
(params.row.storeCount || 0) +
|
|
|
|
|
"家店铺"
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "添加好友数",
|
|
|
|
|
key: "addFriendNum",
|
|
|
|
|
render(h, params) {
|
|
|
|
|
render (h, params) {
|
|
|
|
|
return h("span", (params.row.friends || 0) + "人");
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "参与活动客户数",
|
|
|
|
|
key: "joinActivityClientNum",
|
|
|
|
|
render(h, params) {
|
|
|
|
|
render (h, params) {
|
|
|
|
|
return h("span", (params.row.friends || 0) + "人");
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "活动码",
|
|
|
|
|
key: "activityCode",
|
|
|
|
|
render(h, p) {
|
|
|
|
|
render (h, p) {
|
|
|
|
|
return h(
|
|
|
|
|
"Button",
|
|
|
|
|
{
|
|
|
|
@ -247,7 +236,7 @@ export default {
|
|
|
|
|
{
|
|
|
|
|
title: "活动状态",
|
|
|
|
|
key: "status",
|
|
|
|
|
render(h, p) {
|
|
|
|
|
render (h, p) {
|
|
|
|
|
const status = p.row.status;
|
|
|
|
|
if (status === 1) return h("span", "未开始");
|
|
|
|
|
if (status === 2) return h("span", "进行中");
|
|
|
|
@ -259,7 +248,7 @@ export default {
|
|
|
|
|
title: "操作",
|
|
|
|
|
key: "action",
|
|
|
|
|
width: 200,
|
|
|
|
|
render(h, p) {
|
|
|
|
|
render (h, p) {
|
|
|
|
|
return h("div", [
|
|
|
|
|
h(
|
|
|
|
|
"Button",
|
|
|
|
@ -286,29 +275,30 @@ export default {
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
mounted () {
|
|
|
|
|
this.setMenuName("活动管理", "活动计划");
|
|
|
|
|
this.getCompanyInfo();
|
|
|
|
|
this.getShopInfo();
|
|
|
|
|
this.searchTable();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
doShow(show) {
|
|
|
|
|
doShow (show) {
|
|
|
|
|
this.showUse = show;
|
|
|
|
|
this.searchTable();
|
|
|
|
|
},
|
|
|
|
|
showDetail(detail) {
|
|
|
|
|
showDetail (detail) {
|
|
|
|
|
let _this = this;
|
|
|
|
|
this.getDetail(detail.id).then((res) => {
|
|
|
|
|
_this.detail = res;
|
|
|
|
|
_this.isShowDetail = true;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
getCompanyInfo() {
|
|
|
|
|
getCompanyInfo () {
|
|
|
|
|
let that = this;
|
|
|
|
|
let data = {
|
|
|
|
|
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId,
|
|
|
|
|
};
|
|
|
|
|
ActivityManager.getCompany(data, function(data) {
|
|
|
|
|
ActivityManager.getCompany(data, function (data) {
|
|
|
|
|
that.companyList = [];
|
|
|
|
|
data.data.results.forEach((element) => {
|
|
|
|
|
that.companyList.push({
|
|
|
|
@ -318,17 +308,17 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
selectCompany(value) {
|
|
|
|
|
selectCompany (value) {
|
|
|
|
|
this.customerId = value;
|
|
|
|
|
this.getShopInfo();
|
|
|
|
|
},
|
|
|
|
|
getShopInfo() {
|
|
|
|
|
getShopInfo () {
|
|
|
|
|
let that = this;
|
|
|
|
|
let data = {
|
|
|
|
|
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId,
|
|
|
|
|
customerIds: this.customerId,
|
|
|
|
|
};
|
|
|
|
|
ActivityManager.getShop(data, function(data) {
|
|
|
|
|
ActivityManager.getShop(data, function (data) {
|
|
|
|
|
that.shopList = [];
|
|
|
|
|
data.data.results.forEach((element) => {
|
|
|
|
|
that.shopList.push({
|
|
|
|
@ -338,11 +328,11 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
handlePage: function(value) {
|
|
|
|
|
handlePage: function (value) {
|
|
|
|
|
this.pageNum = value;
|
|
|
|
|
this.searchTable();
|
|
|
|
|
},
|
|
|
|
|
stop(instance) {
|
|
|
|
|
stop (instance) {
|
|
|
|
|
let _this = this;
|
|
|
|
|
this.$Modal.confirm({
|
|
|
|
|
title: "您确认要终止?",
|
|
|
|
@ -361,10 +351,10 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
onCancel: () => {},
|
|
|
|
|
onCancel: () => { },
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
getDetail(instanceId) {
|
|
|
|
|
getDetail (instanceId) {
|
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
|
ActivityManager.instanceDetail(
|
|
|
|
|
{
|
|
|
|
@ -376,7 +366,7 @@ export default {
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
modify(instance) {
|
|
|
|
|
modify (instance) {
|
|
|
|
|
let _this = this;
|
|
|
|
|
this.getDetail(instance.id).then((res) => {
|
|
|
|
|
store.commit("SET_useData", res);
|
|
|
|
@ -384,13 +374,13 @@ export default {
|
|
|
|
|
_this.showUse = true;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
navigateCode(instance) {
|
|
|
|
|
navigateCode (instance) {
|
|
|
|
|
this.$router.push({
|
|
|
|
|
path: "/activity/plan/code",
|
|
|
|
|
query: { instanceId: instance.id },
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
searchTable(params = {}) {
|
|
|
|
|
searchTable (params = {}) {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
if (
|
|
|
|
|
this.formValidate.date !== null &&
|
|
|
|
@ -410,6 +400,7 @@ export default {
|
|
|
|
|
params.pageNum = this.pageNum;
|
|
|
|
|
params.pageSize = this.pageSize;
|
|
|
|
|
params = { ...params, ...this.formValidate };
|
|
|
|
|
params.userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
|
|
|
|
|
if (params.status == 0) {
|
|
|
|
|
params.status = undefined;
|
|
|
|
|
}
|
|
|
|
|