优化

src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <el-config-provider :locale="locale">
     <el-scrollbar height="100vh" always wrap-class="scorll">
-      <div id="nav" >
+      <div id="nav" class="lingdu_main">
         <!-- <router-link to="/">栏目</router-link> |
       <router-link to="/channel">频道</router-link> |
       <router-link to="/realData">直播数据</router-link> -->
@@ -57,4 +57,12 @@ body .el-date-editor--daterange.el-input__inner,body .el-date-editor--timerange.
 .nav{
   min-height: 100vh;
 }
+
+.lingdu_main .el-breadcrumb {
+  margin-bottom: 10px!important;
+}
+
+.lingdu_main .el-breadcrumb__item .el-breadcrumb__inner {
+  font-weight: 700!important;
+}
 </style>

src/router/index.js

@@ -4,40 +4,37 @@ const routes = [
   {
     path: '/',
     name: 'Program',
-    component: () => import(/* webpackChunkName: "Program" */ '../views/Program.vue')
+    component: () => import('../views/Program.vue')
   },
   {
     path: '/Channel',
     name: 'Channel',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "Channel" */ '../views/Channel.vue')
+    component: () => import('../views/Channel.vue')
   },
   {
     path: '/heightlight',
     name: 'Heightlight',
-    component: () => import(/* webpackChunkName: "Heightlight" */ '../views/Heightlight.vue')
+    component: () => import('../views/Heightlight.vue')
   },
   {
     path: '/realData',
     name: 'RealData',
-    component: () => import(/* webpackChunkName: "RealData" */ '../views/RealData.vue')
+    component: () => import('../views/RealData.vue')
   },
   {
     path: "/liveChannel",
     name: 'LiveChannel',
-    component: () => import(/* webpackChunkName: "LiveChannel" */ '../views/LiveChannel.vue')
+    component: () => import('../views/LiveChannel.vue')
   },
   {
     path: "/boutiqueColumn",
     name: 'boutiqueColumn',
-    component: () => import(/* webpackChunkName: "boutiqueColumn" */ '../views/BoutiqueColumn/BoutiqueColumn.vue')
+    component: () => import('../views/BoutiqueColumn/BoutiqueColumn.vue')
   },
   {
     path: "/activity",
     name: 'Activity',
-    component: () => import(/* webpackChunkName: "Activity" */ '../views/Activity/Activity.vue')
+    component: () => import('../views/Activity/Activity.vue')
   }
 ]
 

src/views/Activity/Activity.vue

