# 物业管理系统
该系统服务于涵盖多种园区业态的物业管理，包含基础的人、空间、设备的数据管理以及合同、租赁、收费、iOT等等功能，同时开发了一个大屏应用。
职责:负责前端开发。
工作成果:
·从0到1搭建了前端脚手架和大体的框架
在gitlab上搭建开发的devops
·与另一位前端同事协作开发了240+个后台管理页面
，完成一个大屏功能的开发
技术要点
使用git submodule提取管理多个前端项目的公共组件库
由于设计稿效果与通用组件库差别较大，重新开发了支持树形结构的type-safe表格组件，相比较Antd-Vue-Table，我使用vue3.3+Generic Types开发了更加类型安全的表格组件，会根据传入的数据检查“datalndex”和”key“的类型等，使用相同的Feature也实现了其他更多类型安全的组件，包含表单、选择器、树形显示组件等。
使用quill富文本编辑器实现合同模版编辑功能，编写了新的quil插件来实现自定义的代码提示功能。
.使用postcss-pxtorem方案实现大屏高分辨率渲染。
使用qiankun.js微前端集成第三方系统页面。

# 智能文档采集应用
智能文档采集应用是一个使用Electron技术开发的桌面应用，用于对文档/协议进行扫描、质检并智能分拣，服务于业务采集前端，提高业务资料的采集正确率和质量。
职责:应用前端、负责应用窗口程序的开发以及供浏览器使用的webSDK的开发。前端需求:
调用摄像头/高拍仪设备采集文档
智能压缩图片至合适大小
·前端peg合成TIFF文件并导出
·图片处理(裁剪、旋转)
自动给营业厅网店分发配置
技术要点
项目脚手架的搭建，使用Vue-Cli并集成vue-ci-plugin-electron-builder创建脚手架来开发Electron应用，在项目内添加多个脚手架配置(vue.config.js)用于构建项目所需要的多个输出。
在与硬件设备的交互上，使用webRTC接口调用摄像头/高拍仪设备来采集文档，使用Chrome中的接口实现采集设备参数的调整，如亮度、对比度、曝光时间、色温等属性。
使用一些固定端口的websocket服务器让应用与浏览器进行通信，使得应用可以通过浏览器唤起并与浏览器的网页进行交互，在输出可执行程序的同时会输出webSDK供浏览器调用。
智能压缩图片，通过修改Jpeg图像质量或修改图片尺寸来对图片已经压缩，使图片大小保持在用户限制的范围内。
利用浏览器操作二进制的接口实现多个peg文件合成TIFF文件的功能。
使用konva库实现类似手机旋转、裁剪图片的功能。
，使用indexedDB存储一些临时的图片。
使用CSS3 Filter以及“截图”来实现图片的滤镜功能，可以调整图片的亮度、灰度、饱和度等。