|
|
@@ -13,56 +13,61 @@
|
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="uni-col-left">
|
|
|
<uni-row :gutter="10">
|
|
|
- <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
|
|
|
- <view class="custom-money">
|
|
|
- <view class="left">
|
|
|
- <view class="tit">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" style="height: 100%">
|
|
|
+ <view class="card tab-card shadow-none">
|
|
|
+ <view>
|
|
|
+ <image class="icon-img" src="/static/images/dollar.png" alt="dollar"/>
|
|
|
+ </view>
|
|
|
+ <view class="table-tit">
|
|
|
+ <view class="tit mb-1">
|
|
|
<text>{{ t('Documentary.console.item5') }}</text>
|
|
|
</view>
|
|
|
- <view class="num red">
|
|
|
- <text>{{ numberFormat(ChartSetDate.position || '0.00') }}</text>
|
|
|
+ <view class="money">
|
|
|
+ <h3>${{ numberFormat(ChartSetDate.position || '0.00') }}</h3>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-col>
|
|
|
<!-- <uni-col :xs="24" :sm="12" :md="isDealLogin ? 8 : 12" :lg="isDealLogin ? 4 : 6" :xl="isDealLogin ? 4 : 6">-->
|
|
|
- <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
|
|
|
- <view class="custom-money">
|
|
|
- <view class="left">
|
|
|
- <view class="tit">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" style="height: 100%">
|
|
|
+ <view class="card tab-card shadow-none bg-danger bg-opacity-10">
|
|
|
+ <view>
|
|
|
+ <image class="icon-img" src="/static/images/money.png" alt="money"/>
|
|
|
+ </view>
|
|
|
+ <view class="table-tit">
|
|
|
+ <view class="tit mb-1 text-danger">
|
|
|
<text>{{ t('Documentary.console.item6') }}</text>
|
|
|
</view>
|
|
|
- <view class="num">
|
|
|
- <text>{{ numberFormat(ChartSetDate.equity || '0.00') }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="right">
|
|
|
- <view class="tit">
|
|
|
- <text>{{ t('Documentary.console.item9') }}</text>
|
|
|
+ <view class="money d-flex">
|
|
|
+ <h3>${{ numberFormat(ChartSetDate.equity || '0.00') }}</h3>
|
|
|
</view>
|
|
|
- <view class="num">
|
|
|
- <text>{{ numberFormat(ChartSetDate.equityIncrement || '0.00') }}</text>
|
|
|
+ <view>
|
|
|
+ <view class="tit-1 text-danger">
|
|
|
+ <text class="yest">{{ t('Documentary.console.item9') }}</text>
|
|
|
+ <text>${{ numberFormat(ChartSetDate.equityIncrement || '0.00') }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-col>
|
|
|
<!-- <uni-col :xs="24" :sm="12" :md="isDealLogin ? 8 : 12" :lg="isDealLogin ? 4 : 6" :xl="isDealLogin ? 4 : 6">-->
|
|
|
- <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
|
|
|
- <view class="custom-money">
|
|
|
- <view class="left">
|
|
|
- <view class="tit">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" style="height: 100%">
|
|
|
+ <view class="card tab-card shadow-none bg-success bg-opacity-10">
|
|
|
+ <view>
|
|
|
+ <image class="icon-img" src="/static/images/wallet.png" alt="wallet"/>
|
|
|
+ </view>
|
|
|
+ <view class="table-tit">
|
|
|
+ <view class="tit mb-1 text-success">
|
|
|
<text>{{ t('Documentary.console.item7') }}</text>
|
|
|
</view>
|
|
|
<view class="num">
|
|
|
- <text>{{ numberFormat(ChartSetDate.balance || '0.00') }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="right">
|
|
|
- <view class="tit">
|
|
|
- <text>{{ t('Documentary.console.item9') }}</text>
|
|
|
+ <h3>${{ numberFormat(ChartSetDate.balance || '0.00') }}</h3>
|
|
|
</view>
|
|
|
- <view class="num">
|
|
|
- <text>{{ numberFormat(ChartSetDate.balanceIncrement || '0.00') }}</text>
|
|
|
+ <view class=" ">
|
|
|
+ <view class="tit-1 text-success">
|
|
|
+ <text class="yest">{{ t('Documentary.console.item9') }}</text>
|
|
|
+ <text >${{ numberFormat(ChartSetDate.balanceIncrement || '0.00') }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -161,10 +166,10 @@
|
|
|
<view class="tab h3">{{ t('Documentary.console.item27') }}</view>
|
|
|
</view>
|
|
|
<view class="num">
|
|
|
- <view class="btn crm-cursor" @click="dialogFllowApplyOpen">
|
|
|
+ <button class="btn btn-danger btn-shadow waves-effect" @click="dialogFllowApplyOpen">
|
|
|
+
|
|
|
<text>{{ t('Documentary.TundManagement.item12') }}</text>
|
|
|
- </view>
|
|
|
+ </button>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="bottom">
|
|
|
@@ -718,7 +723,7 @@ onMounted(async () => {
|
|
|
background-color: rgb(var(--bs-danger-rgb));
|
|
|
font-size: px2rpx(16);
|
|
|
color: #fff;
|
|
|
- padding: px2rpx(10) px2rpx(20);
|
|
|
+ //padding: px2rpx(10) px2rpx(20);
|
|
|
border-radius: px2rpx(8);
|
|
|
}
|
|
|
|
|
|
@@ -778,4 +783,33 @@ onMounted(async () => {
|
|
|
font-size: px2rpx(12);
|
|
|
line-height: 1.4;
|
|
|
}
|
|
|
+.tab-card{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ gap: px2rpx(15);
|
|
|
+ padding: px2rpx(20);
|
|
|
+ height: 100%;
|
|
|
+ min-height: px2rpx(115);
|
|
|
+
|
|
|
+ .icon-img{
|
|
|
+ width: px2rpx(50);
|
|
|
+ height: px2rpx(50);
|
|
|
+ }
|
|
|
+ .table-tit{
|
|
|
+ .tit{
|
|
|
+ color: var(--bs-body-color);
|
|
|
+ gap: px2rpx(15);
|
|
|
+ }
|
|
|
+ .tit-1{
|
|
|
+ font-size: px2rpx(12);
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ .yest{
|
|
|
+ margin-right: px2rpx(10);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
</style>
|