From efde8dee4dcb8a0fc8e35bab0e4e0c6a31320e0e Mon Sep 17 00:00:00 2001
From: duanxiaohai <1812246227@qq.com>
Date: Fri, 24 May 2024 15:32:07 +0800
Subject: [PATCH] gx

---
 src/router/index.js              |  44 ++---
 src/view/echarts_hygiene/eP4.vue | 270 +++++++++++++++++--------------
 src/view/hygiene.vue             |  10 +-
 3 files changed, 178 insertions(+), 146 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index f3d31e4..2b69a7d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -71,27 +71,27 @@ function getCookie(cname) {
   // return ''
 }
 
-// router.beforeEach((to, form, next) => {
-//   var token = getCookie('lytoken')
-//   console.log('token', token)
-//   if (token == '') {
-//     window.location.href =
-//       'http://220.191.238.50:996/api/login?returnURL=' +
-//       window.location.href
-//   } else {
-//     // http.get("/api/zzdn_event/auditToken?token=" + token).then((res) => {
-//     //   if (res.code == '500') {
-//     //     window.location.href =
-//     //       'http://220.191.238.50:996/api/login?returnURL=' +
-//     //       window.location.href
-//     //   } else {
-//     //     tools.data.set('token',token)
-//     //     next();
-//     //   }
-//     // });
-//     tools.data.set('token', token)
-//     next();
-//   }
-// })
+router.beforeEach((to, form, next) => {
+  var token = getCookie('lytoken')
+  console.log('token', token)
+  if (token == '') {
+    window.location.href =
+      'http://220.191.238.50:996/api/login?returnURL=' +
+      window.location.href
+  } else {
+    // http.get("/api/zzdn_event/auditToken?token=" + token).then((res) => {
+    //   if (res.code == '500') {
+    //     window.location.href =
+    //       'http://220.191.238.50:996/api/login?returnURL=' +
+    //       window.location.href
+    //   } else {
+    //     tools.data.set('token',token)
+    //     next();
+    //   }
+    // });
+    tools.data.set('token', token)
+    next();
+  }
+})
 
 export default router 
\ No newline at end of file
diff --git a/src/view/echarts_hygiene/eP4.vue b/src/view/echarts_hygiene/eP4.vue
index c75347b..01e110d 100644
--- a/src/view/echarts_hygiene/eP4.vue
+++ b/src/view/echarts_hygiene/eP4.vue
@@ -1,5 +1,5 @@
 <template>
-    <div ref="chart" style="width: 100%; height:100%;"></div>
+  <div ref="chart" style="width: 100%; height: 100%"></div>
 </template>
 
 <script setup>
