【代码评审】AI：绘图、音乐相关的代码

Author: YunaiV

src/api/mall/product/history.ts

@@ -2,6 +2,7 @@ import request from '@/config/axios'
 
 /**
  * 获得商品浏览记录分页
+ *
  * @param params 请求参数
  */
 export const getBrowseHistoryPage = (params: any) => {

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">

src/views/ai/image/square/index.vue

@@ -2,58 +2,61 @@
   <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[]>([])
 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 () => {
   await getListData()
 })
 </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>