Initial commit

package.json

@@ -7,10 +7,15 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "axios": "^0.25.0",
+    "dayjs": "^1.11.19",
+    "echarts": "^5.2.2",
+    "element-ui": "^2.15.6",
     "core-js": "^3.8.3",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1",
     "vuex": "^3.6.2"
+    
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~5.0.0",

src/App.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-01-27 18:06:31
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2026-01-04 10:49:17
+ * @FilePath: /test-ranqi/src/App.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <div id="app">
-    <nav>
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </nav>
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
+<script>
+export default {
+  name: "",
+  data() {
+    return {};
+  },
+};
+</script>
+
 <style lang="scss">
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
+html,
+body {
+  margin: 0;
+  padding: 0;
+  height: 100vh;
+  width: 100%;
+  // overflow: hidden;
+
+  /* 隐藏垂直滚动条 */
+  // &::-webkit-scrollbar {
+  //   width: 0;
+  // }
+
+  /* 隐藏水平滚动条 */
+  &::-webkit-scrollbar {
+    height: 0;
+  }
 }
 
-nav {
-  padding: 30px;
+#app {
+  width: 100%;
+  height: 100%;
+  background: black;
+}
+#nav {
+  // padding: 30px;
 
   a {
     font-weight: bold;

src/main.js

-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-import store from './store'
+/*
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2026-01-04 10:42:29
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2026-01-04 10:54:28
+ * @FilePath: /huaxindd-web/src/main.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import Vue from "vue";
+import App from "./App.vue";
+import router from "./router";
+import store from "./store";
 
-Vue.config.productionTip = false
+import ElementUI from "element-ui";
+import * as echarts from "echarts";
+Vue.prototype.$echarts = echarts;
+
+import axios from "axios";
+let dayjs = require("dayjs");
+Vue.prototype.$dayjs = dayjs;
+Vue.prototype.$axios = axios;
+
+Vue.use(ElementUI);
+// 挂载构造方法
+Vue.prototype.$Vue = Vue;
+
+Vue.config.productionTip = false;
 
 new Vue({
   router,
   store,
-  render: h => h(App)
-}).$mount('#app')
+  render: (h) => h(App),
+}).$mount("#app");

src/router/index.js

-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+/*
+ * @Author: your name
+ * @Date: 2022-01-11 13:44:17
+ * @LastEditTime: 2026-01-04 10:50:30
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /test/hello-world/src/router/index.js
+ */
+import Vue from "vue";
+import VueRouter from "vue-router";
+// import Home from '../views/Home.vue'
+import Ind from "../views/Ind/Ind.vue";
 
-Vue.use(VueRouter)
+Vue.use(VueRouter);
 
 const routes = [
   {
-    path: '/',
-    name: 'home',
-    component: HomeView
+    path: "/",
+    name: "Rotate",
+    component: Ind,
   },
-  {
-    path: '/about',
-    name: 'about',
-    // 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: "about" */ '../views/AboutView.vue')
-  }
-]
+];
 
 const router = new VueRouter({
-  mode: 'history',
+  mode: "history",
   base: process.env.BASE_URL,
-  routes
-})
+  routes,
+});
 
-export default router
+export default router;

src/views/AboutView.vue

-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>

src/views/HomeView.vue

-<template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
-  </div>
-</template>
-
-<script>
-// @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
-
-export default {
-  name: 'HomeView',
-  components: {
-    HelloWorld
-  }
-}
-</script>

