首页跳转添加

src/views/index.vue

@@ -1,32 +1,33 @@
 <template>
   <div class="app-container home">
+
     <el-card>
       <el-row>
-        <el-col :span="6">
+        <el-col :span="6" @click="router.push('/member/member')" class="pointer">
           <el-statistic title="用户数量" :value="indexObj?.memberCount" />
         </el-col>
-        <el-col :span="6">
+        <el-col :span="6" @click="router.push('/tenant/tenant')" class="pointer">
           <el-statistic title="店铺数量" :value="indexObj?.storeCount" />
         </el-col>
-        <el-col :span="6">
+        <el-col :span="6" @click="router.push('/pms/product')" class="pointer">
           <el-statistic title="商品数量" :value="indexObj?.productCount" />
         </el-col>
-        <el-col :span="6">
+        <el-col :span="6" @click="router.push('/order/list')" class="pointer">
           <el-statistic title="订单数量" :value="indexObj?.orderCount" />
         </el-col>
       </el-row>
     </el-card>
     <el-card>
       <el-row>
-        <el-col :span="4">
+        <el-col :span="4" @click="router.push('/pms/product')" class="pointer">
           <el-row> {{ indexObj?.productAudit }} </el-row>
           <el-row> 待审核商品 </el-row>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="4" @click="router.push('/tenant/tenant')" class="pointer">
           <el-row> {{ indexObj?.StoreAudit }} </el-row>
           <el-row> 待审核店铺 </el-row>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="4" @click="router.push('/videoManage/video')" class="pointer">
           <el-row> {{ indexObj?.vlogCount }} </el-row>
           <el-row> 待审核视频 </el-row>
         </el-col>
@@ -34,11 +35,11 @@
           <el-row> {{ indexObj?.orderAudit }} </el-row>
           <el-row> 待审核退款 </el-row>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="4" @click="router.push('/videoManage/report')" class="pointer">
           <el-row> {{ indexObj?.feedbackCount }} </el-row>
           <el-row> 待审核举报 </el-row>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="4" @click="router.push('/transaction/withdraw')" class="pointer">
           <el-row> {{ indexObj?.WithdrawCount }} </el-row>
           <el-row> 待审核提现 </el-row>
         </el-col>
@@ -60,19 +61,19 @@
     </el-row>
     <el-row>
       <el-col :span="12">
-        <el-card header="用户量">
+        <el-card header="用户量" @click="router.push('/member/member')" class="pointer">
           <LineChartnew v-if="lineChartsShow" :chartData="LinechartData" id="lineChartsShow" />
         </el-card>
       </el-col>
       <el-col :span="12">
-        <el-card header="短视频">
+        <el-card header="短视频" @click="router.push('/videoManage/video')" class="pointer">
           <LineChartnew v-if="monthlyVlogShow" :chartData="monthlyVlogList" id="monthlyVlogShow" />
         </el-card>
       </el-col>
     </el-row>
     <el-row>
       <el-col :span="12">
-        <el-card header="店铺TOP20">
+        <el-card header="店铺TOP20" @click="router.push('/tenant/tenant')" class="pointer">
           <div class="table-head" v-if="istopstores">
             <div>排名</div>
             <div>店铺名称</div>
@@ -90,7 +91,7 @@
         </el-card>
       </el-col>
       <el-col :span="12">
-        <el-card header="商品TOP20">
+        <el-card header="商品TOP20" @click="router.push('/pms/product')" class="pointer">
           <div class="table-head" v-if="istopproduct">
             <div>排名</div>
             <div>店铺名称</div>
@@ -116,6 +117,7 @@ import * as echarts from 'echarts';
 import { getIndex } from '@/api/login';
 import { indexObjOV, top20Stores, top20Product } from '@/api/types';
 import LineChartnew from '@/views/dashboard/LineChartnew.vue'; //引入折线图
+import router from '@/router';
 const goTarget = (url: string) => {
   window.open(url, '__blank');
 };
@@ -361,7 +363,9 @@ onMounted(() => {
     }
   }
 }
-
+.pointer {
+  cursor: pointer;
+}
 // ::v-deep {
 //   .el-card__body {
 //     height: 300px;