vue clicks on Dashboard to jump to the instance of the same table

('click',function (param) {
   that.$({
     path: '/cases/case',
     query: { createdTime: ,type:"createdTime" }
   });
 })

getData: function(){
  //Get search content in CaseSearch  eventBus.$on('ticketEntityId',function(val){
    =val;
  })
  eventBus.$on('companyId',function(val){
    =val;
  })
  eventBus.$on('priorityId',function(val){
    =val;
  })
  eventBus.$on('status',function(val){
    =val;
  })
  eventBus.$on('ticketCategory',function(val){
    =val;
  })

  var pageTicketDate = {
    "pageNum": ,
    "pageSize": ,
    "priorityId":,
    "status":,
    "ticketEntityId":,
    "companyId":,
    "ticketCategory":
  };
  // Priority  if((this.$ == 'priorityId')&&(=='')){
    =this.$;
  }

  // state  if((this.$ == 'status')&&(=='')){
    =this.$;
  }

  //Creation time  if (this.$ == 'createdTime') {
     = this.$;
  }

  //Current month  if (this.$ == 'currentMonth') {
     = this.$;
  }

  if(||||||||){
    =;
    =;
    =;
    =;
    =;
    ='';
    ='';
  }

  this.$(pageTicketDate)
  .then(res => {
     = ;
    for(var i=0;i<;i++){
      // Response time      if([i].waitTime!=undefined){
        [i].waitTime=[i].waitTime+'minute';
      }
      // Processing time      if([i].handleTime!=undefined){
        [i].handleTime=[i].handleTime+'minute';
      }
      // Completion time      if([i].finishTime!=undefined){
        [i].finishTime=[i].finishTime;
      }else{
        [i].finishTime='N/A';
      }
    }
    // Current page     = ;
    // Total number of     = ;
  });
}

<template>
<div class="goods-info" @click="goGoodsPage()">
<div class="goods-image">
<img v-lazy="goodsImage">
</div>
<div class="goods-name">{{goodsName}}</div>
<div class="goods-price">￥{{ (2) }}</div>
</div>
</template>

<script>
export default {
name: "goodsInfo",
// The home page is sentprops: ["goodsImage", "goodsName", "goodsPrice", "goodsId"],
data() {
return {};
},
methods: {
goGoodsPage() {
// Jump to the product details page, name is the name attribute in the page routing configurationthis.$({name:"goods",query:{goodsId:}})
}
}
};
</script>

<style lang="scss" scoped>
.goods-info {
padding-bottom: 0.2rem;
.goods-image {
text-align: center;
img{
width: 95%;vertical-align: middle;
}
}
.goods-name {
padding: 0 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.goods-price {
text-align: center;
color: #e5017d;
}
}
</style>

<template>
 <div>Product Details Page</div>
</template>

<script>
import url from "@/";
export default {
 name: "goods",
 data() {
  return {
   goodsId: ""
  };
 },
 created () {
   // Receive the goodsId sent over    = this.$
   ()
   ();
 },
 methods: {
  getGoodsInfo() {
   let that = this;
   this.$http
    .post(,{goodsId: })
    .then(response => {
      //Get the corresponding product details based on goodsId      (response)
    })
    .catch(error => {

    });
  }
 }
};
</script>

<style lang="scss" scoped>
</style