前端vue导出PPT幻灯片，使用pptxgen.js，超详细(赋原数据)

最新推荐文章于 2024-03-23 09:46:08 发布

Э时间行者于我

最新推荐文章于 2024-03-23 09:46:08 发布

阅读量984

点赞数

分类专栏： Vue js 前端文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_45094682/article/details/134803169

版权

js 同时被 3 个专栏收录

47 篇文章 1 订阅

订阅专栏

Vue

44 篇文章 3 订阅

订阅专栏

前端

9 篇文章 0 订阅

订阅专栏

即上一篇文章最终代码
前端vue导出PPT，使用pptxgen.js

前端vue导出PPT，使用pptxgen.js

一个平台下有10个国家，这个是后端返回数据固定的，每一个国家下面有10个物流方式，这10个物流方式是这10个国家都有的，也就是所有物流方式去重之后也只有10个物流方式,10个国家，物流方式method0到method9最多也为10个，但也可以不是10个，也就是method0到method9以内是不固定的，它跟methodTotalCount0数量是有联系的，methodTotalCount0也是0–9之内的范围

参数说明

buyerCountryName：对应国家
comparison：是否上涨下降
method0–method9：物流方式的名称
methodTotalCount0–methodTotalCount9：物流方式对应的数量
totalCount：每个国家的总数

ppt 前端导出ppt 导出ppt pptxgenjs Pptxgen

