<el-row>

<el-col :span="12"><div class="grid-content"></div></el-col>
<el-col :span="12"><div class="grid-content"></div></el-col>
</el-row>

<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
			<el-row>
				<el-col :span="12">
					<div class="grid-content">
						<el-form ref="form" :model="form" :rules="rules" label-width="80px">
							<el-form-item label="状态">
								<el-radio-group v-model="form.status">
									<el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{dict.dictLabel}}</el-radio>
								</el-radio-group>
							</el-form-item>
							<el-form-item label="设备名称" prop="name">
								<el-input v-model="form.name" placeholder="请输入设备名称" />
							</el-form-item>
							<el-form-item label="设备别名" prop="alias">
								<el-input v-model="form.alias" placeholder="请输入设备别名" />
							</el-form-item>
							<el-form-item label="设备图片">
								<imageUpload v-model="form.picture" />
							</el-form-item>
							<el-form-item label="设备sn" prop="sn">
								<el-input v-model="form.sn" placeholder="请输入设备sn" />
							</el-form-item>
							<el-form-item label="设备固件版本号" prop="version">
								<el-input v-model="form.version" placeholder="请输入设备固件版本号" />
							</el-form-item>
							<el-form-item label="设备时区" prop="timeZone">
								<el-select v-model="form.timeZone" placeholder="请选择设备时区">
									<el-option v-for="dict in timeZoneOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="设备型号" prop="deviceModel">
								<el-input v-model="form.deviceModel" placeholder="请输入设备型号" />
							</el-form-item>
							<el-form-item label="设备MAC" prop="mac">
                <el-input v-model="form.mac" placeholder="请输入设备MAC" />
              </el-form-item>
              <el-form-item label="设备IP" prop="ip">
                <el-input v-model="form.ip" placeholder="请输入设备IP" />
              </el-form-item>
						</el-form>
					</div>
				</el-col>
				<el-col :span="12">
					<div class="grid-content">
						<el-form ref="form" :model="form" :rules="rules" label-width="80px">
							<el-form-item label="所属省" prop="province">
								<el-input v-model="form.province" placeholder="请输入所属省" />
							</el-form-item>
							<el-form-item label="所属市" prop="city">
								<el-input v-model="form.city" placeholder="请输入所属市" />
							</el-form-item>
							<el-form-item label="所属区县" prop="district">
								<el-input v-model="form.district" placeholder="请输入所属区县" />
							</el-form-item>
							<el-form-item label="地址" prop="address">
								<el-input v-model="form.address" placeholder="请输入地址" />
							</el-form-item>
							<el-form-item label="开通时间" prop="registerTime">
								<el-date-picker clearable size="small" v-model="form.registerTime" type="date" value-format="yyyy-MM-dd"
								 placeholder="选择开通时间">
								</el-date-picker>
							</el-form-item>
							<el-form-item label="质保时间" prop="warrantyPeriod">
								<el-date-picker clearable size="small" v-model="form.warrantyPeriod" type="date" value-format="yyyy-MM-dd"
								 placeholder="选择质保时间">
								</el-date-picker>
							</el-form-item>
							<el-form-item label="所属客户" prop="customerId">
								<el-select v-model="form.customerId" placeholder="请选择所属客户">
									<el-option v-for="dict in customerIdOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="parseInt(dict.dictValue)"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="设备电量" prop="power">
								<el-input v-model="form.power" placeholder="请输入设备电量" />
							</el-form-item>
							<el-form-item label="设备音量" prop="volumeSound">
								<el-input v-model="form.volumeSound" placeholder="请输入设备音量" />
							</el-form-item>
							<el-form-item label="设备类型" prop="categoryId">
								<el-select v-model="form.categoryId" placeholder="请选择设备类型">
									<el-option v-for="dict in categoryIdOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="parseInt(dict.dictValue)"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="小程序锁管理员id" prop="adminUserId">
								<el-input v-model="form.adminUserId" placeholder="请输入小程序锁管理员id" />
							</el-form-item>
						</el-form>
						<div slot="footer" class="dialog-footer">
							<el-button type="primary" @click="submitForm">确 定</el-button>
							<el-button @click="cancel">取 消</el-button>
						</div>
					</div>
				</el-col>
			</el-row>
		</el-dialog>