欢太浏览器APP - H5宫格及运营后台

【项目描述】： 浏览器首页名站模块，点击 Gird 图标，跳转到此商业化名站H5页，本页面的项目背景为增加商业化名站下发个数，增加广告主影响预期，并提升浏览器APP的商业化收入。浏览器运营后台是为海外东南亚各个国家的分子公司的运营部门同事服务使用，动态配置管理浏览器APP各个业务模块的数据。

【项目文档】：https://6dzydr.csb.app/browser-portal

【项目地址】：https://actimg.heytapimg.com/cdo-activity/static/htmls/index-ID-10185.index.html?actId=10185®ion=ID&c=0#/home

E人事-联通在线

【项目描述】： 本系统是针对联通集团子公司联通在线进行重构并私有化部署，因原有系统不能较好地满足管理者的要求，成为了管理者的负担。无法实时得知公司各事业群和部门的人事信息，数据统计缓慢、业务环节流程繁琐，对现状无法进行统一管理。每项人事业务的人力投入较大，无法较好地提升管理者与HR的工作效率。现公司业务急剧发展也有了更多的新的管理要求，企业变革需要一个全新的人事系统支撑公司的改革创新，实现强有力的集中强制管控，完成数字化的转型。本系统交付后有效的解决了联通在线子公司的部门目标不明确、公司战略不清晰、管理效率水平下降的问题。

【项目主要功能】： 相比SaaS版本去掉了三级职位体系、新增人员、内置流程管理等等。

【所用技术栈】： 同SaaS版本基本一致。

【项目难点】： ①、录入人员详情页，分为任职信息、个人信息、奖励信息、处分信息、教育经历、工作经历、家庭信息、党政信息、档案附件，九大模块标签页组成，其中任职、个人、教育、家庭四种标签页是可编辑的，任职和个人两大模块加起来有一百多个字段，这四种标签页在任意一个标签页点击编辑按钮后，全部标签页放开编辑状态，然后再其他任意一个标签页点击暂存会把四种标签页的全量数据都请求接口做暂存落库，这其中涉及到几十个公共组件和业务组件的数据结构和业务方法的管理，最终提取出四种标签页的数据后，前端接口逻辑是await同步操作。

【线上地址】：http://ehrcuc-unicom.test-caagw.yunassess.com

E人事

【项目描述】：E人事是集PC端、移动端为一体的HR核心人事解决方案。入转调离轻松处理，员工信息全流程无缝流转，自定义打造高效灵活的员工数字化管理流程，落地员工全生命周期在线管理。打通微信企微审批流，数据双向同步，全局掌握人事信息，提高HR工作效能。

【国内版系统主要功能】： 国内版系统主要为鹅厂的国内子公司及投资系公司提供人力资源数字化服务，从20年初立项开发，同年10月份上线了，截止到现在历经几次大的功能需求迭代，目前共分为七大业务模块： 组织管理：列表页及详情页； 岗位管理：列表页及详情页； 职位体系管理：职位族职位类职位三级体系、纯职位体系； 职级管理：专业职级、管理职级； 人员管理：人员看板及详情页、入、转、离、调、合同、批量维护、报表导出； 系统配置：字段配置、功能开启、权限配置； 流程审批：表单管理、角色管理、自定义流程、审批单据管理；

【项目文档】：https://6dzydr.csb.app/ehr

【线上地址】：
国内版：http://ehrnew-ehrdev.test-caagw.yunassess.com
海外版：http://ehrnew-ehrdev.test-caagw.yunassess.com/en-US

LPS-页面可视化搭建框架

【项目描述】：
LPS-低代码-页面可视化编辑器 是内嵌在《数字化营销平台》项目中的一个独立业务模块，此平台是为集团公司的运营和销售部门同事服务使用，借力精细化运营平台，赋能公司业务，通过创造、传播、管理原创或转发内容来吸引、留住消费者，促进并提高宣传、推广、销售转化率，实现营销精准化，营销效果可量化数据化。
本LPS系统是供公司内部SEM运营部门所使用的页面可视化搭建框架，运营同学根据以往日常常用的活动页业务模块，抽象编辑为素材，自助拖拽素材业务模块，并可定义各种细节样式。

【项目文档】：https://6dzydr.csb.app/lps

【线上地址】：https://dmpaio.acadsoc.com.cn、https://lps.acadsoc.com.cn/lps/cr/testQRcode_378/index.html

华美优胜新官网-Vue Nuxt版本

【项目描述】：
本项目是公司官网，主要展示公司多个业务板块及其介绍，多个国家的房源列表页及其详情页，移民留学、海外理财、资讯视频等业务板块页面，为国内高净值人群提供海外资产配置和出国移民的全方位咨询服务。
华美优胜核心业务涵盖了：美国、泰国、日本、土耳其、西班牙房产、希腊购房移民、美国投资移民、美元基金、美国保险、美国信托等一站式服务。

【项目主要功能】： 首页、城市详情页、房源列表及详情页、移民留学、海外理财、资讯视频、帮我找房、房源对比等业务板块页面，全局判断货币及人民币换算。

【所用技术栈】：
18年初开发的第一版为jQuery版本，18年底采用Vue重构，后来19年又采用Nuxt SSR服务端渲染重构。Vue全家桶、AntD Vue UI，及其他第三方Vue插件，地图是Mapbox GL，数据可视化图表是Echarts。
截止到开发结束上线后，Pages目录总计46个.vue组件，Components目录总计53个.vue组件，Router配置共计50多个页面。 关于Nuxt重构的故事可以详看：https://juejin.cn/post/7015534901403336711

