1、招租详情：新增重要提示，和重要提示中的法律声明跳转页面展示

pages.json

@@ -117,6 +117,17 @@
 						"group": "食堂招租"
 					}
 				},
+				{
+					"path": "lawNotice",
+					"style": {
+						"navigationBarTitleText": "法律声明"
+					},
+					"meta": {
+						"sync": true,
+						"title": "法律声明",
+						"group": "商品"
+					}
+				},
 				{
 					"path": "rentEdit",
 					"style": {
@@ -169,17 +180,6 @@
 						"group": "商品"
 					}
 				},
-				{
-						"path": "lawNotice",
-						"style": {
-							"navigationBarTitleText": "法律声明"
-						},
-						"meta": {
-							"sync": true,
-							"title": "法律声明",
-							"group": "商品"
-						}
-					},
 				{
 					"path": "groupon",
 					"style": {

pages/canteenRent/lawNotice.vue

@@ -0,0 +1,54 @@
+<template>
+	<s-layout title="法律声明">
+		<view style="padding: 30rpx;">
+			<rich-text style="text-align: justify;" :nodes="legal_notice_agreement"></rich-text>
+		</view>
+	</s-layout>
+</template>
+
+<script setup>
+	import {
+		ref,
+		reactive
+	} from 'vue'
+	import {
+		onLoad,
+		onShow,
+	} from '@dcloudio/uni-app';
+	import sheep from '@/sheep';
+	import rent from '../../sheep/api/rent';
+
+	const rentId = ref('');
+	const legal_notice_agreement = ref('');
+
+	onLoad((options) => {
+		console.log('options', options.id);
+		if (options.id) {
+			rentId.value = options.id;
+			getDetail();
+		}
+	})
+
+	function getDetail() {
+		sheep.$api.rent.rentInfo(rentId.value).then((res) => {
+			console.log('获取招租详情', res);
+			if (res.code == 1) {
+				 legal_notice_agreement.value = res.data.detail.legal_notice_agreement;
+				 console.log(' legal_notice_agreement', legal_notice_agreement.value);
+			} else {
+				sheep.$helper.toast(res.msg);
+				// uni.showToast({
+				// 	title: res.msg,
+				// 	icon: 'none'
+				// })
+			}
+		}).catch((error) => {
+			'error: ',
+			error;
+		})
+
+	}
+</script>
+
+<style lang="scss" scoped>
+</style>

pages/canteenRent/rentDetail.vue

@@ -82,7 +82,19 @@
 
 			<!-- 重要提示 -->
 			<view class="lawBox">
-				<view style=""></view>
+				<view class="importTitle">
+					<image src="https://jiangxiaoxian.0rui.cn/lawImage.png" style="width: 50rpx;height: 50rpx;border-radius: 116rpx;" mode=""></image>
+					<view style="font-weight: bold;font-size: 36rpx;line-height: 38rpx;color: #3d3d3d;margin-left: 20rpx;">重要提醒</view>
+				</view>
+				<view class="importText">
+					<view class="textLaw">
+						1.请再次阅读团餐宝典
+						<view class="lawPage" @click="toPage(`/pages/canteenRent/lawNotice?id=` + detailRent.id )">《法律声明》</view>
+					</view>
+					<view class="textNotice">2.练习时请说明是在团餐宝典看到的</view>
+					<view class="textNotice">3.不要轻信先付款再带你去看餐厅档口信息，以免上当受骗</view>
+					<view class="textNotice">4.本文系作者授权发表。如需转载请联系团餐宝典平台</view>
+				</view>
 			</view>
 
 			<view style="width: 100%;height: 248rpx;"></view>
@@ -571,9 +583,44 @@
 
 		.lawBox {
 			width: 100%;
+			margin-top: 20rpx;
 			background-color: #ffffff;
 			padding: 20rpx 30rpx;
-
+			
+			.importTitle {
+				width: 100%;
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+			}
+			
+			.importText {
+				margin-top: 23rpx;
+				width: 690rpx;
+				
+				.textLaw {
+					display: flex;
+					align-items: center;
+					justify-content: flex-start;
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #3d3d3d;
+					line-height: 42rpx;
+					
+					.lawPage {
+						color: #ff6200;
+					}
+				}
+				
+				.textNotice {
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #3d3d3d;
+					line-height: 42rpx;
+					margin-top: 10rpx;
+				}
+			}
+			
 		}
 
 		.footer-box {

pages/goods/lawNotice.vue

@@ -1,25 +0,0 @@
-<template>
-	<s-layout title="法律声明">
-		<view style="padding: 30rpx;">
-			<rich-text style="text-align: justify;" :nodes="Negotiate"></rich-text>
-		</view>
-	</s-layout>
-</template>
-
-<script setup>
-	import { ref,reactive } from 'vue'
-	import {
-		onLoad,
-		onShow,
-		onPageScroll,
-		onPullDownRefresh,
-		onReachBottom
-	} from '@dcloudio/uni-app';
-	import sheep from '@/sheep';
-	
-	
-	
-</script>
-
-<style lang="scss" scoped>
-</style>