Refactor code structure and remove redundant changes

2025-08-15 16:45:15 +08:00
commit 99df1d1f81
220 changed files with 33086 additions and 0 deletions
--- a/pages/drawe/index.vue
+++ b/pages/drawe/index.vue
@ -0,0 +1,101 @@
+<template>
+  <!-- 导航 -->
+  <KlNavTab active="图纸" :type="1" />
+  <div class="ma-auto w-1440px">
+    <!-- 图纸分类 -->
+    <KlWallpaperCategory v-model="query" v-model:level="level" :type="1" />
+    <!-- 推荐栏目 -->
+    <RecommendedColumnsV2 v-model="query" v-model:result="result"></RecommendedColumnsV2>
+    <!-- 精选专题 -->
+    <!-- <FeaturedSpecials></FeaturedSpecials> -->
+    <!-- 分页 -->
+    <div class="mt-10px flex justify-center">
+      <el-pagination
+        v-model:current-page="query.pageNo"
+        v-model:page-size="query.pageSize"
+        :page-sizes="[12, 24, 48]"
+        :total="result.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleClickSize"
+        @current-change="handeClickCurrent"
+      />
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import KlNavTab from '@/components/kl-nav-tab/index.vue'
+  import KlWallpaperCategory from '@/components/kl-wallpaper-category/index.vue'
+  import RecommendedColumnsV2 from './components/RecommendedColumnsV2.vue'
+  // import FeaturedSpecials from './components/FeaturedSpecials.vue'
+  import { useRoute } from 'vue-router'
+  import { reactive, watch, ref } from 'vue'
+  import { page } from '@/api/upnew/index'
+  import { pageRes, pageReq } from '@/api/upnew/types'
+  const route = useRoute()
+  const level = ref(
+    route.query.level
+      ? JSON.parse(route.query.level as string)
+      : [
+          {
+            id: '0',
+            name: '图纸库',
+            isChildren: false,
+          },
+        ]
+  )
+  const keywords = ref(route.query.keywords as string)
+
+  const query = reactive<pageReq>({
+    pageNo: 1,
+    pageSize: 12,
+    projectType: '',
+    editions: '',
+    source: '',
+    type: 1,
+    title: keywords.value,
+  })
+  const result = reactive<pageRes>({
+    list: [],
+    total: 0,
+  })
+
+  // 如果id存在，则设置projectType
+  if (level.value.length) {
+    query.projectType = level.value[level.value.length - 1].id || ''
+  }
+
+  const handleClickSize = (val: number) => {
+    query.pageSize = val
+    getPage()
+  }
+
+  const handeClickCurrent = (val: number) => {
+    query.pageNo = val
+    getPage()
+  }
+
+  const getPage = () => {
+    page(query).then((res) => {
+      const { data, code } = res
+      if (code === 0) {
+        result.list = data.list
+        result.total = data.total
+      }
+    })
+  }
+
+  getPage()
+
+  watch([() => query.projectType, () => query.editions, () => query.source], (val) => {
+    if (val) {
+      getPage()
+    }
+  })
+</script>
+<style lang="scss" scoped>
+  :deep(.el-pagination) {
+    .el-input__inner {
+      text-align: center !important;
+    }
+  }
+</style>