let app = new Vue({
  el: '#app',
  data () {
    return {
      time: '',
      timer: '',
      config: '',
      config5: {
        rowNum: 9,
        waitTime: 2000,
        header: ["项目名称", "所属组织", '实施主体', '建设性质（新建/续建）', '产业类别', '建设地点', '2022年投资完成额（亿）'],
        data: [
          ["青银二广高速公路太原联络线建设PPP项目", "交控集团", "山西路桥建设集团有限公司", "新建", "交通运输业", "山西省太原市、晋中市", "14.81"],
          ["国道241、省道岚马线汾河水库段改线工程", "交控集团", "太原国省道汾河水库段建设管理有限公司", "续建", "交通运输业", "山西省 太原市、吕梁市", "16.53"],
          ["路桥科技中心", "交控集团", "山西路桥集团多经营有限公司", "续建", "建筑房地产", "山西省太原市", "0.81"],
          ["路桥科研基地", "交控集团", "山西路桥集团多经有限公司", "续建", "建筑房地产", "山西省太原市", "0.66"],
          ["武宿高速充电站建设", "交控集团", "山西交通运输投融资集团有限责任公司", "新建", "新能源产业", "山西省太原市", "0.01"],
          ["山西交通研创商务基地项目", "交控集团", "山西交通物流集团有限公司", "续建", "建筑房地产", "山西省太原市", "0.41"],
          ["山西省交通科学研究院产业化基地", "交控集团", "山西省交通科技研发有限公司", "续建", "建筑房地产", "山西省太原市武洛街27号", "0.32"],
          ["太长高速公路太原南收费站（二期工程暨龙城服务区）项目", "交控集团", "山西省交通开发投资集团有限公司龙城服务区发展分公司", "续建", "建筑房地产", "山西省太原市", "0.36"],
          ["山西转型综改示范区中小企业产业园项目", "交控集团", "山西交投综改园区开发有限公司", "续建", "建筑房地产", "山西省太原市", "1.44"]
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
      },
      config6: {
        rowNum: 9,
        waitTime: 2000,
        header: ["项目名称", "所属组织", '实施主体', '建设性质（新建/续建）', '产业类别', '建设地点', '2022年投资完成额（亿）'],
        data: [
          ["6万吨/年PBAT项目", "华阳新材", "华阳新材", "战略新兴产业", "新材料产业", "2.0340"],
          ["2万吨/年生物降解改性材料及塑料制品项目", "华阳新材", "华阳新材", "战略新兴产业", "新材料产业", "0.5270"],
          ["2万吨/年全系列生物降解新材料项目", "华阳新材", "华阳新材", "战略新兴产业", "新材料产业", "0.5560"],
          ["30万吨/年PBAT项目一期10万吨PBAT", "华阳新材", "华阳新材", "战略新兴产业", "新材料产业", "0.0000"],
          ["30万吨/年PBAT项目一期20万吨BDO", "华阳新材", "华阳集团", "战略新兴产业", "新材料产业", "0.0000"],
          ["开元煤层气发电项目", "华阳新材", "华阳股份", "战略新兴产业", "煤层气产业", "0.0880"],
          ["平舒翟下庄煤层气发电项目", "华阳新材", "华阳股份", "战略新兴产业", "煤层气产业", "0.0570"],
          ["5GW高效光伏组件制造项目一期2GW", "华阳新材", "新阳公司", "战略新兴产业", "新能源产业", "1.0000"],
          ["钠离子电池正极材料千吨级生产项目", "华阳新材", "新阳公司", "战略新兴产业", "新能源产业", "0.6060"],
          ["钠离子电池负极材料千吨级生产项目", "华阳新材", "新阳公司", "战略新兴产业", "新能源产业", "0.4080"],
          ["1GWh钠离子Pack电池生产线建设项目", "华阳新材", "新阳公司", "战略新兴产业", "新能源产业", "0.2790"],
          ["天成光储网充项目", "华阳新材", "新阳公司", "战略新兴产业", "新能源产业", "0.1680"],
          ["华豹绿色涂层材料智造产业项目", "华阳新材", "阳煤华豹", "战略新兴产业", "新材料产业", "0.0000"],
          ["宏厦三建绿色建材工业园区项目", "华阳新材", "宏厦三建", "战略新兴产业", "新材料产业", "0.2550"],
          ["气凝胶科创城标准化厂房项目", "华阳新材", "华阳科创城", "战略新兴产业", "新材料产业", "0.0000"],
          ["超净滤材项目", "华阳新材", "华阳科创城", "战略新兴产业", "新材料产业", "0.5510"],
          ["华阳集团网络安全工作顶层设计及整体整改项目", "华阳新材", "华阳集团", "战略新兴产业", "新一代信息技术产业", "0.0814"],
          ["财务共享二期项目", "华阳新材", "华阳集团", "战略新兴产业", "新一代信息技术产业", "0.0000"],
          ["山西科技创新城阳煤设计研发中心项目", "华阳新材", "华阳集团", "战略新兴产业", "其他", "1.2930"],
          ["洪城北路与平阳路节点立交工程", "华阳新材", "华阳集团", "战略新兴产业", "其他", "0.0000"],
          ["阳煤西110kv变电站及线路建设工程", "华阳新材", "华阳股份", "战略新兴产业", "其他", "0.7060"],
          ["一矿高家沟风井矿井瓦斯利用工程项目", "华阳新材", "华阳股份", "战略新兴产业", "煤层气产业", "0.0000"],
          ["郊区35kV输变电工程", "华阳新材", "新阳公司", "战略新兴产业", "其他", "0.1250"],
          ["环境保护及治理", "华阳新材", "华阳股份", "战略新兴产业", "节能环保产业", "0.5890"]
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
      },
    }
  },
  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 }
      }
    }
  },
})
