feature_0521
liuyang 5 years ago
parent 358b9a5592
commit 25480d6d51

@ -7,10 +7,9 @@
<Row class="row-style"> <Row class="row-style">
<i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop"/> <i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop"/>
<span class="search-span">选择日期</span> <span class="search-span">选择日期</span>
<DatePicker v-model="date" class="left-15 date-picker" type="date" <DatePicker :value="selectDate" type="daterange" split-panels placeholder="请选择日期"
placement="bottom-start" @on-change="onChangeDateLister"
split-panels placeholder="请选择日期"> class="date-picker"></DatePicker>
</DatePicker>
<span class="search-span">零售公司</span> <span class="search-span">零售公司</span>
<Select v-model="companyId" filterable class="search-select" @on-change="companySelect"> <Select v-model="companyId" filterable class="search-select" @on-change="companySelect">
<Option v-for="(item,index) in companyList" :value="item.id" :key="index + item.id">{{ item.name }}</Option> <Option v-for="(item,index) in companyList" :value="item.id" :key="index + item.id">{{ item.name }}</Option>
@ -169,7 +168,10 @@
{ {
title: '序号', title: '序号',
key: 'number', key: 'number',
width:60 width:60,
render: (h, params) => {
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1);
}
}, },
{ {
title: '推广员姓名', title: '推广员姓名',
@ -186,11 +188,7 @@
key: 'shopCode', key: 'shopCode',
width:160 width:160
}, },
{
title: '银行卡号',
key: 'bankCard',
width:150
},
{ {
title: '零售公司', title: '零售公司',
key: 'companyName', key: 'companyName',
@ -245,7 +243,10 @@
{ {
title: '序号', title: '序号',
key: 'number', key: 'number',
width:60 width:60,
render: (h, params) => {
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1);
}
}, },
{ {
title: '推广员姓名', title: '推广员姓名',
@ -262,11 +263,7 @@
key: 'shopCode', key: 'shopCode',
width:160 width:160
}, },
{
title: '银行卡号',
key: 'bankCard',
width:150
},
{ {
title: '零售公司', title: '零售公司',
key: 'companyName', key: 'companyName',
@ -322,7 +319,10 @@
{ {
title: '序号', title: '序号',
key: 'number', key: 'number',
width:60 width:60,
render: (h, params) => {
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1);
}
}, },
{ {
title: '推广员姓名', title: '推广员姓名',
@ -339,11 +339,7 @@
key: 'shopCode', key: 'shopCode',
width:160 width:160
}, },
{
title: '银行卡号',
key: 'bankCard',
width:150
},
{ {
title: '零售公司', title: '零售公司',
key: 'companyName', key: 'companyName',
@ -401,13 +397,21 @@
refuseInfo:'信息不完善' refuseInfo:'信息不完善'
} }
], ],
selectDate: [],
} }
}, },
mounted: function () { mounted: function () {
let startDate = this.$moment().format("YYYY-MM-DD");
let endDate = this.$moment().format("YYYY-MM-DD");
this.selectDate.push(startDate);
this.selectDate.push(endDate);
this.getSelectList(); this.getSelectList();
this.downShopData(); this.downShopData();
}, },
methods: { methods: {
onChangeDateLister(date) {
this.selectDate = date;
},
/**基础数据区域list、零售公司list、客户list*/ /**基础数据区域list、零售公司list、客户list*/
getSelectList: function () { getSelectList: function () {
let that = this; let that = this;

@ -99,7 +99,10 @@
{ {
title: '序号', title: '序号',
key: 'number', key: 'number',
width:60 width:60,
render: (h, params) => {
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1);
}
}, },
{ {
title: '推广员姓名', title: '推广员姓名',
@ -112,25 +115,36 @@
width:120 width:120
}, },
{ {
title: '身份证号码', title: '等级',
key: 'shopCode', key: 'level',
width:160 width:80
}, },
{ {
title: '银行卡号', title: '客户经理数',
key: 'bankCard', key: 'managerNumb',
width:150 width:120
}, },
{ {
title: '零售公司', title: '推广员数',
key: 'companyName', key: 'extensionNumb',
width:150 width:120
}, },
{ {
title: '零售公司编号', title: '客户数',
key: 'companyCode', key: 'clientNumb',
width:80 width:80
}, },
{
title: '业绩',
key: 'performance',
width:80
},
{
title: '零售公司',
key: 'companyName',
width:150
},
{ {
title: '店铺', title: '店铺',
key: 'storeName', key: 'storeName',
@ -147,24 +161,61 @@
width:80 width:80
}, },
{ {
title: '提交时间', title: '加入时间',
key: 'submitDate', key: 'submitDate',
width:120 width:120
}, },
{ {
title: '操作', title: '操作',
slot: 'action', slot: 'operation',
width:250 width:250,
render: (h, params) => {
let that = this;
return h('div', [
h('span', {
style: {
background: 'white',
border: '0',
color: '#3496EB',
marginRight: '15px',
cursor: 'pointer'
},
on: {
click: () => {
that.show(params.row)
}
}
}, '升级'),
h('span', {
style: {
background: 'white',
border: '0',
color: '#3496EB',
marginRight: '15px',
cursor: 'pointer'
},
on: {
click: () => {
that.doShow(params.row,true)
}
}
}, '查看上下级'),
])
}
} }
], ],
data1:[ data1:[
{ {
shopName:'张继军', shopName:'张继军',
shopPhone:'13819890111', shopPhone:'13819890111',
shopCode:'110001199010018171', level:'二级',
bankCard:'62210199918822121', managerNumb:'12',
companyName:'上海零售公司', companyName:'上海零售公司',
companyCode:'601', extensionNumb:'60',
clientNumb:'20',
performance:'21',
storeName:'上海波司登', storeName:'上海波司登',
storeNO:'1001', storeNO:'1001',
fissionNum:'王超看', fissionNum:'王超看',

@ -60,7 +60,7 @@ export default {
{ {
superiorName:'张继军', superiorName:'张继军',
superiorPhone:'13819890111', superiorPhone:'13819890111',
superiorDuty:'项目经理', superiorDuty:'服务经理',
} }
], ],
@ -85,17 +85,17 @@ export default {
{ {
subordinateName:'张军', subordinateName:'张军',
subordinatePhone:'13119011110', subordinatePhone:'13119011110',
subordinateDuty:'员', subordinateDuty:'推广员',
}, },
{ {
subordinateName:'王凯', subordinateName:'王凯',
subordinatePhone:'13123209313', subordinatePhone:'13123209313',
subordinateDuty:'员', subordinateDuty:'推广员',
}, },
{ {
subordinateName:'陈涵', subordinateName:'陈涵',
subordinatePhone:'13119024321', subordinatePhone:'13119024321',
subordinateDuty:'员', subordinateDuty:'推广员',
}, },
], ],
@ -118,78 +118,13 @@ export default {
show () { show () {
this.showUse = this.show; this.showUse = this.show;
}, },
schedule (newData) {
console.log('1',newData);
},
}, },
mounted () { }, mounted () { },
methods: { methods: {
cancel () { cancel () {
this.$emit("doShow", false);
this.modal_loading = false; this.modal_loading = false;
this.showUse = false;
this.currentStep = 0;
},
next () {
let data = store.getters.useData;
data.name = this.schedule.name;
if (this.currentStep === 0) {
if (data.params.length <= 0) {
this.$Message.error("请选择活动类型");
return;
}
if (!data.beginTime) {
this.$Message.error("请填写活动开始时间");
return;
}
if (!data.endTime) {
this.$Message.error("请填写活动结束时间");
return;
}
if (data.beginTime > data.endTime) {
this.$Message.error("开始时间不能晚于结束时间");
return;
}
}
if (this.currentStep === 1) {
if (!data.company || data.company.length === 0) {
this.$Message.error("请至少选择1家公司");
return;
}
}
if (this.currentStep === 2) {
if (!data.stores || data.stores.length === 0) {
this.$Message.error("请至少选择1家店铺");
return;
}
}
if (typeof data.beginTime == "object") {
data.beginTime = formatDate(data.beginTime);
}
if (typeof data.endTime == "object") {
data.endTime = formatDate(data.endTime);
}
console.log("data", data)
store.commit("SET_useData", data);
this.currentStep = this.currentStep + 1;
},
back () {
this.currentStep = this.currentStep - 1;
},
finish () {
let that = this;
let data = store.getters.useData;
data.isGetActivityInfo = true;
this.modal_loading = true;
ActivityManager.saveActivityData(store.getters.useData, function (data) {
store.commit("RSET_useData");
that.$emit("doShow", false);
that.$router.push("/activity/plan");
that.currentStep = 0;
that.modal_loading = false;
that.showUse = false;
});
}, },
}, },
}; };
</script> </script>

Loading…
Cancel
Save