fix

src/views/mine-orchestra/my-photo/index.module.less

@@ -16,7 +16,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 170px;
+    height: calc(100vw / 2);
     width: 100%;
   }
   .iconImage{

src/views/mine-orchestra/photo-list/detail.tsx

@@ -32,14 +32,14 @@ export default defineComponent({
     const getList = async () => {
       data.loading = true
       try {
-        const res = await request.get(`${state.platformApi}/orchestraPhoto/page`, {
+        const res = await request.post(`${state.platformApi}/orchestraPhoto/page`, {
           data: {
             ...data.pages,
             orchestraPhotoAlbumId: route.query.orchestraPhotoAlbumId
           }
         })
         if (Array.isArray(res?.data?.rows)) {
-          data.list = data.list.concat(res.data.rows)
+          data.list = [1,2,2,2,2,2,2,2,2]// data.list.concat(res.data.rows)
           data.pages.page += 1
           if (!res.data.rows.length) {
             data.finished = true
@@ -84,8 +84,8 @@ export default defineComponent({
               <Grid columnNum={3}>
                 {data.list.map((item: any, index: number) => (
                   <GridItem onClick={() => onShowImage(index)}>
-                    {item.coverUrl ? (
-                      <Image class={styles.gridImg} src={item.coverUrl} fit="cover" />
+                    {item.fileUrl ? (
+                      <Image class={styles.gridImg} style={{height: 'calc(100vw / 3)'}} src={item.fileUrl} fit="cover" />
                     ) : (
                       <div class={styles.gridImg}>
                         <Image src={iconImage} fit="cover" />

src/views/mine-orchestra/photo-list/index.module.less

@@ -16,8 +16,8 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      height: 170px;
       width: 100%;
+      height: calc(100vw / 2);
     }
     .iconImage{
       display: flex;

src/views/mine-orchestra/photo-list/index.tsx

@@ -4,7 +4,7 @@ import request from '@/helpers/request'
 import { state } from '@/state'
 import { Grid, GridItem, Image, List, showImagePreview } from 'vant'
 import { defineComponent, onMounted, reactive } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import styles from './index.module.less'
 import iconImage from '../images/icon-photo-default.png'
 import OSticky from '@/components/o-sticky'
@@ -18,6 +18,7 @@ export default defineComponent({
   },
   setup(props) {
     const route = useRoute()
+    const router = useRouter()
     console.log("🚀 ~ route", route)
     const data = reactive({
       loading: false,
@@ -84,7 +85,14 @@ export default defineComponent({
             >
               <div class={styles.photoWrap}>
                 {data.list.map((item: any, index: number) => (
-                  <div class={styles.photoItem}>
+                  <div class={styles.photoItem} onClick={() => {
+                    router.push({
+                        path: '/photo-list-detail',
+                        query:{
+                            orchestraPhotoAlbumId: item.id
+                        }
+                    })
+                  }}>
                     {item.coverUrl ? (
                       <Image class={styles.gridImg} src={item.coverUrl} fit="cover" />
                     ) : (