前端-远程-1个月

项目编号：【38396】
系统主框架改造，要求如下：
1. Header条左侧是LOGO（透明PNG图），系统名称，中部是主要功能模块菜单，右侧是消息通知提示及用户Profile信息区（包含头像，下拉菜单中还包括修改密码，退出系统，个人设置等相关链接入口）。
2. 中部的主要功能模块菜单要求能够适用多级菜单显示要求（可以只有一级，也可以有二级和三级，要考虑能够根据后端Api返回的数据格式自动适应）目前的选择模式保留，但要求重新设计样式，要考虑菜单项上图标的应用。
3. Header条下面要新增加一个控制多开的Tabs条，用于实现多开的功能，将主要区的IFrame的多个页面状态保存，可以方便不损失信息的条件下直接切换。但Tabs页超过一定量时，要给出隐藏策略，可以批量、单独关闭部分Tabs页的功能。在设计时要重点考虑如何与下面的主内容显示区的衔接（尤其是主内容区左侧的模块内功能导航条的衔接关系）。
4. 主要内容区，作为本系统的业务模块的显示区，要满足以下几种可能的布局模式
a. 左侧模块内的功能导航（可能有一到三级，这个可以直接用ElementUI中的相关功能就好，要求与现有的主流界面一致，可以以两种规格（宽窄）显示），该部分不是每个模块都存在。
b. 中间主内容导航区（常见的可能会有顶部多Tab,下面是可滚动的列表，或者是树形结构），该部分也不是每个模块都存在。
c. 右侧主内容区，该区主要有三种显示功能：
ⅰ. 列表显示（要求标准搜索，主要操作按钮，分页），对于部分显示简单的详细信息可以以从右则的侧滑面板显示，对于从Excel导入功能也是这一界面中常用的，需要将上传的内容以对话框形式显示，让用户确认是保存，还是重新上传。
ⅱ. 表单编辑，如果表单内容多，直接通过路由切换，如果内容少，页面内不涉及多级对话框可以考虑直接在前面的列表中按对话框模式处理。但对于表单比较复杂的情况，建议直接用路由切换，完成操作后返回列表页。
ⅲ. 表单内容显示，该显示与编辑类似，主要是不直接编辑，但可能会比编辑模式多一些显示信息。如果内容少也可以直接从列表中以对话框开式显示，如果内容多，建议直接 采用路由切换。
d. 以上三种显示可能全部出现，也可能是组合出现，在设计时要提前考虑，每一个都有具体的页面存在。
e. 建议将每个模块的开发按SPA方式进行，可以与主框架分别开发打包时形成分开的目录及html文件。
5. 该项目是一个严格前后端分离的项目，可以独立部署到任何的Web服务器，包括整个网站的非根目录，平时开发时采用独立的github私有仓库提交。
a. 整个系统采用Vue3+ElementUI套件完成，尽量采用ElementUI里面的现存的组件，形成界面统一标准
b. Vue3可以采用options模式或者Composition模式，根据自己的熟练程度与习惯，
c. 项目打包采用vite，前端开发建议VSCode
d. CSS方面可以采用Unocss，但不是硬性要求。
6、主框架前端重新开发，业务模块只需要做出一个范例（大约4个页面）