let app = new Vue({
  el: '#app',
  data () {
    return {
      time: '',
      timer: '',
      config: '',
      config5: {
        rowNum: 6,
        waitTime: 2000,
        header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '投资完成额（万元）'],
        data: [
          ['智能高端装备产业园区基础设施建设及厂房配套项目', '太重集团', '山西智能装备产业园有限公司', '战略新兴产业', '高端装备制造业', '66530.00 '],
          ['太重集团退城入园智能高端装备生产线升级改造项目', '太重集团', '山西太重智能装备有限公司', '战略新兴产业', '高端装备制造业', '26288.00 '],
          ['山西（太重）智能液压挖掘机产业园区生产线建设项目', '太重集团', '山西太重工程机械有限公司', '战略新兴产业', '高端装备制造业', '14995.26 '],
          ['高端冶金矿山机械用变速箱生产线升级改造项目', '太重集团', '太原重工新能源装备有限公司', '战略新兴产业', '高端装备制造业', '109.00 '],
          ['3.0兆瓦以上风电用变速箱生产线升级改造项目', '太重集团', '太原重工新能源装备有限公司', '战略新兴产业', '高端装备制造业', '757.00 '],
          ['太重拜安传感技术有限公司（51%股权）', '太重集团', '太原重型机械集团有限公司', '战略新兴产业', '高端装备制造产业', '400.00 ']
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
        hoverPause: false
      },
      config6: {
        rowNum: 15,
        waitTime: 1000,
        header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '投资完成额（万元）'],
        data: [
          ['云时代先进计算项目', '云时代', '云时代公司', '战略新兴产业', '新一代信息技术产业', '12320.23'],
          ['山西北铜新材料科技有限公司新建高性能压延铜带箔和覆铜板项目', '云时代', '山西北铜新材料科技有限公司', '战略新兴产业', '新材料产业', '6205.00'],
          ['山西教育动态数据分析服务平台', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '20.27'],
          ['山西省人大代表履职服务平台项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '9.50'],
          ['山西省数字财政信息化建设平台项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '20.52'],
          ['危险化学品安全生产风险监测预警及危化品管道管理信息系统', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '18.50'],
          ['山西省退役军人信息化工程建设项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '19.81'],
          ['精准扶贫数字化档案管理平台', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '8.56'],
          ['山西省人力资源和社会保障厅“数字人社”建设项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '27.10'],
          ['消防物联网远程监控系统', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '152.39'],
          ['山西省应急管理厅信息化建设项目（三期）', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '2.10'],
          ['山西宣传大数据平台', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '15.03'],
          ['山西省科技厅信息化建设项目（第一期)', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '26.13'],
          ['山西省中小企业大数据平台', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '5.66'],
          ['山西省市场监督管理局证照分离改革信息平台项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '33.19'],
          ['山西省市场监管智能指挥平台项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '33.15'],
          ['山西省食盐信用信息质量追溯平台', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '4.16'],
          ['山西地方金融监管监测信息系统', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '80.91'],
          ['山西省文物安全监管系统建设项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '5.31'],
          ['智慧山西机关事务管理系统', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '113.41'],
          ['山西省国资监管大数据平台建设项目二期', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '154.13'],
          ['山西省规划综合管理信息平台建设项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '12.67'],
          ['山西省标准信息公共服务平台', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '6.59'],
          ['山西省市场安全监管平台建设项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '5.06'],
          ['住房公积金信息化管理系统人行征集系统接入项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '11.39'],
          ['山西省信用信息共享平台软件系统扩能与应用提升信息化项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '38.20'],
          ['山西省数字体育一体化业务平台建设项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '0.13'],
          ['山西省药品监督管理局电子发票电子化报销、入账、归档试点建设项目', '云时代', '数字政府公司', '战略新兴产业', '新一代信息技术产业', '31.63']
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
        hoverPause: false
      },
      config7: {
        rowNum: 15,
        waitTime: 1000,
        header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '投资完成额（万元）'],
        data: [
          ['山西建筑产业现代化（晋中）园区一期项目', '山西建投', '山西建投建筑产业有限公司', '特色优势产业', '建筑房地产', '12800.00'],
          ['山西建筑产业现代化（临汾）园区一期项目', '山西建投', '山西建投临汾建筑产业有限公司', '特色优势产业', '建筑房地产', '4300.00'],
          ['山西建筑产业现代化长治园区项目（一期）', '山西建投', '山西建投长治建筑产业有限公司', '特色优势产业', '建筑房地产', '12960.00'],
          ['山西建筑产业现代化潇河园区（二期）项目', '山西建投', '山西建投装备制造有限公司', '特色优势产业', '建筑房地产', '800.00'],
          ['山西建筑产业现代化长治园区项目（一期）', '山西建投', '山西建投长治建筑产业有限公司', '特色优势产业', '建筑房地产', '12960.00'],
          ['山西建筑产业现代化（晋东南）园区', '山西建投', '2023年固定资产投资', '特色优势产业', '建筑房地产', '9.80'],
          ['山西建筑产业现代化太忻园区', '山西建投', '"山西四建集团有限公司"', '特色优势产业', '建筑房地产', '129.00'],
          ['隰县现代农业产业示范区产业园区建设项目一期', '山西建投', '山西建发隰县园区有限公司', '特色优势产业', '建筑房地产', '1102.29'],
          ['繁峙经济技术开发区铝制品产业园建设项目(铝制品）', '山西建投', '山西建发繁峙园区有限公司', '特色优势产业', '建筑房地产', '2810.60'],
          ['繁峙农副产品加工产业园项目', '山西建投', '山西建发繁峙园区有限公司', '特色优势产业', '建筑房地产', '1114.40'],
          ['右玉生态文化旅游开发区产业园区建设项目', '山西建投', '山西建投晋北园区发展有限公司', '特色优势产业', '建筑房地产', '149.92'],
          ['山西农谷智慧冷链物流园', '山西建投', '山西农谷园区产业发展有限公司', '特色优势产业', '建筑房地产', '5656.76'],
          ['霍州经济技术开发区科技智创园项目', '山西建投', '山西建发霍州园区有限公司', '特色优势产业', '建筑房地产', '23.61'],
          ['智慧绿建示范园', '山西建投', '山西新源智慧建设有限公司', '特色优势产业', '建筑房地产', '1626.00'],
          ['实缴注册资本山西一建昆仑建设有限公司', '山西建投', '山西一建集团有限公司', '特色优势产业', '建筑房地产', '300.00'],
          ['实缴注册资本运城市华盛苑房地产开发有限公司', '山西建投', '山西三建集团有限公司', '特色优势产业', '建筑房地产', '1000.00'],
          ['实缴注册资本天津晋宇房地产开发有限公司', '山西建投', '山西三建集团有限公司、山西五建集团有限公司、建工有限', '特色优势产业', '建筑房地产', '488.60'],
          ['实缴注册资本天津晋和房地产开发有限公司', '山西建投', '山西三建集团有限公司、建工有限', '特色优势产业', '建筑房地产', '290.00'],
          ['山西八建集团有限公司拟收购苏州狮山建筑安装有限公司持有山西翔丰建设有限公司35%股权项目', '山西建投', '山西八建集团有限公司', '特色优势产业', '建筑房地产', '3592.00'],
          ['实缴注册资本天津晋恒房地产开发有限公司', '山西建投', '山西建筑工程集团有限公司', '特色优势产业', '建筑房地产', '100.00'],
          ['实缴注册资本清控科创（运城）产业发展有限公司', '山西建投', '山西园区建设发展集团有限公司', '特色优势产业', '建筑房地产', '5100.00'],
          ['实缴注册资本朔州静态交通建设运营有限公司', '山西建投', '山西静态交通公司', '特色优势产业', '建筑房地产', '255.00']
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
        hoverPause: false
      },
      config8: {
        rowNum: 7,
        waitTime: 2000,
        header: ["项目名称", "所属组织", '实施主体', '建设性质（新建/续建）', '产业类别', '建设地点', '投资完成额（万元）'],
        data: [
          ['智能高端装备产业园区基础设施建设及厂房配套项目', '太重集团', '山西智能装备产业园有限公司', '续建', '高端装备制造产业', '山西综改示范区', '66530.00'],
          ['太重集团退城入园智能高端装备生产线升级改造项目', '太重集团', '山西太重智能装备有限公司', '续建', '高端装备制造产业', '山西综改示范区', '26288.00'],
          ['山西（太重）智能液压挖掘机产业园区生产线建设项目', '太重集团', '山西太重工程机械有限公司', '续建', '高端装备制造产业', '山西综改示范区', '14995.26'],
          ['高端冶金矿山机械用变速箱生产线升级改造项目', '太重集团', '太原重工新能源装备有限公司', '续建', '高端装备制造产业', '山西综改示范区', '109.00'],
          ['3.0兆瓦以上风电用变速箱生产线升级改造项目', '太重集团', '太原重工新能源装备有限公司', '续建', '高端装备制造产业', '山西综改示范区', '757.00'],
          ['太重拜安传感技术有限公司（51%股权）', '太重集团', '太原重型机械集团有限公司', '新建', '高端装备制造产业', '太原', '400.00'],
          ['山西金融租赁有限公司增资扩股项目（32%股权）', '太重集团', '太原重型机械集团有限公司', '新建', '相关服务业', '太原', '44860.61']
        ],
        align: ["center", "center", "center", "center", "center", "center", "center"],
        headerBGC: "#153A62",
        oddRowBGC: "#061F42",
        evenRowBGC: "#0C284A",
        hoverPause: false
      },
      config9: {
        rowNum: 15,
        waitTime: 2000,
        header: ["项目名称", "所属组织", '实施主体', '建设性质（新建/续建）', '产业类别', '建设地点', '投资完成额（万元）'],
        data: [
          ['云时代先进计算项目', '云时代', '云时代公司', '续建', '新一代信息技术产业', '山西太原', '12320.23'],
          ['山西教育动态数据分析服务平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '20.27'],
          ['山西省人大代表履职服务平台项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '9.50'],
          ['山西省数字财政信息化建设平台项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '20.52'],
          ['危险化学品安全生产风险监测预警及危化品管道管理信息系统', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '18.50'],
          ['山西省退役军人信息化工程建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '19.81'],
          ['精准扶贫数字化档案管理平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '8.56'],
          ['山西省人力资源和社会保障厅“数字人社”建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '27.10'],
          ['消防物联网远程监控系统', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '152.39'],
          ['山西省应急管理厅信息化建设项目（三期）', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西太原', '2.10'],
          ['山西宣传大数据平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '15.03'],
          ['山西省科技厅信息化建设项目（第一期)', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '26.13'],
          ['山西省中小企业大数据平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '5.66'],
          ['山西省市场监督管理局证照分离改革信息平台项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '33.19'],
          ['山西省市场监管智能指挥平台项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '33.15'],
          ['山西省食盐信用信息质量追溯平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '4.16'],
          ['山西地方金融监管监测信息系统', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '80.91'],
          ['山西省文物安全监管系统建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '5.31'],
          ['智慧山西机关事务管理系统', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '113.41'],
          ['山西省国资监管大数据平台建设项目二期', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '154.13'],
          ['山西省规划综合管理信息平台建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '12.67'],
          ['山西省标准信息公共服务平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '6.59'],
          ['山西省市场安全监管平台建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '5.06'],
          ['住房公积金信息化管理系统人行征集系统接入项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '11.39'],
          ['山西省信用信息共享平台软件系统扩能与应用提升信息化项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '38.20'],
          ['山西省数字体育一体化业务平台建设项目', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西太原', '0.13'],
          ['山西省药品监督管理局电子发票电子化报销、入账、归档试点建设项目', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西太原', '31.63'],
          ['山西省卫片执法防灾减灾信息系统', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '237.30'],
          ['“互联网＋”山西省自然资源大数据云平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '13.33'],
          ['山西省空气质量精细化监管平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '11.63'],
          ['山西省地表水自动监测联网联通建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '35.51'],
          ['山西省社会科学院信息化建设', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '20.63'],
          ['山西省自然资源行政审批三级联办在线服务平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '197.12'],
          ['山西省数字政府基础设施建设项目视联网部分（专项债）', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '15.60'],
          ['山西省不动产登记网上“一窗受理”系统', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '245.56'],
          ['山西省卫星应用技术中心建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '7.44'],
          ['山西省免疫规划信息管理系统信息化升级改造项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '7.78'],
          ['山西省数字乡村信息化项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '71.92'],
          ['省直自建业务系统与一体化平台对接项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '218.90'],
          ['山西省政务服务热线联动平台建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '254.96'],
          ['山西省核酸检测平台信息化建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '1.73'],
          ['山西省房屋产权颁证“清零行动”信息公开发布系统建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '18.49'],
          ['山西省电子健康卡（一码通）创新应用平台项目(注册资本金)', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '12.91'],
          ['山西省疫情防控管理平台建设项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '10.38'],
          ['山西省水利数据能力中心', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西太原', '17.79'],
          ['山西省互联网内容大数据平台', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西太原', '0.15'],
          ['山西省涉企政策服务平台', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西太原', '9.98'],
          ['一体化投资项目审批管理系统建设项目', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西省太原市', '12.59'],
          ['领导驾驶舱升级改造项目', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西省太原市', '1025.06'],
          ['山西省领导驾驶舱项目（一期）', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西省太原市', '24.27'],
          ['山西省委“13710”信息化督办平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西省太原市', '4.44'],
          ['全国残疾人按比例就业情况联网认证系统部署项目', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西省太原市', '35.72'],
          ['T4CTVMSFPLSX', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西太原', '11.11'],
          ['T4CBOSFPLSX', '云时代', '数字政府公司', '新建', '新一代信息技术产业', '山西太原', '10.20'],
          ['山西“时代云”项目-项目管理与实施平台', '云时代', '数字政府公司', '续建', '新一代信息技术产业', '山西省太原市', '45.61'],
          ['山西“时代云”项目-政务云部分', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '1800.85'],
          ['数字法治、智慧司法信息化建设项目', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '46.05'],
          ['山西省企业职工养老保险省集中信息管理系统', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '9.00'],
          ['离退休干部数据服务管理系统', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '9.00'],
          ['山西省智慧政协云平台建设项目', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '23.10'],
          ['应急管理信息化建设项目', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '17.10'],
          ['山西省疫苗追溯监管平台', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '2.75'],
          ['党政机关办公用房管理信息系统', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '0.00'],
          ['山西省智能信访民生服务大数据应用项目', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '9.00'],
          ['省直单位机房网络迁移整合目', '云时代', '政务云公司', '续建', '新一代信息技术产业', '山西省太原市', '130.80'],
          ['全国一体化算力网络国家枢纽节点山西枢纽（太原）项目', '云时代', '拟成立合资公司', '新建', '新一代信息技术产业', '山西省太原', '2550.00'],
          ['智慧云时代信息化平台', '云时代', '事务中心公司', '续建', '新一代信息技术产业', '山西太原', '84.17']
        ],
        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 }
      } else if (obj.type == 3) {
        this.config = { ...this.config7 }
      } else if (obj.type == 4) {
        this.config = { ...this.config9 }
      } else if (obj.type == 5) {
        this.config = { ...this.config8 }
      }
    }
  },
})