<template>
|
<GlobalAlertWindow
|
:title="title"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<el-form :model="form" ref="form" label-width="110px" label-suffix="：" :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="remark">
|
<el-input v-model="form.remark" placeholder="请输入备注" v-trim/>
|
</el-form-item> -->
|
<el-form-item label="门禁ID" prop="code">
|
<el-input v-model="form.code" placeholder="请输入门禁ID" v-trim/>
|
</el-form-item>
|
<el-form-item label="门禁名称" prop="name">
|
<el-input v-model="form.name" placeholder="请输入门禁名称" v-trim/>
|
</el-form-item>
|
<el-form-item label="关联会议室" prop="roomId">
|
<el-select
|
v-model="form.roomId"
|
filterable
|
clearable
|
placeholder="请选择关联会议室"
|
>
|
<el-option v-for="item in room()" :key="item.id" :value="item.id" :label="item.name" />
|
</el-select>
|
</el-form-item>
|
<!-- <el-form-item label="状态 0启用 1禁用" prop="status">
|
<el-input v-model="form.status" placeholder="请输入状态 0启用 1禁用" v-trim/>
|
</el-form-item> -->
|
</el-form>
|
</GlobalAlertWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalAlertWindow from '@/components/common/GlobalAlertWindow'
|
import { numRule } from '@/utils/form'
|
export default {
|
name: 'OperaDevicesWindow',
|
extends: BaseOpera,
|
components: { GlobalAlertWindow },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null,
|
name: '',
|
code: '',
|
roomId: '',
|
},
|
// 验证规则
|
rules: {
|
code: [
|
{ required: true, message: '请输入门禁ID', tigger: 'blur' }
|
],
|
name: [
|
{ required: true, message: '请输入门禁名称', tigger: 'blur' }
|
],
|
roomId: [
|
{ required: true, validator: numRule, message: '请选择关联会议室', tigger: 'change' }
|
],
|
}
|
}
|
},
|
inject: ['room'],
|
created () {
|
this.config({
|
api: '/business/devices',
|
'field.id': 'id'
|
})
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import "@/assets/style/alertstyle.scss";
|
|
</style>
|
