<template>
  <div class="logicBuilding itemForm">
    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :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="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-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-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="MPH">
            <span slot="label">
              门牌号： <br />
              <p class="label-detail">（MPH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MPH" placeholder="门牌号"></el-input>
          </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: 3 }"
              placeholder="预测建筑面积" type="number" v-model.number="ruleForm.YCJZMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="YCDXMJ" :rules="{ type: 'number' }">
            <span slot="label">
              预测地下面积： <br />
              <p class="label-detail">（YCDXMJ）</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.YCDXMJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="YCQTMJ" :rules="{ type: 'number' }">
            <span slot="label">
              预测其它面积： <br />
              <p class="label-detail">（YCQTMJ）</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.YCQTMJ"></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="SCDXMJ" :rules="{ type: 'number' }">
            <span slot="label">
              实测地下面积： <br />
              <p class="label-detail">（SCDXMJ）</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.SCDXMJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="SCQTMJ" :rules="{ type: 'number' }">
            <span slot="label">
              实测其它面积： <br />
              <p class="label-detail">（SCQTMJ）</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.SCQTMJ"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="JGRQ">
            <span slot="label">
              竣工日期： <br />
              <p class="label-detail">（JGRQ）</p>
            </span>
            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="竣工日期" clearable
              v-model="ruleForm.JGRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
          </el-form-item>
        </el-col>

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

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

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

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

      <el-row>
        <el-col :span="8">
          <el-form-item prop="FWYT">
            <span slot="label">
              房屋用途1： <br />
              <p class="label-detail">（FWYT）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT" placeholder="房屋用途1"></el-input>
          </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-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT2" placeholder="房屋用途2"></el-input>
          </el-form-item>
        </el-col>

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

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

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

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

      <el-row>
        <el-col :span="8">
          <el-form-item prop="BZ">
            <span slot="label">
              备注： <br />
              <p class="label-detail">（BZ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
          </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: '',
        LJZH: '',
        ZRZH: '',
        MPH: '',
        YCJZMJ: '',
        YCDXMJ: '',
        YCQTMJ: '',
        SCJZMJ: '',
        SCDXMJ: '',
        SCQTMJ: '',
        JGRQ: '',
        FWJG1: '',
        FWJG2: '',
        FWJG3: '',
        JZWZT: '',
        FWYT: '',
        FWYT2: '',
        FWYT3: '',
        ZCS: '',
        DSCS: '',
        DXCS: '',
        BZ: '',
        QXDM: ''
      }
    }
  },
  methods: {
    async featchData () {
      try {
        let { result: res } = await business.getKttFwLjzById(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.updateKttFwLjz(this.ruleForm)
          // this.$refs['formList'].resetFields();
          resolve(res.code)
        } catch (error) {
          this.$refs.msg.messageShow()
        }
      })
    }
  }
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>