店铺歇业状态更新、弹窗样式错乱

pages/index/shop.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="shop">
-			<view class="top"></view>
+		<view class="top"></view>
 		<view class="head">
 			<span class="cuIcon-back" @click="back"></span>
 			<view class="case">
@@ -82,20 +82,20 @@
 			</view>
 		</view>
 		<view class="popup res" v-if="isSuccess">
-			<view class="c">
+			<view class="content">
 				<view class="title">
-					<span v-if="shopStatus == 1">正常营业</span>
-					<span v-if="shopStatus == 3">门店歇业</span>
-					<span v-if="shopStatus == 2">关闭门店</span>
+					<span v-show="shopStatus == 1">正常营业</span>
+					<span v-show="shopStatus == 3">门店歇业</span>
+					<span v-show="shopStatus == 2">关闭门店</span>
 				</view>
 				<view class="center">
-					<image src="/static/index/start.png" mode="" v-if="shopStatus == 1"></image>
-					<image src="/static/index/close.png" mode="" v-if="shopStatus == 2"></image>
-					<image src="/static/index/rest.png" mode="" v-if="shopStatus == 3"></image>
-					<span v-if="shopStatus == 1">恭喜发财，开业大吉！</span>
-					<span v-if="shopStatus == 2">当前门店关闭成功</span>
-					<span v-if="shopStatus == 3">当前门店已歇业</span>
-					<view class="error" v-if="shopStatus == 4">
+					<image src="/static/index/start.png" mode="" v-show="shopStatus == 1"></image>
+					<image src="/static/index/close.png" mode="" v-show="shopStatus == 2"></image>
+					<image src="/static/index/rest.png" mode="" v-show="shopStatus == 3"></image>
+					<span v-show="shopStatus == 1">恭喜发财，开业大吉！</span>
+					<span v-show="shopStatus == 2">当前门店关闭成功</span>
+					<span v-show="shopStatus == 3">当前门店已歇业</span>
+					<view class="error" v-show="shopStatus == 4">
 						当前门店还存在有效服务券<br />
 						暂时无法关闭门店
 					</view>
@@ -184,6 +184,11 @@
 							this.isPopup = false
 							this.getShopData()
 							this.isSuccess = true
+						} else {
+							uni.showToast({
+								icon: 'none',
+								title: res.data.message
+							})
 						}
 					})
 				}
@@ -242,14 +247,15 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
-	/*#ifdef APP-PLUS*/
-			.top {
-				width: 100%;
-				height: var(--status-bar-height);
-				background: linear-gradient(180deg, #FFF9F1 0%, #FFFFFF 100%);
-			}
 
-			/*#endif*/
+		/*#ifdef APP-PLUS*/
+		.top {
+			width: 100%;
+			height: var(--status-bar-height);
+			background: linear-gradient(180deg, #FFF9F1 0%, #FFFFFF 100%);
+		}
+
+		/*#endif*/
 		.head {
 			width: 100%;
 			height: 112rpx;
@@ -259,7 +265,7 @@
 			background: linear-gradient(180deg, #FFF9F1 0%, #FFFFFF 100%);
 			position: relative;
 
-		
+
 			.cuIcon-back {
 				font-size: 40rpx;
 				margin-right: 40rpx;