<template>
  <div class="jtfccx-edit">
    <div class="jtfccx-edit-con">
      <el-form ref="form"  :model="form" label-width="160px">
        <el-row>
          <el-col :span="8">
            <el-form-item label="权属状态" label-width="140px">
              <el-select v-model="form.qszt">
                <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="权利类型" label-width="140px">
              <el-input v-model="form.qllxmc" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记类型" label-width="140px">
              <el-input v-model="form.djlxmc" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="上手业务号" label-width="140px">
              <el-input v-model="form.ssywh" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="档案号" label-width="140px">
              <el-input v-model="form.dah" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="业务号" label-width="140px">
              <el-input v-model="form.ywh" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="不动产单元号" label-width="140px">
              <el-input v-model="form.bdcdyh" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="坐落" label-width="140px">
              <el-input v-model="form.zl" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="共有情况" label-width="140px">
              <el-input v-model="form.gyqk" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="权利人类型" label-width="140px">
              <el-input v-model="form.qlrlx" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="权利人" label-width="140px">
              <el-input v-model="form.qlrmc" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="证件种类" label-width="140px">
              <el-input v-model="form.qlrzjzl" ></el-input>
            </el-form-item>
          </el-col>
            <el-col :span="8">
            <el-form-item label="证件号" label-width="140px">
              <el-input v-model="form.qlrzjhm" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="土地使用权人" label-width="140px">
              <el-input v-model="form.tdsyqr" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="独用土地面积(m²)" label-width="140px">
              <el-input v-model="form.dytdmj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="分摊土地面积(m²)" label-width="140px">
              <el-input v-model="form.fttdmj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="使用权起止时间" label-width="140px">
              <el-input v-model="form.syqqzsj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="土地使用期限" label-width="140px">
              <el-input v-model="form.tdsyqx" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="房地产交易价格(万元)" label-width="140px">
              <el-input v-model="form.fdcjyjg" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="规划用途" label-width="140px">
              <el-input v-model="form.ytmc" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="房屋性质" label-width="140px">
              <el-input v-model="form.fwxzmc" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="房屋结构" label-width="140px">
              <el-input v-model="form.fwjgmc" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="所在层" label-width="140px">
              <el-input v-model="form.szc" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="总层数" label-width="140px">
              <el-input v-model="form.fj" ></el-input>
            </el-form-item>
          </el-col>
           <el-col :span="8">
            <el-form-item label="建筑面积（m2）" label-width="140px">
              <el-input v-model="form.mj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="专有建筑面积（m2）" label-width="140px">
              <el-input v-model="form.zyjzmj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="分摊建筑面积（m2）" label-width="140px">
              <el-input v-model="form.jgsj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记原因" label-width="140px">
              <el-input v-model="form.djyy" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="不动产权证号" label-width="140px">
              <el-input v-model="form.bdcqzh" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记时间" label-width="140px">
              <el-input v-model="form.djsj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登簿人" label-width="140px">
              <el-input v-model="form.dbr" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="附记" label-width="140px">
              <el-input v-model="form.fj" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="总层数" label-width="140px">
              <el-input v-model="form.fj" ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
            <el-form-item class="btn">
      <el-button type="primary" @click="submitForm">保存</el-button>
      <el-button @click="closeDialog">取消</el-button>
    </el-form-item>
      </el-form>

    </div>

  </div>
</template>
<script>
export default {
  props: {
    formData: {
      type: Object,
      default: () => { },
    },
  },
  data () {
    return {
      form:{},
     qsztList: [
        {
          value: "0",
          label: "临时",
        },
        {
          value: "1",
          label: "现势",
        },
        {
          value: "2",
          label: "历史",
        },

        ],
       label:"",
    };
  },
  mounted () {
   if (this.formData.data) {
          this.$nextTick(() => {
            this.form = Object.assign({}, this.formData.data)
            this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史"
          })
        }
  },

  methods: {
       //新增常用意见
      submitForm () {

        this.$refs.form.validate(valid => {
          if (valid) {
            // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
            //   if (res.code == 200) {
            //     this.$message.success("新增成功")
            //     this.closeaddDiglog();
            //     this.getList()
            //   } else {
            //     this.$message.error(res.message)
            //   }
            // })
          } else {
            return false;
          }
        });
      },
      closeDialog () {
      this.$popupCacel()
      this.$refs['form'].resetFields();
      // this.resetTableFields();
    }
  },
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";


.jtfccx-edit {
  @include flex;
  flex-direction: column;
  overflow-y: hidden;
  max-height: 85vh;
  padding: 0 2px;


 .btn{
   text-align: center;

 }
}
</style>