<template>
  <div class="households itemForm">
    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
      <el-row>
        <el-col :span="8">
          <el-form-item prop="YSDM">
            <span slot="label">
              要素代码： <br />
              <p class="label-detail">（YSDM）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="BDCDYH">
            <span slot="label">
              不动产单元号： <br />
              <p class="label-detail">（BDCDYH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="LJZH">
            <span slot="label">
              逻辑幢号： <br />
              <p class="label-detail">（LJZH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LJZH" placeholder="逻辑幢号"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="ZRZH">
            <span slot="label">
              自然幢号： <br />
              <p class="label-detail">（ZRZH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZRZH" placeholder="自然幢号"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="FWBM">
            <span slot="label">
              房屋编码： <br />
              <p class="label-detail">（FWBM）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWBM" placeholder="房屋编码"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="CH">
            <span slot="label">
              层号： <br />
              <p class="label-detail">（CH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CH" placeholder="层号"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="ZL">
            <span slot="label">
              坐落： <br />
              <p class="label-detail">（ZL）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="MJDW">
            <span slot="label">
              面积单位： <br />
              <p class="label-detail">（MJDW）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="SJCS">
            <span slot="label">
              实际层数： <br />
              <p class="label-detail">（SJCS）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 99999, min: 1, precision: 0 }"
              placeholder="实际层数" v-model="ruleForm.SJCS"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="HH">
            <span slot="label">
              户号： <br />
              <p class="label-detail">（HH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HH" placeholder="户号"
              v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="SHBW">
            <span slot="label">
              室号部位： <br />
              <p class="label-detail">（SHBW）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SHBW" placeholder="室号部位"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="HX">
            <span slot="label">
              户型： <br />
              <p class="label-detail">（HX）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.HX" placeholder="户型">
              <el-option v-for="item in dicData['A15']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="HXJG">
            <span slot="label">
              户型结构： <br />
              <p class="label-detail">（HXJG）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.HXJG" placeholder="户型结构">
              <el-option v-for="item in dicData['A16']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="FWYT1">
            <span slot="label">
              房屋用途1： <br />
              <p class="label-detail">（FWYT1）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT1" placeholder="房屋用途1">
              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="FWYT2">
            <span slot="label">
              房屋用途2： <br />
              <p class="label-detail">（FWYT2）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT2" placeholder="房屋用途2">
              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="FWYT3">
            <span slot="label">
              房屋用途3： <br />
              <p class="label-detail">（FWYT3）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT3" placeholder="房屋用途3">
              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              预测建筑面积： <br />
              <p class="label-detail">（YCJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number"
              v-model.number="ruleForm.YCJZMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              预测套内建筑面积： <br />
              <p class="label-detail">（YCTNJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number"
              v-model.number="ruleForm.YCTNJZMJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              预测分摊建筑面积： <br />
              <p class="label-detail">（YCFTJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number"
              v-model.number="ruleForm.YCFTJZMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              预测地下部分建筑面积： <br />
              <p class="label-detail">（YCDXBFJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number"
              v-model.number="ruleForm.YCDXBFJZMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              预测其它建筑面积： <br />
              <p class="label-detail">（YCQTJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number"
              v-model.number="ruleForm.YCQTJZMJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 预测分摊系数 -->
      <el-row>
        <el-col :span="8">
          <el-form-item prop="YCFTXS" :rules="{ type: 'number' }">
            <span slot="label">
              预测分摊系数： <br />
              <p class="label-detail">（YCFTXS）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YCFTXS" placeholder="预测分摊系数"
              type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              实测建筑面积： <br />
              <p class="label-detail">（SCJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测建筑面积" type="number"
              v-model.number="ruleForm.SCJZMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              实测套内建筑面积： <br />
              <p class="label-detail">（SCTNJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测套内建筑面积" type="number"
              v-model.number="ruleForm.SCTNJZMJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 实测分摊建筑面积 -->
      <el-row>
        <el-col :span="8">
          <el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              实测分摊建筑面积： <br />
              <p class="label-detail">（SCFTJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测分摊建筑面积" type="number"
              v-model.number="ruleForm.SCFTJZMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              实测地下部分建筑面积： <br />
              <p class="label-detail">（SCDXBFJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测地下部分建筑面积" type="number"
              v-model.number="ruleForm.SCDXBFJZMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              实测其它建筑面积： <br />
              <p class="label-detail">（SCQTJZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测其它建筑面积" type="number"
              v-model.number="ruleForm.SCQTJZMJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 实测分摊系数 -->
      <el-row>
        <el-col :span="8">
          <el-form-item prop="SCFTXS" :rules="{ type: 'number' }">
            <span slot="label">
              实测分摊系数： <br />
              <p class="label-detail">（SCFTXS）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SCFTXS" type="number"
              v-only-number="{ max: 999999999999999, min: 0, precision: 6 }" placeholder="实测分摊系数"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="GYTDMJ" :rules="{ type: 'number' }">
            <span slot="label">
              共有土地面积： <br />
              <p class="label-detail">（GYTDMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="共有土地面积" type="number"
              v-model.number="ruleForm.GYTDMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
            <span slot="label">
              分摊土地面积： <br />
              <p class="label-detail">（FTTDMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit"
              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number"
              v-model.number="ruleForm.FTTDMJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 独用土地面积 -->
      <el-row>
        <el-col :span="8">
          <el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
            <span slot="label">
              独用土地面积： <br />
              <p class="label-detail">（DYTDMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.DYTDMJ" placeholder="独用土地面积"
              type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="FWLX">
            <span slot="label">
              房屋类型： <br />
              <p class="label-detail">（FWLX）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWLX" placeholder="房屋类型">
              <el-option v-for="item in dicData['A18']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="FWXZ">
            <span slot="label">
              房屋性质： <br />
              <p class="label-detail">（FWXZ）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZ" placeholder="房屋性质">
              <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 房产分户图 -->
      <el-row>
        <el-col :span="8">
          <el-form-item prop="FCFHT">
            <span slot="label">
              房产分户图： <br />
              <p class="label-detail">（FCFHT）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FCFHT" placeholder="房产分户图"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="ZT">
            <span slot="label">
              状态： <br />
              <p class="label-detail">（ZT）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
              <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="QXDM">
            <span slot="label">
              区县代码： <br />
              <p class="label-detail">（QXDM）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <message-tips ref="msg" />
  </div>
