Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
94734d5e by 单帅旗
Options

新增：土地所有权业务办理

1 parent 20211fb4
Inline Side-by-side
Showing 6 changed files with 198 additions and 30 deletions
......@@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) {
}
/**
* @description: 获取土地所有权
* @param {*} data
* @author: renchao
*/
export function getTdsyqList (data) {
return request({
url: SERVER.SERVERAPI + '/rest/djbDetail/getTdsyqList',
method: 'post',
data
})
}
/**
* @description: 获取建设用地使用权
* @param {*} data
* @author: renchao
......
......@@ -11,7 +11,7 @@ export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "100":
apiUrl = "/rest/ywbl/tdsyq/fristInit";
apiUrl = "/rest/ywbl/tdsyq/firstInit";
break;
case "200":
apiUrl = "/rest/ywbl/tdsyq/transferInit";
......
var qlxxPage = [
{ qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
{ qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
{ qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
{ qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
{ qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
......
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
有效
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/registerBook.js";
export default {
data () {
return {
title: "土地所有权信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
if(this.$parent.addRepairRecord){
this.columns.unshift({prop:"cz",
label:"操作"
})
}
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
editDialog(row,del){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
......@@ -69,6 +69,9 @@ export function getForm (tabName, djywbm) {
case "cfdjxx":
form = require("@/views/registerBook/cfdj.vue");
break;
case "tdsyqQlxx":
form = require("@/views/registerBook/tdsyq.vue");
break;
case "jsydsyqQlxx":
form = require("@/views/registerBook/jsydsyq.vue");
break;
......
......@@ -87,44 +87,52 @@
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="取得价格：">
<div style="display:flex">
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1'"
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1'">
<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 label="农用地面积：">
<el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
<el-col :span="8">
<el-form-item label="耕地面积：">
<el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地面积：">
<el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row :gutter="10">
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="使用期限：">
<el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
<el-form-item label="草地面积：">
<el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="使用权起止时间：">
<el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
<el-col :span="8">
<el-form-item label="其他农用地面积：">
<el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
</el-form-item>
</el-col>
</el-row> -->
<!-- <el-row :gutter="10">
<el-col>
<el-form-item label="附记：" prop="fj">
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1'"></el-input>
<el-col :span="8">
<el-form-item label="建筑使用面积：">
<el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="未利用地面积：">
<el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
</el-form-item>
</el-col>
</el-row> -->
<el-col :span="8">
<el-form-item label="面积单位：">
<el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -177,7 +185,7 @@
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
v-model="ruleForm.jsydsyq.djyy">
v-model="ruleForm.tdsyq.djyy">
</el-input>
</el-form-item>
</el-col>
......