fix: 商品已下架

src/pages.json

@@ -58,6 +58,13 @@
 				"navigationBarTitleText": "马士兵严选"
 			}
 		},
+		{
+			"path": "pages/goods/enable",
+			"aliasPath" : "/enable",
+			"style": {
+				"navigationBarTitleText": "商品详情"
+			}
+		},
 		{
 			"path": "pages/goods/comment/list",
 			"aliasPath" : "/goodsCommentList",

src/pages/goods/detail/index.vue

@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-03-23 17:27:21
  * @LastEditors: ch
- * @LastEditTime: 2022-06-22 22:08:16
+ * @LastEditTime: 2022-07-04 10:40:18
  * @Description: file content
 -->
 <template>
@@ -107,6 +107,10 @@ export default {
 			if(HandleApiError(error, 'getGoodsDetail')){
 				return false;
 			}
+			if(result.isEnable){
+				this.$Router.replace('/enable')
+				return false;
+			}
 			this.goods = {...result,
 					images : result.pictureList || [],
 				};

src/pages/goods/enable.vue

@@ -0,0 +1,83 @@
+<!--
+ * @Author: ch
+ * @Date: 2022-03-28 17:16:44
+ * @LastEditors: ch
+ * @LastEditTime: 2022-07-04 10:42:12
+ * @Description: file content
+-->
+<template>
+	<view>
+		<UiWhiteBox class="main">
+			<image class="icon" src="@/static/goods/cart.png"/>
+			<view class="title">商品已下架</view>
+			<view class="btns">
+				<UiButton class="btn" @click="$Router.back()">返回首页</UiButton>
+			</view>
+		</UiWhiteBox>
+		
+		<view class="recommend-title">为您推荐</view>
+		<BsChoiceGoods/>
+	</view>
+</template>
+<script>
+import UiButton from '@/components/UiButton.vue'
+import BsChoiceGoods from '../../components/BsChoiceGoods.vue'
+import UiWhiteBox from '../../components/UiWhiteBox.vue'
+export default {
+	components: { UiButton, BsChoiceGoods, UiWhiteBox }
+	
+}
+</script>
+<style lang="scss">
+page {
+	background: $color-grey1;
+	text-align: center;
+}
+</style>
+<style lang="scss" scoped>
+.main{
+	padding-bottom: 40rpx;
+}
+.icon{
+	width: 400rpx;
+	height: 256rpx;
+	margin: 169rpx auto 42rpx;
+}
+.title{
+	font-size: $font-size-lg;
+	line-height: 44rpx;
+	color: $color-grey6;
+}
+.desc{
+	font-size: $font-size-sm;
+	line-height: 34rpx;
+	color: $color-grey4;
+}
+.btns{
+	margin: 74rpx 105rpx 0;
+	display: flex;
+	justify-content: space-between;
+}
+
+.recommend-title{
+	font-size: $font-size-lg;
+	text-align: center;
+	margin: 51rpx auto 30rpx auto;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 500rpx;
+	&::after,&::before{
+		display: inline-block;
+		content: '';
+		width: 160rpx;
+		height: 2rpx;
+		background: linear-gradient(90deg, $color-grey3 0%, rgba(204, 204, 204, 0) 100%);
+		
+	}
+	&::before{
+		
+		background: linear-gradient(270deg, $color-grey3 0%, rgba(204, 204, 204, 0) 100%);
+	}
+}
+</style>