feat(course): 优化课程专业模式表单界面与交互

- 移除表单组件的 size 属性统一使用默认尺寸 - 引入 SvgIcon 组件并支持自动导入 svg 图标 - 添加 svg-sprite-loader 依赖用于 svg 图标处理 - 重构课程标签组件 courseTag 移除 size 属性 - 优化专业模式表单布局结构提升视觉效果 - 添加目标人群输入框提示信息 tooltip - 调整表单元素宽度统一为 95% 提升一致性 - 更新按钮样式统一使用圆角和主题色 - 优化单选框样式显示勾选符号 - 调整标签颜色提升可读性 - 配置 webpack 支持 svg sprite 加载方式 - 添加 tishi.svg 图标文件用于提示信息展示
2025-12-15 13:56:45 +08:00 · 2025-12-11 15:08:15 +08:00
parent 16e5597029
commit d911822370
8 changed files with 3587 additions and 275 deletions
--- a/vue.config.js
+++ b/vue.config.js
@@ -9,81 +9,96 @@
 const { defineConfig } = require("@vue/cli-service");

 module.exports = defineConfig({
-    lintOnSave: false,
-    publicPath: process.env.VUE_APP_BASE,
-    outputDir: process.env.VUE_APP_OUTPUT_DIR,
-    devServer: {
-        port: 8070,
-        client: {
-            overlay: false,// 解决代码抛出异常
-        },
-        proxy: {
-            // "/professional": {
-            //     target: 'http://192.168.31.211:32002',
-            //     // target: 'http://192.168.50.195:32002',
-            //     // target: 'http://192.168.86.195:32002',
-            //     changeOrigin: true,
-            // },
-            "/growth": {
-                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
-                changeOrigin: true,
-            },
-            "/manageApi": {
-                target: 'https:' + process.env.VUE_APP_PROXY_URL,
-                changeOrigin: true, //表示是否改变原域名
-                pathRewrite: {
-                    "^/manageApi": "",
-                },
-            }, "/userbasic": {
-                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
-                changeOrigin: true, //表示是否改变原域名
-            },
-            "/systemapi": {
-                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
-                changeOrigin: true, //表示是否改变原域名
-            },
-            "/api": {
-                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
-                changeOrigin: true, //表示是否改变原域名
-            },
-            // "/reportsnake": {
-            //     target:'https:' + process.env.VUE_APP_BOE_API_URL,
-            //     changeOrigin: true, //表示是否改变原域名
-            //     pathRewrite: {
-            //         // "^/reportsnake": "",
-            //     },
-            // },
-            "/reportsnake": {
-                target: 'http://127.0.0.1:32004',
-                changeOrigin: true, //表示是否改变原域名
-                pathRewrite: {
-                    "^/reportsnake": "",
-                },
-                onProxyReq(proxyReq, req) {
-                    console.log('Proxying request to:', req.url); // 调试日志
-                }
-            },
-            "/report": {
-                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
-                changeOrigin: true, //表示是否改变原域名
-                pathRewrite: {
-                    // "^/manageApi": "",
-                },
-            },
-
-
-            // "/report": {
-            //     target: 'http://192.168.31.211:18878',
-            //     changeOrigin: true, //表示是否改变原域名
-            //     pathRewrite: {
-            //         "^/report": "",
-            //     },
-            // },
-            "/activityApi": {
-                target: 'https:' + process.env.VUE_APP_BOE_API_URL,
-                changeOrigin: true,
-            },
-
-        },
+  lintOnSave: false,
+  publicPath: process.env.VUE_APP_BASE,
+  outputDir: process.env.VUE_APP_OUTPUT_DIR,
+  devServer: {
+    port: 8070,
+    client: {
+      overlay: false, // 解决代码抛出异常
    },
+    proxy: {
+      // "/professional": {
+      //     target: 'http://192.168.31.211:32002',
+      //     // target: 'http://192.168.50.195:32002',
+      //     // target: 'http://192.168.86.195:32002',
+      //     changeOrigin: true,
+      // },
+      "/growth": {
+        target: "https:" + process.env.VUE_APP_BOE_API_URL,
+        changeOrigin: true,
+      },
+      "/manageApi": {
+        target: "https:" + process.env.VUE_APP_PROXY_URL,
+        changeOrigin: true, //表示是否改变原域名
+        pathRewrite: {
+          "^/manageApi": "",
+        },
+      },
+      "/userbasic": {
+        target: "https:" + process.env.VUE_APP_BOE_API_URL,
+        changeOrigin: true, //表示是否改变原域名
+      },
+      "/systemapi": {
+        target: "https:" + process.env.VUE_APP_BOE_API_URL,
+        changeOrigin: true, //表示是否改变原域名
+      },
+      "/api": {
+        target: "https:" + process.env.VUE_APP_BOE_API_URL,
+        changeOrigin: true, //表示是否改变原域名
+      },
+      // "/reportsnake": {
+      //     target:'http:' + process.env.VUE_APP_BOE_API_URL,
+      //     changeOrigin: true, //表示是否改变原域名
+      //     pathRewrite: {
+      //         // "^/reportsnake": "",
+      //     },
+      // },
+      "/reportsnake": {
+        target: "http://127.0.0.1:32004",
+        changeOrigin: true, //表示是否改变原域名
+        pathRewrite: {
+          "^/reportsnake": "",
+        },
+        onProxyReq(proxyReq, req) {
+          console.log("Proxying request to:", req.url); // 调试日志
+        },
+      },
+      "/report": {
+        target: "https:" + process.env.VUE_APP_BOE_API_URL,
+        changeOrigin: true, //表示是否改变原域名
+        pathRewrite: {
+          // "^/manageApi": "",
+        },
+      },
+
+      // "/report": {
+      //     target: 'http://192.168.31.211:18878',
+      //     changeOrigin: true, //表示是否改变原域名
+      //     pathRewrite: {
+      //         "^/report": "",
+      //     },
+      // },
+      "/activityApi": {
+        target: "https:" + process.env.VUE_APP_BOE_API_URL,
+        changeOrigin: true,
+      },
+    },
+  },
+  chainWebpack: (config) => {
+    // 移除默认的svg处理规则
+    config.module.rules.delete("svg");
+
+    // 添加新的svg处理规则
+    config.module
+      .rule("svg")
+      .test(/\.svg$/)
+      .include.add(require("path").resolve("src/assets/svg"))
+      .end()
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
+      .options({
+        symbolId: "icon-[name]",
+      });
+  },
 });