该项目是贵阳市驻场开发项目，在项目原有基础上开发新的功能，进行版本迭代，项目主要用于对电视台媒体资 源的审核发布，视频转码等。项目技术采用的是 react+typeScript 进行开发。 1. 代码结构优化，对历史性问题进行修复，比如界面的美观性、代码的可复用性。 2. 相关功能的开发，包括文件模板的上传，界面列表的导入导出。导出功能使用的是二进制流形式导出 3. 对各功能接口的对接，包括视频详情，视频转码，工单等

使用webpack搭建脚手架，用于源码和低代码的混合研发，可以多系统之间相互集成，不用使用iframe嵌入网页。并开发一些基础组件，框架整体布局，网页title更换，页面滚动加载等

1. 各个功能模块的开发，比如数据发布模块，全省预报模块等等。项目通过 antdDesign 框架实现页面结构的快速搭 建，前后端交互使用 fetch ，并且设置了 fetch 拦截器，提取每个接口发送的公共逻辑，统一给请求头上添加 token，检 测接口返回的状态，比如 404 提示接口找不到、401 返回登录界面、500 弹出报错弹框信息。 2. 用户角色分为省级、市州级、县级、运维，权限方面主要是对侧边栏的差异化渲染做了处理，思路大概是先把所有 的侧边栏抽象成一个数组，数组的每个元素会加上一个代表权限的字段，比如说 roles，然后当用户登录之后，利用登 录返回的用户角色对该数组做一个过滤，最后把过滤后的数组渲染到界面上。 另一方面，根据用户的权限等级，我们 设置使用操作按钮的可见性以及获取不同的数据展示。 3. 为了防止用户通过手动在地址栏输入路径从而访问本没有权限访问的页面，项目做了路由的动态渲染，实现思路和动态侧 边栏类似。 4. 对于项目的公共数据或者部分公共逻辑采用 models 进行管理。在配置路由时使用 dva/dynamic 进行注入，组件内 使用 connect 进行连接，通过 this.props 即可访问。 5. 移动端首页数据展示模块、地图模块、个人中心模块相关开发;