【项目难点】：
①、房源对比功能，此功能相当于是一个全局状态管理控制器，从房源列表页及详情页可以添加某个房源进到对比器里，然后此对比控制入口是吸附在右下角，鼠标hover可以展开，展开后可以点击标题跳转到房源对比详情页。
②、判断多个国家的货币换算RMB的规则，此为多个全局方法进行联动控制，先拿当日最新各个国家货币兑RMB汇率，然后最终换算为RMB并且做好千位分隔并return供业务组件使用。

【线上地址】：https://www.hminvestment.com

华美优胜小程序

【项目描述】：此小程序为华美优胜公司的小程序端版本，和新官网PC端内容一致。

【项目主要功能】： 首页、美国、日本、欧洲、泰国城市列表、房源列表页、房源详情页、美洽客服聊天咨询页、登陆页、个人中心页、新闻资讯列表页及详情页、海外移民留学静态页等等。

【所用技术栈】： 本人使用小程序原生语言开发，后端java同事提供API接口。大部分页面的设计图为北京公司的设计同事提供，少部分页面为自己独立进行设计布局。"usingComponents"自定义组件使用了Vant Weapp和iView Weapp的部分组件。 截止到开发完毕，pages目录总计19个文件夹，21个页面。

【项目难点】：
①、引入Facebook开源的runtime.js实现兼容async/await，构造全局登录流程及权限控制js，以实现登录功能。
②、封装service.js请求文件。
③、基于美洽API实现美洽客服聊天功能，类似于web端的美洽客服聊天窗口。
④、其他跳坑问题可详看：https://juejin.cn/post/7015913664041451527#heading-1

【线上地址】：此小程序同年已上线，在手机微信-小程序页面右上角使用搜索功能体验，关键字"华美优胜海外房产"。

优房数据小程序-webview图表页面

【项目描述】： 此项目服务于优房数据小程序的房源详情页的数据可视化图表展示，利用小程序的webview API。

【所用技术栈】：
Vue全家桶、VantUI，及其他第三方Vue插件，例如：axios、vuex、vue-router等等。截止到开发结束上线后，pages目录总计分了114个.vue组件，components目录总计分为四种图表.vue公共组件：柱状图、时间轴折线图、大数据量面积折线图、饼图。
小程序的房源详情页内八个图表模块：学校（小初高信息）、本区域数据图表、区域数据概况、关于房租、关于房价、贷款概况、市场概况、地区概况、投资分析数据。分别对应此项目的八个文件夹，以URL路径命名区分。

【线上地址】：https://wechat.mf-data.com/MarketSituation?houseId=dd4644a2b51009782d328bb2738cc82b&zip=10002

优房数据小程序

【项目描述】： 此小程序为优房数据的小程序端版本，提供全美十大热门城市及其他城市的房源详细信息展示。

【项目主要功能】： 首页、搜索房源页、房源列表页及详情页、新闻资讯列表页及详情页、登陆页、个人中心页、我的收藏房源页等等。

【所用技术栈】：
本人使用小程序原生语言开发，后端java同事提供API接口。本人参考借鉴行业内其他小程序，独立进行页面布局设计，"usingComponents"自定义组件使用了Vant Weapp和iView Weapp的部分组件。
截止到开发完毕，pages目录总计20个文件夹，10个页面。

【项目难点】：
①、封装search公共搜索房源页。
②、房源详情页有几十上百个图表，使用Webview方案，具体解决方案可以详看：https://juejin.cn/post/7015913664041451527/#heading-12

【房源详情页webview容器Echarts图表示例线上地址】：https://wechat.mf-data.com/MarketSituation?houseId=dd4644a2b51009782d328bb2738cc82b&zip=10002

优房数据B端CRM系统-Vue版本

【项目描述】：优房数据B端产品是为海内外投资人提供完全与美国同步的第三方精准数据，对不同区域的房源做对应分析并提供专业报告，通过深度分析，做出房价及租金的预测，并把房源及投资人进行精准推送，促使投资人做出最明智投资决策。

【项目文档】：https://juejin.cn/post/7134925737630367752/

【线上地址】：http://beta-business.mf-data.com

优房数据C端房源数据平台-Vue版本

【项目描述】：优房数据C端产品是集海外房产信息、数据、收集、分析、营销及服务为一体的海外房产互联网平台，在为国际买家、海外经纪人提供实时全面的房源数据，同时为国际投资服务机构提供专业精准的客户画像、企业数据及服务接口，订制符合标准的房源报告，为国际高净值客户或机构进行海外投资提供真正的专业并且智能化的数据及数据衍生品。

【项目文档】：https://juejin.cn/post/7134935158511108132/

【线上地址】：http://beta-client.mf-data.com

优房数据免付费房产报告

【项目描述】： 此房产报告产品服务于以上的优房数据B/C端产品。

【所用技术栈】： 此项目为Java前后耦合版本，前端方面使用了jQuery、Echarts、accounting.js等插件。后期则把此项目仓库提取独立出来，共同为B、C端项目服务使用。B端顾问、C端用户付费购买付费报告额度以后，可以生成当前房源的付费报告，免费报告则没有生成额度限制，当然免费报告没有付费报告的数据内容丰富完善。生成后的报告为PDF格式，B端或C端的当前用户可以自行下载查看或分享。

【项目主要功能】： 项目大体结构为图片+文字+数据可视化图表，并提供中英双语切换。 页面结构为：房源图片、基本信息、房源特征、学校（小初高信息）、本区域数据图表、区域数据概况、关于房租、关于房价、贷款概况、市场概况、地区概况、地图学区信息。

【线上地址】：http://report.mf-data.com/report/charge/0274abad1441ff9f136d13d9b45b89eb?lang=zh_CN®ionType=zip