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
Expand all
Inline Side-by-side
Showing 8 changed files with 95 additions and 139 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>
......
......@@ -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>
......