ll

liukangdong

2024-12-02 798dcfbbc3ab2a81d1e873b25e00bf5e4ed03aa7

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<template>
  <GlobalWindow width="720px" :title="title" :visible.sync="visible" :confirm-working="isWorking" @confirm="confirm">
    <el-form :model="form" ref="form" :rules="rules">
      <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="name">
        <el-input v-model="form.name" 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="remark">
        <el-input type="textarea" :rows="4" v-model="form.remark" placeholder="请输入" />
      </el-form-item>
      <el-form-item label="建筑面积(m²)" prop="area">
        <el-input v-model="form.area" placeholder="请输入简直面积(m²)" v-trim />
      </el-form-item>
      <el-form-item label="产权面积(m²)" prop="cqArea">
        <el-input v-model="form.cqArea" placeholder="请输入产权面积(m²)" v-trim />
      </el-form-item>
      <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-form-item>
      <el-form-item label="地下层数" prop="underFloor">
        <el-input v-model="form.underFloor" placeholder="请输入地下层数" v-trim />
      </el-form-item>
    </el-form>
  </GlobalWindow>
</template>
 
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import { getProjectList } from '@/api/project/ywProject'
import { detailById } from '@/api/project/ywBuilding'
export default {
  name: 'OperaYwBuildingWindow',
  extends: BaseOpera,
  components: { GlobalWindow },
  data() {
    return {
      // 表单数据
      form: {
        id: null,
        creator: '',
        createDate: '',
        editor: '',
        editDate: '',
        isdeleted: '',
        name: '',
        remark: '',
        status: '',
        sortnum: '',
        imgurl: '',
        code: '',
        addr: '',
        area: '',
        cqArea: '',
        rentArea: '',
        onFloor: '',
        underFloor: '',
        projectId: ''
      },
      // 验证规则
      rules: {
      },
      projectList: [],
      rules: {
        projectId: [{ required: true, message: '请选择项目名称' }],
        name: [{ required: true, message: '请输入楼宇名称' }],
        area: [{ required: true, message: '请输入建筑面积' }],
        cqArea: [{ required: true, message: '请输入产权面积' }],
      },
    }
  },
  created() {
    this.config({
      api: '/project/ywBuilding',
      'field.id': 'id'
    })
  },
  methods: {
    open (title, target,type) {
      this.title = title
      this.visible = true
      this.getProject()
      // 新建组织
      if (target == null) {
        this.$nextTick(() => {
          this.$refs.form.resetFields()
          this.form[this.configData['field.id']] = null
          this.form.type=type
        })
        return
      }
      // 编辑
      this.$nextTick(() => {
        console.log('----');
        
        this.getDetail(target.id)
      })
    },
    getDetail(id) {
      detailById(id).then(res => {
        this.form = res
      })
    },
    getProject() {
      getProjectList({}).then(res => {
        this.projectList = res || []
      })
    }
  }
}
</script>