添加子订单is show 列表

packages/ratingQueryDetail/ratingQueryDetail.vue

@@ -9,7 +9,7 @@
       <view class="flex-col section_3">
         <view class="flex-row">
           <text class="text_2">编号</text>
-          <text class="text_3">{{ details.sub_order.order_num }}</text>
+          <text class="text_3">{{ details.sub_order.series_num }}</text>
         </view>
         <view class="flex-row group_6">
           <text class="text_4">系列</text>

packages/subOrderList/subOrderList.vue

@@ -0,0 +1,86 @@
+<template>
+	<view class="pubuBox">
+		<view class="pubuItem">
+			<view class="item-masonry" v-for="(item,index) in dataList" :key="index" @click="toSubOrder(item.series_num)">
+				<image :src="item.images_url[0]" class="image_23" mode="aspectFill" />
+				<text class="text_27 equal-division_1">{{ item.series_num }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { getSubOrderList } from '@/service/order.js';
+	import { ratingSearch } from '@/service/grading.js';
+	
+	export default {
+		data(){
+			return {
+				dataList:[]
+			}
+		},
+		methods:{
+			async toSubOrder(value){
+				let res = await ratingSearch(value);
+				let datas = res.data.datas;
+				
+				let base_data = encodeURIComponent(JSON.stringify(datas));
+				this.$url('/packages/ratingQueryDetail/ratingQueryDetail?data='+ base_data);
+			}
+		},
+		async onLoad(){
+			let res = await getSubOrderList({start:-1,is_show:1});
+			this.dataList = [...res.data.datas, ...res.data.datas]
+			console.log("onLoad getSubOrderList",res)
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #eee;
+		height: 100%;
+	}
+	.pubuBox {
+		padding: 22rpx;
+	}
+	.pubuItem {
+		column-count: 3;
+		column-gap: 20rpx;
+	}
+	.item-masonry{
+		background-color: white;
+		box-sizing: border-box;
+		border-radius: 15rpx;
+		overflow: hidden;
+		break-inside: avoid;
+		/*避免在元素内部插入分页符*/
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		//justify-self: center;
+		align-items: center;
+		margin-bottom: 20rpx;
+		
+	}
+	.image_23 {
+		margin-top: 10rpx;
+		border-radius: 10rpx;
+		width: 200rpx;
+		height: 240rpx;
+	}
+	.text_27 {
+		color: black;
+		margin-top: 10rpx;
+	}
+	.equal-division_1 {
+		margin-top: 10rpx;
+		margin-bottom: 10rpx;
+		color: rgb(51, 51, 51);
+		font-size: 28rpx;
+		font-weight: 500;
+		line-height: 40rpx;
+		white-space: nowrap;
+	}
+	
+</style>

pages.json

@@ -123,6 +123,12 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
+		},{
+			"path": "subOrderList/subOrderList",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
 		}]
 	}],
 	"globalStyle": {

pages/index/index.vue

@@ -129,7 +129,7 @@
 					</view>
 					<!-- 已评卡 -->
 					<view class="flex-col section_8" v-if="$isRight(evaluated_order)">
-						<view class="justify-between group_15" @click="nextToOrder">
+						<view class="justify-between group_15" @click="nextToSuOrderList">
 							<text>已评卡</text>
 							<image
 								src="@/static/icon/rightArrow.png"
@@ -276,6 +276,9 @@
 					this.$url('/pages/login/login');
 				}
 			},
+			nextToSuOrderList(){
+				this.$url('/packages/subOrderList/subOrderList')
+			},
 			nextToSettings(){
 				if(this.$isRight(this.user)){
 					this.$url('/pages/settings/settings');

service/order.js

@@ -49,4 +49,13 @@ export async function changOrderAddress(data) {
 		method: 'post',
 		data
 	})
+}
+
+//获取is show子订单信息
+export async function getSubOrderList(data) {
+	return await request({
+		url: '/api/v1/suborder_isshow',
+		method: 'post',
+		data:data
+	})
 }