网络平台的分页功能完善

src/views/privateOrder/ecosphere/components/componentLeft.vue

@@ -3,7 +3,7 @@
  * @Author: kery.chen
  * @Description: 总体概览左侧
  * @Date: 2021-11-30 11:08:50
- * @LastEditTime: 2023-08-25 10:38:55
+ * @LastEditTime: 2023-08-25 14:47:17
  * @FilePath     : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentLeft.vue
 -->
 <template>
@@ -398,8 +398,8 @@
             layout="total, sizes, prev, pager, next, jumper"
             :total="total"
             popper-class="select_bottom"
-            @size-change="handleSizeChange"
+            @size-change="handleSizeChangeZoo"
-            @current-change="handleCurrentChange"
+            @current-change="handleCurrentChangeZoo"
           >
           </el-pagination>
         </div>
@@ -522,6 +522,11 @@ export default {
         pageNum: 1,
         pageSize: 10
       },
+      zooParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type:1,
+      },
       currentPageData: [], // 当前页显示内容
       tableKey: [],
       threeTimer: null,
@@ -664,10 +669,12 @@ export default {
 
     // 网络平台信息获取
     async networkPlatformClick(val,type) {
+      this.zooParams.type = type
       this.currentPage = 1
       this.pageSize = 10
       this.dialogTitle = val
       this.zoologyIconStatus = true
+      let res = await listPlatform({pageNum:1,pageSize:10,type:type});
       if (val === 'B站') {
         // getBilibiliData().then((res) => {
         this.tableHeader = ['账号ID', 'URL']
@@ -676,17 +683,15 @@ export default {
         // this.tableData = [
         //   { 账号ID: 1, URL: 'https://www.bilibili.com/' }
         // ]
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {}
-            obj['账号ID'] = item.name
+          obj['账号ID'] = item.name
-            obj['URL'] = item.dns
+          obj['URL'] = item.dns
-            this.tableData.push(obj)
+          this.tableData.push(obj)
-          })
+        })
         // res['T_DATA_BILIBILI[]'].forEach((item) => {
         //   this.tableData.push({ 账号ID: item.account_id, URL: item.url })
         // })
-        this.networkPlatformData()
         // })
       } else if (val === '小红书') {
         // getRedBookData().then((res) => {
@@ -699,14 +704,12 @@ export default {
         // res['T_DATA_RED_BOOK[]'].forEach((item) => {
         //   this.tableData.push({ 账号ID: item.account_id, URL: item.url })
         // })
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {}
           obj['账号ID'] = item.name
           obj['URL'] = item.dns
           this.tableData.push(obj)
         })
