You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
430 lines
14 KiB
430 lines
14 KiB
<template>
|
|
<view>
|
|
<view class="promotion_bg backcorf06 width100 height90 fcorfff fotct font24 fontspec10">代理商平台</view>
|
|
<view class="promotion_dt width90 height100p backcorfff" @click="jumpRunWater">
|
|
<view class="width100 mart10 fcor333 font14 fontwig6 height22">
|
|
<view class="promotion_xg flleft"></view>
|
|
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
|
|
<view class="flleft promotoin_text font16" style="margin-top: -2px;">今日数据</view>
|
|
<view class="promotion_mixg flleft"></view>
|
|
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
|
|
</view>
|
|
<view class="width90 mart5 height22">
|
|
<view class="width50 flleft font18 fcor333 fontwig6 fotlt">{{agentList.orderCount}}</view>
|
|
<view class="width50 flright font18 fcor333 fontwig6 fotrt">{{agentList.turnoverPrice}}</view>
|
|
</view>
|
|
<view class="width90 mart10">
|
|
<view class="width50 flleft font15 fcor666 fontwig6 fotlt">今日订单</view>
|
|
<view class="width50 flright font15 fcor666 fontwig6 fotrt">今日流水</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="mart70">
|
|
<QSTabs ref="tabs" :tabs="tabs" animationMode="line2" :current="current" @change="change"
|
|
activeColor="#089bf5" lineColor="#089bf5" minWidth="374">
|
|
</QSTabs>
|
|
<view class="line1"></view>
|
|
</view> -->
|
|
|
|
<!-- //库存管理 -->
|
|
<view class="width100" v-if="current == 0">
|
|
<view class="width100 mart20">
|
|
<view class="width90 mart10 fcor333 font14 fontwig6 height22">
|
|
<view class="promotion_xg flleft"></view>
|
|
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
|
|
<view class="flleft promotoin_text font16" style="margin-top: -2px;">库存管理</view>
|
|
<view class="promotion_mixg flleft"></view>
|
|
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
|
|
</view>
|
|
</view>
|
|
<view class="promotion_kc width90 mart10">
|
|
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
|
|
</image>
|
|
<view class="pro_cont paddtop15">
|
|
<view class="flleft font16 fcor333 fontwig6 pro_title">
|
|
剩余库存({{agentList.laveStockCount}})
|
|
</view>
|
|
<view class="pro_price fotrt fcor333 font15 fontwig6">
|
|
总计 ¥{{agentList.surplusCountPrice}}
|
|
</view>
|
|
</view>
|
|
<!-- //循环:class="[index==0?'colorfe':'']" -->
|
|
<view v-if="minepros == ''" class="width90">暂无数据</view>
|
|
<view v-for="(mers,index) in minepros" :key="mers.id" class="pro_mok marb10 colore7"
|
|
@click="jumpAgent(1,mers.couponId,1)">
|
|
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
|
|
面额{{mers.salesPrice}}
|
|
</view>
|
|
<view class="width100 font14 fcor999 fotct mart10">
|
|
{{mers.stockCount}}张
|
|
</view>
|
|
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
|
|
{{mers.salesPrice*mers.stockCount}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- //销售统计 -->
|
|
<view class="width100 mart20">
|
|
<view class="width90 mart10 fcor333 font14 fontwig6 height22">
|
|
<view class="promotion_xg flleft"></view>
|
|
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
|
|
<view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view>
|
|
<view class="promotion_mixg flleft"></view>
|
|
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
|
|
</view>
|
|
</view>
|
|
<view class="promotion_kc width90 mart10">
|
|
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
|
|
</image>
|
|
<view class="pro_cont paddtop15">
|
|
<view class="flleft font16 fcor333 fontwig6 pro_title">
|
|
已销售({{agentList.soldCount}})
|
|
</view>
|
|
<view class="pro_price fotrt fcor333 font15 fontwig6">
|
|
总计 ¥{{agentList.salesCountPrice}}
|
|
</view>
|
|
</view>
|
|
<view v-if="minepros == ''" class="width90">暂无数据</view>
|
|
<!-- //循环 -->
|
|
<view v-for="(mers,index) in minepros" :key="mers.id" class="pro_mok marb10 colore9"
|
|
@click="jumpAgent(2,mers.couponId,1)">
|
|
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
|
|
面额{{mers.salesPrice}}
|
|
</view>
|
|
<view class="width100 font14 fcor999 fotct mart10">
|
|
{{mers.salesCount}}张
|
|
</view>
|
|
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
|
|
{{mers.salesPrice*mers.salesCount}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 兑换码库存 -->
|
|
<view class="width100 mart80" v-if="current == 1">
|
|
<view class="width100 mart20">
|
|
<view class="width90 mart10 fcor333 font14 fontwig6 height22">
|
|
<view class="promotion_xg flleft"></view>
|
|
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
|
|
<view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view>
|
|
<view class="promotion_mixg flleft"></view>
|
|
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
|
|
</view>
|
|
</view>
|
|
<view class="promotion_kc width90 mart10">
|
|
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
|
|
</image>
|
|
<view class="pro_cont paddtop15">
|
|
<view class="flleft font16 fcor333 fontwig6 pro_title">
|
|
待销售({{couponList.noSalesNum}})
|
|
</view>
|
|
<view class="pro_price fotrt fcor333 font15 fontwig6">
|
|
总计 ¥{{couponList.noSalesPrice}}
|
|
</view>
|
|
</view>
|
|
<view v-if="couponCont == ''" class="width90">暂无数据</view>
|
|
<view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore7"
|
|
@click="jumpAgent(1,mers.couponId,2)">
|
|
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
|
|
面额{{mers.salesPrice}}
|
|
</view>
|
|
<view class="width100 font14 fcor999 fotct mart10">
|
|
{{mers.stockCount}}张
|
|
</view>
|
|
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
|
|
{{mers.salesPrice*mers.stockCount}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 兑换码统计 -->
|
|
<!-- <view class="width100 mart20">
|
|
<view class="width90 mart10 fcor333 font14 fontwig6 height22">
|
|
<view class="promotion_xg flleft"></view>
|
|
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
|
|
<view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view>
|
|
<view class="promotion_mixg flleft"></view>
|
|
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
|
|
</view>
|
|
</view> -->
|
|
<view class="promotion_kc width90 mart20">
|
|
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
|
|
</image>
|
|
<view class="pro_cont paddtop15">
|
|
<view class="flleft font16 fcor333 fontwig6 pro_title">
|
|
已销售({{couponList.salesNum}})
|
|
</view>
|
|
<view class="pro_price fotrt fcor333 font15 fontwig6">
|
|
总计 ¥{{couponList.salesPrice}}
|
|
</view>
|
|
</view>
|
|
<view v-if="couponCont == ''" class="width90">暂无数据</view>
|
|
<!-- //循环 -->
|
|
<view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore9"
|
|
@click="jumpAgent(2,mers.couponId,2)">
|
|
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
|
|
面额{{mers.salesPrice}}
|
|
</view>
|
|
<view class="width100 font14 fcor999 fotct mart10">
|
|
{{mers.noUsedNum}}张
|
|
</view>
|
|
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
|
|
{{mers.noUsedPrice}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="width100 mart20">
|
|
<view class="width90 mart10 fcor333 font14 fontwig6 height22">
|
|
<view class="promotion_xg flleft"></view>
|
|
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
|
|
<view class="flleft promotoin_text font16" style="margin-top: -2px;">使用统计</view>
|
|
<view class="promotion_mixg flleft"></view>
|
|
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="promotion_kc width90 mart20">
|
|
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
|
|
</image>
|
|
<view class="pro_cont paddtop15">
|
|
<view class="flleft font16 fcor333 fontwig6 pro_title">
|
|
待使用({{couponList.noUsedNum}})
|
|
</view>
|
|
<view class="pro_price fotrt fcor333 font15 fontwig6">
|
|
总计 ¥{{couponList.noUsedPrice}}
|
|
</view>
|
|
</view>
|
|
<view v-if="couponCont == ''" class="width90">暂无数据</view>
|
|
<view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore7"
|
|
@click="jumpAgent(2,mers.couponId,2)">
|
|
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
|
|
面额{{mers.salesPrice}}
|
|
</view>
|
|
<view class="width100 font14 fcor999 fotct mart10">
|
|
{{mers.noUsedNum}}张
|
|
</view>
|
|
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
|
|
{{mers.noUsedPrice}}
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
<!-- 兑换码统计 -->
|
|
<!-- <view class="width100 mart20">
|
|
<view class="width90 mart10 fcor333 font14 fontwig6 height22">
|
|
<view class="promotion_xg flleft"></view>
|
|
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
|
|
<view class="flleft promotoin_text font16" style="margin-top: -2px;">使用统计</view>
|
|
<view class="promotion_mixg flleft"></view>
|
|
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
|
|
</view>
|
|
</view> -->
|
|
<view class="promotion_kc width90 mart20">
|
|
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
|
|
</image>
|
|
<view class="pro_cont paddtop15">
|
|
<view class="flleft font16 fcor333 fontwig6 pro_title">
|
|
已使用({{couponList.usedNum}})
|
|
</view>
|
|
<view class="pro_price fotrt fcor333 font15 fontwig6">
|
|
总计 ¥{{couponList.usedPrice}}
|
|
</view>
|
|
</view>
|
|
<view v-if="couponCont == ''" class="width90">暂无数据</view>
|
|
<!-- //循环 -->
|
|
<view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore9"
|
|
@click="jumpAgent(2,mers.couponId,3)">
|
|
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
|
|
面额{{mers.salesPrice}}
|
|
</view>
|
|
<view class="width100 font14 fcor999 fotct mart10">
|
|
{{mers.usedNum}}张
|
|
</view>
|
|
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
|
|
{{mers.usedPrice}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="width100 height40p"></view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getAgentCount,
|
|
getAgentConvertCodeCount
|
|
} from "../../../Utils/Api.js";
|
|
import QSTabs from '../../../components/QS-tabs/QS-tabs.vue';
|
|
let app = getApp();
|
|
export default {
|
|
components: {
|
|
QSTabs
|
|
},
|
|
data() {
|
|
return {
|
|
imagewxUrl: app.globalData.imageWxImg,
|
|
imgadres: 'wenj.png',
|
|
agentList: [], //总统计
|
|
minepros: [], //分发数据
|
|
couponList: [], //兑换码数据
|
|
couponCont: [], //卡券数据
|
|
tabs: ["销售码", "兑换码"], //切换操作
|
|
current: 1, //默认
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
// this.getAgentCount(1);
|
|
// this.getAgentConvertCodeCount();
|
|
},
|
|
onShow() {
|
|
this.getAgentCount(1);
|
|
this.getAgentConvertCodeCount();
|
|
},
|
|
methods: {
|
|
//查询代理商信息
|
|
getAgentCount(item) {
|
|
uni.showLoading({
|
|
title: '加载中'
|
|
})
|
|
let datas = {
|
|
type: item
|
|
}
|
|
getAgentCount(datas).then(res => {
|
|
uni.hideLoading();
|
|
if (res.return_code == '000000') {
|
|
this.agentList = res.return_data;
|
|
this.minepros = res.return_data.list;
|
|
} else {
|
|
this.agentList = [];
|
|
this.minepros = [];
|
|
uni.showToast({
|
|
title: res.return_msg,
|
|
icon: "none",
|
|
duration: 2000
|
|
})
|
|
}
|
|
})
|
|
},
|
|
//查询兑换码
|
|
getAgentConvertCodeCount() {
|
|
uni.showLoading({
|
|
title: '加载中'
|
|
})
|
|
getAgentConvertCodeCount().then(res => {
|
|
uni.hideLoading();
|
|
if (res.return_code == '000000' && res.return_data) {
|
|
this.couponList = res.return_data;
|
|
this.couponCont = res.return_data.list;
|
|
} else {
|
|
uni.showToast({
|
|
title: res.return_msg,
|
|
icon: "none",
|
|
duration: 2000
|
|
})
|
|
this.couponList = [];
|
|
this.couponCont = [];
|
|
}
|
|
});
|
|
},
|
|
//筛选
|
|
change(index) {
|
|
this.$refs.tabs.setFinishCurrent(index);
|
|
this.swiperCurrent = index;
|
|
this.current = index;
|
|
if (index == 0) {
|
|
this.getAgentCount(1);
|
|
} else {
|
|
this.getAgentConvertCodeCount();
|
|
}
|
|
},
|
|
//跳转流水
|
|
jumpRunWater() {
|
|
uni.navigateTo({
|
|
url: '../runningWater/runningWater'
|
|
})
|
|
},
|
|
//跳转代理商卡券
|
|
jumpAgent(item, items, itemtype) {
|
|
uni.navigateTo({
|
|
url: '../agentCoupons/agentCoupons?id=' + item + '&couponsId=' + items + '&typeid=' + itemtype
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.promotion_bg {
|
|
position: relative;
|
|
}
|
|
|
|
.promotion_dt {
|
|
position: absolute;
|
|
top: 50px;
|
|
border-radius: 5px;
|
|
box-shadow: 0px 2px 6px 2px #999999;
|
|
}
|
|
|
|
.promotion_xg {
|
|
width: 15px;
|
|
height: 2px;
|
|
margin-top: 8px;
|
|
background-color: #0083f5;
|
|
transform: rotate(100deg);
|
|
}
|
|
|
|
.promotoin_text {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.promotion_mixg {
|
|
width: 10px;
|
|
margin-top: 8px;
|
|
height: 2px;
|
|
background-color: #0083f5;
|
|
transform: rotate(100deg);
|
|
}
|
|
|
|
.promotion_kc {
|
|
padding-bottom: 10px;
|
|
border-radius: 5px;
|
|
box-shadow: 0px 2px 4px 2px #999999;
|
|
}
|
|
|
|
.pro_img {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
|
|
.pro_cont {
|
|
height: 35px;
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.pro_title {
|
|
width: 110px;
|
|
}
|
|
|
|
.pro_price {
|
|
margin-right: 10px;
|
|
margin-left: 110px;
|
|
}
|
|
|
|
.pro_mok {
|
|
height: 95px;
|
|
margin-left: 2.5%;
|
|
width: 30%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.colorfe {
|
|
background-color: #fef7e5;
|
|
}
|
|
|
|
.colore9 {
|
|
background-color: #e9f3ff;
|
|
}
|
|
|
|
.colore7 {
|
|
background-color: #e7fcf3;
|
|
}
|
|
</style>
|
|
|