chc 2024-01-24 11:33:21 +08:00
commit 54502b331f
18 changed files with 1928 additions and 1202 deletions

View File

@ -0,0 +1,110 @@
import request, {Method} from '@/plugins/request.js';
/**
* 获取当前会员分销信息
*/
export function distribution () {
return request({
url: `/buyer/distribution/distribution`,
method: Method.GET,
needToken: true
});
}
/**
* 申请成为分销员
* @param idNumber 身份证号
* @param name 名字
*/
export function applyDistribution (params) {
return request({
url: `/buyer/distribution/distribution`,
method: Method.POST,
needToken: true,
params
});
}
/**
* 获取分销员订单列表
*/
export function getDistOrderList (params) {
return request({
url: `/buyer/distribution/order`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 获取分销员下级用户列表
*/
export function getDistMemberList (params) {
return request({
url: `/buyer/distribution/distribution/memberList`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 获取分销商商品列表
*/
export function getDistGoodsList (params) {
return request({
url: `/buyer/distribution/goods`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 分销员提现历史
*/
export function distCashHistory (params) {
return request({
url: `/buyer/distribution/cash`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 分销员-团队列表
*/
export function getDistGroupList (params) {
return request({
url: `/buyer/distribution/distribution/groupList`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 分销商提现
*/
export function distCash (params) {
return request({
url: `/buyer/distribution/cash`,
method: Method.POST,
needToken: true,
params
});
}
/**
* 绑定分销
* @param distributionId 商品分销ID
*/
export function getGoodsDistribution (distributionId) {
return request({
url: `/buyer/distribution/distribution/bindingDistribution/${distributionId}`,
method: Method.GET,
needToken: true
});
}

View File

@ -333,92 +333,7 @@ export function clearComplain (id) {
}); });
} }
/**
* 获取当前会员分销信息
*/
export function distribution () {
return request({
url: `/buyer/distribution/distribution`,
method: Method.GET,
needToken: true
});
}
/**
* 申请成为分销商
* @param idNumber 身份证号
* @param name 名字
*/
export function applyDistribution (params) {
return request({
url: `/buyer/distribution/distribution`,
method: Method.POST,
needToken: true,
params
});
}
/**
* 获取分销商订单列表
*/
export function getDistOrderList (params) {
return request({
url: `/buyer/distribution/order`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 获取分销商商品列表
*/
export function getDistGoodsList (params) {
return request({
url: `/buyer/distribution/goods`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 绑定解绑分销商品
* @param distributionGoodsId 分销商品id
* @param checked 分销商品id,true为绑定false为解绑
*/
export function selectDistGoods (params) {
return request({
url: `/buyer/distribution/goods/checked/${params.distributionGoodsId}`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 分销商提现历史
*/
export function distCashHistory (params) {
return request({
url: `/buyer/distribution/cash`,
method: Method.GET,
needToken: true,
params
});
}
/**
* 分销商提现
*/
export function distCash (params) {
return request({
url: `/buyer/distribution/cash`,
method: Method.POST,
needToken: true,
params
});
}
/** /**
* 我的足迹 * 我的足迹

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrapper"> <div class="wrapper">
<card _Title="我的分销" /> <card _Title="我的分销"/>
<!-- 分销申请 --> <!-- 分销申请 -->
<div v-if="status === 0"> <div v-if="status === 0">
@ -12,20 +12,8 @@
<FormItem label="身份证号" prop="idNumber"> <FormItem label="身份证号" prop="idNumber">
<Input v-model="applyForm.idNumber"></Input> <Input v-model="applyForm.idNumber"></Input>
</FormItem> </FormItem>
<FormItem label="银行开户行" prop="settlementBankBranchName">
<Input v-model="applyForm.settlementBankBranchName"></Input>
</FormItem>
<FormItem label="银行开户名" prop="settlementBankAccountName">
<Input v-model="applyForm.settlementBankAccountName"></Input>
</FormItem>
<FormItem label="银行账号" prop="settlementBankAccountNum">
<Input v-model="applyForm.settlementBankAccountNum"></Input>
</FormItem>
<FormItem> <FormItem>
<Button type="primary" :loading="applyLoading" @click="apply" <Button type="primary" :loading="applyLoading" @click="apply"></Button>
>提交申请</Button
>
</FormItem> </FormItem>
</Form> </Form>
</div> </div>
@ -34,43 +22,69 @@
<Alert type="success"> <Alert type="success">
您提交的信息正在审核 您提交的信息正在审核
<template slot="desc" <template slot="desc"
>提交认证申请后工作人员将在三个工作日进行核对完成审核</template >提交认证申请后工作人员将在三个工作日进行核对完成审核
</template
> >
</Alert> </Alert>
</div> </div>
<!-- 分销提现商品订单 --> <!-- 分销提现商品订单 -->
<div v-if="status === 2"> <div v-if="status === 2">
<div class="tips"> <div class="tips">
<p>分销下线付款之后会生成分销订单</p> <p>分销下线付款之后会生成分销订单</p>
<p> <p>交易完成后返佣可提现</p>
冻结金额用户提现金额即为冻结金额审核通过后扣除冻结金额审核拒绝之后冻结金额返回可提现金额
</p>
<p>可提现金额分销订单佣金T+1解冻后可变为可提现金额</p>
</div> </div>
<div class="box"> <div class="box">
<div class="mb_20 account-price"> <div class="mb_20 account-price">
<span class="subTips">可提现金额</span> <span class="subTips">可提现金额()</span>
<span class="fontsize_48 global_color" <span class="fontsize_48 global_color">{{ result.canRebate | unitPrice }}</span>
>{{ result.canRebate | unitPrice }}</span <span class="subTips">待结算</span>
> <span class="">{{ result.commissionFrozen | unitPrice }}</span>
<span class="subTips">冻结金额</span> <span class="subTips">总收益()</span>
<span class="">{{ result.commissionFrozen | unitPrice }}</span> <span class="">{{ result.rebateTotal | unitPrice }}</span>
<span class="subTips">返利总金额</span>
<span class="">{{ result.rebateTotal | unitPrice }}</span>
<Button <Button
type="primary" type="primary"
size="small" size="small"
class="ml_20" class="ml_20"
@click="withdrawApplyModal = true" @click="withdrawApplyModal = true">申请提现
>申请提现</Button </Button>
>
</div> </div>
</div> </div>
<Tabs :value="tabName" @on-click="tabPaneChange"> <Tabs :value="tabName" @on-click="tabPaneChange">
<TabPane label="已选商品" name="goodsChecked"> <TabPane label="推广订单" name="order">
<Table stripe :columns="orderColumns" :data="orderData.records">
<template slot-scope="{ row }" slot="createTime">
<span>{{ row.createTime }}</span>
</template>
<template slot-scope="{ row }" slot="goodsName">
<span>{{ row.goodsName }}</span>
</template>
<template slot-scope="{ row }" slot="num">
<span>{{ row.num }}</span>
</template>
<template slot-scope="{ row }" slot="rebate">
<span>{{ row.rebate }}</span>
</template>
<template slot-scope="{ row }" slot="distributionOrderStatus">
<span v-if="row.distributionOrderStatus == 'NO_COMPLETED'"></span>
<span v-else-if="row.distributionOrderStatus == 'COMPLETE'">订单完成</span>
<span v-else-if="row.distributionOrderStatus == 'CANCEL'">订单取消</span>
<span v-else-if="row.distributionOrderStatus == 'REFUND'">订单退款</span>
</template>
</Table>
<div class="page-size">
<Page
:current="orderParams.pageNumber"
:total="orderData.total"
:page-size="orderParams.pageSize"
@on-change="changeOrderPage"
size="small"
show-total
show-elevator
></Page>
</div>
</TabPane>
<TabPane label="推广商品" name="goods">
<Table stripe :columns="goodsColumns" :data="goodsData.records"> <Table stripe :columns="goodsColumns" :data="goodsData.records">
<template slot-scope="{ row }" slot="name"> <template slot-scope="{ row }" slot="name">
<div <div
@ -79,20 +93,21 @@
linkTo( linkTo(
`/goodsDetail?skuId=${row.skuId}&goodsId=${row.goodsId}` `/goodsDetail?skuId=${row.skuId}&goodsId=${row.goodsId}`
) )
" ">
>
<img <img
style="vertical-align: top" style="vertical-align: top"
:src="row.thumbnail" :src="row.thumbnail"
width="60" width="60"
height="60" height="60"
alt="" alt=""/>&nbsp; {{ row.goodsName }}
/>&nbsp; {{ row.goodsName }}
</div> </div>
</template> </template>
<template slot-scope="{ row }" slot="price"> <template slot-scope="{ row }" slot="price">
<span> {{ row.price | unitPrice }}</span> <span> {{ row.price | unitPrice }}</span>
</template> </template>
<template slot-scope="{ row }" slot="firstProportion">
<span style="margin-left: 10px;"> {{ row.firstProportion }}%</span>
</template>
<template slot-scope="{ row }" slot="commission"> <template slot-scope="{ row }" slot="commission">
<span> {{ row.commission | unitPrice }}</span> <span> {{ row.commission | unitPrice }}</span>
</template> </template>
@ -101,15 +116,8 @@
type="success" type="success"
size="small" size="small"
style="margin-right: 5px" style="margin-right: 5px"
@click="fenxiao(row)" @click="fenxiao(row)">邀请好友
>分销商品</Button </Button>
>
<Button
type="error"
size="small"
@click="selectGoods(row.id, false)"
>取消选择</Button
>
</template> </template>
</Table> </Table>
<div class="page-size"> <div class="page-size">
@ -124,48 +132,30 @@
></Page> ></Page>
</div> </div>
</TabPane> </TabPane>
<TabPane label="未选商品" name="goodsUncheck"> <TabPane label="我的客户" name="member">
<Table stripe :columns="goodsColumns" :data="goodsData.records"> <Table stripe :columns="memberColumns" :data="memberData.records">
<template slot-scope="{ row }" slot="name"> <template slot-scope="{ row }" slot="nickName">
<div <span>{{ row.nickName }}</span>
class="goods-msg"
@click="
linkTo(
`/goodsDetail?skuId=${row.skuId}&goodsId=${row.goodsId}`
)
"
>
<img
style="vertical-align: top"
:src="row.thumbnail"
width="60"
height="60"
alt=""
/>&nbsp; {{ row.goodsName }}
</div>
</template> </template>
<template slot-scope="{ row }" slot="price"> <template slot-scope="{ row }" slot="orderPrice">
<span> {{ row.price | unitPrice }}</span> <span>{{ row.orderPrice }}</span>
</template> </template>
<template slot-scope="{ row }" slot="commission"> <template slot-scope="{ row }" slot="rebatePrice">
<span> {{ row.commission | unitPrice }}</span> <span>{{ row.rebatePrice }}</span>
</template> </template>
<template slot-scope="{ row }" slot="action"> <template slot-scope="{ row }" slot="orderNum">
<Button <span>{{ row.orderNum }}</span>
type="primary" </template>
size="small" <template slot-scope="{ row }" slot="lastLoginDate">
style="margin-right: 5px" <span>{{ row.lastLoginDate }}</span>
@click="selectGoods(row.id, true)"
>选择商品</Button
>
</template> </template>
</Table> </Table>
<div class="page-size"> <div class="page-size">
<Page <Page
:current="params.pageNumber" :current="memberParams.pageNumber"
:total="goodsData.total" :total="memberData.total"
:page-size="params.pageSize" :page-size="memberParams.pageSize"
@on-change="changePage" @on-change="changeOrderPage"
size="small" size="small"
show-total show-total
show-elevator show-elevator
@ -183,13 +173,11 @@
<template slot-scope="{ row }" slot="price"> <template slot-scope="{ row }" slot="price">
<span <span
v-if="row.distributionCashStatus == 'VIA_AUDITING'" v-if="row.distributionCashStatus == 'VIA_AUDITING'"
style="color: green" style="color: green">
> {{ row.price | unitPrice }}</span
+{{ row.price | unitPrice }}</span
> >
<span v-else style="color: red"> <span v-else style="color: red">
-{{ row.price | unitPrice }}</span {{ row.price | unitPrice }}</span>
>
</template> </template>
<template slot-scope="{ row }" slot="status"> <template slot-scope="{ row }" slot="status">
<span> <span>
@ -199,8 +187,7 @@
: row.distributionCashStatus == "VIA_AUDITING" : row.distributionCashStatus == "VIA_AUDITING"
? "通过" ? "通过"
: "拒绝" : "拒绝"
}}</span }}</span>
>
</template> </template>
</Table> </Table>
<div class="page-size"> <div class="page-size">
@ -215,6 +202,30 @@
></Page> ></Page>
</div> </div>
</TabPane> </TabPane>
<TabPane label="我的团队" name="group">
<Table stripe :columns="groupColumns" :data="groupData.records">
<template slot-scope="{ row }" slot="memberName">
<span>{{ row.memberName }}</span>
</template>
<template slot-scope="{ row }" slot="distributionOrderPrice">
<span>{{ row.distributionOrderPrice }}</span>
</template>
<template slot-scope="{ row }" slot="distributionOrderCount">
<span>{{ row.distributionOrderCount }}</span>
</template>
</Table>
<div class="page-size">
<Page
:current="groupParams.pageNumber"
:total="groupData.total"
:page-size="groupParams.pageSize"
@on-change="changeOrderPage"
size="small"
show-total
show-elevator
></Page>
</div>
</TabPane>
</Tabs> </Tabs>
</div> </div>
<!-- 未开放 --> <!-- 未开放 -->
@ -222,7 +233,8 @@
<Alert type="error"> <Alert type="error">
分销功能暂未开启 分销功能暂未开启
<template slot="desc" <template slot="desc"
>提交认证申请后工作人员将在三个工作日进行核对完成审核</template >提交认证申请后工作人员将在三个工作日进行核对完成审核
</template
> >
</Alert> </Alert>
</div> </div>
@ -239,7 +251,8 @@
<Alert type="success"> <Alert type="success">
您提交的申诉正在审核 您提交的申诉正在审核
<template slot="desc" <template slot="desc"
>提交认证申请后工作人员将在三个工作日进行核对完成审核</template >提交认证申请后工作人员将在三个工作日进行核对完成审核
</template
> >
</Alert> </Alert>
</div> </div>
@ -250,29 +263,18 @@
</p> </p>
<div> <div>
<Input v-model="withdrawPrice" size="large" number maxlength="9" <Input v-model="withdrawPrice" size="large" number maxlength="9"
><span slot="append"></span></Input ><span slot="append"></span></Input>
>
</div> </div>
<div slot="footer" style="text-align: center"> <div slot="footer" style="text-align: center">
<Button type="primary" size="large" @click="withdraw"></Button> <Button type="primary" size="large" @click="withdraw"></Button>
</div> </div>
</Modal> </Modal>
<Modal v-model="qrcodeShow" title="分销商品" width="800"> <Modal v-model="qrcodeShow" title="分销商品" width="800">
<Alert type="warning"> 下载二维码或者复制链接分享商品 </Alert> <Alert type="warning"> 下载二维码或者复制链接分享商品</Alert>
<div class="qrcode"> <div class="qrcode">
<div style="width: 150px; height: 150px; border: 1px solid #eee"> <div style="width: 150px; height: 150px; ">
<vue-qr <div class="qrcode-platform" style="margin-top: 100px">PC端</div>
:text="qrcode" <Button style="margin-left: 40px; margin-top: 65px" type="success" @click="copyUrlLink"></Button>
:callback="qrcodeData"
:margin="0"
colorDark="#000"
colorLight="#fff"
:size="150"
></vue-qr>
<div class="qrcode-platform">PC端</div>
<Button class="download-btn" type="success" @click="downloadQrcode"
>下载二维码</Button
>
</div> </div>
<div style="width: 150px; height: 150px; border: 1px solid #eee"> <div style="width: 150px; height: 150px; border: 1px solid #eee">
<vue-qr <vue-qr
@ -285,13 +287,13 @@
></vue-qr> ></vue-qr>
<div class="qrcode-platform">移动应用端</div> <div class="qrcode-platform">移动应用端</div>
<Button class="download-btn" type="success" @click="downloadQrcodeH5" <Button class="download-btn" type="success" @click="downloadQrcodeH5"
>下载二维码</Button >下载二维码
</Button
> >
</div> </div>
</div> </div>
<div class="mt_10" style="margin-top: 100px;"> <div class="mt_10" style="margin-top: 100px;">
商品链接<Input style="width: 600px" v-model="qrcode"></Input>
</div> </div>
</Modal> </Modal>
</div> </div>
@ -304,92 +306,98 @@ import {
distCash, distCash,
distCashHistory, distCashHistory,
getDistGoodsList, getDistGoodsList,
selectDistGoods, getDistOrderList,
} from "@/api/member.js"; getDistMemberList,
import { IDCard } from "@/plugins/RegExp.js"; getDistGroupList
import { checkBankno } from "@/plugins/Foundation"; } from "@/api/distribution.js";
import {IDCard} from "@/plugins/RegExp.js";
import vueQr from "vue-qr"; import vueQr from "vue-qr";
export default { export default {
name: "Distribution", name: "Distribution",
components: { vueQr }, components: {vueQr},
data() { data() {
return { return {
config:require('@/config'), config: require('@/config'),
status: 0, // 0 1 2 3 status: 0, // 0 1 2 3
applyForm: {}, // applyForm: {}, //
rules: { rules: {
// //
name: [{ required: true, message: "请输入真实姓名" }], name: [{required: true, message: "请输入真实姓名"}],
idNumber: [ idNumber: [
{ required: true, message: "请输入身份证号" }, {required: true, message: "请输入身份证号"},
{ pattern: IDCard, message: "请输入正确的身份证号" }, {pattern: IDCard, message: "请输入正确的身份证号"},
],
settlementBankBranchName: [
{
required: true,
message: "请输入银行开户行",
//
trigger: "blur",
},
],
settlementBankAccountName: [
{
required: true,
message: "请输入银行开户名",
//
trigger: "blur",
},
],
//
settlementBankAccountNum: [
{
required: true,
message: "银行账号不正确",
//
trigger: "blur",
},
{
validator: (rule, value, callback) => {
// truefalse
// this.$u.test.mobile()truefalse
return checkBankno(value);
},
message: "银行账号不正确",
},
], ],
}, },
tabName: "goodsChecked", // tab tabName: "order", // tab
result: {}, // result: {}, //
applyLoading: false, // applyLoading: false, //
goodsLoading: false, // goodsLoading: false, //
orderLoading: false, //
withdrawApplyModal: false, // withdrawApplyModal: false, //
withdrawPrice: 0, // withdrawPrice: 0, //
goodsData: {}, // goodsData: {}, //
orderData:{}, //
memberData:{}, //
logData: {}, // logData: {}, //
groupData:{},//
orderColumns:[
//
{title: "下单时间", slot: "createTime", minWidth: 200},
{title: "商品名称", slot: "goodsName", minWidth: 200},
{title: "数量", slot: "num"},
{title: "佣金金额", slot: "rebate"},
{title: "状态", slot: "distributionOrderStatus"},
],
memberColumns:[
//
{title: "客户昵称", slot: "nickName", minWidth: 150},
{title: "成交额", slot: "orderPrice"},
{title: "佣金总额", slot: "rebatePrice"},
{title: "订单数", slot: "orderNum"},
{title: "最近下单时间", slot: "lastLoginDate", minWidth: 150},
],
goodsColumns: [ goodsColumns: [
// //
{ title: "商品名称", slot: "name", width: 400 }, {title: "商品名称", slot: "name", width: 400},
{ title: "商品价格", slot: "price" }, {title: "商品价格", slot: "price"},
{ title: "佣金", slot: "commission" }, {title: "佣金比例", slot: "firstProportion"},
{ title: "操作", slot: "action", minWidth: 120 }, {title: "预计赚", slot: "commission"},
{title: "操作", slot: "action", minWidth: 120},
], ],
logColumns: [ logColumns: [
// //
{ title: "编号", slot: "sn" }, {title: "编号", slot: "sn"},
{ title: "申请时间", slot: "time" }, {title: "申请时间", slot: "time"},
{ title: "提现金额", slot: "price" }, {title: "提现金额", slot: "price"},
{ title: "提现状态", slot: "status" }, {title: "提现状态", slot: "status"},
],
groupColumns: [
//
{title: "昵称", slot: "memberName"},
{title: "销售额", slot: "distributionOrderPrice"},
{title: "订单量", slot: "distributionOrderCount"},
], ],
params: { params: {
// //
pageNumber: 1, pageNumber: 1,
pageSize: 20, pageSize: 20,
checked: true, sort: "createTime",
order: "desc",
}, },
orderParams: { orderParams: {
// //
pageNumber: 1, pageNumber: 1,
pageSize: 20, pageSize: 20,
sort: "createTime",
order: "desc",
},
memberParams: {
//
pageNumber: 1,
pageSize: 20,
sort: "createTime",
order: "desc",
}, },
logParams: { logParams: {
// //
@ -398,8 +406,15 @@ export default {
sort: "createTime", sort: "createTime",
order: "desc", order: "desc",
}, },
groupParams: {
//
pageNumber: 1,
pageSize: 20,
sort: "createTime",
order: "desc",
},
qrcode: "", // qrcode: "", //
qrcodeH5:"",//H5 qrcodeH5: "",//H5
qrcodeShow: false, // qrcodeShow: false, //
base64Img: "", // base64 base64Img: "", // base64
base64ImgH5: "", // base64H5 base64ImgH5: "", // base64H5
@ -427,7 +442,7 @@ export default {
}, },
withdraw() { withdraw() {
// //
distCash({ price: this.withdrawPrice }).then((res) => { distCash({price: this.withdrawPrice}).then((res) => {
this.withdrawApplyModal = false; this.withdrawApplyModal = false;
this.price = 0; this.price = 0;
if (res.success) { if (res.success) {
@ -447,6 +462,15 @@ export default {
// H5base64 // H5base64
this.base64ImgH5 = data64; this.base64ImgH5 = data64;
}, },
copyUrlLink(){
navigator.clipboard.writeText(this.qrcode)
.then(() => {
this.$Message.success("复制成功!");
})
.catch(err => {
this.$Message.error("复制失败!");
});
},
downloadQrcode() { downloadQrcode() {
// //
let a = document.createElement("a"); // a let a = document.createElement("a"); // a
@ -455,7 +479,7 @@ export default {
a.href = this.base64Img; // URLa.href a.href = this.base64Img; // URLa.href
a.dispatchEvent(event); // a a.dispatchEvent(event); // a
}, },
downloadQrcodeH5(){ downloadQrcodeH5() {
// H5 // H5
let a = document.createElement("a"); // a let a = document.createElement("a"); // a
let event = new MouseEvent("click"); // let event = new MouseEvent("click"); //
@ -465,18 +489,33 @@ export default {
}, },
tabPaneChange(tab) { tabPaneChange(tab) {
// tab // tab
if (tab === "goodsChecked") { if (tab === "goods") {
this.params.checked = true;
this.params.pageNUmber = 1;
this.getGoodsData();
} else if (tab === "goodsUncheck") {
this.params.checked = false; this.params.checked = false;
this.getGoodsData(); this.getGoodsData();
}else if (tab === "order") {
this.orderParams.checked = false;
this.getOrderData();
}else if (tab === "member") {
this.memberParams.checked = false;
this.getMemberData();
} else if (tab === "log") { } else if (tab === "log") {
this.logParams.pageNumber = 1; this.logParams.pageNumber = 1;
this.getLog(); this.getLog();
}else if (tab === "group") {
this.groupParams.pageNumber = 1;
this.getGroupData();
} }
}, },
changeOrderPage(val) {
//
this.orderParams.pageNumber = val;
this.getOrderData();
},
changeMemberPage(val) {
//
this.memberParams.pageNumber = val;
this.getMemberData();
},
changePage(val) { changePage(val) {
// //
this.params.pageNumber = val; this.params.pageNumber = val;
@ -487,19 +526,6 @@ export default {
this.logParams.pageNumber = val; this.logParams.pageNumber = val;
this.getLog(); this.getLog();
}, },
selectGoods(id, checked) {
//
let params = {
distributionGoodsId: id,
checked: checked,
};
selectDistGoods(params).then((res) => {
if (res.success) {
this.$Message.success("操作成功!");
this.getGoodsData();
}
});
},
fenxiao(row) { fenxiao(row) {
// //
this.qrcode = `${this.config.PC_DOMAIN}/goodsDetail?skuId=${row.skuId}&goodsId=${row.goodsId}&distributionId=${this.result.id}`; this.qrcode = `${this.config.PC_DOMAIN}/goodsDetail?skuId=${row.skuId}&goodsId=${row.goodsId}&distributionId=${this.result.id}`;
@ -507,6 +533,18 @@ export default {
this.goodsNameCurr = row.goodsName; this.goodsNameCurr = row.goodsName;
this.qrcodeShow = true; this.qrcodeShow = true;
}, },
getOrderData(){
//
getDistOrderList(this.orderParams).then((res) => {
if (res.success) this.orderData = res.result;
});
},
getMemberData(){
//
getDistMemberList(this.memberParams).then((res) => {
if (res.success) this.memberData = res.result;
});
},
getGoodsData() { getGoodsData() {
// //
getDistGoodsList(this.params).then((res) => { getDistGoodsList(this.params).then((res) => {
@ -519,8 +557,14 @@ export default {
if (res.success) this.logData = res.result; if (res.success) this.logData = res.result;
}); });
}, },
getGroupData() {
//
getDistGroupList(this.groupParams).then((res) => {
if (res.success) this.groupData = res.result;
});
},
// //
repaying(){ repaying() {
applyDistribution().then((res) => { applyDistribution().then((res) => {
this.applyLoading = false; this.applyLoading = false;
if (res.success) { if (res.success) {
@ -537,14 +581,14 @@ export default {
let type = res.result.distributionStatus; let type = res.result.distributionStatus;
if (type === "PASS") { if (type === "PASS") {
this.status = 2; this.status = 2;
this.getGoodsData(); this.getOrderData();
} else if ( type === "REFUSE") { } else if (type === "REFUSE") {
this.status = 0; this.status = 0;
} else if (type === "RETREAT") { } else if (type === "RETREAT") {
this.status = 4; this.status = 4;
}else if (type === "APPEAL") { } else if (type === "APPEAL") {
this.status = 5; this.status = 5;
}else { } else {
this.status = 1; this.status = 1;
} }
} else if (!res.data.success && res.data.code === 22000) { } else if (!res.data.success && res.data.code === 22000) {
@ -563,28 +607,35 @@ export default {
.box { .box {
margin: 20px 0; margin: 20px 0;
} }
.page-size { .page-size {
margin: 15px 0px; margin: 15px 0px;
text-align: right; text-align: right;
} }
.account-price { .account-price {
font-weight: bold; font-weight: bold;
} }
.subTips { .subTips {
margin-left: 10px; margin-left: 10px;
} }
.fontsize_48 { .fontsize_48 {
font-size: 48px; font-size: 48px;
} }
.goods-msg { .goods-msg {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 3px; padding: 3px;
&:hover { &:hover {
color: $theme_color; color: $theme_color;
cursor: pointer; cursor: pointer;
} }
} }
.download-btn { .download-btn {
// position: relative; // position: relative;
// top: -200px; // top: -200px;
@ -592,26 +643,31 @@ export default {
margin-left: 25px; margin-left: 25px;
margin-top: 5px margin-top: 5px
} }
/deep/ .ivu-alert-message { /deep/ .ivu-alert-message {
p { p {
margin: 4px 0; margin: 4px 0;
} }
} }
.tips{
background:#f7f7f7; .tips {
background: #f7f7f7;
padding: 16px; padding: 16px;
border-radius: .4em; border-radius: .4em;
>p{
> p {
margin: 6px 0; margin: 6px 0;
} }
} }
.qrcode{
.qrcode {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
padding-top: 10px padding-top: 10px
} }
.qrcode-platform{
.qrcode-platform {
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
margin: 5px; margin: 5px;

View File

@ -53,6 +53,11 @@ export const getDistributionCash = (params) => {
export const auditDistributionCash = (id,params) => { export const auditDistributionCash = (id,params) => {
return postRequest(`/distribution/cash/audit/${id}`, params) return postRequest(`/distribution/cash/audit/${id}`, params)
} }
//分销会员列表
export const getDistributionMember = (id,params) => {
return getRequest(`/distribution/distribution/memberList/${id}`, params)
}
//查看分销团队列表
export const getDistributionGroup = (id,params) => {
return getRequest(`/distribution/distribution/groupList/${id}`, params)
}

View File

@ -81,3 +81,9 @@ export const getShopList = () => {
export const getShopByMemberId = (id) => { export const getShopByMemberId = (id) => {
return getRequest(`/store/store/${id}/member`) return getRequest(`/store/store/${id}/member`)
} }
//根据id获取店铺信息
export const downloadBill = (id) => {
return getRequest(`/order/bill/downLoad/${id}`, {}, 'blob')
}

View File

@ -171,18 +171,24 @@ function getTokenDebounce() {
}; };
} }
export const getRequest = (url, params) => { export const getRequest = (url, params, resBlob) => {
let accessToken = getStore("accessToken"); let accessToken = getStore("accessToken");
return service({ let data = {
method: "get", method: "get",
url: `${url}`, url: `${url}`,
params: params, params: params,
headers: { headers: {
accessToken: accessToken accessToken: accessToken
} },
}); responseType: "blob"
};
if (resBlob != "blob") {
delete data.responseType;
}
return service(data);
}; };
export const postRequest = (url, params, headers) => { export const postRequest = (url, params, headers) => {
let accessToken = getStore("accessToken"); let accessToken = getStore("accessToken");
return service({ return service({

View File

@ -276,7 +276,19 @@ export const otherRouter = {
title: "查看直播", title: "查看直播",
name: "live-detail", name: "live-detail",
component: () => import("@/views/promotions/live/live-detail.vue") component: () => import("@/views/promotions/live/live-detail.vue")
} },
{
path: "group-list",
title: "分销团队",
name: "group-list",
component: () => import("@/views/distribution/distributionGroup.vue")
},
{
path: "distribution-member",
title: "分销会员列表",
name: "distribution-member",
component: () => import("@/views/distribution/distributionMember.vue")
},
] ]
}; };

View File

@ -90,19 +90,23 @@ export default {
{ {
title: "会员名称", title: "会员名称",
key: "memberName", key: "memberName",
minWidth: 120, minWidth: 200,
tooltip: true, tooltip: true,
}, },
{ {
title: "推广单数", title: "推广单数",
key: "distributionOrderCount", key: "distributionOrderCount",
minWidth: 120, minWidth: 200,
width: 150, },
{
title: "推广人数",
key: "peopleNum",
minWidth: 200,
}, },
{ {
title: "分销金额", title: "分销金额",
key: "rebateTotal", key: "rebateTotal",
width: 150, minWidth: 200,
sortable: false, sortable: false,
render: (h, params) => { render: (h, params) => {
return h("priceColorScheme", {props:{value:params.row.rebateTotal,color:this.$mainColor}} ); return h("priceColorScheme", {props:{value:params.row.rebateTotal,color:this.$mainColor}} );
@ -110,9 +114,9 @@ export default {
}, },
{ {
title: "可金额", title: "可提现金额",
key: "canRebate", key: "canRebate",
width: 150, minWidth: 200,
sortable: false, sortable: false,
render: (h, params) => { render: (h, params) => {
return h("priceColorScheme", {props:{value:params.row.canRebate,color:'green'}} ); return h("priceColorScheme", {props:{value:params.row.canRebate,color:'green'}} );
@ -121,7 +125,7 @@ export default {
{ {
title: "冻结金额", title: "冻结金额",
key: "commissionFrozen", key: "commissionFrozen",
width: 150, minWidth: 200,
sortable: false, sortable: false,
render: (h, params) => { render: (h, params) => {
return h("priceColorScheme", {props:{value:params.row.commissionFrozen,color:'#347dda'}} ); return h("priceColorScheme", {props:{value:params.row.commissionFrozen,color:'#347dda'}} );
@ -130,7 +134,7 @@ export default {
{ {
title: "状态", title: "状态",
key: "distributionStatus", key: "distributionStatus",
width: 150, minWidth: 200,
sortable: false, sortable: false,
render: (h, params) => { render: (h, params) => {
if (params.row.distributionStatus == "PASS") { if (params.row.distributionStatus == "PASS") {
@ -149,7 +153,7 @@ export default {
key: "action", key: "action",
align: "center", align: "center",
fixed: "right", fixed: "right",
width: 140, minWidth: 200,
render: (h, params) => { render: (h, params) => {
return h( return h(
"div", "div",
@ -159,7 +163,42 @@ export default {
justifyContent: "center", justifyContent: "center",
}, },
}, },
[ [h(
"Button",
{
props: {
type: "success",
size: "small",
},
style: {
marginRight: "5px",
},
on: {
click: () => {
this.memberList(params.row);
},
},
},
"下级用户"
),
h(
"Button",
{
props: {
type: "info",
size: "small",
},
style: {
marginRight: "5px",
},
on: {
click: () => {
this.groupList(params.row);
},
},
},
"团队列表"
),
h( h(
"Button", "Button",
{ {
@ -214,6 +253,14 @@ export default {
}; };
}, },
methods: { methods: {
//
groupList(row){
this.$router.push({ name: "group-list", query: { id: row.id } });
},
memberList(row){
this.$router.push({ name: "distribution-member", query: { id: row.id } });
},
// //
init() { init() {
this.getDataList(); this.getDataList();

View File

@ -102,11 +102,6 @@ export default {
}, },
}, },
{
title: "库存",
key: "quantity",
minWidth: 80,
},
{ {
title: "添加时间", title: "添加时间",
key: "createTime", key: "createTime",

View File

@ -0,0 +1,103 @@
<template>
<div>
<Card>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" class="mt_10"></Table>
<Row type="flex" justify="end" class="page padding-row">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10,20,50]" size="small" show-total show-elevator show-sizer></Page>
</Row>
</Card>
</div>
</template>
<script>
import {
getDistributionGroup
} from "@/api/distribution";
import {cashStatusList} from './dataJson'
export default {
name: "distributionGroup",
data() {
return {
id: "",//id
cashStatusList, //
loading: true, //
modalVisible: false, //
modalTitle: "", //
result: 'FAIL_AUDITING', //
searchForm: { //
pageNumber: 1, //
pageSize: 10, //
sort: "createTime", //
order: "desc", //
},
handleStatus:'edit',//
form: { //
sn: "",
memberName: "",
price: "",
},
submitLoading: false, //
columns: [
{
title: "昵称",
key: "memberName",
minWidth: 200
},
{
title: "销售额",
key: "distributionOrderPrice",
minWidth: 120
},
{
title: "订单量",
key: "distributionOrderCount",
minWidth: 120
},
],
data: [], //
total: 0 //
};
},
methods: {
//
init() {
this.getDataList();
},
//
changePage(v) {
this.searchForm.pageNumber = v;
this.getDataList();
},
//
changePageSize(v) {
this.searchForm.pageSize = v;
this.getDataList();
},
//
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getDataList();
},
//
getDataList() {
this.loading = true;
console.log(this.id);
//
getDistributionGroup(this.id,this.searchForm).then(res => {
this.loading = false;
if (res.success) {
this.data = res.result.records;
this.total = res.result.total;
}
});
this.total = this.data.length;
this.loading = false;
},
},
mounted() {
this.id = this.$route.query.id;
this.init();
}
};
</script>

View File

@ -0,0 +1,114 @@
<template>
<div>
<Card>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" class="mt_10"></Table>
<Row type="flex" justify="end" class="page padding-row">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10,20,50]" size="small" show-total show-elevator show-sizer></Page>
</Row>
</Card>
</div>
</template>
<script>
import {
getDistributionCash,
auditDistributionCash, getDistributionMember
} from "@/api/distribution";
import {cashStatusList} from './dataJson'
export default {
name: "distributionMember",
data() {
return {
id: "",//id
cashStatusList, //
loading: true, //
modalVisible: false, //
modalTitle: "", //
result: 'FAIL_AUDITING', //
searchForm: { //
pageNumber: 1, //
pageSize: 10, //
sort: "createTime", //
order: "desc", //
},
handleStatus:'edit',//
form: { //
sn: "",
memberName: "",
price: "",
},
submitLoading: false, //
columns: [
{
title: "客户昵称",
key: "nickName",
minWidth: 200
},
{
title: "成交额",
key: "orderPrice",
minWidth: 120
},
{
title: "佣金总额",
key: "rebatePrice",
minWidth: 120
},
{
title: "订单数",
key: "orderNum",
minWidth: 130
},
{
title: "最近下单时间",
key: "lastLoginDate",
minWidth: 130
},
],
data: [], //
total: 0 //
};
},
methods: {
//
init() {
this.getDataList();
},
//
changePage(v) {
this.searchForm.pageNumber = v;
this.getDataList();
},
//
changePageSize(v) {
this.searchForm.pageSize = v;
this.getDataList();
},
//
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getDataList();
},
//
getDataList() {
this.loading = true;
console.log(this.id);
//
getDistributionMember(this.id,this.searchForm).then(res => {
this.loading = false;
if (res.success) {
this.data = res.result.records;
this.total = res.result.total;
}
});
this.total = this.data.length;
this.loading = false;
},
},
mounted() {
this.id = this.$route.query.id;
this.init();
}
};
</script>

View File

@ -11,7 +11,7 @@
style="width: 200px" style="width: 200px"
/> />
</Form-item> </Form-item>
<Form-item label="分销" prop="distributionName"> <Form-item label="分销" prop="distributionName">
<Input <Input
type="text" type="text"
v-model="searchForm.distributionName" v-model="searchForm.distributionName"
@ -104,7 +104,7 @@
}, },
{ {
title: "分销", title: "分销",
key: "distributionName", key: "distributionName",
tooltip: true, tooltip: true,
minWidth:80, minWidth:80,

View File

@ -1,7 +1,7 @@
<template> <template>
<div style="background-color: #fff;"> <div style="background-color: #fff;">
<Form ref="form" :model="form" :rules="formRule" :label-width="120" style="padding: 10px;"> <Form ref="form" :model="form" :label-width="120" style="padding: 10px;">
<Divider orientation="left">分销设置</Divider> <Divider orientation="left">分销设置</Divider>
<FormItem label="是否开启分销" prop="isOpen"> <FormItem label="是否开启分销" prop="isOpen">
@ -10,12 +10,110 @@
<span slot="close">关闭</span> <span slot="close">关闭</span>
</i-switch> </i-switch>
</FormItem> </FormItem>
<FormItem label="分销关系绑定天数" prop="distributionDay"> <FormItem label="分销层级" prop="level">
<InputNumber :min="1" :max="365" style="width:100px;" v-model="form.distributionDay"></InputNumber> <RadioGroup v-model="form.level" size="large">
<Radio label="1">1</Radio>
<Radio label="2">2</Radio>
</RadioGroup>
</FormItem> </FormItem>
<FormItem label="分销结算天数" prop="cashDay"> <FormItem label="分销模式" prop="mode">
<InputNumber :min="0" :max="365" style="width:100px;" v-model="form.cashDay"></InputNumber> <RadioGroup v-model="form.mode" size="large">
<Radio label="1">指定分销</Radio>
<Radio label="2">人人分销</Radio>
</RadioGroup>
</FormItem> </FormItem>
<FormItem label="分销关系绑定" prop="binding">
<RadioGroup v-model="form.binding" size="large">
<Radio label="ALL">所有用户</Radio>
<Radio label="NEW">新用户</Radio>
</RadioGroup>
</FormItem>
<FormItem label="分销绑定模式" prop="validity">
<RadioGroup v-model="form.validity" size="large">
<Radio label="FOREVER">永久</Radio>
<Radio label="EXP">有效期</Radio>
</RadioGroup>
</FormItem>
<FormItem label="有效期天数" prop="validityDay">
<InputNumber :min="1" :max="365" style="width:200px;" v-model="form.validityDay"></InputNumber>
</FormItem>
<Divider orientation="left">返佣设置</Divider>
<FormItem label="佣金模式" prop="commissionModel">
<RadioGroup v-model="form.commissionModel" size="large">
<Radio label="1">平台承担</Radio>
<Radio label="2">商户承担</Radio>
</RadioGroup>
</FormItem>
<FormItem label="一级佣金比例" prop="firstCommission">
<InputNumber :min="0" :max="100"
v-model="form.firstCommission"
:formatter="value => `${value}%`"
:parser="value => value.replace('%', '')">
</InputNumber>
</FormItem>
<FormItem label="二级佣金比例" prop="secondaryCommission">
<InputNumber :min="0"
:max="100"
v-model="form.secondaryCommission"
:formatter="value => `${value}%`"
:parser="value => value.replace('%', '')">
</InputNumber>
</FormItem>
<FormItem label="自购返佣" prop="selfCommission">
<RadioGroup v-model="form.selfCommission" size="large">
<Radio label="1">开启</Radio>
<Radio label="2">关闭</Radio>
</RadioGroup>
</FormItem>
<FormItem label="推广返佣" prop="promotion">
<RadioGroup v-model="form.promotion" size="large">
<Radio label="1">开启</Radio>
<Radio label="2">关闭</Radio>
</RadioGroup>
</FormItem>
<FormItem label="每日最大推广数量" prop="maxPromotionNum">
<InputNumber :min="0" :max="1000" style="width:200px;" v-model="form.maxPromotionNum"></InputNumber>
</FormItem>
<!-- <Divider orientation="left">提现设置</Divider>-->
<!-- <FormItem label="佣金模式" prop="withdrawalType">-->
<!-- <RadioGroup v-model="form.withdrawalType" type="button" button-style="solid">-->
<!-- <Radio label="1">线下转账</Radio>-->
<!-- <Radio label="2">微信零钱</Radio>-->
<!-- </RadioGroup>-->
<!-- </FormItem>-->
<!-- <FormItem label="提现最低金额" prop="minPrice">-->
<!-- <Input type="number" style="width:200px;" v-model="form.minPrice">-->
<!-- </Input>-->
<!-- </FormItem>-->
<!-- <FormItem label="提现最高金额" prop="maxPrice">-->
<!-- <Input type="number" style="width:200px;" v-model="form.maxPrice">-->
<!-- </Input>-->
<!-- </FormItem>-->
<!-- <FormItem label="提现手续费" prop="fee">-->
<!-- <Input type="number" style="width:200px;" v-model="form.fee">-->
<!-- </Input>-->
<!-- </FormItem>-->
<!-- <FormItem label="是否支持银行卡" prop="withdrawalBank">-->
<!-- <i-switch size="large" v-model="form.withdrawalBank" :true-value="true" :false-value="false">-->
<!-- <span slot="open">开启</span>-->
<!-- <span slot="close">关闭</span>-->
<!-- </i-switch>-->
<!-- </FormItem>-->
<!-- <FormItem label="是否支持微信" prop="withdrawalWechat">-->
<!-- <i-switch size="large" v-model="form.withdrawalWechat" :true-value="true" :false-value="false">-->
<!-- <span slot="open">开启</span>-->
<!-- <span slot="close">关闭</span>-->
<!-- </i-switch>-->
<!-- </FormItem>-->
<!-- <FormItem label="是否支持支付宝" prop="withdrawalAli">-->
<!-- <i-switch size="large" v-model="form.withdrawalAli" :true-value="true" :false-value="false">-->
<!-- <span slot="open">开启</span>-->
<!-- <span slot="close">关闭</span>-->
<!-- </i-switch>-->
<!-- </FormItem>-->
<FormItem> <FormItem>
<Button type="primary" @click="submit"></Button> <Button type="primary" @click="submit"></Button>
</FormItem> </FormItem>
@ -24,8 +122,8 @@
</template> </template>
<script> <script>
import { setSetting, getSetting } from "@/api/index"; import {getSetting, setSetting} from "@/api/index";
import { regular } from "@/utils";
export default { export default {
name: "distributionSetting", name: "distributionSetting",
data() { data() {
@ -33,20 +131,36 @@ export default {
form: { form: {
// //
isOpen: true, isOpen: true,
distributionDay: 0, // level: 1, //
cashDay: 0, // mode: 0, //(/)
binding: "NEW", ///
validity: "FOREVER", ///
validityDay: 0, //
commissionModel: 0, ///
firstCommission: 0, //
secondaryCommission: 0, //
selfCommission: 0, //
promotion: 0, //广
maxPromotionNum: 0, //广
// withdrawalType: 0, //线/
// minPrice: 0, //
// maxPrice: 0, //
// fee: 0, //
// withdrawalBank: false, //
// withdrawalWechat: false, //
// withdrawalAli: false, //
}, },
formRule: { // formRule: {
isOpen: [ // isOpen: [
regular.REQUIRED // regular.REQUIRED
], // ],
distributionDay: [ // distributionDay: [
regular.REQUIRED // regular.REQUIRED
], // ],
cashDay: [ // cashDay: [
regular.REQUIRED // regular.REQUIRED
], // ],
} // }
}; };
}, },
methods: { methods: {

File diff suppressed because it is too large Load Diff

View File

@ -2,71 +2,22 @@
// 统一请求路径前缀在libs/axios.js中修改 // 统一请求路径前缀在libs/axios.js中修改
import {getRequest, postRequest, putRequest, deleteRequest, importRequest, getRequestWithNoToken} from '@/libs/axios'; import {getRequest, postRequest, putRequest, deleteRequest, importRequest, getRequestWithNoToken} from '@/libs/axios';
//获取分销设置
//获取分销商品列表 export const getDistributionSetting = (params) => {
export const getDistributionGoods = (params) => { return getRequest(`/distribution/setting`, params)
return getRequest('/distribution/goods', params)
}
// 取消分销商品
export const distributionGoodsCancel = (id) => {
return deleteRequest(`/distribution/goods/cancel/${id}`)
}
// 选择分销商品
export const distributionGoodsCheck = (id,param) => {
return putRequest(`/distribution/goods/checked/${id}`,param)
}
//查询分销商
export const getDistributionListData = (params) => {
return getRequest('/distribution/getByPage', params)
}
//审核分销商
export const auditDistribution = (id, params) => {
return putRequest(`/distribution/audit/${id}`, params)
}
// 清退分销商
export const retreatDistribution = (id, params) => {
return putRequest(`/distribution/retreat/${id}`, params)
}
// 恢复分销商
export const resumeDistribution = (id, params) => {
return putRequest(`/distribution/resume/${id}`, params)
} }
//保存更新分销设置 //保存更新分销设置
export const saveDistributionSetting = (params) => { export const saveDistributionSetting = (params) => {
return postRequest('/distribution/setting/insertOrUpdate', params) return putRequest('/distribution/setting', params)
} }
//获取分销设置
export const getDistributionSetting = (id, params) => {
return getRequest(`/distribution/setting/get/${id}`, params)
}
//获取分销订单列表 //获取分销订单列表
export const getDistributionOrder = (params) => { export const getDistributionOrder = (params) => {
return getRequest('/distribution/order', params) return getRequest('/distribution/order', params)
} }
//获取分销商品列表
//删除分销商品 export const getDistributionGoods = (params) => {
export const delDistributionGoods = (ids) => { return getRequest('/distribution/goods', params)
return deleteRequest(`/distribution/goods/delByIds/${ids}`)
} }
//获取分销佣金信息
export const getDistributionCash = (params) => {
return getRequest('/distribution/cash/getByPage', params)
}
//审核分销佣金申请
export const auditDistributionCash = (id,params) => {
return postRequest(`/distribution/cash/audit/${id}`, params)
}

View File

@ -26,6 +26,10 @@ export const getSellerFlow = (id, params) => {
export const reconciliation = (id, params) => { export const reconciliation = (id, params) => {
return putRequest(`/order/bill/check/${id}/`, params) return putRequest(`/order/bill/check/${id}/`, params)
} }
//根据id获取店铺信息
export const downloadBill = (id) => {
return getRequest(`/order/bill/downLoad/${id}`, {}, 'blob')
}
// 获取商家分销订单流水分页 // 获取商家分销订单流水分页
export const getDistributionFlow = (id, params) => { export const getDistributionFlow = (id, params) => {

View File

@ -0,0 +1,96 @@
<template>
<div class="search">
<Card style="margin-left: 10px">
<Tabs v-model="type">
<TabPane label="分销设置" name="INFO">
<Form ref="form" :model="form" :label-width="100" >
<FormItem label="是否开启分销" prop="isOpen" class="wangEditor">
<i-switch v-model="form.isOpen"></i-switch>
<span class="desc">开启分销则全店商品具有分销功能</span>
</FormItem>
<FormItem label="一级佣金比例" prop="isOpen">
<InputNumber :min="0" :max="99999" v-model="form.commission" type="number" maxlength="2"
clearable style="width: 20%"/>
</FormItem>
<FormItem label="二级分佣比例" prop="stockWarning">
<InputNumber :min="0" :max="99999" v-model="form.secondaryCommission" type="number"
maxlength="2"
clearable style="width: 20%"/>
</FormItem>
<Form-item>
<Button @click="handleSubmit" :loading="submitLoading" type="primary" style="margin-right: 5px">修改
</Button>
</Form-item>
</Form>
</TabPane>
</Tabs>
</Card>
</div>
</template>
<script>
import {getDistributionSetting, saveDistributionSetting} from "@/api/distribution";
export default {
name: "distributionSetting",
components: {},
data() {
return {
type: "INFO",
form: {
//
isOpen: false, //
commission: 0, //
secondaryCommission: 0, //
},
//
validate: {},
submitLoading: false, //
};
},
methods: {
//
init() {
this.getDistributionSetting();
},
//
getDistributionSetting() {
this.loading = true;
getDistributionSetting().then((res) => {
this.loading = false;
if (res.success) {
this.form = res.result;
}
});
},
//
handleSubmit() {
this.$refs.form.validate((valid) => {
if (valid) {
this.submitLoading = true;
saveDistributionSetting(this.form).then((res) => {
this.submitLoading = false;
if (res.success) {
this.$Message.success("修改成功");
this.getDistributionSetting();
}
});
}
});
},
},
mounted() {
this.init();
},
};
</script>
<style scoped lang="scss">
.desc {
margin-left: 10px;
color: #999;
}
</style>

File diff suppressed because it is too large Load Diff