<template>
<div class="parcelBaseInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="120px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item class="borderTopNone">
<span slot="label">
标识码： <br />
<p class="label-detail">（BSM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BSM"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<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="ZDDM" class="borderTopNone">
<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="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="ZDTZM">
<span slot="label">
宗地特征码： <br />
<p class="label-detail">（ZDTZM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDTZM"></el-input>
</el-form-item>
</el-col>
<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"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDMJ" :rules="{ type: 'number' }">
<span slot="label">
宗地面积： <br />
<p class="label-detail">（ZDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDMJ" type="number"
v-only-number="{ max: 99999, min: 0, precision: 2 }">
</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="YT">
<span slot="label">
用途： <br />
<p class="label-detail">（YT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YT"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DJ">
<span slot="label">
等级： <br />
<p class="label-detail">（DJ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJ">
<el-option v-for="item in dicData['A50']" :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="JG" :rules="{ type: 'number' }">
<span slot="label">
价格： <br />
<p class="label-detail">（JG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JG" type="number"
v-only-number="{ max: 99999, min: 0, precision: 2 }"></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-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLXZ">
<span slot="label">
权利性质： <br />
<p class="label-detail">（QLXZ）</p>
</span>
<tree-select :disabled="$store.state.business.Edit" :options="dicData['A9']" v-model="ruleForm.QLXZ" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLSDFS">
<span slot="label">
权利设定方式： <br />
<p class="label-detail">（QLSDFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLSDFS">
<el-option v-for="item in dicData['A10']" :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="RJL">
<span slot="label">
容积率： <br />
<p class="label-detail">（RJL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.RJL"
v-only-number="{ max: 99999, min: 0, precision: 0 }"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JZMD" :rules="{ type: 'number' }">
<span slot="label">
建筑密度： <br />
<p class="label-detail">（JZMD）</p>
</span>
<el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZMD">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JZXG" :rules="{ type: 'number' }">
<span slot="label">
建筑限高： <br />
<p class="label-detail">（JZXG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZXG"
v-only-number="{ max: 99999, min: 1, precision: 2 }">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDSZD">
<span slot="label">
宗地四至-东: <br />
<p class="label-detail">（ZDSZD）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZD">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDSZN">
<span slot="label">
宗地四至-南： <br />
<p class="label-detail">（ZDSZN）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZN">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDSZX">
<span slot="label">
宗地四至-西： <br />
<p class="label-detail">（ZDSZX）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZX">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZDSZB">
<span slot="label">
宗地四至-北： <br />
<p class="label-detail">（ZDSZB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZB">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="ZDT">
<span slot="label">
宗地图： <br />
<p class="label-detail">（ZDT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDT">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="TFH">
<span slot="label">
图幅号： <br />
<p class="label-detail">（TFH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TFH">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DJh">
<span slot="label">
地籍号：<br />
<p class="label-detail">（DJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJh">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="DAH" class="borderTopNone">
<span slot="label">
档案号： <br />
<p class="label-detail">（DAH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BZ" class="borderTopNone">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZT" class="borderTopNone">
<span slot="label">
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT">
<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-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JDH">
<span slot="label">
街道（乡、镇）： <br />
<p class="label-detail">（JDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JDH">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="JFH">
<span slot="label">
街坊（村）: <br />
<p class="label-detail">（JFH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFH">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZH">
<span slot="label">
组： <br />
<p class="label-detail">（ZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZH">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<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="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-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 宗地基本信息
import kttZdjbxx from "@/api/kttZdjbxx";
import ruleMixin from "@/mixins/ruleMixin.js";
import treeSelect from "@/components/TreeSelect.vue";
export default {
mixins: [ruleMixin],
components: {
treeSelect,
},
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data() {
return {
ruleForm: {
BSM: "",
YSDM: "",
ZDDM: "",
BDCDYH: "",
ZDTZM: "",
ZL: "",
ZDMJ: "",
MJDW: "",
YT: "",
DJ: "",
JG: "",
QLLX: "",
QLXZ: "",
QLSDFS: "",
RJL: "",
JZMD: "",
JZXG: "",
ZDSZD: "",
ZDSZN: "",
ZDSZX: "",
ZDSZB: "",
ZDT: "",
TFH: "",
DJh: "",
DAH: "",
BZ: "",
ZT: "",
QXDM: "",
DJSJ: "",
DBR: "",
FJ: "",
DJJGBM: "",
DJJGMC: "",
JDH: "",
JFH: "",
ZH: "",
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await kttZdjbxx.kttZdjbxxDetail(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
return new Promise(async (resolve) => {
try {
let res = await kttZdjbxx.updateKttZdjbxx(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>