# seat-select-controller

**Repository Path**: yittech/seat-select-controller

## Basic Information

- **Project Name**: seat-select-controller
- **Description**: seat-select-controller
https://github.com/zenghao0219/seat-select-controller
seat-select-controller (vue后台座位数据录入端)
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-05
- **Last Updated**: 2025-10-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

![](https://github.com/zenghao0219/files-store/blob/master/seats/process1.png?raw=true)


![](https://img.shields.io/github/stars/zenghao0219/seat-select-controller.svg?style=social)
![](https://img.shields.io/github/forks/zenghao0219/seat-select-controller.svg?style=social)
![](http://progressed.io/bar/100?title=completed)
![](https://img.shields.io/badge/language-vue-green.svg)
![](https://img.shields.io/github/package-json/dependency-version/zenghao0219/seat-select-controller/vue.svg)
![](https://img.shields.io/github/license/zenghao0219/seat-select-controller.svg)
![](https://img.shields.io/github/release/zenghao0219/seat-select-controller.svg)
<!-- ![](https://img.shields.io/github/downloads/zenghao0219/seat-select-controller/total.svg) -->
> if this project is useful to you :D , Please star this project~
>
> 如果这个项目对你有帮助 :D 请点个star吧~
>
> [点击这里预览demo(请使用PC端访问)](https://zenghao0219.github.io/seat-select-controller-demo/ "请使用PC访问")

### 赞助者名单
首先特别感谢赞助者的所有朋友们,真的特别感谢!(所有贡献者列表请在[此处](https://github.com/zenghao0219/contributors))
<details>
<summary>点击此处展开查看赞助最多的几位朋友</summary>

1. [*磊 (KaelLuo) (¥6.66)](http://github.com/KaelLuo)
2. *磊 (涅槃) (¥100)
3. *升平 (¥8.88)
4. 随影sky (¥66.6)
</details>

### 座位图体系项目导航

- [移动端 seat-select](https://github.com/zenghao0219/seat-select)

- [微信小程序 seat-select-wechat](https://github.com/zenghao0219/seat-select-wechat)

- [后台控制端 seat-select-controller](https://github.com/zenghao0219/seat-select-controller)

- [数据接口端 seat-select-api](https://github.com/zenghao0219/seat-select-api)


### 项目依赖组件

该项目引用到的外部常用组件
> 1. [element-ui](https://element.eleme.cn "element-ui")
> 2. [better-scroll](https://github.com/ustbhuangyi/better-scroll "better-scroll")
> 3. [axios](https://github.com/axios/axios "axios")

#### 项目截图

![](https://github.com/zenghao0219/files-store/blob/master/seats/seat-controller-list.jpg?raw=true)


![](https://github.com/zenghao0219/files-store/blob/master/seats/seat-controller-index.png?raw=true)

#### 操作页面示例
```
以下为编辑座位的gif示例,可实现框选编辑
```

![](https://github.com/zenghao0219/files-store/blob/master/seats/seat-controller-demo1.gif?raw=true)

### 目录结构
```
.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

### 项目捐赠
写代码不易...请作者喝杯咖啡呗?

![](https://github.com/zenghao0219/files-store/blob/master/pay.jpeg?raw=true)

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

### 其他项目

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

<img src="https://i.postimg.cc/9fgDX670/gh-15fa1fdd771b-1280.jpg" width="200" hegiht="300"/>