|
|
@@ -12,7 +12,14 @@
|
|
|
<customInfo ref="customInforRef" :selectCustomId="selectCustomId" @goBalance="goBalance" @changeBirthday="changeBirthday" @goRecharge="goRecharge"></customInfo>
|
|
|
</view>
|
|
|
|
|
|
- <view class="custom-asset" v-if="showIndex == 0"></view>
|
|
|
+ <view class="custom-asset" v-if="showIndex == 0">
|
|
|
+ <view class="action-buttons-container">
|
|
|
+ <button class="action-button" @click="handleUpgradeDowngrade">升降级</button>
|
|
|
+ <button class="action-button" @click="handleReduceBalance">减余额</button>
|
|
|
+ <button class="action-button" @click="goRecharge">充值</button>
|
|
|
+ <button class="action-button" @click="handleCreateOrder">开单</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="custom-asset" v-if="showIndex == 1">
|
|
|
<balanceChange ref="balanceChangeRef" :customId="selectCustomId"></balanceChange>
|
|
|
</view>
|
|
|
@@ -131,4 +138,29 @@ export default {
|
|
|
padding: 10px;
|
|
|
}
|
|
|
}
|
|
|
+.action-buttons-container {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ gap: 8px;
|
|
|
+ padding: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.action-button {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: #f8f9fa;
|
|
|
+ border: 1px solid #e9ecef;
|
|
|
+ border-radius: 6px;
|
|
|
+ padding: 0;
|
|
|
+ width: 100px;
|
|
|
+ height: 40px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ transition: all 0.2s;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ background-color: #e9ecef;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
