案例-能耗管理页面画写、案例详情页优化

pages/plan/details.vue

@@ -1,13 +1,40 @@
 <template>
 	<view class="content">
 		<block v-if="detail">
+			<!-- 顶部图片 -->
 			<image class="top" :src="detail.img" mode="widthFix"></image>
 			<view class="box">
-				<view class="title">{{detail.title}}</view>
-				<view class="client">客户:<span>{{detail.client}}</span></view>
-				<view class="intro">{{detail.intro}}</view>
-				<view class="title t2">效果</view>
-				<view class="intro">{{detail.effect}}</view>
+				<!-- 标题 -->
+				<view class="title" v-if="detail.title">{{detail.title}}</view>
+				<!-- 客户 -->
+				<view class="client" v-if="detail.client">客户:<span>{{detail.client}}</span></view>
+				<!-- 详细介绍 -->
+				<view class="intro" v-if="detail.intro">
+					<u-parse :content="detail.intro"></u-parse>
+				</view>
+				<!-- 效果 -->
+				<view class="title t2" v-if="detail.effect">效果</view>
+				<view class="intro" v-if="detail.effect">
+					<u-parse :content="detail.effect"></u-parse>
+				</view>
+				<!-- 横隔线(1) -->
+				<image src="../../static/imgs/line.png" class="line" v-if="detail.line1"></image>
+				<!-- 改造方案 -->
+				<view v-if="detail.gzfa">
+					<view class="title" v-if="detail.gzfa.title">{{detail.gzfa.title}}</view>
+					<view class="intro" v-if="detail.gzfa.content">
+						<u-parse :content="detail.gzfa.content"></u-parse>
+					</view>
+				</view>
+				<!-- 横隔线(2) -->
+				<image src="../../static/imgs/line.png" class="line" v-if="detail.line2"></image>
+				<!-- 功能列表(function) -->
+				<view v-if="detail.function">
+					<view class="title" v-if="detail.function.title">{{detail.function.title}}</view>
+					<block v-if="detail.function.list&&detail.function.list.length">
+						<uFunction :showTitle="false" :title="item.title" :list="item.list" v-for="(item,index) in detail.function.list" :key="index"></uFunction>
+					</block>
+				</view>
 			</view>
 		</block>
 	</view>
@@ -44,6 +71,9 @@
 
 <style scoped lang="less">
 	.content{
+		overflow-x: hidden;
+		padding-bottom: 50rpx;
+		
 		.top{
 			width: 100%;
 		}
@@ -97,6 +127,14 @@
 				line-height: 40rpx;
 				margin-top: 6rpx;
 			}
+		
+			.line{
+				width: calc(100% + 60rpx);
+				height: 10rpx;
+				margin-top: 48rpx;
+				position: relative;
+				left: -30rpx;
+			}
 		}
 	}
 </style>

pages/plan/index.vue

@@ -84,6 +84,7 @@
 				}
 			},
 			toDetails(item){
+				if(!item.details) return
 				uni.navigateTo({
 					url:`/pages/plan/details?id=${item.id}&key=${item.parent}`
 				})