README.md



上门随销商机管理平台 (Vue版本)

这是基于Vue 2.x的上门随销商机管理平台，完全按照技术要求实现。


技术栈


框架: Vue 2.x

UI组件库: ElementUI

状态管理: Vuex

路由: Vue Router

构建工具: Vue CLI

样式: SCSS


功能模块


登录页面 - 用户身份验证

主布局 - 侧边栏导航和顶部栏

商机管理 - 商机列表、筛选、新增、查看详情

数据报表 - 统计数据展示

网格查询 - 网格信息查询和详情

系统管理 - 人员管理、商机标签管理、账号管理


运行项目


安装依赖

npm install


启动开发服务器

npm run serve


构建生产版本

npm run build


项目结构

src/
├── assets/           # 静态资源
│   └── styles/       # 样式文件
├── components/       # 公共组件
│   └── system/       # 系统管理组件
├── views/            # 页面组件
├── router/           # 路由配置
├── store/            # 状态管理
└── App.vue           # 根组件


测试账号


网格管理员: grid001 / 123456
区县管理员: county001 / 123456
地市管理员: city001 / 123456
省级管理员: province001 / 123456


注意事项


项目使用了ElementUI组件库，请确保已正确安装依赖
样式使用SCSS编写，需要相应的loader支持
路由使用history模式，部署时需要注意服务器配置