From 4d3c5b7eff2d4964cf924a797229602adc957df4 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 20 Jul 2024 19:12:35 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BB=A3=E7=A0=81=E8=AF=84=E5=AE=A1?=
 =?UTF-8?q?=E3=80=91AI=EF=BC=9A=E7=BB=98=E5=9B=BE=E3=80=81=E9=9F=B3?=
 =?UTF-8?q?=E4=B9=90=E7=9B=B8=E5=85=B3=E7=9A=84=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mall/product/history.ts     |  1 +
 src/layout/components/AppView.vue   |  3 +--
 src/views/ai/image/square/index.vue | 27 ++++++++++++++-------------
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/api/mall/product/history.ts b/src/api/mall/product/history.ts
index 022a022b..0aa45bd8 100644
--- a/src/api/mall/product/history.ts
+++ b/src/api/mall/product/history.ts
@@ -2,6 +2,7 @@ import request from '@/config/axios'
 
 /**
  * 获得商品浏览记录分页
+ *
  * @param params 请求参数
  */
 export const getBrowseHistoryPage = (params: any) => {
diff --git a/src/layout/components/AppView.vue b/src/layout/components/AppView.vue
index ae2cbf31..44341873 100644
--- a/src/layout/components/AppView.vue
+++ b/src/layout/components/AppView.vue
@@ -57,8 +57,7 @@ provide('reload', reload)
 
         '!min-h-[calc(100%-var(--top-tool-height)-var(--app-content-padding)-var(--app-content-padding)-var(--tags-view-height))]':
           !fixedHeader && layout === 'cutMenu' && footer
-      },
-      'h-0'
+      }
     ]"
   >
     <router-view v-if="routerAlive">
diff --git a/src/views/ai/image/square/index.vue b/src/views/ai/image/square/index.vue
index bf4716b9..b7885ff7 100644
--- a/src/views/ai/image/square/index.vue
+++ b/src/views/ai/image/square/index.vue
@@ -2,24 +2,25 @@
   <div class="square-container">
     <el-input
       v-model="searchText"
-      style="width: 100%;margin-bottom: 20px;"
+      style="width: 100%; margin-bottom: 20px"
       size="large"
       placeholder="请输入要搜索的内容"
       :suffix-icon="Search"
       @keyup.enter="handleSearch"
     />
     <div class="gallery">
-      <div v-for="item in publicList" :key="item" class="gallery-item">
-        <img :src="item.picUrl" class="img"/>
+      <div v-for="item in publicList" :key="item.id" class="gallery-item">
+        <img :src="item.picUrl" class="img" />
       </div>
     </div>
   </div>
 </template>
 <script setup lang="ts">
-import { ImageApi, ImageVO, ImageMidjourneyButtonsVO } from '@/api/ai/image'
-import {Search} from "@element-plus/icons-vue";
+import { ImageApi, ImageVO } from '@/api/ai/image'
+import { Search } from '@element-plus/icons-vue'
 
 /** 属性 */
+// TODO @fan：queryParams 里面搞分页哈。
 const pageNo = ref<number>(1)
 const pageSize = ref<number>(20)
 const publicList = ref<ImageVO[]>([])
@@ -27,13 +28,17 @@ const searchText = ref<string>('')
 
 /** 获取数据 */
 const getListData = async () => {
-  const res = await ImageApi.getImagePagePublic({pageNo: pageNo.value, pageSize: pageSize.value, prompt: searchText.value});
-  publicList.value = res.list as ImageVO[];
+  const res = await ImageApi.getImagePagePublic({
+    pageNo: pageNo.value,
+    pageSize: pageSize.value,
+    prompt: searchText.value
+  })
+  publicList.value = res.list as ImageVO[]
 }
 
 /** 搜索 */
 const handleSearch = async () => {
-  await getListData();
+  await getListData()
 }
 
 onMounted(async () => {
@@ -41,19 +46,17 @@ onMounted(async () => {
 })
 </script>
 <style scoped lang="scss">
-
 .square-container {
   background-color: #fff;
   padding: 20px;
 
-
   .gallery {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: 10px;
     //max-width: 1000px;
     background-color: #fff;
-    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   }
 
   .gallery-item {
@@ -78,7 +81,5 @@ onMounted(async () => {
   .gallery-item:hover {
     transform: scale(1.05);
   }
-
 }
-
 </style>