<template> <div class="landOwnershipInfo 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"></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-col :span="8"> <el-form-item prop="ZDDM"> <span slot="label"> 宗地代码: <br /> <p class="label-detail">(ZDDM)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" ></el-input> </el-form-item> </el-col> </el-row> <el-row> <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="QLLX"> <span slot="label"> 权利类型: <br /> <p class="label-detail">(QLLX)</p> </span> <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX"> <el-option v-for="item in dicData['A8']" :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="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-row> <el-row> <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="MJDW"> <span slot="label"> 面积单位: <br /> <p class="label-detail">(MJDW)</p> </span> <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW"> <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="NYDMJ" :rules="{ type: 'number' }"> <span slot="label"> 农用地面积: <br /> <p class="label-detail">(NYDMJ)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.NYDMJ" 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="GDMJ" :rules="{ type: 'number' }"> <span slot="label"> 耕地面积 <br /> <p class="label-detail">(GDMJ)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.GDMJ" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="LDMJ" :rules="{ type: 'number' }"> <span slot="label"> 林地面积: <br /> <p class="label-detail">(LDMJ)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.LDMJ" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" ></el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="CDMJ" :rules="{ type: 'number' }"> <span slot="label"> 草地面积: <br /> <p class="label-detail">(CDMJ)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.CDMJ" 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="QTNYDMJ" :rules="{ type: 'number' }"> <span slot="label"> 其它农用地面积 <br /> <p class="label-detail">(QTNYDMJ)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QTNYDMJ" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" ></el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="JSYDMJ" :rules="{ type: 'number' }"> <span slot="label"> 建设用地面积: <br /> <p class="label-detail">(JSYDMJ)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JSYDMJ" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" ></el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="WLYDMJ" :rules="{ type: 'number' }"> <span slot="label"> 未利用地面积: <br /> <p class="label-detail">(WLYDMJ)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.WLYDMJ" 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="BDCQZH"> <span slot="label"> 不动产权证号: <br /> <p class="label-detail">(BDCQZH)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH"></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="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="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-form> <message-tips ref="msg" /> </div> </template> <script> // 土地所有权信息 import qlfQlTdsyq from '@/api/qlfQlTdsyq' import ruleMixin from '@/mixins/ruleMixin.js' export default { mixins: [ruleMixin], props: { bsmSjsb: { type: String, default: '' }, bsmYwsjb: { type: String, default: '' } }, data () { return { ruleForm: { YSDM: '', BDCDYH: '', ZDDM: '', YWH: '', QLLX: '', DJLX: '', DJYY: '', MJDW: '', NYDMJ: '', GDMJ: '', LDMJ: '', CDMJ: '', QTNYDMJ: '', JSYDMJ: '', WLYDMJ: '', BDCQZH: '', QXDM: '', DJJG: '', DBR: '', DJSJ: '', FJ: '', QSZT: '' } } }, methods: { async featchData () { try { let { result: res } = await qlfQlTdsyq.getQlfQlTdsyqById(this.bsmSjsb) this.ruleForm = res //this.featchRule() } catch (error) { this.$refs.msg.messageShow() } }, handleUpdateForm () { return new Promise(async (resolve, reject) => { try { let res = await qlfQlTdsyq.updateQlfQlTdsyq(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>