Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
0817b5bb by xiaomiao
Options

--no commit message

1 parent f7a98793
Expand all
Inline Side-by-side
Showing 18 changed files with 2 additions and 2087 deletions
1 <template>
2 <div class="bdcqldjml">
3 <table class="mlTable">
4 <tr>
5 <th colspan="5" class="title">不动产权利登记目录</th>
6 </tr>
7 <tr>
8 <td>序号</td>
9 <td>不动产单元号</td>
10 <td>不动产类型</td>
11 <td>所在本数</td>
12 <td>备注</td>
13 </tr>
14 <tr v-for="(item, index) in bdcqlml" :key="index">
15 <td>{{ index + 1 }}</td>
16 <td>{{ item.bdcdyh }}</td>
17 <td>{{ item.bdclx }}</td>
18 <td>{{ item.szbs }}</td>
19 <td>{{ item.bz }}</td>
20 </tr>
21 </table>
22 </div>
23 </template>
24
25 <script>
26 import { getBdcqldjmlByBdcdyid } from "@/api/registerBook.js";
27 export default {
28 data() {
29 return {
30 bdcqlml: [],
31 propsParam: this.$attrs,
32 };
33 },
34 mounted() {
35 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
36 if (res.code === 200) {
37 this.bdcqlml = res.result;
38 }
39 });
40 },
41 };
42 </script>
43
44 <style lang="scss" scoped>
45 .bdcqldjml {
46 width: 100%;
47 height: 100%;
48 background: #fff;
49 overflow-y: scroll;
50 .mlTable {
51 width: 90%;
52 margin: 0 auto;
53 color: #333;
54 border-spacing: 1px;
55 background-color: #333;
56
57 .title {
58 font-size: 20px;
59 line-height: 60px;
60 font-family: serif;
61 position: relative;
62 }
63
64 td,
65 th {
66 background-color: white;
67 line-height: 30px;
68 padding: 0 4px;
69 text-align: center;
70 }
71 }
72 }
73 </style>
1 <template>
2 <div class="bdcqljqtsx">
3 <div class="content">
4 <div class="title">不动产权利及其他事项<br />登记信息</div>
5 <div>
6 不动产单元号:
7 <div class="underline">{{ propsParam.bdcdyh }}</div>
8 </div>
9 <br /><br /><br />
10 <div>
11 <div class="underline">{{ qlxxList.ztqlmc }}</div>
12 登记 共
13 <div class="underline">{{ qlxxList.ztql.total }}</div>
14 条
15 </div>
16 <br /><br />
17 <div>
18 抵押权登记 共
19 <div class="underline">{{ qlxxList.diyaq.total }}</div>
20 条
21 </div>
22 <br />
23 <div>
24 地役权登记 共
25 <div class="underline">{{ qlxxList.diyiq.total }}</div>
26 条
27 </div>
28 <br />
29 <div>
30 预告登记 共
31 <div class="underline">{{ qlxxList.ygdj.total }}</div>
32 条
33 </div>
34 <br />
35 <div>
36 异议登记 共
37 <div class="underline">{{ qlxxList.yydj.total }}</div>
38 条
39 </div>
40 <br />
41 <div>
42 查封登记 共
43 <div class="underline">{{ qlxxList.cfdj.total }}</div>
44 条
45 </div>
46 <br />
47 </div>
48 </div>
49 </template>
50
51 <script>
52 import { getBdcqljqtsx } from "@/api/registerBook.js";
53 export default {
54 name: "bdcqljqtsx",
55 data() {
56 return {
57 //传递参数
58 propsParam: this.$attrs,
59 qlxxList: "",
60 };
61 },
62 mounted() {
63 getBdcqljqtsx({
64 bdcdyid: this.propsParam.bdcdyid,
65 bdcdyh: this.propsParam.bdcdyh,
66 }).then((res) => {
67 if (res.code === 200) {
68 this.qlxxList = res.result;
69 }
70 });
71 },
72 };
73 </script>
74
75 <style lang="scss" scoped>
76 .bdcqljqtsx {
77 width: 100%;
78 height: 100%;
79 background: #fff;
80
81 .content {
82 width: 50%;
83 height: 100%;
84 margin: 0 auto;
85 text-align: right;
86 color: #333;
87 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
88 font-weight: 700;
89 font-size: 18px;
90 line-height: 16px;
91
92 .title {
93 font-size: 32px;
94 text-align: center;
95 padding: 40px 0;
96 line-height: 34px;
97 }
98
99 .underline {
100 font-size: 14px;
101 font-weight: normal;
102 text-decoration: underline;
103 display: inline-block;
104 }
105 }
106 }
107 </style>
1 <!--
2 * @Description :查封登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:56:45
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getCfdjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "查封登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().CFDJ,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getCfdjList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.tableData.forEach((item, index) => {
81 if (item.sfbxf == '1') {
82 item.zxywh = '';
83 item.zxdbr = '';
84 item.zxsj = '';
85 }
86 })
87 if (this.tableData.length < datas.columns().emptycolNum) {
88 this.emptycolNum =
89 datas.columns().emptycolNum - this.tableData.length;
90 } else {
91 this.emptycolNum = 0;
92 }
93 }
94 });
95 },
96 checkChange () {
97 if (this.checkList.length === 0) {
98 this.tableData = [];
99 this.emptycolNum = datas.columns().emptycolNum;
100 } else {
101 this.loadData();
102 }
103 },
104 getQsztName (code) {
105 let name = "";
106 for (let item of this.qsztList) {
107 if (item.value == code) {
108 name = item.label;
109 break;
110 }
111 }
112 return name;
113 },
114 // 编辑
115 editDialog(row){
116 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
117 confirmButtonText: '确定',
118 cancelButtonText: '取消',
119 type: 'warning'
120 }).then(() => {
121 this.$parent.addRepairRecord(row)
122
123 this.$message({
124 type: 'success',
125 message: '补录成功!'
126 });
127 }).catch(() => {
128 this.$message({
129 type: 'info',
130 message: '取消编辑'
131 });
132 });
133
134 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
135 // datalist:this.columns,
136 // data: row,
137
138 // })
139
140 },
141 // 删除
142 deleteDialog(row){
143 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
144 confirmButtonText: '确定',
145 cancelButtonText: '取消',
146 type: 'warning'
147 }).then(() => {
148 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
149 // deleteClmx(bsmClmx).then(res => {
150 // if (res.code == 200) {
151 // that.$emit('updateList', res.result)
152 // that.$message({
153 // message: '删除成功!',
154 // type: 'success'
155 // })
156 // }
157 // })
158 this.$message({
159 type: 'success',
160 message: '删除成功!'
161 });
162 }).catch(() => {
163 this.$message({
164 type: 'info',
165 message: '已取消删除'
166 });
167 });
168
169 }
170 },
171 };
172 </script>
173
174 <style lang="scss" scoped>
175 @import "./qlxxCommon.scss";
176 </style>
1 <!--
2 * @Description :抵押权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:56:37
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getDiyaqList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "抵押权登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().DYAQ,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getDiyaqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 },
97 getQsztName (code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
106 },
107 // 编辑
108 editDialog(row){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定',
111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
132
133 },
134 // 删除
135 deleteDialog(row){
136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
137 confirmButtonText: '确定',
138 cancelButtonText: '取消',
139 type: 'warning'
140 }).then(() => {
141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
142 // deleteClmx(bsmClmx).then(res => {
143 // if (res.code == 200) {
144 // that.$emit('updateList', res.result)
145 // that.$message({
146 // message: '删除成功!',
147 // type: 'success'
148 // })
149 // }
150 // })
151 this.$message({
152 type: 'success',
153 message: '删除成功!'
154 });
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 });
160 });
161
162 }
163 },
164 };
165 </script>
166
167 <style lang="scss" scoped>
168 @import "./qlxxCommon.scss";
169 </style>
1 <!--
2 * @Description : 地役权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-08 08:46:10
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getDiyiqList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "地役权登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().DYIQ,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getDiyiqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 },
97 getQsztName (code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
106 },
107 // 编辑
108 editDialog(row){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定',
111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
132
133 },
134 // 删除
135 deleteDialog(row){
136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
137 confirmButtonText: '确定',
138 cancelButtonText: '取消',
139 type: 'warning'
140 }).then(() => {
141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
142 // deleteClmx(bsmClmx).then(res => {
143 // if (res.code == 200) {
144 // that.$emit('updateList', res.result)
145 // that.$message({
146 // message: '删除成功!',
147 // type: 'success'
148 // })
149 // }
150 // })
151 this.$message({
152 type: 'success',
153 message: '删除成功!'
154 });
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 });
160 });
161
162 }
163 },
164 };
165 </script>
166
167 <style lang="scss" scoped>
168 @import "./qlxxCommon.scss";
169 </style>
1 <template>
2 <div class="djbfm">
3 <br /><br />
4 <p>
5 <font>{{ info.sheng }}</font>
6 省 (区、市)
7 <font>{{ info.shi }}</font>
8 市 (区)
9 <font>{{ info.xian }}</font>
10 区 (县、市)
11 </p>
12 <p>
13 <font>{{ info.jdh }}</font>
14 街道 (乡、镇)
15 <font>{{ info.jfh }}</font>
16 街坊 (村)
17 <font>{{ info.zh }}</font>
18 组
19 </p>
20 <div class="title">不动产登记簿</div>
21 <br />
22 <p>
23 宗地/宗海号:
24 <font>{{ info.zddm }}</font>
25 </p>
26 <div class="bottom">
27 <p>
28 登记机构:
29 <font>{{ info.djjg }}</font>
30 </p>
31 </div>
32 </div>
33 </template>
34
35 <script>
36 import { getDjbfm } from "@/api/registerBook.js";
37
38 export default {
39 data () {
40 return {
41 //传递参数
42 propsParam: this.$attrs,
43 info: {},
44 };
45 },
46 mounted () {
47 this.loadData();
48 },
49 methods: {
50 loadData () {
51 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
52 if (res.code === 200) {
53 this.info = res.result;
54 }
55 });
56 },
57 },
58 };
59 </script>
60
61 <style lang="scss" scoped>
62 .djbfm {
63 width: 100%;
64 height: 100%;
65 background: #fff;
66 border-right: 1px solid #ccc;
67 line-height: 45px;
68 text-align: center;
69 font-size: 18px;
70 font-family: serif;
71 position: relative;
72
73 font {
74 border-bottom: 1px solid #000;
75 display: inline-block;
76 padding: 0 15px;
77 line-height: 16px;
78 }
79
80 .title {
81 height: 40%;
82 display: flex;
83 font-size: 38px;
84 color: #000;
85 justify-content: center;
86 align-items: center;
87 }
88
89 .bottom {
90 position: absolute;
91 bottom: 0px;
92 text-align: center;
93 width: 100%;
94 left: 0;
95 height: 100px;
96 line-height: 100px;
97
98 p {
99 font-size: 28px;
100 }
101
102 font {
103 font-size: 24px;
104 line-height: 24px;
105 }
106 }
107 }
108 </style>
1 <!--
2 * @Description : 房地产权1
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-16 10:23:27
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
33 </div>
34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
35 正在办理
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
38 有效
39 </div>
40 <span v-if="item.prop == 'qszt'">
41 {{ getQsztName(row[item.prop]) }}
42 </span>
43
44 <span v-else> {{ row[item.prop] }}</span>
45 </td>
46 <td v-for="count in emptycolNum" :key="~count"></td>
47 </tr>
48 </table>
49 </div>
50 </div>
51 </div>
52 </template>
53
54 <script>
55 import { getJsydsyqList } from "@/api/registerBook.js";
56 import { datas } from "./qlxxFormData.js";
57 export default {
58 data () {
59 return {
60 title: "建设用地使用权、宅基地使用权登记信息",
61 qsztList: datas.columns().qsztList,
62 checkList: datas.columns().checkList,
63 //传递参数
64 propsParam: this.$attrs,
65 //列表数据
66 tableData: [],
67 //空列值个数
68 emptycolNum: datas.columns().emptycolNum,
69 //列名称对象
70 columns: datas.columns().JSYDSYQ,
71 };
72 },
73 created () {
74 this.loadData();
75 },
76 methods: {
77 loadData () {
78 getJsydsyqList({
79 bdcdyid: this.propsParam.bdcdyid,
80 qllx: this.propsParam.qllx,
81 qszt: this.checkList,
82 }).then((res) => {
83 if (res.code === 200) {
84 this.tableData = res.result;
85 if (this.tableData.length < datas.columns().emptycolNum) {
86 this.emptycolNum =
87 datas.columns().emptycolNum - this.tableData.length;
88 } else {
89 this.emptycolNum = 0;
90 }
91 }
92 });
93 },
94 checkChange () {
95 if (this.checkList.length === 0) {
96 this.tableData = [];
97 this.emptycolNum = datas.columns().emptycolNum;
98 } else {
99 this.loadData();
100 }
101 },
102 getQsztName (code) {
103 let name = "";
104 for (let item of this.qsztList) {
105 if (item.value == code) {
106 name = item.label;
107 break;
108 }
109 }
110 return name;
111 },
112 // 编辑
113 editDialog(row){
114 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
115 // confirmButtonText: '确定',
116 // cancelButtonText: '取消',
117 // type: 'warning'
118 // }).then(() => {
119 this.$parent.addRepairRecord(row)
120 // this.$message({
121 // type: 'success',
122 // message: '补录成功!'
123 // });
124 // }).catch(() => {
125 // this.$message({
126 // type: 'info',
127 // message: '取消编辑'
128 // });
129 // });
130
131 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
132 // datalist:this.columns,
133 // data: row,
134
135 // })
136
137 },
138 // 删除
139 deleteDialog(row){
140 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
141 confirmButtonText: '确定',
142 cancelButtonText: '取消',
143 type: 'warning'
144 }).then(() => {
145 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
146 // deleteClmx(bsmClmx).then(res => {
147 // if (res.code == 200) {
148 // that.$emit('updateList', res.result)
149 // that.$message({
150 // message: '删除成功!',
151 // type: 'success'
152 // })
153 // }
154 // })
155 this.$message({
156 type: 'success',
157 message: '删除成功!'
158 });
159 }).catch(() => {
160 this.$message({
161 type: 'info',
162 message: '已取消删除'
163 });
164 });
165
166 }
167 },
168 };
169 </script>
170
171 <style lang="scss" scoped>
172 @import "./qlxxCommon.scss";
173 </style>
1 <!--
2 * @Description : 房地产权2
3 * @Autor : miaofang
4 * @LastEditTime: 2023-06-20 09:59:18
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'&&item.sjlx !='系统数据'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getFdcq2List } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "房地产权登记信息（独幢、层、套、间房屋）",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().FDCQ2,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getFdcq2List({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 },
97 getQsztName (code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
106 },
107
108 // 编辑
109 editDialog (row) {
110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
111 confirmButtonText: '确定',
112 cancelButtonText: '取消',
113 type: 'warning'
114 }).then(() => {
115 this.$parent.addRepairRecord(row)
116
117 this.$message({
118 type: 'success',
119 message: '补录成功!'
120 });
121 }).catch(() => {
122 this.$message({
123 type: 'info',
124 message: '取消编辑'
125 });
126 });
127
128 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
129 // datalist:this.columns,
130 // data: row,
131
132 // })
133
134 },
135 // 删除
136 deleteDialog (row) {
137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
138 confirmButtonText: '确定',
139 cancelButtonText: '取消',
140 type: 'warning'
141 }).then(() => {
142 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
143 // deleteClmx(bsmClmx).then(res => {
144 // if (res.code == 200) {
145 // that.$emit('updateList', res.result)
146 // that.$message({
147 // message: '删除成功!',
148 // type: 'success'
149 // })
150 // }
151 // })
152 this.$message({
153 type: 'success',
154 message: '删除成功!'
155 });
156 }).catch(() => {
157 this.$message({
158 type: 'info',
159 message: '已取消删除'
160 });
161 });
162
163 }
164
165 },
166 };
167 </script>
168
169 <style lang="scss" scoped>
170 @import "./qlxxCommon.scss";
171 </style>
1 <!--
2 * @Description :国有建设用地使用权
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-16 10:23:54
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
29 ]"
30 >
31 <div class="setbut" v-if="item.prop == 'cz'">
32 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
33 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
34 </div>
35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
36 正在办理
37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
39 有效
40 </div>
41 <span v-if="item.prop == 'qszt'">
42 {{ getQsztName(row[item.prop]) }}
43 </span>
44
45 <span v-else> {{ row[item.prop] }}</span>
46 </td>
47 <td v-for="count in emptycolNum" :key="~count"></td>
48 </tr>
49 </table>
50 </div>
51 </div>
52 </div>
53 </template>
54
55 <script>
56 import { getJsydsyqList } from "@/api/registerBook.js";
57 import { datas } from "./qlxxFormData.js";
58
59 export default {
60 data () {
61 return {
62 title: "建设用地使用权、宅基地使用权登记信息",
63 qsztList: datas.columns().qsztList,
64 checkList: datas.columns().checkList,
65 //传递参数
66 propsParam: this.$attrs,
67 //列表数据
68 tableData: [],
69 //空列值个数
70 emptycolNum: datas.columns().emptycolNum,
71 //列名称对象
72 columns: datas.columns().JSYDSYQ,
73 };
74 },
75 created () {
76 this.loadData();
77 },
78 methods: {
79 loadData () {
80 console.log(" this.propsParam", this.propsParam);
81 getJsydsyqList({
82 bdcdyid: this.propsParam.bdcdyid,
83 qllx: this.propsParam.qllx,
84 qszt: this.checkList,
85 }).then((res) => {
86 if (res.code === 200) {
87 this.tableData = res.result;
88 if (this.tableData.length < datas.columns().emptycolNum) {
89 this.emptycolNum =
90 datas.columns().emptycolNum - this.tableData.length;
91 } else {
92 this.emptycolNum = 0;
93 }
94 }
95 });
96
97 },
98 checkChange () {
99 if (this.checkList.length === 0) {
100 this.tableData = [];
101 this.emptycolNum = datas.columns().emptycolNum;
102 } else {
103 this.loadData();
104 }
105 },
106 getQsztName (code) {
107 let name = "";
108 for (let item of this.qsztList) {
109 if (item.value == code) {
110 name = item.label;
111 break;
112 }
113 }
114 return name;
115 },
116 // 编辑
117 editDialog(row){
118 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 // confirmButtonText: '确定',
120 // cancelButtonText: '取消',
121 // type: 'warning'
122 // }).then(() => {
123 this.$parent.addRepairRecord(row)
124
125 // this.$message({
126 // type: 'success',
127 // message: '补录成功!'
128 // });
129 // }).catch(() => {
130 // this.$message({
131 // type: 'info',
132 // message: '取消编辑'
133 // });
134 // });
135
136 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
137 // datalist:this.columns,
138 // data: row,
139
140 // })
141
142 },
143 // 删除
144 deleteDialog(row){
145 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
146 confirmButtonText: '确定',
147 cancelButtonText: '取消',
148 type: 'warning'
149 }).then(() => {
150 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
151 // deleteClmx(bsmClmx).then(res => {
152 // if (res.code == 200) {
153 // that.$emit('updateList', res.result)
154 // that.$message({
155 // message: '删除成功!',
156 // type: 'success'
157 // })
158 // }
159 // })
160 this.$message({
161 type: 'success',
162 message: '删除成功!'
163 });
164 }).catch(() => {
165 this.$message({
166 type: 'info',
167 message: '已取消删除'
168 });
169 });
170
171 }
172 },
173 };
174 </script>
175
176 <style lang="scss" scoped>
177 @import "./qlxxCommon.scss";
178 </style>
1 <!--
2 * @Description :用地
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:43:11
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
33 </div>
34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
35 正在办理
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
38 有效
39 </div>
40 <span v-if="item.prop == 'qszt'">
41 {{ getQsztName(row[item.prop]) }}
42 </span>
43
44 <span v-else> {{ row[item.prop] }}</span>
45 </td>
46 <td v-for="count in emptycolNum" :key="~count"></td>
47 </tr>
48 </table>
49
50 <table class="xxTable rollTable">
51 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
52 <td>
53 {{ item.label }}
54 </td>
55 <td v-for="(row, index) in tableData" :key="index" :class="[
56 row.qszt == '2' ? 'lishi' : '',
57 row.qszt == '0' ? 'linshi' : '',
58 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
59 ]">
60 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
61 正在办理
62 </div>
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66
67 <span v-else> {{ row[item.prop] }}</span>
68 </td>
69 <td v-for="count in emptycolNum" :key="~count"></td>
70 </tr>
71 </table>
72 </div>
73 </div>
74 </div>
75 </template>
76
77 <script>
78 import { getNydsyqList } from "@/api/registerBook.js";
79 import { datas } from "./qlxxFormData.js";
80 export default {
81 data () {
82 return {
83 title: "农用地使用权登记信息",
84 qsztList: datas.columns().qsztList,
85 checkList: datas.columns().checkList,
86 //传递参数
87 propsParam: this.$attrs,
88 //列表数据
89 tableData: [],
90 //空列值个数
91 emptycolNum: datas.columns().emptycolNum,
92 //列名称对象
93 columns: datas.columns().NYDSYQ,
94 };
95 },
96 created () {
97 var qllx = this.$route.query.sqywbm.substr(0, 3)
98 if (qllx == 'A09') {
99 this.title = '土地经营权登记信息'
100 } else {
101 this.title = '农用地使用权登记信息'
102 }
103 this.loadData();
104 },
105 methods: {
106 loadData () {
107 getNydsyqList({
108 bdcdyid: this.propsParam.bdcdyid,
109 qllx: this.propsParam.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 if (this.tableData.length < datas.columns().emptycolNum) {
115 this.emptycolNum =
116 datas.columns().emptycolNum - this.tableData.length;
117 } else {
118 this.emptycolNum = 0;
119 }
120 }
121 });
122 },
123 checkChange () {
124 if (this.checkList.length === 0) {
125 this.tableData = [];
126 this.emptycolNum = datas.columns().emptycolNum;
127 } else {
128 this.loadData();
129 }
130 },
131 getQsztName (code) {
132 let name = "";
133 for (let item of this.qsztList) {
134 if (item.value == code) {
135 name = item.label;
136 break;
137 }
138 }
139 return name;
140 },
141 // 编辑
142 editDialog(row){
143 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
144 confirmButtonText: '确定',
145 cancelButtonText: '取消',
146 type: 'warning'
147 }).then(() => {
148 this.$parent.addRepairRecord(row)
149
150 this.$message({
151 type: 'success',
152 message: '补录成功!'
153 });
154 }).catch(() => {
155 this.$message({
156 type: 'info',
157 message: '取消编辑'
158 });
159 });
160
161 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
162 // datalist:this.columns,
163 // data: row,
164
165 // })
166
167 },
168 // 删除
169 deleteDialog(row){
170 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
171 confirmButtonText: '确定',
172 cancelButtonText: '取消',
173 type: 'warning'
174 }).then(() => {
175 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
176 // deleteClmx(bsmClmx).then(res => {
177 // if (res.code == 200) {
178 // that.$emit('updateList', res.result)
179 // that.$message({
180 // message: '删除成功!',
181 // type: 'success'
182 // })
183 // }
184 // })
185 this.$message({
186 type: 'success',
187 message: '删除成功!'
188 });
189 }).catch(() => {
190 this.$message({
191 type: 'info',
192 message: '已取消删除'
193 });
194 });
195
196 }
197 },
198 };
199 </script>
200
201 <style lang="scss" scoped>
202 @import "./qlxxCommon.scss";
203 </style>
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
95 let that = this 95 let that = this
96 this.$startLoading() 96 this.$startLoading()
97 var formdata = new FormData(); 97 var formdata = new FormData();
98 formdata.append("bsmBusiness", this.propsParam.bsmBusiness); 98 formdata.append("bsmBusiness", this.propsParam.bsmRepair);
99 formdata.append("bestepid", this.$route.query.bestepid); 99 formdata.append("bestepid", this.$route.query.bestepid);
100 formdata.append("ableOperation", this.ableOperation) 100 formdata.append("ableOperation", this.ableOperation)
101 getSpyjList(formdata).then((res) => { 101 getSpyjList(formdata).then((res) => {
......
1 <!--
2 * @Description :预告登记
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-15 13:50:25
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getYgdjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "预告登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().YGDJ,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getYgdjList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 },
97 getQsztName (code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
106 },
107 // 编辑
108 editDialog(row){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定',
111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
132
133 },
134 // 删除
135 deleteDialog(row){
136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
137 confirmButtonText: '确定',
138 cancelButtonText: '取消',
139 type: 'warning'
140 }).then(() => {
141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
142 // deleteClmx(bsmClmx).then(res => {
143 // if (res.code == 200) {
144 // that.$emit('updateList', res.result)
145 // that.$message({
146 // message: '删除成功!',
147 // type: 'success'
148 // })
149 // }
150 // })
151 this.$message({
152 type: 'success',
153 message: '删除成功!'
154 });
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 });
160 });
161
162 }
163 },
164 };
165 </script>
166
167 <style lang="scss" scoped>
168 @import "./qlxxCommon.scss";
169 </style>
1 <!--
2 * @Description :异议登记
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-15 13:50:58
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getYydjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "异议登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().YYDJ,
66 };
67 },
68 created () {
69 console.log("异议登记");
70 this.loadData();
71 },
72 methods: {
73 loadData () {
74 getYydjList({
75 bdcdyid: this.propsParam.bdcdyid,
76 qllx: this.propsParam.qllx,
77 qszt: this.checkList,
78 }).then((res) => {
79 if (res.code === 200) {
80 this.tableData = res.result;
81 if (this.tableData.length < datas.columns().emptycolNum) {
82 this.emptycolNum =
83 datas.columns().emptycolNum - this.tableData.length;
84 } else {
85 this.emptycolNum = 0;
86 }
87 }
88 });
89 },
90 checkChange () {
91 if (this.checkList.length === 0) {
92 this.tableData = [];
93 this.emptycolNum = datas.columns().emptycolNum;
94 } else {
95 this.loadData();
96 }
97 },
98 getQsztName (code) {
99 let name = "";
100 for (let item of this.qsztList) {
101 if (item.value == code) {
102 name = item.label;
103 break;
104 }
105 }
106 return name;
107 },
108 // 编辑
109 editDialog(row){
110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
111 confirmButtonText: '确定',
112 cancelButtonText: '取消',
113 type: 'warning'
114 }).then(() => {
115 this.$parent.addRepairRecord(row)
116
117 this.$message({
118 type: 'success',
119 message: '补录成功!'
120 });
121 }).catch(() => {
122 this.$message({
123 type: 'info',
124 message: '取消编辑'
125 });
126 });
127
128 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
129 // datalist:this.columns,
130 // data: row,
131
132 // })
133
134 },
135 // 删除
136 deleteDialog(row){
137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
138 confirmButtonText: '确定',
139 cancelButtonText: '取消',
140 type: 'warning'
141 }).then(() => {
142 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
143 // deleteClmx(bsmClmx).then(res => {
144 // if (res.code == 200) {
145 // that.$emit('updateList', res.result)
146 // that.$message({
147 // message: '删除成功!',
148 // type: 'success'
149 // })
150 // }
151 // })
152 this.$message({
153 type: 'success',
154 message: '删除成功!'
155 });
156 }).catch(() => {
157 this.$message({
158 type: 'info',
159 message: '已取消删除'
160 });
161 });
162
163 }
164 },
165 };
166 </script>
167
168 <style lang="scss" scoped>
169 @import "./qlxxCommon.scss";
170 </style>
1 <!--
2 * @Description :宗地基本信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-15 13:57:20
5 -->
6 <template>
7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss">
9 <tr>
10 <th colspan="5" class="title">宗地基本信息</th>
11 </tr>
12 <tr>
13 <td>单位</td>
14 <td colspan="4">{{ zdjbxx.mjdw | dictionary('A7') }}</td>
15 </tr>
16 <tr>
17 <td>不动产类型</td>
18 <td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td>
19 </tr>
20 <tr>
21 <td>坐落</td>
22 <td colspan="4">{{ zdjbxx.zl }}</td>
23 </tr>
24 <tr>
25 <td rowspan="8">土地状况</td>
26 </tr>
27 <tr>
28 <td style="width:15%">宗地面积</td>
29 <td style="width:30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width:15%">用途</td>
31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td>
32 </tr>
33 <tr>
34 <td>等级</td>
35 <td>{{ zdjbxx.djmc }}</td>
36 <td>价格</td>
37 <td>{{ zdjbxx.jg }}</td>
38 </tr>
39 <tr>
40 <td>权利类型</td>
41 <td>{{ zdjbxx.qllxmc }}</td>
42 <td>权利性质</td>
43 <td>{{ zdjbxx.qlxzmc }}</td>
44 </tr>
45 <tr>
46 <td>权利设定方式</td>
47 <td>{{zdjbxx.qlsdfs | dictionary('A10')}}</td>
48 <td>容积率</td>
49 <td>{{ zdjbxx.rjl }}</td>
50 </tr>
51 <tr>
52 <td>建筑密度</td>
53 <td>{{ zdjbxx.jzmd }}</td>
54 <td>建筑限高</td>
55 <td>{{ zdjbxx.jzxg }}</td>
56 </tr>
57 <tr>
58 <td>图幅号</td>
59 <td>{{ zdjbxx.tfh }}</td>
60 <td>地籍号</td>
61 <td>{{ zdjbxx.djh }}</td>
62 </tr>
63 <tr>
64 <td>档案号</td>
65 <td>{{ zdjbxx.dah }}</td>
66 <td>地块代码</td>
67 <td>{{ zdjbxx.dkdm }}</td>
68 </tr>
69 <tr>
70 <td rowspan="5">宗地四至</td>
71 </tr>
72
73 <tr>
74 <td>东</td>
75 <td colspan="3">{{ zdjbxx.zdszd }}</td>
76 </tr>
77 <tr>
78 <td>南</td>
79 <td colspan="3">{{ zdjbxx.zdszn }}</td>
80 </tr>
81 <tr>
82 <td>西</td>
83 <td colspan="3">{{ zdjbxx.zdszx }}</td>
84 </tr>
85 <tr>
86 <td>北</td>
87 <td colspan="3">{{ zdjbxx.zdszb }}</td>
88 </tr>
89 <tr>
90 <td>登记时间</td>
91 <td colspan="2">{{ zdjbxx.bz }}</td>
92 <td>登簿人</td>
93 <td>{{ zdjbxx.bz }}</td>
94 </tr>
95
96 <tr>
97 <td>附记</td>
98 <td colspan="4">{{ zdjbxx.fj }}</td>
99 </tr>
100 <!-- <tr>
101 <td>状态</td>
102 <td colspan="2">{{ zdjbxx.zt }}</td>
103 <td>区县代码</td>
104 <td>{{ zdjbxx.qxdm }}</td>
105 </tr> -->
106 <tr v-if="showGroup">
107 <td rowspan="4">变化情况</td>
108
109 <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
110 <tr v-for="(item, index) in bhqkColumns" :key="index">
111 <td class="bhqkTh">{{ item.label }}</td>
112 </tr>
113 </table> -->
114
115 </tr>
116
117 <tr v-if="showGroup">
118 <td>变化原因</td>
119 <td>变化内容</td>
120 <td>登记时间</td>
121 <td>登簿人</td>
122 </tr>
123 <!-- <tr >
124 <td>{{ zdbhqks[0].bhyy }}</td>
125 <td>{{ zdbhqks[0].bhnr }}</td>
126 <td>{{ zdbhqks[0].djsj }}</td>
127 <td>{{ zdbhqks[0].dbr }}</td>
128 </tr> -->
129
130 </table>
131 </div>
132 </template>
133
134 <script>
135 import store from '@/store/index.js'
136 import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
137
138 export default {
139 data () {
140 return {
141 bhqkColumns: [
142 {
143 prop: "ssywh",
144 label: "上手业务号",
145 },
146 {
147 prop: "zddm",
148 label: "宗地代码",
149 },
150 {
151 prop: "bhqzddm",
152 label: "变化前宗地代码",
153 },
154 {
155 prop: "bhnr",
156 label: "变化内容",
157 },
158 {
159 prop: "bhyy",
160 label: "变化原因",
161 },
162 {
163 prop: "djsj",
164 label: "登记时间",
165 },
166 {
167 prop: "dbr",
168 label: "登簿人",
169 },
170 {
171 prop: "fj",
172 label: "附记",
173 },
174 ],
175 bhqkTableWidth: 745,
176 zdjbxx: {},
177 zdbhqks: [],
178 propsParam: this.$attrs,
179 showGroup: false,
180 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"]
181 }
182 },
183 filters: {
184 dictionary: function (value, param) {
185 const foundItem = store.getters.dictData[param].find(item => item.dcode === String(value))
186 if (foundItem) {
187 return foundItem.dname
188 }
189 }
190 },
191 created () {
192 this.loadData()
193 },
194 methods: {
195 loadData () {
196 console.log("this.$attrs", this.$attrs);
197 console.log("this.propsParam", this.propsParam);
198 if (this.propsParam.bsmSldy) {
199 console.log("宗地基本信息");
200 } else {
201 console.log("登记簿里宗地基本信息");
202 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
203 if (res.code === 200) {
204 this.zdjbxx = res.result.zdjbxx;
205 this.zdbhqks = res.result.zdbhqkList;
206 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
207 this.showGroup = true;
208 }
209 }
210 })
211 }
212
213 }
214 }
215 }
216 </script>
217 <style lang="scss" scoped>
218 @import "~@/styles/tablecss.scss";
219 </style>
...@@ -63,7 +63,7 @@ export function getForm(tabName) { ...@@ -63,7 +63,7 @@ export function getForm(tabName) {
63 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); 63 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
64 break; 64 break;
65 case "clxx": 65 case "clxx":
66 form = require("@/views/djbworkflow/djbBook/clxx.vue"); 66 form = require("@/views/workflow/components/clxx/clxxUnify.vue");
67 break; 67 break;
68 case "spyj": 68 case "spyj":
69 form = require("@/views/djbworkflow/djbBook/spyj.vue"); 69 form = require("@/views/djbworkflow/djbBook/spyj.vue");
......