src/views/Ind/Ind.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2025-12-20 09:20:39
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2025-12-24 13:31:16
+ * @FilePath: /test-ranqi/src/views/Index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div
+    class="ind"
+    :style="{
+      transform: `scale(${scaleX},${scaleX})`,
+      top: `-${((1 - scaleX) * innerHeight) / 2}px`,
+    }"
+  >
+    <img class="img" :src="bg" alt="" />
+
+    <Top />
+    <Left />
+    <Right />
+    <div
+      class="center-rotate"
+      :style="{
+        top: innerWidth > 1920 ? '240px' : innerWidth <= 1600 ? '17%' : '230px',
+      }"
+    >
+      <!-- <div
+        class="scale"
+        :style="{
+          transform:
+            innerWidth >= 1920
+              ? `scale(1.1)`
+              : innerWidth < 1600
+              ? `scale(1)`
+              : `scale(${3* scaleX},${3 * scaleX})`,
+        }"
+      >
+        <Rotate />
+      </div> -->
+      <div
+        class="scale"
+        :style="{
+          transform:
+            innerWidth >= 1920
+              ? `scale(1.5)`
+              : innerWidth < 1600
+              ? `scale(1.1)`
+              : `scale(${1.8 * scaleX},${1.8 * scaleX})`,
+        }"
+      >
+        <Rotate />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Top from "./components/Top.vue";
+import Left from "./components/Left.vue";
+import Right from "./components/Right.vue";
+import Rotate from "./components/Rotate.vue";
+import bg from "@/assets/rotate/bg.png";
+
+export default {
+  name: "",
+  components: {
+    Top,
+    Left,
+    Right,
+    Rotate,
+  },
+  data() {
+    return {
+      bg,
+      scaleX: 1,
+      innerWidth: 0,
+      innerHeight: 0,
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+    this.innerWidth = window.innerWidth;
+    this.innerHeight = window.innerHeight;
+    console.log(window.innerWidth);
+    // this.scaleX = window.innerWidth / 2880;
+    this.scaleX = window.innerWidth / 1920;
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.ind {
+  // width:2880px;
+  width: 1920px;
+  height: 100vh;
+
+  background: black;
+  position: relative;
+  left: 50%;
+  top: 0px;
+  // margin-left: -1440px;
+  margin-left: -960px;
+  overflow: hidden;
+}
+.center-rotate {
+  // padding-top: 240px;
+  position: absolute;
+  width: 40%;
+  height: 100%;
+  z-index: 999;
+  left: 50%;
+  top: 20%;
+  margin-left: -20%;
+}
+.scale {
+  transform: scale(2.1);
+}
+.img {
+  opacity: 0.5;
+  height: 100%;
+  position: absolute;
+  // margin-left:-920px;
+
+  //  height: 100vh;
+  pointer-events: none;
+  z-index: 9999;
+}
+</style>

src/views/Ind/components/Left.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2025-12-20 09:31:30
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2025-12-24 13:32:47
+ * @FilePath: /test-ranqi/src/views/Ind/components/Left.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="left">
+    <div class="time">
+      <div class="l">{{ YYYY }}</div>
+      <div>{{ HHHH }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "",
+  data() {
+    return {
+      YYYY: null,
+      HHHH: null,
+    };
+  },
+  created() {
+    setInterval(() => {
+      this.YYYY = this.$dayjs().format("YYYY-MM-DD");
+      this.HHHH = this.$dayjs().format("HH:mm:ss");
+    });
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.left {
+  width: 20%;
+  top: 102px;
+  bottom: 50px;
+  background: url("~@/assets/index/l.png") no-repeat center;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 40px;
+  z-index:9999;
+  .time {
+    font-size: 28px;
+    top:-88px;
+    display: flex;
+    position:absolute;
+    color: #fff;
+    .l{
+      margin-right:20px;
+    }
+  }
+}
+</style>

src/views/Ind/components/Right.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2025-12-20 09:31:30
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2025-12-24 13:32:56
+ * @FilePath: /test-ranqi/src/views/Ind/components/Left.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="right">
+    <img class="imgr" :src="d" alt="" />
+  </div>
+</template>
+
+<script>
+import d from "@/assets/index/rt.png";
+export default {
+  name: "",
+  data() {
+    return {
+      d,
+    };
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.right {
+  width: 20%;
+
+  position: absolute;
+  top: 102px;
+  bottom: 50px;
+  background: url("~@/assets/index/r.png") no-repeat center;
+  background-size: 100% 100%;
+  right: 40px;
+  z-index:9999;
+
+  .imgr {
+    position: absolute;
+    right: 0;
+    top: -88px;
+  }
+}
+</style>

src/views/Ind/components/Rotate.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2025-12-16 11:10:26
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2025-12-24 13:33:32
+ * @FilePath: /test-ranqi/src/views/Rotate.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="container">
+    <div
+      @mouseenter="imgScale = 1.2"
+      @mouseleave="imgScale = 1"
+      @dblclick="dbclick"
+      class="imgcenter-shadow"
+    ></div>
+    <img
+      class="imgcenter"
+      :src="center"
+      :style="{ transform: `scale(${imgScale})` }"
+      alt=""
+    />
+    <div class="out-box">
+      <div
+        v-for="item in imgArr"
+        :key="item.num"
+        @mouseenter="mouseenter"
+        @mouseleave="mouseleave"
+        class="a"
+        :style="{
+          background: `url(${item.src}) no-repeat`,
+          backgroundSsize: '100% 100%;',
+        }"
+      ></div>
+      <!-- <div class="a"></div> -->
+      <!-- 地图 -->
+      <div class="b"></div>
+      <!-- 两个圆圈 -->
+      <div class="c"></div>
+      <div class="d"></div>
+      <div class="e"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+// url(${item.src}) no-repeat
+import center from "@/assets/rotate/center.png";
+import a from "@/assets/rotate/a.png";
+import b from "@/assets/rotate/b.png";
+import c from "@/assets/rotate/c.png";
+import d from "@/assets/rotate/d.png";
+import e from "@/assets/rotate/e.png";
+import f from "@/assets/rotate/f.png";
+import g from "@/assets/rotate/g.png";
+
+export default {
+  name: "",
+  data() {
+    return {
+      timer: null,
+      rotateNum: 0,
+      rotateNumb: 0,
+      imgScale: 1,
+      clickTimer: null,
+      imgArr: [
+        { src: a, num: 1 },
+        { src: b, num: 2 },
+        { src: c, num: 3 },
+        { src: d, num: 4 },
+        { src: e, num: 5 },
+        { src: f, num: 6 },
+        { src: g, num: 7 },
+      ],
+      center,
+    };
+  },
+  mounted() {
+    this.rotate();
+  },
+  methods: {
+    rotate() {
+      this.timer = setInterval(() => {
+        this.rotateNum += 0.1;
+        const outBox = document.querySelector(".out-box");
+        const b = document.querySelector(".b");
+        const c = document.querySelector(".c");
+        const d = document.querySelector(".d");
+        const e = document.querySelector(".e");
+        const imgcenterShadow = document.querySelector(".imgcenter-shadow");
+        const a = document.querySelectorAll(".a");
+
+        outBox.style.transform = `rotateY(${this.rotateNum}deg)`;
+        b.style.transform = ` rotateY(-${this.rotateNum}deg)  translateZ(10px) `;
+        c.style.transform = `rotateX(90deg)  translateZ(230px) rotateZ(${this.rotateNum}deg)`;
+        d.style.transform = `rotateX(90deg)  translateZ(230px) rotateZ(${this.rotateNum}deg)`;
+        e.style.transform = `rotateX(90deg)  translateZ(130px) rotateZ(${this.rotateNum}deg)`;
+        const degNum = 360 / this.imgArr.length;
+        a.forEach((item, index) => {
+          item.style.transform = ` rotateY(${
+            degNum * index
+          }deg) translateZ(300px) rotateY(-${
+            degNum * index + this.rotateNum
+          }deg)`;
+        });
+      }, 10);
+    },
+
+    dbclick() {
+      console.log("双击");
+    },
+    mouseenter() {
+      clearInterval(this.timer);
+    },
+    mouseleave() {
+      this.rotate();
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+// body {
+//   // background: url("~@/assets/rotate/bg.png") no-repeat;
+//   width: 100%;
+//   height: 100%;
+// }
+.container {
+  perspective: 1400px;
+  transform-style: preserve-3d;
+
+  transform: rotateX(-15deg);
+  .qinxie {
+  }
+}
+.imgcenter {
+  position: absolute;
+  width: 300px;
+  height: 300px;
+  left: 50%;
+  margin-left: -150px;
+  top: -220px;
+  transform-style: preserve-3d;
+  pointer-events: none;
+  transition: all 0.1s linear;
+}
+.imgcenter-shadow {
+  position: absolute;
+
+  width: 180px;
+  height: 200px;
+  background: red;
+  left: 50%;
+  margin-left: -100px;
+  top: -180px;
+  z-index: 999;
+  opacity: 0;
+  cursor: pointer;
+}
+.out-box {
+  position: relative;
+  // width: 100px;
+  // height: 100px;
+  margin: 300px auto;
+  // background: red;
+  transform-style: preserve-3d;
+
+  // animation: rotateDog .5s linear infinite;
+  &:hover {
+    // animation-play-state: paused;
+  }
+  & .a {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -25px;
+    margin-top: 1px;
+    height: 70px;
+    width: 50px;
+    z-index: 99900;
+    background: url("~@/assets/rotate/a.png") no-repeat;
+    background-size: 100% 100% !important;
+    cursor: pointer;
+    // transition: all 0.1s linear;
+
+    // background: blue;
+    &:hover {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      margin-top: -28px;
+      margin-left: -38px;
+      height: 100px;
+      width: 76px;
+    }
+
+    div {
+      text-align: center;
+    }
+  }
+  .b {
+    position: absolute;
+    left: 50%;
+    margin-left: -100px;
+    top: -100px;
+    transform-style: preserve-3d;
+
+    // background: blue;
+    height: 200px;
+    width: 200px;
+    transform: translateZ(200px) rotateX(-10deg);
+    z-index: -1;
+    pointer-events: none;
+  }
+
+  .c {
+    position: absolute;
+    left: 50%;
+    top: 0;
+    margin-left: -300px;
+    width: 600px;
+    height: 600px;
+    border-radius: 50%;
+    // border: 1px solid red;
+    // border-top-color: black;
+    background: url("~@/assets/rotate/bottomC.png") center no-repeat;
+    background-size: 100% 100%;
+    transform: rotateX(90deg) translateZ(250px);
+  }
+  .d {
+    position: absolute;
+    left: 50%;
+    top: 3px;
+    margin-left: -300px;
+    width: 600px;
+    height: 600px;
+    border-radius: 50%;
+    border: 1px solid rgba(89, 178, 245, 0.6);
+    box-shadow: 0px 3px 1px 2px rgba(89, 178, 245, 0.6); /* 添加阴影效果 */
+    // border-top-color: black;
+    // background: url("~@/assets/rotate/bottomD.png") center no-repeat;
+    transform: rotateX(90deg) translateZ(250px);
+  }
+  .e {
+    position: absolute;
+    left: 50%;
+    top: 0;
+    margin-left: -200px;
+    width: 400px;
+    height: 400px;
+    // border-radius: 50%;
+    // border: 1px solid red;
+    // border-top-color: black;
+    background: url("~@/assets/rotate/circleBg.png") center no-repeat;
+    background-size: 100% 100%;
+    transform: rotateX(90deg) translateZ(250px);
+  }
+  .a:nth-child(1) {
+    transform: translateZ(300px);
+  }
+
+  .a:nth-child(2) {
+    transform: rotateY(60deg) translateZ(300px);
+  }
+
+  .a:nth-child(3) {
+    transform: rotateY(120deg) translateZ(300px);
+  }
+
+  .a:nth-child(4) {
+    transform: rotateY(180deg) translateZ(300px);
+  }
+
+  .a:nth-child(5) {
+    transform: rotateY(240deg) translateZ(300px);
+  }
+
+  .a:nth-child(6) {
+    transform: rotateY(300deg) translateZ(300px);
+  }
+}
+@keyframes rotateDog {
+  0% {
+    transform: rotateY(0);
+  }
+
+  100% {
+    transform: rotateY(360deg);
+  }
+}
+</style>

src/views/Ind/components/Top.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2025-12-20 09:31:30
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2025-12-24 13:32:15
+ * @FilePath: /test-ranqi/src/views/Ind/components/Left.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="top">
+    <img :src="top" alt="" />
+  </div>
+</template>
+
+<script>
+import top from "@/assets/index/top.png";
+export default {
+  name: "",
+  data() {
+    return {
+      top,
+    };
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.top {
+  width: 100%;
+  height: 102px;
+  position: absolute;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  z-index: 99;
+}
+</style>

yarn.lock

@@ -1878,6 +1878,13 @@ array-union@^2.1.0:
   resolved "https://mirrors.cloud.tencent.com/npm/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
+async-validator@~1.8.1:
+  version "1.8.5"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/async-validator/-/async-validator-1.8.5.tgz#dc3e08ec1fd0dddb67e60842f02c0cd1cec6d7f0"
+  integrity sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==
+  dependencies:
+    babel-runtime "6.x"
+
 async@^3.2.6:
   version "3.2.6"
   resolved "https://mirrors.cloud.tencent.com/npm/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
@@ -1899,6 +1906,18 @@ autoprefixer@^10.2.4:
     picocolors "^1.1.1"
     postcss-value-parser "^4.2.0"
 
+axios@^0.25.0:
+  version "0.25.0"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/axios/-/axios-0.25.0.tgz#349cfbb31331a9b4453190791760a8d35b093e0a"
+  integrity sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==
+  dependencies:
+    follow-redirects "^1.14.7"
+
+babel-helper-vue-jsx-merge-props@^2.0.0:
+  version "2.0.3"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz#22aebd3b33902328e513293a8e4992b384f9f1b6"
+  integrity sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==
+
 babel-loader@^8.2.2:
   version "8.4.1"
   resolved "https://mirrors.cloud.tencent.com/npm/babel-loader/-/babel-loader-8.4.1.tgz#6ccb75c66e62c3b144e1c5f2eaec5b8f6c08c675"
@@ -1940,6 +1959,14 @@ babel-plugin-polyfill-regenerator@^0.6.5:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.6.5"
 
+babel-runtime@6.x:
+  version "6.26.0"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
+  integrity sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.11.0"
+
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://mirrors.cloud.tencent.com/npm/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -2382,6 +2409,11 @@ core-js-compat@^3.43.0, core-js-compat@^3.8.3:
   dependencies:
     browserslist "^4.28.0"
 
+core-js@^2.4.0:
+  version "2.6.12"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
+  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
+
 core-js@^3.8.3:
   version "3.47.0"
   resolved "https://mirrors.cloud.tencent.com/npm/core-js/-/core-js-3.47.0.tgz#436ef07650e191afeb84c24481b298bd60eb4a17"
@@ -2544,6 +2576,11 @@ csstype@^3.1.0:
   resolved "https://mirrors.cloud.tencent.com/npm/csstype/-/csstype-3.2.3.tgz#ec48c0f3e993e50648c86da559e2610995cf989a"
   integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
 
+dayjs@^1.11.19:
+  version "1.11.19"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/dayjs/-/dayjs-1.11.19.tgz#15dc98e854bb43917f12021806af897c58ae2938"
+  integrity sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://mirrors.cloud.tencent.com/npm/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
@@ -2568,9 +2605,9 @@ debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.6, debug@^4.4.1:
   dependencies:
     ms "^2.1.3"
 
-deepmerge@^1.5.2:
+deepmerge@^1.2.0, deepmerge@^1.5.2:
   version "1.5.2"
-  resolved "https://mirrors.cloud.tencent.com/npm/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
   integrity sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
 
 default-gateway@^6.0.3:
@@ -2723,6 +2760,14 @@ easy-stack@1.0.1:
   resolved "https://mirrors.cloud.tencent.com/npm/easy-stack/-/easy-stack-1.0.1.tgz#8afe4264626988cabb11f3c704ccd0c835411066"
   integrity sha512-wK2sCs4feiiJeFXn3zvY0p41mdU5VUgbgs1rNsc/y5ngFUijdWd+iIN8eoyuZHKB8xN6BL4PdWmzqFmxNg6V2w==
 
+echarts@^5.2.2:
+  version "5.6.0"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/echarts/-/echarts-5.6.0.tgz#2377874dca9fb50f104051c3553544752da3c9d6"
+  integrity sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==
+  dependencies:
+    tslib "2.3.0"
+    zrender "5.6.1"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://mirrors.cloud.tencent.com/npm/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -2733,6 +2778,18 @@ electron-to-chromium@^1.5.263:
   resolved "https://mirrors.cloud.tencent.com/npm/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz#5d84f2df8cdb6bfe7e873706bb21bd4bfb574dc7"
   integrity sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==
 
+element-ui@^2.15.6:
+  version "2.15.14"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/element-ui/-/element-ui-2.15.14.tgz#3c34df79467636592812d720d2e6784e7a6ec2ea"
+  integrity sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA==
+  dependencies:
+    async-validator "~1.8.1"
+    babel-helper-vue-jsx-merge-props "^2.0.0"
+    deepmerge "^1.2.0"
+    normalize-wheel "^1.0.1"
+    resize-observer-polyfill "^1.5.0"
+    throttle-debounce "^1.0.1"
+
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://mirrors.cloud.tencent.com/npm/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -3038,9 +3095,9 @@ flat@^5.0.2:
   resolved "https://mirrors.cloud.tencent.com/npm/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
   integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
 
-follow-redirects@^1.0.0:
+follow-redirects@^1.0.0, follow-redirects@^1.14.7:
   version "1.15.11"
-  resolved "https://mirrors.cloud.tencent.com/npm/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
   integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
 
 forwarded@0.2.0:
@@ -4017,6 +4074,11 @@ normalize-url@^6.0.1:
   resolved "https://mirrors.cloud.tencent.com/npm/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
   integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
 
+normalize-wheel@^1.0.1:
+  version "1.0.1"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/normalize-wheel/-/normalize-wheel-1.0.1.tgz#aec886affdb045070d856447df62ecf86146ec45"
+  integrity sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==
+
 npm-run-path@^2.0.0:
   version "2.0.2"
   resolved "https://mirrors.cloud.tencent.com/npm/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
@@ -4708,6 +4770,11 @@ regenerate@^1.4.2:
   resolved "https://mirrors.cloud.tencent.com/npm/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
+regenerator-runtime@^0.11.0:
+  version "0.11.1"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
+  integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
+
 regexpu-core@^6.3.1:
   version "6.4.0"
   resolved "https://mirrors.cloud.tencent.com/npm/regexpu-core/-/regexpu-core-6.4.0.tgz#3580ce0c4faedef599eccb146612436b62a176e5"
@@ -4763,6 +4830,11 @@ requires-port@^1.0.0:
   resolved "https://mirrors.cloud.tencent.com/npm/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
+resize-observer-polyfill@^1.5.0:
+  version "1.5.1"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://mirrors.cloud.tencent.com/npm/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
@@ -5334,6 +5406,11 @@ thread-loader@^3.0.0:
     neo-async "^2.6.2"
     schema-utils "^3.0.0"
 
+throttle-debounce@^1.0.1:
+  version "1.1.0"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/throttle-debounce/-/throttle-debounce-1.1.0.tgz#51853da37be68a155cb6e827b3514a3c422e89cd"
+  integrity sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==
+
 thunky@^1.0.2:
   version "1.1.0"
   resolved "https://mirrors.cloud.tencent.com/npm/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
@@ -5361,6 +5438,11 @@ tr46@~0.0.3:
   resolved "https://mirrors.cloud.tencent.com/npm/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
+tslib@2.3.0:
+  version "2.3.0"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
 tslib@^2.0.3:
   version "2.8.1"
   resolved "https://mirrors.cloud.tencent.com/npm/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
@@ -5793,3 +5875,10 @@ yargs@^16.0.0:
     string-width "^4.2.0"
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
+
+zrender@5.6.1:
+  version "5.6.1"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/zrender/-/zrender-5.6.1.tgz#e08d57ecf4acac708c4fcb7481eb201df7f10a6b"
+  integrity sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==
+  dependencies:
+    tslib "2.3.0"