提交

subpackage/personal-center/remind/components/evaluate-equity-item.vue

@@ -3,12 +3,12 @@
 	<view class="item-box" v-for="(item,index) in dataList" :key="index">
 		<view class="top as-layout-horizontal as-gravity-center-start">
 			<view class="as-layout-horizontal as-gravity-center-start">
-				<image  :src="`${$imgUrl}order/icon-star-green.png`"></image>
+				<image :src="`${$imgUrl}order/icon-star-green.png`"></image>
 				<text>{{item.equityName}}</text>
 			</view>
 			<view class="time">{{item.insertTime}}</view>
 		</view>
-		
+
 		<view class="center">
 			<!-- <view class="as-layout-horizontal as-gravity-center-start">
 				<image :src="`${$imgUrl}user/icon-avatar.png`" class="avatar"></image>
@@ -16,11 +16,12 @@
 			</view> -->
 			<view class="content">{{item.suggestion}}</view>
 			<view class="images">
-				<image class="img" mode="aspectFill" v-for="(itemChild,index) in item.pictureUrlArr" :src="`${$imgUrl}${itemChild}`" />
+				<image class="img" mode="aspectFill" v-for="(itemChild,index) in item.pictureUrlArr" :src="itemChild"
+					:key="index" />
 				<!-- <image class="img" mode="aspectFill"  :src="`${$imgUrl}${item.pictureUrl}`" /> -->
 			</view>
 		</view>
-		
+
 		<view class="bottom">
 			<view class="text good" v-if="item.evaluate === '好评'">好评</view>
 			<view class="text middle" v-if="item.evaluate === '中评'">中评</view>