为了方便查看逻辑代码，我把原数据放下面，temp1 就是模拟接口的数据

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>前端vue导出PPT，使用pptxgen.js Demo</title>
</head>
<body>
  <h1 style="text-align: center;">请打开F12控制台查看数据</h1>
  <div id="chart-container"></div>
  <!--加载整个Lodash库-->
  <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js"></script>
  <script >
    // import _ from 'lodash'
    // temp1 就是模拟接口的数据
    const temp1 = {
     // 这里的数据在下面*******
}
    
   
        let salechannelArr = Object.keys(temp1).map(key1 => key1) // 获取平台的总数
        console.log('temp1', temp1)
        console.log('获取平台的总数', salechannelArr)

        this.salechannelSumArr = salechannelArr
        let salechannelItemList = [] // 存放所有平台的数据
        let buyerCountryList = [] // 存放所有平台对应国家的数据
        let result = Object.keys(temp1).slice(0, 30)
        console.log('result', result)
        result.forEach(item => {
          // console.log('result[item]', item, temp1[item]) // item是平台  temp1[item] 是对应平台的数据
          temp1[item].forEach(item1 => {
            item1.aSalechannel = item
            item1.buyerCountryName1 = item1.buyerCountryName
            buyerCountryList.push({ salechannel: item, buyerCountryName: item1.buyerCountryName })
            salechannelItemList.push(item1)
          })
        })
        console.log('buyerCountryList', buyerCountryList)
        console.log('salechannelItemList', salechannelItemList)
        this.salechannelItemArr = salechannelItemList
        let shippingmethodArr = []
        let CountryArr2 = []
        let exportAllSalechannelList = [] //
        // 合计
        let sumArr = []
        for (let i = 0; i < salechannelItemList.length; i++) { // 外层循环遍历每个国家的数据
          const buyerCountryName = salechannelItemList[i].buyerCountryName
          const aSalechannel = salechannelItemList[i].aSalechannel

          for (let j = 0; salechannelItemList[i][`method${j}`] !== undefined; j++) { // 内层循环根据method的动态数目来获取对应的内容
            const methodName = salechannelItemList[i][`method${j}`]
            const methodTotalCount = salechannelItemList[i][`methodTotalCount${j}`]

            shippingmethodArr.push(methodName)
            CountryArr2.push(buyerCountryName)
            exportAllSalechannelList.push({ aSalechannel, methodName: methodName, buyerCountryName, methodTotalCount })
            // console.log(`${buyerCountryName} - ${methodName}: ${methodTotalCount}`)
          }
          const comparison = salechannelItemList[i].comparison // 上涨xx.xx%  下降xx.xx%
          const totalCount = salechannelItemList[i].totalCount // 总数
          sumArr.push({ aSalechannel, comparison: comparison, buyerCountryName, totalCount })
          console.log(`国家对应的数据 ${buyerCountryName}: ${comparison}总数： ${totalCount}`)
        }
        // 先把平台里对应的国家找出来，最后在循环平台对应国家的数据
        this.comparisonSumArr = sumArr
        console.log('exportAllSalechannelList', exportAllSalechannelList)
        console.log('comparisonSumArr-是否上涨', sumArr)
        let dataChartAreaLine = []
        dataChartAreaLine.push({ name: [], labels: [], values: [] })
        console.log('dataChartAreaLine-ppt数据', dataChartAreaLine)
        let methodNameArr1 = []
        let methodNameArr1Set = []
        sumArr.forEach((item1, idx1) => {
          exportAllSalechannelList.forEach((item2, idx2) => {
            if (item1.aSalechannel == item2.aSalechannel) {
              methodNameArr1.push(item2.methodName)
              // methodNameArr1.push({ aSalechannel: item2.aSalechannel, methodName: item2.methodName })
            }
          })
        })
        methodNameArr1Set = [...new Set(methodNameArr1)]
        console.log('methodNameArr1', methodNameArr1, '去重的物流方式', methodNameArr1Set)
        let methodNameArr2 = []
        methodNameArr1Set.forEach((item1, idx1) => {
          exportAllSalechannelList.forEach((item2, idx2) => {
            if (item1 == item2.methodName) {
              // methodNameArr2.push(item2.methodName)
              methodNameArr2.push({ aSalechannel: item2.aSalechannel, methodName: item2.methodName })
            }
          })
        })
        console.log('methodNameArr2', methodNameArr2)
        // 初始化 dataChartAreaLine
        // 获取唯一的 aSalechannel 列表
        const uniqueChannels = [...new Set(exportAllSalechannelList.map(item => item.aSalechannel))]

        console.log('uniqueChannels', uniqueChannels)
        let dataChartAreaLine3 = {}

        salechannelArr.forEach(channel => {
          const channelData = exportAllSalechannelList.filter(item => item.aSalechannel === channel)
          const uniqueMethods = [...new Set(channelData.map(item => item.methodName))]
          const uniqueCountries = [...new Set(channelData.map(item => item.buyerCountryName))]

          const channelChartData2 = uniqueMethods.map(method => ({
            labels: uniqueCountries.map(country => country),
            name: method,
            values: []
          }))
          console.log('channelData01', channel, channelData, 'uniqueMethods', uniqueMethods, 'uniqueCountries', uniqueCountries, 'channelChartData2', channelChartData2)
          // channelData aSalechannel: 'Amazon', methodName: '线下EUB深圳新', buyerCountryName: '美国', methodTotalCount:0
          let dataChartAreaLine2 = []

          uniqueMethods.forEach(method => {
            let chartData = {
              name: method,
              labels: uniqueCountries.map(country => country),
              values: []
            }

            chartData.labels.forEach(country => {
              let countryData = channelData.find(item => item.methodName === method && item.buyerCountryName === country)
              chartData.values.push(countryData ? countryData.methodTotalCount : 0)
            })

            dataChartAreaLine2.push(chartData)
          })
          console.log('dataChartAreaLine2', dataChartAreaLine2)

          dataChartAreaLine3[channel] = dataChartAreaLine2
        })
        // dataChartAreaLine3就是ppt最后的下载数据了，由于HTML中没有在线cdn的引用pptxgenjs，你需要通过node去下载安装
        console.log('最终传给ppt生成的数据', dataChartAreaLine3)
        // this.exportPPT(startDate, endDate)  这块你在项目中可以打开运行
