mall_client/zyhs3_uniapp/pages/user/wallet/index.vue

<template>
	<view>
		<view class="bg-base header color-w flex flex-align-center flex-space-around">
			<view class="flex flex-column flex-center" v-if="type != 3">
				<text class="font30">余额</text>
				<text class="font46" v-if="type === 2">{{walletInfo.distributorBalance||0}}</text>
				<text class="font46" v-else>{{walletInfo.balance||0}}</text>
			</view>
			<view class="flex flex-column flex-center" v-if="type == 3">
				<text class="font30">货款</text>
				<text class="font46">{{myAssetObj.assetAccount}}</text>
			</view>
			<view class="flex flex-column flex-center" v-if="type === 1">
				<text class="font30">积分</text>
				<text class="font46">{{walletInfo.integral||0}}</text>
			</view>
		</view>
		<view class="cell bg-w" v-if="configAppstoreHidePage">
			<view class="flex flex-between cell-item" @tap="zhuanhuan">
				<text class="font30 color-b3">转换消费余额</text>
				<text class="iconfont color-b9 font38">&#xe770;</text>
			</view>
			<!-- <view class="b-l-20"></view>
			<view class="flex flex-between cell-item" @tap="jumpTo('transform')">
				<text class="font30 color-b3">积分转消费券</text>
				<text class="iconfont color-b9 font38">&#xe770;</text>
			</view> -->
		</view>
		<view class="cell bg-w">
			<view class="flex flex-between cell-item" @tap="jumpTo('withdrawalRecord')" v-if="configAppstoreHidePage">
				<text class="font30 color-b3">提现记录</text>
				<text class="iconfont color-b9 font38">&#xe770;</text>
			</view>
			<block v-if="type === 3 && configAppstoreHidePage">
				<view class="b-l-20"></view>
				<view class="flex flex-between cell-item" @tap="jumpTo('/pages/merchants/collection/list')">
					<text class="font30 color-b3">收款记录</text>
					<text class="iconfont color-b9 font38">&#xe770;</text>
				</view>
			</block>
			<view class="b-l-20"></view>
			<view class="flex flex-between cell-item" @tap="jumpTo('flow')">
				<text class="font30 color-b3">流水记录</text>
				<text class="iconfont color-b9 font38">&#xe770;</text>
			</view>
		</view>
	</view>
</template>

<script>
	import url from "@/common/http/url.js"
	import { mapState } from 'vuex'
	import { oldAssetCaseBalance } from '@/api/system/api.js'
	export default{
		data(){
			return {
				// totalMoney:0.00,//总余额
				// jingPingMoney:0,//精品券
				// integralMoney:0.00,//积分余额
				// xiaofeiMoney: 0.00,//消费券余额
				type: 1, // 1-用户， 2-配送员， 3-用户, 4-存托
				walletInfo: {},
				platform: uni.getSystemInfoSync().platform,
				uniPlatform: uni.getSystemInfoSync().uniPlatform,
				configAppstoreHidePage: false,
				assetAccount: 0,
				myAssetObj: {
					assetAccount: 0
				}
			}
		},
		onLoad(opt) {

			if (opt.type){
				this.type = parseInt(opt.type)
				if (this.type == 3) {
					uni.setNavigationBarTitle({
						title: '我的货款'
					})
					// this.assetAccount = opt.assetAccount
				}
			}
		},
		onShow(){
			this.loadData();
		},
		computed: {
			...mapState(["userInfo", "myAsset"])
		},
		methods:{
			zhuanhuan(){
      uni.showModal({
        title: "提示",
        content: '确定要转换么',
        success: e => {
          if (e.confirm) {
            oldAssetCaseBalance('shop-6').then(res => {
							uni.showToast({
                title: '转换成功'
              });
            })
          }
        }
      });
    },
			loadData(){
				if (this.type === 3) {
					this.myAsset.forEach((item) => {
						if (item.assetType == 6) this.myAssetObj = item;
					})
				} else {
					this.$http('GET', url.user.getWalletInfo).then(res =>{
						uni.stopPullDownRefresh();
						this.walletInfo = res.data
					})
				}

				// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
				if (this.platform === "ios" && this.uniPlatform === 'app') {
					this.$http("GET", url.common.appstoreHidePage).then(res => {
						console.log(this.platform)
						if(res.data){
							this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
						}
					})
				}else{//其它设备则显示
					this.configAppstoreHidePage = true
				}

				uni.stopPullDownRefresh()
			},
			jumpTo(path) {
				if (path == 'withdrawal') {
					this.$navigateTo(path+'?type='+this.type + '&assetAccount=' + this.assetAccount)
				} else this.$navigateTo(path+'?type='+this.type)

			}
		},
		onPullDownRefresh() {
			this.loadData();
		}
	}
</script>

<style scoped lang="scss">
	.bg-base {
		background-color: #e9bb85 !important;
	}
	.header{
		width: 690rpx;
		margin-left: 30rpx;
		border-radius: 20rpx;
		padding: 50rpx 0;
	}
	.cell{
		margin-top: 20rpx;
		&-item{
			height: 100rpx;
			padding: 0 20rpx;
		}
	}
</style>