保存进度！

code/web/it-console/src/components/svg/SvgIcon.vue

@@ -9,19 +9,19 @@
  * Copyright (c) ${2022} by Kane, All Rights Reserved.
 -->
 <template>
-    svg-icon:{{ this.iconName }}
+    svg-icon:{{ iconName }}
 </template>
 
 <script>
 export default {
-    name: "svg-icon",
+    name: "SvgIcon",
+    props: ["icon",],
     data()
     {
         return {
             iconName: "",
         };
     },
-    props: ["icon",],
     created()
     {
         console.log("svg");

code/web/it-console/src/store/index.js

@@ -8,7 +8,7 @@
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
-import { createStore } from 'vuex';
+import { createStore } from "vuex";
 import app from "./modules/app";
 import requirement from "./modules/requirement";
 

code/web/it-console/src/views/news/News.vue

@@ -14,7 +14,7 @@
 
 <script>
 export default {
-    name: "NewsPage"
+    name: "NewsPage",
 };
 </script>
 

code/web/it-console/src/views/news/NewsEdit.vue

@@ -11,12 +11,17 @@
 <template>
     信息编辑:{{ getCount }}
     <br>
-    <el-button type="danger" @click="this.add">计数加一</el-button>
+    <el-button
-    <SvgIcon icon="house"></SvgIcon>
+        type="danger"
+        @click="add"
+    >
+        计数加一
+    </el-button>
+    <SvgIcon icon="house" />
 </template>
 
 <script>
-//import { ElMessage } from 'element-plus';
+// import { ElMessage } from 'element-plus';
 
 export default {
     name: "NewsEdit",
@@ -32,18 +37,18 @@ export default {
             return this.$store.state.app.count;
         },
     },
+    created()
+    {
+        this.store = this.$store;
+    },
     methods: {
         add()
         {
-            let count = this.store.state.app.count + 1;
+            const count = this.store.state.app.count + 1;
 
             this.store.commit("app/SET_COUNT", count);
         },
     },
-    created()
-    {
-        this.store = this.$store;
-    }
 };
 </script>
 

code/web/it-console/src/views/news/NewsTest.vue

@@ -24,7 +24,7 @@
 
 <script>
 export default {
-    name: "NewsPage"
+    name: "NewsPage",
 };
 </script>
 

code/web/it-console/vite.config.js

@@ -8,14 +8,14 @@
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
-import { defineConfig } from 'vite';
+import { defineConfig } from "vite";
-import path from 'path';
+import path from "path";
-import vue from '@vitejs/plugin-vue';
+import vue from "@vitejs/plugin-vue";
-import vueJsx from '@vitejs/plugin-vue-jsx';
+import vueJsx from "@vitejs/plugin-vue-jsx";
-import ViteRequireContext from '@originjs/vite-plugin-require-context';
+import ViteRequireContext from "@originjs/vite-plugin-require-context";
-import envCompatible from 'vite-plugin-env-compatible';
+import envCompatible from "vite-plugin-env-compatible";
-import { createHtmlPlugin } from 'vite-plugin-html';
+import { createHtmlPlugin } from "vite-plugin-html";
-import { viteCommonjs } from '@originjs/vite-plugin-commonjs';
+import { viteCommonjs } from "@originjs/vite-plugin-commonjs";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -23,21 +23,21 @@ export default defineConfig({
         alias: [
             {
                 find: /^~/,
-        replacement: '',
+                replacement: "",
             },
             {
-        find: '@',
+                find: "@",
-        replacement: path.resolve(__dirname, 'src'),
+                replacement: path.resolve(__dirname, "src"),
             },
         ],
         extensions: [
-      '.mjs',
+            ".mjs",
-      '.js',
+            ".js",
-      '.ts',
+            ".ts",
-      '.jsx',
+            ".jsx",
-      '.tsx',
+            ".tsx",
-      '.json',
+            ".json",
-      '.vue',
+            ".vue",
         ],
     },
     plugins: [
@@ -49,19 +49,19 @@ export default defineConfig({
         createHtmlPlugin({
             inject: {
                 data: {
-          title: 'CPIC-IT-Console',
+                    title: "CPIC-IT-Console",
                 },
             },
         }),
     ],
-  base: './',
+    base: "./",
     server: {
         strictPort: false,
         port: 8001,
-    host: 'localhost',
+        host: "localhost",
         open: true,
     },
     build: {
-    outDir: 'dist',
+        outDir: "dist",
     },
 });