// ****************************************需要通过node去下载安装调试，代码已经有现成的***********************************************************************************

    // import Pptxgen from 'pptxgenjs'
    // this.$cloneDeep是下载的lodashjs绑定到vue原型的，也可以不用
    function exportPPT(startDate='2023.12.4', endDate='2023.12.10') {
      // 1. 创建PPT
      const pres = new Pptxgen()

      // 2. 创建一个PPT页面，每调用一次 pres.addSlide() 都可以生成一张新的页面
      // 建议把每个页面的构造抽成一个个函数，然后通过函数调用生成新页面，代码不会很乱
      // const slide = pres.addSlide()
      let slidesObj = {} // salechannelSumArr salechannelItemArr
      // console.log('salechannelSumArr-9', this.$cloneDeep(this.salechannelSumArr))
      // console.log('dataChartAreaLine3-9', this.$cloneDeep(this.dataChartAreaLine3))
      // console.log('comparisonSumArr-9', this.$cloneDeep(this.comparisonSumArr))
      this.salechannelSumArr.slice(0, 30).forEach((item, idx) => {
        slidesObj['slide' + idx + item] = pres.addSlide()

        slidesObj['slide' + idx + item].addText(item + '平台', {
          x: 0.4, // 横坐标
          y: 0.4,
          color: '363636',
          fontSize: 20, // 字号
          fill: { color: 'F1F1F1' },
          align: 'center'
        })
        // 2023-05-01至2023-11-01主要国家发货分布 startDate, endDate
        slidesObj['slide' + idx + item].addText(`${startDate}至${endDate}主要国家发货发布`, {
          x: 0.5, // 横坐标
          y: 0.8,
          color: '363636',
          fontSize: 18, // 字号
          fill: { color: 'F1F1F1' },
          align: 'center'
        })
        // console.log('item-dataChartAreaLine3', ['slide' + idx + item])
        // console.log('item-dataChartAreaLine33', ['slide' + idx + item], this.dataChartAreaLine3[item])
        slidesObj['slide' + idx + item].addChart(pres.ChartType.bar, this.dataChartAreaLine3[item],
          {
            x: 0.6,
            y: 1,
            w: 9,
            h: 3.7,
            title: item + '平台' // 标题
          }
        )
        let SalechannelTemp1 = '' // 每个平台对应国家，是否上涨的变量
        this.comparisonSumArr.forEach((item2, idx2) => {
          if (item === item2.aSalechannel && item2.comparison) { // 平台相同才是上涨
            SalechannelTemp1 += item2.buyerCountryName + item2.comparison + '，'
          }
        })
        slidesObj['slide' + idx + item].addText(SalechannelTemp1, {
          x: 0.5, // 横坐标
          y: 5.2,
          w: 9,
          color: '363636',
          fontSize: 12, // 字号
          fill: { color: 'F1F1F1' },
          align: 'center'
        })
        // 画图表 this.dataChartAreaLine3 (temp1[Object.keys(temp1)[xIndex]])
        /* this.exportAllSalechannelList.forEach((item3, idx3) => {
          const dataChartAreaLine = [
            {
              name: '菜鸟-平邮',
              labels: ['美国', '英国', '德国', '法国', '意大利', '西班牙', '加拿大', '墨西哥', '巴西', '智利'],
              values: [1500, 4600, 5156, 3167, 8510, 8009, 6006, 7855, 12102, 12789]
            },
            {
              name: '菜鸟-挂号',
              labels: ['美国', '英国', '德国', '法国', '意大利', '西班牙', '加拿大', '墨西哥', '巴西', '智利'],
              values: [1000, 2600, 3456, 4567, 5010, 6009, 7006, 8855, 9102, 10789]
            },
            {
              name: '顺友-平邮',
              labels: ['美国', '英国', '德国', '法国', '意大利', '西班牙', '加拿大', '墨西哥', '巴西', '智利'],
              values: [2000, 4200, 5156, 3167, 6510, 8009, 6006, 5855, 10102, 11789]
            },
            {
              name: '顺友-挂号',
              labels: ['美国', '英国', '德国', '法国', '意大利', '西班牙', '加拿大', '墨西哥', '巴西', '智利'],
              values: [1300, 2100, 3456, 4567, 4010, 6009, 7006, 6855, 8102, 10789]
            },
            {
              name: '燕文-平邮',
              labels: ['美国', '英国', '德国', '法国', '意大利', '西班牙', '加拿大', '墨西哥', '巴西', '智利'],
              values: [2000, 4200, 5156, 3167, 6510, 8009, 6006, 5855, 10102, 11789]
            },
            {
              name: '燕文-挂号',
              labels: ['美国', '英国', '德国', '法国', '意大利', '西班牙', '加拿大', '墨西哥', '巴西', '智利'],
              values: [1300, 2100, 3456, 4567, 4010, 6009, 7006, 6855, 8102, 10789]
            }
          ]

          slidesObj['slide' + idx + item].addChart(pres.ChartType.bar, dataChartAreaLine,
            {
              x: 0.6,
              y: 1.2,
              w: 8,
              h: 3.5,
              title: item + '平台' // 标题
            }
          )
        }) */
      })


      // 4. 生成PPT， 括号中的fileName，就是生成的 PPT名字，可以使用 .then 或者 .catch处理对应事件。
      pres.writeFile({ fileName: `${startDate}至${endDate}周报.pptx` }).then(() => {
        this.$Message.success({ content: '导出成功！', duration: 5, closable: true })
      })
    }
  </script>
