Whale0804 / seat-select-controller

seat-select-controller是seat-select项目的后台数据录入端,提供框选,点选,情侣座编辑

Home Page:https://zenghao0219.github.io/seat-select-controller-demo/#/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

seat-select-controller (vue后台座位数据录入端)

if this project is useful to you :D , Please star this project~

如果这个项目对你有帮助 :D 请点个star吧~

点击这里预览demo(请使用PC端访问)

赞助者名单

首先特别感谢赞助者的所有朋友们,真的特别感谢!(所有贡献者列表请在此处)

点击此处展开查看赞助最多的几位朋友
  1. *磊 (KaelLuo) (¥6.66)
  2. *磊 (涅槃) (¥100)
  3. *升平 (¥8.88)
  4. 随影sky (¥66.6)

座位图体系项目导航

项目依赖组件

该项目引用到的外部常用组件

  1. element-ui
  2. better-scroll
  3. axios

项目截图

操作页面示例

以下为编辑座位的gif示例,可实现框选编辑

目录结构

.src
├── App.vue --(入口组件)
├── assets --(静态文件)
│   └── images
├── http.js --(axios工具类)
├── main.js --(vue入口js)
├── pages --(组件目录)
│   ├── edit
│   │   ├── HallSeat.vue --(编辑座位父组件)
│   │   └── components
│   │       ├── ControllerAside.vue --(左边控制栏组件)
│   │       ├── CoordinateSystem.vue --(坐标系组件)
│   │       └── DragDiv.vue --(框选组件)
│   └── list
│       └── SeatList.vue --(模版列表组件)
├── plugins --(插件目录)
│   └── element.js --(element-ui插件)
├── router.js --(路由文件)
└── store.js --(vuex文件)

初始化项目 (Project setup)

npm install

直接运行开发环境 (Compiles and hot-reloads for development)

npm run serve

项目打包 (Compiles and minifies for production)

npm run build

讨论

欢迎加群讨论: 3544395

项目捐赠

写代码不易...请作者喝杯咖啡呗?

(PS: 支付的时候 请带上你的名字/昵称呀 会维护一个赞助列表~ )

其他项目

最近开发了一个垃圾分类的小程序 需要的朋友可以关注以下~

About

seat-select-controller是seat-select项目的后台数据录入端,提供框选,点选,情侣座编辑

https://zenghao0219.github.io/seat-select-controller-demo/#/

License:Apache License 2.0


Languages

Language:Vue 85.3%Language:JavaScript 13.5%Language:HTML 1.3%