修复首页统计图颜色无法正常显示、分页问题

src/views/home/config.js

 export const title = [{
-    prop: "name",
-    label: "名称",
-    columnAlign: 'center',
-  },
-  {
-    prop: "deptName",
-    label: "馆藏单位/展览单位",
-    columnAlign: 'center',
-  },
-  {
-    prop: "regionName",
-    label: "所在地区",
-    columnAlign: 'center',
-  },
-  {
-    prop: "browseCount",
-    label: "点击量",
-    columnAlign: 'center',
-    sortable:true
-  },
-  {
-    prop: "collectCount",
-    label: "点赞量",
-    columnAlign: 'center',
-    sortable:true
-  },
+  prop: "name",
+  label: "名称",
+  columnAlign: 'center',
+},
+{
+  prop: "deptName",
+  label: "馆藏单位/展览单位",
+  columnAlign: 'center',
+},
+{
+  prop: "regionName",
+  label: "所在地区",
+  columnAlign: 'center',
+},
+{
+  prop: "browseCount",
+  label: "点击量",
+  columnAlign: 'center',
+  sortable: true
+},
+{
+  prop: "collectCount",
+  label: "收藏量",
+  columnAlign: 'center',
+  sortable: true
+},
 
-  {
-    prop: "loveCount",
-    label: "收藏量",
-    columnAlign: 'center',
-    sortable:true
-  },
+{
+  prop: "loveCount",
+  label: "点赞量",
+  columnAlign: 'center',
+  sortable: true
+},
 ]

src/views/home/index.vue

@@ -205,6 +205,7 @@ export default {
   watch: {
     currentSortPage(value) {
       this.currentSortPage = value;
+      this.list.current = 1;
       this.loadListByPageSort();
     },
     activeName(value) {
@@ -340,26 +341,6 @@ export default {
             containLabel: true,
           },
         ],
-        // legend: {
-        //   bottom: '4%',
-        //   right: '10%',
-        //   orient: 'vertical',
-        //   width: 540,
-        //   height: 240,
-        //   padding: [14, 20],
-        //   backgroundColor: 'rgba(236,246,255,0.30)',
-        //   borderWidth: 1,
-        //   borderColor: '#E7F2FB',
-        //   borderRadius: 4,
-        //   icon: 'circle',
-        //   itemWidth: 8,
-        //   itemHeight: 8,
-        //   textStyle: {
-        //     color: '#333333',
-        //     fontSize: 12,
-        //   },
-        //   data: legendList,
-        // },
         xAxis: [
           {
             type: "value",
@@ -442,16 +423,26 @@ export default {
                 color: function (params) {
                   // 定义一个颜色集合
                   let colorList = [
-                    "#52A8FF",
-                    "#00B389",
-                    "#FFA940",
-                    "#FF5A57",
-                    "#29EFC4",
-                    "#F8AEA4",
-                    "#FFC53D",
-                    "#009982",
-                    "#C099FC",
-                    "#F5855F",
+                    "#c065e7",
+                    "#765deb",
+                    "#3862d8",
+                    "#6a89E2",
+                    "#219CF9",
+                    "#6efbbf",
+                    "#40c057",
+                    "#ffd351",
+                    "#ff8e43",
+                    "#f56b6d",
+                    "#c065e7",
+                    "#765deb",
+                    "#3862d8",
+                    "#6a89E2",
+                    "#219CF9",
+                    "#6efbbf",
+                    "#40c057",
+                    "#ffd351",
+                    "#ff8e43",
+                    "#f56b6d",
                   ];
                   // 对每个bar显示一种颜色
                   return colorList[params.dataIndex];
@@ -662,6 +653,8 @@ export default {
     async loadListByPageSort() {
       const params = {
         type: this.currentSortPage,
+        page: this.list.current,
+        limit: this.list.size,
       };
       let res = await getListByPageSort(params);
       let data = res.data;
@@ -737,6 +730,7 @@ export default {
 
     // 改变当前显示页
     handleCurrentChange(value) {
+      // debugger;
       this.list.current = value;
       this.loadListByPageSort();
     },