</body>
</html>

原数据在这里

const temp1 = {
    "Lazada": [
        {
            "buyerCountryName": "菲律宾",
            "totalCount": 11563,
            "method0": "LAZADA菲律宾",
            "methodTotalCount0": 11563,
            "method1": "LAZADA泰国陆运",
            "methodTotalCount1": 0,
            "method2": "lazada越南",
            "methodTotalCount2": 0,
            "method3": "lazada马来",
            "methodTotalCount3": 0,
            "method4": "LAZADA-SG3",
            "methodTotalCount4": 0,
            "method5": "LAZADA印尼普",
            "methodTotalCount5": 0,
            "method6": "LAZADA泰国",
            "methodTotalCount6": 0,
            "method7": "LAZADA印尼敏",
            "methodTotalCount7": 0,
            "methodSum": 8,
            "comparison": "上涨99.93%"
        },
        {
            "buyerCountryName": "泰国",
            "totalCount": 11281,
            "method0": "LAZADA菲律宾",
            "methodTotalCount0": 0,
            "method1": "LAZADA泰国陆运",
            "methodTotalCount1": 11262,
            "method2": "lazada越南",
            "methodTotalCount2": 0,
            "method3": "lazada马来",
            "methodTotalCount3": 0,
            "method4": "LAZADA-SG3",
            "methodTotalCount4": 0,
            "method5": "LAZADA印尼普",
            "methodTotalCount5": 0,
            "method6": "LAZADA泰国",
            "methodTotalCount6": 19,
            "method7": "LAZADA印尼敏",
            "methodTotalCount7": 0,
            "methodSum": 8,
            "comparison": "上涨99.94%"
        },
        {
            "buyerCountryName": "越南",
            "totalCount": 6550,
            "method0": "LAZADA菲律宾",
            "methodTotalCount0": 0,
            "method1": "LAZADA泰国陆运",
            "methodTotalCount1": 0,
            "method2": "lazada越南",
            "methodTotalCount2": 6550,
            "method3": "lazada马来",
            "methodTotalCount3": 0,
            "method4": "LAZADA-SG3",
            "methodTotalCount4": 0,
            "method5": "LAZADA印尼普",
            "methodTotalCount5": 0,
            "method6": "LAZADA泰国",
            "methodTotalCount6": 0,
            "method7": "LAZADA印尼敏",
            "methodTotalCount7": 0,
            "methodSum": 8,
            "comparison": "上涨99.92%"
        },
        {
            "buyerCountryName": "马来西亚",
            "totalCount": 5621,
            "method0": "LAZADA菲律宾",
            "methodTotalCount0": 0,
            "method1": "LAZADA泰国陆运",
            "methodTotalCount1": 0,
            "method2": "lazada越南",
            "methodTotalCount2": 0,
            "method3": "lazada马来",
            "methodTotalCount3": 5621,
            "method4": "LAZADA-SG3",
            "methodTotalCount4": 0,
            "method5": "LAZADA印尼普",
            "methodTotalCount5": 0,
            "method6": "LAZADA泰国",
            "methodTotalCount6": 0,
            "method7": "LAZADA印尼敏",
            "methodTotalCount7": 0,
            "methodSum": 8,
            "comparison": "上涨99.95%"
        },
        {
            "buyerCountryName": "新加坡",
            "totalCount": 4015,
            "method0": "LAZADA菲律宾",
            "methodTotalCount0": 0,
            "method1": "LAZADA泰国陆运",
            "methodTotalCount1": 0,
            "method2": "lazada越南",
            "methodTotalCount2": 0,
            "method3": "lazada马来",
            "methodTotalCount3": 0,
            "method4": "LAZADA-SG3",
            "methodTotalCount4": 4015,
            "method5": "LAZADA印尼普",
            "methodTotalCount5": 0,
            "method6": "LAZADA泰国",
            "methodTotalCount6": 0,
            "method7": "LAZADA印尼敏",
            "methodTotalCount7": 0,
            "methodSum": 8,
            "comparison": ""
        },
        {
            "buyerCountryName": "印度尼西亚",
            "totalCount": 376,
            "method0": "LAZADA菲律宾",
            "methodTotalCount0": 0,
            "method1": "LAZADA泰国陆运",
            "methodTotalCount1": 0,
            "method2": "lazada越南",
            "methodTotalCount2": 0,
            "method3": "lazada马来",
            "methodTotalCount3": 0,
            "method4": "LAZADA-SG3",
            "methodTotalCount4": 0,
            "method5": "LAZADA印尼普",
            "methodTotalCount5": 375,
            "method6": "LAZADA泰国",
            "methodTotalCount6": 0,
            "method7": "LAZADA印尼敏",
            "methodTotalCount7": 1,
            "methodSum": 8,
            "comparison": ""
        }
    ],
    "Amazon": [
        {
            "buyerCountryName": "墨西哥",
            "totalCount": 1007,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 958,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 23,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 0,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 0,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 22,
            "methodSum": 10,
            "comparison": ""
        },
        {
            "buyerCountryName": "美国",
            "totalCount": 549,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 38,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 0,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 294,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 0,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 212,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": "上涨64.3%"
        },
        {
            "buyerCountryName": "日本",
            "totalCount": 444,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 108,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 232,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 33,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 17,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 50,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": ""
        },
        {
            "buyerCountryName": "西班牙",
            "totalCount": 250,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 54,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 51,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 92,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 53,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": "上涨98.8%"
        },
        {
            "buyerCountryName": "法国",
            "totalCount": 173,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 10,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 4,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 24,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 132,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 1,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": "上涨97.69%"
        },
        {
            "buyerCountryName": "德国",
            "totalCount": 102,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 59,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 3,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 27,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 2,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 4,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": "上涨96.08%"
        },
        {
            "buyerCountryName": "英国",
            "totalCount": 100,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 100,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 0,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 0,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": "上涨94.0%"
        },
        {
            "buyerCountryName": "加拿大",
            "totalCount": 81,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 74,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 2,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 1,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 4,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": ""
        },
        {
            "buyerCountryName": "意大利",
            "totalCount": 30,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 16,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 3,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 8,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 2,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": "上涨83.33%"
        },
        {
            "buyerCountryName": "土耳其",
            "totalCount": 27,
            "method0": "纬狮-轻小件标准专线B",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 15,
            "method2": "线下EUB深圳特货新",
            "methodTotalCount2": 0,
            "method3": "递四方-联邮通美国专线",
            "methodTotalCount3": 0,
            "method4": "线下EUB深圳新",
            "methodTotalCount4": 12,
            "method5": "义达-美国经济挂号普货",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "线下EUB深圳带电新",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "method9": "纬狮-墨西哥专线带电",
            "methodTotalCount9": 0,
            "methodSum": 10,
            "comparison": ""
        }
    ],
    "SMT": [
        {
            "buyerCountryName": "澳大利亚",
            "totalCount": 462,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 461,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 1,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "西班牙",
            "totalCount": 360,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 4,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 356,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "比利时",
            "totalCount": 239,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 236,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 3,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "加拿大",
            "totalCount": 220,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 217,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 3,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "摩尔多瓦",
            "totalCount": 120,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 120,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "塞尔维亚",
            "totalCount": 116,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 116,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "墨西哥",
            "totalCount": 49,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 8,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 21,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 12,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 8,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": "上涨93.88%"
        },
        {
            "buyerCountryName": "毛里求斯",
            "totalCount": 41,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 41,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "马尔代夫",
            "totalCount": 37,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 37,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        },
        {
            "buyerCountryName": "南非",
            "totalCount": 37,
            "method0": "菜鸟-无忧标准普货",
            "methodTotalCount0": 0,
            "method1": "顺邮宝挂号",
            "methodTotalCount1": 37,
            "method2": "菜鸟专线经济",
            "methodTotalCount2": 0,
            "method3": "纬狮-墨西哥纯电敏感货",
            "methodTotalCount3": 0,
            "method4": "纬狮-轻小件标准专线B",
            "methodTotalCount4": 0,
            "method5": "纬狮-墨西哥专线带电",
            "methodTotalCount5": 0,
            "method6": "递四方-普货经济挂号",
            "methodTotalCount6": 0,
            "method7": "递四方-联邮通美国专线",
            "methodTotalCount7": 0,
            "method8": "义达-日本普货专线",
            "methodTotalCount8": 0,
            "methodSum": 9,
            "comparison": ""
        }
    ],
    "Walmart": [
        {
            "buyerCountryName": "美国",
            "totalCount": 181,
            "method0": "朗智-美国虚拟仓普货",
            "methodTotalCount0": 178,
            "method1": "义达-美国虚拟仓普货",
            "methodTotalCount1": 3,
            "methodSum": 2,
            "comparison": "下降159.67%"
        }
    ],
    "Fruugo": [
        {
            "buyerCountryName": "瑞士",
            "totalCount": 23,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 23,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 0,
            "methodSum": 3,
            "comparison": ""
        },
        {
            "buyerCountryName": "法国",
            "totalCount": 16,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 2,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 10,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 4,
            "methodSum": 3,
            "comparison": ""
        },
        {
            "buyerCountryName": "挪威",
            "totalCount": 14,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 14,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 0,
            "methodSum": 3,
            "comparison": "上涨92.86%"
        },
        {
            "buyerCountryName": "南非",
            "totalCount": 14,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 14,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 0,
            "methodSum": 3,
            "comparison": ""
        },
        {
            "buyerCountryName": "德国",
            "totalCount": 10,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 1,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 7,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 2,
            "methodSum": 3,
            "comparison": ""
        },
        {
            "buyerCountryName": "丹麦",
            "totalCount": 7,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 7,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 0,
            "methodSum": 3,
            "comparison": ""
        },
        {
            "buyerCountryName": "爱尔兰",
            "totalCount": 7,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 7,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 0,
            "methodSum": 3,
            "comparison": "上涨85.71%"
        },
        {
            "buyerCountryName": "澳大利亚",
            "totalCount": 7,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 4,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 3,
            "methodSum": 3,
            "comparison": ""
        },
        {
            "buyerCountryName": "罗马尼亚",
            "totalCount": 5,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 5,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 0,
            "methodSum": 3,
            "comparison": ""
        },
        {
            "buyerCountryName": "意大利",
            "totalCount": 4,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 2,
            "method1": "递四方-普货经济挂号",
            "methodTotalCount1": 0,
            "method2": "云途挂号（普货）",
            "methodTotalCount2": 2,
            "methodSum": 3,
            "comparison": ""
        }
    ],
    "Ebay": [
        {
            "buyerCountryName": "希腊",
            "totalCount": 13,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 13,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "美国",
            "totalCount": 10,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 8,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 2,
            "methodSum": 2,
            "comparison": "上涨90.0%"
        },
        {
            "buyerCountryName": "澳大利亚",
            "totalCount": 10,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 10,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "以色列",
            "totalCount": 6,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 6,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "爱沙尼亚",
            "totalCount": 5,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 5,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "墨西哥",
            "totalCount": 4,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 4,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "毛里求斯",
            "totalCount": 4,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 4,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "匈牙利",
            "totalCount": 4,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 4,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "阿根廷",
            "totalCount": 3,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 3,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        },
        {
            "buyerCountryName": "挪威",
            "totalCount": 3,
            "method0": "顺邮宝挂号",
            "methodTotalCount0": 3,
            "method1": "递四方-联邮通美国专线",
            "methodTotalCount1": 0,
            "methodSum": 2,
            "comparison": ""
        }
    ],
    "NewEgg": [
        {
            "buyerCountryName": "美国",
            "totalCount": 10,
            "method0": "递四方-联邮通美国专线",
            "methodTotalCount0": 10,
            "methodSum": 1,
            "comparison": ""
        }
    ]
}

Э时间行者于我

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端vue导出PPT幻灯片，使用pptxgen.js，超详细(赋原数据)

前端vue导出PPT，使用pptxgen.js一个平台下有10个国家，这个是后端返回数据固定的，每一个国家下面有10个物流方式，这10个物流方式是这10个国家都有的，也就是所有物流方式去重之后也只有10个物流方式,10个国家，物流方式method0到method9最多也为10个，但也可以不是10个，也就是method0到method9以内是不固定的，它跟methodTotalCount0数量是有联系的，methodTotalCount0也是0–9之内的范围
复制链接

扫一扫