1365 lines
31 KiB
Vue
1365 lines
31 KiB
Vue
|
<template>
|
|||
|
|
<view class="mine-container" :style="{ height: `${windowHeight}px` }">
|
|||
|
|
<u-navbar @leftClick="handlerRight" title="我的资产" :titleStyle="{ color: '#000' }" :border="false"
|
|||
|
|
:placeholder="true" leftIconColor="#000"></u-navbar>
|
|||
|
|
<!-- 顶部卡片START -->
|
|||
|
|
|
|||
|
|
<view class="top-top flex-between">
|
|||
|
|
<view class="top-top-left flex">
|
|||
|
|
<view class="title">
|
|||
|
|
尊敬的：
|
|||
|
|
</view>
|
|||
|
|
<view class="name">
|
|||
|
|
{{nickname}}
|
|||
|
|
</view>
|
|||
|
|
<view class="real-box" v-if="authenticationShow != 1" @click="goAuthentication('/pages/user/authentication/authentication')">
|
|||
|
|
<view class="img-1">
|
|||
|
|
<image
|
|||
|
|
src="@/static/newBinLang/wode/SketchPngaaafd3e35248fe3788122ce6bef0f7dd5cd2c0e55cc4f89214ada25eb3b7e591.png" />
|
|||
|
|
</view>
|
|||
|
|
<view class="t">
|
|||
|
|
未实名
|
|||
|
|
</view>
|
|||
|
|
<view class="img-2">
|
|||
|
|
<image
|
|||
|
|
src="@/static/newBinLang/wode/SketchPng5a64799ecd89b4cc1d9260ffc7d00224a524dd6dbab17334b0c8435dbac3cde5.png" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 资产概览（从 myAsset.vue 迁移） -->
|
|||
|
|
<view class="top-box">
|
|||
|
|
<view class="top-row">
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
消费额
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_10}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="grp">
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
消费券
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_9}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="grp">
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
消费金
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_16}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 第二行 -->
|
|||
|
|
<view class="top-row row-next">
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
消费金
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_16}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
槟果
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{dataInfo.myInteger}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
个
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 第二行 -->
|
|||
|
|
<view class="top-row row-next">
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
冻结资产
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_14}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
补贴
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_12}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col" v-if="assetMap.asset_8!=-1">
|
|||
|
|
<view class="title">
|
|||
|
|
分红额
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_8}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="top-row row-next">
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
我的槟榔
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetInfo.assetTree}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
棵
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
获赠棵数
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetInfo.giveAssetTree}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
棵
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
槟榔收益
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_13}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- <view class="asset-card">
|
|||
|
|
<view class="hazelnut-card">
|
|||
|
|
<view class="bl-title">
|
|||
|
|
<view class="card-title">槟榔资产</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="middle-section">
|
|||
|
|
<view class="bl-item">
|
|||
|
|
<view class="name">
|
|||
|
|
我的槟榔:
|
|||
|
|
</view>
|
|||
|
|
<view class="count_box" v-if="pageload">
|
|||
|
|
<view class="count">
|
|||
|
|
{{assetInfo.assetTree}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
棵
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="" v-else>正在获取中...</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="bl-item">
|
|||
|
|
<view class="name">
|
|||
|
|
获赠棵数:
|
|||
|
|
</view>
|
|||
|
|
<view class="count_box" v-if="pageload">
|
|||
|
|
<view class="count">
|
|||
|
|
{{assetInfo.giveAssetTree}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
棵
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="" v-else>正在获取中...</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="bl-item">
|
|||
|
|
<view class="name">
|
|||
|
|
槟榔收益:
|
|||
|
|
</view>
|
|||
|
|
<view class="count_box" v-if="pageload">
|
|||
|
|
<view class="count">
|
|||
|
|
{{assetMap.asset_13}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="" v-else>正在获取中...</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="gap"></view>
|
|||
|
|
<view class="hazelnut-card">
|
|||
|
|
<view class="bg-title">
|
|||
|
|
<view class="card-title">我的槟果</view>
|
|||
|
|
<view class="count_box">
|
|||
|
|
<view class="count">
|
|||
|
|
{{dataInfo.myInteger}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
个
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="middle-section">
|
|||
|
|
<view class="asset-info">
|
|||
|
|
<view class="info-item">槟果价格：</view>
|
|||
|
|
<view class="value" v-if="pageload">
|
|||
|
|
¥ {{dataInfo.integerWorth}}
|
|||
|
|
</view>
|
|||
|
|
<view v-else>正在获取中...</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="asset-info">
|
|||
|
|
<view class="info-item">可兑总价：</view>
|
|||
|
|
<view class="value" v-if="pageload">
|
|||
|
|
¥ {{dataInfo.totalWorth}}
|
|||
|
|
</view>
|
|||
|
|
<view v-else>正在获取中...</view>
|
|||
|
|
</view>
|
|||
|
|
<u-button
|
|||
|
|
type="warning"
|
|||
|
|
shape="circle"
|
|||
|
|
size="normal"
|
|||
|
|
:custom-style="{ background: '#ff9e44', border: 'none', fontSize: '24rpx',margin: '15rpx 0 0',width: '40%' }"
|
|||
|
|
@click="onPointsExchange"
|
|||
|
|
>
|
|||
|
|
闪兑
|
|||
|
|
</u-button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- <view class="binglang-row row-next">
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
我的槟榔
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_14}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
棵
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
获赠棵数
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{dataInfo.myInteger}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
棵
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="row1-col">
|
|||
|
|
<view class="title">
|
|||
|
|
槟榔收益
|
|||
|
|
</view>
|
|||
|
|
<view class="price-group">
|
|||
|
|
<view class="price">
|
|||
|
|
{{assetMap.asset_14}}
|
|||
|
|
</view>
|
|||
|
|
<view class="unit">
|
|||
|
|
棵
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
|
|||
|
|
<!-- 中间的银行卡,提现申请（从 myAsset.vue 迁移） -->
|
|||
|
|
<view class="zhong-box">
|
|||
|
|
<view class="item" v-for="(item,i) in navList" :key="i" @click="goto(item.path)">
|
|||
|
|
<view class="item-group">
|
|||
|
|
<image :src="item.icon" mode=""></image>
|
|||
|
|
<view>
|
|||
|
|
{{item.name}}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="handle-box">
|
|||
|
|
<view class="handle-detail">
|
|||
|
|
<view class="handle-item" @click="goto(item.path)" v-for="(item,index) in otherList" :key="index">
|
|||
|
|
<view class="item-box">
|
|||
|
|
<view class="item-icon">
|
|||
|
|
<image :src="item.icon" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="handle-name">
|
|||
|
|
{{ item.name }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="item-right">
|
|||
|
|
<image class="right" src="@/static/back.png" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 顶部卡片END -->
|
|||
|
|
<view class="container">
|
|||
|
|
<!-- 按钮组START -->
|
|||
|
|
<view class="btn_group">
|
|||
|
|
<view class="title">其他服务</view>
|
|||
|
|
<u-gap height="10"></u-gap>
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="item" v-for="(v, i) in icons" :key="i" @click="handleBuilding(v.link)">
|
|||
|
|
<view class="icon">
|
|||
|
|
<image :src="v.icon" mode="heightFix" />
|
|||
|
|
</view>
|
|||
|
|
<view class="name">{{ v.name }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 按钮组END -->
|
|||
|
|
</view>
|
|||
|
|
<!-- 代理等级 -->
|
|||
|
|
<u-popup :show="dldjShow" mode="center" round="10">
|
|||
|
|
<view class="dldj-box">
|
|||
|
|
<view class="dldj-title">{{ dlInfo.status == 0?'代理等级申请中':dlInfo.status == 1? '代理等级申请被驳回':'申请代理等级' }}
|
|||
|
|
</view>
|
|||
|
|
<view class="dldj-input" @click="dlPickerShow = true">
|
|||
|
|
<text>
|
|||
|
|
{{dlLevel != null ? agency_level.find(i => i.dictValue == dlLevel).dictLabel || '请选择':'请选择' }}
|
|||
|
|
</text>
|
|||
|
|
<u-icon name="arrow-right" size="12"></u-icon>
|
|||
|
|
</view>
|
|||
|
|
<view class="dldj-btns">
|
|||
|
|
<u-button size="mini" :text="dlInfo.status == 0? '修改申请':'申请' " type="success"
|
|||
|
|
@click="applyBlAgency"></u-button>
|
|||
|
|
<u-button size="mini" text="关闭" type="info" @click="closeDldj"></u-button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</u-popup>
|
|||
|
|
<u-picker v-if="agency_level.length" :show="dlPickerShow" :columns="[agency_level.slice(1)]" keyName="dictLabel"
|
|||
|
|
@confirm="dlConfirm" @cancel="dlPickerShow = false"></u-picker>
|
|||
|
|
|
|||
|
|
<!-- 兑付资产、补贴转余额、消费金转余额输入框 -->
|
|||
|
|
<uni-popup ref="inputDialog" type="dialog">
|
|||
|
|
<uni-popup-dialog mode="input" v-model="moneyToBalance" :title="dialogTitle" placeholder="请输入兑换资产数量" @confirm="dialogInputConfirm">
|
|||
|
|
</uni-popup-dialog>
|
|||
|
|
</uni-popup>
|
|||
|
|
<!-- 输入框示例（绑定银行卡与提现） -->
|
|||
|
|
<uni-popup ref="inputDialogRef" type="dialog">
|
|||
|
|
<uni-popup-dialog mode="input" :title="dialogTitle" placeholder="请输入兑换资产数量" @confirm="dialogInputConfirm">
|
|||
|
|
<view style="width:100%;display: flex;text-align: center;align-items: center;flex-direction: column;">
|
|||
|
|
<uni-easyinput disabled style="margin-top: 20rpx;" trim="all" @click="showBank=true"
|
|||
|
|
v-model="cashInfo.bankName" placeholder="请选择开户行"></uni-easyinput>
|
|||
|
|
<uni-easyinput style="margin-top: 10rpx;" trim="all" v-model="cashInfo.changeMoney"
|
|||
|
|
placeholder="请输入金额"></uni-easyinput>
|
|||
|
|
</view>
|
|||
|
|
</uni-popup-dialog>
|
|||
|
|
</uni-popup>
|
|||
|
|
<u-action-sheet :show="showBank" :actions="bankList" title="请选择提现开户行" @close="showBank = false"
|
|||
|
|
@select="handlerBank">
|
|||
|
|
</u-action-sheet>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import storage from "@/utils/storage";
|
|||
|
|
import {
|
|||
|
|
getMyAsset,
|
|||
|
|
authenticationApi,
|
|||
|
|
integerInfo,
|
|||
|
|
countIntegerPriceApi,
|
|||
|
|
myAssetDetail,
|
|||
|
|
balanceCaseApply,
|
|||
|
|
caseTree2Balance,
|
|||
|
|
caseWared2Balance,
|
|||
|
|
fund2Balance
|
|||
|
|
} from "@/api/system/api.js";
|
|||
|
|
import {
|
|||
|
|
getBankList
|
|||
|
|
} from '@/api/system/user.js';
|
|||
|
|
import {
|
|||
|
|
mapMutations
|
|||
|
|
} from "vuex";
|
|||
|
|
import url from "../../common/http/url";
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
icons: [
|
|||
|
|
{
|
|||
|
|
icon: require("@/static/newBinLang/wode/dakuan@2x.png"),
|
|||
|
|
name: "打款",
|
|||
|
|
link: "/pages/licai/mine/recharge/recharge?assetType=10",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
icon: require("@/static/newBinLang/wode/goumaijilu@2x.png"),
|
|||
|
|
name: "购买记录",
|
|||
|
|
link: "/pages/home/myService/buyLog?quYv="+7,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
icon: require("@/static/newBinLang/wode/fenhongshouyi@2x.png"),
|
|||
|
|
name: "分红收益",
|
|||
|
|
// link: "/pages/home/myService/recored?changeReason=分红收益",
|
|||
|
|
link: "/pages/home/myService/recored?changeType=24",
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
authenticationShow: 2,
|
|||
|
|
balance: 0,
|
|||
|
|
pageload: false,
|
|||
|
|
chuzhonggao: 0,
|
|||
|
|
tuiguang: 0,
|
|||
|
|
agencyLevel: 0,
|
|||
|
|
statistics: {
|
|||
|
|
ljNum: 0,
|
|||
|
|
},
|
|||
|
|
assetInfo: {},
|
|||
|
|
teamInfo: {},
|
|||
|
|
ljTeamInfo: {},
|
|||
|
|
platformInfo: {
|
|||
|
|
count: 0,
|
|||
|
|
plants: 0,
|
|||
|
|
},
|
|||
|
|
assetMap: {
|
|||
|
|
"asset_8": -1,
|
|||
|
|
"asset_13": 0,
|
|||
|
|
"asset_12": 0,
|
|||
|
|
"asset_9": 0,
|
|||
|
|
"asset_15": 0,
|
|||
|
|
"asset_10": 0,
|
|||
|
|
"asset_11": 0,
|
|||
|
|
"asset_14": 0,
|
|||
|
|
"asset_16": 0,
|
|||
|
|
"asset_99": 0
|
|||
|
|
},
|
|||
|
|
navList: [{
|
|||
|
|
name: "银行卡",
|
|||
|
|
path: "/pages/licai/mine/account/bankList?use=2",
|
|||
|
|
icon: require("@/static/newBinLang/asset/yinhangka@2x.png"),
|
|||
|
|
bgColor: "rgb(16, 160, 244)",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "绑定银行卡",
|
|||
|
|
path: "/pages/licai/mine/account/bindBank?use=2",
|
|||
|
|
icon: require("@/static/newBinLang/asset/bangdingyinhangka@2x.png"),
|
|||
|
|
bgColor: "rgb(16, 160, 244)",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "提现申请",
|
|||
|
|
path: "cashBalance",
|
|||
|
|
icon: require("@/static/newBinLang/asset/tixianshenqing@2x.png"),
|
|||
|
|
bgColor: "rgb(11, 190, 60)",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "余额转账",
|
|||
|
|
path: "/pages/licai/mine/account/change?asstype=10",
|
|||
|
|
icon: require("@/static/newBinLang/asset/yuezhuanzhang@2x.png"),
|
|||
|
|
bgColor: "rgb(11, 190, 60)",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
otherList: [{
|
|||
|
|
name: "资产变更记录",
|
|||
|
|
path: "/pages/home/myService/recored",
|
|||
|
|
icon: require("@/static/newBinLang/asset/zichanbiangeng@2x.png"),
|
|||
|
|
bgColor: "rgb(11, 190, 160)",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "兑付资产转余额",
|
|||
|
|
path: "tree2Balance",
|
|||
|
|
icon: require("@/static/newBinLang/asset/duifuzichanzhuan@2x.png"),
|
|||
|
|
bgColor: "rgb(11, 190, 60)",
|
|||
|
|
}, {
|
|||
|
|
name: "补贴转余额",
|
|||
|
|
path: "caseWared2Balance",
|
|||
|
|
icon: require("@/static/newBinLang/asset/jiangjinzichanzhuan@2x.png"),
|
|||
|
|
bgColor: "rgb(11, 190, 60)",
|
|||
|
|
},{
|
|||
|
|
name: "消费券转账",
|
|||
|
|
// path: "fund2Balance",
|
|||
|
|
path: "/pages/licai/mine/account/change?asstype=9",
|
|||
|
|
icon: require("@/static/newBinLang/asset/xfjzhuan@2x.png"),
|
|||
|
|
bgColor: "rgb(11, 190, 60)",
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
showBank: false,
|
|||
|
|
bankList: [],
|
|||
|
|
cashInfo: {
|
|||
|
|
bankName: '',
|
|||
|
|
bankId: '',
|
|||
|
|
changeMoney: ''
|
|||
|
|
},
|
|||
|
|
name: this.$store.state.user.name,
|
|||
|
|
// version: getApp().globalData.config.appInfo.version,
|
|||
|
|
userInfo: JSON.parse(uni.getStorageSync("App-UserInfo")),
|
|||
|
|
abc_level: [],
|
|||
|
|
agency_level: [],
|
|||
|
|
dldjShow: false,
|
|||
|
|
dlInfo: {},
|
|||
|
|
dlLevel: null,
|
|||
|
|
dlPickerShow: false,
|
|||
|
|
dataInfo:{
|
|||
|
|
integerWorth:0,
|
|||
|
|
myInteger:0,
|
|||
|
|
totalWorth:0
|
|||
|
|
},
|
|||
|
|
dialogTitle: "",
|
|||
|
|
cashType: "",
|
|||
|
|
integerInputValue: "",
|
|||
|
|
authInfo: {},
|
|||
|
|
moneyToBalance: '',
|
|||
|
|
cashAwardInfo: {
|
|||
|
|
handleType: 1,
|
|||
|
|
changeMoney: ''
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
avatar() {
|
|||
|
|
return this.$store.state.user.avatar;
|
|||
|
|
},
|
|||
|
|
windowHeight() {
|
|||
|
|
// return uni.getSystemInfoSync().windowHeight - 50;
|
|||
|
|
},
|
|||
|
|
integerExchangeWorth(){
|
|||
|
|
const price = parseFloat(this.dataInfo && this.dataInfo.integerWorth || 0) || 0
|
|||
|
|
const count = parseFloat(this.integerInputValue || 0) || 0
|
|||
|
|
const total = price * count
|
|||
|
|
return (Math.ceil(total * 100) / 100).toFixed(2)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
let userInfo = uni.getStorageSync("userInfo") || {nickname:''};
|
|||
|
|
this.nickname = userInfo.nickname
|
|||
|
|
},
|
|||
|
|
async onShow() {
|
|||
|
|
await this.checkToken()
|
|||
|
|
await this.authentication()
|
|||
|
|
await this.getData() // 槟果资产
|
|||
|
|
await this.getMyAssetApi() // 槟榔树资产
|
|||
|
|
await this.getAssetList() // 资产列表
|
|||
|
|
await this.getMyBindBank() // 获取我的绑定银行卡
|
|||
|
|
this.pageload = true
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
this.getMyBindBank()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getData(){
|
|||
|
|
integerInfo().then((res)=>{
|
|||
|
|
this.dataInfo = res
|
|||
|
|
let totalWorth = res.integerWorth * res.myInteger
|
|||
|
|
this.dataInfo.totalWorth = (Math.ceil(totalWorth * 100) / 100).toFixed(2)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handlerRight() {
|
|||
|
|
// uni.navigateTo({
|
|||
|
|
// url: '/pages/user/index'
|
|||
|
|
// })
|
|||
|
|
uni.navigateBack({
|
|||
|
|
delta: 1
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
...mapMutations(["logout"]),
|
|||
|
|
//就是点击下边四个tab的时候调用一下这个接口，返回false的话就调用一下退出登录，给他退掉
|
|||
|
|
checkToken() {
|
|||
|
|
this.$http("GET", "/user/userCache").then((res) => {
|
|||
|
|
if (!res.data) {
|
|||
|
|
this.logout();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async getMyBindBank() {
|
|||
|
|
let { rows } = await getBankList();
|
|||
|
|
rows.forEach(x => { x.name = x.bankLabel + x.bankCardNumber });
|
|||
|
|
this.bankList = rows
|
|||
|
|
},
|
|||
|
|
handlerBank(e) {
|
|||
|
|
this.cashInfo.bankId = e.id;
|
|||
|
|
this.cashInfo.bankName = e.name;
|
|||
|
|
this.$refs.inputDialogRef.open()
|
|||
|
|
},
|
|||
|
|
async getMyAssetApi() {
|
|||
|
|
let res = await getMyAsset();
|
|||
|
|
this.assetInfo = res
|
|||
|
|
},
|
|||
|
|
async authentication() {
|
|||
|
|
let res = await authenticationApi();
|
|||
|
|
this.authInfo = res
|
|||
|
|
this.authenticationShow = res.status
|
|||
|
|
this.why = res.why
|
|||
|
|
},
|
|||
|
|
handleToInfo() {
|
|||
|
|
// console.log("1")
|
|||
|
|
this.$tab.navigateTo("/pages/licai/mine/info/index");
|
|||
|
|
},
|
|||
|
|
handleToEditInfo() {
|
|||
|
|
console.log("1");
|
|||
|
|
// this.$tab.navigateTo('/pages/licai/mine/info /edit')
|
|||
|
|
},
|
|||
|
|
handleToSetting() {
|
|||
|
|
this.$tab.navigateTo("/pages/licai/mine/setting/index");
|
|||
|
|
},
|
|||
|
|
handleToLogin() {
|
|||
|
|
console.log("1");
|
|||
|
|
// this.$tab.reLaunch('/pages/licai/login')
|
|||
|
|
},
|
|||
|
|
handleToAvatar() {
|
|||
|
|
this.$tab.navigateTo("/pages/licai/mine/avatar/index");
|
|||
|
|
},
|
|||
|
|
handleLogout() {
|
|||
|
|
this.$modal.confirm("确定注销并退出系统吗？").then(() => {
|
|||
|
|
this.$store.dispatch("LogOut").then(() => {
|
|||
|
|
this.$tab.reLaunch("/pages/licai/index");
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
handleHelp() {
|
|||
|
|
this.$tab.navigateTo("/pages/licai/mine/help/index");
|
|||
|
|
},
|
|||
|
|
handleAbout() {
|
|||
|
|
this.$tab.navigateTo("/pages/licai/mine/about/index");
|
|||
|
|
},
|
|||
|
|
handleJiaoLiuQun() {
|
|||
|
|
this.$modal.showToast("QQ群：133713780");
|
|||
|
|
},
|
|||
|
|
handleBuilding(url) {
|
|||
|
|
if (url == 'dldj') {
|
|||
|
|
this.openDldj()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!url) return this.$msg("暂未开放");
|
|||
|
|
this.$tab.navigateTo(url);
|
|||
|
|
},
|
|||
|
|
openDldj() {
|
|||
|
|
getMyAgencyRecord().then(res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
if (res.data.status == 1) {
|
|||
|
|
this.$msg("你已申请过代理等级");
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
this.dlInfo = res.data
|
|||
|
|
this.dldjShow = true
|
|||
|
|
this.dlLevel = res.data.newLevel
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
closeDldj() {
|
|||
|
|
this.dldjShow = false
|
|||
|
|
},
|
|||
|
|
dlConfirm(e) {
|
|||
|
|
this.dlLevel = e.value[0].dictValue
|
|||
|
|
this.dlPickerShow = false
|
|||
|
|
},
|
|||
|
|
applyBlAgency() {
|
|||
|
|
if (this.dlLevel == null) {
|
|||
|
|
return this.$msg("请选择会员等级")
|
|||
|
|
}
|
|||
|
|
applyBlAgency({
|
|||
|
|
id: this.dlInfo.id,
|
|||
|
|
applyLevel: this.dlLevel
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.$modal.showToast("操作成功，请等待审核");
|
|||
|
|
this.dldjShow = false
|
|||
|
|
}
|
|||
|
|
}).catch(err => {
|
|||
|
|
return this.$msg(err.message)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// onPointsExchange() {
|
|||
|
|
// this.cashType = 'integer2balance'
|
|||
|
|
// this.integerInputValue = ''
|
|||
|
|
// this.dialogTitle = "当前槟榔果数量：" + (this.dataInfo && this.dataInfo.myInteger || 0)
|
|||
|
|
// this.$refs.inputDialogBingGuo.open()
|
|||
|
|
// },
|
|||
|
|
fillAllInteger(){
|
|||
|
|
this.integerInputValue = this.dataInfo && this.dataInfo.myInteger || 0
|
|||
|
|
},
|
|||
|
|
inputDialogToggle() {
|
|||
|
|
// if (this.cashType == "cashBalance") {
|
|||
|
|
// this.cashInfo = { bankName: '', bankId: '', changeMoney: '' }
|
|||
|
|
// this.showBank = true
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
if (this.cashType == "cashBalance") {
|
|||
|
|
this.cashInfo = {
|
|||
|
|
bankName: '',
|
|||
|
|
bankId: '',
|
|||
|
|
changeMoney: ''
|
|||
|
|
}
|
|||
|
|
this.showBank = true
|
|||
|
|
} else {
|
|||
|
|
this.$refs.inputDialog.open()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async dialogInputConfirm(val){
|
|||
|
|
if (this.cashType == "caseWared2Balance") {
|
|||
|
|
val = this.moneyToBalance
|
|||
|
|
this.cashAwardInfo.changeMoney = val
|
|||
|
|
}
|
|||
|
|
if (this.cashType == "fund2Balance") {
|
|||
|
|
val = this.moneyToBalance
|
|||
|
|
}
|
|||
|
|
if (this.cashType == "cashBalance") {
|
|||
|
|
val = this.cashInfo.changeMoney
|
|||
|
|
if (!this.cashInfo.bankId) {
|
|||
|
|
this.$msg("请选择有效提现银行卡")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (parseFloat(val).toString() == "NaN") {
|
|||
|
|
this.$msg("请填写数字")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (parseFloat(val) <= 0) {
|
|||
|
|
this.$msg("操作失败,填写错误")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
//判断是否金额并且判断是否积分大于
|
|||
|
|
if (parseFloat(val) > this.cashAsset) {
|
|||
|
|
this.$msg("操作失败,资产不足")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.cashType == "cashBalance") {
|
|||
|
|
console.log()
|
|||
|
|
await balanceCaseApply(this.cashInfo)
|
|||
|
|
this.$msg("提现申请成功，请等待审核！")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.cashType == "tree2Balance") {
|
|||
|
|
await caseTree2Balance({
|
|||
|
|
changeMoney: val
|
|||
|
|
})
|
|||
|
|
this.$msg("兑付成功，请稍后刷新资产明细！")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.cashType == "caseWared2Balance") {
|
|||
|
|
//奖金闪兑
|
|||
|
|
await caseWared2Balance(this.cashAwardInfo)
|
|||
|
|
this.$msg("兑换成功，请稍后刷新资产明细！")
|
|||
|
|
this.moneyToBalance = ""
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.cashType == "fund2Balance") {
|
|||
|
|
await fund2Balance({
|
|||
|
|
changeMoney: val
|
|||
|
|
})
|
|||
|
|
this.$msg("兑换成功，请稍后刷新资产明细！")
|
|||
|
|
this.moneyToBalance = ""
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// async dialogInputConfirmBingGuo(val){
|
|||
|
|
// if(this.cashType === 'integer2balance'){
|
|||
|
|
// val = this.integerInputValue
|
|||
|
|
// }
|
|||
|
|
// if (parseFloat(val).toString() == "NaN") {
|
|||
|
|
// this.$msg("请填写数字")
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// if (val <= 0) {
|
|||
|
|
// this.$msg("请填写大于0的数字")
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// //判断是否金额并且判断是否槟榔果大于
|
|||
|
|
// if (val > this.dataInfo.myInteger) {
|
|||
|
|
// this.$msg("操作失败,资产不足")
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// //槟榔果闪兑
|
|||
|
|
// await handleCashInteger({
|
|||
|
|
// changeMoney: val
|
|||
|
|
// })
|
|||
|
|
// this.$msg("兑换成功，请稍后刷新资产明细！")
|
|||
|
|
// setTimeout(async()=>{
|
|||
|
|
// await countIntegerPriceApi();
|
|||
|
|
// await this.getData()
|
|||
|
|
// },2000)
|
|||
|
|
// },
|
|||
|
|
async getAssetList() {
|
|||
|
|
let resp = await myAssetDetail()
|
|||
|
|
resp.forEach(asset => {
|
|||
|
|
this.assetMap['asset_' + asset.assetType] = asset.value.toFixed(2)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
goto(url) {
|
|||
|
|
if (url == "cashBalance") {
|
|||
|
|
this.cashAsset = this.assetMap['asset_' + 10]
|
|||
|
|
this.cashType = url
|
|||
|
|
this.dialogTitle = "当前消费余额：" + this.cashAsset
|
|||
|
|
this.inputDialogToggle()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (url == "tree2Balance") {
|
|||
|
|
this.cashAsset = this.assetMap['asset_' + 13]
|
|||
|
|
this.cashType = url
|
|||
|
|
this.dialogTitle = "当前槟榔收益：" + this.cashAsset
|
|||
|
|
this.$refs.inputDialog.open()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (url == "caseWared2Balance") {
|
|||
|
|
this.cashAsset = this.assetMap['asset_' + 12]
|
|||
|
|
this.cashType = url
|
|||
|
|
this.dialogTitle = "当前补贴：" + this.cashAsset
|
|||
|
|
this.$refs.inputDialog.open()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (url == "fund2Balance") {
|
|||
|
|
this.cashAsset = this.assetMap['asset_' + 16]
|
|||
|
|
this.cashType = url
|
|||
|
|
this.dialogTitle = "当前消费金：" + this.cashAsset
|
|||
|
|
this.$refs.inputDialog.open()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
uni.navigateTo({ url });
|
|||
|
|
},
|
|||
|
|
goAuthentication(path) {
|
|||
|
|
if (path.indexOf('authentication') >= 0) {
|
|||
|
|
if (this.authInfo.status == 3) {
|
|||
|
|
this.$navigateTo('/pages/user/authentication/authentication')
|
|||
|
|
return
|
|||
|
|
} else {
|
|||
|
|
this.$navigateTo('/pages/user/authentication/result')
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
// await this.$http("GET", url.user.getVerifyInfo).then(({
|
|||
|
|
// code,
|
|||
|
|
// data
|
|||
|
|
// }) => {
|
|||
|
|
// if (code == 200) {
|
|||
|
|
// if (data) {
|
|||
|
|
// this.$navigateTo('/pages/user/authentication/result')
|
|||
|
|
// } else {
|
|||
|
|
// this.$navigateTo('/pages/user/authentication/authentication')
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// }).catch(({
|
|||
|
|
// msg
|
|||
|
|
// }) => {
|
|||
|
|
// console.log('msg', msg)
|
|||
|
|
// })
|
|||
|
|
// return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
page {
|
|||
|
|
/* background-color: #A3F4E4; */
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
@import "./common/style/base.scss";
|
|||
|
|
|
|||
|
|
.team_count {
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
margin-left: 178rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mine-container {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.three_data {
|
|||
|
|
margin-top: 40rpx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
.items {
|
|||
|
|
width: 32%;
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
.active_color {
|
|||
|
|
color: #eff158;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.value {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.msg {
|
|||
|
|
color: #ccc;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
margin: 5rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.label {
|
|||
|
|
color: #ccc;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
margin: 0 20rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
box-shadow: 0px 2rpx 10rpx 1rpx rgba(122, 141, 173, 0.2);
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn_group {
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 15rpx;
|
|||
|
|
padding: 20rpx 30rpx 0 30rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #000;
|
|||
|
|
padding: 15rpx 0rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
width: 25%;
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
// border: 1px solid red;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.icon {
|
|||
|
|
height: 60rpx;
|
|||
|
|
|
|||
|
|
// border: 1px solid red;
|
|||
|
|
image {
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.name {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #111;
|
|||
|
|
margin-top: 12rpx;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dldj-box {
|
|||
|
|
padding: 30rpx 20rpx 40rpx;
|
|||
|
|
width: 600rpx;
|
|||
|
|
|
|||
|
|
.dldj-title {
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dldj-input {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 40rpx;
|
|||
|
|
border: solid 1rpx #eee;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dldj-btns {
|
|||
|
|
.u-button {
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
height: 70rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.asset-card {
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
padding: 24rpx;
|
|||
|
|
margin-top: 24rpx;
|
|||
|
|
box-shadow: 0px 2rpx 10rpx 1rpx rgba(122, 141, 173, 0.2);
|
|||
|
|
background: rgba(255, 255, 255, 0.5);
|
|||
|
|
// background: linear-gradient(180deg, #88ddff, #b7dfef);
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
|
|||
|
|
.hazelnut-card {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
// justify-content: center;
|
|||
|
|
flex: 1;
|
|||
|
|
|
|||
|
|
.bl-title {
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 15rpx 0;
|
|||
|
|
|
|||
|
|
.card-title {
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #333333;
|
|||
|
|
// padding-left: 30rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bg-title {
|
|||
|
|
display: flex;
|
|||
|
|
padding: 6rpx;
|
|||
|
|
justify-content: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
color: #333333;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
|
|||
|
|
.count_box .count {
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.count_box {
|
|||
|
|
display: flex;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #F80B0B;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-right: -15rpx;
|
|||
|
|
|
|||
|
|
.unit {
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #808080;
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.middle-section {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
padding-top: 10rpx;
|
|||
|
|
|
|||
|
|
.bl-item {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #4e4e4e;
|
|||
|
|
// padding: 10rpx 0;
|
|||
|
|
|
|||
|
|
.name {
|
|||
|
|
margin: 0 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.asset-info {
|
|||
|
|
display: flex;
|
|||
|
|
gap: 8rpx;
|
|||
|
|
padding: 8rpx 0;
|
|||
|
|
|
|||
|
|
.value {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #000000;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.info-item {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #666666;
|
|||
|
|
line-height: 1.4;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 统一“我的槟榔：”和“棵”的样式，不影响 .count */
|
|||
|
|
.label {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #666666;
|
|||
|
|
line-height: 1.4;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 让 v-if 包裹的这一层横向排列（数量 + 单位 同行） */
|
|||
|
|
.info-item > view {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.info-item .count_box {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: baseline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.info-item .count_box .label {
|
|||
|
|
margin-left: 8rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gap {
|
|||
|
|
width: 1rpx;
|
|||
|
|
background: radial-gradient(#92a6b5, transparent);
|
|||
|
|
margin: 0 15rpx;
|
|||
|
|
align-self: stretch;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ===== 资产概览样式（从 myAsset.vue 迁移） ===== */
|
|||
|
|
.top-box {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
background: #77E9D2;
|
|||
|
|
border-bottom-right-radius: 24rpx;
|
|||
|
|
border-bottom-left-radius: 24rpx;
|
|||
|
|
padding: 0 20rpx 20rpx 20rpx;
|
|||
|
|
// margin: 0 20rpx 0 20rpx;
|
|||
|
|
|
|||
|
|
.top-row {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
.grp {
|
|||
|
|
flex: 0;
|
|||
|
|
border: 1rpx solid #8bbbb1;
|
|||
|
|
margin: 15rpx 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.row-next {
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
background: rgba(255, 255, 255, 0.5);
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.binglang-row {
|
|||
|
|
margin: 20rpx 20rpx 0 20rpx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
background: rgba(255, 255, 255, 0.5);
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.row1-col {
|
|||
|
|
flex: 1;
|
|||
|
|
padding: 15rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #484848;
|
|||
|
|
margin-bottom: 15rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.price-group {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.price {
|
|||
|
|
font-size: 33rpx;
|
|||
|
|
color: #000000;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.unit {
|
|||
|
|
margin-left: 8rpx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #636262;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ===== 中间的银行卡,提现申请样式（从 myAsset.vue 迁移） ===== */
|
|||
|
|
.zhong-box {
|
|||
|
|
margin: 20rpx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
display: flex;
|
|||
|
|
padding: 20rpx;
|
|||
|
|
|
|||
|
|
.item-group {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 64rpx;
|
|||
|
|
height: 64rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #484848;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.handle-box {
|
|||
|
|
margin: 20rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
padding: 0 20rpx;
|
|||
|
|
box-shadow: 0px 2rpx 10rpx 1rpx rgba(122, 141, 173, 0.2);
|
|||
|
|
|
|||
|
|
.handle-detail {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
|
|||
|
|
.handle-item {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 24rpx 0;
|
|||
|
|
border-bottom: 1rpx solid #eee;
|
|||
|
|
|
|||
|
|
&:last-child {
|
|||
|
|
border-bottom: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item-box {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.item-icon {
|
|||
|
|
width: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
margin-right: 15rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.handle-name {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #484848;
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item-right {
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
|
|||
|
|
.right {
|
|||
|
|
width: 20rpx;
|
|||
|
|
height: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top-top {
|
|||
|
|
display: flex;
|
|||
|
|
padding: 20rpx;
|
|||
|
|
background-image: url("~@/static/newBinLang/wode/SketchPng1257a64db24f6cf69b63bf7a03ddb6abfd87c6a8bf9ef4963effb4ea548a1ecc.png");
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.name {
|
|||
|
|
margin: 0 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.real-box {
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
border-top-right-radius: 5rpx;
|
|||
|
|
font-size: 23rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.t {
|
|||
|
|
margin: 0 10rpx 5rpx 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 20rpx;
|
|||
|
|
height: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top-top-right {
|
|||
|
|
padding-right: 15rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|