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) { ...@@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) {
72 } 72 }
73 73
74 /** 74 /**
75 * @description: 获取土地所有权
76 * @param {*} data
77 * @author: renchao
78 */
79 export function getTdsyqList (data) {
80 return request({
81 url: SERVER.SERVERAPI + '/rest/djbDetail/getTdsyqList',
82 method: 'post',
83 data
84 })
85 }
86
87 /**
75 * @description: 获取建设用地使用权 88 * @description: 获取建设用地使用权
76 * @param {*} data 89 * @param {*} data
77 * @author: renchao 90 * @author: renchao
......
...@@ -11,7 +11,7 @@ export function Init (data) { ...@@ -11,7 +11,7 @@ export function Init (data) {
11 let apiUrl = ""; 11 let apiUrl = "";
12 switch (data.get("djlx")) { 12 switch (data.get("djlx")) {
13 case "100": 13 case "100":
14 apiUrl = "/rest/ywbl/tdsyq/fristInit"; 14 apiUrl = "/rest/ywbl/tdsyq/firstInit";
15 break; 15 break;
16 case "200": 16 case "200":
17 apiUrl = "/rest/ywbl/tdsyq/transferInit"; 17 apiUrl = "/rest/ywbl/tdsyq/transferInit";
......
1 1
2 2
3 var qlxxPage = [ 3 var qlxxPage = [
4 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, 4 { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
5 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, 5 { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, 6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, 7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, 8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
......
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 </el-checkbox-group>
10 </div>
11 </div>
12 <div class="xxTableBox rollTable">
13 <!-- 固定前三个 -->
14 <table class="xxTable">
15 <tr v-for="(item, colindex) in columns" :key="colindex">
16 <td>
17 {{ item.label }}
18 </td>
19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
30 正在办理
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
33 有效
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { datas } from "./qlxxFormData.js";
51 import { getSjlx } from "@/utils/dictionary.js";
52 import { getTdsyqList } from "@/api/registerBook.js";
53 export default {
54 data () {
55 return {
56 title: "土地所有权信息",
57 qsztList: datas.columns().qsztList,
58 checkList: datas.columns().checkList,
59 //传递参数
60 propsParam: this.$attrs,
61 //列表数据
62 tableData: [],
63 //空列值个数
64 emptycolNum: datas.columns().emptycolNum,
65 //列名称对象
66 columns: datas.columns().JSYDSYQ,
67 };
68 },
69 created () {
70 this.loadData();
71 },
72 methods: {
73 loadData () {
74
75 if(this.$parent.addRepairRecord){
76 this.columns.unshift({prop:"cz",
77 label:"操作"
78 })
79 }
80 getTdsyqList({
81 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx,
83 qszt: this.checkList,
84 }).then((res) => {
85 if (res.code === 200) {
86 this.tableData = res.result;
87 this.tableData.forEach(item => {
88 item.sjlx = getSjlx(item.sjlx)
89 })
90 if (this.tableData.length < datas.columns().emptycolNum) {
91 this.emptycolNum =
92 datas.columns().emptycolNum - this.tableData.length;
93 } else {
94 this.emptycolNum = 0;
95 }
96 }
97 });
98 },
99 checkChange () {
100 if (this.checkList.length === 0) {
101 this.tableData = [];
102 this.emptycolNum = datas.columns().emptycolNum;
103 } else {
104 this.loadData();
105 }
106 },
107 getQsztName (code) {
108 let name = "";
109 for (let item of this.qsztList) {
110 if (item.value == code) {
111 name = item.label;
112 break;
113 }
114 }
115 return name;
116 },
117 // 新增一条补录信息
118 editDialog(row,del){
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定',
121 cancelButtonText: '取消',
122 type: 'warning'
123 }).then(() => {
124 this.$parent.addRepairRecord(row,del)
125
126 this.$message({
127 type: 'success',
128 message: '补录成功!'
129 });
130 }).catch(() => {
131 this.$message({
132 type: 'info',
133 message: '取消编辑'
134 });
135 });
136
137 },
138 },
139 };
140 </script>
141
142 <style lang="scss" scoped>
143 @import "./qlxxCommon.scss";
144 </style>
...@@ -69,6 +69,9 @@ export function getForm (tabName, djywbm) { ...@@ -69,6 +69,9 @@ export function getForm (tabName, djywbm) {
69 case "cfdjxx": 69 case "cfdjxx":
70 form = require("@/views/registerBook/cfdj.vue"); 70 form = require("@/views/registerBook/cfdj.vue");
71 break; 71 break;
72 case "tdsyqQlxx":
73 form = require("@/views/registerBook/tdsyq.vue");
74 break;
72 case "jsydsyqQlxx": 75 case "jsydsyqQlxx":
73 form = require("@/views/registerBook/jsydsyq.vue"); 76 form = require("@/views/registerBook/jsydsyq.vue");
74 break; 77 break;
......
...@@ -87,44 +87,52 @@ ...@@ -87,44 +87,52 @@
87 </el-row> 87 </el-row>
88 <el-row :gutter="10"> 88 <el-row :gutter="10">
89 <el-col :span="8"> 89 <el-col :span="8">
90 <el-form-item label="取得价格："> 90 <el-form-item label="农用地面积：">
91 <div style="display:flex"> 91 <el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
92 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1'"
93 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
94 <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1'">
95 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
96 </el-option>
97 </el-select>
98 </div>
99 </el-form-item> 92 </el-form-item>
100 </el-col> 93 </el-col>
101 94 <el-col :span="8">
102 <el-col :span="16"> 95 <el-form-item label="耕地面积：">
103 <el-form-item label="坐落："> 96 <el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
104 <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input> 97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="林地面积：">
101 <el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
105 </el-form-item> 102 </el-form-item>
106 </el-col> 103 </el-col>
107 </el-row> 104 </el-row>
108 <!-- <el-row :gutter="10"> 105 <el-row :gutter="10">
109 <el-col :span="8"> 106 <el-col :span="8">
110 <el-form-item label="使用期限："> 107 <el-form-item label="草地面积：">
111 <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input> 108 <el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
112 </el-form-item> 109 </el-form-item>
113 </el-col> 110 </el-col>
114 111 <el-col :span="8">
115 <el-col :span="16"> 112 <el-form-item label="其他农用地面积：">
116 <el-form-item label="使用权起止时间："> 113 <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
117 <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
118 </el-form-item> 114 </el-form-item>
119 </el-col> 115 </el-col>
120 </el-row> --> 116 <el-col :span="8">
121 <!-- <el-row :gutter="10"> 117 <el-form-item label="建筑使用面积：">
122 <el-col> 118 <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
123 <el-form-item label="附记：" prop="fj"> 119 </el-form-item>
124 <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1'"></el-input> 120 </el-col>
121 </el-row>
122 <el-row :gutter="10">
123 <el-col :span="8">
124 <el-form-item label="未利用地面积：">
125 <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
125 </el-form-item> 126 </el-form-item>
126 </el-col> 127 </el-col>
127 </el-row> --> 128 <el-col :span="8">
129 <el-form-item label="面积单位：">
130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
131 </el-form-item>
132 </el-col>
133
134 </el-row>
135
128 <div class="slxx_title title-block"> 136 <div class="slxx_title title-block">
129 权利人信息 137 权利人信息
130 <div class="triangle"></div> 138 <div class="triangle"></div>
...@@ -177,7 +185,7 @@ ...@@ -177,7 +185,7 @@
177 <el-col> 185 <el-col>
178 <el-form-item label="登记原因：" prop="djyy"> 186 <el-form-item label="登记原因：" prop="djyy">
179 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" 187 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
180 v-model="ruleForm.jsydsyq.djyy"> 188 v-model="ruleForm.tdsyq.djyy">
181 </el-input> 189 </el-input>
182 </el-form-item> 190 </el-form-item>
183 </el-col> 191 </el-col>
......