976ab248 by renchao@pashanhoo.com

style:不动产数据

1 parent 9be74bbf
.obligee-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
border-radius: 3px;
margin-left: 10px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
\ No newline at end of file
......
......@@ -116,92 +116,67 @@
</div>
</template>
<script>
import djfDjSz from "@/api/djfDjSz";
import ruleMixin from "@/mixins/ruleMixin.js";
// 缮证信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data() {
return {
certificateInfo: {
ruleForm: [
{
YSDM: "",
YWH: "",
SZMC: "",
SZZH: "",
YSXLH: "",
SZRY: "",
SZSJ: "",
BZ: "",
QXDM: "",
},
],
import djfDjSz from "@/api/djfDjSz";
import ruleMixin from "@/mixins/ruleMixin.js";
// 缮证信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ""
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb);
this.certificateInfo.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
bsmYwsjb: {
type: String,
default: ""
},
},
data () {
return {
certificateInfo: {
ruleForm: [
{
YSDM: "",
YWH: "",
SZMC: "",
SZZH: "",
YSXLH: "",
SZRY: "",
SZSJ: "",
BZ: "",
QXDM: ""
}
]
}
}
},
handleUpdateForm() {
return new Promise(async (resolve) => {
methods: {
async featchData () {
try {
let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb);
this.certificateInfo.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
};
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.obligee-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
@import "./css/itemForm.scss";
</style>
......
<template>
<div class="houseFloor itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :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="CH">
<span slot="label">
层号: <br />
<p class="label-detail">(CH)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch"></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"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SJC">
<span slot="label">
实际层: <br />
<p class="label-detail">(SJC)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.sjc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MYC">
<span slot="label">
名义层: <br />
<p class="label-detail">(MYC)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.myc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层建筑面积: <br />
<p class="label-detail">(CJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.cjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层套内建筑面积: <br />
<p class="label-detail">(CTNJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.ctnjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CYTMJ" :rules="{ type: 'number' }">
<span slot="label">
层阳台面积: <br />
<p class="label-detail">(CYTMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.cytmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CGYJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层共有建筑面积: <br />
<p class="label-detail">(CGYJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.cgyjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层分摊建筑面积: <br />
<p class="label-detail">(CFTJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.cftjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CBQMJ" :rules="{ type: 'number' }">
<span slot="label">
层半墙面积: <br />
<p class="label-detail">(CBQMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.cbqmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CG" :rules="{ type: 'number' }">
<span slot="label">
层高: <br />
<p class="label-detail">(CG)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" v-model.number="ruleForm.cg">
</el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SPTYMJ" :rules="{ type: 'number' }">
<span slot="label">
水平投影面积: <br />
<p class="label-detail">(SPTYMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.sptymj"></el-input-number>
</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-row>
<div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
<p class="obligee-item-name">层信息{{ index + 1 }}</p>
<div class="obligee-item-list">
<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[index].ysdm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CH">
<span slot="label">
层号: <br />
<p class="label-detail">(CH)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ch"></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[index].zrzh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SJC">
<span slot="label">
实际层: <br />
<p class="label-detail">(SJC)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].sjc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="MYC">
<span slot="label">
名义层: <br />
<p class="label-detail">(MYC)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].myc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层建筑面积: <br />
<p class="label-detail">(CJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].cjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层套内建筑面积: <br />
<p class="label-detail">(CTNJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].ctnjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CYTMJ" :rules="{ type: 'number' }">
<span slot="label">
层阳台面积: <br />
<p class="label-detail">(CYTMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].cytmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CGYJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层共有建筑面积: <br />
<p class="label-detail">(CGYJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].cgyjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="CFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
层分摊建筑面积: <br />
<p class="label-detail">(CFTJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].cftjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CBQMJ" :rules="{ type: 'number' }">
<span slot="label">
层半墙面积: <br />
<p class="label-detail">(CBQMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].cbqmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CG" :rules="{ type: 'number' }">
<span slot="label">
层高: <br />
<p class="label-detail">(CG)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" v-model.number="ruleForm[index].cg">
</el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="SPTYMJ" :rules="{ type: 'number' }">
<span slot="label">
水平投影面积: <br />
<p class="label-detail">(SPTYMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].sptymj"></el-input-number>
</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[index].qxdm"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 层信息
import kttFwC from "@/api/kttFwC";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data() {
return {
ruleForm: {
YSDM: "",
CH: "",
ZRZH: "",
SJC: "",
MYC: "",
CJZMJ: "",
CTNJZMJ: "",
CYTMJ: "",
CGYJZMJ: "",
CFTJZMJ: "",
CBQMJ: "",
CG: "",
SPTYMJ: "",
QXDM: "",
// 层信息
import kttFwC from "@/api/kttFwC";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ""
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
bsmYwsjb: {
type: String,
default: ""
},
},
data () {
return {
ruleForm: [{
YSDM: "",
CH: "",
ZRZH: "",
SJC: "",
MYC: "",
CJZMJ: "",
CTNJZMJ: "",
CYTMJ: "",
CGYJZMJ: "",
CFTJZMJ: "",
CBQMJ: "",
CG: "",
SPTYMJ: "",
QXDM: ""
}]
}
},
handleUpdateForm() {
return new Promise(async (resolve, reject) => {
methods: {
async featchData () {
try {
let res = await kttFwC.updateKttFwC(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
this.$refs.msg.messageShow()
}
});
},
},
};
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await kttFwC.updateKttFwC(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
@import "./css/itemForm.scss";
</style>
......
<template>
<div class="households 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="LJZH">
<span slot="label">
逻辑幢号: <br />
<p class="label-detail">(LJZH)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<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"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWBM">
<span slot="label">
房屋编码: <br />
<p class="label-detail">(FWBM)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwbm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CH">
<span slot="label">
层号: <br />
<p class="label-detail">(CH)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<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-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="SJCS">
<span slot="label">
实际层数: <br />
<p class="label-detail">(SJCS)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 99999, min: 1, precision: 0 }" v-model="ruleForm.sjcs"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HH">
<span slot="label">
户号: <br />
<p class="label-detail">(HH)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.hh"
v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SHBW">
<span slot="label">
室号部位: <br />
<p class="label-detail">(SHBW)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.shbw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="HX">
<span slot="label">
户型: <br />
<p class="label-detail">(HX)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hx">
<el-option v-for="item in dicData['A15']" :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="HXJG">
<span slot="label">
户型结构: <br />
<p class="label-detail">(HXJG)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hxjg">
<el-option v-for="item in dicData['A16']" :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="FWYT1">
<span slot="label">
房屋用途1: <br />
<p class="label-detail">(FWYT1)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt1">
<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="FWYT2">
<span slot="label">
房屋用途2: <br />
<p class="label-detail">(FWYT2)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2">
<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-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FWYT3">
<span slot="label">
房屋用途3: <br />
<p class="label-detail">(FWYT3)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3">
<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="YCJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测建筑面积: <br />
<p class="label-detail">(YCJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm.ycjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测套内建筑面积: <br />
<p class="label-detail">(YCTNJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm.yctnjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测分摊建筑面积: <br />
<p class="label-detail">(YCFTJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm.ycftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测地下部分建筑面积: <br />
<p class="label-detail">(YCDXBFJZMJ)</p>
</span>
<el-input controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm.ycdxbfjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测其它建筑面积: <br />
<p class="label-detail">(YCQTJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm.ycqtjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<!-- 预测分摊系数 -->
<el-row>
<el-col :span="8">
<el-form-item prop="YCFTXS" :rules="{ type: 'number' }">
<span slot="label">
预测分摊系数: <br />
<p class="label-detail">(YCFTXS)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ycftxs" title="" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></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 }" title="" type="number"
v-model.number="ruleForm.scjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测套内建筑面积: <br />
<p class="label-detail">(SCTNJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.sctnjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 实测分摊建筑面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测分摊建筑面积: <br />
<p class="label-detail">(SCFTJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.scftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测地下部分建筑面积: <br />
<p class="label-detail">(SCDXBFJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.scdxbfjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测其它建筑面积: <br />
<p class="label-detail">(SCQTJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.scqtjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 实测分摊系数 -->
<el-row>
<el-col :span="8">
<el-form-item prop="SCFTXS" :rules="{ type: 'number' }">
<span slot="label">
实测分摊系数: <br />
<p class="label-detail">(SCFTXS)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.scftxs" title="" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GYTDMJ" :rules="{ type: 'number' }">
<span slot="label">
共有土地面积: <br />
<p class="label-detail">(GYTDMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.gytdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
<span slot="label">
分摊土地面积: <br />
<p class="label-detail">(FTTDMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm.fttdmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 独用土地面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
<span slot="label">
独用土地面积: <br />
<p class="label-detail">(DYTDMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.dytdmj" title="" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWLX">
<span slot="label">
房屋类型: <br />
<p class="label-detail">(FWLX)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwlx">
<el-option v-for="item in dicData['A18']" :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="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="FCFHT">
<span slot="label">
房产分户图: <br />
<p class="label-detail">(FCFHT)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fcfht"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZT">
<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-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-row>
<div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
<p class="obligee-item-name">户信息{{ index + 1 }}</p>
<div class="obligee-item-list">
<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[index].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[index].bdcdyh"></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[index].ljzh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<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[index].zrzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWBM">
<span slot="label">
房屋编码: <br />
<p class="label-detail">(FWBM)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwbm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="CH">
<span slot="label">
层号: <br />
<p class="label-detail">(CH)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ch"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<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[index].zl"></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[index].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="SJCS">
<span slot="label">
实际层数: <br />
<p class="label-detail">(SJCS)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 99999, min: 1, precision: 0 }" v-model="ruleForm[index].sjcs"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HH">
<span slot="label">
户号: <br />
<p class="label-detail">(HH)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm[index].hh"
v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SHBW">
<span slot="label">
室号部位: <br />
<p class="label-detail">(SHBW)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].shbw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="HX">
<span slot="label">
户型: <br />
<p class="label-detail">(HX)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].hx">
<el-option v-for="item in dicData['A15']" :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="HXJG">
<span slot="label">
户型结构: <br />
<p class="label-detail">(HXJG)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].hxjg">
<el-option v-for="item in dicData['A16']" :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="FWYT1">
<span slot="label">
房屋用途1: <br />
<p class="label-detail">(FWYT1)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt1">
<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="FWYT2">
<span slot="label">
房屋用途2: <br />
<p class="label-detail">(FWYT2)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt2">
<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-row>
<el-row>
<el-col :span="8">
<el-form-item prop="FWYT3">
<span slot="label">
房屋用途3: <br />
<p class="label-detail">(FWYT3)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt3">
<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="YCJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测建筑面积: <br />
<p class="label-detail">(YCJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm[index].ycjzmj"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测套内建筑面积: <br />
<p class="label-detail">(YCTNJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm[index].yctnjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测分摊建筑面积: <br />
<p class="label-detail">(YCFTJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm[index].ycftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测地下部分建筑面积: <br />
<p class="label-detail">(YCDXBFJZMJ)</p>
</span>
<el-input controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm[index].ycdxbfjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
预测其它建筑面积: <br />
<p class="label-detail">(YCQTJZMJ)</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
v-model.number="ruleForm[index].ycqtjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<!-- 预测分摊系数 -->
<el-row>
<el-col :span="8">
<el-form-item prop="YCFTXS" :rules="{ type: 'number' }">
<span slot="label">
预测分摊系数: <br />
<p class="label-detail">(YCFTXS)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm[index].ycftxs" title="" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></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 }" title="" type="number"
v-model.number="ruleForm[index].scjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测套内建筑面积: <br />
<p class="label-detail">(SCTNJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].sctnjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 实测分摊建筑面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测分摊建筑面积: <br />
<p class="label-detail">(SCFTJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].scftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测地下部分建筑面积: <br />
<p class="label-detail">(SCDXBFJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].scdxbfjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }">
<span slot="label">
实测其它建筑面积: <br />
<p class="label-detail">(SCQTJZMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].scqtjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 实测分摊系数 -->
<el-row>
<el-col :span="8">
<el-form-item prop="SCFTXS" :rules="{ type: 'number' }">
<span slot="label">
实测分摊系数: <br />
<p class="label-detail">(SCFTXS)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm[index].scftxs" title="" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="GYTDMJ" :rules="{ type: 'number' }">
<span slot="label">
共有土地面积: <br />
<p class="label-detail">(GYTDMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].gytdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
<span slot="label">
分摊土地面积: <br />
<p class="label-detail">(FTTDMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
v-model.number="ruleForm[index].fttdmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 独用土地面积 -->
<el-row>
<el-col :span="8">
<el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
<span slot="label">
独用土地面积: <br />
<p class="label-detail">(DYTDMJ)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm[index].dytdmj" title="" type="number"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="FWLX">
<span slot="label">
房屋类型: <br />
<p class="label-detail">(FWLX)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwlx">
<el-option v-for="item in dicData['A18']" :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="FWXZ">
<span slot="label">
房屋性质: <br />
<p class="label-detail">(FWXZ)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].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="FCFHT">
<span slot="label">
房产分户图: <br />
<p class="label-detail">(FCFHT)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fcfht"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="ZT">
<span slot="label">
状态: <br />
<p class="label-detail">(ZT)</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].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-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[index].qxdm"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 户信息
import kttFwH from "@/api/kttFwH";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data() {
return {
ruleForm: {
YSDM: "",
BDCDYH: "",
LJZH: "",
ZRZH: "",
FWBM: "",
CH: "",
ZL: "",
MJDW: "",
SJCS: "",
HH: "",
SHBW: "",
HX: "",
HXJG: "",
FWYT1: "",
FWYT2: "",
FWYT3: "",
YCJZMJ: "",
YCTNJZMJ: "",
YCFTJZMJ: "",
YCDXBFJZMJ: "",
YCQTJZMJ: "",
YCFTXS: "",
SCJZMJ: "",
SCTNJZMJ: "",
SCFTJZMJ: "",
SCDXBFJZMJ: "",
SCQTJZMJ: "",
SCFTXS: "",
GYTDMJ: "",
FTTDMJ: "",
DYTDMJ: "",
FWLX: "",
FWXZ: "",
FCFHT: "",
ZT: "",
QXDM: "",
// 户信息
import kttFwH from "@/api/kttFwH";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ""
},
bsmYwsjb: {
type: String,
default: ""
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await kttFwH.getKttFwHById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
},
data () {
return {
ruleForm: [{
YSDM: "",
BDCDYH: "",
LJZH: "",
ZRZH: "",
FWBM: "",
CH: "",
ZL: "",
MJDW: "",
SJCS: "",
HH: "",
SHBW: "",
HX: "",
HXJG: "",
FWYT1: "",
FWYT2: "",
FWYT3: "",
YCJZMJ: "",
YCTNJZMJ: "",
YCFTJZMJ: "",
YCDXBFJZMJ: "",
YCQTJZMJ: "",
YCFTXS: "",
SCJZMJ: "",
SCTNJZMJ: "",
SCFTJZMJ: "",
SCDXBFJZMJ: "",
SCQTJZMJ: "",
SCFTXS: "",
GYTDMJ: "",
FTTDMJ: "",
DYTDMJ: "",
FWLX: "",
FWXZ: "",
FCFHT: "",
ZT: "",
QXDM: ""
}]
}
},
handleUpdateForm() {
return new Promise(async (resolve, reject) => {
methods: {
async featchData () {
try {
let res = await kttFwH.updateKttFwH(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
let { result: res } = await kttFwH.getKttFwHById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await kttFwH.updateKttFwH(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
@import "./css/itemForm.scss";
.households {
.item-label {
flex: 0 0 120px;
.households {
.item-label {
flex: 0 0 120px;
}
}
}
</style>
......
<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"></el-input>
</el-form-item>
</el-col>
<div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
<p class="obligee-item-name">逻辑幢信息{{ index + 1 }}</p>
<div class="obligee-item-list">
<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[index].ysdm"></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"></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[index].ljzh"></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"></el-input>
</el-form-item>
</el-col>
</el-row>
<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[index].zrzh"></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"></el-input>
</el-form-item>
</el-col>
<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[index].mph"></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 }" title="" type="number"
v-model.number="ruleForm.ycjzmj"></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 }" title="" type="number"
v-model.number="ruleForm[index].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 }" title="" type="number"
v-model.number="ruleForm.ycdxmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<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 }" title="" type="number"
v-model.number="ruleForm[index].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 }" title="" type="number"
v-model.number="ruleForm.ycqtmj"></el-input>
</el-form-item>
</el-col>
<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 }" title="" type="number"
v-model.number="ruleForm[index].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 }" title="" type="number"
v-model.number="ruleForm.scjzmj"></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 }" title="" type="number"
v-model.number="ruleForm[index].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 }" title="" type="number"
v-model.number="ruleForm.scdxmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<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 }" title="" type="number"
v-model.number="ruleForm[index].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 }" title="" type="number"
v-model.number="ruleForm.scqtmj"></el-input>
</el-form-item>
</el-col>
<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 }" title="" type="number"
v-model.number="ruleForm[index].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" 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="JGRQ">
<span slot="label">
竣工日期: <br />
<p class="label-detail">(JGRQ)</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" clearable v-model="ruleForm[index].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"></el-input>
</el-form-item>
</el-col>
</el-row>
<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[index].fwjg1"></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"></el-input>
</el-form-item>
</el-col>
<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[index].fwjg2"></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"></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[index].fwjg3"></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"></el-input>
</el-form-item>
</el-col>
</el-row>
<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[index].jzwzt"></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"></el-input>
</el-form-item>
</el-col>
<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[index].fwyt"></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"></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[index].fwyt2"></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"></el-input>
</el-form-item>
</el-col>
</el-row>
<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[index].fwyt3"></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 }"
title="" type="number" v-model.number="ruleForm.zcs"></el-input>
</el-form-item>
</el-col>
<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 }"
title="" type="number" v-model.number="ruleForm[index].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" maxlength="5" v-model="ruleForm.dscs"></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" maxlength="5" v-model="ruleForm[index].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" v-model="ruleForm.dxcs"></el-input>
</el-form-item>
</el-col>
</el-row>
<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" v-model="ruleForm[index].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"></el-input>
</el-form-item>
</el-col>
<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[index].bz"></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="QXDM">
<span slot="label">
区县代码: <br />
<p class="label-detail">(QXDM)</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].qxdm"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 逻辑幢信息
import kttFwLjz from "@/api/kttFwLjz";
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: "",
// 逻辑幢信息
import kttFwLjz from "@/api/kttFwLjz";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ""
},
bsmYwsjb: {
type: String,
default: ""
},
};
},
methods: {
async featchData() {
try {
let { result: res } = await kttFwLjz.getKttFwLjzById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
},
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: ""
}]
}
},
handleUpdateForm() {
return new Promise(async (resolve, reject) => {
methods: {
async featchData () {
try {
let res = await kttFwLjz.updateKttFwLjz(this.ruleForm);
// this.$refs['formList'].resetFields();
resolve(res.code);
let { result: res } = await kttFwLjz.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 kttFwLjz.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";
@import "./css/itemForm.scss";
</style>
......
......@@ -315,112 +315,113 @@
</div>
</template>
<script>
// 自然幢
import kttFwZrz from "@/api/kttFwZrz";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
},
data () {
return {
naturalForm: {
naturalList: [
{
BSM: "",
YSDM: "",
BDCDYH: "",
ZDDM: "",
ZRZH: "",
XMMC: "",
JZWMC: "",
JGRQ: "",
JZWGD: "",
ZZDMJ: "",
ZYDMJ: "",
YCJZMJ: "",
SCJZMJ: "",
ZCS: "",
DSCS: "",
DXCS: "",
DXSD: "",
GHYT: "",
FWJG: "",
ZTS: "",
JZWJBYT: "",
DAH: "",
BZ: "",
ZT: "",
QXDM: "",
},
],
// 自然幢
import kttFwZrz from "@/api/kttFwZrz";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
},
bsmYwsjb: {
type: String,
default: "",
},
};
},
methods: {
async featchData () {
try {
let { result: res } = await kttFwZrz.getKttFwZrzById(this.bsmSjsb);
this.naturalForm.naturalList = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
data () {
return {
naturalForm: {
naturalList: [
{
BSM: "",
YSDM: "",
BDCDYH: "",
ZDDM: "",
ZRZH: "",
XMMC: "",
JZWMC: "",
JGRQ: "",
JZWGD: "",
ZZDMJ: "",
ZYDMJ: "",
YCJZMJ: "",
SCJZMJ: "",
ZCS: "",
DSCS: "",
DXCS: "",
DXSD: "",
GHYT: "",
FWJG: "",
ZTS: "",
JZWJBYT: "",
DAH: "",
BZ: "",
ZT: "",
QXDM: "",
},
],
},
};
},
methods: {
async featchData () {
try {
let res = await kttFwZrz.updateKttFwZrz(this.naturalForm.naturalList);
// this.$refs['formList'].resetFields();
resolve(res.code);
let { result: res } = await kttFwZrz.getKttFwZrzById(this.bsmSjsb);
this.naturalForm.naturalList = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await kttFwZrz.updateKttFwZrz(this.naturalForm.naturalList);
// this.$refs['formList'].resetFields();
resolve(res.code);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
@import "./css/itemForm.scss";
.naturalBuilding {
.naturalBuilding-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
.naturalBuilding-name {
.naturalBuilding {
.naturalBuilding-item {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
}
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
.naturalBuilding-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
margin-left: 10px;
}
.naturalBuilding-list {
width: 100%;
flex: 1;
.naturalBuilding-list {
width: 100%;
flex: 1;
}
}
}
.bsm {
white-space: nowrap;
.bsm {
white-space: nowrap;
}
}
}
</style>
......
......@@ -139,32 +139,6 @@ export default {
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.obligee-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
......
......@@ -447,32 +447,6 @@
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
.obligee-item {
display: flex;
height: 100%;
margin-bottom: 15px;
margin-right: 5px;
&-name {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
padding: 10px 20px;
line-height: 28px;
border: 1px solid #ccc;
border-radius: 3px;
}
&-list {
width: 100%;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
}
</style>
......