报表跳转

src/views/wel/components/statisticsTable.vue

@@ -5,7 +5,7 @@
             统计报表
         </div>
         <div class="table_box">
-        <div class="table_box_item" v-for="item in tableData" :key="item.name">
+            <div class="table_box_item" v-for="item in tableData" :key="item.name" @click="turnPage(item.page)">
                 <img v-show="item.url == 'pro_table'" src="@/assets/pro_table.png" alt="">
                 <img v-show="item.url == 'craft_table'" src="@/assets/craft_table.png" alt="">
                 <img v-show="item.url == 'qua_table'" src="@/assets/qua_table.png" alt="">
@@ -20,11 +20,18 @@ export default {
     data() {
         return {
             tableData: [
-                {name:'生产报表',url:'pro_table'},
+                { name: '生产报表', url: 'pro_table', page: '/statisticalAnalysis/productionReport' },
                 { name: '工艺报表', url: 'craft_table' },
                 { name: '质量报表', url: 'qua_table' },
             ]
         }
+    },
+    methods: {
+        turnPage(page) {
+            if (page) {
+                this.$router.push(page);
+            }
+        }
     }
 }
 </script>
@@ -59,5 +66,4 @@ export default {
         }
     }
 }
-
 </style>