let app = new Vue({
  el: '#app',
  data () {
    return {
      time: '',
      timer: '',
      config: '',
      config5: {
        rowNum: 9,
        waitTime: 2000,
        header: ["项目名称", "所属组织", '实施主体', '建设性质（新建/续建）', '产业类别', '建设地点', '2022年投资完成额（万元）'],
        data: [
          ["青银二广高速公路太原联络线建设PPP项目", "交控集团", "山西路桥建设集团有限公司", "新建", "交通运输业", "山西省太原市、晋中市", "148,086.00"],
          ["国道241、省道岚马线汾河水库段改线工程", "交控集团", "太原国省道汾河水库段建设管理有限公司", "续建", "交通运输业", "山西省 太原市、吕梁市", "165,314.33"],
          ["路桥科技中心", "交控集团", "山西路桥集团多经营有限公司", "续建", "建筑房地产", "山西省太原市", "8,098.26"],
          ["路桥科研基地", "交控集团", "山西路桥集团多经有限公司", "续建", "建筑房地产", "山西省太原市", "6,596.56"],
          ["武宿高速充电站建设", "交控集团", "山西交通运输投融资集团有限责任公司", "新建", "新能源", "山西省太原市", "100.00"],
          ["山西交通研创商务基地项目", "交控集团", "山西交通物流集团有限公司", "续建", "建筑房地产", "山西省太原市", "4,097.00"],
          ["山西省交通科学研究院产业化基地", "交控集团", "山西省交通科技研发有限公司", "续建", "建筑房地产", "山西省太原市武洛街27号", "3,242.00"],
          ["太长高速公路太原南收费站（二期工程暨龙城服务区）项目", "交控集团", "山西省交通开发投资集团有限公司龙城服务区发展分公司", "续建", "建筑房地产", "山西省太原市", "3,580.00"],
          ["山西转型综改示范区中小企业产业园项目", "交控集团", "山西交投综改园区开发有限公司", "续建", "建筑房地产", "山西省太原市", "14,432.00"]
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
        hoverPause: false
      },
      config6: {
        rowNum: 12,
        waitTime: 2000,
        header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '2022年投资完成额（万元）'],
        data: [
          ["6万吨/年PBAT项目", "华阳新材", "华阳新材", "战略新兴", "新材料", "20,340.00"],
          ["2万吨/年生物降解改性材料及塑料制品项目", "华阳新材", "华阳新材", "战略新兴", "新材料", "5,270.00"],
          ["2万吨/年全系列生物降解新材料项目", "华阳新材", "华阳新材", "战略新兴", "新材料", "5,560.00"],
          ["30万吨/年PBAT项目一期10万吨PBAT", "华阳新材", "华阳新材", "战略新兴", "新材料", "0.00"],
          ["30万吨/年PBAT项目一期20万吨BDO", "华阳新材", "华阳集团", "战略新兴", "新材料", "0.00"],
          ["开元煤层气发电项目", "华阳新材", "华阳股份", "战略新兴", "煤层气", "880.00"],
          ["平舒翟下庄煤层气发电项目", "华阳新材", "华阳股份", "战略新兴", "煤层气", "570.00"],
          ["5GW高效光伏组件制造项目一期2GW", "华阳新材", "新阳公司", "战略新兴", "新能源", "10,000.00"],
          ["钠离子电池正极材料千吨级生产项目", "华阳新材", "新阳公司", "战略新兴", "新能源", "6,060.00"],
          ["钠离子电池负极材料千吨级生产项目", "华阳新材", "新阳公司", "战略新兴", "新能源", "4,080.00"],
          ["1GWh钠离子Pack电池生产线建设项目", "华阳新材", "新阳公司", "战略新兴", "新能源", "2,790.00"],
          ["天成光储网充项目", "华阳新材", "新阳公司", "战略新兴", "新能源", "1,680.00"],
          ["华豹绿色涂层材料智造项目", "华阳新材", "阳煤华豹", "战略新兴", "新材料", "0.00"],
          ["宏厦三建绿色建材工业园区项目", "华阳新材", "宏厦三建", "战略新兴", "新材料", "2,550.00"],
          ["气凝胶科创城标准化厂房项目", "华阳新材", "华阳科创城", "战略新兴", "新材料", "0.00"],
          ["超净滤材项目", "华阳新材", "华阳科创城", "战略新兴", "新材料", "5,510.00"],
          ["华阳集团网络安全工作顶层设计及整体整改项目", "华阳新材", "华阳集团", "战略新兴", "新一代信息技术", "814.00"],
          ["财务共享二期项目", "华阳新材", "华阳集团", "战略新兴", "新一代信息技术", "0.00"],
          ["山西科技创新城阳煤设计研发中心项目", "华阳新材", "华阳集团", "战略新兴", "其他", "12,930.00"],
          ["洪城北路与平阳路节点立交工程", "华阳新材", "华阳集团", "战略新兴", "其他", "0.00"],
          ["阳煤西110kv变电站及线路建设工程", "华阳新材", "华阳股份", "战略新兴", "其他", "7,060.00"],
          ["一矿高家沟风井矿井瓦斯利用工程项目", "华阳新材", "华阳股份", "战略新兴", "煤层气", "0.00"],
          ["郊区35kV输变电工程", "华阳新材", "新阳公司", "战略新兴", "其他", "1,250.00"],
          ["环境保护及治理", "华阳新材", "华阳股份", "战略新兴", "节能环保", "5,890.00"]
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
        hoverPause: false
      },
    }
  },
  created () {
    this.getUrlParams()
    this.time = formatDate()
    this.timer = setInterval(() => {
      this.time = formatDate()
    }, 1000)
  },
  beforeDestroy () {
    if (this.timer) {
      clearInterval(this.timer);
    }
  },
  mounted () {
  },
  methods: {
    handleGoBack () {
      window.history.go(-1)
    },
    getUrlParams () {
      let url = window.location.href
      // 通过 ? 分割获取后面的参数字符串
      let urlStr = url.split('?')[1]
      // 创建空对象存储参数
      let obj = {};
      // 再通过 & 将每一个参数单独分割出来
      let paramsArr = urlStr.split('&')
      for (let i = 0, len = paramsArr.length; i < len; i++) {
        // 再通过 = 将每一个参数分割为 key:value 的形式
        let arr = paramsArr[i].split('=')
        obj[arr[0]] = arr[1];
      }
      if (obj.type == 1) {
        this.config = { ...this.config5 }
      } else if (obj.type == 2) {
        this.config = { ...this.config6 }
      }
    }
  },
})