From 9f195f09b74184dbadd5450fb80d33065dc32fc3 Mon Sep 17 00:00:00 2001
From: ch <cwl_ch@163.com>
Date: Mon, 4 Jul 2022 10:43:07 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=95=86=E5=93=81=E5=B7=B2=E4=B8=8B?=
 =?UTF-8?q?=E6=9E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                   |  7 +++
 src/pages/goods/detail/index.vue |  6 ++-
 src/pages/goods/enable.vue       | 83 ++++++++++++++++++++++++++++++++
 3 files changed, 95 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/goods/enable.vue

diff --git a/src/pages.json b/src/pages.json
index f465fdf..78ec3b5 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -58,6 +58,13 @@
 				"navigationBarTitleText": "马士兵严选"
 			}
 		},
+		{
+			"path": "pages/goods/enable",
+			"aliasPath" : "/enable",
+			"style": {
+				"navigationBarTitleText": "商品详情"
+			}
+		},
 		{
 			"path": "pages/goods/comment/list",
 			"aliasPath" : "/goodsCommentList",
diff --git a/src/pages/goods/detail/index.vue b/src/pages/goods/detail/index.vue
index d04331f..33a5c10 100644
--- a/src/pages/goods/detail/index.vue
+++ b/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 || [],
 				};
diff --git a/src/pages/goods/enable.vue b/src/pages/goods/enable.vue
new file mode 100644
index 0000000..f58b94c
--- /dev/null
+++ b/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>
\ No newline at end of file