1.重构上传组件并调整资源输出目录

上传组件进行重构，移除不再使用的对话框模板，同时更新资源的输出目录配置。此提交包含对上传表单的重命名和对项目构建配置的修改，以适应新的目录结构。
sws 2024-08-12

src/components/common/upload/form-upload-category.vue

@@ -0,0 +1,13 @@
+<template>
+    <el-dialog v-model="dialog_visible_category_oprate" class="radius-lg" width="1168" append-to-body>
+        <template #header>
+            <div class="title center re">
+                <div class="tc size-16 fw">添加分类</div>
+            </div>
+        </template>
+    </el-dialog>
+</template>
+<script setup lang="ts">
+const dialog_visible_category_oprate = ref(false);
+</script>
+<style lang="scss"></style>

src/components/common/upload/index.vue

@@ -159,13 +159,6 @@
     <!-- 图片预览 -->
     <el-image-viewer v-if="preview_switch_img && upload_type == 'img'" :z-index="999999" :url-list="[preview_url]" :hide-on-click-modal="true" @close="preview_close"></el-image-viewer>
     <upload-model v-model="upload_model_visible" :type="upload_type" :exts="props.type == 'img' ? ext_img_name_list : props.type == 'video' ? ext_video_name_list : ext_file_name_list" @close="close_upload_model"></upload-model>
-    <el-dialog v-model="dialog_visible_type_oprate" class="radius-lg" width="1168" append-to-body>
-        <template #header>
-            <div class="title center re">
-                <div class="tc size-16 fw">添加分类</div>
-            </div>
-        </template>
-    </el-dialog>
 </template>
 <script lang="ts" setup>
 const app = getCurrentInstance();

src/types/components.d.ts

@@ -57,7 +57,7 @@ declare module 'vue' {
     FooterNavContent: typeof import('./../components/footer-nav/footer-nav-content.vue')['default']
     FooterNavSetting: typeof import('./../components/footer-nav/footer-nav-setting.vue')['default']
     FooterNavStyles: typeof import('./../components/footer-nav/footer-nav-styles.vue')['default']
-    Form: typeof import('./../components/common/upload/form.vue')['default']
+    FormUploadCategory: typeof import('./../components/common/upload/form-upload-category.vue')['default']
     GdMap: typeof import('./../components/base/maps/gd-map.vue')['default']
     Hot: typeof import('./../components/common/hot/index.vue')['default']
     Icon: typeof import('./../components/base/icon/index.vue')['default']

vite.config.ts

@@ -88,7 +88,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
             // 指定输出路径（相对于项目根目录)，默认dist
             outDir: 'dist',
             // 指定生成静态资源的存放路径，默认assets
-            assetsDir: 'assets',
+            assetsDir: 'diy',
             // chunk大小警告限制，默认500kbs
             chunkSizeWarningLimit: 1500,
             // 是否禁用css拆分(默认true)，设置false时所有CSS将被提取到一个CSS文件中
@@ -112,11 +112,11 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
             rollupOptions: {
                 output: {
                     // 自定义 chunk 文件的输出路径和文件名格式
-                    chunkFileNames: 'assets/js/chunk/[name]-[hash].js',
+                    chunkFileNames: 'static/admin/default/diy/js/chunk/[name]-[hash].js',
                     // 自定义 entry chunk 的输出路径和文件名格式
-                    entryFileNames: 'assets/js/entry/[name]-[hash].js',
+                    entryFileNames: 'static/admin/default/diy/js/entry/[name]-[hash].js',
                     //非js文件夹，按照文件类型分类css,png,jpg
-                    assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
+                    assetFileNames: 'static/admin/default/diy/[ext]/[name]-[hash].[ext]',
                 },
             },
         },