Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6dcd4fe0 by xiaomiao
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 9d93fbd3 43e50474
Inline Side-by-side
Showing 21 changed files with 1231 additions and 128 deletions
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
23 "node-sass": "^4.14.1", 23 "node-sass": "^4.14.1",
24 "normalize.css": "7.0.0", 24 "normalize.css": "7.0.0",
25 "nprogress": "0.2.0", 25 "nprogress": "0.2.0",
26 "qrcode": "^1.5.3",
26 "vue": "2.6.10", 27 "vue": "2.6.10",
27 "vue-json-editor": "^1.4.3", 28 "vue-json-editor": "^1.4.3",
28 "vue-quill-editor": "^3.0.6", 29 "vue-quill-editor": "^3.0.6",
......
...@@ -2,4 +2,4 @@ ...@@ -2,4 +2,4 @@
2 "TITLE": "不动产登记系统", 2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "/bdcdj", 3 "SERVERAPI": "/bdcdj",
4 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" 4 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
5 }
...\ No newline at end of file ...\ No newline at end of file
5 }
......
...@@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap ...@@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
8 8
9 // 初始化内容 9 // 初始化内容
10 export function Init (data) { 10 export function Init (data) {
11 return request({
12 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init",
13 method: 'post',
14 data
15 })
16 }
17 // 批量初始化内容
18 export function bacthInit (data) {
11 let apiUrl = ""; 19 let apiUrl = "";
12 switch (data.get("djlx")) { 20 switch (data.get("djlx")) {
13 case "100": 21 case "100":
14 apiUrl = "/rest/ywbl/zjgcdy/fristInit"; 22 apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit";
15 break; 23 break;
16 case "200": 24 case "200":
17 apiUrl = "/rest/ywbl/zjgcdy/transferInit"; 25 apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit";
18 break; 26 break;
19 case "300": 27 case "300":
20 apiUrl = "/rest/ywbl/zjgcdy/changeInit"; 28 apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit";
21 break; 29 break;
22 case "400": 30 case "400":
23 apiUrl = "/rest/ywbl/zjgcdy/logoutInit"; 31 apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit";
24 break; 32 break;
25 case "500": 33 case "500":
26 apiUrl = "/rest/ywbl/zjgcdy/riviseInit"; 34 apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit";
27 break; 35 break;
28 case "901": 36 case "901":
29 apiUrl = "/rest/ywbl/zjgcdy/renewalInit"; 37 apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit";
30 break; 38 break;
31 case "902": 39 case "902":
32 apiUrl = "/rest/ywbl/zjgcdy/replaceInit"; 40 apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit";
33 break; 41 break;
34 } 42 }
35 return request({ 43 return request({
...@@ -51,6 +59,15 @@ export function saveData (data, djlx) { ...@@ -51,6 +59,15 @@ export function saveData (data, djlx) {
51 }) 59 })
52 } 60 }
53 61
62 // 受理信息保存
63 export function saveBatchData (data, djlx) {
64 return request({
65 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData",
66 method: 'post',
67 data
68 })
69 }
70
54 // 流程图 71 // 流程图
55 export function getWorkFlowImage (bsmSlsq, bestepid) { 72 export function getWorkFlowImage (bsmSlsq, bestepid) {
56 return request({ 73 return request({
......
...@@ -340,6 +340,18 @@ export function selectH (data) { ...@@ -340,6 +340,18 @@ export function selectH (data) {
340 }) 340 })
341 } 341 }
342 342
343 /**
344 * @description: 业务办理-选择单元-查询土地所有权信息
345 * @param {*} data
346 * @author: renchao
347 */
348 export function selectTdsyqQlxx (data) {
349 return request({
350 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectTdsyqQlxx',
351 method: 'post',
352 data
353 })
354 }
343 355
344 /** 356 /**
345 * @description: 业务办理-选择单元-查询建设用地、宅基地信息 357 * @description: 业务办理-选择单元-查询建设用地、宅基地信息
......
1 <!--
2 * @Descripttion: 表格选择器组件
3 * @version: 1.3
4 * @Author: sakuya
5 * @Date: 2021年6月10日10:04:07
6 * @LastEditors: Please set LastEditors
7 * @LastEditTime: 2023-06-29 11:14:11
8 -->
9
10 <template>
11 <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags"
12 :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod"
13 @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear">
14 <template #empty>
15 <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading">
16 <div class="sc-table-select__header">
17 <slot name="header" :form="formData" :submit="formSubmit"></slot>
18 </div>
19 <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll">
20 <el-table-column v-if="multiple" type="selection" width="45"></el-table-column>
21 <el-table-column v-else type="index" width="45">
22 <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template>
23 </el-table-column>
24 <slot></slot>
25 </el-table>
26 <div class="sc-table-select__page">
27 <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage"
28 @current-change="reload"></el-pagination>
29 </div>
30 </div>
31 </template>
32 </el-select>
33 </template>
34
35 <script>
36 import config from "./tableSelect";
37
38 export default {
39 props: {
40 modelValue: null,
41 apiObj: { type: Object, default: () => { } },
42 placeholder: { type: String, default: "请选择" },
43 size: { type: String, default: "small" },
44 clearable: { type: Boolean, default: false },
45 multiple: { type: Boolean, default: false },
46 filterable: { type: Boolean, default: false },
47 collapseTags: { type: Boolean, default: false },
48 collapseTagsTooltip: { type: Boolean, default: false },
49 disabled: { type: Boolean, default: false },
50 tableWidth: { type: Number, default: 400 },
51 mode: { type: String, default: "popover" },
52 props: { type: Object, default: () => { } }
53 },
54 data () {
55 return {
56 loading: false,
57 keyword: null,
58 defaultValue: [],
59 tableData: [],
60 pageSize: config.pageSize,
61 total: 0,
62 currentPage: 1,
63 defaultProps: {
64 label: config.props.label,
65 value: config.props.value,
66 page: config.request.page,
67 pageSize: config.request.pageSize,
68 keyword: config.request.keyword
69 },
70 formData: {}
71 }
72 },
73 computed: {
74
75 },
76 watch: {
77 modelValue: {
78 handler () {
79 this.defaultValue = this.modelValue
80 this.autoCurrentLabel()
81 },
82 deep: true
83 }
84 },
85 mounted () {
86 this.defaultProps = Object.assign(this.defaultProps, this.props);
87 this.defaultValue = this.modelValue
88 this.autoCurrentLabel()
89 },
90 methods: {
91 //表格显示隐藏回调
92 visibleChange (visible) {
93 if (visible) {
94 this.currentPage = 1
95 this.keyword = null
96 this.formData = {}
97 this.getData()
98 } else {
99 this.autoCurrentLabel()
100 }
101 },
102 //获取表格数据
103 async getData () {
104 this.loading = true;
105 var reqData = {
106 [this.defaultProps.page]: this.currentPage,
107 [this.defaultProps.pageSize]: this.pageSize,
108 [this.defaultProps.keyword]: this.keyword
109 }
110 Object.assign(reqData, this.formData)
111 // var res = await this.apiObj.get(reqData);
112 let res = {
113 code: 200,
114 data: {
115 total: 2, rows: [
116 {
117 user: 11111111111,
118 id: 111111111111
119 },
120 {
121 user: 2222222222222,
122 id: 22222222222
123 }
124 ]
125 },
126 message: ""
127 }
128 var parseData = config.parseData(res)
129 this.tableData = parseData.rows;
130 this.total = parseData.total;
131 this.loading = false;
132 //表格默认赋值
133 this.$nextTick(() => {
134 if (this.multiple) {
135 this.defaultValue.forEach(row => {
136 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value])
137 if (setrow.length > 0) {
138 this.$refs.table.toggleRowSelection(setrow[0], true);
139 }
140 })
141 } else {
142 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value])
143 this.$refs.table.setCurrentRow(setrow[0]);
144 }
145 this.$refs.table.setScrollTop(0)
146 })
147 },
148 //插糟表单提交
149 formSubmit () {
150 this.currentPage = 1
151 this.keyword = null
152 this.getData()
153 },
154 //分页刷新表格
155 reload () {
156 this.getData()
157 },
158 //自动模拟options赋值
159 autoCurrentLabel () {
160 this.$nextTick(() => {
161 if (this.multiple) {
162 this.$refs.select.selected.forEach(item => {
163 item.currentLabel = item.value[this.defaultProps.label]
164 })
165 } else {
166 this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label]
167 }
168 })
169 },
170 //表格勾选事件
171 select (rows, row) {
172 var isSelect = rows.length && rows.indexOf(row) !== -1
173 if (isSelect) {
174 this.defaultValue.push(row)
175 } else {
176 this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
177 }
178 this.autoCurrentLabel()
179 this.$emit('update:modelValue', this.defaultValue);
180 this.$emit('change', this.defaultValue);
181 },
182 //表格全选事件
183 selectAll (rows) {
184 var isAllSelect = rows.length > 0
185 if (isAllSelect) {
186 rows.forEach(row => {
187 var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
188 if (!isHas) {
189 this.defaultValue.push(row)
190 }
191 })
192 } else {
193 this.tableData.forEach(row => {
194 var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
195 if (isHas) {
196 this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
197 }
198 })
199 }
200 this.autoCurrentLabel()
201 this.$emit('update:modelValue', this.defaultValue);
202 this.$emit('change', this.defaultValue);
203 },
204 click (row) {
205 if (this.multiple) {
206 //处理多选点击行
207 } else {
208 this.defaultValue = row
209 this.$refs.select.blur()
210 this.autoCurrentLabel()
211 this.$emit('update:modelValue', this.defaultValue);
212 this.$emit('change', this.defaultValue);
213 }
214 },
215 //tags删除后回调
216 removeTag (tag) {
217 var row = this.findRowByKey(tag[this.defaultProps.value])
218 this.$refs.table.toggleRowSelection(row, false);
219 this.$emit('update:modelValue', this.defaultValue);
220 },
221 //清空后的回调
222 clear () {
223 this.$emit('update:modelValue', this.defaultValue);
224 },
225 // 关键值查询表格数据行
226 findRowByKey (value) {
227 return this.tableData.find(item => item[this.defaultProps.value] === value)
228 },
229 filterMethod (keyword) {
230 if (!keyword) {
231 this.keyword = null;
232 return false;
233 }
234 this.keyword = keyword;
235 this.getData()
236 },
237 // 触发select隐藏
238 blur () {
239 this.$refs.select.blur();
240 },
241 // 触发select显示
242 focus () {
243 this.$refs.select.focus();
244 }
245 }
246 }
247 </script>
248
249 <style scoped>
250 .sc-table-select__table {
251 padding: 12px;
252 }
253 .sc-table-select__page {
254 padding-top: 12px;
255 }
256 </style>
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-29 11:05:49
5 */
6 //表格选择器配置
7
8 export default {
9 pageSize: 10, //表格每一页条数
10 parseData: function (res) {
11 return {
12 data: res.data,
13 rows: res.data.rows, //分析行数据字段结构
14 total: res.data.total, //分析总数字段结构
15 msg: res.message, //分析描述字段结构
16 code: res.code //分析状态字段结构
17 }
18 },
19 request: {
20 page: 'page', //规定当前分页字段
21 pageSize: 'pageSize', //规定一页条数字段
22 keyword: 'keyword' //规定搜索字段
23 },
24 props: {
25 label: 'label', //映射label显示字段
26 value: 'value', //映射value值字段
27 }
28 }
1 import cookies from './util.cookies' 1 import cookies from './util.cookies'
2 export function getUrlParam(paraName) { 2 export function getUrlParam (paraName) {
3 let url = document.location.toString(); 3 let url = document.location.toString();
4 let arrObj = url.split('?'); 4 let arrObj = url.split('?');
5 5
...@@ -12,7 +12,7 @@ export function getUrlParam(paraName) { ...@@ -12,7 +12,7 @@ export function getUrlParam(paraName) {
12 12
13 if (arr != null && arr[0] === paraName) { 13 if (arr != null && arr[0] === paraName) {
14 // 截取#之前的内容 14 // 截取#之前的内容
15 let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1]; 15 let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
16 return result; 16 return result;
17 } 17 }
18 } 18 }
...@@ -22,26 +22,42 @@ export function getUrlParam(paraName) { ...@@ -22,26 +22,42 @@ export function getUrlParam(paraName) {
22 } 22 }
23 } 23 }
24 24
25 export function setToken(token) { 25 export function setToken (token) {
26 if (token === undefined) { 26 if (token === undefined) {
27 if (process.env.NODE_ENV === 'development') { 27 if (process.env.NODE_ENV === 'development') {
28 sessionStorage.removeItem('token') 28 sessionStorage.removeItem('token')
29 } else { 29 } else {
30 cookies.remove('ACCESS_TOKEN') 30 cookies.remove('ACCESS_TOKEN')
31 } 31 }
32 } else { 32 } else {
33 if (process.env.NODE_ENV === 'development') { 33 if (process.env.NODE_ENV === 'development') {
34 sessionStorage.setItem('token', token); 34 sessionStorage.setItem('token', token);
35 } else { 35 } else {
36 cookies.set('ACCESS_TOKEN', token) 36 cookies.set('ACCESS_TOKEN', token)
37 } 37 }
38 } 38 }
39 } 39 }
40 40
41 export function getToken() { 41 export function getToken () {
42 if (process.env.NODE_ENV === 'development') { 42 if (process.env.NODE_ENV === 'development') {
43 return sessionStorage.getItem('token') 43 return sessionStorage.getItem('token')
44 } 44 }
45 return cookies.get('ACCESS_TOKEN') 45 return cookies.get('ACCESS_TOKEN')
46 } 46 }
47 47
48 // 获取当前时间
49
50 export function getNewDate (type = 1) {
51 const now = new Date();
52 const year = now.getFullYear();
53 const month = String(now.getMonth() + 1).padStart(2, '0');
54 const day = String(now.getDate()).padStart(2, '0');
55 const hours = String(now.getHours()).padStart(2, '0');
56 const minutes = String(now.getMinutes()).padStart(2, '0');
57 const seconds = String(now.getSeconds()).padStart(2, '0');
58 if (type == 1) {
59 return `${year}年${month}月${day}日`
60 } else {
61 return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒`
62 }
63 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -415,6 +415,19 @@ class data extends filter { ...@@ -415,6 +415,19 @@ class data extends filter {
415 { 415 {
416 prop: "dybdclx", 416 prop: "dybdclx",
417 label: "抵押不动产类型", 417 label: "抵押不动产类型",
418 render: (h, scope) => {
419 return (
420 <div>
421 <span v-show={scope.row.dybdclx == '1'}>土地</span>
422 <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
423 <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
424 <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
425 <span v-show={scope.row.dybdclx == '5'}>海域</span>
426 <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
427 <span v-show={scope.row.dybdclx == '7'}>其它</span>
428 </div>
429 )
430 }
418 }, 431 },
419 { 432 {
420 prop: "djlxmc", 433 prop: "djlxmc",
......
...@@ -108,24 +108,28 @@ ...@@ -108,24 +108,28 @@
108 </div> 108 </div>
109 <!-- 打印模板需要此模块 --> 109 <!-- 打印模板需要此模块 -->
110 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> 110 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
111 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> 111 <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" />
112 </object> 112 </object>
113 <printView ref="printContent" :form="form" v-show="false" />
113 </div> 114 </div>
114 </template> 115 </template>
115 <script> 116 <script>
116 import store from '@/store/index.js' 117 import store from '@/store/index.js'
117 import { datas } from "./addjtfcdata"; 118 import { datas } from "./addjtfcdata";
118 import { getLodop } from "@/utils/LodopFuncs" 119 import { getLodop } from "@/utils/LodopFuncs"
120 import printView from "./printView.vue";
119 import { getIdCardInfo } from '@/utils/operation.js' 121 import { getIdCardInfo } from '@/utils/operation.js'
120 import { getPrintTemplateByCode } from "@/api/system"; 122 import { getPrintTemplateByCode } from "@/api/system";
121 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; 123 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
122 import { log } from 'bpmn-js-token-simulation';
123 export default { 124 export default {
125 components: {
126 printView
127 },
124 props: { 128 props: {
125 formData: { 129 formData: {
126 type: Object, 130 type: Object,
127 default: () => { }, 131 default: () => { }
128 }, 132 }
129 }, 133 },
130 data () { 134 data () {
131 return { 135 return {
...@@ -428,16 +432,15 @@ ...@@ -428,16 +432,15 @@
428 }, 432 },
429 //打开打印预览 433 //打开打印预览
430 openPrintPrew () { 434 openPrintPrew () {
431 //根据编号获取对应信息 435 let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
432 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { 436 // 获取页面的HTML内容
433 if (res.code == 200) { 437 const pageHtml = this.$refs.printContent.$el.innerHTML;
434 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 438 lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml);
435 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 439 lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应
436 LODOP.PREVIEW(); 440 lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例
437 } 441 lodop.PREVIEW();
438 })
439 } 442 }
440 }, 443 }
441 }; 444 };
442 </script> 445 </script>
443 <style scoped lang="scss"> 446 <style scoped lang="scss">
......
1 <!--
2 * @Description: 不动产查询证明打印模板
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-28 15:12:05
5 -->
6 <template>
7 <div class="printView" style="width:100%;padding:20px">
8 <h1 style="color: red;
9 text-align: center;
10 font-size: 38px;">城固县不动产登记交易服务中心</h1>
11 <p style="width:100%;border-bottom: 1px solid red;margin-top: 20px;
12 margin-bottom: 10px;"></p>
13 <h2 style="font-size: 36px;
14 text-align: center;">不动产登记信息查询证明</h2>
15 <h5 style=" text-align: center;
16 margin-top: 20px;
17 font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5>
18 <p style="text-indent: 2em;
19 margin-top: 15px;
20 line-height: 24px;
21 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
22 有关规定，经线上查询不动产登记信息系统，权利人： {{form.cxjgListp[0].qlrmc}}
23 ，证件号：{{form.cxjgListp[0].zjhm}}，截止{{newDatez}}
24 ，名下不动产登记信息查询结果如下：</p>
25 <table style=" border-collapse: collapse;
26 width: 100%;
27 margin-top: 20px;margin-left:20px">
28 <thead>
29 <tr>
30 <th style="background-color: #f2f2f2;
31 text-align: center;height:36px">权利人</th>
32 <th style="background-color: #f2f2f2;
33 text-align: center;height:36px">证号</th>
34 <th style="background-color: #f2f2f2;
35 text-align: center;height:36px">坐落</th>
36 <th style="background-color: #f2f2f2;
37 text-align: center;height:36px">面积</th>
38 <th style="background-color: #f2f2f2;
39 text-align: center;height:36px">共有人</th>
40 <th style="background-color: #f2f2f2;
41 text-align: center;height:36px">状态</th>
42 </tr>
43 </thead>
44 <tbody>
45 <tr v-for="(item,index) in form.cxjgList" :key="index">
46 <td style="border: 1px solid #ccc;
47 text-align: center;
48 padding: 8px;
49 text-align: left;">{{ item.qlrmc }}</td>
50 <td style="border: 1px solid #ccc;
51 text-align: center;
52 padding: 8px;
53 text-align: left;">{{ item.zjhm }}</td>
54 <td style="border: 1px solid #ccc;
55 text-align: center;
56 padding: 8px;
57 text-align: left;">{{ item.fdzl }}</td>
58 <td style="border: 1px solid #ccc;
59 text-align: center;
60 padding: 8px;
61 text-align: left;">{{ item.fwmj }}</td>
62 <td style="border: 1px solid #ccc;
63 text-align: center;
64 padding: 8px;
65 text-align: left;">{{ item.gyr }}</td>
66 <td style="border: 1px solid #ccc;
67 text-align: center;
68 padding: 8px;
69 text-align: left;" v-if="item.dyzt != '0' && item.cfzt != '0'">抵押、查封</td>
70 <td style="border: 1px solid #ccc;
71 text-align: center;
72 padding: 8px;
73 text-align: left;" v-if="item.dyzt != '0'">抵押</td>
74 <td style="border: 1px solid #ccc;
75 text-align: center;
76 padding: 8px;
77 text-align: left;" v-if="item.cfzt != '0'">查封</td>
78 </tr>
79 </tbody>
80 </table>
81 <h6 style="font-size: 28px;
82 margin-top: 20px;
83 font-weight: 100;">特此证明。</h6>
84 <div>
85 <img :src="qrcodeImage" alt="QR Code">
86 </div>
87 <ul style="text-align: right;
88 line-height: 36px;
89 font-size: 18px;">
90 <li style="list-style: none;">城固县不动产登记交易服务中心</li>
91 <li style="list-style: none;">{{newDate}}</li>
92 </ul>
93 <ol style="margin-left: 20px;
94 line-height: 36px;">
95 <p>说明：</p>
96 <li>该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；</li>
97 <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；</li>
98 <li>本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；</li>
99 <li>查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。</li>
100 </ol>
101 </div>
102 </template>
103 <script>
104 import QRCode from 'qrcode';
105 import { getNewDate } from '@/utils/util'
106 export default {
107 props: {
108 form: {
109 type: Object,
110 default: () => ({})
111 }
112 },
113 data () {
114 return {
115 qrcodeImage: '',
116 newDate: getNewDate(),
117 newDatez: getNewDate(2)
118 }
119 },
120 watch: {
121 "form.djSqcxDO.cxbh": {
122 handler: function (val) {
123 if (val) {
124 QRCode.toDataURL(val)
125 .then(url => {
126 this.qrcodeImage = url
127 })
128 .catch(error => {
129 console.error(error);
130 })
131 }
132 },
133 immediate: true
134 }
135 }
136 }
137 </script>
...\ No newline at end of file ...\ No newline at end of file
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-28 14:45:20
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 家庭房产 --> 8 <!-- 家庭房产 -->
...@@ -41,59 +46,59 @@ ...@@ -41,59 +46,59 @@
41 </div> 46 </div>
42 </template> 47 </template>
43 <script> 48 <script>
44 import table from "@/utils/mixin/table"; 49 import table from "@/utils/mixin/table";
45 import { datas, sendThis } from "./jtfcdata"; 50 import { datas, sendThis } from "./jtfcdata";
46 import { getSqcxPage } from "@/api/sqcx"; 51 import { getSqcxPage } from "@/api/sqcx";
47 export default { 52 export default {
48 name: "jtfc", 53 name: "jtfc",
49 mixins: [table], 54 mixins: [table],
50 mounted () { 55 mounted () {
51 sendThis(this); 56 sendThis(this);
52 this.queryClick(); 57 this.queryClick();
53 },
54 data () {
55 return {
56 sqcxBsm: "",
57 queryForm: {
58 cxbh: "",
59 sqr: "",
60 cxlx: '1'
61 },
62 tableData: {
63 columns: datas.columns(),
64 data: [],
65 },
66 };
67 },
68 methods: {
69 // 初始化数据
70 queryClick () {
71 this.$startLoading();
72 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
73 this.$endLoading();
74 if (res.code === 200) {
75 let { records, total } = res.result;
76 this.tableData.data = records;
77 this.tableData.total = total;
78 }
79 });
80 },
81 handleSort (name, sort) {
82 console.log(name, sort);
83 }, 58 },
84 handleAdd () { 59 data () {
85 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { 60 return {
86 sqcxBsm: '' 61 sqcxBsm: "",
87 }) 62 queryForm: {
63 cxbh: "",
64 sqr: "",
65 cxlx: '1'
66 },
67 tableData: {
68 columns: datas.columns(),
69 data: [],
70 },
71 };
88 }, 72 },
89 handleViewClick (row) { 73 methods: {
90 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { 74 // 初始化数据
91 sqcxBsm: row.bsmSqcx 75 queryClick () {
92 }) 76 this.$startLoading();
77 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
78 this.$endLoading();
79 if (res.code === 200) {
80 let { records, total } = res.result;
81 this.tableData.data = records;
82 this.tableData.total = total;
83 }
84 });
85 },
86 handleSort (name, sort) {
87 console.log(name, sort);
88 },
89 handleAdd () {
90 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
91 sqcxBsm: ''
92 })
93 },
94 handleViewClick (row) {
95 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
96 sqcxBsm: row.bsmSqcx
97 })
98 }
93 } 99 }
94 } 100 }
95 }
96 </script> 101 </script>
97 <style scoped lang="scss"> 102 <style scoped lang="scss">
98 @import "~@/styles/public.scss"; 103 @import "~@/styles/public.scss";
99 </style> 104 </style>
......
...@@ -107,18 +107,20 @@ export default { ...@@ -107,18 +107,20 @@ export default {
107 switch (qllx) { 107 switch (qllx) {
108 case 'A04': 108 case 'A04':
109 this.showBatch = true; 109 this.showBatch = true;
110 this.batchButtonName = '批量单元信息'; 110 this.batchButtonName = '房屋批量操作';
111 break; 111 break;
112 case 'B39': 112 case 'B39':
113 this.showBatch = true; 113 this.showBatch = true;
114 this.batchButtonName = '批量查封清单信息'; 114 this.batchButtonName = '查封批量操作';
115 break; 115 break;
116 case 'A37': 116 case 'A37':
117 this.showBatch = true; 117 this.showBatch = true;
118 this.batchButtonName = '批量抵押'; 118 this.batchButtonName = '抵押批量操作';
119 break;
120 case 'B37':
121 this.showBatch = true;
122 this.batchButtonName = '在建工程抵押批量操作';
119 break; 123 break;
120 default:
121 this.batchButtonName = '批量操作';
122 } 124 }
123 } 125 }
124 }, 126 },
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 * @LastEditTime: 2023-06-19 13:16:53 4 * @LastEditTime: 2023-06-19 13:16:53
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm (tabName, djywbm) { 7 export function getForm(tabName, djywbm) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10 case "tdsyqslxx": 10 case "tdsyqslxx":
...@@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { ...@@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) {
31 case "nydsyqslxx100": 31 case "nydsyqslxx100":
32 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); 32 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
33 break; 33 break;
34
35 case "nydsyqslxx200": 34 case "nydsyqslxx200":
36 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); 35 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
37 break; 36 break;
...@@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) { ...@@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) {
66 case "zjgcdyqSlxx": 65 case "zjgcdyqSlxx":
67 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); 66 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
68 break; 67 break;
68 case "batchZjgcdyq":
69 form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
70 break;
69 case "cfdjxx": 71 case "cfdjxx":
70 form = require("@/views/registerBook/cfdj.vue"); 72 form = require("@/views/registerBook/cfdj.vue");
71 break; 73 break;
72 case "tdsyqQlxx": 74 case "tdsyqQlxx":
73 form = require("@/views/registerBook/tdsyq.vue"); 75 form = require("@/views/registerBook/tdsyq.vue");
74 break; 76 break;
75 case "jsydsyqQlxx": 77 case "jsydsyqQlxx":
76 form = require("@/views/registerBook/jsydsyq.vue"); 78 form = require("@/views/registerBook/jsydsyq.vue");
77 break; 79 break;
78 case "nydsyqQlxx": 80 case "nydsyqQlxx":
......
...@@ -32,12 +32,12 @@ ...@@ -32,12 +32,12 @@
32 <el-row :gutter="10" v-if="ruleForm.slsq"> 32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> 35 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item label="登记类型："> 39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> 40 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
43 <el-col :span="8"> 43 <el-col :span="8">
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 <el-col :span="14"> 102 <el-col :span="14">
103 <el-form-item label="共有方式："> 103 <el-form-item label="共有方式：">
104 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" 104 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
105 v-model="ruleForm.sldy.gyfs"> 105 v-model="ruleForm.sldyList[0].gyfs">
106 <el-radio label="0">单独所有</el-radio> 106 <el-radio label="0">单独所有</el-radio>
107 <el-radio label="1">共同共有</el-radio> 107 <el-radio label="1">共同共有</el-radio>
108 <el-radio label="2">按份所有</el-radio> 108 <el-radio label="2">按份所有</el-radio>
...@@ -114,13 +114,13 @@ ...@@ -114,13 +114,13 @@
114 114
115 <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> 115 <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
116 <el-form-item label="是否分别持证："> 116 <el-form-item label="是否分别持证：">
117 <el-radio-group v-model="ruleForm.sldy.sqfbcz"> 117 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
118 <el-radio label="1">是</el-radio> 118 <el-radio label="1">是</el-radio>
119 <el-radio label="0">否</el-radio> 119 <el-radio label="0">否</el-radio>
120 </el-radio-group> 120 </el-radio-group>
121 </el-form-item> 121 </el-form-item>
122 </el-col> 122 </el-col>
123 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 123 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
124 <el-form-item label="持证人："> 124 <el-form-item label="持证人：">
125 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> 125 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
126 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 126 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -192,6 +192,7 @@ export default { ...@@ -192,6 +192,7 @@ export default {
192 ,qlxxList:[]//权利信息集合 192 ,qlxxList:[]//权利信息集合
193 ,sldyList:[]//受理不动产单元集合 193 ,sldyList:[]//受理不动产单元集合
194 ,slsq: {}//受理申请流程明细 194 ,slsq: {}//受理申请流程明细
195 ,flow: {}//受理申请流程明细
195 ,sqrList:[]//申请人 196 ,sqrList:[]//申请人
196 ,ssQlxxList:[]//上手权利信息 197 ,ssQlxxList:[]//上手权利信息
197 ,user:{}//用户 198 ,user:{}//用户
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-29 11:13:35
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -88,46 +88,55 @@ ...@@ -88,46 +88,55 @@
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 <el-input v-model="ruleForm.tdsyq.nydmj"></el-input> 91 <el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
92 </el-form-item> 92 </el-form-item>
93 </el-col> 93 </el-col>
94 <el-col :span="8"> 94 <el-col :span="8">
95 <el-form-item label="耕地面积："> 95 <el-form-item label="耕地面积：">
96 <el-input v-model="ruleForm.tdsyq.gdmj"></el-input> 96 <el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
97 </el-form-item> 97 </el-form-item>
98 </el-col> 98 </el-col>
99 <el-col :span="8"> 99 <el-col :span="8">
100 <el-form-item label="林地面积："> 100 <el-form-item label="林地面积：">
101 <el-input v-model="ruleForm.tdsyq.ldmj"></el-input> 101 <el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
102 </el-form-item> 102 </el-form-item>
103 </el-col> 103 </el-col>
104 </el-row> 104 </el-row>
105 <el-row :gutter="10"> 105 <el-row :gutter="10">
106 <el-col :span="8"> 106 <el-col :span="8">
107 <el-form-item label="草地面积："> 107 <el-form-item label="草地面积：">
108 <el-input v-model="ruleForm.tdsyq.cdmj"></el-input> 108 <el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
109 </el-form-item> 109 </el-form-item>
110 </el-col> 110 </el-col>
111 <el-col :span="8"> 111 <el-col :span="8">
112 <el-form-item label="其他农用地面积："> 112 <el-form-item label="其他农用地面积：">
113 <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input> 113 <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
114 </el-form-item> 114 </el-form-item>
115 </el-col> 115 </el-col>
116 <el-col :span="8"> 116 <el-col :span="8">
117 <el-form-item label="建筑使用面积："> 117 <el-form-item label="建筑使用面积：">
118 <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input> 118 <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 </el-row> 121 </el-row>
122 <el-row :gutter="10"> 122 <el-row :gutter="10">
123 <el-col :span="8"> 123 <el-col :span="8">
124 <el-form-item label="未利用地面积："> 124 <el-form-item label="未利用地面积：">
125 <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input> 125 <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
126 </el-form-item> 126 </el-form-item>
127 </el-col> 127 </el-col>
128 <el-col :span="8"> 128 <el-col :span="8">
129 <el-form-item label="面积单位："> 129 <el-form-item label="面积单位：">
130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> 130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
131 </el-form-item>
132 </el-col>
133
134 <el-col :span="8">
135 <el-form-item label="下拉表格测试：">
136 <select-table v-model="value2" :table-width="600" :props="props" @change="change">
137 <el-table-column prop="id" label="ID" width="180"></el-table-column>
138 <el-table-column prop="user" label="姓名"></el-table-column>
139 </select-table>
131 </el-form-item> 140 </el-form-item>
132 </el-col> 141 </el-col>
133 142
...@@ -203,7 +212,9 @@ ...@@ -203,7 +212,9 @@
203 import { mapGetters } from "vuex" 212 import { mapGetters } from "vuex"
204 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" 213 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
205 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 214 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
215 import selectTable from '@/components/selectTable/index.vue'
206 export default { 216 export default {
217 components: { qlrCommonTable, selectTable },
207 mounted () { 218 mounted () {
208 this.ableOperation = this.$parent.currentSelectTab.ableOperation 219 this.ableOperation = this.$parent.currentSelectTab.ableOperation
209 this.propsParam = this.$attrs; 220 this.propsParam = this.$attrs;
...@@ -222,12 +233,22 @@ ...@@ -222,12 +233,22 @@
222 }) 233 })
223 }) 234 })
224 }, 235 },
225 components: { qlrCommonTable }, 236
226 computed: { 237 computed: {
227 ...mapGetters(["dictData", "flag"]) 238 ...mapGetters(["dictData", "flag"])
228 }, 239 },
229 data () { 240 data () {
230 return { 241 return {
242 value2: {
243 id: "520000198407304275",
244 user: "史平"
245 },
246 props: {
247 label: 'user',
248 value: 'id',
249 keyword: "keyword"
250 },
251
231 //表单是否可操作 252 //表单是否可操作
232 ableOperation: true, 253 ableOperation: true,
233 key: 0, 254 key: 0,
...@@ -241,6 +262,7 @@ ...@@ -241,6 +262,7 @@
241 } 262 }
242 }, 263 },
243 methods: { 264 methods: {
265 change () { },
244 // 更新权利人信息 266 // 更新权利人信息
245 upDateQlrxxList (val) { 267 upDateQlrxxList (val) {
246 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 268 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form class="loadingtext" :label-position="flag ? 'top' : ''"
5 :inline="flag" label-width="140px">
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10">
12 <el-col :span="8">
13 <el-form-item label="业务号：">
14 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item label="受理人员：">
19 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item label="受理时间：">
24 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item label="权利类型1：">
31 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记情形：">
41 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 抵押户信息列表信息
47 <div class="triangle"></div>
48 </div>
49
50 <div class="slxx_title title-block">
51 抵押信息
52 <div class="triangle"></div>
53 </div>
54
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item label="抵押方式：">
58 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
59 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
60 <el-radio label="1">一般抵押</el-radio>
61 <el-radio label="2">最高额抵押</el-radio>
62 </el-radio-group>
63 </el-form-item>
64 </el-col>
65 <el-col :span="16">
66 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
67 <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz">
68 <el-radio label="1">启用</el-radio>
69 <el-radio label="0">禁用</el-radio>
70 </el-radio-group>
71 </el-form-item>
72 </el-col>
73 </el-row>
74
75 <el-row :gutter="10">
76 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
77 <el-form-item label="被担保主债权数额：">
78 <el-input v-model="ruleForm.diyaqList[0].bdbzzqse"></el-input>
79 </el-form-item>
80 </el-col>
81
82 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
83 <el-form-item label="最高债权额：">
84 <el-input v-model="ruleForm.diyaqList[0].zgzqse"></el-input>
85 </el-form-item>
86 </el-col>
87
88 <el-col :span="8">
89 <el-form-item label="债务履行起始时间：">
90 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" type="date">
91 </el-date-picker>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="债务履行结束时间：">
96 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" type="date">
97 </el-date-picker>
98 </el-form-item>
99 </el-col>
100 </el-row>
101
102 <el-row>
103 <el-col :span="24">
104 <el-form-item label="担保范围：">
105 <el-input v-model="ruleForm.diyaqList[0].dbfw"
106 :disabled="$route.query.viewtype == 1 || ruleForm.sldyList[0].djlx == '300'"></el-input>
107 </el-form-item>
108 </el-col>
109 </el-row>
110 <el-row>
111 <el-col :span="24">
112 <el-form-item label="最高债权确定事实和数额：">
113 <el-input v-model="ruleForm.diyaqList[0].zgzqqdss"></el-input>
114 </el-form-item>
115 </el-col>
116 </el-row>
117 <el-row>
118 <el-col>
119 <el-form-item label="附记：" prop="fj">
120 <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="$route.query.viewtype == 1"></el-input>
121 </el-form-item>
122 </el-col>
123 </el-row>
124
125 <div class="slxx_title title-block">
126 抵押权人信息
127 <div class="triangle"></div>
128 </div>
129 <el-row :gutter="10">
130 <el-col :span="14">
131 <el-form-item label="共有方式：">
132 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldyList[0].gyfs">
133 <el-radio label="0">单独所有</el-radio>
134 <el-radio label="1">共同共有</el-radio>
135 <el-radio label="2">按份所有</el-radio>
136 <el-radio label="3">其它共有</el-radio>
137 </el-radio-group>
138 </el-form-item>
139 </el-col>
140 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
141 <el-form-item label="是否分别持证：">
142 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
143 <el-radio label="1">是</el-radio>
144 <el-radio label="0">否</el-radio>
145 </el-radio-group>
146 </el-form-item>
147 </el-col>
148 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
149 <el-form-item label="持证人：">
150 <el-select v-model="ruleForm.czr" placeholder="持证人">
151 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
152 </el-option>
153 </el-select>
154 </el-form-item>
155 </el-col>
156 </el-row>
157 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
158 :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldyList[0].gyfs" />
159 <div class="slxx_title title-block">
160 抵押人信息
161 <div class="triangle"></div>
162 </div>
163 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
164 :viewtype="$route.query.viewtype" />
165
166 <div class="slxx_title title-block">
167 登记原因
168 <div class="triangle"></div>
169 </div>
170 <el-row :gutter="10">
171 <el-col>
172 <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy">
173 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
174 v-model="ruleForm.diyaqList[0].zxdyyy">
175 </el-input>
176 </el-form-item>
177 <el-form-item v-else label="登记原因：" prop="djyy">
178 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
179 v-model="ruleForm.diyaqList[0].djyy">
180 </el-input>
181 </el-form-item>
182 </el-col>
183 </el-row>
184
185 </div>
186 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
187 <el-form-item>
188 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
189 </el-form-item>
190 </el-row>
191 </el-form>
192 </div>
193 </template>
194 <script>
195 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
196 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
197 import { mapGetters } from "vuex";
198 export default {
199 created () {
200 this.ableOperation = this.$parent.currentSelectTab.ableOperation
201 this.propsParam = this.$attrs;
202 var formdata = new FormData();
203
204 this.$startLoading();
205 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
206 formdata.append("djlx", this.propsParam.djlx);
207 formdata.append("isEdit", this.ableOperation);
208 bacthInit(formdata).then((res) => {
209 if (res.code === 200 && res.result) {
210 // this.$nextTick(()=>{this.ruleForm = res.result;})
211 this.ruleForm = res.result;
212 console.log(this.ruleForm);
213 this.$endLoading();
214 }
215 })
216 },
217 components: { qlrCommonTable },
218 computed: {
219 ...mapGetters(["dictData", "flag"]),
220 },
221 data () {
222 return {
223 //表单是否可操作
224 ableOperation: true,
225 disabled: true,
226 czrOptions: [],
227 ruleForm: {
228 // cfdjList:[]//查封登记
229 // ,diyaqList:[]//抵押权
230 // ,fdcq2List:[]//房屋信息集合
231 // ,qlrList:[]//权利人
232 // ,ywrList:[]//义务人
233 // ,qlxxList:[]//权利信息集合
234 // ,sldyList:[]//受理不动产单元集合
235 // ,slsq: {}//受理申请流程明细
236 // ,flow: {}//受理申请流程明细
237 // ,sqrList:[]//申请人
238 // ,ssQlxxList:[]//上手权利信息
239 // ,user:{}//用户
240 // ,zdjbxx: {}//宗地基本信息
241 },
242 //传递参数
243 propsParam: {},
244 rules: {},
245 };
246 },
247 methods: {
248 onSubmitClick () {
249 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
250 if (res.code === 200) {
251 this.$message({
252 showClose: true,
253 message: "保存成功！",
254 type: "success",
255 });
256 this.$store.dispatch('user/refreshPage', true);
257 } else {
258 this.$message({
259 showClose: true,
260 message: res.message,
261 type: "error",
262 });
263 }
264 });
265 },
266
267 // 更新权利人信息
268 upDateQlrxxList (val) {
269 if (!_.isEqual(val, this.ruleForm.qlrList)) {
270 this.ruleForm.qlrList = _.cloneDeep(val);
271 }
272 },
273 // 更新义务人信息
274 upDateYwrxxList (val) {
275 if (!_.isEqual(val, this.ruleForm.ywrList)) {
276 this.ruleForm.ywrList = _.cloneDeep(val);
277 }
278 }
279 }
280 };
281 </script>
282 <style scoped lang='scss'>
283 @import "~@/styles/public.scss";
284 @import "~@/styles/slxx/slxx.scss";
285 </style>
...@@ -43,41 +43,40 @@ ...@@ -43,41 +43,40 @@
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
45 <div class="slxx_title title-block"> 45 <div class="slxx_title title-block">
46 抵押房屋信息情况 46 抵押户信息情况
47 <div class="triangle"></div> 47 <div class="triangle"></div>
48 </div> 48 </div>
49
50 <el-row :gutter="10"> 49 <el-row :gutter="10">
51 <el-col :span="8"> 50 <el-col :span="8">
52 <el-form-item label="权利人："> 51 <el-form-item label="房屋用途：">
53 <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input> 52 <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input>
54 </el-form-item> 53 </el-form-item>
55 </el-col> 54 </el-col>
56 <el-col :span="8"> 55 <el-col :span="8">
57 <el-form-item label="证件号："> 56 <el-form-item label="房屋性质：">
58 <el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input> 57 <el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input>
59 </el-form-item> 58 </el-form-item>
60 </el-col> 59 </el-col>
61 <el-col :span="8"> 60 <el-col :span="8">
62 <el-form-item label="证件种类："> 61 <el-form-item label="房屋结构：">
63 <el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input> 62 <el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input>
64 </el-form-item> 63 </el-form-item>
65 </el-col> 64 </el-col>
66 </el-row> 65 </el-row>
67 <el-row :gutter="10"> 66 <el-row :gutter="10">
68 <el-col :span="8"> 67 <el-col :span="8">
69 <el-form-item label="权利类型："> 68 <el-form-item label="建筑面积：">
70 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 69 <el-input disabled v-model="ruleForm.qjh.jzmj"></el-input>
71 </el-form-item> 70 </el-form-item>
72 </el-col> 71 </el-col>
73 <el-col :span="8"> 72 <el-col :span="8">
74 <el-form-item label="不动产权证号："> 73 <el-form-item label="套内建筑面积：">
75 <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> 74 <el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input>
76 </el-form-item> 75 </el-form-item>
77 </el-col> 76 </el-col>
78 <el-col :span="8"> 77 <el-col :span="8">
79 <el-form-item label="坐落："> 78 <el-form-item label="分摊建筑面积：">
80 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> 79 <el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input>
81 </el-form-item> 80 </el-form-item>
82 </el-col> 81 </el-col>
83 </el-row> 82 </el-row>
...@@ -88,13 +87,13 @@ ...@@ -88,13 +87,13 @@
88 </el-form-item> 87 </el-form-item>
89 </el-col> 88 </el-col>
90 <el-col :span="8"> 89 <el-col :span="8">
91 <el-form-item label="面积："> 90 <el-form-item label="室号部位：">
92 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> 91 <el-input disabled v-model="ruleForm.qjh.shbw"></el-input>
93 </el-form-item> 92 </el-form-item>
94 </el-col> 93 </el-col>
95 <el-col :span="8"> 94 <el-col :span="8">
96 <el-form-item label="用途："> 95 <el-form-item label="坐落：">
97 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> 96 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
98 </el-form-item> 97 </el-form-item>
99 </el-col> 98 </el-col>
100 </el-row> 99 </el-row>
...@@ -254,14 +253,13 @@ ...@@ -254,14 +253,13 @@
254 var formdata = new FormData(); 253 var formdata = new FormData();
255 this.$startLoading(); 254 this.$startLoading();
256 formdata.append("bsmSldy", this.propsParam.bsmSldy); 255 formdata.append("bsmSldy", this.propsParam.bsmSldy);
257 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
258 formdata.append("djlx", this.propsParam.djlx); 256 formdata.append("djlx", this.propsParam.djlx);
259 formdata.append("isEdit", this.ableOperation); 257 formdata.append("isEdit", this.ableOperation);
260 Init(formdata).then((res) => { 258 Init(formdata).then((res) => {
261 if (res.code === 200 && res.result) { 259 if (res.code === 200 && res.result) {
262 this.ruleForm = res.result; 260 this.ruleForm = res.result;
263 this.$endLoading(); 261 this.$endLoading();
264 this.ruleForm.diyaq.sfczjzhxz = "0"; 262 //this.ruleForm.diyaq.sfczjzhxz = "0";
265 } 263 }
266 }) 264 })
267 }, 265 },
...@@ -275,12 +273,7 @@ ...@@ -275,12 +273,7 @@
275 ableOperation: true, 273 ableOperation: true,
276 disabled: true, 274 disabled: true,
277 czrOptions: [], 275 czrOptions: [],
278 ruleForm: { 276 ruleForm: {},
279 slywxx: {},
280 qlxxold: {},
281 diyaq: {},
282 gyfs: "",
283 },
284 //传递参数 277 //传递参数
285 propsParam: {}, 278 propsParam: {},
286 rules: {}, 279 rules: {},
......
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <el-row>
7 <el-col :span="8">
8 <el-form-item label="不动产单元号">
9 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable maxlength="28" class="width100">
10 </el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="10">
14 <el-form-item label="不动产权证号">
15 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 </el-row>
20 <el-row>
21 <el-col :span="8">
22 <el-form-item label="权利人">
23 <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable class="width100">
24 </el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="10">
28 <el-form-item label="坐落">
29 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
30 </el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="6" class="btnColRight">
34 <el-form-item>
35 <el-button type="primary" @click="resetForm(true)">重置</el-button>
36 <el-button type="primary" @click="handleSearch">查询</el-button>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 </el-form>
41 </div>
42 <!-- 表格 -->
43 <div class="from-clues-content loadingtext">
44 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
45 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
46 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
47 :data="tableData.data">
48 </lb-table>
49 </div>
50 <div class="submit_button">
51 <el-button @click="$popupCacel">取消</el-button>
52 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
53 </div>
54 </div>
55 </template>
56 <script>
57 //首次登记
58 import store from '@/store/index.js'
59 import { datas, sendThis } from "../javascript/selectTdsyq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table";
62 import jump from "./mixin/jump";
63 import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js";
64 export default {
65 mixins: [table, jump],
66 props: {
67 isJump: { type: Boolean, default: false },
68 sqywInfo: { type: Object, default: () => { } },
69 },
70 data () {
71 return {
72 queryForm: defaultParameters.defaultParameters(),
73 tableData: {
74 total: 0,
75 columns: datas.columns(),
76 data: []
77 },
78 bdcdysz: []
79 }
80 },
81 mounted () {
82 sendThis(this);
83 },
84 methods: {
85 queryClick () {
86 this.$startLoading();
87 this.queryForm.sqywbm = this.sqywInfo.djywbm;
88 selectTdsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
89 this.$endLoading();
90 if (res.code === 200) {
91 let { total, records } = res.result;
92 this.tableData.total = total;
93 this.tableData.data = records;
94 }
95 });
96 },
97 submitForm () {
98 if (this.bdcdysz.length == 0) {
99 this.$message.error("请至少选择一条数据");
100 return;
101 }
102 startBusinessFlow({
103 bsmSqyw: this.sqywInfo.parentid,
104 bdcdysz: this.bdcdysz,
105 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
106 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
107 }).then((res) => {
108 if (res.code == 200) {
109 this.$message({
110 showClose: true,
111 message: "发起申请成功",
112 type: "success",
113 });
114 if (!this.isJump) {
115 this.jump(res.result, this.sqywInfo.djywbm);
116 } else {
117 store.dispatch('user/refreshPage', true);
118 }
119 this.$popupCacel()
120 } else {
121 this.$message.error(res.message);
122 }
123 })
124 },
125 handleSelectionChange (val) {
126 this.bdcdysz = val;
127 },
128 openBook (row) {
129 var param = {
130 bdcdyid: row.bdcdyid,
131 qllx: row.qllx,
132 bdcdyh: row.bdcdyh,
133 bsmQlxx: row.bsmQlxx,
134 };
135 this.$popup("登记簿详情", "registerBook/djbFrame", {
136 formData: param
137 })
138 },
139 select (selection, row) {
140 if (this.sqywInfo.sqywdylx == "1") {
141 // 清除 所有勾选项
142 this.$refs.table.clearSelection()
143 // 当表格数据都没有被勾选的时候 就返回
144 // 主要用于将当前勾选的表格状态清除
145 if (selection.length == 0) return
146 this.$refs.table.toggleRowSelection(row, true);
147 }
148 },
149 handleRowClick (row) {
150 // 如果状态是1，那就是单选
151 if (this.sqywInfo.sqywdylx == "1") {
152 const bdcdysz = this.bdcdysz
153 this.$refs.table.clearSelection()
154 if (bdcdysz.length == 1) {
155 bdcdysz.forEach(item => {
156 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
157 if (item == row) {
158 this.$refs.table.toggleRowSelection(row, false);
159 }
160 // 不然就让当前的一行勾选
161 else {
162 this.$refs.table.toggleRowSelection(row, true);
163 }
164 })
165 }
166 else {
167 this.$refs.table.toggleRowSelection(row, true);
168 }
169 } else {
170 this.$refs.table.toggleRowSelection(row);
171 }
172 },
173 }
174 }
175 </script>
176 <style scoped lang="scss">
177 @import "~@/styles/mixin.scss";
178 @import "~@/styles/public.scss";
179 </style>
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:24 4 * @LastEditTime: 2023-05-17 10:37:24
...@@ -88,11 +88,11 @@ class data extends filter { ...@@ -88,11 +88,11 @@ class data extends filter {
88 prop: "mjmc", 88 prop: "mjmc",
89 width: '100', 89 width: '100',
90 label: "使用权面积", 90 label: "使用权面积",
91 }, 91 },
92 { 92 {
93 prop: "ytmc", 93 prop: "ytmc",
94 label: "土地用途", 94 label: "土地用途",
95 }, 95 },
96 { 96 {
97 prop: "qdjgmc", 97 prop: "qdjgmc",
98 width: '100', 98 width: '100',
......
1 /*
2 * @Description: 土地所有权对象处理
3 * @Autor: ssq
4 * @LastEditTime: 2023年06月28日 11:08:58
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 type: 'selection',
20 label: '全选',
21 selectable: this.selected
22 },
23 {
24 label: '序号',
25 type: 'index',
26 width: '50',
27 render: (h, scope) => {
28 return (
29 <div>
30 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
31 </div>
32 )
33 }
34 },
35 {
36 label: "状态",
37 width: '130',
38 render: (h, scope) => {
39 return (
40 <div>
41 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
42 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
43 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
44 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
45 <span v-show={scope.row.cfzt == 1}>,已查封</span>
46 <span v-show={scope.row.diyizt == 1}>,已地役</span>
47 <span v-show={scope.row.yyzt == 1}>,异议中</span>
48 <span v-show={scope.row.xzzt == 1}>,已限制</span>
49 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
50 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
51 <span v-show={scope.row.dyzt == 1}>,已抵押</span>
52 </div>
53 )
54 }
55 },
56 {
57 prop: "qllxmc",
58 label: "权利类型",
59 },
60 {
61 prop: "bdcdyh",
62 label: "不动产单元号",
63 minWidth: '150'
64 },
65 {
66 prop: "bdcqzh",
67 label: "不动产权证号",
68 minWidth: '150'
69 },
70 {
71 prop: "gyqk",
72 label: "共有方式",
73 },
74 {
75 prop: "qlrmc",
76 label: "使用权人",
77 },
78 {
79 prop: "qlrzjhm",
80 label: "证件号",
81 },
82 {
83 prop: "qlxzmc",
84 width: '80',
85 label: "权利性质",
86 },
87 {
88 prop: "mjmc",
89 width: '100',
90 label: "使用权面积",
91 },
92 {
93 prop: "ytmc",
94 label: "土地用途",
95 },
96 {
97 prop: "zl",
98 label: "坐落",
99 minWidth: '150'
100 },
101 {
102 label: '操作',
103 width: '80',
104 align: 'center',
105 fixed: 'right',
106 render: (h, scope) => {
107 return (
108 <div>
109 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
110 </div>
111 )
112 }
113 },
114 ]
115 }
116
117
118 }
119 let datas = new data()
120 export {
121 datas,
122 sendThis
123 }
...@@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) { ...@@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) {
15 case "A07100"://集体建设用地使用权（首次登记） 15 case "A07100"://集体建设用地使用权（首次登记）
16 vm = "selectQjzdjbxx"; 16 vm = "selectQjzdjbxx";
17 break; 17 break;
18 case "A01200":
19 case "A01300":
20 case "A01400":
21 case "A02200":
22 case "A02300":
23 case "A02400":
24 vm = "selectTdsyq";
25 break;
18 case "A03200": 26 case "A03200":
19 case "A03300": 27 case "A03300":
20 case "A03400": 28 case "A03400":
......