@@ -33,9 +34,9 @@
 <script setup lang="ts">
 	defineProps({
 		//数据列表
-		dataList:{
-			type:Array,
-			default:()=>{
+		dataList: {
+			type: Array,
+			default: () => {
 				return [];
 			}
 		}
@@ -43,47 +44,51 @@
 </script>
 
 <style lang="scss" scoped>
-	.item-box{
+	.item-box {
 		background: #ffffff;
-		box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223,223,223,0.8);
+		box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8);
 		border-radius: 20rpx;
 		margin-bottom: 30rpx;
-		
-		.top{
+
+		.top {
 			min-height: 88rpx;
 			padding: 0rpx 30rpx;
 			border-bottom: 1rpx solid #DCDCDC;
 			display: flex;
 			justify-content: flex-end;
-			image{
+
+			image {
 				width: 48rpx;
 				height: 53rpx;
 			}
-			
-			text{
+
+			text {
 				margin-left: 12rpx;
 				font-size: 30rpx;
 				font-family: Noto Sans S Chinese;
 				font-weight: 400;
 				color: #333333;
 			}
-			.time{
+
+			.time {
 				font-size: 26rpx;
 				color: #999999;
 				text-align: right;
 			}
 		}
-		
-		.center{
+
+		.center {
 			padding: 28rpx 30rpx;
 			border-bottom: 1rpx solid #DCDCDC;
-			.avatar{
+
+			.avatar {
 				width: 50rpx;
 				height: 50rpx;
 				background: #B2EEE1;
 				border-radius: 50%;
 			}
-			text{
+
+			text {
 				font-size: 26rpx;
 				font-size: 26rpx;
 				font-family: Noto Sans S Chinese;
@@ -91,7 +96,8 @@
 				color: #333333;
 				margin-left: 22rpx;
 			}
-			.content{
+
+			.content {
 				font-size: 26rpx;
 				font-family: Noto Sans S Chinese;
 				font-weight: 400;
@@ -99,15 +105,16 @@
 				line-height: 46rpx;
 				margin-top: 30rpx;
 			}
-			
-			.images{
+
+			.images {
 				margin-top: 40rpx;
 				display: flex;
 				flex-direction: row;
 				flex-wrap: wrap;
 				margin-right: -30rpx;
 				margin-bottom: -30rpx;
-				.img{
+
+				.img {
 					width: 130rpx;
 					height: 130rpx;
 					margin-right: 30rpx;
@@ -117,14 +124,15 @@
 				}
 			}
 		}
-		
-		.bottom{
+
+		.bottom {
 			padding: 15rpx 30rpx;
 			text-align: right;
 			display: flex;
 			justify-content: flex-end;
 			align-items: center;
-			.text{
+
+			.text {
 				width: 97rpx;
 				height: 36rpx;
 				line-height: 36rpx;
@@ -132,19 +140,23 @@
 				font-size: 26rpx;
 				text-align: center;
 			}
-			.good{
+
+			.good {
 				background: #FBD9D0;
 				color: #DD523E;
 			}
-			.middle{
+
+			.middle {
 				background: #FBECD0;
 				color: #FF9600;
 			}
-			.bad{
+
+			.bad {
 				background: #E1E1E1;
 				color: #999999;
 			}
-			.score{
+
+			.score {
 				font-size: 26rpx;
 				font-family: Noto Sans S Chinese;
 				font-weight: 400;

subpackage/personal-center/remind/components/evaluate-issue-item.vue

@@ -8,15 +8,19 @@
 			</view>
 			<view class="time">{{item.insertTime}}</view>
 		</view>
-		
+
 		<view class="center">
 			<!-- <view class="as-layout-horizontal as-gravity-center-start">
 				<image :src="`${$imgUrl}user/icon-avatar.png`"></image>
 				<text>{{item.customerName}}</text>
 			</view> -->
 			<view class="content">{{item.suggestion}}</view>
+			<view class="images" v-if="item.pictureUrlArr && item.pictureUrlArr.length>0">
+				<image class="img" mode="aspectFill" v-for="(itemChild,index) in item.pictureUrlArr" :src="itemChild"
+					:key="index" />
+			</view>
 		</view>
-		
+
 		<view class="bottom">
 			<view class="text good" v-if="item.evaluate === '好评'">好评</view>
 			<view class="text middle" v-if="item.evaluate === '中评'">中评</view>
@@ -31,9 +35,9 @@
 	// const tabClick = defineEmits(['tabClick'])
 	defineProps({
 		//数据列表
-		dataList:{
-			type:Array,
-			default:()=>{
+		dataList: {
+			type: Array,
+			default: () => {
 				return [];
 			}
 		}
@@ -44,45 +48,49 @@
 </script>
 
 <style lang="scss" scoped>
-	.item-box{
+	.item-box {
 		background: #ffffff;
-		box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223,223,223,0.8);
+		box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8);
 		border-radius: 20rpx;
 		margin-bottom: 30rpx;
-		
-		.top{
+
+		.top {
 			min-height: 88rpx;
 			padding: 0rpx 30rpx;
 			border-bottom: 1rpx solid #DCDCDC;
-			image{
+
+			image {
 				width: 48rpx;
 				height: 53rpx;
 			}
-			
-			text{
+
+			text {
 				margin-left: 12rpx;
 				font-size: 30rpx;
 				font-family: Noto Sans S Chinese;
 				font-weight: 400;
 				color: #333333;
 			}
-			.time{
+
+			.time {
 				font-size: 26rpx;
 				color: #999999;
 				text-align: right;
 			}
 		}
-		
-		.center{
+
+		.center {
 			padding: 28rpx 30rpx;
 			border-bottom: 1rpx solid #DCDCDC;
-			image{
+
+			image {
 				width: 50rpx;
 				height: 50rpx;
 				background: #B2EEE1;
 				border-radius: 50%;
 			}
-			text{
+
+			text {
 				font-size: 26rpx;
 				font-size: 26rpx;
 				font-family: Noto Sans S Chinese;
@@ -90,7 +98,8 @@
 				color: #333333;
 				margin-left: 22rpx;
 			}
-			.content{
+
+			.content {
 				font-size: 26rpx;
 				font-family: Noto Sans S Chinese;
 				font-weight: 400;
@@ -99,14 +108,15 @@
 				margin-top: 30rpx;
 			}
 		}
-		
-		.bottom{
+
+		.bottom {
 			padding: 15rpx 30rpx;
 			text-align: right;
 			display: flex;
 			justify-content: flex-end;
 			align-items: center;
-			.text{
+
+			.text {
 				width: 97rpx;
 				height: 36rpx;
 				line-height: 36rpx;
@@ -114,19 +124,23 @@
 				font-size: 26rpx;
 				text-align: center;
 			}
-			.good{
+
+			.good {
 				background: #FBD9D0;
 				color: #DD523E;
 			}
-			.middle{
+
+			.middle {
 				background: #FBECD0;
 				color: #FF9600;
 			}
-			.bad{
+
+			.bad {
 				background: #E1E1E1;
 				color: #999999;
 			}
-			.score{
+
+			.score {
 				font-size: 26rpx;
 				font-family: Noto Sans S Chinese;
 				font-weight: 400;
@@ -135,4 +149,22 @@
 			}
 		}
 	}
+
+	.images {
+		margin-top: 40rpx;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		margin-right: -30rpx;
+		margin-bottom: -30rpx;
+
+		.img {
+			width: 130rpx;
+			height: 130rpx;
+			margin-right: 30rpx;
+			background: #F3F3F3;
+			border-radius: 10rpx;
+			margin-bottom: 30rpx;
+		}
+	}
 </style>