# 大屏 ## accountId 环境对应关系 - 1673110456790680576 SIT - 1591303792463183872 UAT - 1613838227028836352 PRD预生产数据中心 - 1708910984569028608 PRD专供大屏演示（TZDP_data数据中心） - A版:http://172.21.3.242:8081/invest/investHome.html?model=A&env=PRD&accountid=1708910984569028608 - B版:http://172.21.3.242:8081/invest/investHome.html?model=B&env=PRD&accountid=1708910984569028608 - 1598414283283103744 PRD 国运投资大屏 前端代码说明书 修订记录 Ver. No 日期 编制/修订 审核 批准 修改的章节号 目 录 1. 文档简介 1 1.1. 目的 1 1.2. 范围 1 2. 设计目标和约束 1 3. 业务场景、需求分析 1 3.1. 概述 1 3.2. 场景1（如果没有，请删除） 1 4. 功能设计 1 5. 部署 3 1. 文档简介 1.1. 目的 以可视化大屏的方式展示投资相关数据 1.2. 范围 前端代码介绍 2. 设计目标和约束 3. 业务场景、需求分析 3.1. 概述 3.2. 场景1（如果没有，请删除） 4. 功能设计 获取接口步骤： 1. 获取apptoken （getAppToken） 2. 根据apptoken获取access_token（getAccessToken） 3. 根据access_token获取组织架构（getOrg） 4. 获取大屏各部分数据 投前： （1）投资计划分析 获取接口数据方法：getDate2() （2）投资额度分析 获取接口数据方法：getDate5() （3）产业布局分析 获取接口数据方法：getDate3() （4）企业额度分析 获取接口数据方法：getDate1() （5）项目阶段分析 获取接口数据方法：getDate4() （6）重点项目两线指标 获取接口数据方法：getDate6() 投中/投后大屏： （1）顶部数据条 获取接口数据方法：getDate7() （2）进度成本偏差概览 获取接口数据方法：getDate8() （3）投资预算执行 获取接口数据方法：getDate9() （4）进度成本偏差分析 获取接口数据方法：getDate10() （5）项目风险分析 1.右getDate11 2.左雷达图getDate12 中间大屏： 获取接口数据方法：getDate14() 方法解释： yuanChange：元转亿 numFormat:逢三折断 numMulti：解决乘法丢失精度问题 numSub：解决减法丢失精度问题 getUrlParams：获取地址栏参数 countYear：当前年份计算 comeIn：区分真假数据展示 chooseTime：切换年份方法 destroyCharts：销毁所有图表方法 rightPenetrateOne：投前一级穿透方法 rightPenetrateTwo：投前二级穿透方法 compare：数组排序方法 leftPenetrateOne：投中/投后穿透一级 leftPenetrateTwo：投中/投后穿透二级 centerPenetrateOne：中间大屏穿透一级 centerPenetrateTwo：中间大屏穿透二级 yellowMouse：投中/投后黄圈轮播方法 changeYellow：投中/投后黄圈轮播方法 changeTopColor：投前重点项目两线指标高亮方法 scrollChange：投前重点项目两线指标轮播方法 backChina：回到中国地图方法 findCode：找企业编码方法 findProjectCode：跳转项目看板时找项目编码方法 goLookBoard：跳转项目看板方法 classify：根据key进行分组，针对于投前接口数据处理 showChartLTipDouble：弹窗俩个柱状图方法 showChartLTipSingle:弹窗单个柱状图方法 showTitlePop：点击标题弹窗方法 popLeftClick：点击标题弹框切换方法 poprightClick：点击标题弹框切换方法 图表方法： 弹窗单个柱状图方法：initChartLTip 弹窗两个柱状图方法1：initChartLTip2 弹窗两个柱状图方法2：initChartLTip3 关闭弹窗方法：closeTap 投前 initChartBall：企业额度分析弹窗水球方法 initChartL1：投资额度分析水球方法 initChartL4：企业额度分析 initChartL5/initChartL6/initChartL7/initChartL8：产业布局分析 initChartL9：重点项目两线指标柱状图 initChartL10/initChartL11：项目阶段分析 中间大屏 initChartC1：投资产业分布 initChartC2：投资执行情况 initProvinceChart：省地图方法 initChinaChart：全国地图方法 initChartC3：五个一体化 initChartC4：投资阶段分析 initProjectList：重点项目监控 投中/投后 initChartR1：投资预算执行 initChartR2: 进度成本偏差分析 initChartR3/initChartR4/initChartR5: 项目风险分析 5. 部署 直接把所有文件发给运维即可