描述:园区 房间管理

This commit is contained in:
SelfRidicule 2024-03-28 14:53:24 +08:00
parent 585e89b3cf
commit c4742b622f

View File

@ -15,7 +15,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="房间名称"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="房间名称">
<a-input style="width: 20%" placeholder="请输入房间名称" v-decorator="['name']"/> <a-input placeholder="请输入房间名称" v-decorator="['name', {rules: [{ required: true, message: '请填写房间名称' }]}]"/>
</a-form-item> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="租金"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="租金">
<a-input-group compact> <a-input-group compact>
@ -91,26 +91,26 @@
</div> </div>
</a-upload> </a-upload>
</a-form-item> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上传园区banner图" extra="尺寸建议宽750px高300px"> <!-- <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上传园区banner图" extra="尺寸建议宽750px高300px">-->
<a-upload <!-- <a-upload-->
v-decorator="['bannerImages']" <!-- v-decorator="['bannerImages']"-->
list-type="picture-card" <!-- list-type="picture-card"-->
class="avatar-uploader" <!-- class="avatar-uploader"-->
:file-list="fileList" <!-- :file-list="fileList"-->
:action="uploadUrl" <!-- :action="uploadUrl"-->
:headers="headers" <!-- :headers="headers"-->
@preview="handlePreview" <!-- @preview="handlePreview"-->
@change="handleChangeFileList" <!-- @change="handleChangeFileList"-->
> <!-- >-->
<div v-if="fileList.length < 4"> <!-- <div v-if="fileList.length < 4">-->
<a-icon type="plus" /> <!-- <a-icon type="plus" />-->
<div class="ant-upload-text"> 上传 </div> <!-- <div class="ant-upload-text"> 上传 </div>-->
</div> <!-- </div>-->
</a-upload> <!-- </a-upload>-->
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel"> <!-- <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">-->
<img style="width: 100%" :src="previewImage" /> <!-- <img style="width: 100%" :src="previewImage" />-->
</a-modal> <!-- </a-modal>-->
</a-form-item> <!-- </a-form-item>-->
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="房间简介(可选)" extra="不要超过50个字符"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="房间简介(可选)" extra="不要超过50个字符">
<a-textarea placeholder="请输入房间简介" :rows="5" v-decorator="['briefIntro']"/> <a-textarea placeholder="请输入房间简介" :rows="5" v-decorator="['briefIntro']"/>
</a-form-item> </a-form-item>