外卖优惠券返利分销saas系统
直到看到了一个好友分享到外卖 CPS，觉得这是一个机会，不仅任何地方都可以做，而且门槛相对较低。
所以我最近分析了将近 30 个外卖大号，分析了他们的引流流程，总结一下他们有哪些可以值得我们借鉴的地方。希望对大家有所启发。当然最主要的还是着手去做。
外卖cps带分销返利源码
源代码地址
http://www.mybei.cn
搭建步骤
- 下载以上源代码到本地
http://www.mybei.cn
成品展示
截图
步骤
- 下载以上源代码到本地
http://www.mybei.cn - 修改为你自己的微信小程序，打开 /dist/pages/ele/index.js
- 微信小程序->开发管理->开发设置 添加 request的域名： 地址：
https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=271531762&lang=zh_CN
- 小程序管理后台配置你的链接
后台地址： http://q.mybei.cn - 进去之后选择小程序管理->无裂变小程序管理->添加小程序->填入你自己的链接
- 微信开发者工具，导入项目，提交审核
<template>
<div class="content-page">
<div class="content-nav">
<el-breadcrumb class="breadcrumb" separator="/">
<el-breadcrumb-item>商品设置</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="content-main">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="商品分类" name="first"></el-tab-pane>
<el-tab-pane label="商品型号" name="second"></el-tab-pane>
</el-tabs>
<div class="form-table-box">
<div class="btn-wrap">
<router-link v-if="pIndex == 0" to="/dashboard/category/add">
<el-button plain type="primary" icon="plus">添加分类</el-button>
</router-link>
<router-link v-if="pIndex == 1" to="/dashboard/specification/detail">
<el-button plain type="primary" icon="plus">添加型号</el-button>
</router-link>
</div>
<el-table v-if="pIndex == 0" :data="categoryData" style="width: 100%" border stripe>
<el-table-column prop="name" label="分类名称">
<template scope="scope">
<div v-if="scope.row.level==1" class="bg-gray">{
{
scope.row.name}}</div>
<div v-if="scope.row.level==2" class="bg-left">{
{
scope.row.name}}</div>
<!-- {
{
scope.row.level == 2 ? ' ' : '' }} {
{
scope.row.name}} -->
</template>
</el-table-column>
<el-table-column label="图标显示" width="80">
<template scope="scope">
<el-switch
v-model="scope.row.is_channel"
active-text=""
inactive-text=""
@change='changeChannelStatus($event,scope.row.id)'>
</el-switch>
</template>
</el-table-column>
<el-table-column label="首页显示" width="80">
<template scope="scope">
<el-switch
v-model="scope.row.is_show"
active-text=""
inactive-text=""
@change='changeShowStatus($event,scope.row.id)'>
</el-switch>
</template>
</el-table-column>
<el-table-column label="全部产品页面显示" width="140">
<template scope="scope">
<el-switch
v-model="scope.row.is_category"
active-text=""
inactive-text=""
@change='changeCategoryStatus($event,scope.row.id)'>
</el-switch>
</template>
</el-table-column>
<el-table-column prop="sort_order" label="排序" width="100" sortable>
<template scope="scope">
<el-input v-model="scope.row.sort_order" placeholder="排序" @blur="submitSort(scope.$index, scope.row)"></el-input>
</template>
</el-table-column>
<el-table-column label="操作" width="300">
<template scope="scope">
<el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
<el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
<el-table v-if="pIndex == 1" :data="specData" style="width: 100%" border stripe>
<el-table-column prop="id" label="ID" width="100">
</el-table-column>
<el-table-column prop="name" label="型号名">
</el-table-column>
<el-table-column prop="sort_order" label="排序" width="200">
</el-table-column>
<el-table-column label="操作" width="160">
<template scope="scope">
<el-button size="small" @click="specEdit(scope.$index, scope.row)">编辑</el-button>
<el-button size="small" type="danger" @click="specDelete(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
activeName: 'first',
pIndex: 0,
categoryData:[],
is_spec_add: false,
dialogFormVisible:false,
specData: [],
form:{
},
formLabelWidth: '120px'
}
},
methods: {
handleClick(tab, event) {
let pindex = tab._data.index;
this.activeClass = 0;
if (pindex == 0) {
this.getList();
this.pIndex = 0;
}
else if (pindex == 1) {
this.getSpecList();
this.pIndex = 1;
}
},
changeShowStatus($event, para) {
this.axios.get('category/showStatus', {
params: {
status: $event,
id: para
}
}).then((response) => {
})
},
changeChannelStatus($event, para) {
this.axios.get('category/channelStatus', {
params: {
status: $event,
id: para
}
}).then((response) => {
})
},
changeCategoryStatus($event, para) {
this.axios.get('category/categoryStatus', {
params: {
status: $event,
id: para
}
}).then((response) => {
})
},
submitSort(index, row){
this.axios.post('category/updateSort', {
id: row.id,sort:row.sort_order }).then((response) => {
})
},
handleRowEdit(index, row) {
this.$router.push({
name: 'category_add', query: {
id: row.id}})
},
specEdit(index, row) {
console.log(row.id);
this.$router.push({
name: 'specification_detail', query: {
id: row.id}})
},
specDelete(index, row) {
this.$confirm('确定要删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.axios.post('specification/delete', {
id: row.id}).then((response) => {
console.log(response.data)
if (response.data.errno === 0) {
this.$message({
type: 'success',
message: '删除成功!'
});
this.getSpecList();
}
else {
this.$message({
type: 'error',
message: '删除失败，该型号下有商品!'
});
}
})
});
},
handleRowDelete(index, row) {
this.$confirm('确定要删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.axios.post('category/destory', {
id: row.id}).then((response) => {
console.log(response.data)
if (response.data.errno === 0) {
this.$message({
type: 'success',
message: '删除成功!'
});
this.getList();
}
else {
this.$message({
type: 'error',
message: '删除失败，该分类有子分类!'
});
}
})
});
},
getList() {
this.axios.get('category', {
params: {
page: this.page,
}
}).then((response) => {
this.categoryData = response.data.data
})
},
getSpecList() {
this.axios.get('specification').then((response) => {
this.specData = response.data.data
})
}
},
components: {
},
mounted() {
this.getList();
}
}
</script>
<style scoped>
.sort-width{
width: 90px;
}
.right{
float: right;
}
.form-inline {
margin-top: 2px;
height: 40px;
margin-right: 20px;
}
.block {
margin-bottom: 10px;
height:42px;
display: flex;
align-items: center;
justify-content:space-between;
}
.active {
border-color: #ff4949;
color: #ff4949;
}
.marginRight{
margin-right: 20px;
}
.btn-wrap{
margin-bottom: 10px;
}
</style>