20211fb4 by xiaomiao

--no commit message

1 parent 89ab78e5
......@@ -13,7 +13,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="127px">
label-width="127px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -66,7 +67,12 @@
<el-col :span="8">
<el-form-item label="登记类型:">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -91,29 +97,54 @@
<el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8" v-if="ruleForm.tdytqxList[0]">
<!-- 下拉框 -->
<el-form-item label="土地性质:" style="margin-bottom:3px">
<treeselect v-model="ruleForm.tdytqxList[0].qlxzbm" placeholder=""
<el-form-item label="土地性质:" style="margin-bottom: 3px">
<treeselect
v-model="ruleForm.tdytqxList[0].qlxzbm"
placeholder=""
:normalizer="normalizer"
:show-count="true" :options="dictData['A9']" />
:show-count="true"
:options="dictData['A9']"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房地产交易价格:">
<div style="display:flex">
<el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input>
<div style="display: flex">
<el-input
v-model="ruleForm.fdcq2.qjjg"
style="width: 500%"
></el-input>
<el-select v-model="ruleForm.fdcq2.jedw">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权属状态:">
<el-select v-model="ruleForm.qlxx.qszt">
<el-option v-for="item in qsztlist" :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 label="规划用途:">
<el-select v-model="ruleForm.fdcq2.ghyt">
<el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -131,7 +162,12 @@
<el-col :span="8">
<el-form-item label="房屋性质:">
<el-select v-model="ruleForm.fdcq2.fwxz">
<el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -139,7 +175,12 @@
<el-col :span="8">
<el-form-item label="房屋结构:">
<el-select v-model="ruleForm.fdcq2.fwjg">
<el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -232,7 +273,8 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="$route.query.viewtype == 0"
v-model="ruleForm.qlxx.gyqk">
v-model="ruleForm.qlxx.gyqk"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -243,15 +285,23 @@
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1></el-radio>
<el-radio :label=0></el-radio>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -262,7 +312,8 @@
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs" />
:gyfs="ruleForm.qlxx.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
<div class="slxx_title title-block">
......@@ -274,7 +325,8 @@
:tableData="ruleForm.ywrList"
:key="key"
@upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype" />
:viewtype="$route.query.viewtype"
/>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
......@@ -287,32 +339,45 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init,save } from "@/api/djbbl.js";
import { init, save } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
// import the component
// import the component
// import Treeselect from '@riophae/vue-treeselect'
// // import the styles
// import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
components: { qlrCommonTable,tdytTable},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
// 键名转换,方法默认是label和children进行树状渲染
normalizer (node) { //方法
if (node.children == null || node.children == 'null') {
delete node.children;
}
return {
id: node.dcode,
label: node.dname
}
},
// 键名转换,方法默认是label和children进行树状渲染
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
//表单是否可操作
propsParam: this.$attrs,
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
ableOperation: true,
key: 0,
isShow: false,
......@@ -329,26 +394,26 @@ export default {
mounted() {},
methods: {
loadData() {
console.log("房地产权",this.propsParam);
console.log("房地产权", this.propsParam);
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleForm",this.ruleForm);
console.log("this.ruleForm", this.ruleForm);
this.isShow = true;
}
});
},
// 更新土地用途信息
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL",val);
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
console.log("val",val);
console.log("val", val);
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
......@@ -358,7 +423,7 @@ export default {
this.key++;
},
onSubmit() {
console.log("this.ruleForm大信息",this.ruleForm);
console.log("this.ruleForm大信息", this.ruleForm);
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
......
......@@ -71,6 +71,14 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权属状态:">
<el-select v-model="ruleForm.qlxx.qszt">
<el-option v-for="item in qsztlist" :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 label="房地坐落:">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
......@@ -81,27 +89,10 @@
<el-input v-model="ruleForm.jsydsyq.syqmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="独用土地面积:">
<el-input v-model="ruleForm.jsydsyq.dytdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分摊土地面积:">
<el-input v-model="ruleForm.jsydsyq.fttdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地性质:" style="margin-bottom:3px">
<treeselect v-model="ruleForm.jsydsyq.jedw" placeholder=""
:normalizer="normalizer"
:show-count="true" :options="dictData['A9']" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房地产交易价格:">
<el-col :span="8">
<el-form-item label="取得价格:">
<div style="display:flex">
<el-input v-model="ruleForm.jsydsyq.qjjg" style="width:500%"></el-input>
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
......@@ -109,70 +100,9 @@
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规划用途:">
<el-select v-model="ruleForm.jsydsyq.ghyt">
<el-option v-for="item in dictData['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 label="批准用途:">
<el-input v-model="ruleForm.jsydsyq.pzyt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实际用途:">
<el-input v-model="ruleForm.jsydsyq.sjyt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质:">
<el-select v-model="ruleForm.jsydsyq.fwxz">
<el-option v-for="item in dictData['A19']" :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 label="房屋结构:">
<el-select v-model="ruleForm.jsydsyq.fwjg">
<el-option v-for="item in dictData['A46']" :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 label="所在层:">
<el-input v-model="ruleForm.jsydsyq.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数:">
<el-input v-model="ruleForm.jsydsyq.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积:">
<el-input v-model="ruleForm.jsydsyq.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专有建筑面积:">
<el-input v-model="ruleForm.jsydsyq.zyjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分摊建筑面积:">
<el-input v-model="ruleForm.jsydsyq.ftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="竣工时间:">
<el-input v-model="ruleForm.jsydsyq.jgsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号:">
......@@ -271,6 +201,7 @@
</div>
</template>
<script>
import store from '@/store/index.js'
import { mapGetters } from "vuex";
import { init,save } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
......@@ -282,11 +213,31 @@ export default {
},
data() {
return {
// 键名转换,方法默认是label和children进行树状渲染
normalizer (node) { //方法
if (node.children == null || node.children == 'null') {
delete node.children;
}
return {
id: node.dcode,
label: node.dname
}
},
//表单是否可操作
propsParam: this.$attrs,
ableOperation: true,
key: 0,
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
isShow: false,
disabled: true,
czrOptions: [],
......@@ -300,8 +251,13 @@ export default {
},
mounted() {},
methods: {
// 字典
getDictData (val) {
return store.getters.dictData[val]
},
loadData() {
console.log("建设用地使用权",this.propsParam);
console.log("this.getDictData('A30')",this.getDictData('A22'));
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
......