swyang-tisu / retinaphwechat

The service solution for referral reviewers in the referral audit system makes it easy and convenient for reviewers to query/update/maintain records of referral appointments within their permissions.

RetinaPhWechat (Not published online)

The service solution for referral reviewers in the referral audit system makes it easy and convenient for reviewers to query/update/maintain records of referral appointments within their permissions.
(眼底检查预约转诊解决方案体系中针对转诊审核人的服务解决方案，主旨使审核人可以轻松便捷地查询/更新/维护其权限范畴内可操作的转诊预约)

Introduction

Type (类型)：公众号
Audiences (受众/服务对象)：审核人（拟定：医生）
Key Features (主要功能)：

1. 筛选搜索（按日历）预约的转诊记录
2. 更新/维护转诊记录
3. 查看对应检查及报告

Prerequisites

• git (v2.2+)
• node.js (v10.0+)
• npm (v6.0+)
• yarn (v1.22.10+)
• TypeScript(V3.7.4+)
• Express(v4.17.1+)
• Sass
• Pug(V2.0.4+)

Initial Evironment

• One Step: yarn install;
  Install all dependencies;
• Scripts:
  • "dev": Run the APP with watch mode, will auto restart if change files; // 以监视模式运行APP，如果更改文件，它将自动重启;(运行本地mock数据)
  • "dev-with-backend": "npm run build && npm run watch-b" // 与后端联调(http://retina.voxelcloud.net.cn)
  • "start": "npm run build && npm run nodemon", // 生产环境启动脚本
  • "build": Build the final export files in ./dist; // 在./dist中构建最终的导出文件;
• Config files:
  • devServer.js: LocaL dev server with express. // 本地开发环境启动配置;
  • tsconfig.json: The compilation configuration of the typescript. // type script的编译配置;
  • copyStaticAssets.ts: Organize the fianl exprot files // 手动整理最终输出文件;
  • mockServer.ts： Simulate the back-end environment // 模拟后端API, 返回本地mock数据

Structure

• dist (Final Compilation Folder) // 最终编译目录
• src (Main Folder) // 主文件目录
  • views (the main viewers of the APP) // 主界面, 页面目录
  • images (image, icon, font) // 图片目录(图片)
  • css (styles) // 样式目录(图标, 字体)
  • controllers (the controller of each viewer, include event handlers, request, animation, etc) // 个界面的控制器目录(包含:事件维护,请求维护,动画效果等等)
  • components (the tempalte, common component) // 通用模板,组件库(将来应共同并入到公司前端组件库)
• mockData // mock server data(json)

Run test tools

• 微信开发者工具 https://codeload.github.com/onlyhom/mobileSelect.js/zip/master

Resource links:

• Sui Mobile (http://m.sui.taobao.org/);
• TypeScript: (https://www.typescriptlang.org/index.html)
• Pug: (https://pugjs.org/api/getting-started.html)
• Sass:(https://sass-lang.com/documentation)