feat: 模型列表数据优化

build/info.ts

@@ -17,15 +17,7 @@ export function viteBuildInfo(): Plugin {
       outDir = resolvedConfig.build?.outDir ?? "dist";
     },
     buildStart() {
-      console.log(
+      console.log(bold(green(`${blue("[General-AI-Platform-Web-Client]")}`)));
-        bold(
-          green(
-            `👏欢迎使用${blue(
-              "[vue-pure-admin]"
-            )}，如果您感觉不错，记得点击后面链接给个star哦💖 https://github.com/pure-admin/vue-pure-admin`
-          )
-        )
-      );
       if (config.command === "build") {
         startTime = dayjs(new Date());
       }

mock/utils/apiMock.ts

@@ -3,23 +3,39 @@ export function fetchMockSuccessFullByOther({
   data,
   msg
 }): successMockApiProps {
-  return {
+  // return {
+  //   code: 0, // 0 成功
+  //   success: true, // true 成功
+  //   data: data || null, // mock业务层数据
+  //   msg: msg | "ok", // 成功提示
+  //   isMock: true // true 标识当前是模拟数据
+  // } as successMockApiProps;
+  const result: successMockApiProps = {
     code: 0, // 0 成功
     success: true, // true 成功
     data: data || null, // mock业务层数据
-    msg: msg | "ok", // 成功提示
+    msg: msg as string | "ok", // 成功提示
     isMock: true // true 标识当前是模拟数据
-  } as successMockApiProps;
+  };
+  return result;
 }
 
 export function fetchMockFailFullByOther({ data, msg }): failMockApiProps {
-  return {
+  // return {
+  //   code: 599, // 0 成功
+  //   success: true, // true 成功
+  //   data: data || null, // mock业务层数据
+  //   msg: msg | "fail", // 成功提示
+  //   isMock: true // true 标识当前是模拟数据
+  // } as failMockApiProps;
+  const result: failMockApiProps = {
     code: 599, // 0 成功
-    success: true, // true 成功
+    success: false, // true 成功
     data: data || null, // mock业务层数据
-    msg: msg | "fail", // 成功提示
+    msg: msg as string | "fail", // 成功提示
     isMock: true // true 标识当前是模拟数据
-  } as failMockApiProps;
+  };
+  return result;
 }
 
 // 分页展示

src/components/CustomTree/src/collapseTree.tsx

@@ -14,99 +14,24 @@ const testDeviceTreeData = [
         level: 1,
         childList: [
           {
-            name: "控制器A1",
+            name: "控制器A",
             id: "1101001",
             level: 2,
             childList: [
               {
-                name: "控制器A1a1",
+                name: "控制器a",
                 id: "110100101",
                 level: 3
               },
               {
-                name: "控制器A2a2",
+                name: "控制器b",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A1a1",
-                id: "110100101",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A1a1",
-                id: "110100101",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A1a1",
-                id: "110100101",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A1a1",
-                id: "110100101",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A1a1",
-                id: "110100101",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A1a1",
-                id: "110100101",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
-                id: "110100202",
-                level: 3
-              },
-              {
-                name: "控制器A1a1",
-                id: "110100101",
-                level: 3
-              },
-              {
-                name: "控制器A2a2",
                 id: "110100202",
                 level: 3
               }
             ]
           },
           {
-            name: "控制器A2",
+            name: "控制器B",
             id: "1101002",
             level: 2
           }

src/style/element-plus.scss

@@ -178,7 +178,7 @@
   position: fixed;
   display: flex;
   align-items: center;
-  justify-content: end;
+  justify-content: flex-end;
   right: 0;
   bottom: 0;
   padding: 20px 40px 40px;

src/views/modelList/components/ModelCard.vue

@@ -11,6 +11,7 @@ interface CardProductType {
   state: string;
   description: string;
   deviceSort: string;
+  updateTime: string;
   type: number;
 }
 
@@ -52,14 +53,14 @@ const cardClass = computed(() => [
       </div>
       <div class="model-updateTime">
         <i class="iconfont icon-shijian model-content-icon" />
-        更新时间: <span>{{ "2023.09.10" }}</span>
+        更新时间: <span>{{ device?.updateTime }}</span>
       </div>
       <div class="model-introduction">
         模型简介:
         <span>{{ device?.description }}</span>
       </div>
     </div>
-    <div class="bg_logo"></div>
+    <div class="bg_logo" />
   </div>
 </template>
 
@@ -141,6 +142,11 @@ const cardClass = computed(() => [
       font-size: 14px;
       font-weight: 400;
       color: #666;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
 
       span {
         color: #333;

src/views/modelList/index.vue

@@ -17,7 +17,7 @@ const svg = `
         " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
       `;
 
-const pagination = ref({ current: 1, pageSize: 9, total: 0 });
+const pagination = ref({ current: 1, pageSize: 48, total: 0 });
 
 const deviceList = ref([]);
 
@@ -103,7 +103,7 @@ onMounted(() => {
             v-model:currentPage="pagination.current"
             :page-size="pagination.pageSize"
             :total="pagination.total"
-            :page-sizes="[9, 24, 36]"
+            :page-sizes="[18, 24, 36]"
             :background="false"
             layout="total, sizes, prev, pager, next, jumper"
             @size-change="onPageSizeChange"