|
@@ -10,20 +10,26 @@
|
|
<div class="avatar">
|
|
<div class="avatar">
|
|
<img src="@/assets/hongqi.png" alt="红旗">
|
|
<img src="@/assets/hongqi.png" alt="红旗">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
- <div style="display: flex; flex-direction: column; align-items: flex-start;margin-left: 10px;color: #fff;">
|
|
|
|
- <span class="name">{{ userInfo.nickname }}</span>
|
|
|
|
|
|
+ <div class="info-rows">
|
|
|
|
+ <div class="info-row">
|
|
|
|
+ <span class="label">账号:</span>
|
|
<span class="value">{{ userInfo.mobile }}</span>
|
|
<span class="value">{{ userInfo.mobile }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div style="margin-top: 8px;">
|
|
|
|
+ <span class="label">邀请码:</span>
|
|
|
|
+ <span class="value">{{ userInfo.salt }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
|
|
+ <!-- <div style="display: flex; flex-direction: column; align-items: flex-start;margin-left: 10px;color: #fff;">
|
|
|
|
+ <span class="name">{{ userInfo.nickname }}</span>
|
|
|
|
+ <span class="value">{{ userInfo.mobile }}</span>
|
|
|
|
+ </div> -->
|
|
</div>
|
|
</div>
|
|
<div class="sign-btn" @click="goToSignin">
|
|
<div class="sign-btn" @click="goToSignin">
|
|
<img src="@/assets/sign.png" style="width: 60px;height: 50px;" alt="签到" />
|
|
<img src="@/assets/sign.png" style="width: 60px;height: 50px;" alt="签到" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <!-- <div class="info-row">
|
|
|
|
- <span class="label">邀请码</span>
|
|
|
|
- <span class="value">{{ userInfo.salt }}</span>
|
|
|
|
- </div> -->
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 第二个银行卡板块 -->
|
|
<!-- 第二个银行卡板块 -->
|
|
@@ -46,42 +52,42 @@
|
|
<div class="profit-block">
|
|
<div class="profit-block">
|
|
<div class="profit-left">
|
|
<div class="profit-left">
|
|
<div class="profit-header">
|
|
<div class="profit-header">
|
|
- <span>红旗资产</span>
|
|
|
|
|
|
+ <span class="item_label">红旗资产</span>
|
|
<button class="profit-btn button-click-effect" @click="handleRedFlagWithdraw">提现</button>
|
|
<button class="profit-btn button-click-effect" @click="handleRedFlagWithdraw">提现</button>
|
|
</div>
|
|
</div>
|
|
<div class="profit-amount">¥{{ userInfo.coins }}</div>
|
|
<div class="profit-amount">¥{{ userInfo.coins }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="profit-right">
|
|
<div class="profit-right">
|
|
<div class="profit-header">
|
|
<div class="profit-header">
|
|
- <span>退休补贴</span>
|
|
|
|
|
|
+ <span class="item_label">退休补贴</span>
|
|
<button class="profit-btn button-click-effect" @click="handleRetirementWithdraw">提现</button>
|
|
<button class="profit-btn button-click-effect" @click="handleRetirementWithdraw">提现</button>
|
|
</div>
|
|
</div>
|
|
<div class="profit-amount">¥{{ userInfo.txbt?userInfo.txbt:0 }}</div>
|
|
<div class="profit-amount">¥{{ userInfo.txbt?userInfo.txbt:0 }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="profit-left">
|
|
<div class="profit-left">
|
|
<div class="profit-header">
|
|
<div class="profit-header">
|
|
- <span>党员薪资</span>
|
|
|
|
|
|
+ <span class="item_label">党员薪资</span>
|
|
<button class="profit-btn button-click-effect" @click="handlePartySalaryWithdraw">提现</button>
|
|
<button class="profit-btn button-click-effect" @click="handlePartySalaryWithdraw">提现</button>
|
|
</div>
|
|
</div>
|
|
<div class="profit-amount">¥{{ userInfo.dyxz?userInfo.dyxz:0 }}</div>
|
|
<div class="profit-amount">¥{{ userInfo.dyxz?userInfo.dyxz:0 }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="profit-right">
|
|
<div class="profit-right">
|
|
<div class="profit-header">
|
|
<div class="profit-header">
|
|
- <span>每日现金</span>
|
|
|
|
|
|
+ <span class="item_label">每日现金</span>
|
|
<button class="profit-btn button-click-effect" @click="handleDailyCashWithdraw">提现</button>
|
|
<button class="profit-btn button-click-effect" @click="handleDailyCashWithdraw">提现</button>
|
|
</div>
|
|
</div>
|
|
<div class="profit-amount">¥{{ userInfo.dayred }}</div>
|
|
<div class="profit-amount">¥{{ userInfo.dayred }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="profit-left">
|
|
<div class="profit-left">
|
|
<div class="profit-header">
|
|
<div class="profit-header">
|
|
- <span>医疗补贴</span>
|
|
|
|
|
|
+ <span class="item_label">医疗补贴</span>
|
|
<button class="profit-btn button-click-effect" @click="handleMedicalWithdraw">提现</button>
|
|
<button class="profit-btn button-click-effect" @click="handleMedicalWithdraw">提现</button>
|
|
</div>
|
|
</div>
|
|
<div class="profit-amount">¥{{ userInfo.money }}</div>
|
|
<div class="profit-amount">¥{{ userInfo.money }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="profit-right">
|
|
<div class="profit-right">
|
|
<div class="profit-header">
|
|
<div class="profit-header">
|
|
- <span>原始股权</span>
|
|
|
|
|
|
+ <span class="item_label">原始股权</span>
|
|
<button class="profit-btn button-click-effect" @click="handleOriginalSharesWithdraw">提现</button>
|
|
<button class="profit-btn button-click-effect" @click="handleOriginalSharesWithdraw">提现</button>
|
|
</div>
|
|
</div>
|
|
<div class="profit-amount">¥{{ userInfo.guquan }}</div>
|
|
<div class="profit-amount">¥{{ userInfo.guquan }}</div>
|
|
@@ -293,7 +299,9 @@ export default {
|
|
top: -40px;
|
|
top: -40px;
|
|
left: 20px; */
|
|
left: 20px; */
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+.info-rows{
|
|
|
|
+
|
|
|
|
+}
|
|
.avatar {
|
|
.avatar {
|
|
width: 80px;
|
|
width: 80px;
|
|
height: 80px;
|
|
height: 80px;
|
|
@@ -304,7 +312,10 @@ export default {
|
|
justify-content: center;
|
|
justify-content: center;
|
|
margin-right: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+.item_label{
|
|
|
|
+ color:#000;
|
|
|
|
+ font-weight:550;
|
|
|
|
+}
|
|
.avatar img {
|
|
.avatar img {
|
|
width: 40px;
|
|
width: 40px;
|
|
height: 40px;
|
|
height: 40px;
|
|
@@ -330,13 +341,14 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.label {
|
|
.label {
|
|
- color: #666;
|
|
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size:16px;
|
|
}
|
|
}
|
|
|
|
|
|
.value {
|
|
.value {
|
|
color: #fff;
|
|
color: #fff;
|
|
margin-top: 5px;
|
|
margin-top: 5px;
|
|
- font-size: 20px;
|
|
|
|
|
|
+ font-size:16px;
|
|
}
|
|
}
|
|
|
|
|
|
.bank-card {
|
|
.bank-card {
|