<!--
 * @Description: 
 * @Autor: renchao
 * @LastEditTime: 2023-11-15 10:02:49
-->
<template>
  <div class='detail'>
    <el-form :model="ruleForm" ref="ruleForm" label-width="130px">
      <p>不动产情况</p>
      <el-row>
        <el-col :span="12">
          <el-form-item label="坐落:">
            <el-input v-model="ruleForm.zl"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="不动产单元号:">
            <el-input v-model="ruleForm.bdcdyh"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="宗地/宗海面积:">
            <el-input v-model="ruleForm.zdzhmj"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="定着物面积:">
            <el-input v-model="ruleForm.dzwmj"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="宗地/宗海用途:">
            <el-input v-model="ruleForm.zdzhyt"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="定着物用途:">
            <el-input v-model="ruleForm.dzwyt"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="不动产类型:">
            <el-select v-model="ruleForm.bdclx" class="width100" placeholder="请选择">
              <el-option
                v-for="item in bdclxList"
                :key="item.dcode"
                :label="item.dname"
                :value="item.dcode">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="宗地/宗海权利性:">
            <el-select v-model="ruleForm.zdzhqlxz" class="width100" placeholder="请选择">
              <el-option
                v-for="item in qlxzList"
                :key="item.dcode"
                :label="item.dname"
                :value="item.dcode">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="用海类型:">
            <el-input v-model="ruleForm.yhlx"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="构筑物类型:">
            <el-input v-model="ruleForm.gzwlx"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="林种:">
            <el-input v-model="ruleForm.lz"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="原不动产权证书号:">
            <el-input v-model="ruleForm.ybdcqzh"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <div>
        <p>登记申请人</p>
        <el-row>
          <el-col :span="12">
            <el-form-item label="义务人名称:">
              <el-input v-model="ruleForm.ywrmc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="证件种类:">
              <el-select v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
                <el-option
                  v-for="item in zjzlList"
                  :key="item.dcode"
                  :label="item.dname"
                  :value="item.dcode">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="证件号:">
              <el-input v-model="ruleForm.zjh"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>
<script>
  import store from '@/store/index.js'
  export default {
    components: {},
    data () {
      return {
        bdclxList: store.getters.dictData['A27'],
        qlxzList: store.getters.dictData['A9'],
        zjzlList: store.getters.dictData['A9'],
        ruleForm: {
          zl: '',
          bdcdyh: '',
          zdzhmj: '',
          dzwmj: '',
          zdzhyt: '',
          dzwyt: '',
          bdclx: '',
          zdzhqlxz: ''
        }
      }
    },
    methods: {
      dicStatus (val, code) {
        let data = store.getters.dictData[code],
          name = '暂无'
        if (data) {
          data.map((item) => {
            if (item.dcode == val) {
              name = item.dname
            }
          })
          return name
        }
      },
    }
  }
</script>
<style scoped lang='scss'>
  /deep/.el-form-item {
    margin-bottom: 8px;
  }
</style>