|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <GlobalWindow | 
|---|
|  |  |  | width="50%" | 
|---|
|  |  |  | :title="title" | 
|---|
|  |  |  | :visible.sync="visible" | 
|---|
|  |  |  | :confirm-working="isWorking" | 
|---|
|  |  |  | @confirm="confirm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules"> | 
|---|
|  |  |  | <el-form-item label="创建人编码" prop="creator"> | 
|---|
|  |  |  | <el-input v-model="form.creator" placeholder="请输入创建人编码" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="创建时间" prop="createDate"> | 
|---|
|  |  |  | <el-date-picker v-model="form.createDate" value-format="yyyy-MM-dd" placeholder="请输入创建时间"></el-date-picker> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="更新人编码" prop="editor"> | 
|---|
|  |  |  | <el-input v-model="form.editor" placeholder="请输入更新人编码" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="更新时间" prop="editDate"> | 
|---|
|  |  |  | <el-date-picker v-model="form.editDate" value-format="yyyy-MM-dd" placeholder="请输入更新时间"></el-date-picker> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="是否删除0否 1是" prop="isdeleted"> | 
|---|
|  |  |  | <el-input v-model="form.isdeleted" placeholder="请输入是否删除0否 1是" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="备注" prop="info"> | 
|---|
|  |  |  | <el-input v-model="form.info" placeholder="请输入备注" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="钥匙编号" prop="code"> | 
|---|
|  |  |  | <el-input v-model="form.code" placeholder="请输入钥匙编号" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="车牌号" prop="carCode"> | 
|---|
|  |  |  | <el-input v-model="form.carCode" placeholder="请输入车牌号" v-trim/> | 
|---|
|  |  |  | <el-form-item label="所属车辆" prop="carId"> | 
|---|
|  |  |  | <el-select v-model="form.carId" filterable placeholder="请选择"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in carAll" | 
|---|
|  |  |  | :key="item.id" | 
|---|
|  |  |  | :label="item.code" | 
|---|
|  |  |  | :value="item.id"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="所属车辆(关联cars)" prop="carId"> | 
|---|
|  |  |  | <el-input v-model="form.carId" placeholder="请输入所属车辆(关联cars)" v-trim/> | 
|---|
|  |  |  | <el-form-item label="RFID标签" prop="rfidCode"> | 
|---|
|  |  |  | <el-input v-model="form.rfidCode" placeholder="请输入RFID标签" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="RFID标签" prop="rfidLable"> | 
|---|
|  |  |  | <el-input v-model="form.rfidLable" placeholder="请输入RFID标签" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="领取规则 0随车 1随派车单" prop="roleType"> | 
|---|
|  |  |  | <el-input v-model="form.roleType" placeholder="请输入领取规则 0随车 1随派车单" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="状态 0未绑定 1在位 2借出" prop="status"> | 
|---|
|  |  |  | <el-input v-model="form.status" placeholder="请输入状态 0未绑定 1在位 2借出" v-trim/> | 
|---|
|  |  |  | <el-form-item label="领取规则" prop="roleType"> | 
|---|
|  |  |  | <el-radio-group v-model="form.roleType"> | 
|---|
|  |  |  | <el-radio :label="0">随车</el-radio> | 
|---|
|  |  |  | <el-radio :label="1">随派车单</el-radio> | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import { allList } from '@/api/business/cars' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaJkKeysWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | creator: '', | 
|---|
|  |  |  | createDate: '', | 
|---|
|  |  |  | editor: '', | 
|---|
|  |  |  | editDate: '', | 
|---|
|  |  |  | isdeleted: '', | 
|---|
|  |  |  | info: '', | 
|---|
|  |  |  | code: '', | 
|---|
|  |  |  | carCode: '', | 
|---|
|  |  |  | carId: '', | 
|---|
|  |  |  | rfidLable: '', | 
|---|
|  |  |  | roleType: '', | 
|---|
|  |  |  | status: '' | 
|---|
|  |  |  | rfidCode: '', | 
|---|
|  |  |  | roleType: 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | } | 
|---|
|  |  |  | code: [ | 
|---|
|  |  |  | { required: true, message: '请输入钥匙编号', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | carId: [ | 
|---|
|  |  |  | { required: true, message: '请选择所属车辆', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | rfidCode: [ | 
|---|
|  |  |  | { required: true, message: '请输入RFID标签', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | roleType: [ | 
|---|
|  |  |  | { required: true, message: '请选择领取规则', trigger: 'blur' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | carAll: [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | 
|---|
|  |  |  | api: '/business/jkKeys', | 
|---|
|  |  |  | 'field.id': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.getCars() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getCars() { | 
|---|
|  |  |  | allList({  }) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | this.carAll = res | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|