@@ -46,10 +46,12 @@ export default {
     };
   },
   mounted() {
-    defaultAjax({
-      url: "https://djweb.smcic.net/dj/static/chinaMap.json",
-    }).then(map => {
-      localStorage.setItem("chinaMap", JSON.stringify(map.json));
+    if (localStorage.getItem("chinaMap")) this.init();
+    else this.getMap()
+  },
+  computed: {},
+  methods: {
+    init(){
       this.activitys = [
         {
           name: "德润三秦",
@@ -79,10 +81,15 @@ export default {
       ];
       this.select = (this.activitys[0] || {}).component;
       this.selectA[this.select] = true;
-    });
-  },
-  computed: {},
-  methods: {
+    },
+    getMap() {
+      defaultAjax({
+        url: "https://dangjian-web.oss-accelerate-overseas.aliyuncs.com/dj/static/chinaMap.json",
+      }).then(map => {
+        localStorage.setItem("chinaMap", JSON.stringify(map.json));
+        this.init()
+      });
+    },
     selectTab(tab) {
       try {
         this.select = this.activitys[tab.index].component;

src/views/Activity/views/derunsanqin.vue

@@ -184,36 +184,21 @@ export default {
       var option = {
         tooltip: {
           trigger: "item",
-          formatter: "{a} <br/>{b}: {c} ({d}%)",
+          formatter: "{b}: {c} ({d}%)",
         },
         legend: {
           show: false,
         },
         series: [
           {
-            name: "发稿量",
             type: "pie",
             radius: ["30%", "50%"],
             labelLine: {
               length: 30,
             },
             label: {
-              formatter: "{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ",
-              borderColor: "#8C8D8E",
-              borderWidth: 1,
-              borderRadius: 4,
+              formatter: "{b|{b}：}{per|{d}%}",
               rich: {
-                a: {
-                  color: "#6E7079",
-                  lineHeight: 22,
-                  align: "center",
-                },
-                hr: {
-                  borderColor: "#8C8D8E",
-                  width: "100%",
-                  borderWidth: 1,
-                  height: 0,
-                },
                 b: {
                   color: "#4C5058",
                   fontSize: 14,
@@ -221,10 +206,8 @@ export default {
                   lineHeight: 33,
                 },
                 per: {
-                  color: "#fff",
-                  backgroundColor: "#4C5058",
-                  padding: [3, 4],
-                  borderRadius: 4,
+                  color: "#000",
+                  fontSize: 14,
                 },
               },
             },
@@ -318,35 +301,69 @@ export default {
       var option = {
         tooltip: {
           trigger: "item",
-          formatter: "{b}: {c} ({d}%)",
+          formatter:  "{b}: {c} ({d}%)",
+              rich: {
+                b: {
+                  color: "#4C5058",
+                  fontSize: 14,
+                  fontWeight: "bold",
+                  lineHeight: 33,
+                },
+                per: {
+                  color: "#000",
+                  fontSize: 14,
+                },
+              },
         },
         legend: {
           show: false,
         },
         series: [
           {
-            name: "Access From",
             type: "pie",
             selectedMode: "single",
             radius: [0, "30%"],
             label: {
-              position: "inner",
-              fontSize: 14,
+              formatter: "{b|{b}：}{per|{d}%}",
+              rich: {
+                b: {
+                  color: "#4C5058",
+                  fontSize: 14,
+                  fontWeight: "bold",
+                  lineHeight: 33,
+                },
+                per: {
+                  color: "#000",
+                  fontSize: 14,
+                },
+              },
             },
             labelLine: {
-              show: false,
+              length: 1,
+              length2: 0
             },
             data: feelingList,
           },
           {
-            name: "Access From",
             type: "pie",
             radius: ["45%", "60%"],
             labelLine: {
               length: 30,
             },
             label: {
-              formatter: "{b}:{d}%",
+              formatter: "{b|{b}：}{per|{d}%}",
+              rich: {
+                b: {
+                  color: "#4C5058",
+                  fontSize: 14,
+                  fontWeight: "bold",
+                  lineHeight: 33,
+                },
+                per: {
+                  color: "#000",
+                  fontSize: 14,
+                },
+              },
             },
             data: l,
           },

src/views/Activity/views/huashanyunhai.vue

@@ -166,11 +166,10 @@ export default {
       var option = {
         tooltip: {
           trigger: "item",
-          formatter: "{a} <br/>{b}: {c} ({d}%)",
+          formatter: "{b}: {c} ({d}%)",
         },
         series: [
           {
-            name: "发稿量",
             type: "pie",
             radius: ["30%", "50%"],
             labelLine: {
@@ -178,21 +177,7 @@ export default {
             },
             label: {
               formatter: " {b|{b}：} {per|{d}%}  ",
-              borderColor: "#8C8D8E",
-              borderWidth: 1,
-              borderRadius: 4,
               rich: {
-                a: {
-                  color: "#6E7079",
-                  lineHeight: 22,
-                  align: "center",
-                },
-                hr: {
-                  borderColor: "#8C8D8E",
-                  width: "100%",
-                  borderWidth: 1,
-                  height: 0,
-                },
                 b: {
                   color: "#4C5058",
                   fontSize: 14,
@@ -200,10 +185,8 @@ export default {
                   lineHeight: 33,
                 },
                 per: {
-                  color: "#fff",
-                  backgroundColor: "#4C5058",
-                  padding: [3, 4],
-                  borderRadius: 4,
+                  fontSize: 14,
+                  color: "#000",
                 },
               },
             },
@@ -252,7 +235,6 @@ export default {
         },
         series: [
           {
-            name: "2011",
             type: "bar",
             label: {
               show: true,

src/views/Activity/views/mianmianjiedao.vue

@@ -175,7 +175,6 @@ export default {
         },
         series: [
           {
-            name: "发稿量",
             type: "pie",
             radius: ["30%", "50%"],
             labelLine: {
@@ -183,32 +182,18 @@ export default {
             },
             label: {
               formatter: " {b|{b}：} {per|{d}%}  ",
-              borderColor: "#8C8D8E",
-              borderWidth: 1,
-              borderRadius: 4,
               rich: {
-                a: {
-                  color: "#6E7079",
-                  lineHeight: 22,
-                  align: "center",
-                },
-                hr: {
-                  borderColor: "#8C8D8E",
-                  width: "100%",
-                  borderWidth: 1,
-                  height: 0,
-                },
                 b: {
                   color: "#4C5058",
                   fontSize: 14,
                   fontWeight: "bold",
+                  padding: [3, 4],
                   lineHeight: 33,
                 },
                 per: {
-                  color: "#fff",
-                  backgroundColor: "#4C5058",
-                  padding: [3, 4],
-                  borderRadius: 4,
+                  color: "#000",
+                  fontSize: 14,
+                  padding: [3, 0],
                 },
               },
             },

src/views/Activity/views/shanxijiaoao1.vue

@@ -36,14 +36,22 @@
         <div class="chart">
           <div class="subtitle">平台传播量</div>
           <el-divider></el-divider>
-          <div class="pieChart" ref="pieChart" style="width: 100%;min-height: 100px"></div>
+          <div
+            class="pieChart"
+            ref="pieChart"
+            style="width: 100%;min-height: 100px"
+          ></div>
         </div>
       </el-col>
       <el-col :span="12">
         <div class="chart">
           <div class="subtitle">词云</div>
           <el-divider></el-divider>
-          <div class="cloudChart" ref="cloudChart" style="width: 100%;min-height: 100px"></div>
+          <div
+            class="cloudChart"
+            ref="cloudChart"
+            style="width: 100%;min-height: 100px"
+          ></div>
         </div>
       </el-col>
     </el-row>
@@ -52,7 +60,11 @@
         <div class="chart">
           <div class="subtitle">直播观众性别比例</div>
           <el-divider></el-divider>
-          <div class="sexChart" ref="sexChart" style="width: 100%;min-height: 100px"></div>
+          <div
+            class="sexChart"
+            ref="sexChart"
+            style="width: 100%;min-height: 100px"
+          ></div>
         </div>
       </el-col>
       <el-col :span="12">
@@ -65,7 +77,7 @@
               <div
                 :class="'platformChart' + item"
                 :ref="'platformChart' + item"
-                 style="width: 100%;min-height: 100px"
+                style="width: 100%;min-height: 100px"
               ></div>
             </el-carousel-item>
           </el-carousel>
@@ -190,9 +202,7 @@ export default {
       });
 
       defaultAjax({
-        url:
-          "https://djweb.smcic.net/dj/static/list.json?t=" +
-          Date.now(),
+        url: "https://djweb.smcic.net/dj/static/list.json?t=" + Date.now(),
       }).then(res => {
         this.channelList = res || [];
         this.platformChartFun(1);
@@ -246,21 +256,18 @@ export default {
             },
             label: {
               formatter: " {b|{b}：} {per|{d}%}  ",
-              borderColor: "#8C8D8E",
-              borderWidth: 1,
-              borderRadius: 4,
               rich: {
                 b: {
                   color: "#4C5058",
                   fontSize: 14,
                   fontWeight: "bold",
+                  padding: [3, 0],
                   lineHeight: 33,
                 },
                 per: {
-                  color: "#fff",
-                  backgroundColor: "#4C5058",
-                  padding: [3, 4],
-                  borderRadius: 4,
+                  color: "#000",
+                  fontSize: 14,
+                  padding: [3, 0],
                 },
               },
             },
@@ -332,22 +339,6 @@ export default {
               position: "right",
               formatter: "{c}",
             },
-            // itemStyle: {
-            //   color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
-            //     { offset: 0, color: "#83bff6" },
-            //     { offset: 0.5, color: "#188df0" },
-            //     { offset: 1, color: "#188df0" },
-            //   ]),
-            // },
-            // emphasis: {
-            //   itemStyle: {
-            //     color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
-            //       { offset: 0, color: "#2378f7" },
-            //       { offset: 0.7, color: "#2378f7" },
-            //       { offset: 1, color: "#83bff6" },
-            //     ]),
-            //   },
-            // },
             data: li,
           },
         ],

src/views/Activity/views/shanxijiaoao2.vue

@@ -54,14 +54,22 @@
         <div class="chart">
           <div class="subtitle">平台传播量</div>
           <el-divider></el-divider>
-          <div class="pieChart" ref="pieChart" style="width: 100%;min-height: 100px"></div>
+          <div
+            class="pieChart"
+            ref="pieChart"
+            style="width: 100%;min-height: 100px"
+          ></div>
         </div>
       </el-col>
       <el-col :span="12">
         <div class="chart">
           <div class="subtitle">词云</div>
           <el-divider></el-divider>
-          <div class="cloudChart" ref="cloudChart" style="width: 100%;min-height: 100px"></div>
+          <div
+            class="cloudChart"
+            ref="cloudChart"
+            style="width: 100%;min-height: 100px"
+          ></div>
         </div>
       </el-col>
     </el-row>
@@ -70,7 +78,11 @@
         <div class="chart">
           <div class="subtitle">直播观众性别比例</div>
           <el-divider></el-divider>
-          <div class="sexChart" ref="sexChart" style="width: 100%;min-height: 100px"></div>
+          <div
+            class="sexChart"
+            ref="sexChart"
+            style="width: 100%;min-height: 100px"
+          ></div>
         </div>
       </el-col>
       <el-col :span="12">
@@ -83,7 +95,7 @@
               <div
                 :class="'platformChart' + item"
                 :ref="'platformChart' + item"
-                 style="width: 100%;min-height: 100px"
+                style="width: 100%;min-height: 100px"
               ></div>
             </el-carousel-item>
           </el-carousel>
@@ -98,29 +110,29 @@
       :data="platformLi"
       style="width: 100%"
     >
-      <el-table-column align="center" label="子活动名称" prop="alias_name" >
+      <el-table-column align="center" label="子活动名称" prop="alias_name">
       </el-table-column>
-      <el-table-column align="center" label="浏览量" prop="total_pv"  >
+      <el-table-column align="center" label="浏览量" prop="total_pv">
         <template #default="scope">
           {{ formateNum(scope.row.total_pv || 0) }}
         </template>
       </el-table-column>
-      <el-table-column align="center" label="原创量" prop="total_ori" >
+      <el-table-column align="center" label="原创量" prop="total_ori">
         <template #default="scope">
           {{ formateNum(scope.row.total_ori || 0) }}
         </template>
       </el-table-column>
-      <el-table-column align="center" label="点赞数" prop="total_digg"  >
+      <el-table-column align="center" label="点赞数" prop="total_digg">
         <template #default="scope">
           {{ formateNum(scope.row.total_digg || 0) }}
         </template>
       </el-table-column>
-      <el-table-column align="center" label="评论数" prop="total_comment"  >
+      <el-table-column align="center" label="评论数" prop="total_comment">
         <template #default="scope">
           {{ formateNum(scope.row.total_comment || 0) }}
         </template>
       </el-table-column>
-      <el-table-column align="center" label="转发量" prop="total_forward"  >
+      <el-table-column align="center" label="转发量" prop="total_forward">
         <template #default="scope">
           {{ formateNum(scope.row.total_forward || 0) }}
         </template>
@@ -167,7 +179,7 @@ export default {
     return {
       platform: [],
       channelList: [],
-      platformLi:[],
+      platformLi: [],
       words: [],
       sex: [],
       h: 0,
@@ -225,7 +237,6 @@ export default {
     }).then(res => {
       this.cloudChart(res || []);
     });
-
   },
   computed: {},
   methods: {
@@ -253,26 +264,18 @@ export default {
             },
             label: {
               formatter: " {b|{b}：} {per|{d}%}  ",
-              borderColor: "#8C8D8E",
-              borderWidth: 1,
-              borderRadius: 4,
               rich: {
-                a: {
-                  color: "#6E7079",
-                  lineHeight: 22,
-                  align: "center",
-                },
                 b: {
                   color: "#4C5058",
                   fontSize: 14,
                   fontWeight: "bold",
+                  padding: [3, 0],
                   lineHeight: 33,
                 },
                 per: {
-                  color: "#fff",
-                  backgroundColor: "#4C5058",
-                  padding: [3, 4],
-                  borderRadius: 4,
+                  color: "#000",
+                  fontSize: 14,
+                  padding: [3, 0],
                 },
               },
             },

src/views/Activity/views/zhongqiuzhiye.vue

@@ -180,21 +180,18 @@ export default {
             },
             label: {
               formatter: " {b|{b}：} {per|{d}%}  ",
-              borderColor: "#8C8D8E",
-              borderWidth: 1,
-              borderRadius: 4,
               rich: {
                 b: {
                   color: "#4C5058",
                   fontSize: 14,
                   fontWeight: "bold",
+                  padding: [3, 4],
                   lineHeight: 33,
                 },
                 per: {
-                  color: "#fff",
-                  backgroundColor: "#4C5058",
-                  padding: [3, 4],
-                  borderRadius: 4,
+                  fontSize: 14,
+                  color: "#000",
+                  padding: [3, 0],
                 },
               },
             },

src/views/BoutiqueColumn/views/dialogueSecretary.vue

@@ -12,13 +12,13 @@
           <div>
             <el-row v-if="item.programType !== 'simple'">
               <el-col :span="20">
-                <div :ref="'huashanChart' + props.row.index"></div>
+                <div :ref="'huashanChart' + props.row.epg_id"></div>
               </el-col>
               <el-col :span="4">
-                <div :ref="'huashanListChart' + props.row.index"></div>
+                <div :ref="'huashanListChart' + props.row.epg_id"></div>
               </el-col>
             </el-row>
-            <div v-else :ref="'huashanChart' + props.row.index"></div>
+            <div v-else :ref="'huashanChart' + props.row.epg_id"></div>
           </div>
         </template>
       </el-table-column>
@@ -121,14 +121,14 @@ export default {
         }
         return
       }
-      epgDetail({ epgId: row.epg_id }).then(res => {
+      epgDetail({ epgId: row.epg_id, target: ".loadare" + row.epg_id }).then(res => {
         let more = this.createChart(
-          this.$refs["huashanChart" + row.index],
+          this.$refs["huashanChart" + row.epg_id],
           res
         );
-        openList[row.index] = more.chart;
-        openLi[row.index] = this.createBarChart(
-          this.$refs["huashanListChart" + row.index],
+        openList[row.epg_id] = more.chart;
+        openLi[row.epg_id] = this.createBarChart(
+          this.$refs["huashanListChart" + row.epg_id],
           more.height
         );
       });

src/views/BoutiqueColumn/views/hundredBrokenPlays.vue

@@ -12,13 +12,13 @@
           <div>
             <el-row v-if="item.programType !== 'simple'">
               <el-col :span="20">
-                <div :ref="'huashanChart' + props.row.index"></div>
+                <div :ref="'huashanChart' + props.row.epg_id"></div>
               </el-col>
               <el-col :span="4">
-                <div :ref="'huashanListChart' + props.row.index"></div>
+                <div :ref="'huashanListChart' + props.row.epg_id"></div>
               </el-col>
             </el-row>
-            <div v-else :ref="'huashanChart' + props.row.index"></div>
+            <div v-else :ref="'huashanChart' + props.row.epg_id"></div>
           </div>
         </template>
       </el-table-column>
@@ -123,12 +123,12 @@ export default {
       }
       epgDetail({ epgId: row.epg_id }).then(res => {
         let more = this.createChart(
-          this.$refs["huashanChart" + row.index],
+          this.$refs["huashanChart" + row.epg_id],
           res
         );
-        openList[row.index] = more.chart;
-        openLi[row.index] = this.createBarChart(
-          this.$refs["huashanListChart" + row.index],
+        openList[row.epg_id] = more.chart;
+        openLi[row.epg_id] = this.createBarChart(
+          this.$refs["huashanListChart" + row.epg_id],
           more.height
         );
       });

src/views/BoutiqueColumn/views/policeStory.vue

@@ -12,13 +12,13 @@
           <div>
             <el-row v-if="item.programType !== 'simple'">
               <el-col :span="20">
-                <div :ref="'huashanChart' + props.row.index"></div>
+                <div :ref="'huashanChart' + props.row.epg_id"></div>
               </el-col>
               <el-col :span="4">
-                <div :ref="'huashanListChart' + props.row.index"></div>
+                <div :ref="'huashanListChart' + props.row.epg_id"></div>
               </el-col>
             </el-row>
-            <div v-else :ref="'huashanChart' + props.row.index"></div>
+            <div v-else :ref="'huashanChart' + props.row.epg_id"></div>
           </div>
         </template>
       </el-table-column>
@@ -123,12 +123,12 @@ export default {
       }
       epgDetail({ epgId: row.epg_id }).then(res => {
         let more = this.createChart(
-          this.$refs["huashanChart" + row.index],
+          this.$refs["huashanChart" + row.epg_id],
           res
         );
-        openList[row.index] = more.chart;
-        openLi[row.index] = this.createBarChart(
-          this.$refs["huashanListChart" + row.index],
+        openList[row.epg_id] = more.chart;
+        openLi[row.epg_id] = this.createBarChart(
+          this.$refs["huashanListChart" + row.epg_id],
           more.height
         );
       });

src/views/BoutiqueColumn/views/shaanxiNewsSimulcast.vue

@@ -12,13 +12,13 @@
           <div>
             <el-row v-if="item.programType !== 'simple'">
               <el-col :span="20">
-                <div :ref="'huashanChart' + props.row.index"></div>
+                <div :ref="'huashanChart' + props.row.epg_id"></div>
               </el-col>
               <el-col :span="4">
-                <div :ref="'huashanListChart' + props.row.index"></div>
+                <div :ref="'huashanListChart' + props.row.epg_id"></div>
               </el-col>
             </el-row>
-            <div v-else :ref="'huashanChart' + props.row.index"></div>
+            <div v-else :ref="'huashanChart' + props.row.epg_id"></div>
           </div>
         </template>
       </el-table-column>
@@ -126,12 +126,12 @@ export default {
       }
       epgDetail({ epgId: row.epg_id }).then(res => {
         let more = this.createChart(
-          this.$refs["huashanChart" + row.index],
+          this.$refs["huashanChart" + row.epg_id],
           res
         );
-        openList[row.index] = more.chart;
-        openLi[row.index] = this.createBarChart(
-          this.$refs["huashanListChart" + row.index],
+        openList[row.epg_id] = more.chart;
+        openLi[row.epg_id] = this.createBarChart(
+          this.$refs["huashanListChart" + row.epg_id],
           more.height
         );
       });

src/views/BoutiqueColumn/views/urbanExpressNews.vue

@@ -12,13 +12,13 @@
           <div>
             <el-row v-if="item.programType !== 'simple'">
               <el-col :span="20">
-                <div :ref="'huashanChart' + props.row.index"></div>
+                <div :ref="'huashanChart' + props.row.epg_id"></div>
               </el-col>
               <el-col :span="4">
-                <div :ref="'huashanListChart' + props.row.index"></div>
+                <div :ref="'huashanListChart' + props.row.epg_id"></div>
               </el-col>
             </el-row>
-            <div v-else :ref="'huashanChart' + props.row.index"></div>
+            <div v-else :ref="'huashanChart' + props.row.epg_id"></div>
           </div>
         </template>
       </el-table-column>
@@ -126,12 +126,12 @@ export default {
       }
       epgDetail({ epgId: row.epg_id }).then(res => {
         let more = this.createChart(
-          this.$refs["huashanChart" + row.index],
+          this.$refs["huashanChart" + row.epg_id],
           res
         );
-        openList[row.index] = more.chart;
-        openLi[row.index] = this.createBarChart(
-          this.$refs["huashanListChart" + row.index],
+        openList[row.epg_id] = more.chart;
+        openLi[row.epg_id] = this.createBarChart(
+          this.$refs["huashanListChart" + row.epg_id],
           more.height
         );
       });

src/views/Channel.vue

@@ -304,12 +304,6 @@ export default {
 .program {
   margin: 10px 15px;
 }
-.program .el-breadcrumb {
-  margin-bottom: 10px;
-}
-.program .el-breadcrumb__item .el-breadcrumb__inner {
-  font-weight: 700;
-}
 .program .has-seconds .el-time-spinner__wrapper:last-child {
   display: none;
 }

src/views/Program.vue

@@ -414,10 +414,4 @@ export default {
 .program {
   margin: 10px 15px;
 }
-.program .el-breadcrumb {
-  margin-bottom: 10px;
-}
-.program .el-breadcrumb__item .el-breadcrumb__inner {
-  font-weight: 700;
-}
 </style>

src/views/RealData.vue

@@ -210,11 +210,4 @@ export default {
 </script>
 
 <style>
-
-.program .el-breadcrumb {
-  margin-bottom: 10px;
-}
-.program .el-breadcrumb__item .el-breadcrumb__inner {
-  font-weight: 700;
-}
 </style>

vue.config.js

@@ -1,7 +1,7 @@
 const Components = require("unplugin-vue-components/webpack");
 const { ElementPlusResolver } = require("unplugin-vue-components/resolvers");
 
-const CompressionPlugin = require('compression-webpack-plugin');
+const CompressionPlugin = require("compression-webpack-plugin");
 
 module.exports = {
   productionSourceMap: false,
@@ -11,10 +11,12 @@ module.exports = {
       config.plugin("compressionPlugin").use(
         new CompressionPlugin({
           test: /\.js$|\.css|\.less/, // 匹配文件名
-          threshold: 1024000, // 对超过10k的数据压缩
+          threshold: 102400, // 对超过10k的数据压缩
           deleteOriginalAssets: false, // 不删除源文件
         })
       );
+      // 移除 prefetch 插件
+      config.plugins.delete("prefetch");
     }
   },
   configureWebpack: {