|
|
@@ -91,7 +91,26 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view v-if="!$util.isEmpty(data.warning)" style="background-color: #fff2f0; color: #ff4d4f; font-size: 36upx; font-weight: bold; text-align: center; margin: 0 -30upx 15upx -30upx; padding: 20upx 30upx; border-left: 4upx solid #ff4d4f;">{{ data.warning }}</view>
|
|
|
+ <!-- 警告提示区域 -->
|
|
|
+ <view v-if="shopInfo.memberLevelSet == 0" class="alert-card alert-card-warning" @click="setMemberLevel">
|
|
|
+ <view class="alert-content">
|
|
|
+ <view class="alert-title">请设置会员等级</view>
|
|
|
+ <view class="alert-action">去设置</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view v-if="shopInfo.rechargeWeal == 0" class="alert-card alert-card-warning" @click="setRecharge">
|
|
|
+ <view class="alert-content">
|
|
|
+ <view class="alert-title">请设置充值规则</view>
|
|
|
+ <view class="alert-action">去设置</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view v-if="!$util.isEmpty(data.warning)" class="alert-card alert-card-error">
|
|
|
+ <view class="alert-content">
|
|
|
+ <view class="alert-text">{{ data.warning }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
<view class="module-com flower-module">
|
|
|
<!-- 花束 -->
|
|
|
@@ -880,7 +899,7 @@ export default {
|
|
|
clearLogin().then(res=>{
|
|
|
if(res.code == 1){
|
|
|
uni.clearStorage()
|
|
|
- that.$store.commit("setLoginInfo", {})
|
|
|
+ that.$store.commit("setLoginInfo", {})
|
|
|
uni.reLaunch({url:'/admin/home/workbench'})
|
|
|
}
|
|
|
})
|
|
|
@@ -1940,4 +1959,83 @@ export default {
|
|
|
border-radius: 26upx;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
+
|
|
|
+// 警告提示区域样式
|
|
|
+.alert-card {
|
|
|
+ margin: 15upx 10upx;
|
|
|
+ border-radius: 16upx;
|
|
|
+ overflow: hidden;
|
|
|
+ box-shadow: 0 4upx 12upx rgba(0, 0, 0, 0.08);
|
|
|
+ transition: all 0.3s ease;
|
|
|
+ border: 3upx solid;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ transform: translateY(2upx);
|
|
|
+ box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.06);
|
|
|
+ }
|
|
|
+
|
|
|
+ .alert-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 30upx 24upx;
|
|
|
+ min-height: 100upx;
|
|
|
+
|
|
|
+ .alert-title {
|
|
|
+ font-size: 38upx;
|
|
|
+ font-weight: 600;
|
|
|
+ flex: 1;
|
|
|
+ line-height: 1.4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .alert-action {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-weight: 600;
|
|
|
+ white-space: nowrap;
|
|
|
+ margin-left: 20upx;
|
|
|
+ padding: 12upx 24upx;
|
|
|
+ border-radius: 8upx;
|
|
|
+ transition: all 0.2s ease;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ background-color: rgba(255, 255, 255, 0.6);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .alert-text {
|
|
|
+ font-size: 36upx;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 1.6;
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.alert-card-warning {
|
|
|
+ background: linear-gradient(135deg, #fff7e6 0%, #fffbf0 100%);
|
|
|
+ border-color: #fffbf0;
|
|
|
+
|
|
|
+ .alert-content {
|
|
|
+ .alert-title {
|
|
|
+ color: #d48806;
|
|
|
+ }
|
|
|
+
|
|
|
+ .alert-action {
|
|
|
+ color: #ffa940;
|
|
|
+ border: 2upx solid #ffa940;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.alert-card-error {
|
|
|
+ background: linear-gradient(135deg, #fff2f0 0%, #fff7f5 100%);
|
|
|
+ border-color: #fff7f5;
|
|
|
+
|
|
|
+ .alert-content {
|
|
|
+ .alert-text {
|
|
|
+ color: #d9363e;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
