Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
976ab248 by renchao@pashanhoo.com
Options

style:不动产数据

1 parent 9be74bbf
Inline Side-by-side
Showing 8 changed files with 202 additions and 236 deletions
.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,22 +116,22 @@
</div>
</template>
<script>
import djfDjSz from "@/api/djfDjSz";
import ruleMixin from "@/mixins/ruleMixin.js";
// 缮证信息
export default {
import djfDjSz from "@/api/djfDjSz";
import ruleMixin from "@/mixins/ruleMixin.js";
// 缮证信息
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
default: ""
},
bsmYwsjb: {
type: String,
default: "",
default: ""
},
},
data() {
data () {
return {
certificateInfo: {
ruleForm: [
......@@ -144,14 +144,14 @@ export default {
SZRY: "",
SZSJ: "",
BZ: "",
QXDM: "",
},
],
},
};
QXDM: ""
}
]
}
}
},
methods: {
async featchData() {
async featchData () {
try {
let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb);
this.certificateInfo.ruleForm = res;
......@@ -160,7 +160,7 @@ export default {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm);
......@@ -169,39 +169,14 @@ export default {
} 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;
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>
......
<template>
<div class="houseFloor itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key">
<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">
......@@ -8,7 +11,7 @@
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ysdm"></el-input>
</el-form-item>
</el-col>
......@@ -18,7 +21,7 @@
层号： <br />
<p class="label-detail">（CH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ch"></el-input>
</el-form-item>
</el-col>
......@@ -28,7 +31,7 @@
自然幢号： <br />
<p class="label-detail">（ZRZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zrzh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -40,7 +43,7 @@
实际层： <br />
<p class="label-detail">（SJC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.sjc"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].sjc"></el-input>
</el-form-item>
</el-col>
......@@ -50,7 +53,7 @@
名义层： <br />
<p class="label-detail">（MYC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.myc"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].myc"></el-input>
</el-form-item>
</el-col>
......@@ -62,7 +65,7 @@
</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>
v-model.number="ruleForm[index].cjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
......@@ -76,7 +79,7 @@
</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>
v-model.number="ruleForm[index].ctnjzmj"></el-input-number>
</el-form-item>
</el-col>
......@@ -88,7 +91,7 @@
</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>
v-model.number="ruleForm[index].cytmj"></el-input-number>
</el-form-item>
</el-col>
......@@ -100,7 +103,7 @@
</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>
v-model.number="ruleForm[index].cgyjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
......@@ -114,7 +117,7 @@
</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>
v-model.number="ruleForm[index].cftjzmj"></el-input-number>
</el-form-item>
</el-col>
......@@ -126,7 +129,7 @@
</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>
v-model.number="ruleForm[index].cbqmj"></el-input-number>
</el-form-item>
</el-col>
......@@ -137,7 +140,7 @@
<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">
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>
......@@ -152,7 +155,7 @@
</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>
v-model.number="ruleForm[index].sptymj"></el-input-number>
</el-form-item>
</el-col>
......@@ -162,33 +165,36 @@
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm"></el-input>
<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 {
// 层信息
import kttFwC from "@/api/kttFwC";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
default: ""
},
bsmYwsjb: {
type: String,
default: "",
default: ""
},
},
data() {
data () {
return {
ruleForm: {
ruleForm: [{
YSDM: "",
CH: "",
ZRZH: "",
......@@ -202,36 +208,36 @@ export default {
CBQMJ: "",
CG: "",
SPTYMJ: "",
QXDM: "",
},
};
QXDM: ""
}]
}
},
methods: {
async featchData() {
async featchData () {
try {
let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb);
this.ruleForm = res;
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow();
this.$refs.msg.messageShow()
}
},
handleUpdateForm() {
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();
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">
<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">
......@@ -8,7 +12,7 @@
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ysdm"></el-input>
</el-form-item>
</el-col>
......@@ -18,7 +22,7 @@
不动产单元号： <br />
<p class="label-detail">（BDCDYH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].bdcdyh"></el-input>
</el-form-item>
</el-col>
......@@ -28,7 +32,7 @@
逻辑幢号： <br />
<p class="label-detail">（LJZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ljzh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -40,7 +44,7 @@
自然幢号： <br />
<p class="label-detail">（ZRZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zrzh"></el-input>
</el-form-item>
</el-col>
......@@ -50,7 +54,7 @@
房屋编码： <br />
<p class="label-detail">（FWBM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwbm"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwbm"></el-input>
</el-form-item>
</el-col>
......@@ -60,7 +64,7 @@
层号： <br />
<p class="label-detail">（CH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ch"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -72,7 +76,7 @@
坐落： <br />
<p class="label-detail">（ZL）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zl"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zl"></el-input>
</el-form-item>
</el-col>
......@@ -82,7 +86,7 @@
面积单位： <br />
<p class="label-detail">（MJDW）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.mjdw">
<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>
......@@ -96,7 +100,7 @@
<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>
v-only-number="{ max: 99999, min: 1, precision: 0 }" v-model="ruleForm[index].sjcs"></el-input-number>
</el-form-item>
</el-col>
</el-row>
......@@ -108,7 +112,7 @@
户号： <br />
<p class="label-detail">（HH）</p>
</span>
<el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.hh"
<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>
......@@ -119,7 +123,7 @@
室号部位： <br />
<p class="label-detail">（SHBW）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.shbw"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].shbw"></el-input>
</el-form-item>
</el-col>
......@@ -129,7 +133,7 @@
户型： <br />
<p class="label-detail">（HX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hx">
<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>
......@@ -144,7 +148,7 @@
户型结构： <br />
<p class="label-detail">（HXJG）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hxjg">
<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>
......@@ -157,7 +161,7 @@
房屋用途1： <br />
<p class="label-detail">（FWYT1）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt1">
<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>
......@@ -170,7 +174,7 @@
房屋用途2： <br />
<p class="label-detail">（FWYT2）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2">
<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>
......@@ -185,7 +189,7 @@
房屋用途3： <br />
<p class="label-detail">（FWYT3）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3">
<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>
......@@ -200,7 +204,7 @@
</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>
v-model.number="ruleForm[index].ycjzmj"></el-input-number>
</el-form-item>
</el-col>
......@@ -212,7 +216,7 @@
</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>
v-model.number="ruleForm[index].yctnjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
......@@ -226,7 +230,7 @@
</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>
v-model.number="ruleForm[index].ycftjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -238,7 +242,7 @@
</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>
v-model.number="ruleForm[index].ycdxbfjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -250,7 +254,7 @@
</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>
v-model.number="ruleForm[index].ycqtjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
......@@ -263,7 +267,7 @@
预测分摊系数： <br />
<p class="label-detail">（YCFTXS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ycftxs" title="" type="number"
<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>
......@@ -276,7 +280,7 @@
</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>
v-model.number="ruleForm[index].scjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -288,7 +292,7 @@
</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>
v-model.number="ruleForm[index].sctnjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -303,7 +307,7 @@
</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>
v-model.number="ruleForm[index].scftjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -315,7 +319,7 @@
</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>
v-model.number="ruleForm[index].scdxbfjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -327,7 +331,7 @@
</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>
v-model.number="ruleForm[index].scqtjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -340,7 +344,7 @@
实测分摊系数： <br />
<p class="label-detail">（SCFTXS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.scftxs" title="" type="number"
<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>
......@@ -353,7 +357,7 @@
</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>
v-model.number="ruleForm[index].gytdmj"></el-input>
</el-form-item>
</el-col>
......@@ -365,7 +369,7 @@
</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>
v-model.number="ruleForm[index].fttdmj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -378,7 +382,7 @@
独用土地面积： <br />
<p class="label-detail">（DYTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.dytdmj" title="" type="number"
<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>
......@@ -389,7 +393,7 @@
房屋类型： <br />
<p class="label-detail">（FWLX）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwlx">
<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>
......@@ -402,7 +406,7 @@
房屋性质： <br />
<p class="label-detail">（FWXZ）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwxz">
<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>
......@@ -418,7 +422,7 @@
房产分户图： <br />
<p class="label-detail">（FCFHT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fcfht"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fcfht"></el-input>
</el-form-item>
</el-col>
......@@ -428,7 +432,7 @@
状态： <br />
<p class="label-detail">（ZT）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.zt">
<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>
......@@ -441,33 +445,34 @@
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm"></el-input>
<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 {
// 户信息
import kttFwH from "@/api/kttFwH";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
default: ""
},
bsmYwsjb: {
type: String,
default: "",
default: ""
},
},
data() {
data () {
return {
ruleForm: {
ruleForm: [{
YSDM: "",
BDCDYH: "",
LJZH: "",
......@@ -503,12 +508,12 @@ export default {
FWXZ: "",
FCFHT: "",
ZT: "",
QXDM: "",
},
};
QXDM: ""
}]
}
},
methods: {
async featchData() {
async featchData () {
try {
let { result: res } = await kttFwH.getKttFwHById(this.bsmSjsb);
this.ruleForm = res;
......@@ -517,7 +522,7 @@ export default {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let res = await kttFwH.updateKttFwH(this.ruleForm);
......@@ -529,16 +534,16 @@ export default {
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
@import "./css/itemForm.scss";
.households {
.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">
<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">
......@@ -8,7 +11,7 @@
要素代码： <br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ysdm"></el-input>
</el-form-item>
</el-col>
......@@ -18,7 +21,7 @@
逻辑幢号： <br />
<p class="label-detail">（LJZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ljzh"></el-input>
</el-form-item>
</el-col>
......@@ -28,7 +31,7 @@
自然幢号： <br />
<p class="label-detail">（ZRZH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zrzh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -40,7 +43,7 @@
门牌号： <br />
<p class="label-detail">（MPH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.mph"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].mph"></el-input>
</el-form-item>
</el-col>
......@@ -52,7 +55,7 @@
</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>
v-model.number="ruleForm[index].ycjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -64,7 +67,7 @@
</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>
v-model.number="ruleForm[index].ycdxmj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -78,7 +81,7 @@
</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>
v-model.number="ruleForm[index].ycqtmj"></el-input>
</el-form-item>
</el-col>
......@@ -90,7 +93,7 @@
</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>
v-model.number="ruleForm[index].scjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -102,7 +105,7 @@
</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>
v-model.number="ruleForm[index].scdxmj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -116,7 +119,7 @@
</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>
v-model.number="ruleForm[index].scqtmj"></el-input>
</el-form-item>
</el-col>
......@@ -126,7 +129,7 @@
竣工日期： <br />
<p class="label-detail">（JGRQ）</p>
</span>
<el-date-picker :disabled="$store.state.business.Edit" type="datetime" clearable v-model="ruleForm.jgrq"
<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>
......@@ -137,7 +140,7 @@
房屋结构1： <br />
<p class="label-detail">（FWJG1）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg1"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwjg1"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -149,7 +152,7 @@
房屋结构2： <br />
<p class="label-detail">（FWJG2）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg2"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwjg2"></el-input>
</el-form-item>
</el-col>
......@@ -159,7 +162,7 @@
房屋结构3： <br />
<p class="label-detail">（FWJG3）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg3"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwjg3"></el-input>
</el-form-item>
</el-col>
......@@ -169,7 +172,7 @@
建筑物状态： <br />
<p class="label-detail">（JZWZT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jzwzt"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].jzwzt"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -181,7 +184,7 @@
房屋用途1： <br />
<p class="label-detail">（FWYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt"></el-input>
</el-form-item>
</el-col>
......@@ -191,7 +194,7 @@
房屋用途2： <br />
<p class="label-detail">（FWYT2）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt2"></el-input>
</el-form-item>
</el-col>
......@@ -201,7 +204,7 @@
房屋用途3： <br />
<p class="label-detail">（FWYT3）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt3"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -214,7 +217,7 @@
<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>
title="" type="number" v-model.number="ruleForm[index].zcs"></el-input>
</el-form-item>
</el-col>
......@@ -224,7 +227,7 @@
地上层数： <br />
<p class="label-detail">（DSCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm.dscs"></el-input>
<el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm[index].dscs"></el-input>
</el-form-item>
</el-col>
......@@ -234,7 +237,7 @@
地下层数： <br />
<p class="label-detail">（DXCS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm.dxcs"></el-input>
<el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm[index].dxcs"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -246,7 +249,7 @@
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bz"></el-input>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].bz"></el-input>
</el-form-item>
</el-col>
......@@ -256,34 +259,36 @@
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm"></el-input>
<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 kttFwLjz from "@/api/kttFwLjz";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
// 逻辑幢信息
import kttFwLjz from "@/api/kttFwLjz";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: "",
default: ""
},
bsmYwsjb: {
type: String,
default: "",
default: ""
},
},
data() {
data () {
return {
ruleForm: {
ruleForm: [{
YSDM: "",
LJZH: "",
ZRZH: "",
......@@ -306,12 +311,12 @@ export default {
DSCS: "",
DXCS: "",
BZ: "",
QXDM: "",
},
};
QXDM: ""
}]
}
},
methods: {
async featchData() {
async featchData () {
try {
let { result: res } = await kttFwLjz.getKttFwLjzById(this.bsmSjsb);
this.ruleForm = res;
......@@ -320,22 +325,22 @@ export default {
this.$refs.msg.messageShow();
}
},
handleUpdateForm() {
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();
this.$refs.msg.messageShow()
}
})
}
}
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
@import "./css/itemForm.scss";
</style>
......
......@@ -315,10 +315,10 @@
</div>
</template>
<script>
// 自然幢
import kttFwZrz from "@/api/kttFwZrz";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
// 自然幢
import kttFwZrz from "@/api/kttFwZrz";
import ruleMixin from "@/mixins/ruleMixin.js";
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
......@@ -387,12 +387,12 @@ export default {
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
@import "./css/itemForm.scss";
.naturalBuilding {
.naturalBuilding {
.naturalBuilding-item {
display: flex;
height: 100%;
......@@ -409,6 +409,7 @@ export default {
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
margin-left: 10px;
}
.naturalBuilding-list {
......@@ -420,7 +421,7 @@ export default {
.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>
......