</template>
<script>
// 户信息
import business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
  mixins: [ruleMixin],
  props: {
    bsmSjsb: {
      type: String,
      default: ''
    },
    bsmYwsjb: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      ruleForm: {
        YSDM: '',
        BDCDYH: '',
        LJZH: '',
        ZRZH: '',
        FWBM: '',
        CH: '',
        ZL: '',
        MJDW: '',
        SJCS: '',
        HH: '',
        SHBW: '',
        HX: '',
        HXJG: '',
        FWYT1: '',
        FWYT2: '',
        FWYT3: '',
        YCJZMJ: '',
        YCTNJZMJ: '',
        YCFTJZMJ: '',
        YCDXBFJZMJ: '',
        YCQTJZMJ: '',
        YCFTXS: '',
        SCJZMJ: '',
        SCTNJZMJ: '',
        SCFTJZMJ: '',
        SCDXBFJZMJ: '',
        SCQTJZMJ: '',
        SCFTXS: '',
        GYTDMJ: '',
        FTTDMJ: '',
        DYTDMJ: '',
        FWLX: '',
        FWXZ: '',
        FCFHT: '',
        ZT: '',
        QXDM: ''
      }
    }
  },
  methods: {
    async featchData () {
      try {
        let { result: res } = await business.getKttFwHById(this.bsmSjsb)
        this.ruleForm = res
        //this.featchRule()
      } catch (error) {
        this.$refs.msg.messageShow()
      }
    },
    handleUpdateForm () {
      return new Promise(async (resolve, reject) => {
        try {
          let res = await business.updateKttFwH(this.ruleForm)
          // this.$refs['formList'].resetFields();
          resolve(res.code)
        } catch (error) {
          this.$refs.msg.messageShow()
        }
      })
    }
  }
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";

.households {
  .item-label {
    flex: 0 0 120px;
  }
}
</style>