npm install // 项目初始化下载,运行过慢时可选择执行yarn,运行前如有package-lock.json请删除
npm start // 运行
npm run build // 打包
项目的运行环境是node@14.17.4版本下下载的。(版本过高可能会存在问题)
TODO 标签代表可运行但后续变化可修改或删除。
打包代码需注意api地址访问,需修改utils - utility.js文件的 isDebug 变量,true为正式环境。
项目使用了@craco/craco和create-react-app,此两个库在npm6.x下没有install的问题,当npm高于6.x版本时可能会发生install错误,可根据实际情况进行修改。@craco/craco和craco-less是为了配合antd4.x版本使用。
项目使用了加密传输crypto-js。
项目是使用了create-react-app进行创建的。
项目中“调解视窗”(mediationWindow)和“司法确认视窗”(judicialWindow)代码逻辑上都有其共通之处,样式都使用“调解视窗”的样式,“反馈”功能也和“系列案反馈”(caseDetail - components - CaseFolderFeedBack.jsx)功能有共通之处,如涉及修改其一可考虑是否其余的两个是否修改。
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── loader.css 项目初始空白过渡动画
│ └── locationSelect.js 地址js
├── src
├── api 项目api接口
├── assets 项目图片,icon等资源
├── components 公共组件,页面组件(页面组件多数情况下都是其页面单独使用)库
├── router 路由
├── status 数据,状态,工具类
├── styles 样式
├── utils 公共方法
├── views 页面
└── index.js 入口文件
└── craco.config.js antd craco的配置文件