统计图表格图标的显示

src/views/index.vue

@@ -276,28 +276,45 @@
               type="index"
               label="排名"
               align="center"
-              width="200">
+              width="300">
+              <template slot-scope="scope">
+               <div :class="scope.$index==0?'foot-index':'foot-indexone'">
+                 <img src="@/assets/image/yelimg.png" alt=""  v-if="(scope.$index==0)">
+                 <img src="@/assets/image/blaimg.png" alt="" v-if="(scope.$index!==0)">
+                 <span class="foot-table-text">{{scope.$index+1}}</span>
+               </div>
+              </template>
             </el-table-column>
             <el-table-column
               prop="category_name"
               label="品类"
-              align="center"
+              align="left"
+              width="250"
               >
-              <!-- <template slot-scope="scope">
-               <img src="@/assets/image/all-shop.png" alt="">
-              </template> -->
             </el-table-column>
             <el-table-column
               prop="num"
               label="商品总数"
               align="center"
-              >
+              width='300' >
+              <template slot-scope="scope">
+               <div class="foot-table">
+                 <img src="@/assets/image/all-shop.png" alt="" class="foot-table-img">
+                 <span class="foot-table-text">{{scope.row.num}}</span>
+               </div>
+              </template>
             </el-table-column>
             <el-table-column
               prop="sale"
               align="center"
               label="交易量"
               >
+              <template slot-scope="scope">
+               <div class="foot-table">
+                 <img src="@/assets/image/all-shop1.png" alt="" class="foot-table-imgone">
+                 <span class="foot-table-text">{{scope.row.sale}}</span>
+               </div>
+              </template>
             </el-table-column>
             <!-- <el-table-column
               prop="category_id"
@@ -427,7 +444,7 @@
       },
       //跳转到订单列表
       goovertime(){
-        this.$router.push({path:'/system/order/index',query:{userId:123}})
+        this.$router.push({path:'/system/order/index',query:{timeout:24}})
       },
       //获取默认数据
       async GetDefaultData(){
@@ -517,7 +534,7 @@
       //修改表格样式
       changeCellStyle(row,column,rowIndex,columnIndex){
         if(row.column.label==='品类'){
-          return 'color: #000000;font: 400 14px AlibabaPuHuiTi-Regular'
+          return 'color: #000000;font: 500 14px AlibabaPuHuiTi-Regular;margin-left:50px;'
         }else{
           return ''
         }
@@ -804,11 +821,40 @@
     display: inline-block;
     margin-left: 15px;
   }
+  .foot-table-img{
+    position: absolute;
+    vertical-align: middle;
+    left: 36%;
+    top: 14%;
+  }
+  .foot-table-imgone{
+    position: absolute;
+    vertical-align: middle;
+    left: 41%;
+    top: 14%;
+  }
+  .foot-table{
+    position: relative;
+  }
   .dia-text{
     text-align: center;
     font: 600 24px FZZhengHeiS-B-GB;
     color: #000000;
   }
+  .foot-index{
+    margin: auto;
+    width: 48px;
+    height: 19px;
+    background: #FEEEE5;
+    border-radius: 10px;
+  }
+  .foot-indexone{
+    margin: auto;
+    width: 48px;
+    height: 19px;
+    background: #F5F7FA;
+    border-radius: 10px;
+  }
   ul, li {
     padding: 0;
     margin: 0;

src/views/system/order/index.vue

@@ -598,16 +598,16 @@
       },
       // 获取订单列表
       getListOrder() {
-        console.log(this.$route,'看看路由跳的是哪个？')
         this.tableDataList = []
         let params = {
           page: this.currentPage,
           limit: this.pageSize,
           seller_id: this.sellerId,
           status: this.goodsStatus,
-          // is_time_out:true
         }
-
+        if(this.$route.query.timeout==24){
+          params.is_time_out=true
+        }
         if(this.form.order_sn != '') {
           params['order_sn'] = this.form.order_sn
         }
@@ -642,7 +642,6 @@
           params['send_start_time'] = new Date(this.form.sendTime[0]).getTime() / 1000;
           params['send_end_time'] = new Date(this.form.sendTime[1]).getTime() / 1000;
         }
-
         listOrder(params).then(res => {
           if (res.code == 1) {
             // 获取 订单 状态对应数量
@@ -962,7 +961,7 @@
       //   }
       //
       // },
-    }
+    },
   };
 </script>