Merge pull request '排行榜相关bug修复' (#127) from wpd_superrank into master

Reviewed-on: #127

src/router/index.js

@@ -361,7 +361,7 @@ const routes = [{
     props: {
       pageTitle: '产品 - 毛利润排行',
       rank_type: 1,
-      type: 'check_type'
+      type: 'ver_type'
     },
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑
@@ -374,7 +374,7 @@ const routes = [{
     props: {
       pageTitle: '产品 - 订单数排行',
       rank_type: 2,
-      type: 'check_type'
+      type: 'ver_type'
     },
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑
@@ -387,7 +387,7 @@ const routes = [{
     props: {
       pageTitle: '产品 - 退单数排行',
       rank_type: 3,
-      type: 'check_type'
+      type: 'ver_type'
     },
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑

src/views/super/Ranking/RankBatchList.vue

@@ -52,7 +52,7 @@
                         sortable="custom" min-width="170">
 
                         <!--产品利润排行展示查看更多-->
-                        <template v-if="index == 3 && dataRank == 1" v-slot="{ row, $index }">
+                        <template v-if="index == 3 && dataRank == 1" scope="{ row, $index }">
                                 <el-popover v-model="row.id_popover" :ref="`popover-${row.id}`"
                                 placement="bottom" trigger="manual" :append-to-body="false"  :visible-arrow="true"
                                 popper-class="custom-popover"  @show="popshow" >

src/views/super/Ranking/RankList.vue

@@ -35,11 +35,8 @@
             </div>
 
             <el-form>
-                <el-table :data="tableData"
-                          :key="dataRank"
-                          style="width: 100%"
-                          @sort-change="handleSortChange"
-                          @cell-mouse-enter="handleRowHover">
+                <GuipTable :tableData="tableData" style="width: 100%" :border="true" @sort-change="handleSortChange"
+                           :loading="loading" @cell-mouse-enter="handleRowHover">
 
                     <el-table-column prop="sort" label="排序" width="100"></el-table-column>
 
@@ -48,7 +45,7 @@
                                      :key="selectedType"
                                      :label="type_select[selectedType]">
                         <template slot="header">
-                            <el-select class="custom-select" popper-class="custom-select-dropdown" v-model="selectedType" @change="changeRankType">
+                            <el-select class="custom-select tableHeaderSelect" popper-class="custom-select-dropdown" v-model="selectedType" @change="changeRankType">
                                 <el-option v-for="(item,type) in type_select"
                                            :key="type"
                                            :label="item"
@@ -201,7 +198,7 @@
                             </el-popover>
                         </template>
                     </el-table-column>
-                </el-table>
+                </GuipTable>
 
                 <el-pagination v-if="dataType == 'agent' || dataType == 'loss'" background
                                @size-change='handleSizeChange'
@@ -220,6 +217,7 @@
 import DateSelect from '@/components/super/DateSelect.vue';
 import CustomDropdown from '@/components/CustomDropdown.vue';
 import HoverImage from "@/components/super/HoverImage.vue";
+import GuipTable from "@/components/GuipTable.vue";
 
 export default {
     name: 'rank_list',
@@ -246,12 +244,14 @@ export default {
         },
     },
     components: {
+        GuipTable,
         HoverImage,
         DateSelect,
         CustomDropdown
     },
     data() {
         return {
+            loading: false,
             rank_type_desc: {
                 1: '毛利润',
                 2: '订单数',
@@ -512,6 +512,7 @@ export default {
             this.show_detail_index = row.sort
         },
         getRankingData() {
+            this.loading = true;
             if (this.dataType == 'agent') {
                 this.getAgentRanking()
             }
@@ -539,6 +540,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -564,6 +566,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -590,6 +593,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -665,6 +669,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -745,4 +750,13 @@ export default {
   }
 
 }
+
+.tableHeaderSelect ::v-deep .el-input__inner {
+  font-size: 14px;
+  font-weight: normal;
+  letter-spacing: 0.08em;
+  font-family: Microsoft YaHei UI;
+  color: #1E2226;
+  height: 100%;
+}
 </style>