产量和效率

src/views/dashboard/components/CompanyInfo.vue

@@ -1,12 +1,12 @@
-<!-- 
+<!--
     filename: CompanyInfo.vue
     author: liubin
     date: 2024-04-08 15:27:04
-    description: 
+    description:
 -->
 
 <template>
-  <div class="company-info" :style="styles">
+  <div class="company-info" @click="handleChangeRoute()" :style="styles">
     <div class="corner bl"></div>
     <div class="corner br"></div>
     <h2>{{ info.companyName }}</h2>
@@ -31,7 +31,7 @@ export default {
     position: {
       type: Object,
       required: true,
-      default: () => ({ x: 0, y: 0 }),
+      default: () => ({ tx: 0, ty: 0 }),
     },
   },
   filters: {
@@ -49,12 +49,18 @@ export default {
   computed: {
     styles() {
       return {
-        left: `${this.position.x}%`,
-        top: `${this.position.y}%`,
+        left: `${this.position.tx}%`,
+        top: `${this.position.ty}%`,
       };
     },
   },
-  methods: {},
+  methods: {
+    handleChangeRoute() {
+      this.$router.push({
+        path: this.position.path
+      })
+    }
+  },
 };
 </script>
 
@@ -71,6 +77,7 @@ export default {
   z-index: 9999;
   // padding: 14px;
   padding: 0.745vw;
+  cursor: pointer;
   backdrop-filter: blur(2px);
   border-radius: 4px;
   transform: translate(-50%, -100%);