| | |
| | | width="600px" |
| | | > |
| | | <el-form :model="form" ref="form" :rules="rules" label-width="100px"> |
| | | <el-form-item label="车辆类型" prop="code"> |
| | | <el-select v-model="form.named" placeholder="请选择"> |
| | | <el-option label="3人电动车" :value="0"></el-option> |
| | | <el-option label="4人电动车" :value="1"></el-option> |
| | | <el-form-item label="车辆类型" prop="paramId"> |
| | | <el-select v-model="form.paramId" placeholder="请选择"> |
| | | <el-option v-for="item in types" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="车辆编号" prop="code"> |
| | | <el-input v-model="form.name" placeholder="请输入车辆编号" v-trim/> |
| | | <el-input v-model="form.code" placeholder="请输入车辆编号" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="控制器SN" prop="needNotice"> |
| | | <el-input v-model="form.name" placeholder="请输入控制器SN" v-trim/> |
| | | <el-form-item label="控制器SN" prop="deviceSn"> |
| | | <el-input v-model="form.deviceSn" placeholder="请输入控制器SN" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import { baseTranListPost } from '@/api/business/bikes.js' |
| | | export default { |
| | | name: 'OperaSitesWindow', |
| | | extends: BaseOpera, |
| | |
| | | return { |
| | | // 表单数据 |
| | | form: { |
| | | id: null, |
| | | name: '', |
| | | paramId: '', |
| | | code: '', |
| | | needNotice:0, |
| | | ip: '', |
| | | port: '' |
| | | |
| | | deviceSn: '', |
| | | }, |
| | | types: [], |
| | | // 验证规则 |
| | | rules: { |
| | | code: [ |
| | | { required: true, message: '请输入站点编号', tigger: 'blur' }, |
| | | { required: true, message: '请输入', tigger: 'blur' }, |
| | | ], |
| | | name: [ |
| | | { required: true, message: '请输入站点名称', tigger: 'blur' }, |
| | | paramId: [ |
| | | { required: true, message: '请选择', tigger: 'blur' }, |
| | | ], |
| | | ip: [ |
| | | { required: true, message: '请输入站点ip地址', tigger: 'blur' }, |
| | | ], |
| | | port: [ |
| | | { required: true, message: '请输入站点端口号', tigger: 'blur' }, |
| | | deviceSn: [ |
| | | { required: true, message: '请输入', tigger: 'blur' }, |
| | | ], |
| | | } |
| | | } |
| | | }, |
| | | created () { |
| | | this.initOp() |
| | | this.config({ |
| | | api: '/business/sites', |
| | | api: '/business/bikes', |
| | | 'field.id': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | initOp(){ |
| | | baseTranListPost({type: 4}).then(res => { |
| | | this.types = res |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |