Skip to content

M
mallapp
Commit aed6a493 authored by zhangjianguo's avatar zhangjianguo
Browse files
Options

提现 分销佣金提现明细 推广二维码

parent 41207060
Hide whitespace changes
Inline Side-by-side
Showing with 957 additions and 23 deletions
pages.json
View file @ aed6a493
......@@ -88,6 +88,21 @@
,{
"path" : "pages/share/add/add"
}
,{
"path" : "pages/share/cash/cash"
}
,{
"path" : "pages/share/money/money"
}
,{
"path" : "pages/share/cash-detail/cash-detail"
}
,{
"path" : "pages/share/level/level"
}
,{
"path" : "pages/share/qrcode/qrcode"
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
......
pages/favorite/favorite.vue
View file @ aed6a493
<template>
<view class="favoriteStyle" :style="{'height':contentHeight}" v-if="!isloading">
<u-tabs :list="list" :is-scroll="false" :current="current" @change="change" active-color='#fa3534'></u-tabs>
<u-tabs :list="list" :is-scroll="false" :current="current" @change="change" :active-color='mainColor'></u-tabs>
<template>
<view v-show="current==0" style="
height: calc(100vh - 50px);
......@@ -68,6 +68,7 @@
loading: true,
contentHeight:0,
showAuth:false,
mainColor:'',
list:[
{name: '商品'},
{name: '专题'},
......@@ -83,6 +84,7 @@
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.init()
},
mounted() {
......
pages/share/add/add.vue
View file @ aed6a493
......@@ -138,21 +138,25 @@
},
apply(){
if(this.checked==false){
this.$refs.uToast.show({
title: "请先查看分销协议并同意"
uni.showToast({
title: "请先查看分销协议并同意",
icon: "none"
});
return false
}
if(this.name==''){
this.$refs.uToast.show({
title: "请输入真实姓名"
uni.showToast({
title: "请输入真实姓名",
icon: "none"
});
return false
}
if(this.mobile==''){
this.$refs.uToast.show({
title: "请填写手机号码"
uni.showToast({
title: "请填写手机号码",
icon: "none"
});
return false
}
......
pages/share/cash-detail/cash-detail.vue 0 → 100644
View file @ aed6a493
<template>
<view class="cdetailStyle" :style="{'height':contentHeight}">
<view style="width: 100%;height: 100%;">
<u-tabs :list="list" :is-scroll="false" :current="current" @change="change" :active-color='mainColor' bg-color='#f3f4f6'></u-tabs>
<u-empty v-if="g==''" text="暂无数据" mode="data"></u-empty>
<template v-if="g.length > 0">
<view
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
padding: 10px 0;
">
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }">
<view style="display: flex;flex-direction: column;align-items: center;">
<view v-for="(item, index) in g" :key="index" class="listbox">
<view style="padding: 10px;color: #999;">{{item.date}}</view>
<view class="box_b" v-for="(c, i) in item.list" :key="i">
<view class="box_b_l">
<view style='display: flex;flex-direction: row;align-items: center;'>
<Text>{{c.pay_type}}</Text>
<view class="status">
<Text :style="{'color':mainColor}">{{c.status_text}}</Text>
</view>
</view>
<Text class='text_s'>提现账户：</Text>
<Text class='text_s'>提现时间：{{c.time.created_at}}</Text>
</view>
<view class="box_b_l" style="align-items: flex-end;">
<Text style='font-size: 18px;'>{{c.cash.price}}</Text>
<Text class='text_s' > 手续费{{c.cash.service_charge}}</Text>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
</template>
</view>
<view class="loading" v-if="loading">
<u-loading mode="flower" size="48"></u-loading>
<Text style='color: #fff;margin-top: 10rpx;'>加载中...</Text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "提现明细",
contentHeight:0,
mainColor:'',
secondary:'',
current:0,
g:'',
loading:false,
list:[
{name: '全部'},
{name: '待审核'},
{name: '待打款'},
{name: '已打款'},
{name: '无效'},
],
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
let that = this
that.loading= true;
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header:h,
data: {
r: "api/share/cash-list",
status:that.current-1
},
},
(res) => {
that.loading = false;
uni.hideNavigationBarLoading();
that.g = Object.values(res.data.list) ;
console.log(that.g)
}
);
},
change(index){
this.current = index;
this.init()
}
}
}
</script>
<style>
.cdetailStyle{
background: #f3f4f6;
}
.cdetailStyle .loading{
width: 200rpx;
height: 200rpx;
background: #000000;
opacity: 0.7;
border-radius: 10rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
left: 50%;
top:30%;
margin-left: -100rpx;
z-index: 999;
}
.cdetailStyle .listbox{
width: 94%;
border-radius: 20rpx;
background: #fff;
margin-top: 15px;
}
.cdetailStyle .listbox .box_b{
width: 100%;
padding: 10px;
border-top: 1px solid #f5f5f5;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.listbox .box_b .box_b_l{
display: flex;
flex-direction: column;
}
.box_b .box_b_l .status{
height:20px ;
padding: 0 5px;
border: 1px solid #ff4544;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
margin-left: 5px;
font-size: 14px;
}
.cdetailStyle .text_s{
font-size: 14px;
color: #999999;
margin-top: 3px;
}
</style>
pages/share/cash/cash.vue 0 → 100644
View file @ aed6a493
<template>
<view class="cashStyle" :style="{'height':contentHeight}">
<view class="cashBox">
<view class="cashBox_top">
<Text style='font-size: 18px;margin-top: 10px;'>账户剩余余额：{{money}}元</Text>
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 10px;">
<Text style='font-size: 12px;color:#333 '>今日提现金额无限制</Text>
<view class="rule" :style="{'border-color':mainColor}" @click="show2=true">
<Text :style="{'color':mainColor}">规则</Text>
</view>
</view>
<view style="width: 100%;height: 1px;background: #f5f5f5;margin: 10px 0;"></view>
<view class="tixian">
<view style='display: flex;flex-direction: row;align-items: center;'>
<Text :style="{'color':mainColor,'font-size':'18px'}">￥</Text>
<input class="uni-input" v-model="txmoney" placeholder="请输入提现金额" style="font-size: 16px;margin-left: 5px;"/>
</view>
<Text @click='allmoney'>全部</Text>
</view>
</view>
<view class="txmode">
<Text>提现方式</Text>
<view @click="show=true" style="width: 200px;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;">
<Text>{{txmode}}</Text>
<u-icon name="arrow" color='#9F9F9F'></u-icon>
</view>
</view>
<View class='getapply' :style="{background:mainColor}" @click='getapply'>
<Text>提交申请</Text>
</View>
</view>
<template>
<u-popup v-model="show"
mode="bottom"
border-radius="16"
>
<view class="popupBox">
<view class="popup_top">
<view></view>
<Text>提现方式</Text>
<u-icon name="cross" color='#9F9F9F' @click='show=false' size="40"></u-icon>
</view>
<view class="txtype">
<view class="typeitem" v-for="(item, index) in list" :key="index" >
<Text>{{item.name}}</Text>
<u-radio-group v-model="value">
<u-radio
v-model = 'item.checked'
:active-color="mainColor"
shape="circle"
:name="item.name"
@change="radioChange"
>
</u-radio>
</u-radio-group>
</view>
</view>
</view>
</u-popup>
<u-popup v-model="show2"
mode="center"
border-radius="16"
length="80%"
>
<view style="background: #fff;display: flex;flex-direction: column;align-items: center">
<view style="display: flex;flex-direction: column;align-items: center;padding: 15px;text-align: center;">
<Text >提示</Text>
<Text style='margin-top: 10px;'>今日剩余提現金額=平台毎日可提現金額-今日所有用戸提現金額</Text>
</view>
<view style="width: 100%;height: 1px;background: #f5f5f5;"></view>
<view style="width: 100%;height: 45px;display: flex;align-items: center;justify-content: center;" @click="show2=false">
<Text :style="{'color':mainColor}">我知道了</Text>
</view>
</view>
</u-popup>
</template>
<u-toast ref="uToast" />
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "提现明细",
contentHeight:0,
mainColor:'',
secondary:'',
cash:{},
money:0,
txmoney:'',
txmode:'',
show:false,
show2:false,
list: [
{
name: '微信零钱',
checked: false,
},
],
value:'',
}
},
onLoad(option){
this.money = option.u
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header:h,
data: {
r: "api/share/setting",
},
},
(res) => {
uni.hideNavigationBarLoading()
this.cash = res.msg.config
}
);
},
allmoney(){
this.txmoney = Number(this.money)
},
radioChange(e){
this.txmode = e;
this.show=false
},
getapply(){
// TODO 接口暂无
if(this.txmoney==''){
this.$refs.uToast.show({
title: "请输入提现金额"
});
return false
}
if(this.txmode==''){
this.$refs.uToast.show({
title: "请选择提现方式"
});
return false
}
}
}
}
</script>
<style>
.cashStyle{
background: #f3f4f6;
}
.cashStyle .cashBox{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.cashStyle .cashBox .cashBox_top{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 15px;
background: #fff;
}
.cashStyle .rule{
width: 40px;
height: 24px;
border-radius: 12px;
font-size: 12px;
border:1px solid #ff4544;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;
}
.cashStyle .tixian{
width: 100%;
height: 70px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.cashStyle .txmode{
width: 100%;
height: 70px;
padding:0 15px;
background: #fff;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.cashStyle .getapply{
width: 94%;
height: 45px;
border-radius: 22.5px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-top: 20px;
}
.cashStyle .popupBox{
width: 100%;
padding-bottom: 15px;
}
.popupBox .popup_top{
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 15px;
}
.popupBox .txtype{
}
.cashStyle .typeitem{
padding: 15px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-top:1px solid #f5f5f5
}
</style>
pages/share/index/index.vue
View file @ aed6a493
......@@ -7,7 +7,7 @@
<Text>立即前往</Text>
</view>
</view>
<view style="width: 100%;height: 100%;">
<view style="width: 100%;height: 100%;" v-if="sharestatus.is_can_apply==false && sharestatus.status==1">
<view class="sharebox_top" :style="{background:mainColor}">
<view class="sharebox_top_t">
<view class="top_t_l">
......@@ -15,21 +15,24 @@
<view style="display: flex;flex-direction: column;color: #fff;margin-left: 5px;">
<Text style='font-size: 16px;'>{{sharestatus.share.name}}</Text>
<Text>推荐人：{{userinfo.identity.parent_name}}</Text>
<Text>分销等级：{{sharestatus.share.level==1?'分销商':''}}</Text>
<Text>分销等级：{{orderdata.level_name}}</Text>
</view>
</view>
<view style="display: flex;flex-direction: row;align-items: center;color: #fff;">
<view style="display: flex;flex-direction: row;align-items: center;color: #fff;" @click="goUrl('/pages/share/level/level')">
<Text>升级条件</Text>
<u-icon name="arrow" color='#fff'></u-icon>
</view>
</view>
<view style="width: 100%;height: 1px;background: #fff;margin: 10px 0;"></view>
<!-- TODO 字段不对 -->
<view class="sharebox_top_t">
<view style="display: flex;flex-direction: column;color: #fff;">
<Text>可提现佣金</Text>
<Text style='font-size: 18px;'>{{sharestatus.share.money}} <Text style='font-size: 14px;'>元</Text> </Text>
<Text style='font-size: 22px;'>{{orderdata.money}} <Text style='font-size: 14px;'>元</Text> </Text>
</view>
<view style="width: 55px;height: 30px;border-radius: 15px;border:1px solid #fff;display: flex;align-items: center;justify-content: center;color: #fff;">
<view style="width: 55px;height: 30px;border-radius: 15px;border:1px solid #fff;display: flex;align-items: center;justify-content: center;color: #fff;"
@click="goUrl2('/pages/share/cash/cash')"
>
<Text>提现</Text>
</view>
</view>
......@@ -37,16 +40,44 @@
<view class="sharebox_c">
<view class="center_item">
<Text style='color: #57AC4F;font-size: 14px;'>已提现佣金</Text>
<Text>{{sharestatus.share.total_money - sharestatus.share.money}}元</Text>
<Text>{{orderdata.cash_money}}元</Text>
</view>
<view style="width: 2px;height: 60px;background: #f5f5f5;"></view>
<view class="center_item">
<Text :style="{color:secondary,fontSize:'14px'}">未结算佣金</Text>
<Text>{{sharestatus.share.total_money - sharestatus.share.money}}元</Text>
<Text>{{orderdata.un_pay}}元</Text>
</view>
</view>
<view class="sharebox_menus">
<view class="menus_item"></view>
<view class="sharebox_menus" >
<view class="menus_item" @click="goUrl('/pages/share/money/money')">
<image :src="sharemenus.money.icon" style="width: 30px;" mode='widthFix'></image>
<Text class='item_text'>{{sharemenus.money.name}}</Text>
<Text><Text :style="{color:mainColor}">{{orderdata.total_money}}</Text>元</Text>
</view>
<view class="menus_item" @click="goUrl(sharemenus.order.url)">
<image :src="sharemenus.order.icon" style="width: 30px;" mode='widthFix'></image>
<Text class='item_text'>{{sharemenus.order.name}}</Text>
<Text><Text :style="{color:mainColor}">{{orderdata.order_money}}</Text>元</Text>
</view>
<view class="menus_item" @click="goUrl('/pages/share/cash-detail/cash-detail')">
<image :src="sharemenus.cash.icon" style="width: 30px;" mode='widthFix'></image>
<Text class='item_text'>{{sharemenus.cash.name}}</Text>
<Text><Text :style="{color:mainColor}">{{orderdata.total_cash}}</Text>元</Text>
</view>
<view class="menus_item" @click="goUrl(sharemenus.team.url)">
<image :src="sharemenus.team.icon" style="width: 30px;" mode='widthFix'></image>
<Text class='item_text'>{{sharemenus.team.name}}</Text>
<Text><Text :style="{color:mainColor}">{{orderdata.team_count}}</Text>人</Text>
</view>
<view class="menus_item" @click="goUrl('/pages/share/qrcode/qrcode')">
<image :src="sharemenus.qrcode.icon" style="width: 30px;" mode='widthFix'></image>
<Text class='item_text'>{{sharemenus.qrcode.name}}</Text>
</view>
</view>
</view>
......@@ -69,6 +100,8 @@
secondary:'',
sharestatus:{},
userinfo:{},
sharemenus:{},
orderdata:{},
}
},
created(){
......@@ -77,6 +110,7 @@
this.secondary = this.$uiConfig.secondary;
this.init()
this.getuserinfo()
},
mounted() {
let currentPages = getCurrentPages();
......@@ -84,6 +118,10 @@
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
this.sharemenus = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").share_setting_custom.menus
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
......@@ -125,6 +163,9 @@
(res) => {
uni.hideNavigationBarLoading()
this.sharestatus = res.data
if(res.data.is_can_apply==false && res.data.status==1){
this.getorder()
}
}
);
},
......@@ -148,11 +189,44 @@
}
);
},
goaddurl(){
uni.navigateTo({
url: "/pages/share/add/add?u=" + encodeURIComponent(JSON.stringify(this.userinfo)),
});
}
getorder(){
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header:h,
data: {
r: "api/share/index",
},
},
(res) => {
uni.hideNavigationBarLoading()
this.orderdata = res.data.list
}
);
},
goaddurl(){
uni.navigateTo({
url: "/pages/share/add/add?u=" + encodeURIComponent(JSON.stringify(this.userinfo)),
});
},
goUrl(url){
console.log(url)
uni.navigateTo({
url: url
});
},
goUrl2(url){
let amount = this.orderdata.money
uni.navigateTo({
url: url+'?u='+ amount
});
}
}
}
</script>
......@@ -220,10 +294,18 @@
flex-direction: row;
align-items: center;
flex-wrap: wrap;
padding: 10px 20px;
padding: 10px 0;
margin-top: 10px;
}
.sharebox_menus .menus_item{
width: 33%;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 0;
}
.sharebox_menus .menus_item .item_text{
font-size: 13px;
margin: 5px 0;
}
</style>
pages/share/level/level.vue 0 → 100644
View file @ aed6a493
<template>
<view :style="{'height':contentHeight}">
<image :src="level_bg" v-if="level=='' " style="width: 100%;height: 100%;">
</image>
<view v-if="level!=''">
<!-- TODO暂不知道升级内容 -->
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "升级条件",
contentHeight:0,
mainColor:'',
secondary:'',
level:'',
level_bg:'',
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
this.level_bg = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").__wxapp_img.share.no_level_bg
: '';
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header:h,
data: {
r: "api/share/level",
},
},
(res) => {
uni.hideNavigationBarLoading()
this.level = res.data.list
}
);
},
}
}
</script>
<style>
</style>
pages/share/money/money.vue 0 → 100644
View file @ aed6a493
<template>
<view class="shareMoneyStyle" :style="{'height':contentHeight}">
<view class="box">
<view class="box_top" :style="{background:mainColor}">
<view class="box_tl">
<Text>分销佣金</Text>
<Text style='font-size: 22px;'>{{money.total_money}}元</Text>
</view>
<view class="box_tr" @click="gocash()">
<Text>提现明细</Text>
</view>
</view>
<view class="kti" style="height: 50px;">
<Text>可提现金佣金</Text>
<Text class='moneytext'>{{money.money}}元</Text>
</view>
<view class="ofmoney">
<view class="ofmoneyitem" style="border-bottom: 1px solid #f5f5f5;">
<Text>已提现佣金</Text>
<Text class='moneytext'>{{money.cash_money}}元</Text>
</view>
<view class="ofmoneyitem" style="border-bottom: 1px solid #f5f5f5;">
<Text>待打款佣金</Text>
<Text class='moneytext'>{{money.un_pay}}元</Text>
</view>
</view>
<view class="kti" style="margin-top: 15px">
<!-- <Text>用户须知</Text> -->
<u-collapse style='width: 100%;'>
<u-collapse-item title="用户须知" >
<!-- TODO无数据 -->
</u-collapse-item>
</u-collapse>
</view>
<View class='getapply' :style="{background:mainColor}" @click='tixian'>
<Text>提现</Text>
</View>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "分销佣金",
contentHeight:0,
mainColor:'',
secondary:'',
money:{},
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header:h,
data: {
r: "api/share/brokerage",
},
},
(res) => {
uni.hideNavigationBarLoading()
this.money = res.data.list
}
);
},
tixian(){
let amount = this.money.money
uni.navigateTo({
url: '/pages/share/cash/cash?u='+ amount
});
},
gocash(){
uni.navigateTo({
url: '/pages/share/cash-detail/cash-detail'
});
}
}
}
</script>
<style>
.shareMoneyStyle{
background: #f3f4f6;
}
.shareMoneyStyle .box{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.shareMoneyStyle .getapply{
width: 94%;
height: 45px;
border-radius: 22.5px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-top: 20px;
}
.shareMoneyStyle .box_top{
width: 100%;
padding: 15px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.shareMoneyStyle .box_top .box_tl{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 60px;
color: #fff;
}
.shareMoneyStyle .box_top .box_tr{
width: 90px;
height: 26px;
border: 1px solid #fff;
color: #fff;
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
}
.shareMoneyStyle .kti{
background: #fff;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 15px;
}
.shareMoneyStyle .moneytext{
font-size: 16px;
color: #666666;
}
.shareMoneyStyle .ofmoney{
width: 100%;
padding: 0 15px;
background: #fff;
margin-top: 15px;
}
.shareMoneyStyle .ofmoneyitem{
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height:50px;
justify-content: space-between;
}
</style>
pages/share/qrcode/qrcode.vue 0 → 100644
View file @ aed6a493
<template>
<view class="qrcodeStyle" :style="{'height':contentHeight}">
<view style="width: 70%;margin-left: 15%;">
<image :src="qrcode.pic_url" style="width: 100%;" mode='widthFix'></image>
</view>
<view class="btn" :style="{background:mainColor}" @click="preservation">
<Text>保存图片分享赚钱</Text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "推广二维码",
contentHeight:0,
mainColor:'',
qrcode:'',
}
},created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header:h,
data: {
r: "api/qrcode/share",
},
},
(res) => {
uni.hideNavigationBarLoading()
this.qrcode = res.data;
}
);
},
preservation(){
console.log('保存')
uni.downloadFile({
url: this.qrcode.pic_url,
success: (res) =>{
if (res.statusCode === 200){
console.log(res)
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function() {
uni.showToast({
title: "保存成功",
icon: "none"
});
},
fail: function() {
uni.showToast({
title: "保存失败，请稍后重试",
icon: "none"
});
}
});
}
}
})
}
}
}
</script>
<style>
.qrcodeStyle{
background: #f3f4f6;
}
.qrcodeStyle .btn{
width: 80%;
height: 50px;
border-radius: 25px;
color: #fff;
margin-left: 10%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment