# hospitalmsfront **Repository Path**: hospital-java/hospitalmsfront ## Basic Information - **Project Name**: hospitalmsfront - **Description**: 医院管理系统前端代码仓库 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 0 - **Created**: 2021-02-05 - **Last Updated**: 2021-04-26 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue搭建诊所管理界面 ------------------------ #### 技术栈 vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标iconfont #### 一般修改说明 1.在views目录下创建一个新目录,以模块名命名。比如系统设置:system 2.在模块的目录下创建组件(xxx.vue) 3.想要把组件添加到导航栏,需要先在router目录下的index.js中引入你的组件比如 ```javascript import Employeemain from '@/views/system/employee/EmployeeMain'; ``` 然后新增一个路由配置项,比如: ```javascript { path: '/system/employeemain', name: '员工管理', component: Employeemain, meta: { requireAuth: true } } ``` 然后在components目录下的leftnav.vue中修改对应菜单的路径,比如: ```javascript { menuid: 113, icon: "icon-yuangongzhanghaoguanli", menuname: "员工管理", hasThird: "N", url: "system/employeemain", menus: null, } ``` #### views的目录结构 ------------------------ charge 收费管理 medicine 药品管理 system 系统设置 employee 员工管理 charge 费用设置 workbench 工作台 register 挂号管理 patient 患者管理 PatientSelect 患者管理 PatientMain 患者统计 operationsummary 经营概况 Operations 经营概况 #### 目录结构 ------------------------ ```bash ├── /build/ # 项目构建(webpack)相关配置 ├── /config/ # 项目开发环境配置 ├── /src/ # 源码目录 │ ├── /api/ # 请求 │ ├── /assets/ # 组件静态资源(图片) │ ├── /components/ # 公共组件 | ├── /api/ # 请求接口 │ ├── /router/ # 路由配置 │ ├── /vuex/ # vuex状态管理 │ ├── /views/ # 路由组件(页面维度) │ ├── /config/ # 接口配置文件(请求地址) │ ├── App.vue # 组件入口 │ └── main.js # 程序入口 ├── /static/ # 非组件静态资源 ├── .babelrc # ES6语法编译配置 ├── .editorconfig # 定义代码格式 ├── .eslintignore # ES6规范忽略文件 ├── .eslintrc.js # ES6语法规范配置 ├── .gitignore # git忽略文件 ├── index.html # 页面入口 ├── package.json # 项目依赖 └── README.md # 项目文档 ``` #### 运行项目 ------------------------ ``` bash # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run e2e tests npm run e2e # run all tests npm test ```