ZaiZai 2 jaren geleden
bovenliggende
commit
c1b9ad6a52
3 gewijzigde bestanden met toevoegingen van 40 en 36 verwijderingen
  1. 22 18
      src/components/echarts/ProgressChart.vue
  2. 7 7
      tailwind.config.js
  3. 11 11
      vite.config.js

+ 22 - 18
src/components/echarts/ProgressChart.vue

@@ -1,52 +1,57 @@
 <template>
     <div class="hac-progress-chart-box">
         <div class="hac-left-progress">
-            <div class="title" v-if="left_title">{{left_title}}</div>
+            <div v-if="left_title" class="title">
+                {{ left_title }}
+            </div>
             <div class="progress">
                 <el-progress :text-inside="true" :stroke-width="32" :percentage="left_ratio" />
-                <span class="progress-zero" v-if="left_ratio <= 0">0%</span>
+                <span v-if="left_ratio <= 0" class="progress-zero">0%</span>
             </div>
         </div>
         <div class="hac-title-box">
-            <div class="title">{{titles}}</div>
+            <div class="title">
+                {{ titles }}
+            </div>
         </div>
         <div class="hac-right-progress">
-            <div class="title" v-if="right_title">{{right_title}}</div>
+            <div v-if="right_title" class="title">
+                {{ right_title }}
+            </div>
             <div class="progress">
-                <el-progress :text-inside="true" :stroke-width="32" :percentage="right_ratio" :format="format"/>
-                <span class="progress-zero" v-if="right_ratio <= 0">0%</span>
+                <el-progress :text-inside="true" :stroke-width="32" :percentage="right_ratio" :format="format" />
             </div>
         </div>
     </div>
 </template>
 
 <script setup>
-import {ref, watch} from 'vue'
+import { ref, watch } from 'vue'
 const props = defineProps({
     leftTitle: {
         type: String,
-        default: ''
+        default: '',
     },
     title: {
         type: String,
-        default: ''
+        default: '',
     },
     rightTitle: {
         type: String,
-        default: ''
+        default: '',
     },
     leftRatio: {
-        type: [Number,String],
-        default: 0
+        type: [Number, String],
+        default: 0,
     },
     rightRatio: {
-        type: [Number,String],
-        default: 0
+        type: [Number, String],
+        default: 0,
     },
     rightText: {
-        type: [Number,String],
-        default: 0
-    }
+        type: [Number, String],
+        default: 0,
+    },
 })
 
 //变量
@@ -75,7 +80,6 @@ watch(() => [
 })
 
 const format = () => (right_text.value)
-
 </script>
 
 <style scoped lang="scss">

+ 7 - 7
tailwind.config.js

@@ -1,16 +1,16 @@
 module.exports = {
     content: [
-        "./index.html",
-        "./src/**/*.{vue,js}",
+        './index.html',
+        './src/**/*.{vue,js}',
     ],
     theme: {
         extend: {
             width: {
-                '414': '26rem',
-                '606': '38rem',
-                '750': '47rem',
-                '990': '62rem',
-            }
+                414: '26rem',
+                606: '38rem',
+                750: '47rem',
+                990: '62rem',
+            },
         },
     },
     plugins: [],

+ 11 - 11
vite.config.js

@@ -1,7 +1,7 @@
-import {defineConfig} from 'vite'
+import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import {resolve} from "path";
-import config from "./src/config";
+import { resolve } from 'path'
+import config from './src/config'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -12,8 +12,8 @@ export default defineConfig({
             '~com': `${resolve(__dirname, './src/components')}`,
             '~api': resolve(__dirname, './src/api/modules'),
             '~sto': resolve(__dirname, './src/store/modules'),
-            '~uti': resolve(__dirname, './src/utils')
-        }
+            '~uti': resolve(__dirname, './src/utils'),
+        },
     },
     plugins: [
         vue(),
@@ -22,7 +22,7 @@ export default defineConfig({
         rollupOptions: {
             output: {
                 manualChunks(id) {
-                    let libStr = '@vue,tailwindcss,element-plus,echarts,vue-router,pinia,js-fast-way,vue3-tree-org';
+                    let libStr = '@vue,tailwindcss,element-plus,echarts,vue-router,pinia,js-fast-way,vue3-tree-org'
                     const libs = libStr.split(',')
                     if (id.includes('node_modules')) {
                         const arr = id.toString().split('node_modules/')[1].split('/')
@@ -35,12 +35,12 @@ export default defineConfig({
                 },
                 chunkFileNames: 'static/js1/[name]-[hash].js',
                 entryFileNames: 'static/js2/[name]-[hash].js',
-                assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
+                assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
             },
             brotliSize: false, // 不统计
             target: 'esnext',
-            minify: 'esbuild' // 混淆器,terser构建后文件体积更小
-        }
+            minify: 'esbuild', // 混淆器,terser构建后文件体积更小
+        },
     },
     server: {
         ...config.vite,
@@ -50,7 +50,7 @@ export default defineConfig({
                 changeOrigin: true,
                 target: config.target,
                 rewrite: (path) => path.replace(new RegExp('^/api'), '/'),
-            }
-        }
+            },
+        },
     },
 })