@@ -10,140 +10,172 @@ import * as echarts from "echarts";
 const chart = ref(); // 创建DOM引用
 
 const datas = {
-    value: 92.96,
-}
+  value: 92.96,
+};
 
 let option = {
-    series: [
-        // 外圈背景
-        {
-            type: "pie",
-            center: ["55%", "55%"],
-            radius: ["70%", "90%"],
-            hoverAnimation: false,
-            clockWise: false,
-            itemStyle: {
-                normal: {
-                    borderWidth: 1,
-                    borderColor: "rgba(193, 229, 255, .1)",
-                    color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
-                        {
-                            offset: 1,
-                            color: "rgba(127, 242, 255, .2)",
-                        },
-                        {
-                            offset: 0,
-                            color: "rgba(109, 195, 255, 0)",
-                        },
-                    ]),
-                },
+  series: [
+    // 外圈背景
+    {
+      type: "pie",
+      center: ["55%", "55%"],
+      radius: ["70%", "90%"],
+      hoverAnimation: false,
+      clockWise: false,
+    //   startAngle: 180,
+    //   endAngle: 360,
+      itemStyle: {
+        normal: {
+          borderWidth: 1,
+          borderColor: "rgba(193, 229, 255, .1)",
+          color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
+            {
+              offset: 1,
+              color: "rgba(127, 242, 255, .2)",
             },
-            tooltip: {
-                show: false,
+            {
+              offset: 0,
+              color: "rgba(109, 195, 255, 0)",
             },
-            label: {
-                show: false,
-            },
-            data: [100],
+          ]),
         },
-        /*内心原型图，展示整体数据概览*/
+      },
+      tooltip: {
+        show: false,
+      },
+      label: {
+        show: false,
+      },
+      data: [100],
+    },
+    /*内心原型图，展示整体数据概览*/
+    {
+    //   name: "pie",
+      type: "pie",
+      roundCap: true,
+      clockWise: true,
+      radius: ["50%", "70%"],
+      center: ["55%", "55%"],
+      startAngle: 180,
+      labelLine: {
+        show: false,
+      },
+      hoverAnimation: false,
+      data: [
         {
-            name: 'pie',
-            type: 'pie',
-            roundCap: true,
-            clockWise: true,
-            startAngle: 180,
-            labelLine: {
-                show: false
+          value: datas.value,
+          label: {
+            normal: {
+              position: "center",
+              show: true,
+              textStyle: {
+                fontSize: "24",
+                fontWeight: "normal",
+                color: "#fff",
+                fontSize: 16,
+                lineHeight: 30,
+                rich: {
+                  cell: {
+                    fontSize: "24",
+                    fontWeight: "normal",
+                    color: "#fff",
+                  },
+                  text: {
+                    fontSize: 16,
+                    fontFamily: "FZLanTingHeiS-L-GB",
+                    color: "#fff",
+                  },
+                },
+              },
             },
-            radius: ['50%', '70%'],
-            hoverAnimation: false,
-            center: ['55%', '55%'],
-            data: [
+          },
+          itemStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [
                 {
-                    value: datas.value,
-                    label: {
-                        normal: {
-                            
-                            position: 'center',
-                            show: true,
-                            textStyle: {
-                                fontSize: '24',
-                                fontWeight: 'normal',
-                                color: '#fff',
-                                fontSize: 16,
-                                lineHeight: 30,
-                                rich: {
-                                    cell: {
-                                        fontSize: '24',
-                                        fontWeight: 'normal',
-                                        color: '#fff',
-                                    },
-                                    text: {
-                                        fontSize: 16,
-                                        fontFamily: 'FZLanTingHeiS-L-GB',
-                                        color: '#fff',
-                                    }
-                                }
-                            }
-                        }
-                    },
-                    itemStyle: {
-                        normal: {
-                            color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
-                                offset: 0,
-                                color: 'rgba(0, 255, 250, 0.29)'
-                            },
-                            {
-                                offset: 0.5,
-                                color: 'rgba(0, 255, 250, 0.8)'
-                            }, {
-                                offset: 1,
-                                color: 'rgba(0, 255, 250, 1)'
-                            }]),
-                            shadowColor: 'rgba(1,1,1,0.5)',
-                            shadowBlur: 1
-                        }
-                    }
+                  offset: 0,
+                  color: "rgba(0, 255, 250, 0.29)",
                 },
                 {
-                    value: 100 - datas.value,
-                    name: '',
-                    itemStyle: {
-                        normal: {
-                            color: '#095b9b', // 未完成的圆环的颜色
-                            label: {
-                                show: false
-                            },
-                            labelLine: {
-                                show: false
-                            }
-                        },
-                        emphasis: {
-                            color: '#095b9b' // 未完成的圆环的颜色
-                        }
-                    }
-                }]
-        }
-    ]
+                  offset: 0.5,
+                  color: "rgba(0, 255, 250, 0.8)",
+                },
+                {
+                  offset: 1,
+                  color: "rgba(0, 255, 250, 1)",
+                },
+              ]),
+              shadowColor: "rgba(1,1,1,0.5)",
+              shadowBlur: 1,
+            },
+          },
+        },
+        {
+          value: 100 - datas.value,
+          name: "",
+          itemStyle: {
+            normal: {
+              color: "#095b9b", // 未完成的圆环的颜色
+              label: {
+                show: false,
+              },
+              labelLine: {
+                show: false,
+              },
+            },
+            emphasis: {
+              color: "#095b9b", // 未完成的圆环的颜色
+            },
+          },
+        },
+      ],
+    },
+  ],
 };
+// let option = {
+//   tooltip: {
+//     trigger: 'item'
+//   },
+//   legend: {
+//     top: '5%',
+//     left: 'center'
+//   },
+//   series: [
+//     {
+//       name: 'Access From',
+//       type: 'pie',
+//       radius: ['40%', '70%'],
+//       center: ['50%', '70%'],
+//       // adjust the start and end angle
+//       startAngle: 180,
+//       endAngle: 360,
+//       data: [
+//         { value: 1048, name: 'Search Engine' },
+//         { value: 735, name: 'Direct' },
+//         { value: 580, name: 'Email' },
+//         { value: 484, name: 'Union Ads' },
+//         { value: 300, name: 'Video Ads' }
+//       ]
+//     }
+//   ]
+// };
 
 // 使用生命钩子
 onMounted(() => {
-    // 基于准备好的dom，初始化echarts实例
-    // var myChart = echarts.init(document.getElementById('main'));
-    // Vue3中： 需要引入
-    var myChart = echarts.init(chart.value);
+  // 基于准备好的dom，初始化echarts实例
+  // var myChart = echarts.init(document.getElementById('main'));
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
 
-    // init(); // vue3.2没有this
-    // 使用刚指定的配置项和数据显示图表。
-    myChart.setOption(option);
+  // init(); // vue3.2没有this
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(option);
 
-    // 单图表响应式: 跟随浏览器大小改变
-    //   window.addEventListener("resize", () => {
-    //     myChart.resize();
-    //   });
+  // 单图表响应式: 跟随浏览器大小改变
+  //   window.addEventListener("resize", () => {
+  //     myChart.resize();
+  //   });
 });
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped></style>
diff --git a/src/view/hygiene.vue b/src/view/hygiene.vue
index 1d57f1d..42b6f8b 100644
--- a/src/view/hygiene.vue
+++ b/src/view/hygiene.vue
@@ -375,11 +375,11 @@ const getData = async () => {
   background-size: 100% 100%;
 }
 
-.left_2 {
-  background-image: url(@/assets/images/hygiene/left_title_2.png);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-}
+// .left_2 {
+//   background-image: url(@/assets/images/hygiene/left_title_2.png);
+//   background-repeat: no-repeat;
+//   background-size: 100% 100%;
+// }
 
 .left_3 {
   background-image: url(@/assets/images/hygiene/new_lmb.png);