<template>
  <div class="advanceNoticeRegistration itemForm">
    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px">
      <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"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="YWH">
            <span slot="label">
              业务号： <br />
              <p class="label-detail">（YWH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH"></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"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item prop="scYWH">
            <span slot="label">
              上次业务号： <br />
              <p class="label-detail">（SCYWH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.scYWH"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="BDCZL">
            <span slot="label">
              不动产坐落： <br />
              <p class="label-detail">（BDCZL）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCZL"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="YWR">
            <span slot="label">
              义务人： <br />
              <p class="label-detail">（YWR）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWR"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item prop="YWRZJZL">
            <span slot="label">
              义务人证件种类： <br />
              <p class="label-detail">（YWRZJZL）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL">
              <el-option v-for="item in dicData['A30']" :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="YWRZJH">
            <span slot="label">
              义务人证件号： <br />
              <p class="label-detail">（YWRZJH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="YGDJZL">
            <span slot="label">
              预告登记种类： <br />
              <p class="label-detail">（YGDJZL）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YGDJZL">
              <el-option v-for="item in dicData['A29']" :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="DJLX">
            <span slot="label">
              登记类型： <br />
              <p class="label-detail">（DJLX）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX">
              <el-option v-for="item in dicData['A21']" :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="DJYY">
            <span slot="label">
              登记原因： <br />
              <p class="label-detail">（DJYY）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="TDSYQR">
            <span slot="label">
              土地使用权人： <br />
              <p class="label-detail">（TDSYQR）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item prop="GHYT">
            <span slot="label">
              规划用途： <br />
              <p class="label-detail">（GHYT）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GHYT">
              <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="YTMC">
            <span slot="label">
              用途名称： <br />
              <p class="label-detail">（YTMC）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YTMC"></el-input>
          </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">
              <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="FWXZMC">
            <span slot="label">
              房屋性质名称： <br />
              <p class="label-detail">（FWXZMC）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZMC"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="FWJG">
            <span slot="label">
              房屋结构： <br />
              <p class="label-detail">（FWJG）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG">
              <el-option v-for="item in dicData['A46']" :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="SZC">
            <span slot="label">
              所在层： <br />
              <p class="label-detail">（SZC）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SZC"
              v-only-number="{ max: 99, min: 0, precision: 0 }"></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-model.number="ruleForm.ZCS" type="number"
              v-only-number="{ max: 9999, min: 0, precision: 0 }"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item prop="JZMJ" :rules="{ type: 'number' }">
            <span slot="label">
              建筑面积： <br />
              <p class="label-detail">（JZMJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JZMJ" type="number"
              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="QDJG" :rules="{ type: 'number' }">
            <span slot="label">
              取得价格/被担保主债权数额： <br />
              <p class="label-detail">（QDJG）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QDJG" type="number"
              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item prop="JEDW">
            <span slot="label">
              金额单位： <br />
              <p class="label-detail">（JEDW）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.JEDW">
              <el-option v-for="item in dicData['A57']" :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="DBFW">
            <span slot="label">
              担保范围： <br />
              <p class="label-detail">（DBFW）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBFW">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="SFCZJZHXZ">
            <span slot="label">
              是否存在禁止或限制转让抵押不动产的约定： <br />
              <p class="label-detail">（SFCZJZHXZ）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFCZJZHXZ">
              <el-option v-for="item in dicData['A6']" :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="BDCDJZMH">
            <span slot="label">
              不动产登记证明号： <br />
              <p class="label-detail">（BDCDJZMH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH">
            </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"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="DJJG">
            <span slot="label">
              登记机构： <br />
              <p class="label-detail">（DJJG）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item prop="DBR">
            <span slot="label">
              登簿人： <br />
              <p class="label-detail">（DBR）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="DJSJ">
            <span slot="label">
              登记时间： <br />
              <p class="label-detail">（DJSJ）</p>
            </span>
            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" clearable v-model="ruleForm.DJSJ"
              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="QSZT">
            <span slot="label">
              权属状态： <br />
              <p class="label-detail">（QSZT）</p>
            </span>
            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT">
              <el-option v-for="item in dicData['A22']" :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="24">
          <el-form-item prop="FJ">
            <span slot="label">
              附记： <br />
              <p class="label-detail">（FJ）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item prop="ZXYGYWH">
            <span slot="label">
              注销预告业务号： <br />
              <p class="label-detail">（ZXYGYWH）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYGYWH">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="ZXSJ">
            <span slot="label">
              注销时间： <br />
              <p class="label-detail">（ZXSJ）</p>
            </span>
            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" clearable v-model="ruleForm.ZXSJ"
              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item prop="ZXYGYY">
            <span slot="label">
              注销预告原因： <br />
              <p class="label-detail">（ZXYGYY）</p>
            </span>
            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYGYY">
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <message-tips ref="msg" />
  </div>
</template>
<script>
// 预告登记信息
import qlfQlYgdj from "@/api/qlfQlYgdj";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
  mixins: [ruleMixin],
  props: {
    bsmSjsb: {
      type: String,
      default: "",
    },
    bsmYwsjb: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      ruleForm: {
        YSDM: "",
        YWH: "",
        BDCDYH: "",
        scYWH: "",
        BDCZL: "",
        YWR: "",
        YWRZJZL: "",
        YWRZJH: "",
        DJLX: "",
        DJYY: "",
        YGDJZL: "",
        TDSYQR: "",
        GHYT: "",
        FWXZ: "",
        FWJG: "",
        SZC: "",
        ZCS: "",
        JZMJ: "",
        QDJG: "",
        BDCDJZMH: "",
        QXDM: "",
        DJJG: "",
        DBR: "",
        DJSJ: "",
        FJ: "",
        QSZT: "",
      },
    };
  },
  methods: {
    async featchData() {
      try {
        let { result: res } = await qlfQlYgdj.getQlfQlYgdjById(this.bsmSjsb);
        this.ruleForm = res;
        //this.featchRule()
      } catch (error) {
        this.$refs.msg.messageShow();
      }
    },
    handleUpdateForm() {
      return new Promise(async (resolve) => {
        try {
          let res = await qlfQlYgdj.updateQlfQlYgdj(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>