|
|
@@ -6,7 +6,7 @@
|
|
|
<view class="header-icon">
|
|
|
</view>
|
|
|
<view class="header-text">
|
|
|
- <view class="header-title">充值赠送配置</view>
|
|
|
+ <view class="header-title">充值赠送规则</view>
|
|
|
<view class="header-subtitle">设置不同充值档位的赠送规则</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -22,7 +22,16 @@
|
|
|
<text class="intro-title">说明</text>
|
|
|
</view>
|
|
|
<view class="intro-content">
|
|
|
- <text class="intro-text">为客户设置充值优惠档位，提升用户粘性和充值意愿</text>
|
|
|
+ <view class="intro-tips">
|
|
|
+ <view class="intro-tip-item">
|
|
|
+ <text class="intro-tip-dot">•</text>
|
|
|
+ <text class="intro-tip-text">按照金额从小到大的顺序，配置五个档位</text>
|
|
|
+ </view>
|
|
|
+ <view class="intro-tip-item highlight">
|
|
|
+ <text class="intro-tip-icon">⚠️</text>
|
|
|
+ <text class="intro-tip-text">客户有未结清欠款时，充值将不享受赠送优惠</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -74,23 +83,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <!-- 重要提示 -->
|
|
|
- <view class="important-tips">
|
|
|
- <view class="tips-header">
|
|
|
- <text class="tips-icon">⚠️</text>
|
|
|
- <text class="tips-title">重要提示</text>
|
|
|
- </view>
|
|
|
- <view class="tips-list">
|
|
|
- <view class="tip-item">
|
|
|
- <text class="tip-dot">•</text>
|
|
|
- <text class="tip-content">请按照金额从小到大的顺序配置档位</text>
|
|
|
- </view>
|
|
|
- <view class="tip-item highlight">
|
|
|
- <text class="tip-dot">•</text>
|
|
|
- <text class="tip-content">客户有未结清欠款时，充值将不享受赠送优惠</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
<!-- 底部操作区 -->
|
|
|
@@ -165,7 +158,7 @@ export default {
|
|
|
return discountRate;
|
|
|
},
|
|
|
saveData(){
|
|
|
- this.$util.confirmModal({content:'确认保存配置？配置生效后将立即应用'},() => {
|
|
|
+ this.$util.confirmModal({content:'确认提交？提交后不能再次修改'},() => {
|
|
|
modifyRecharge({data:this.map}).then(res=>{
|
|
|
if(res.code == 1){
|
|
|
this.$msg(res.msg)
|
|
|
@@ -270,6 +263,59 @@ export default {
|
|
|
color: rgba(255, 255, 255, 0.9);
|
|
|
font-size: 26upx;
|
|
|
line-height: 1.5;
|
|
|
+ margin-bottom: 20upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro-tips {
|
|
|
+ .intro-tip-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ margin-bottom: 12upx;
|
|
|
+ padding: 8upx 12upx;
|
|
|
+ border-radius: 8upx;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro-tip-dot {
|
|
|
+ color: rgba(255, 255, 255, 0.8);
|
|
|
+ font-size: 20upx;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-right: 8upx;
|
|
|
+ line-height: 1.2;
|
|
|
+ margin-top: 2upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro-tip-icon {
|
|
|
+ font-size: 24upx;
|
|
|
+ margin-right: 10upx;
|
|
|
+ line-height: 1.2;
|
|
|
+ margin-top: 1upx;
|
|
|
+ animation: warning-pulse 2s infinite;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro-tip-text {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 24upx;
|
|
|
+ line-height: 1.4;
|
|
|
+ color: rgba(255, 255, 255, 0.85);
|
|
|
+ }
|
|
|
+
|
|
|
+ &.highlight {
|
|
|
+ background: rgba(255, 107, 53, 0.15);
|
|
|
+ border: 1upx solid rgba(255, 183, 77, 0.3);
|
|
|
+ box-shadow: 0 0 12upx rgba(255, 107, 53, 0.2);
|
|
|
+
|
|
|
+ .intro-tip-text {
|
|
|
+ color: #fff4e6;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 26upx;
|
|
|
+ text-shadow: 0 1upx 2upx rgba(255, 107, 53, 0.3);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -395,65 +441,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-/* ==== 重要提示 ==== */
|
|
|
-.important-tips {
|
|
|
- background: #fff;
|
|
|
- border-radius: 16upx;
|
|
|
- padding: 30upx;
|
|
|
- margin-top: 20upx;
|
|
|
- border-left: 6upx solid #ff6b35;
|
|
|
- box-shadow: 0 4upx 16upx rgba(0, 0, 0, 0.06);
|
|
|
-
|
|
|
- .tips-header {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 20upx;
|
|
|
-
|
|
|
- .tips-icon {
|
|
|
- font-size: 32upx;
|
|
|
- margin-right: 12upx;
|
|
|
- }
|
|
|
-
|
|
|
- .tips-title {
|
|
|
- font-size: 32upx;
|
|
|
- font-weight: 600;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .tips-list {
|
|
|
- .tip-item {
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- margin-bottom: 16upx;
|
|
|
-
|
|
|
- &:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .tip-dot {
|
|
|
- color: #049E2C;
|
|
|
- font-size: 28upx;
|
|
|
- font-weight: bold;
|
|
|
- margin-right: 12upx;
|
|
|
- line-height: 1.2;
|
|
|
- margin-top: 2upx;
|
|
|
- }
|
|
|
-
|
|
|
- .tip-content {
|
|
|
- flex: 1;
|
|
|
- font-size: 26upx;
|
|
|
- line-height: 1.5;
|
|
|
- color: #555;
|
|
|
- }
|
|
|
-
|
|
|
- &.highlight .tip-content {
|
|
|
- color: #d84315;
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+
|
|
|
|
|
|
/* ==== 底部操作区 ==== */
|
|
|
.app-footer {
|
|
|
@@ -519,4 +507,15 @@ export default {
|
|
|
transform: scale(1);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+@keyframes warning-pulse {
|
|
|
+ 0%, 100% {
|
|
|
+ transform: scale(1);
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ transform: scale(1.1);
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
