|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <GlobalWindow | 
|---|
|  |  |  | :title="title" | 
|---|
|  |  |  | :visible.sync="visible" | 
|---|
|  |  |  | :confirm-working="isWorking" | 
|---|
|  |  |  | @confirm="confirm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <GlobalWindow width="900px" :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 label="所属项目" prop="projectId" clearable placeholder="请选择项目"> | 
|---|
|  |  |  | <el-select v-model="form.projectId" filterable clearable> | 
|---|
|  |  |  | <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </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 label="楼宇名称" prop="name"> | 
|---|
|  |  |  | <el-input v-model="form.name" placeholder="请输入楼宇名称" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="更新人编码" prop="editor"> | 
|---|
|  |  |  | <el-input v-model="form.editor" placeholder="请输入更新人编码" v-trim/> | 
|---|
|  |  |  | <el-form-item label="楼宇编号" prop="code"> | 
|---|
|  |  |  | <el-input v-model="form.code" 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 label="详细地址" prop="addr"> | 
|---|
|  |  |  | <el-input v-model="form.addr" placeholder="请输入详细地址" v-trim /> | 
|---|
|  |  |  | </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 label="楼宇简介" prop="remark"> | 
|---|
|  |  |  | <el-input type="textarea" :rows="4" v-model="form.remark" placeholder="请输入" /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="名称" prop="name"> | 
|---|
|  |  |  | <el-input v-model="form.name" placeholder="请输入名称" v-trim/> | 
|---|
|  |  |  | <el-form-item label="建筑面积(m²)" prop="area"> | 
|---|
|  |  |  | <el-input v-model="form.area" placeholder="请输入简直面积(m²)" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="备注" prop="remark"> | 
|---|
|  |  |  | <el-input v-model="form.remark" placeholder="请输入备注" v-trim/> | 
|---|
|  |  |  | <el-form-item label="产权面积(m²)" prop="cqArea"> | 
|---|
|  |  |  | <el-input v-model="form.cqArea" placeholder="请输入产权面积(m²)" v-trim /> | 
|---|
|  |  |  | </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-item label="排序码" prop="sortnum"> | 
|---|
|  |  |  | <el-input v-model="form.sortnum" placeholder="请输入排序码" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="图标" prop="imgurl"> | 
|---|
|  |  |  | <el-input v-model="form.imgurl" 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="addr"> | 
|---|
|  |  |  | <el-input v-model="form.addr" placeholder="请输入地址" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="面积(平方米)" prop="area"> | 
|---|
|  |  |  | <el-input v-model="form.area" placeholder="请输入面积(平方米)" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="产权面积(平方米)" prop="cqArea"> | 
|---|
|  |  |  | <el-input v-model="form.cqArea" placeholder="请输入产权面积(平方米)" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="可租面积(平方米)" prop="rentArea"> | 
|---|
|  |  |  | <el-input v-model="form.rentArea" placeholder="请输入可租面积(平方米)" v-trim/> | 
|---|
|  |  |  | <el-form-item label="可租面积(m²)" prop="rentArea"> | 
|---|
|  |  |  | <el-input v-model="form.rentArea" placeholder="请输入可租面积(m²)" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="地上层数" prop="onFloor"> | 
|---|
|  |  |  | <el-input v-model="form.onFloor" placeholder="请输入地上层数" v-trim/> | 
|---|
|  |  |  | <el-input v-model="form.onFloor" placeholder="请输入地上层数" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="地下层数" prop="underFloor"> | 
|---|
|  |  |  | <el-input v-model="form.underFloor" placeholder="请输入地下层数" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="所属项目编码(关联yw_project)" prop="projectId"> | 
|---|
|  |  |  | <el-input v-model="form.projectId" placeholder="请输入所属项目编码(关联yw_project)" v-trim/> | 
|---|
|  |  |  | <el-input v-model="form.underFloor" placeholder="请输入地下层数" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import { getProjectList } from '@/api/project/ywProject' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaYwBuildingWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { GlobalWindow }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | projectList: [], | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | projectId: [{ required: true, message: '请选择项目名称' }], | 
|---|
|  |  |  | name: [{ required: true, message: '请输入楼宇名称' }], | 
|---|
|  |  |  | area: [{ required: true, message: '请输入建筑面积' }], | 
|---|
|  |  |  | cqArea: [{ required: true, message: '请输入产权面积' }], | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.config({ | 
|---|
|  |  |  | api: '/project/ywBuilding', | 
|---|
|  |  |  | 'field.id': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getProject() { | 
|---|
|  |  |  | getProjectList({}).then(res => { | 
|---|
|  |  |  | this.projectList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|