-        this.networkPlatformData()
         // })
       } else if (val === '今日头条') {
         // getToDayHeadlineData().then((res) => {
@@ -716,7 +719,6 @@ export default {
         // this.tableData = [
         //   { 账号ID: 1, 简介: '今日头条是北京字节跳动科技有限公司开发的一款基于数据挖掘的推荐引擎产品，为用户推荐信息、提供连接人与信息的服务的产品。由张一鸣于2012年3月创建，2012年8月发布第一个版本。' }
         // ]
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {}
           obj['账号ID'] = item.name
@@ -729,7 +731,6 @@ export default {
         //     简介: item.introduction
         //   })
         // })
-        this.networkPlatformData()
         // })
       } else if (val === '快手') {
         // getQuickData().then((res) => {
@@ -739,7 +740,6 @@ export default {
         // this.tableData = [
         //   { 账号ID: 1, 简介: '快手是北京快手科技有限公司旗下的产品。快手 [1-2]的前身，叫“GIF快手”，诞生于2011年3月，最初是一款用来制作、分享GIF图片的手机应用。2012年11月，快手从纯粹的工具应用转型为短视频社区，用于用户记录和分享生产、生活的平台。后来随着智能手机、平板电脑的普及和移动流量成本的下降，快手在2015年以后迎来市场' }
         // ]
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {}
           obj['账号ID'] = item.name
@@ -752,7 +752,6 @@ export default {
         //     简介: item.introduction
         //   })
         // })
-        this.networkPlatformData()
         // })
       } else if (val === '微信') {
         // getWechat().then((res) => {
@@ -762,7 +761,6 @@ export default {
         // this.tableData = [
         //   { 账号ID: 1, 行业属性: '自媒体' }
         // ]
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {}
           obj['账号ID'] = item.name
@@ -775,7 +773,6 @@ export default {
         //     行业属性: item.introduction
         //   })
         // })
-        this.networkPlatformData()
         // })
       } else if (val === '网站') {
         // getWebsite().then((res) => {
@@ -789,7 +786,6 @@ export default {
         //   备案许可证号: '京ICP证030173号',
         //   numOrder: 1
         // })
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {}
           obj['网站名称'] = item.name
@@ -810,7 +806,6 @@ export default {
         //   })
         // })
         this.tableData.sort((a, b) => a.numOrder - b.numOrder)
-        this.networkPlatformData()
         // })
       } else if (val === '微博') {
         // getWeibo().then((res) => {
@@ -823,7 +818,6 @@ export default {
         //   认证: '微博原创视频博主',
         //   地区: '北京'
         // })
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {}
           obj['账号名称'] = item.name
@@ -832,7 +826,6 @@ export default {
           this.tableData.push(obj)
         })
         // })
-        this.networkPlatformData()
         // })
       } else if (val === '抖音') {
         // getTikTok().then((res) => {
@@ -845,7 +838,6 @@ export default {
         //   简介: '无',
         //   粉丝数: 25
         // })
-        let res = await listPlatform({type:type});
         res.rows.map((item)=>{
           let obj = {};
           obj['账号'] = item.name;
@@ -855,9 +847,13 @@ export default {
         })
         this.tableData.sort((a, b) => b.粉丝数 - a.粉丝数)
         
+        
         // })
       }
-      this.networkPlatformData()
+      this.total = res.total
+      this.currentPageData = this.tableData
+      this.zoologyIconStatus = true
+      // this.networkPlatformData()
     },
     getProps(props){
       switch(props){
@@ -1044,6 +1040,82 @@ export default {
       this.currentPage = val
       this.setCurrentPageData()
     },
+    handleSizeChangeZoo(val){
+      this.zooParams.pageSize = val
+      this.networkPlatformClickTwo(this.zooParams)
+    },
+    handleCurrentChangeZoo(val){
+      this.zooParams.pageNum = val
+      this.networkPlatformClickTwo(this.zooParams)
+    },
+    async networkPlatformClickTwo(params){
+      console.log(params,'====')
+      this.tableData = []
+      let res = await listPlatform(params);
+      if(params.type == 1){
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['网站名称'] = item.name
+          obj['真实IP'] = item.ipAddress
+          obj['网站域名'] = item.dns
+          obj['备案许可证号'] = item.licenceNum
+          this.tableData.push(obj)
+        })
+      } else if(params.type == 2) {
+        res.rows.map((item)=>{
+          let obj = {};
+          obj['账号'] = item.name;
+          obj['简介'] = item.intro;
+          obj['粉丝数'] = item.fansNum;
+          this.tableData.push(obj)
+        })
+        this.tableData.sort((a, b) => b.粉丝数 - a.粉丝数)
+      } else if(params.type == 3) {
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['行业属性'] = this.getProps(item.props)
+          this.tableData.push(obj)
+        })
+      } else if(params.type == 4) {
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号名称'] = item.name
+          obj['认证'] = item.authentication
+          obj['地区'] = item.area
+          this.tableData.push(obj)
+        })
+      } else if(params.type == 5) {
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['简介'] = item.intro
+          this.tableData.push(obj)
+        })
+      } else if(params.type == 6) {
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['简介'] = item.intro
+          this.tableData.push(obj)
+        })
+      } else if(params.type == 7) {
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['URL'] = item.dns
+          this.tableData.push(obj)
+        })
+      } else if(params.type == 8) {
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['URL'] = item.dns
+          this.tableData.push(obj)
+        })
+      }
+      this.currentPageData = this.tableData
+    },
     async dynamicClick(e) {
       this.tableData = []
       this.currentPage = 1