|  |  | 
 |  |  | <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> | 
 |  |  |       <el-form-item label="所属车辆(关联cars)" prop="carId"> | 
 |  |  |         <el-input v-model="form.carId" placeholder="请输入所属车辆(关联cars)" v-trim/> | 
 |  |  |       <el-form-item label="所属车辆" prop="carId"> | 
 |  |  |         <el-select v-model="form.carId" 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="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: '' | 
 |  |  |         roleType: 0 | 
 |  |  |       }, | 
 |  |  |       // 验证规则 | 
 |  |  |       rules: { | 
 |  |  |       } | 
 |  |  |         code: [ | 
 |  |  |           { required: true, message: '请输入钥匙编号', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         carId: [ | 
 |  |  |           { required: true, message: '请选择所属车辆', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         rfidLable: [ | 
 |  |  |           { 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({ type: 0 }) | 
 |  |  |         .then(res => { | 
 |  |  |           this.carAll = res | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </script> |