# filmvis **Repository Path**: tanzero/filmvis ## Basic Information - **Project Name**: filmvis - **Description**: 使用Echarts,Vue等技术实现可视化大屏 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-04-02 - **Last Updated**: 2024-04-10 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 大屏项目 ## 页面设计 ### 登录页面: ![输入图片说明](%E5%9B%BE%E7%89%871.png) **登录页页面使用一个login大盒子进行整体的页面设计,在login盒子中login-card作为主要的登录文本框,当用户未进行正确输入登录信息时,会进行登录校验提示** ![输入图片说明](%E5%9B%BE%E7%89%872.png) **当鼠标在密码框时失去焦点时,会进行失焦操作@focus=onFocus" @blur="onBlur“,触发样式** ![输入图片说明](%E5%9B%BE%E7%89%873.png) ### 导航栏路由跳转设计: **导航栏设计采用iview的结构来设计导航栏,每当点击切换导航栏时,激活:active-name="activeNav" @on-select="tolink"样式,实现导航栏的高亮切换以及导航栏标题的切换功能实现。** ![输入图片说明](%E5%9B%BE%E7%89%874.png) ### 统计汇报页面: ![输入图片说明](%E5%9B%BE%E7%89%875.png) **在统计汇报页面中,页面区域分为八个部分,因病致贫/因病返贫历年人数对比(人数)、截止2022年各区域健康扶贫状况、贫困人口建档立卡情况(人数)、家庭医生及签约贫困人口情况、各区域医疗资源配置-A区四个模块区域采用Echarts柱状图以及折线图的形式嵌入页面中,在因病致贫/因病返贫历年人数对比(人数)中显示因病致贫和因病返贫两种数据。截止2022年各区域健康扶贫状况显示已签约贫困人数和已帮扶贫困人数,贫困人口建档立卡情况(人数)包括已建档和未建档人数。家庭医生及签约贫困人口情况区域显示其对应数量,各区域医在部分帮扶资金使用情况区域使用环形图来进行数据展示A,B,C,D四个区域的区分扶贫拨款情况以及使用和未使用的扶贫拨款数据,区域扶贫工作总览中,引入广东省云浮市的扶贫区域地图,在区域地图中,设置四个区域扶贫区域点,每个区域点中具有相关详细信息显示。贫困人口智能排除区域显示排查的人数、因病致贫人数、缺劳力致贫人数以及因残致贫人数的数据,各区域医疗资源配置区域中,显示每千常住人口注册护士数以及每万常住人口拥有的全科医生数量。** ![输入图片说明](%E5%9B%BE%E7%89%876.png) ### 资金管理页面: **在资金管理页面分为三个模块,各病种历年投入扶贫资金额和健康扶贫额资金使用名录使用Echarts柱状图表展示了2020年到2022年恶性肿瘤、肝癌、乳腺癌、宫颈癌、终末期肾病、白血病以及其他各种疾病的金额情况和健康扶贫的疾病报销、设备帮扶、健康体检、疾病筛查、捐赠以及扶贫项目应用的资金总数。健康扶贫资金流向图中使用数据流动的方式进行展示了健康扶贫资金的流动方向,包括专业拨款、社会募捐、基金捐赠和其他资金流向A,B,C,D区域的资金。** ![输入图片说明](%E5%9B%BE%E7%89%877.png) ### 工作进展页面: **工作进展页面中分为贫困人口建档立卡情况、贫困人口医保救助情况、家庭医生签约情况、2018年度健康扶贫工作任务和项目进展以及设备投放及使用情况模块。贫困人口建档立卡情况中,左侧横状条形柱状图展示了建档与未建档的人数,右侧使用表格更加直观展示数据情况。贫困人口医保救助情况左侧先展示了定点医疗机构住院费用以及累计报销基本医保,大病保险费用,右侧饼状图则展示了患者的医药报销比例。在家庭医生签约情况中,表格展示了A、B、C、D区的家庭医生人数、已签约贫困人口数、问诊量以及工作饱和度。2018年度健康扶贫工作任务区域使用进度条加持表格方式展现各个季度的扶贫目标、扶贫任务、扶贫进展、项目名称、项目周期、资金投入、人员投入和项目进行的具体工作内容以及项目进展,右侧柱状图展示了建档、义诊和补助金项目的完成和未完成情况。设备投放及使用情况中展示了各个区域不同机构的设备投入名称、时间、数量、使用频次和损坏/故障信息。使用柱状图清晰展示了A、B、C、D区CT设备、核磁设备以及超声设备的投入数量。** ![输入图片说明](%E5%9B%BE%E7%89%878.png) ### 智能应用页面: **在智能应用页面中,分为贫困人口智能排查区域、各个区域高风险人数区域、因病致贫人口预测区域、个人信息、个人画像区域,各个区域高风险人数模块中采用进度条来进行显示每个区域已经确诊和已帮扶人员的数量,还有风险预测下发到各个区域的功能。贫困人口智能排除区域显示排查的人数、因病致贫人数、缺劳力致贫人数以及因残致贫人数的数据。因病致贫人口预测区域,采用表格的形式显示每个区域的风险患病人的个人信息包括姓名、性别、年龄、区县、疾病预测、风险概率、家庭年收入、年均医疗费用信息。在个人画像模块采用思维导图以及五边形数据显示风险患病人的劳动力、住房、收入、家庭、社保情况等信息。** ![输入图片说明](%E5%9B%BE%E7%89%8710.png)