Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
262434d4 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 233c9ff3 c646aad6
Inline Side-by-side
Showing 60 changed files with 6282 additions and 645 deletions
...@@ -47,7 +47,6 @@ ...@@ -47,7 +47,6 @@
47 </template> 47 </template>
48 48
49 <script> 49 <script>
50 import { log } from 'bpmn-js-token-simulation'
51 import LbColumn from './lb-column' 50 import LbColumn from './lb-column'
52 export default { 51 export default {
53 props: { 52 props: {
......
...@@ -66,6 +66,14 @@ export const constantRoutes = [ ...@@ -66,6 +66,14 @@ export const constantRoutes = [
66 hidden: true, 66 hidden: true,
67 meta: { title: '发起申请' } 67 meta: { title: '发起申请' }
68 }, 68 },
69 // 打印登记簿
70 {
71 path: '/printdjb',
72 component: () => import('@/views/printdjb/printdjb.vue'),
73 name: 'printdjb',
74 hidden: true,
75 meta: { title: '打印登记簿' }
76 },
69 { 77 {
70 path: '/', 78 path: '/',
71 component: Layout, 79 component: Layout,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-01 17:33:26 4 * @LastEditTime: 2023-09-01 13:30:54
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -245,8 +245,6 @@ ...@@ -245,8 +245,6 @@
245 this.isaddupdate = true; 245 this.isaddupdate = true;
246 } 246 }
247 }, 247 },
248
249 // 删除
250 /** 248 /**
251 * @description: 删除 249 * @description: 删除
252 * @param {*} index 250 * @param {*} index
...@@ -254,7 +252,8 @@ ...@@ -254,7 +252,8 @@
254 * @author: renchao 252 * @author: renchao
255 */ 253 */
256 deleClick (index, row) { 254 deleClick (index, row) {
257 this.tableData.splice(index, 1); 255 this.tableDataList.splice(index, 1);
256 this.$emit("upDateQlrxxList", this.tableDataList);
258 }, 257 },
259 258
260 // 身份证读取 259 // 身份证读取
...@@ -280,7 +279,7 @@ ...@@ -280,7 +279,7 @@
280 * @author: renchao 279 * @author: renchao
281 */ 280 */
282 editClick (index, row) { 281 editClick (index, row) {
283 this.details.gyfs=this.gyfs 282 this.details.gyfs = this.gyfs
284 this.dataIndex = index; 283 this.dataIndex = index;
285 this.details = row; 284 this.details = row;
286 this.dialog = true; 285 this.dialog = true;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-01 18:19:57 4 * @LastEditTime: 2023-09-01 13:43:42
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -237,15 +237,15 @@ ...@@ -237,15 +237,15 @@
237 * @author: renchao 237 * @author: renchao
238 */ 238 */
239 addClick () { 239 addClick () {
240 if (this.gyfs == "0" && this.tableDataList.length > 0) { 240 // if (this.gyfs == "0" && this.tableDataList.length > 0) {
241 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人"); 241 // this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
242 } else { 242 // } else {
243 // this.dialog = true;
244 // this.isaddupdate = true;
245 // }
243 this.dialog = true; 246 this.dialog = true;
244 this.isaddupdate = true; 247 this.isaddupdate = true;
245 }
246 }, 248 },
247
248 // 删除
249 /** 249 /**
250 * @description: 删除 250 * @description: 删除
251 * @param {*} index 251 * @param {*} index
...@@ -253,7 +253,8 @@ ...@@ -253,7 +253,8 @@
253 * @author: renchao 253 * @author: renchao
254 */ 254 */
255 deleClick (index, row) { 255 deleClick (index, row) {
256 this.tableData.splice(index, 1); 256 this.tableDataList.splice(index, 1);
257 this.$emit("upDateQlrxxList", this.tableDataList);
257 }, 258 },
258 259
259 // 身份证读取 260 // 身份证读取
...@@ -271,7 +272,7 @@ ...@@ -271,7 +272,7 @@
271 * @author: renchao 272 * @author: renchao
272 */ 273 */
273 editClick (index, row) { 274 editClick (index, row) {
274 this.details.gyfs=this.gyfs 275 this.details.gyfs = this.gyfs
275 this.details = row; 276 this.details = row;
276 this.dataIndex = index; 277 this.dataIndex = index;
277 this.dialog = true; 278 this.dialog = true;
......
...@@ -9,17 +9,14 @@ ...@@ -9,17 +9,14 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{ readonly: editDisabled }" 12 v-Loading="loading"
13 class="loadingtext"
14 ref="ruleForm" 13 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
16 :inline="flag" 15 :inline="flag"
17 label-width="145px" 16 label-width="190px">
18 inline-message
19 :show-message="false">
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
22 补录信息 19 申请业务信息
23 <div class="triangle"></div> 20 <div class="triangle"></div>
24 </div> 21 </div>
25 <el-row :gutter="10"> 22 <el-row :gutter="10">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:27:45
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 v-Loading="loading"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="190px">
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block">
19 申请业务信息
20 <div class="triangle"></div>
21 </div>
22 <el-row :gutter="10">
23 <el-col :span="8">
24 <el-form-item label="补录编号：">
25 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item label="补录人员：">
30 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="8">
34 <el-form-item label="补录时间：">
35 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 <div class="slxx_title title-block bdcqk">
40 建设用地、宅基地使用权信息
41 <div class="count" v-if="ssqlxxshow">
42 <el-form-item
43 label="上手权利信息："
44 prop="ssQlxx.bdcqzh"
45 :rules="rules.ssQlxxrules">
46 <select-table
47 v-model="ruleForm.ssQlxx"
48 :table-width="730"
49 :tableData="ssQlxxList"
50 :props="props"
51 @change="ssQlxxchange">
52 <el-table-column
53 prop="qllxmc"
54 width="130"
55 label="权利类型"></el-table-column>
56 <el-table-column
57 prop="bdcqzh"
58 width="160"
59 label="不动产权证书"></el-table-column>
60 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
61 <el-table-column prop="mjmc" label="面积"></el-table-column>
62 <el-table-column prop="ytmc" label="用途"></el-table-column>
63 <el-table-column prop="zl" label="坐落"></el-table-column>
64 </select-table>
65 </el-form-item>
66 </div>
67 <div class="triangle"></div>
68 </div>
69 <el-row :gutter="10">
70 <el-col :span="8">
71 <el-form-item label="不动产单元号：">
72 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item
77 label="业务号："
78 prop="qlxx.ywh"
79 :rules="rules.ywhrules">
80 <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.ywh"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item label="上手业务号：">
85 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
86 </el-form-item>
87 </el-col>
88 </el-row>
89 <el-row :gutter="10">
90 <el-col :span="8">
91 <el-form-item label="权利类型：">
92 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item
97 label="登记类型："
98 prop="qlxx.djlx"
99 :rules="rules.djlxrules">
100 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
101 <el-option
102 v-for="item in djlxlist"
103 :key="item.dcode"
104 :label="item.dname"
105 :value="item.dcode">
106 </el-option>
107 </el-select>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="权属状态：">
112 <el-select v-model="ruleForm.qlxx.qszt">
113 <el-option
114 v-for="item in qsztlist"
115 :key="item.dcode"
116 :label="item.dname"
117 :value="item.dcode">
118 </el-option>
119 </el-select>
120 </el-form-item>
121 </el-col>
122
123 <el-col :span="8">
124 <el-form-item label="登记原因：">
125 <el-input v-model="ruleForm.jsydsyq.djyy"></el-input>
126 </el-form-item>
127 </el-col>
128 <!-- <el-col :span="8">
129 <el-form-item label="房地坐落：">
130 <el-input v-model="ruleForm.qlxx.zl"></el-input>
131 </el-form-item>
132 </el-col> -->
133 <el-col :span="8">
134 <el-form-item label="使用权面积：">
135 <div class="flex">
136 <el-input
137 maxlength="12"
138 v-model="ruleForm.jsydsyq.syqmj"
139 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
140 <el-select disabled v-model="mjdw" style="width: 68px">
141 <el-option
142 v-for="item in dictData['A7']"
143 :key="item.dcode"
144 :label="item.dname"
145 :value="item.dcode">
146 </el-option>
147 </el-select>
148 </div>
149 </el-form-item>
150 </el-col>
151 <el-col :span="8">
152 <el-form-item label="使用权起止时间：">
153 <el-input maxlength="20" v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
154 </el-form-item>
155 </el-col>
156 <el-col :span="8">
157 <el-form-item label="土地使用期限：">
158 <el-input maxlength="10" v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
159 </el-form-item>
160 </el-col>
161 <el-col :span="8">
162 <el-form-item label="取得价格：">
163 <div style="display: flex">
164 <el-input
165 maxlength="11"
166 v-model="ruleForm.jsydsyq.qdjg"
167 style="width: 500%"></el-input>
168 <el-select v-model="ruleForm.jsydsyq.jedw">
169 <el-option
170 v-for="item in dictData['A57']"
171 :key="item.dcode"
172 :label="item.dname"
173 :value="item.dcode">
174 </el-option>
175 </el-select>
176 </div>
177 </el-form-item>
178 </el-col>
179
180 <el-col :span="8">
181 <el-form-item
182 label="不动产权证号："
183 prop="qlxx.bdcqzh"
184 :rules="rules.bdcqzhrules">
185 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
186 </el-form-item>
187 </el-col>
188 <!-- <el-col :span="8">
189 <el-form-item
190 label="区县代码："
191 prop="qlxx.qxdm"
192 :rules="rules.qxdmrules"
193 >
194 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
195 </el-form-item>
196 </el-col> -->
197 <el-col :span="8">
198 <el-form-item
199 label="登记机构："
200 prop="qlxx.djjg"
201 :rules="rules.djjgrules">
202 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
203 </el-form-item>
204 </el-col>
205 <el-col :span="8">
206 <el-form-item
207 label="登簿人："
208 prop="qlxx.dbr"
209 :rules="rules.dbrrules">
210 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
211 </el-form-item>
212 </el-col>
213 <el-col :span="8">
214 <el-form-item
215 label="登记时间："
216 prop="qlxx.djsj"
217 :rules="rules.djsjrules">
218 <el-date-picker
219 v-model="ruleForm.qlxx.djsj"
220 type="date"
221 class="width100"
222 placeholder="选择日期"
223 value-format="yyyy-MM-dd HH:mm:ss"
224 format="yyyy-MM-dd">
225 </el-date-picker>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <el-row>
230 <el-col :span="24">
231 <el-form-item label="附记：">
232 <el-input v-model="ruleForm.jsydsyq.fj" type="textarea" maxlength="500" show-word-limit></el-input>
233 </el-form-item>
234 </el-col>
235 </el-row>
236 <div class="slxx_title title-block">
237 土地用途
238 <div class="triangle"></div>
239 </div>
240 <tdytTable
241 :tableData="ruleForm.tdytqxList"
242 @upDateTdytxxList="upDateTdytxxList"
243 :ableOperation="ableOperation" />
244 <div class="slxx_title title-block">
245 权利人信息
246 <div class="triangle"></div>
247 </div>
248 <el-row :gutter="10">
249 <el-col :span="12">
250 <el-form-item label="共有方式：">
251 <el-radio-group
252 :disabled="!ableOperation"
253 v-model="ruleForm.qlxx.gyfs">
254 <el-radio label="0">单独所有</el-radio>
255 <el-radio label="1">共同共有</el-radio>
256 <el-radio label="2">按份所有</el-radio>
257 <el-radio label="3">其它共有</el-radio>
258 </el-radio-group>
259 </el-form-item>
260 </el-col>
261 </el-row>
262 <qlrCommonTable
263 :tableData="ruleForm.qlrData"
264 @upDateQlrxxList="upDateQlrxxList"
265 :key="key"
266 :ableOperation="ableOperation"
267 :gyfs="ruleForm.qlxx.gyfs" />
268 </div>
269 <el-row class="btn" v-if="ableOperation">
270 <el-form-item>
271 <el-button type="primary" @click="onSubmit">保存</el-button>
272 </el-form-item>
273 </el-row>
274 </el-form>
275 </div>
276 </template>
277 <script>
278 import { mapGetters } from "vuex";
279 import store from "@/store/index.js";
280 import ywmix from "@/views/ywbl/mixin/index";
281 import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
282 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
283 import tdytTable from "@/views/workflow/components/tdytTable";
284 import selectTable from "@/components/selectTable/index.vue";
285 export default {
286 mixins: [ywmix],
287 components: { qlrCommonTable, tdytTable, selectTable },
288 computed: {
289 ...mapGetters(["dictData", "flag"]),
290 // 根据流程判断表单是否为只读
291 editDisabled () {
292 if (!this.ableOperation) {
293 //只读状态
294 return true;
295 }
296 return false;
297 },
298 },
299 data () {
300 return {
301 mjdw: "1",
302 ssqlxxshow: true,
303 props: {
304 label: "bdcqzh",
305 value: "bdcdyid",
306 },
307 // 键名转换，方法默认是label和children进行树状渲染
308 normalizer (node) {
309 //方法
310 if (node.children == null || node.children == "null") {
311 delete node.children;
312 }
313 return {
314 id: node.dcode,
315 label: node.dname,
316 };
317 },
318 //表单是否可操作
319 propsParam: this.$attrs,
320 ableOperation: false,
321 key: 0,
322 ssQlxxList: [],
323 // 登记类型
324 djlxlist: [
325 {
326 dcode: "100",
327 dname: "首次登记",
328 },
329 {
330 dcode: "200",
331 dname: "转移登记",
332 },
333 {
334 dcode: "300",
335 dname: "变更登记",
336 },
337 {
338 dcode: "500",
339 dname: "更正登记",
340 },
341
342 {
343 dcode: "901",
344 dname: "补证",
345 },
346 {
347 dcode: "902",
348 dname: "换证",
349 },
350 ],
351 // 权属状态
352 qsztlist: [
353 {
354 dcode: "1",
355 dname: "现势",
356 },
357 {
358 dcode: "2",
359 dname: "历史",
360 },
361 ],
362 tdxz: null,
363 isShow: false,
364 disabled: true,
365 czrOptions: [],
366 ruleForm: {},
367 //传递参数\
368 rules: {
369 ssQlxxrules: [
370 { required: true, message: "上手权利信息", trigger: "blur" },
371 ],
372 bdcqzhrules: [
373 { required: true, message: "不动产权证号：", trigger: "blur" },
374 ],
375 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
376 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
377 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
378 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
379 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
380 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
381 },
382 };
383 },
384 created () {
385 this.loadData();
386 },
387 mounted () {
388 this.ableOperation = this.$parent.ableOperation;
389 },
390 methods: {
391 /**
392 * @description: ssQlxxchange
393 * @param {*} val
394 * @author: renchao
395 */
396 ssQlxxchange (val) {
397 this.ruleForm.ssQlxx = val;
398 this.ruleForm.qlxx.ssywh = val.ywh;
399 this.ssQlxxchangediolog(val);
400 },
401 // 弹框事件
402 ssQlxxchangediolog (val) {
403 this.$confirm("是否将上手权利信息同步到表单", "提示", {
404 iconClass: "el-icon-question", //自定义图标样式
405 confirmButtonText: "确认", //确认按钮文字更换
406 cancelButtonText: "取消", //取消按钮文字更换
407 showClose: true, //是否显示右上角关闭按钮
408 type: "warning",
409 }).then(() => {
410 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
411 if (res.code == 200) {
412 this.nowlist = res.result;
413 for (var key in this.ruleForm.jsydsyq) {
414 if (
415 this.ruleForm.jsydsyq[key] == "" ||
416 this.ruleForm.jsydsyq[key] == null
417 ) {
418 this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key];
419 }
420 }
421 for (var key in this.ruleForm.qlxx) {
422 if (
423 this.ruleForm.qlxx[key] == "" ||
424 this.ruleForm.qlxx[key] == null &&
425 key != "ywh" &&
426 key != "dbr" &&
427 key != "djsj" &&
428 key != "ssywh" &&
429 key != "ssywh" &&
430 key != "bdcqzh") {
431 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
432
433 }
434 }
435 if (!this.ruleForm.tdytqxList.length) {
436 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
437 }
438 if (!this.ruleForm.qlrData.length) {
439 this.ruleForm.qlrData = this.nowlist.qlrData;
440 }
441 if (!this.ruleForm.ywrData.length) {
442 this.ruleForm.ywrData = this.nowlist.ywrData;
443 }
444 this.$message({
445 type: "success",
446 message: "同步成功!",
447 });
448 }
449 });
450 }).catch(() => {
451 this.$message({
452 type: "info",
453 message: "已取消同步",
454 });
455 });
456 },
457 /**
458 * @description: djlxchange
459 * @param {*} val
460 * @author: renchao
461 */
462 djlxchange (val) {
463 if (val == null || val == 100) {
464 this.ssqlxxshow = false;
465 } else {
466 this.ssqlxxshow = true;
467 }
468 },
469 // 字典
470 /**
471 * @description: 字典
472 * @param {*} val
473 * @author: renchao
474 */
475 getDictData (val) {
476 return store.getters.dictData[val];
477 },
478 /**
479 * @description: loadData
480 * @author: renchao
481 */
482 loadData () {
483 this.$startLoading();
484 this.propsParam.isEdit = this.$parent.isEdit;
485 init(this.propsParam).then((res) => {
486 if (res.code == 200) {
487 this.ruleForm = res.result;
488 let djlx = this.ruleForm.qlxx.djlx;
489 if (djlx == null || djlx == 100) {
490 this.ssqlxxshow = false;
491 }
492 this.$endLoading();
493 if (this.ruleForm.tdytqxList.length > 0) {
494 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
495 } else {
496 this.tdxz = null;
497 }
498 this.isShow = true;
499 //获取主体信息
500 getSsQlxx({
501 bdcdyid: this.propsParam.bdcdyid,
502 qllx: this.propsParam.qllx,
503 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
504 }).then((res) => {
505 if (res.code == 200) {
506 this.ssQlxxList = res.result;
507 }
508 });
509 }
510 });
511 },
512 /**
513 * @description: 更新土地用途信息
514 * @param {*} val
515 * @author: renchao
516 */
517 upDateTdytxxList (val) {
518 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
519 this.key++;
520 },
521 // 更新权利人信息
522 /**
523 * @description: 更新权利人信息
524 * @param {*} val
525 * @author: renchao
526 */
527 upDateQlrxxList (val) {
528 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
529 this.czrOptions = this.ruleForm.qlrData;
530 this.key++;
531 },
532 // 保存
533 /**
534 * @description: onSubmit
535 * @author: renchao
536 */
537 onSubmit () {
538 this.$refs.ruleForm.validate((valid) => {
539 if (valid) {
540 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
541 if (arr.length > 0) {
542 this.$message({
543 showClose: true,
544 message: "土地用途不能为空",
545 type: "error",
546 });
547 return false;
548 }
549 if (this.ruleForm.qlrData.length == 0) {
550 this.$message({
551 showClose: true,
552 message: "请确认权利人信息",
553 type: "error",
554 });
555 return false;
556 }
557 if (this.ruleForm.qlxx.gyfs == "0") {
558 if (this.ruleForm.qlrData.length > 1) {
559 this.$message({
560 showClose: true,
561 message: "共有方式：单独所有，权利人只能是一个人",
562 type: "error",
563 });
564 return false;
565 }
566 } else {
567 if (this.ruleForm.qlrData.length <= 1) {
568 this.$message({
569 showClose: true,
570 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
571 type: "error",
572 });
573 return false;
574 }
575 }
576 save(this.ruleForm).then((res) => {
577 if (res.code === 200) {
578 this.$message({
579 showClose: true,
580 message: "保存成功！",
581 type: "success",
582 });
583 this.$parent.changeywh();
584 this.$store.dispatch("user/refreshPage", true);
585 } else {
586 this.$message({
587 showClose: true,
588 message: res.message,
589 type: "error",
590 });
591 }
592 });
593 } else {
594 return false;
595 }
596 });
597 }
598 }
599 }
600 </script>
601 <style scoped lang="scss">
602 @import "~@/styles/public.scss";
603 @import "~@/styles/slxx/slxx.scss";
604 </style>
...@@ -46,6 +46,14 @@ export function getForm(tabName) { ...@@ -46,6 +46,14 @@ export function getForm(tabName) {
46 case "yydj": 46 case "yydj":
47 form = require("@/views/registerBook/yydj.vue"); 47 form = require("@/views/registerBook/yydj.vue");
48 break; 48 break;
49 //林地使用权
50 case "slxxlq":
51 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue");
52 break;
53 //森林林木使用权
54 case "sllmslxx":
55 form = require("@/views/ywbl/slsqxx/sllmslxx");
56 break;
49 case "slxxjsydsyq": 57 case "slxxjsydsyq":
50 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); 58 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue");
51 break; 59 break;
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:07
5 -->
6 <template>
7 <div class="bdcqljqtsx">
8 <div class="content" v-if="qlxxList.ztqlmc">
9 <div class="title">不动产权利及其他事项<br />登记信息</div>
10 <div>
11 不动产单元号:
12 <div class="underline">{{ bdcdyh }}</div>
13 </div>
14 <br /><br /><br />
15 <div>
16 <div class="underline">{{ qlxxList.ztqlmc }}</div>
17 登记 共
18 <div class="underline">{{ qlxxList.ztql.total }}</div>
19 条
20 </div>
21 <br /><br />
22 <div>
23 抵押权登记 共
24 <div class="underline">{{ qlxxList.diyaq.total }}</div>
25 条
26 </div>
27 <br />
28 <div>
29 地役权登记 共
30 <div class="underline">{{ qlxxList.diyiq.total }}</div>
31 条
32 </div>
33 <br />
34 <div>
35 预告登记 共
36 <div class="underline">{{ qlxxList.ygdj.total }}</div>
37 条
38 </div>
39 <br />
40 <div>
41 异议登记 共
42 <div class="underline">{{ qlxxList.yydj.total }}</div>
43 条
44 </div>
45 <br />
46 <div>
47 查封登记 共
48 <div class="underline">{{ qlxxList.cfdj.total }}</div>
49 条
50 </div>
51 <br />
52 </div>
53 </div>
54 </template>
55
56 <script>
57 import { getBdcqljqtsx } from "@/api/djbDetail.js";
58 export default {
59 name: "bdcqljqtsx",
60 data () {
61 return {
62 //传递参数
63 //传递参数
64 bdcdyid: this.$route.query.bdcdyid,
65 qllx: this.$route.query.qllx,
66 qlxxList: "",
67 };
68 },
69 mounted () {
70 getBdcqljqtsx({
71 bdcdyid: this.bdcdyid,
72 bdcdyh: this.bdcdyh,
73 }).then((res) => {
74 if (res.code === 200) {
75 this.qlxxList = res.result;
76 }
77 });
78 },
79 };
80 </script>
81
82 <style lang="scss" scoped>
83 .bdcqljqtsx {
84 width: 100%;
85 height: 100%;
86 background: #fff;
87
88 .content {
89 width: 50%;
90 height: 100%;
91 margin: 0 auto;
92 text-align: right;
93 color: #333;
94 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
95 font-weight: 700;
96 font-size: 18px;
97 line-height: 16px;
98
99 .title {
100 font-size: 32px;
101 text-align: center;
102 padding: 40px 0;
103 line-height: 34px;
104 }
105
106 .underline {
107 font-size: 14px;
108 font-weight: normal;
109 text-decoration: underline;
110 display: inline-block;
111 }
112 }
113 }
114 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:06:44
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
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>{{ item.label }}</td>
24 <td
25 v-for="(row, index) in tableData"
26 :key="index"
27 :class="[
28 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '',
30 row.qlzt == '4' ? 'linshi' : '',
31
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
36 ]">
37 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
38 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
42 有效
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
45 正在补录
46 </div>
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
48 正在申请
49 </div>
50 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
51 正在注销
52 </div>
53
54 <p v-if="!['djyy','fj'].includes(item.prop)">
55 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }}
57 </span>
58 <span v-else>{{ row[item.prop] }}</span>
59 </p>
60
61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
62 <span class="ellipsis-line">
63 {{ row[item.prop] }}
64 </span>
65 </el-tooltip>
66 </td>
67 <td v-for="count in emptycolNum" :key="~count"></td>
68 </tr>
69 </table>
70 </div>
71 </div>
72 </div>
73 </template>
74
75 <script>
76 import { datas } from "./qlxxFormData.js";
77 import { getSjlx } from "@/utils/dictionary.js";
78 import { getCfdjList } from "@/api/djbDetail.js";
79 export default {
80 data () {
81 return {
82 title: "查封登记信息",
83 qsztList: datas.columns().qsztList,
84 checkList: datas.columns().checkList,
85 //传递参数
86 bdcdyid: this.$route.query.bdcdyid,
87 qllx: this.$route.query.qllx,
88 //列表数据
89 tableData: [],
90 //空列值个数
91 emptycolNum: datas.columns().emptycolNum,
92 //列名称对象
93 columns: datas.columns().CFDJ,
94 };
95 },
96 created () {
97 this.loadData();
98 },
99 methods: {
100 /**
101 * @description: loadData
102 * @author: renchao
103 */
104 loadData () {
105 if (this.$parent.addRepairRecord) {
106 this.columns.unshift({ prop: "cz", label: "操作" });
107 }
108 getCfdjList({
109 bdcdyid: this.bdcdyid,
110 qllx: this.qllx,
111 qszt: this.checkList,
112 }).then((res) => {
113 if (res.code === 200) {
114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
118 this.tableData.forEach((item, index) => {
119 if (item.sfbxf == "1") {
120 item.zxywh = "";
121 item.zxdbr = "";
122 item.zxsj = "";
123 }
124 });
125 if (this.tableData.length < datas.columns().emptycolNum) {
126 this.emptycolNum =
127 datas.columns().emptycolNum - this.tableData.length;
128 } else {
129 this.emptycolNum = 0;
130 }
131 }
132 });
133 },
134 /**
135 * @description: checkChange
136 * @author: renchao
137 */
138 checkChange () {
139 if (this.checkList.length === 0) {
140 this.tableData = [];
141 this.emptycolNum = datas.columns().emptycolNum;
142 } else {
143 this.loadData();
144 }
145 },
146 /**
147 * @description: getQsztName
148 * @author: renchao
149 */
150 getQsztName (code) {
151 let name = "";
152 for (let item of this.qsztList) {
153 if (item.value == code) {
154 name = item.label;
155 break;
156 }
157 }
158 return name;
159 },
160 // 新增一条补录信息
161 /**
162 * @description: 新增一条补录信息
163 * @param {*} row
164 * @param {*} del
165 * @author: renchao
166 */
167 editDialog (row, del) {
168 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
169 confirmButtonText: "确定",
170 cancelButtonText: "取消",
171 type: "warning",
172 })
173 .then(() => {
174 this.$parent.addRepairRecord(row, del);
175
176 this.$message({
177 type: "success",
178 message: "补录成功!",
179 });
180 })
181 .catch(() => {
182 this.$message({
183 type: "info",
184 message: "取消编辑",
185 });
186 });
187 },
188 },
189 };
190 </script>
191
192 <style lang="scss" scoped>
193 @import "./qlxxCommon.scss";
194 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12
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
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button
41 type="text"
42 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button>
44 <el-button
45 type="text"
46 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button>
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
50 有效
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
53 正在补录
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
56 正在申请
57 </div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销
60 </div>
61
62 <p v-if="!['djyy','fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
70 <span class="ellipsis-line">
71 {{ row[item.prop] }}
72 </span>
73 </el-tooltip>
74 </td>
75 <td v-for="count in emptycolNum" :key="~count"></td>
76 </tr>
77 </table>
78 </div>
79 </div>
80 </div>
81 </template>
82
83 <script>
84 import { datas } from "./qlxxFormData.js";
85 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
86 import { getDiyaqList } from "@/api/djbDetail.js";
87 export default {
88 data () {
89 return {
90 title: "抵押权登记信息",
91 qsztList: datas.columns().qsztList,
92 checkList: datas.columns().checkList,
93 //传递参数
94 bdcdyid: this.$route.query.bdcdyid,
95 qllx: this.$route.query.qllx,
96 //列表数据
97 tableData: [],
98 //空列值个数
99 emptycolNum: datas.columns().emptycolNum,
100 //列名称对象
101 columns: datas.columns().DYAQ,
102 };
103 },
104 created () {
105 this.loadData();
106 },
107 methods: {
108 /**
109 * @description: loadData
110 * @author: renchao
111 */
112 loadData () {
113 if (this.$parent.addRepairRecord) {
114 this.columns.unshift({ prop: "cz", label: "操作" });
115 }
116 getDiyaqList({
117 bdcdyid: this.bdcdyid,
118 qllx: this.qllx,
119 qszt: this.checkList,
120 }).then((res) => {
121 if (res.code === 200) {
122 this.tableData = res.result;
123 this.tableData.forEach((item) => {
124 item.sjlx = getSjlx(item.sjlx);
125 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
126 });
127 if (this.tableData.length < datas.columns().emptycolNum) {
128 this.emptycolNum =
129 datas.columns().emptycolNum - this.tableData.length;
130 } else {
131 this.emptycolNum = 0;
132 }
133 }
134 });
135 },
136 /**
137 * @description: checkChange
138 * @author: renchao
139 */
140 checkChange () {
141 if (this.checkList.length === 0) {
142 this.tableData = [];
143 this.emptycolNum = datas.columns().emptycolNum;
144 } else {
145 this.loadData();
146 }
147 },
148 /**
149 * @description: getQsztName
150 * @param {*} code
151 * @author: renchao
152 */
153 getQsztName (code) {
154 let name = "";
155 for (let item of this.qsztList) {
156 if (item.value == code) {
157 name = item.label;
158 break;
159 }
160 }
161 return name;
162 },
163 // 新增一条补录信息
164 /**
165 * @description: 新增一条补录信息
166 * @param {*} row
167 * @param {*} del
168 * @author: renchao
169 */
170 editDialog (row, del) {
171 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 confirmButtonText: "确定",
173 cancelButtonText: "取消",
174 type: "warning",
175 })
176 .then(() => {
177 this.$parent.addRepairRecord(row, del);
178 this.$message({
179 type: "success",
180 message: "补录成功!",
181 });
182 })
183 .catch(() => {
184 this.$message({
185 type: "info",
186 message: "取消编辑",
187 });
188 });
189 },
190 },
191 };
192 </script>
193
194 <style lang="scss" scoped>
195 @import "./qlxxCommon.scss";
196 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:12:43
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
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
41 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
47 正在补录
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
50 正在申请
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
53 正在注销
54 </div>
55
56 <p v-if="!['djyy','fj'].includes(item.prop)">
57 <span v-if="item.prop == 'qszt'">
58 {{ getQsztName(row[item.prop]) }}
59 </span>
60 <span v-else>{{ row[item.prop] }}</span>
61 </p>
62
63 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
64 <span class="ellipsis-line">
65 {{ row[item.prop] }}
66 </span>
67 </el-tooltip>
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 { datas } from "./qlxxFormData.js";
79 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
80 import { getDiyiqList } from "@/api/djbDetail.js";
81 export default {
82 data () {
83 return {
84 title: "地役权登记信息",
85 qsztList: datas.columns().qsztList,
86 checkList: datas.columns().checkList,
87 //传递参数
88 bdcdyid: this.$route.query.bdcdyid,
89 qllx: this.$route.query.qllx,
90 //列表数据
91 tableData: [],
92 //空列值个数
93 emptycolNum: datas.columns().emptycolNum,
94 //列名称对象
95 columns: datas.columns().DYIQ,
96 };
97 },
98 created () {
99 this.loadData();
100 },
101 methods: {
102 /**
103 * @description: loadData
104 * @author: renchao
105 */
106 loadData () {
107 if (this.$parent.addRepairRecord) {
108 this.columns.unshift({ prop: "cz", label: "操作" });
109 }
110 getDiyiqList({
111 bdcdyid: this.bdcdyid,
112 qllx: this.qllx,
113 qszt: this.checkList,
114 }).then((res) => {
115 if (res.code === 200) {
116 this.tableData = res.result;
117 this.tableData.forEach((item) => {
118 item.sjlx = getSjlx(item.sjlx);
119 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
120 });
121 if (this.tableData.length < datas.columns().emptycolNum) {
122 this.emptycolNum =
123 datas.columns().emptycolNum - this.tableData.length;
124 } else {
125 this.emptycolNum = 0;
126 }
127 }
128 });
129 },
130 /**
131 * @description: checkChange
132 * @author: renchao
133 */
134 checkChange () {
135 if (this.checkList.length === 0) {
136 this.tableData = [];
137 this.emptycolNum = datas.columns().emptycolNum;
138 } else {
139 this.loadData();
140 }
141 },
142 /**
143 * @description: getQsztName
144 * @param {*} code
145 * @author: renchao
146 */
147 getQsztName (code) {
148 let name = "";
149 for (let item of this.qsztList) {
150 if (item.value == code) {
151 name = item.label;
152 break;
153 }
154 }
155 return name;
156 },
157 // 新增一条补录信息
158 /**
159 * @description: 新增一条补录信息
160 * @param {*} row
161 * @param {*} del
162 * @author: renchao
163 */
164 editDialog (row, del) {
165 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
166 confirmButtonText: "确定",
167 cancelButtonText: "取消",
168 type: "warning",
169 })
170 .then(() => {
171 this.$parent.addRepairRecord(row, del);
172
173 this.$message({
174 type: "success",
175 message: "补录成功!",
176 });
177 })
178 .catch(() => {
179 this.$message({
180 type: "info",
181 message: "取消编辑",
182 });
183 });
184 },
185 },
186 };
187 </script>
188
189 <style lang="scss" scoped>
190 @import "./qlxxCommon.scss";
191 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:42
5 -->
6 <template>
7 <div class="djbfm">
8 <br /><br />
9 <p>
10 <font>{{ info.sheng }}</font>
11 省 (区、市)
12 <font>{{ info.shi }}</font>
13 市 (区)
14 <font>{{ info.xian }}</font>
15 区 (县、市)
16 </p>
17 <p>
18 <font>{{ info.jdh }}</font>
19 街道 (乡、镇)
20 <font>{{ info.jfh }}</font>
21 街坊 (村)
22 <font>{{ info.zh }}</font>
23 组
24 </p>
25 <div class="title">不动产登记簿</div>
26 <br />
27 <p>
28 宗地/宗海号:
29 <font>{{ info.zddm }}</font>
30 </p>
31 <div class="bottom">
32 <p>
33 登记机构:
34 <font>{{ info.djjg }}</font>
35 </p>
36 </div>
37 </div>
38 </template>
39
40 <script>
41 import { getDjbfm } from "@/api/djbDetail.js";
42
43 export default {
44 data () {
45 return {
46 //传递参数
47 bdcdyid: this.$route.query.bdcdyid,
48 info: {},
49 };
50 },
51 mounted () {
52 this.loadData();
53 },
54 methods: {
55 /**
56 * @description: loadData
57 * @author: renchao
58 */
59 loadData () {
60 getDjbfm({ bdcdyid: this.bdcdyid }).then((res) => {
61 if (res.code === 200) {
62 this.info = res.result;
63 }
64 });
65 },
66 },
67 };
68 </script>
69
70 <style lang="scss" scoped>
71 .djbfm {
72 width: 100%;
73 height: 100%;
74 background: #fff;
75 line-height: 45px;
76 text-align: center;
77 font-size: 18px;
78 font-family: serif;
79 position: relative;
80
81 font {
82 border-bottom: 1px solid #000;
83 display: inline-block;
84 padding: 0 15px;
85 line-height: 16px;
86 }
87
88 .title {
89 height: 40%;
90 display: flex;
91 font-size: 38px;
92 color: #000;
93 justify-content: center;
94 align-items: center;
95 }
96
97 .bottom {
98 position: absolute;
99 bottom: 0px;
100 text-align: center;
101 width: 100%;
102 left: 0;
103 height: 100px;
104 line-height: 100px;
105
106 p {
107 font-size: 28px;
108 }
109
110 font {
111 font-size: 24px;
112 line-height: 24px;
113 }
114 }
115 }
116 </style>
1 <template>
2 <div class="all">
3 <div class="tbalede">
4 <div class="title">
5 {{ title }}
6 </div>
7 <table class="xxTable">
8 <tr v-for="(item, colindex) in columns" :key="colindex">
9 <td>
10 {{ item.label }}
11 </td>
12 <td v-for="(row, index) in tableData" :key="index">
13 <span>
14 {{ getQsztName(row[item.prop]) }}
15 </span>
16 <span v-if="['djyy','fj'].includes(item.prop)">
17 {{ row[item.prop] }}
18 </span>
19
20 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
21 {{ row[item.prop] }}
22 </span>
23 <div v-if="judge(item.label)">
24 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
25 {{ label[item.prop] }}
26 </div>
27 </div>
28 </td>
29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr>
31 </table>
32 </div>
33 <div class="tbalede">
34 <div class="title">
35 {{ title }}
36 </div>
37 <table class="xxTable">
38 <tr v-for="(item, colindex) in columns" :key="colindex">
39 <td>
40 {{ item.label }}
41 </td>
42 <td v-for="(row, index) in tableData" :key="index">
43 <span class="ooo" v-if="item.prop == 'qszt'">
44 {{ getQsztName(row[item.prop]) }}
45 </span>
46
47 <el-tooltip v-if="['djyy','fj'].includes(item.prop)" >
48 <span>
49 {{ row[item.prop] }}
50 </span>
51 </el-tooltip>
52
53 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
54 {{ row[item.prop] }}
55 </span>
56 <div v-if="judge(item.label)">
57 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
58 {{ label[item.prop] }}
59 </div>
60 </div>
61 </td>
62 <td v-for="count in emptycolNum" :key="~count"></td>
63 </tr>
64 </table>
65 </div>
66 </div>
67 </template>
68
69 <script>
70 import { datas } from "./qlxxFormData.js";
71 import { getSjlx } from "@/utils/dictionary.js";
72 import { getFdcq1List } from "@/api/djbDetail.js";
73 export default {
74 data () {
75 return {
76 title: "房地产权登记信息（多幢）",
77 qsztList: datas.columns().qsztList,
78 checkList: datas.columns().checkList,
79 //传递参数
80 bdcdyid: this.$route.query.bdcdyid,
81 qllx: this.$route.query.qllx,
82 //列表数据
83 tableData: [],
84 //空列值个数
85 emptycolNum: datas.columns().emptycolNum,
86 //列名称对象
87 columns: datas.columns().FDCQ1,
88 };
89 },
90 created () {
91 this.loadData();
92 },
93 methods: {
94 /**
95 * @description: loadData
96 * @author: renchao
97 */
98 loadData () {
99 if (this.$parent.addRepairRecord) {
100 this.columns.unshift({
101 prop: "cz",
102 label: "操作"
103 })
104 }
105 getFdcq1List({
106 bdcdyid: this.bdcdyid,
107 qllx: this.qllx,
108 qszt: this.checkList,
109 }).then((res) => {
110 if (res.code === 200) {
111 this.tableData = res.result;
112 this.tableData.forEach(item => {
113 this.tableData.push(item)
114 item.sjlx = getSjlx(item.sjlx)
115
116 })
117 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length;
120 } else {
121 this.emptycolNum = 0;
122 }
123 }
124 });
125 },
126 /**
127 * @description: checkChange
128 * @author: renchao
129 */
130 checkChange () {
131 if (this.checkList.length === 0) {
132 this.tableData = [];
133 this.emptycolNum = datas.columns().emptycolNum;
134 } else {
135 this.loadData();
136 }
137 },
138 /**
139 * @description: getQsztName
140 * @param {*} code
141 * @author: renchao
142 */
143 getQsztName (code) {
144 let name = "";
145 for (let item of this.qsztList) {
146 if (item.value == code) {
147 name = item.label;
148 break;
149 }
150 }
151 return name;
152 },
153 /**
154 * @description: judge
155 * @param {*} lable
156 * @author: renchao
157 */
158 judge (label) {
159 if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) {
160 return true
161 } else {
162 return false
163 }
164 },
165 // 新增一条补录信息
166 /**
167 * @description: 新增一条补录信息
168 * @param {*} row
169 * @param {*} del
170 * @author: renchao
171 */
172 editDialog (row, del) {
173 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
174 confirmButtonText: '确定',
175 cancelButtonText: '取消',
176 type: 'warning'
177 }).then(() => {
178 this.$parent.addRepairRecord(row, del)
179
180 this.$message({
181 type: 'success',
182 message: '补录成功!'
183 });
184 }).catch(() => {
185 this.$message({
186 type: 'info',
187 message: '取消编辑'
188 });
189 });
190
191 },
192 },
193 };
194 </script>
195
196 <style lang="scss" scoped>
197 .all {
198 width: 794px;
199 height: 100%;
200 margin: auto;
201 background-color: rgb(255, 255, 255);
202 overflow: hidden
203 }
204 .tbalede {
205 width: 794px;
206 height: 1123px;
207 margin: auto;
208 .title {
209 width: 100%;
210 font-weight: 700;
211 font-size: 16px;
212 text-align: center;
213 height: 62px;
214 line-height: 62px;
215 position: relative;
216 margin: 0 3px;
217 }
218 }
219 .top {
220 width: 80%;
221 height: 100px;
222 margin: auto;
223 display: flex;
224 position: relative;
225 }
226 p {
227 position: absolute;
228 bottom: 10px;
229 right: 10px;
230 }
231 table {
232 width: 80%;
233 border: 1px solid black;
234 margin: 0 auto;
235 border-collapse: collapse;
236 }
237 .head {
238 font-size: 20px;
239 width: 100%;
240 height: 40px;
241 margin: auto;
242 }
243 .dyh {
244 padding: 10px;
245 font-size: 12px;
246 text-align: left;
247 }
248
249
250 .content {
251 height: 40px;
252 }
253 .slash-wrap {
254 position: relative;
255 box-sizing: border-box;
256 width: 150px;
257 height: 40px;
258 }
259 /* 斜线 */
260 .slash1 {
261 position: absolute;
262 display: block;
263 top: 0;
264 left: 0;
265 width: 133px;
266 height: 1px;
267 background-color: #949393;
268 transform: rotate(17.93010235415598deg);
269 transform-origin: top left;
270 }
271 /* 左下角文字 */
272 .left {
273 position: absolute;
274 left: 30px;
275 bottom: 5px;
276 }
277
278 /* 右上角文字 */
279 .mid {
280 position: absolute;
281 /* 右上角 right:0; top: 0; */
282 right: 29px;
283 top: 4px;
284 }
285 .xxTable {
286 width: 100%;
287 border-collapse: collapse;
288
289
290
291 tr td {
292 border: 2px solid rgb(227, 226, 226);
293 text-align: center;
294 height: 40px;
295 font-size: 13px;
296 // flex: 1;
297 // display: flex;
298 // align-items: center;
299 // justify-content: center;
300 min-width: 80px;
301 z-index: 1;
302 .ooo{
303 width: 190px!important;
304
305 }
306 }
307 td:first-child{
308 flex: inherit !important;
309 // width: 200px !important;
310 min-width: 180px !important;
311 }
312
313 }
314 .ellipsis-line {
315 display: inline-block;
316 width: 300px;
317 height: 100px!important;
318 line-height: 20px!important;
319 word-break: break-all;
320 text-overflow: ellipsis;
321 overflow: hidden;
322 }
323 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:17:06
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
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button
41 type="text"
42 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button>
44 <el-button
45 type="text"
46 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button>
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
50 有效
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
53 正在补录
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
56 正在申请
57 </div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销
60 </div>
61
62 <p v-if="!['djyy','fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
70 <span class="ellipsis-line">
71 {{ row[item.prop] }}
72 </span>
73 </el-tooltip>
74
75 </td>
76 <td v-for="count in emptycolNum" :key="~count"></td>
77 </tr>
78 </table>
79 </div>
80 </div>
81 </div>
82 </template>
83
84 <script>
85 import { datas } from "./qlxxFormData.js";
86 import { getSjlx } from "@/utils/dictionary.js";
87 import { getFdcq2List } from "@/api/djbDetail.js";
88 export default {
89 data () {
90 return {
91 title: "房地产权登记信息（独幢、层、套、间房屋）",
92 qsztList: datas.columns().qsztList,
93 checkList: datas.columns().checkList,
94 //传递参数
95 bdcdyid: this.$route.query.bdcdyid,
96 qllx: this.$route.query.qllx,
97 //列表数据
98 tableData: [],
99 //空列值个数
100 emptycolNum: datas.columns().emptycolNum,
101 //列名称对象
102 columns: datas.columns().FDCQ2,
103 };
104 },
105 created () {
106 this.loadData();
107 },
108 methods: {
109 /**
110 * @description: loadData
111 * @author: renchao
112 */
113 loadData () {
114 if (this.$parent.addRepairRecord) {
115 this.columns.unshift({ prop: "cz", label: "操作" });
116 }
117 getFdcq2List({
118 bdcdyid: this.bdcdyid,
119 qllx: this.qllx,
120 qszt: this.checkList,
121 }).then((res) => {
122 if (res.code === 200) {
123 this.tableData = res.result;
124 this.tableData.forEach((item) => {
125 item.sjlx = getSjlx(item.sjlx);
126 });
127 if (this.tableData.length < datas.columns().emptycolNum) {
128 this.emptycolNum =
129 datas.columns().emptycolNum - this.tableData.length;
130 } else {
131 this.emptycolNum = 0;
132 }
133 }
134 });
135 },
136 /**
137 * @description: checkChange
138 * @author: renchao
139 */
140 checkChange () {
141 if (this.checkList.length === 0) {
142 this.tableData = [];
143 this.emptycolNum = datas.columns().emptycolNum;
144 } else {
145 this.loadData();
146 }
147 },
148 /**
149 * @description: getQsztName
150 * @param {*} code
151 * @author: renchao
152 */
153 getQsztName (code) {
154 let name = "";
155 for (let item of this.qsztList) {
156 if (item.value == code) {
157 name = item.label;
158 break;
159 }
160 }
161 return name;
162 },
163 // 新增一条补录信息
164 /**
165 * @description: 新增一条补录信息
166 * @param {*} row
167 * @param {*} del
168 * @author: renchao
169 */
170 editDialog (row, del) {
171 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 confirmButtonText: "确定",
173 cancelButtonText: "取消",
174 type: "warning",
175 })
176 .then(() => {
177 this.$parent.addRepairRecord(row, del);
178 })
179 .catch(() => {
180 this.$message({
181 type: "info",
182 message: "取消",
183 });
184 });
185 },
186 },
187 };
188 </script>
189
190 <style lang="scss" scoped>
191 @import "./qlxxCommon.scss";
192 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:01
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 row.qlzt == '4' ? 'linshi' : '',
28
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
33 ]">
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
39 有效
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
42 正在补录
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
45 正在申请
46 </div>
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
48 正在注销
49 </div>
50
51 <p v-if="!['djyy','fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getSjlx } from "@/utils/dictionary.js";
74 import { getJsydsyqList } from "@/api/djbDetail.js";
75 export default {
76 data () {
77 return {
78 title: "建设用地使用权、宅基地使用权登记信息",
79 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList,
81 //传递参数
82 bdcdyid: this.$route.query.bdcdyid,
83 qllx: this.$route.query.qllx,
84 //列表数据
85 tableData: [],
86 //空列值个数
87 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象
89 columns: datas.columns().JSYDSYQ,
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 methods: {
96 /**
97 * @description: loadData
98 * @author: renchao
99 */
100 loadData () {
101
102 if (this.$parent.addRepairRecord) {
103 this.columns.unshift({
104 prop: "cz",
105 label: "操作"
106 })
107 }
108 getJsydsyqList({
109 bdcdyid: this.bdcdyid,
110 qllx: this.qllx,
111 qszt: this.checkList,
112 }).then((res) => {
113 if (res.code === 200) {
114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:16:32
5 -->
6 <template>
7 <div class="all">
8 <div class="tbalede">
9 <table class="xxTable">
10 <tr>
11 <th colspan="5" class="head"> {{ title }}</th>
12 </tr>
13 <tr v-for="(item, colindex) in columns" :key="colindex">
14 <td>
15 {{ item.label }}
16 </td>
17 <td
18 v-for="(row, index) in tableData"
19 :key="index">
20 <span>
21 {{ getQsztName(row[item.prop]) }}
22 </span>
23
24 <span>
25 {{ row[item.prop] }}
26 </span>
27
28 </td>
29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr>
31 </table>
32 </div>
33 </div>
34 </template>
35
36 <script>
37 import { datas } from "./qlxxFormData.js";
38 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
39 import { getLqList } from "@/api/djbDetail.js";
40 export default {
41 data () {
42 return {
43 title: "林权登记信息",
44 qsztList: datas.columns().qsztList,
45 checkList: datas.columns().checkList,
46 //传递参数
47 bdcdyid: this.$route.query.bdcdyid,
48 qllx: this.$route.query.qllx,
49 //列表数据
50 tableData: [],
51 //空列值个数
52 emptycolNum: datas.columns().emptycolNum,
53 //列名称对象
54 columns: datas.columns().LDSYQ,
55 };
56 },
57 created () {
58 this.loadData();
59 },
60 methods: {
61 /**
62 * @description: loadData
63 * @author: renchao
64 */
65 loadData () {
66 if (this.$parent.addRepairRecord) {
67 this.columns.unshift({
68 prop: "cz",
69 label: "操作",
70 });
71 }
72 getLqList({
73 bdcdyid: this.bdcdyid,
74 qllx: this.qllx,
75 qszt: this.checkList,
76 }).then((res) => {
77 if (res.code === 200) {
78 this.tableData = res.result;
79 this.tableData.forEach((item) => {
80 item.sjlx = getSjlx(item.sjlx);
81 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45')
82 item.lz = getDictLeabel(item.lz, 'A26')
83 item.qy = getDictLeabel(item.qy, 'A52')
84 });
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 /**
95 * @description: checkChange
96 * @author: renchao
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 /**
107 * @description: getQsztName
108 * @param {*} code
109 * @author: renchao
110 */
111 getQsztName (code) {
112 let name = "";
113 for (let item of this.qsztList) {
114 if (item.value == code) {
115 name = item.label;
116 break;
117 }
118 }
119 return name;
120 },
121 // 新增一条补录信息
122 /**
123 * @description: 新增一条补录信息
124 * @param {*} row
125 * @param {*} del
126 * @author: renchao
127 */
128 editDialog (row, del) {
129 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
130 confirmButtonText: "确定",
131 cancelButtonText: "取消",
132 type: "warning",
133 })
134 .then(() => {
135 this.$parent.addRepairRecord(row, del);
136
137 this.$message({
138 type: "success",
139 message: "补录成功!",
140 });
141 })
142 .catch(() => {
143 this.$message({
144 type: "info",
145 message: "取消编辑",
146 });
147 });
148 },
149 },
150 };
151 </script>
152
153 <style lang="scss" scoped>
154 .all {
155 width: 794px;
156 height: 100%;
157 margin: auto;
158 background-color: rgb(255, 255, 255);
159 }
160 .tbalede {
161 width: 794px;
162 height: 1123px;
163 margin: auto;
164 }
165 .top {
166 width: 80%;
167 height: 100px;
168 margin: auto;
169 display: flex;
170 position: relative;
171 }
172 p {
173 position: absolute;
174 bottom: 10px;
175 right: 10px;
176 }
177 table {
178 width: 80%;
179 border: 1px solid black;
180 margin: 0 auto;
181 border-collapse: collapse;
182 }
183 .head {
184 font-size: 20px;
185 width: 100%;
186 height: 40px;
187 margin: auto;
188 }
189 .dyh {
190 padding: 10px;
191 font-size: 12px;
192 text-align: left;
193 }
194
195
196 .content {
197 height: 40px;
198 }
199 .slash-wrap {
200 position: relative;
201 box-sizing: border-box;
202 width: 150px;
203 height: 40px;
204 }
205 /* 斜线 */
206 .slash1 {
207 position: absolute;
208 display: block;
209 top: 0;
210 left: 0;
211 width: 133px;
212 height: 1px;
213 background-color: #949393;
214 transform: rotate(17.93010235415598deg);
215 transform-origin: top left;
216 }
217 /* 左下角文字 */
218 .left {
219 position: absolute;
220 left: 30px;
221 bottom: 5px;
222 }
223
224 /* 右上角文字 */
225 .mid {
226 position: absolute;
227 /* 右上角 right:0; top: 0; */
228 right: 29px;
229 top: 4px;
230 }
231 .xxTable {
232 width: 100%;
233 border-collapse: collapse;
234 table-layout:fixed;
235
236
237 td {
238 border: 1px solid rgb(0, 0, 0);
239 text-align: center;
240 height: 40px;
241 width: 80px!important;
242 word-wrap:break-word
243 }
244 td:first-child{
245 min-width: 180px !important;
246 }
247
248 }
249 .ellipsis-line {
250 display: inline-block;
251 width: 300px;
252 height: 100px!important;
253 line-height: 20px!important;
254 word-break: break-all;
255 text-overflow: ellipsis;
256 overflow: hidden;
257 }
258 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:19:17
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 row.qlzt == '4' ? 'linshi' : '',
28
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
33 ]">
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
37 </div>
38 <div class="icon" v-if="row.qlzt == '1'">
39 有效
40 </div>
41 <div class="icon" v-if="row.qlzt == '2'">
42 正在补录
43 </div>
44 <div class="icon" v-if="row.qlzt == '3'">
45 正在申请
46 </div>
47 <div class="icon" v-if="row.qlzt == '4'">
48 正在注销
49 </div>
50
51 <p v-if="!['djyy','fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
59 <span class="ellipsis-line">
60 {{ row[item.prop] }}
61 </span>
62 </el-tooltip>
63
64 </td>
65 <td v-for="count in emptycolNum" :key="~count"></td>
66 </tr>
67 </table>
68
69 <table class="xxTable rollTable">
70 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
71 <td>
72 {{ item.label }}
73 </td>
74 <td v-for="(row, index) in tableData" :key="index" :class="[
75 row.qszt == '2' ? 'lishi' : '',
76 row.qszt == '0' ? 'linshi' : '',
77 row.qlzt == '4' ? 'linshi' : '',
78
79 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
80 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
81 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
82 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
83 ]">
84 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
85 有效
86 </div>
87 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
88 正在补录
89 </div>
90 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
91 正在申请
92 </div>
93 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
94 正在注销
95 </div>
96
97 <p v-if="!['djyy','fj'].includes(item.prop)">
98 <span v-if="item.prop == 'qszt'">
99 {{ getQsztName(row[item.prop]) }}
100 </span>
101 <span v-else>{{ row[item.prop] }}</span>
102 </p>
103
104 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
105 <span class="ellipsis-line">
106 {{ row[item.prop] }}
107 </span>
108 </el-tooltip>
109 </td>
110 <td v-for="count in emptycolNum" :key="~count"></td>
111 </tr>
112 </table>
113 </div>
114 </div>
115 </div>
116 </template>
117
118 <script>
119 import { datas } from "./qlxxFormData.js";
120 import { getSjlx } from "@/utils/dictionary.js";
121 import { getNydsyqList } from "@/api/djbDetail.js";
122 export default {
123 data () {
124 return {
125 title: "农用地使用权登记信息",
126 qsztList: datas.columns().qsztList,
127 checkList: datas.columns().checkList,
128 //传递参数
129 bdcdyid: this.$route.query.bdcdyid,
130 qllx: this.$route.query.qllx,
131 //列表数据
132 tableData: [],
133 //空列值个数
134 emptycolNum: datas.columns().emptycolNum,
135 //列名称对象
136 columns: datas.columns().NYDSYQ,
137 };
138 },
139 created () {
140 var qllx = this.$route.query.sqywbm.substr(0, 3)
141 if (qllx == 'A09') {
142 this.title = '土地经营权登记信息'
143 } else {
144 this.title = '农用地使用权登记信息'
145 }
146 this.loadData();
147 },
148 methods: {
149 /**
150 * @description: loadData
151 * @author: renchao
152 */
153 loadData () {
154 if (this.$parent.addRepairRecord) {
155 this.columns.unshift({
156 prop: "cz",
157 label: "操作"
158 })
159 }
160 getNydsyqList({
161 bdcdyid: this.bdcdyid,
162 qllx: this.qllx,
163 qszt: this.checkList,
164 }).then((res) => {
165 if (res.code === 200) {
166 this.tableData = res.result;
167 this.tableData.forEach(item => {
168 item.sjlx = getSjlx(item.sjlx)
169 })
170 if (this.tableData.length < datas.columns().emptycolNum) {
171 this.emptycolNum =
172 datas.columns().emptycolNum - this.tableData.length;
173 } else {
174 this.emptycolNum = 0;
175 }
176 }
177 });
178 },
179 /**
180 * @description: checkChange
181 * @author: renchao
182 */
183 checkChange () {
184 if (this.checkList.length === 0) {
185 this.tableData = [];
186 this.emptycolNum = datas.columns().emptycolNum;
187 } else {
188 this.loadData();
189 }
190 },
191 /**
192 * @description: getQsztName
193 * @author: renchao
194 */
195 getQsztName (code) {
196 let name = "";
197 for (let item of this.qsztList) {
198 if (item.value == code) {
199 name = item.label;
200 break;
201 }
202 }
203 return name;
204 },
205 // 新增一条补录信息
206 /**
207 * @description: 新增一条补录信息
208 * @param {*} row
209 * @param {*} del
210 * @author: renchao
211 */
212 editDialog (row, del) {
213 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
214 confirmButtonText: '确定',
215 cancelButtonText: '取消',
216 type: 'warning'
217 }).then(() => {
218 this.$parent.addRepairRecord(row, del)
219
220 this.$message({
221 type: 'success',
222 message: '补录成功!'
223 });
224 }).catch(() => {
225 this.$message({
226 type: 'info',
227 message: '取消编辑'
228 });
229 });
230
231 },
232 },
233 };
234 </script>
235
236 <style lang="scss" scoped>
237 @import "./qlxxCommon.scss";
238 </style>
1 .djxxTable {
2 width: 100%;
3 height: 100%;
4 background: #fff;
5 color: #333;
6
7 .tableBox {
8 margin: 0 auto;
9 display: flex;
10 flex-wrap: wrap;
11
12 .title {
13 width: 100%;
14 font-weight: 700;
15 font-size: 16px;
16 text-align: center;
17 background: #e9e9e9;
18 height: 62px;
19 line-height: 62px;
20 position: relative;
21 margin: 0 3px;
22
23 .checkbox {
24 position: absolute;
25 right: 20px;
26 bottom: -16px;
27 height: 62px;
28 }
29 }
30
31 .xxTableBox {
32 overflow: scroll;
33 width: 100%;
34 }
35
36 .xxTable>tr:first-child th {
37 width: 140px;
38 }
39
40 .xxTable {
41 //border-spacing: 1px;
42 width: 100%;
43 border-collapse: collapse;
44 // table-layout: fixed;
45
46 tr {
47 box-sizing: border-box;
48 }
49
50 tr>th {
51 border: 1px solid #ccc;
52 background: #F2F2F2;
53 color: #333333;
54 font-size: 16px;
55 height: 40px;
56 }
57
58 tr:nth-child(1) {
59 position: sticky;
60 top: 0px;
61 z-index: 3;
62 margin-top: -2px;
63 &:after{
64 content: "";
65 display: inline-block;
66 width: 100%;
67 height: 2px;
68 background-color: rgb(227, 226, 226);
69 position: absolute;
70 bottom: -1px;
71 left: 0;
72 z-index: 3;
73 }
74 }
75
76 tr:nth-child(2) {
77 position: sticky;
78 top: 40px;
79 z-index: 3;
80 &:after{
81 content: "";
82 display: inline-block;
83 width: 100%;
84 height: 2px;
85 background-color: rgb(227, 226, 226);
86 position: absolute;
87 bottom: -1px;
88 left: 0;
89 z-index: 3;
90 }
91 }
92
93 tr:nth-child(3) {
94 position: sticky;
95 top: 80px;
96 z-index: 3;
97 box-shadow: 0px 15px 10px -15px #409EFF;
98 }
99
100 tr td:first-child {
101 position: sticky;
102 left: 0;
103 z-index: 2;
104 margin-left: -2px;
105 &:before{
106 content: "";
107 display: inline-block;
108 width: 2px;
109 height: 43px;
110 background-color: #e3e2e2;
111 position: absolute;
112 top: 0;
113 left: -2px;
114 z-index: 3;
115 }
116 &:after{
117 content: "";
118 display: inline-block;
119 width: 2px;
120 height: 43px;
121 background-color: #e3e2e2;
122 position: absolute;
123 top: 0;
124 right: -2px;
125 z-index: 3;
126 }
127 }
128
129 th.linshi,
130 th.xianshi {
131 background: #464c5b;
132 }
133
134 th.lishi {
135 background: rgba(70, 76, 91, 0.8);
136 }
137
138 .one th {
139 height: 25px;
140 font-size: 14px;
141 }
142
143 th.linshi {
144 color: #ff5100;
145 }
146
147 .two th {
148 height: 45px;
149
150 p:nth-child(2) {
151 font-size: 14px;
152 }
153 }
154
155 .linshiIcon {
156 position: relative;
157
158 .icon {
159 position: absolute;
160 top: 12px;
161 right: -5px;
162 transform: rotate(45deg);
163 color: #fff;
164 font-size: 12px;
165 z-index: 10;
166 }
167 }
168
169 .linshiIcon::after {
170 content: "";
171 display: block;
172 width: 0;
173 height: 0;
174 border-width: 0px 0px 55px 55px;
175 border-style: none solid solid;
176 border-color: transparent transparent #ff5100;
177 position: absolute;
178 top: 0;
179 right: 0;
180 transform: rotate(-90deg);
181 }
182
183 .xianshiIcon {
184 position: relative;
185
186 .icon {
187 position: absolute;
188 top: 9px;
189 right: 5px;
190 transform: rotate(45deg);
191 color: #fff;
192 font-size: 12px;
193 z-index: 10;
194 }
195 }
196
197 .xianshiIcon::after {
198 content: "";
199 display: block;
200 width: 0;
201 height: 0;
202 border-width: 0px 0px 55px 55px;
203 border-style: none solid solid;
204 border-color: transparent transparent #67C23A;
205 position: absolute;
206 top: 0;
207 right: 0;
208 transform: rotate(-90deg);
209 }
210
211
212
213 tr {
214 // display: flex;
215 }
216
217 tr td {
218 border: 2px solid rgb(227, 226, 226);
219 text-align: center;
220 height: 40px;
221 font-size: 13px;
222 width: 140px;
223 // flex: 1;
224 width: 100%;
225 // display: flex;
226 // align-items: center;
227 // justify-content: center;
228 min-width: 340px;
229 z-index: 1;
230 }
231 td:first-child{
232 flex: inherit !important;
233 // width: 200px !important;
234 min-width: 180px !important;
235 }
236 >tr:nth-child(odd) td {
237 background: #f2f2f2;
238 }
239
240 >tr:nth-child(even) td {
241 background: #f9f9f9;
242 }
243
244 td.linshi {
245 color: #ff5100;
246 }
247
248 tr>td.lishi {
249 color: #7f7f7f;
250 }
251 }
252
253 .rollTable {
254 margin-top: -2px;
255 display: block;
256 height: calc(100vh - 185px);
257 overflow-y: scroll;
258 margin-left: 2px;
259 }
260 }
261 }
1 import filter from '@/utils/filter.js'
2
3 class data extends filter {
4 constructor() {
5 super()
6 }
7 columns() {
8 return {
9 //空列值个数
10 emptycolNum: 3,
11 checkList: ["0", "1", "2"],
12 //权属状态集合
13 qsztList: [
14 {
15 value: "0",
16 label: "临时",
17 },
18 {
19 value: "1",
20 label: "现势",
21 },
22 {
23 value: "2",
24 label: "历史",
25 },
26 ],
27 TDSYQ: [
28 {
29 prop: "qszt",
30 label: "权属状态",
31 },
32 {
33 prop: "sjlx",
34 label: "数据类型",
35 },
36 {
37 prop: "qllxmc",
38 label: "权利类型",
39 },
40 {
41 prop: "djlxmc",
42 label: "登记类型",
43 },
44 {
45 prop: "ssywh",
46 label: "上手业务号",
47 },
48 {
49 prop: "dah",
50 label: "档案号",
51 },
52 {
53 prop: "ywh",
54 label: "业务号",
55 },
56 {
57 prop: "bdcdyh",
58 label: "不动产单元号",
59 },
60 {
61 prop: "zl",
62 label: "坐落",
63 },
64 {
65 prop: "gyqk",
66 label: "共有情况",
67 },
68 {
69 prop: "qlrlx",
70 label: "权利人类型",
71 },
72 {
73 prop: "qlrmc",
74 label: "权利人",
75 },
76 {
77 prop: "qlrzjzl",
78 label: "证件种类",
79 },
80 {
81 prop: "qlrzjhm",
82 label: "证件号",
83 },
84 {
85 prop: "ytmc",
86 label: "土地用途",
87 },
88 {
89 prop: "mjdw",
90 label: "面积单位",
91 },
92 {
93 prop: "gdmj",
94 label: "耕地面积",
95 },
96 {
97 prop: "ldmj",
98 label: "林地面积",
99 },
100 {
101 prop: "cdmj",
102 label: "草地面积",
103 },
104 {
105 prop: "qtnydmj",
106 label: "其他农用地面积",
107 },
108 {
109 prop: "jsydmj",
110 label: "建设用地面积",
111 },
112 {
113 prop: "wlydmj",
114 label: "未利用地面积",
115 },
116 {
117 prop: "djyy",
118 label: "登记原因",
119 },
120 {
121 prop: "bdcqzh",
122 label: "不动产权证号",
123 },
124 {
125 prop: "djsj",
126 label: "登记时间",
127 },
128 {
129 prop: "dbr",
130 label: "登簿人",
131 },
132 {
133 prop: "fj",
134 label: "附记",
135 },
136 ],
137 JSYDSYQ: [
138 {
139 prop: "qszt",
140 label: "权属状态",
141 },
142 {
143 prop: "sjlx",
144 label: "数据类型",
145 },
146 {
147 prop: "qllxmc",
148 label: "权利类型",
149 },
150 {
151 prop: "djlxmc",
152 label: "登记类型",
153 },
154 {
155 prop: "ssywh",
156 label: "上手业务号",
157 },
158 {
159 prop: "dah",
160 label: "档案号",
161 },
162 {
163 prop: "ywh",
164 label: "业务号",
165 },
166 {
167 prop: "bdcdyh",
168 label: "不动产单元号",
169 },
170 {
171 prop: "zl",
172 label: "坐落",
173 },
174 {
175 prop: "gyqk",
176 label: "共有情况",
177 },
178 {
179 prop: "qlrlx",
180 label: "权利人类型",
181 },
182 {
183 prop: "qlrmc",
184 label: "权利人",
185 },
186 {
187 prop: "qlrzjzl",
188 label: "证件种类",
189 },
190 {
191 prop: "qlrzjhm",
192 label: "证件号",
193 },
194 {
195 prop: "mjmc",
196 label: "使用权面积",
197 },
198 {
199 prop: "qlxzmc",
200 label: "权利性质",
201 },
202 {
203 prop: "ytmc",
204 label: "土地用途",
205 },
206 {
207 prop: "syqqzsj",
208 label: "使用权起止时间",
209 },
210 // {
211 // prop: "syqjssj",
212 // label: "使用权结束时间",
213 // },
214 // {
215 // prop: "tdsyqx",
216 // label: "土地使用期限",
217 // },
218 {
219 prop: "tdsyqx",
220 label: "土地使用期限",
221 },
222 {
223 prop: "qdjgmc",
224 label: "取得价格",
225 },
226 {
227 prop: "djyy",
228 label: "登记原因",
229 },
230 {
231 prop: "bdcqzh",
232 label: "不动产权证号",
233 },
234 {
235 prop: "djsj",
236 label: "登记时间",
237 },
238 {
239 prop: "dbr",
240 label: "登簿人",
241 },
242 {
243 prop: "fj",
244 label: "附记",
245 },
246 ],
247 FDCQ1: [
248 {
249 prop: "qszt",
250 label: "权属状态",
251 },
252 {
253 prop: "sjlx",
254 label: "数据类型",
255 },
256 {
257 prop: "qllxmc",
258 label: "权利类型",
259 },
260 {
261 prop: "djlxmc",
262 label: "登记类型",
263 },
264 {
265 prop: "xmmc",
266 label: "项目名称",
267 },
268 {
269 prop: "zh",
270 label: "幢号",
271 },
272
273 {
274 prop: "zcs",
275 label: "总层数",
276 },
277 {
278 prop: "ghyt",
279 label: "规划用途",
280 },
281 {
282 prop: "ytmc",
283 label: "用途名称",
284 },
285 {
286 prop: "pzyt",
287 label: "批准用途",
288 },
289 {
290 prop: "sjyt",
291 label: "实际用途",
292 }, {
293 prop: "fwjg",
294 label: "房屋结构",
295 }, {
296 prop: "fwjgmc",
297 label: "房屋结构名称",
298 }, {
299 prop: "jzmj",
300 label: "建筑面积",
301 },
302 {
303 prop: "jgsj",
304 label: "竣工时间",
305 }, {
306 prop: "zts",
307 label: "总套数",
308 },
309 {
310 prop: "djyy",
311 label: "登记原因",
312 },
313 {
314 prop: "bdcqzh",
315 label: "不动产权证号",
316 },
317 {
318 prop: "djsj",
319 label: "登记时间",
320 },
321 {
322 prop: "dbr",
323 label: "登簿人",
324 },
325 {
326 prop: "fj",
327 label: "附记",
328 },
329 ],
330 FDCQ2: [
331 {
332 prop: "qszt",
333 label: "权属状态",
334 },
335 {
336 prop: "sjlx",
337 label: "数据类型",
338 },
339 {
340 prop: "qllxmc",
341 label: "权利类型",
342 },
343 {
344 prop: "djlxmc",
345 label: "登记类型",
346 },
347 {
348 prop: "ssywh",
349 label: "上手业务号",
350 },
351 {
352 prop: "dah",
353 label: "档案号",
354 },
355 {
356 prop: "ywh",
357 label: "业务号",
358 },
359 {
360 prop: "bdcdyh",
361 label: "不动产单元号",
362 },
363 {
364 prop: "zl",
365 label: "坐落",
366 },
367 {
368 prop: "gyqk",
369 label: "共有情况",
370 },
371 {
372 prop: "qlrlx",
373 label: "权利人类型",
374 },
375 {
376 prop: "qlrmc",
377 label: "权利人",
378 },
379 {
380 prop: "qlrzjzl",
381 label: "证件种类",
382 },
383 {
384 prop: "qlrzjhm",
385 label: "证件号",
386 },
387 {
388 prop: "tdsyqr",
389 label: "土地使用权人",
390 },
391 {
392 prop: "dytdmj",
393 label: "独用土地面积(m²)",
394 },
395 {
396 prop: "fttdmj",
397 label: "分摊土地面积(m²)",
398 },
399 {
400 prop: "tdxzmc",
401 label: "土地性质",
402 },
403 {
404 prop: "tdsyqzsj",
405 label: "使用权起止时间",
406 },
407 {
408 prop: "qdjgmc",
409 label: "房地产交易价格",
410 },
411 {
412 prop: "ytmc",
413 label: "房屋用途",
414 },
415 {
416 prop: "fwxzmc",
417 label: "房屋性质",
418 },
419 {
420 prop: "fwjgmc",
421 label: "房屋结构",
422 },
423 {
424 prop: "szc",
425 label: "所在层",
426 },
427 {
428 prop: "zcs",
429 label: "总层数",
430 },
431 {
432 prop: "jzmj",
433 label: "建筑面积（m2）",
434 },
435 {
436 prop: "zyjzmj",
437 label: "专有建筑面积（m2）",
438 },
439
440 {
441 prop: "ftjzmj",
442 label: "分摊建筑面积（m2）",
443 },
444 {
445 prop: "jgsj",
446 label: "竣工时间",
447 },
448 {
449 prop: "djyy",
450 label: "登记原因",
451 },
452 {
453 prop: "bdcqzh",
454 label: "不动产权证号",
455 },
456 {
457 prop: "djsj",
458 label: "登记时间",
459 },
460 {
461 prop: "dbr",
462 label: "登簿人",
463 },
464 {
465 prop: "fj",
466 label: "附记",
467 },
468 ],
469 NYDSYQ: [
470 {
471 prop: "qszt",
472 label: "权属状态",
473 },
474 {
475 prop: "sjlx",
476 label: "数据类型",
477 },
478 {
479 prop: "qllxmc",
480 label: "权利类型",
481 },
482 {
483 prop: "djlxmc",
484 label: "登记类型",
485 },
486 {
487 prop: "ssywh",
488 label: "上手业务号",
489 },
490 {
491 prop: "dah",
492 label: "档案号",
493 },
494 {
495 prop: "ywh",
496 label: "业务号",
497 },
498 {
499 prop: "bdcdyh",
500 label: "不动产单元号",
501 },
502 {
503 prop: "zl",
504 label: "坐落",
505 },
506 {
507 prop: "gyqk",
508 label: "共有情况",
509 },
510 {
511 prop: "qlrlx",
512 label: "权利人类型",
513 },
514 {
515 prop: "qlrmc",
516 label: "权利人",
517 },
518 {
519 prop: "qlrzjzl",
520 label: "证件种类",
521 },
522 {
523 prop: "qlrzjhm",
524 label: "证件号",
525 },
526 {
527 prop: "mj",
528 label: "使用权面积(m²)",
529 },
530 {
531 prop: "qlxzmc",
532 label: "权利性质",
533 },
534 {
535 prop: "ytmc",
536 label: "土地用途",
537 },
538 {
539 prop: "fbfdm",
540 label: "发包方代码",
541 },
542 {
543 prop: "fbfmc",
544 label: "发包方名称",
545 },
546 {
547 prop: "cbqzsj",
548 label: "承包起止时间",
549 },
550 {
551 prop: "cbqx",
552 label: "承包期限",
553 },
554 {
555 prop: "tdsyqxzmc",
556 label: "土地所有权性质",
557 },
558 {
559 prop: "syttlxmc",
560 label: "水域滩涂类型",
561 },
562 {
563 prop: "yzyfsmc",
564 label: "养殖业方式",
565 },
566 {
567 prop: "cyzl",
568 label: "草原质量",
569 },
570 {
571 prop: "syzcl",
572 label: "适宜载畜量",
573 },
574 {
575 prop: "ydyhflmc",
576 label: "用地用海分类",
577 },
578 {
579 prop: "djyy",
580 label: "登记原因",
581 },
582 {
583 prop: "bdcqzh",
584 label: "不动产权证号",
585 },
586 {
587 prop: "djsj",
588 label: "登记时间",
589 },
590 {
591 prop: "dbr",
592 label: "登簿人",
593 },
594 {
595 prop: "fj",
596 label: "附记",
597 },
598 ],
599 DYAQ: [
600 {
601 prop: "qszt",
602 label: "权属状态",
603 },
604 {
605 prop: "sjlx",
606 label: "数据类型",
607 },
608 {
609 prop: "dybdclx",
610 label: "抵押不动产类型",
611 render: (h, scope) => {
612 return (
613 <div>
614 <span v-show={scope.row.dybdclx == '1'}>土地</span>
615 <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
616 <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
617 <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
618 <span v-show={scope.row.dybdclx == '5'}>海域</span>
619 <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
620 <span v-show={scope.row.dybdclx == '7'}>其它</span>
621 </div>
622 )
623 }
624 },
625 {
626 prop: "djlxmc",
627 label: "登记类型",
628 },
629 {
630 prop: "ssywh",
631 label: "上手业务号",
632 },
633 {
634 prop: "dah",
635 label: "档案号",
636 },
637 {
638 prop: "ywh",
639 label: "业务号",
640 },
641 {
642 prop: "bdcdyh",
643 label: "不动产单元号",
644 },
645 {
646 prop: "zl",
647 label: "在建建筑物坐落",
648 },
649 {
650 prop: "dyfsmc",
651 label: "抵押方式",
652 },
653 {
654 prop: "qlrmc",
655 label: "抵押权人",
656 },
657 {
658 prop: "qlrzjzl",
659 label: "抵押权人证件种类",
660 },
661 {
662 prop: "qlrzjhm",
663 label: "抵押权人证件号",
664 },
665 {
666 prop: "dyrlx",
667 label: "抵押人类型",
668 },
669 {
670 prop: "ywrmc",
671 label: "抵押人",
672 },
673 {
674 prop: "ywrzjzl",
675 label: "抵押人证件种类",
676 },
677 {
678 prop: "ywrzjhm",
679 label: "抵押人证件号",
680 },
681
682 {
683 prop: "sfygdj",
684 label: "是否预告登记",
685 },
686 {
687 prop: "zjjzwdyfw",
688 label: "在建建筑物抵押范围",
689 },
690 {
691 prop: "dymj",
692 label: "抵押面积",
693 },
694 {
695 prop: "bdbzzqse",
696 label: "被担保主债权数额(万元)",
697 },
698 {
699 prop: "dbfw",
700 label: "担保范围",
701 },
702 {
703 prop: "zwlxqssj",
704 label: "债务履行起始时间",
705 },
706 {
707 prop: "zwlxjssj",
708 label: "债务履行结束时间",
709 },
710 {
711 prop: "zwlxqx",
712 label: "债务履行期限(债务确定期间)",
713 },
714 {
715 prop: "zgzqqdsshse",
716 label: "最高债权确定事实和数额",
717 },
718 {
719 prop: "sfczyd",
720 label: "是否存在禁止或限制转让抵押不动产的约定",
721 },
722 {
723 prop: "djyy",
724 label: "登记原因",
725 },
726 {
727 prop: "bdcqzh",
728 label: "不动产登记证明号",
729 },
730 {
731 prop: "fj",
732 label: "附记",
733 },
734 {
735 prop: "djsj",
736 label: "登记时间",
737 },
738 {
739 prop: "dbr",
740 label: "登簿人",
741 },
742 {
743 prop: "djjg",
744 label: "登记机构",
745 },
746 {
747 prop: "zxywh",
748 label: "注销抵押业务号",
749 },
750 {
751 prop: "zxdyyy",
752 label: "注销抵押原因",
753 },
754 {
755 prop: "zxsj",
756 label: "注销登记时间",
757 },
758 {
759 prop: "zxdbr",
760 label: "注销登簿人",
761 },
762
763 ],
764 DYIQ: [
765 {
766 prop: "qszt",
767 label: "权属状态",
768 },
769 {
770 prop: "sjlx",
771 label: "数据类型",
772 },
773 {
774 prop: "djlxmc",
775 label: "登记类型",
776 },
777 {
778 prop: "ssywh",
779 label: "上手业务号",
780 },
781 {
782 prop: "dah",
783 label: "档案号",
784 },
785 {
786 prop: "ywh",
787 label: "业务号",
788 },
789 {
790 prop: "gydbdcdyh",
791 label: "供役地不动产单元号",
792 },
793 {
794 prop: "gydqlr",
795 label: "供役地权利人",
796 },
797 {
798 prop: "gydqlrzjzl",
799 label: "供役地权利人证件种类",
800 },
801 {
802 prop: "xydbdcdyh",
803 label: "需役地不动产单元号",
804 },
805 {
806 prop: "xydzl",
807 label: "需役地坐落",
808 },
809 {
810 prop: "xydqlr",
811 label: "需役地权利人",
812 },
813 {
814 prop: "xydqlrzjzl",
815 label: "需役地权利人证件种类",
816 },
817 {
818 prop: "xydzjh",
819 label: "需役地证件号",
820 },
821 {
822 prop: "djyy",
823 label: "登记原因",
824 },
825 {
826 prop: "dyqnr",
827 label: "地役权内容",
828 },
829 {
830 prop: "qlqssj",
831 label: "权利起始时间",
832 },
833 {
834 prop: "qljssj",
835 label: "权利结束时间",
836 },
837 {
838 prop: "bdcdjzmh",
839 label: "不动产登记证明号",
840 },
841 {
842 prop: "qxdm",
843 label: "区县代码",
844 },
845 {
846 prop: "djjg",
847 label: "登记机构",
848 },
849 {
850 prop: "dbr",
851 label: "登簿人",
852 },
853 {
854 prop: "djsj",
855 label: "登记时间",
856 },
857 ],
858 YGDJ: [
859 {
860 prop: "qszt",
861 label: "权属状态",
862 },
863 {
864 prop: "sjlx",
865 label: "数据类型",
866 },
867 {
868 prop: "ygdjzlmc",
869 label: "预告登记种类",
870 },
871 {
872 prop: "djlxmc",
873 label: "登记类型",
874 },
875 {
876 prop: "ssywh",
877 label: "上手业务号",
878 },
879 {
880 prop: "dah",
881 label: "档案号",
882 },
883 {
884 prop: "ywh",
885 label: "业务号",
886 },
887 {
888 prop: "bdcdyh",
889 label: "不动产单元号",
890 },
891 {
892 prop: "zl",
893 label: "坐落",
894 },
895 {
896 prop: "qlrmc",
897 label: "权利人",
898 },
899 {
900 prop: "qlrzjzl",
901 label: "证件种类",
902 },
903 {
904 prop: "qlrzjhm",
905 label: "证件号",
906 },
907 {
908 prop: "ywrmc",
909 label: "义务人",
910 },
911 {
912 prop: "ywrzjzl",
913 label: "证件种类",
914 },
915 {
916 prop: "ywrzjhm",
917 label: "证件号",
918 },
919 {
920 prop: "fwxzmc",
921 label: "房屋性质",
922 },
923 {
924 prop: "fwjgmc",
925 label: "房屋结构",
926 },
927 {
928 prop: "ytmc",
929 label: "房屋用途",
930 },
931 {
932 prop: "szc",
933 label: "所在层",
934 },
935 {
936 prop: "zcs",
937 label: "总层数",
938 },
939 {
940 prop: "jzmj",
941 label: "建筑面积/抵押面积(㎡)",
942 },
943 {
944 prop: "djyy",
945 label: "登记原因",
946 },
947 {
948 prop: "fj",
949 label: "附记",
950 },
951 {
952 prop: "qdjgmc",
953 label: "取得价格/被担保主债权数额",
954 },
955 {
956 prop: "dbfw",
957 label: "担保范围",
958 },
959 {
960 prop: "sfczyd",
961 label: "是否存在禁止或限制转让抵押不动产的约定",
962 },
963 {
964 prop: "djsj",
965 label: "登记时间",
966 },
967 {
968 prop: "bdcqzh",
969 label: "不动产登记证明号",
970 },
971 {
972 prop: "dbr",
973 label: "登簿人",
974 },
975 {
976 prop: "zxywh",
977 label: "注销预告业务号",
978 },
979 {
980 prop: "zxyy",
981 label: "注销预告原因",
982 },
983 {
984 prop: "zxsj",
985 label: "注销时间",
986 }
987 ],
988 CFDJ: [
989 {
990 prop: "qszt",
991 label: "权属状态",
992 },
993 {
994 prop: "sjlx",
995 label: "数据类型",
996 },
997 {
998 prop: "cflxmc",
999 label: "查封类型",
1000 },
1001 {
1002 prop: "ssywh",
1003 label: "上手业务号",
1004 },
1005 {
1006 prop: "dah",
1007 label: "档案号",
1008 },
1009 {
1010 prop: "ywh",
1011 label: "业务号",
1012 },
1013 {
1014 prop: "bdcdyh",
1015 label: "不动产单元号",
1016 },
1017 {
1018 prop: "zl",
1019 label: "坐落",
1020 },
1021 {
1022 prop: "cfjg",
1023 label: "查封机关",
1024 },
1025 {
1026 prop: "ywrmc",
1027 label: "被执行人",
1028 },
1029 {
1030 prop: "ywrzjzl",
1031 label: "证件种类",
1032 },
1033 {
1034 prop: "ywrzjhm",
1035 label: "证件号",
1036 },
1037
1038 {
1039 prop: "cfwh",
1040 label: "查封文号",
1041 },
1042 {
1043 prop: "cfwj",
1044 label: "查封文件",
1045 },
1046 {
1047 prop: "cfqssj",
1048 label: "查封起始时间",
1049 },
1050 {
1051 prop: "cfjssj",
1052 label: "查封结束时间",
1053 },
1054 {
1055 prop: "cfqx",
1056 label: "查封期限",
1057 },
1058 {
1059 prop: "cffw",
1060 label: "查封范围",
1061 },
1062 {
1063 prop: "djjg",
1064 label: "登记机构",
1065 },
1066 {
1067 prop: "dbr",
1068 label: "登簿人",
1069 },
1070 {
1071 prop: "djsj",
1072 label: "登记时间",
1073 },
1074 {
1075 prop: "zxywh",
1076 label: "解封业务号",
1077 },
1078 {
1079 prop: "jfjg",
1080 label: "解封机关",
1081 },
1082 {
1083 prop: "jfwh",
1084 label: "解封文号",
1085 },
1086 {
1087 prop: "jfwj",
1088 label: "解封文件",
1089 },
1090 {
1091 prop: "zxsj",
1092 label: "解封登记时间",
1093 },
1094 {
1095 prop: "zxdbr",
1096 label: "解封登簿人",
1097 },
1098 ],
1099 YYDJ: [
1100 {
1101 prop: "sjlx",
1102 label: "数据类型",
1103 },
1104 {
1105 prop: "qszt",
1106 label: "权属状态",
1107 },
1108 {
1109 prop: "qllxmc",
1110 label: "权利类型",
1111 },
1112 {
1113 prop: "djlxmc",
1114 label: "登记类型",
1115 },
1116 {
1117 prop: "ssywh",
1118 label: "上手业务号",
1119 },
1120 {
1121 prop: "dah",
1122 label: "档案号",
1123 },
1124 {
1125 prop: "ywh",
1126 label: "业务号",
1127 },
1128 {
1129 prop: "bdcdyh",
1130 label: "不动产单元号",
1131 },
1132 {
1133 prop: "zl",
1134 label: "坐落",
1135 },
1136 {
1137 prop: "yyr",
1138 label: "异议人",
1139 },
1140 {
1141 prop: "zjzl",
1142 label: "证件种类",
1143 },
1144 {
1145 prop: "zjh",
1146 label: "证件号",
1147 },
1148 {
1149 prop: "yysx",
1150 label: "异议事项",
1151 },
1152 {
1153 prop: "bdcdjzmh",
1154 label: "不动产登记证明号",
1155 },
1156 {
1157 prop: "djjg",
1158 label: "登记机构",
1159 },
1160 {
1161 prop: "dbr",
1162 label: "登簿人",
1163 },
1164 {
1165 prop: "djsj",
1166 label: "登记时间",
1167 },
1168 {
1169 prop: "zxyyywh",
1170 label: "注销异议业务号",
1171 },
1172 {
1173 prop: "zxyyyy",
1174 label: "注销异议原因",
1175 },
1176 {
1177 prop: "zxyydbr",
1178 label: "注销异议登簿人",
1179 },
1180 {
1181 prop: "zxyydjsj",
1182 label: "注销异议登记时间",
1183 },
1184 ],
1185 LDSYQ: [
1186 {
1187 prop: "ywh",
1188 label: "业务号",
1189 },
1190 {
1191 prop: "sjlx",
1192 label: "数据类型",
1193 },
1194 {
1195 prop: "qllxmc",
1196 label: "权利类型",
1197 },
1198 {
1199 prop: "djlxmc",
1200 label: "登记类型",
1201 },
1202 {
1203 prop: "ssywh",
1204 label: "上手业务号",
1205 },
1206
1207 {
1208 prop: "bdcdyh",
1209 label: "不动产单元号",
1210 },
1211 {
1212 prop: "zl",
1213 label: "坐落",
1214 },
1215 {
1216 prop: "gyqk",
1217 label: "共有情况",
1218 },
1219 {
1220 prop: "qlrzjzl",
1221 label: "证件种类",
1222 },
1223 {
1224 prop: "qlrzjhm",
1225 label: "证件号",
1226 },
1227 {
1228 prop: "ldsyqxz",
1229 label: "林地所有权性质",
1230 },
1231 {
1232 prop: "fbf",
1233 label: "发包方",
1234 },
1235 {
1236 prop: "fbfdm",
1237 label: "发包方代码",
1238 },
1239 {
1240 prop: "syqmj",
1241 label: "使用权面积",
1242 },
1243 {
1244 prop: "sllb",
1245 label: "森林类别",
1246 },
1247 {
1248 prop: "zylz",
1249 label: "主要树种",
1250 },
1251 {
1252 prop: "zs",
1253 label: "株数",
1254 },
1255 {
1256 prop: "lz",
1257 label: "林种",
1258 },
1259 {
1260 prop: "qy",
1261 label: "起源",
1262 },
1263 {
1264 prop: "zlnd",
1265 label: "造林年度",
1266 },
1267 {
1268 prop: "lb",
1269 label: "林班",
1270 },
1271 {
1272 prop: "xb",
1273 label: "小班",
1274 },
1275 {
1276 prop: "xdm",
1277 label: "小地名",
1278 },
1279 {
1280 prop: "djjg",
1281 label: "登记机构",
1282 },
1283 {
1284 prop: "dbr",
1285 label: "登簿人",
1286 },
1287 {
1288 prop: "djsj",
1289 label: "登记时间",
1290 },
1291 ]
1292 }
1293 }
1294
1295
1296 }
1297
1298 let datas = new data()
1299
1300 export {
1301 datas
1302 }
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:14:29
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 row.qlzt == '4' ? 'linshi' : '',
27
28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
32 ]">
33 <div class="setbut" v-if="item.prop == 'cz'">
34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getYgdjList } from "@/api/djbDetail.js";
74 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
75 export default {
76 data () {
77 return {
78 bdcdyid: this.$route.query.bdcdyid,
79 qllx: this.$route.query.qllx,
80 title: "预告登记信息",
81 qsztList: datas.columns().qsztList,
82 checkList: datas.columns().checkList,
83 //列表数据
84 tableData: [],
85 //空列值个数
86 emptycolNum: datas.columns().emptycolNum,
87 //列名称对象
88 columns: datas.columns().YGDJ,
89 };
90 },
91 created () {
92 this.loadData();
93 },
94 methods: {
95 /**
96 * @description: loadData
97 * @author: renchao
98 */
99 loadData () {
100 // 判断是否在登记簿补录调的子页面
101 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({
103 prop: "cz",
104 label: "操作"
105 })
106 }
107 getYgdjList({
108 bdcdyid: this.bdcdyid,
109 qllx: this.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx);
116 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
117 });
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15: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 row.qlzt == '4' ? 'linshi' : '',
27
28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
32 ]">
33 <div class="setbut" v-if="item.prop == 'cz'">
34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getYydjList } from "@/api/djbDetail.js";
74 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
75 export default {
76 data () {
77 return {
78 title: "异议登记信息",
79 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList,
81 //传递参数
82 bdcdyid: this.$route.query.bdcdyid,
83 qllx: this.$route.query.qllx,
84 //列表数据
85 tableData: [],
86 //空列值个数
87 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象
89 columns: datas.columns().YYDJ,
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 methods: {
96 /**
97 * @description: loadData
98 * @author: renchao
99 */
100 loadData () {
101 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({
103 prop: "cz",
104 label: "操作"
105 })
106 }
107 getYydjList({
108 bdcdyid: this.bdcdyid,
109 qllx: this.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx);
116 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
117 });
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description :宗地基本信息
3 * @Autor : miaofang
4 * @LastEditTime: 2023-08-04 10:06:45
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.yt | dicyt("tdyt") }}</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="4">{{ zdjbxx.fj }}</td>
92 </tr>
93 <tr v-if="showGroup">
94 <td rowspan="4">变化情况</td>
95 </tr>
96
97 <tr v-if="showGroup">
98 <td>变化原因</td>
99 <td>变化内容</td>
100 <td>登记时间</td>
101 <td>登簿人</td>
102 </tr>
103 <!-- <tr >
104 <td>{{ zdbhqks[0].bhyy }}</td>
105 <td>{{ zdbhqks[0].bhnr }}</td>
106 <td>{{ zdbhqks[0].djsj }}</td>
107 <td>{{ zdbhqks[0].dbr }}</td>
108 </tr> -->
109 </table>
110 </div>
111 </template>
112
113 <script>
114 import store from "@/store/index.js";
115 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
116
117 export default {
118 data () {
119 return {
120 bdcdyid: this.$route.query.bdcdyid,
121 bhqkColumns: [
122 {
123 prop: "ssywh",
124 label: "上手业务号",
125 },
126 {
127 prop: "zddm",
128 label: "宗地代码",
129 },
130 {
131 prop: "bhqzddm",
132 label: "变化前宗地代码",
133 },
134 {
135 prop: "bhnr",
136 label: "变化内容",
137 },
138 {
139 prop: "bhyy",
140 label: "变化原因",
141 },
142 {
143 prop: "djsj",
144 label: "登记时间",
145 },
146 {
147 prop: "dbr",
148 label: "登簿人",
149 },
150 {
151 prop: "fj",
152 label: "附记",
153 },
154 ],
155 bhqkTableWidth: 745,
156 zdjbxx: {},
157 zdbhqks: [],
158 propsParam: this.$attrs,
159 showGroup: false,
160 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
161 foundItemaa: {},
162 foundItemaaa: {},
163 };
164 },
165 filters: {
166 dictionary: function (value, param) {
167 const foundItem = store.getters.dictData[param].find(
168 (item) => item.dcode === String(value)
169 );
170 if (foundItem) {
171 return foundItem.dname;
172 }
173 },
174 dicyt: function (value, param) {
175 const res = store.getters.dictData[param].filter((item) => {
176 if (item.dcode === String(value)) {
177 return item;
178 } else {
179 if (item.children.length) {
180 const res2 = item.children.filter((items) => {
181 if (items.dcode === String(value)) {
182 return items;
183 }
184 });
185 if (res2.length) {
186 return res2;
187
188 }
189
190 }
191 }
192 });
193 if (res[0]) {
194 return res[0].dname
195 }
196 },
197 },
198 created () {
199 this.loadData();
200 },
201 methods: {
202 /**
203 * @description: loadData
204 * @author: renchao
205 */
206 loadData () {
207 getZdjjxxBybdcdyid({ bdcdyid: this.bdcdyid }).then((res) => {
208 if (res.code === 200) {
209 this.zdjbxx = res.result.zdjbxx;
210 this.zdbhqks = res.result.zdbhqkList;
211 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
212 this.showGroup = true;
213 }
214 }
215 });
216 },
217 },
218 };
219 </script>
220 <style lang="scss" scoped>
221 @import "~@/styles/tablecss.scss";
222 .tableDivCss{
223 width: 100%;
224 height: 100%;
225 background-color: rgb(255, 255, 255);
226
227 }
228 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:57:40
5 -->
6 <template>
7 <div class="all">
8 <!-- <el-button v-if="isshow" @click="printdjb" class="printdjb"
9 >开始打印</el-button> -->
10 <component
11 :is="currentTabComponent"
12 class="tab"
13 ></component>
14 </div>
15 </template>
16
17 <script>
18 import djbfm from "./components/djbfm.vue";
19 import zdjbxx from "./components/zdjbxx.vue";
20 import fdcq1 from "./components/fdcq1.vue";
21 import fdcq2 from "./components/fdcq2.vue";
22 import jsydsyq from "./components/jsydsyq.vue";
23 import ldsyq from "./components/ldsyq.vue";
24 import nydsyq from "./components/nydsyq.vue";
25 import yydj from "./components/yydj.vue";
26 import ygdj from "./components/ygdj.vue";
27 import cfdj from "./components/cfdj.vue";
28 import diyiq from "./components/diyiq.vue";
29 import diyaq from "./components/diyaq.vue";
30 import bdcqljqtsx from "./components/bdcqljqtsx.vue";
31
32 export default {
33 components: {
34 djbfm,
35 zdjbxx,
36 fdcq1,
37 fdcq2,
38 jsydsyq,
39 ldsyq,
40 nydsyq,
41 yydj,
42 cfdj,
43 diyiq,
44 diyaq,
45 ygdj,
46 bdcqljqtsx
47 // currentTab:this.$route.query.content,
48 },
49 data() {
50 return {
51 isshow: true,
52 };
53 },
54 computed: {
55
56 currentTabComponent() {
57 return this.$route.query.content
58 }
59 },
60 mounted() {
61 this.currentTab=this.$route.query.content
62 this.printdjb()
63 },
64 methods: {
65 printdjb() {
66 this.isshow = false;
67 setTimeout(() => {
68 window.print();
69 }, 200);
70 },
71 },
72 };
73 </script>
74 <style scoped lang="scss">
75
76
77 /* 斜线 */
78 .slash1 {
79 position: absolute;
80 display: block;
81 top: 0;
82 left: 0;
83 width: 133px;
84 height: 1px;
85 background-color: #949393;
86 transform: rotate(17.93010235415598deg);
87 transform-origin: top left;
88 }
89 /* 左下角文字 */
90 .left {
91 position: absolute;
92 left: 30px;
93 bottom: 5px;
94 }
95
96 /* 右上角文字 */
97 .mid {
98 position: absolute;
99 /* 右上角 right:0; top: 0; */
100 right: 29px;
101 top: 4px;
102 }
103 </style>
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
8 <div class="content" v-if="qlxxList.ztqlmc"> 8 <div class="content" v-if="qlxxList.ztqlmc">
9 <el-button class="print" @click="print">打印</el-button>
9 <div class="title">不动产权利及其他事项<br />登记信息</div> 10 <div class="title">不动产权利及其他事项<br />登记信息</div>
10 <div> 11 <div>
11 不动产单元号: 12 不动产单元号:
...@@ -74,6 +75,15 @@ ...@@ -74,6 +75,15 @@
74 } 75 }
75 }); 76 });
76 }, 77 },
78 methods: {
79 print() {
80 console.log("this.propsParam.bdcdyid ", this.propsParam);
81 window.open(
82 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`,
83 `printdjb`
84 );
85 },
86 }
77 }; 87 };
78 </script> 88 </script>
79 89
...@@ -82,7 +92,14 @@ ...@@ -82,7 +92,14 @@
82 width: 100%; 92 width: 100%;
83 height: 100%; 93 height: 100%;
84 background: #fff; 94 background: #fff;
85 95 position: relative;
96 .print {
97 // background-color: #0079fe;
98 z-index: 10;
99 position: absolute;
100 left: 11px;
101 top: 5px;
102 }
86 .content { 103 .content {
87 width: 50%; 104 width: 50%;
88 height: 100%; 105 height: 100%;
...@@ -94,6 +111,7 @@ ...@@ -94,6 +111,7 @@
94 font-size: 18px; 111 font-size: 18px;
95 line-height: 16px; 112 line-height: 16px;
96 113
114
97 .title { 115 .title {
98 font-size: 32px; 116 font-size: 32px;
99 text-align: center; 117 text-align: center;
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -32,13 +35,27 @@ ...@@ -32,13 +35,27 @@
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 35 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 36 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 38 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
36 ]"> 39 ]"
37 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 40 >
38 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 41 <div
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 42 class="setbut"
43 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
44 >
45 <el-button
46 type="text"
47 icon="el-icon-edit-outline"
48 @click="editDialog(row)"
49 >编辑</el-button
50 >
51 <el-button
52 type="text"
53 icon="el-icon-edit-outline"
54 @click="editDialog(row, 'D')"
55 >删除</el-button
56 >
40 </div> 57 </div>
41 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
42 有效 59 有效
43 </div> 60 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 61 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -51,14 +68,20 @@ ...@@ -51,14 +68,20 @@
51 正在注销 68 正在注销
52 </div> 69 </div>
53 70
54 <p v-if="!['djyy','fj'].includes(item.prop)"> 71 <p v-if="!['djyy', 'fj'].includes(item.prop)">
55 <span v-if="item.prop == 'qszt'"> 72 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
57 </span> 74 </span>
58 <span v-else>{{ row[item.prop] }}</span> 75 <span v-else>{{ row[item.prop] }}</span>
59 </p> 76 </p>
60 77
61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 78 <el-tooltip
79 v-else
80 effect="dark"
81 :content="row[item.prop]"
82 placement="top"
83 popper-class="tooltip-width"
84 >
62 <span class="ellipsis-line"> 85 <span class="ellipsis-line">
63 {{ row[item.prop] }} 86 {{ row[item.prop] }}
64 </span> 87 </span>
...@@ -73,11 +96,11 @@ ...@@ -73,11 +96,11 @@
73 </template> 96 </template>
74 97
75 <script> 98 <script>
76 import { datas } from "./qlxxFormData.js"; 99 import { datas } from "./qlxxFormData.js";
77 import { getSjlx } from "@/utils/dictionary.js"; 100 import { getSjlx } from "@/utils/dictionary.js";
78 import { getCfdjList } from "@/api/djbDetail.js"; 101 import { getCfdjList } from "@/api/djbDetail.js";
79 export default { 102 export default {
80 data () { 103 data() {
81 return { 104 return {
82 title: "查封登记信息", 105 title: "查封登记信息",
83 qsztList: datas.columns().qsztList, 106 qsztList: datas.columns().qsztList,
...@@ -92,7 +115,7 @@ ...@@ -92,7 +115,7 @@
92 columns: datas.columns().CFDJ, 115 columns: datas.columns().CFDJ,
93 }; 116 };
94 }, 117 },
95 created () { 118 created() {
96 this.loadData(); 119 this.loadData();
97 }, 120 },
98 methods: { 121 methods: {
...@@ -100,7 +123,7 @@ ...@@ -100,7 +123,7 @@
100 * @description: loadData 123 * @description: loadData
101 * @author: renchao 124 * @author: renchao
102 */ 125 */
103 loadData () { 126 loadData() {
104 if (this.$parent.addRepairRecord) { 127 if (this.$parent.addRepairRecord) {
105 this.columns.unshift({ prop: "cz", label: "操作" }); 128 this.columns.unshift({ prop: "cz", label: "操作" });
106 } 129 }
...@@ -111,9 +134,9 @@ ...@@ -111,9 +134,9 @@
111 }).then((res) => { 134 }).then((res) => {
112 if (res.code === 200) { 135 if (res.code === 200) {
113 this.tableData = res.result; 136 this.tableData = res.result;
114 this.tableData.forEach(item => { 137 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx) 138 item.sjlx = getSjlx(item.sjlx);
116 }) 139 });
117 this.tableData.forEach((item, index) => { 140 this.tableData.forEach((item, index) => {
118 if (item.sfbxf == "1") { 141 if (item.sfbxf == "1") {
119 item.zxywh = ""; 142 item.zxywh = "";
...@@ -134,7 +157,7 @@ ...@@ -134,7 +157,7 @@
134 * @description: checkChange 157 * @description: checkChange
135 * @author: renchao 158 * @author: renchao
136 */ 159 */
137 checkChange () { 160 checkChange() {
138 if (this.checkList.length === 0) { 161 if (this.checkList.length === 0) {
139 this.tableData = []; 162 this.tableData = [];
140 this.emptycolNum = datas.columns().emptycolNum; 163 this.emptycolNum = datas.columns().emptycolNum;
...@@ -146,7 +169,7 @@ ...@@ -146,7 +169,7 @@
146 * @description: getQsztName 169 * @description: getQsztName
147 * @author: renchao 170 * @author: renchao
148 */ 171 */
149 getQsztName (code) { 172 getQsztName(code) {
150 let name = ""; 173 let name = "";
151 for (let item of this.qsztList) { 174 for (let item of this.qsztList) {
152 if (item.value == code) { 175 if (item.value == code) {
...@@ -163,7 +186,7 @@ ...@@ -163,7 +186,7 @@
163 * @param {*} del 186 * @param {*} del
164 * @author: renchao 187 * @author: renchao
165 */ 188 */
166 editDialog (row, del) { 189 editDialog(row, del) {
167 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 190 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
168 confirmButtonText: "确定", 191 confirmButtonText: "确定",
169 cancelButtonText: "取消", 192 cancelButtonText: "取消",
...@@ -184,10 +207,27 @@ ...@@ -184,10 +207,27 @@
184 }); 207 });
185 }); 208 });
186 }, 209 },
210 print() {
211 console.log("this.propsParam.bdcdyid ", this.propsParam);
212 window.open(
213 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`,
214 `printdjb`
215 );
187 }, 216 },
188 }; 217 },
218 };
189 </script> 219 </script>
190 220
191 <style lang="scss" scoped> 221 <style lang="scss" scoped>
192 @import "./qlxxCommon.scss"; 222 @import "./qlxxCommon.scss";
223 .title {
224 position: relative;
225 .print {
226 // background-color: #0079fe;
227 z-index: 10;
228 position: absolute;
229 left: 11px;
230 top: 5px;
231 }
232 }
193 </style> 233 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -35,18 +38,26 @@ ...@@ -35,18 +38,26 @@
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
43 <div
44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
40 <el-button 47 <el-button
41 type="text" 48 type="text"
42 icon="el-icon-edit-outline" 49 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button> 50 @click="editDialog(row)"
51 >编辑</el-button
52 >
44 <el-button 53 <el-button
45 type="text" 54 type="text"
46 icon="el-icon-edit-outline" 55 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button> 56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
48 </div> 59 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
50 有效 61 有效
51 </div> 62 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -59,14 +70,20 @@ ...@@ -59,14 +70,20 @@
59 正在注销 70 正在注销
60 </div> 71 </div>
61 72
62 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
65 </span> 76 </span>
66 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
67 </p> 78 </p>
68 79
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
70 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
71 {{ row[item.prop] }} 88 {{ row[item.prop] }}
72 </span> 89 </span>
...@@ -81,11 +98,11 @@ ...@@ -81,11 +98,11 @@
81 </template> 98 </template>
82 99
83 <script> 100 <script>
84 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
85 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
86 import { getDiyaqList } from "@/api/djbDetail.js"; 103 import { getDiyaqList } from "@/api/djbDetail.js";
87 export default { 104 export default {
88 data () { 105 data() {
89 return { 106 return {
90 title: "抵押权登记信息", 107 title: "抵押权登记信息",
91 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
...@@ -100,7 +117,7 @@ ...@@ -100,7 +117,7 @@
100 columns: datas.columns().DYAQ, 117 columns: datas.columns().DYAQ,
101 }; 118 };
102 }, 119 },
103 created () { 120 created() {
104 this.loadData(); 121 this.loadData();
105 }, 122 },
106 methods: { 123 methods: {
...@@ -108,7 +125,7 @@ ...@@ -108,7 +125,7 @@
108 * @description: loadData 125 * @description: loadData
109 * @author: renchao 126 * @author: renchao
110 */ 127 */
111 loadData () { 128 loadData() {
112 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
113 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
114 } 131 }
...@@ -121,7 +138,7 @@ ...@@ -121,7 +138,7 @@
121 this.tableData = res.result; 138 this.tableData = res.result;
122 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
123 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
124 item.dybdclx = getDictLeabel(item.dybdclx, 'A27') 141 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
125 }); 142 });
126 if (this.tableData.length < datas.columns().emptycolNum) { 143 if (this.tableData.length < datas.columns().emptycolNum) {
127 this.emptycolNum = 144 this.emptycolNum =
...@@ -136,7 +153,7 @@ ...@@ -136,7 +153,7 @@
136 * @description: checkChange 153 * @description: checkChange
137 * @author: renchao 154 * @author: renchao
138 */ 155 */
139 checkChange () { 156 checkChange() {
140 if (this.checkList.length === 0) { 157 if (this.checkList.length === 0) {
141 this.tableData = []; 158 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum; 159 this.emptycolNum = datas.columns().emptycolNum;
...@@ -149,7 +166,7 @@ ...@@ -149,7 +166,7 @@
149 * @param {*} code 166 * @param {*} code
150 * @author: renchao 167 * @author: renchao
151 */ 168 */
152 getQsztName (code) { 169 getQsztName(code) {
153 let name = ""; 170 let name = "";
154 for (let item of this.qsztList) { 171 for (let item of this.qsztList) {
155 if (item.value == code) { 172 if (item.value == code) {
...@@ -166,7 +183,7 @@ ...@@ -166,7 +183,7 @@
166 * @param {*} del 183 * @param {*} del
167 * @author: renchao 184 * @author: renchao
168 */ 185 */
169 editDialog (row, del) { 186 editDialog(row, del) {
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
171 confirmButtonText: "确定", 188 confirmButtonText: "确定",
172 cancelButtonText: "取消", 189 cancelButtonText: "取消",
...@@ -186,10 +203,27 @@ ...@@ -186,10 +203,27 @@
186 }); 203 });
187 }); 204 });
188 }, 205 },
206 print() {
207 console.log("this.propsParam.bdcdyid ", this.propsParam);
208 window.open(
209 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`,
210 `printdjb`
211 );
189 }, 212 },
190 }; 213 },
214 };
191 </script> 215 </script>
192 216
193 <style lang="scss" scoped> 217 <style lang="scss" scoped>
194 @import "./qlxxCommon.scss"; 218 @import "./qlxxCommon.scss";
219 .title {
220 position: relative;
221 .print {
222 // background-color: #0079fe;
223 z-index: 10;
224 position: absolute;
225 left: 11px;
226 top: 5px;
227 }
228 }
195 </style> 229 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -34,13 +37,27 @@ ...@@ -34,13 +37,27 @@
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 43 <div
41 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
47 <el-button
48 type="text"
49 icon="el-icon-edit-outline"
50 @click="editDialog(row)"
51 >编辑</el-button
52 >
53 <el-button
54 type="text"
55 icon="el-icon-edit-outline"
56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
42 </div> 59 </div>
43 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
44 有效 61 有效
45 </div> 62 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -53,14 +70,20 @@ ...@@ -53,14 +70,20 @@
53 正在注销 70 正在注销
54 </div> 71 </div>
55 72
56 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
57 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
58 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
59 </span> 76 </span>
60 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
61 </p> 78 </p>
62 79
63 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
64 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
65 {{ row[item.prop] }} 88 {{ row[item.prop] }}
66 </span> 89 </span>
...@@ -75,11 +98,11 @@ ...@@ -75,11 +98,11 @@
75 </template> 98 </template>
76 99
77 <script> 100 <script>
78 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
79 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
80 import { getDiyiqList } from "@/api/djbDetail.js"; 103 import { getDiyiqList } from "@/api/djbDetail.js";
81 export default { 104 export default {
82 data () { 105 data() {
83 return { 106 return {
84 title: "地役权登记信息", 107 title: "地役权登记信息",
85 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
...@@ -94,7 +117,7 @@ ...@@ -94,7 +117,7 @@
94 columns: datas.columns().DYIQ, 117 columns: datas.columns().DYIQ,
95 }; 118 };
96 }, 119 },
97 created () { 120 created() {
98 this.loadData(); 121 this.loadData();
99 }, 122 },
100 methods: { 123 methods: {
...@@ -102,7 +125,7 @@ ...@@ -102,7 +125,7 @@
102 * @description: loadData 125 * @description: loadData
103 * @author: renchao 126 * @author: renchao
104 */ 127 */
105 loadData () { 128 loadData() {
106 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
107 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
108 } 131 }
...@@ -115,7 +138,7 @@ ...@@ -115,7 +138,7 @@
115 this.tableData = res.result; 138 this.tableData = res.result;
116 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
117 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
118 item.dybdclx = getDictLeabel(item.dybdclx, 'A27') 141 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
119 }); 142 });
120 if (this.tableData.length < datas.columns().emptycolNum) { 143 if (this.tableData.length < datas.columns().emptycolNum) {
121 this.emptycolNum = 144 this.emptycolNum =
...@@ -130,7 +153,7 @@ ...@@ -130,7 +153,7 @@
130 * @description: checkChange 153 * @description: checkChange
131 * @author: renchao 154 * @author: renchao
132 */ 155 */
133 checkChange () { 156 checkChange() {
134 if (this.checkList.length === 0) { 157 if (this.checkList.length === 0) {
135 this.tableData = []; 158 this.tableData = [];
136 this.emptycolNum = datas.columns().emptycolNum; 159 this.emptycolNum = datas.columns().emptycolNum;
...@@ -143,7 +166,7 @@ ...@@ -143,7 +166,7 @@
143 * @param {*} code 166 * @param {*} code
144 * @author: renchao 167 * @author: renchao
145 */ 168 */
146 getQsztName (code) { 169 getQsztName(code) {
147 let name = ""; 170 let name = "";
148 for (let item of this.qsztList) { 171 for (let item of this.qsztList) {
149 if (item.value == code) { 172 if (item.value == code) {
...@@ -160,7 +183,7 @@ ...@@ -160,7 +183,7 @@
160 * @param {*} del 183 * @param {*} del
161 * @author: renchao 184 * @author: renchao
162 */ 185 */
163 editDialog (row, del) { 186 editDialog(row, del) {
164 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
165 confirmButtonText: "确定", 188 confirmButtonText: "确定",
166 cancelButtonText: "取消", 189 cancelButtonText: "取消",
...@@ -181,10 +204,27 @@ ...@@ -181,10 +204,27 @@
181 }); 204 });
182 }); 205 });
183 }, 206 },
207 print() {
208 console.log("this.propsParam.bdcdyid ", this.propsParam);
209 window.open(
210 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`,
211 `printdjb`
212 );
184 }, 213 },
185 }; 214 },
215 };
186 </script> 216 </script>
187 217
188 <style lang="scss" scoped> 218 <style lang="scss" scoped>
189 @import "./qlxxCommon.scss"; 219 @import "./qlxxCommon.scss";
220 .title {
221 position: relative;
222 .print {
223 // background-color: #0079fe;
224 z-index: 10;
225 position: absolute;
226 left: 11px;
227 top: 5px;
228 }
229 }
190 </style> 230 </style>
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 node-key="id" 16 node-key="id"
17 :default-checked-keys="[showTab]"> 17 :default-checked-keys="[showTab]">
18 </el-tree> 18 </el-tree>
19 <el-collapse v-model="activeName" accordion> 19 <el-collapse v-model="activeName" accordion @change="handleChange">
20 <el-collapse-item 20 <el-collapse-item
21 class="sfqqq" 21 class="sfqqq"
22 ref="sfq" 22 ref="sfq"
...@@ -149,8 +149,6 @@ ...@@ -149,8 +149,6 @@
149 this.iskey = index 149 this.iskey = index
150 } 150 }
151 }) 151 })
152 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
153 // this.loadComponent(this.defaultNode.form);
154 152
155 this.setstyle(0, 0, this.iskey); 153 this.setstyle(0, 0, this.iskey);
156 154
...@@ -215,11 +213,11 @@ ...@@ -215,11 +213,11 @@
215 this.currentSelectProps.bdcdyid = data.bdcdyid; 213 this.currentSelectProps.bdcdyid = data.bdcdyid;
216 this.loadComponent(data.form); 214 this.loadComponent(data.form);
217 } else { 215 } else {
216 this.loadComponent(data.form);
218 let newindex = this.sfqdata.findIndex((item) => { 217 let newindex = this.sfqdata.findIndex((item) => {
219 return item.bdcdyid == data.bdcdyid; 218 return item.bdcdyid == data.bdcdyid;
220 }); 219 });
221 this.setstyle(newindex, index, this.iskey); 220 this.setstyle(newindex, index);
222 this.currentSelectProps.bdcdyid = data.bdcdyid;
223 } 221 }
224 222
225 }, 223 },
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="djbfm"> 7 <div class="djbfm">
8 <br /><br /> 8 <br /><br />
9 <el-button class="print" @click="print">打印</el-button>
9 <p> 10 <p>
10 <font>{{ info.sheng }}</font> 11 <font>{{ info.sheng }}</font>
11 省 (区、市) 12 省 (区、市)
...@@ -63,6 +64,10 @@ ...@@ -63,6 +64,10 @@
63 } 64 }
64 }); 65 });
65 }, 66 },
67 print(){
68 console.log("this.propsParam.bdcdyid ",this.propsParam);
69 window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `printdjb`);
70 }
66 }, 71 },
67 }; 72 };
68 </script> 73 </script>
...@@ -78,7 +83,15 @@ ...@@ -78,7 +83,15 @@
78 font-size: 18px; 83 font-size: 18px;
79 font-family: serif; 84 font-family: serif;
80 position: relative; 85 position: relative;
86 .print{
87 // background-color: #0079fe;
88 z-index: 10;
89 position: absolute;
90 left: 11px;
91 top: 5px;
81 92
93
94 }
82 font { 95 font {
83 border-bottom: 1px solid #000; 96 border-bottom: 1px solid #000;
84 display: inline-block; 97 display: inline-block;
......
...@@ -3,20 +3,33 @@ ...@@ -3,20 +3,33 @@
3 <div class="tableBox"> 3 <div class="tableBox">
4 <div class="title"> 4 <div class="title">
5 {{ title }} 5 {{ title }}
6 <el-button class="print" @click="print">打印</el-button>
6 <div class="checkbox"> 7 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 8 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 9 <el-checkbox
10 v-for="item in qsztList"
11 :key="item.value"
12 :label="item.value"
13 >{{ item.label }}</el-checkbox
14 >
9 </el-checkbox-group> 15 </el-checkbox-group>
10 </div> 16 </div>
11 </div> 17 </div>
12 <div class="xxTableBox rollTable"> 18 <div class="xxTableBox rollTable">
13 <!-- 固定前三个 --> 19 <!-- 固定前三个 -->
14 <table class="xxTable"> 20 <table class="xxTable">
15 <tr v-for="(item, colindex) in columns" :class="judge(item.label) ? 'cols':''" :key="colindex"> 21 <tr
22 v-for="(item, colindex) in columns"
23 :class="judge(item.label) ? 'cols' : ''"
24 :key="colindex"
25 >
16 <td> 26 <td>
17 {{ item.label }} 27 {{ item.label }}
18 </td> 28 </td>
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 29 <td
30 v-for="(row, index) in tableData"
31 :key="index"
32 :class="[
20 row.qszt == '2' ? 'lishi' : '', 33 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 34 row.qszt == '0' ? 'linshi' : '',
22 row.qlzt == '4' ? 'linshi' : '', 35 row.qlzt == '4' ? 'linshi' : '',
...@@ -24,13 +37,27 @@ ...@@ -24,13 +37,27 @@
24 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
27 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
28 ]"> 41 ]"
29 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 43 <div
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
47 <el-button
48 type="text"
49 icon="el-icon-edit-outline"
50 @click="editDialog(row)"
51 >编辑</el-button
52 >
53 <el-button
54 type="text"
55 icon="el-icon-edit-outline"
56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
32 </div> 59 </div>
33 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
34 有效 61 有效
35 </div> 62 </div>
36 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -46,17 +73,33 @@ ...@@ -46,17 +73,33 @@
46 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
47 </span> 74 </span>
48 75
49 <el-tooltip v-if="['djyy','fj'].includes(item.prop)" effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 76 <el-tooltip
77 v-if="['djyy', 'fj'].includes(item.prop)"
78 effect="dark"
79 :content="row[item.prop]"
80 placement="top"
81 popper-class="tooltip-width"
82 >
50 <span class="ellipsis-line"> 83 <span class="ellipsis-line">
51 {{ row[item.prop] }} 84 {{ row[item.prop] }}
52 </span> 85 </span>
53 </el-tooltip> 86 </el-tooltip>
54 87
55 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> 88 <span
89 v-if="
90 item.prop !== 'qszt' &&
91 item.prop !== 'djyy' &&
92 item.prop !== 'fj' &&
93 !judge(item.label)
94 "
95 >
56 {{ row[item.prop] }} 96 {{ row[item.prop] }}
57 </span> 97 </span>
58 <div class="many" v-if="judge(item.label)"> 98 <div class="many" v-if="judge(item.label)">
59 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> 99 <div
100 v-for="(label, index) in row.djQlxxFdcqxmDoList"
101 :key="index"
102 >
60 {{ label[item.prop] }} 103 {{ label[item.prop] }}
61 </div> 104 </div>
62 </div> 105 </div>
...@@ -70,11 +113,11 @@ ...@@ -70,11 +113,11 @@
70 </template> 113 </template>
71 114
72 <script> 115 <script>
73 import { datas } from "./qlxxFormData.js"; 116 import { datas } from "./qlxxFormData.js";
74 import { getSjlx } from "@/utils/dictionary.js"; 117 import { getSjlx } from "@/utils/dictionary.js";
75 import { getFdcq1List } from "@/api/djbDetail.js"; 118 import { getFdcq1List } from "@/api/djbDetail.js";
76 export default { 119 export default {
77 data () { 120 data() {
78 return { 121 return {
79 title: "房地产权登记信息（多幢）", 122 title: "房地产权登记信息（多幢）",
80 qsztList: datas.columns().qsztList, 123 qsztList: datas.columns().qsztList,
...@@ -89,7 +132,7 @@ ...@@ -89,7 +132,7 @@
89 columns: datas.columns().FDCQ1, 132 columns: datas.columns().FDCQ1,
90 }; 133 };
91 }, 134 },
92 created () { 135 created() {
93 this.loadData(); 136 this.loadData();
94 }, 137 },
95 methods: { 138 methods: {
...@@ -97,12 +140,12 @@ ...@@ -97,12 +140,12 @@
97 * @description: loadData 140 * @description: loadData
98 * @author: renchao 141 * @author: renchao
99 */ 142 */
100 loadData () { 143 loadData() {
101 if (this.$parent.addRepairRecord) { 144 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({ 145 this.columns.unshift({
103 prop: "cz", 146 prop: "cz",
104 label: "操作" 147 label: "操作",
105 }) 148 });
106 } 149 }
107 getFdcq1List({ 150 getFdcq1List({
108 bdcdyid: this.propsParam.bdcdyid, 151 bdcdyid: this.propsParam.bdcdyid,
...@@ -111,9 +154,9 @@ ...@@ -111,9 +154,9 @@
111 }).then((res) => { 154 }).then((res) => {
112 if (res.code === 200) { 155 if (res.code === 200) {
113 this.tableData = res.result; 156 this.tableData = res.result;
114 this.tableData.forEach(item => { 157 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx) 158 item.sjlx = getSjlx(item.sjlx);
116 }) 159 });
117 if (this.tableData.length < datas.columns().emptycolNum) { 160 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum = 161 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length; 162 datas.columns().emptycolNum - this.tableData.length;
...@@ -127,7 +170,7 @@ ...@@ -127,7 +170,7 @@
127 * @description: checkChange 170 * @description: checkChange
128 * @author: renchao 171 * @author: renchao
129 */ 172 */
130 checkChange () { 173 checkChange() {
131 if (this.checkList.length === 0) { 174 if (this.checkList.length === 0) {
132 this.tableData = []; 175 this.tableData = [];
133 this.emptycolNum = datas.columns().emptycolNum; 176 this.emptycolNum = datas.columns().emptycolNum;
...@@ -140,7 +183,7 @@ ...@@ -140,7 +183,7 @@
140 * @param {*} code 183 * @param {*} code
141 * @author: renchao 184 * @author: renchao
142 */ 185 */
143 getQsztName (code) { 186 getQsztName(code) {
144 let name = ""; 187 let name = "";
145 for (let item of this.qsztList) { 188 for (let item of this.qsztList) {
146 if (item.value == code) { 189 if (item.value == code) {
...@@ -155,11 +198,15 @@ ...@@ -155,11 +198,15 @@
155 * @param {*} lable 198 * @param {*} lable
156 * @author: renchao 199 * @author: renchao
157 */ 200 */
158 judge (label) { 201 judge(label) {
159 if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) { 202 if (
160 return true 203 "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
204 label
205 ) > -1
206 ) {
207 return true;
161 } else { 208 } else {
162 return false 209 return false;
163 } 210 }
164 }, 211 },
165 // 新增一条补录信息 212 // 新增一条补录信息
...@@ -169,33 +216,41 @@ ...@@ -169,33 +216,41 @@
169 * @param {*} del 216 * @param {*} del
170 * @author: renchao 217 * @author: renchao
171 */ 218 */
172 editDialog (row, del) { 219 editDialog(row, del) {
173 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 220 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
174 confirmButtonText: '确定', 221 confirmButtonText: "确定",
175 cancelButtonText: '取消', 222 cancelButtonText: "取消",
176 type: 'warning' 223 type: "warning",
177 }).then(() => { 224 })
178 this.$parent.addRepairRecord(row, del) 225 .then(() => {
226 this.$parent.addRepairRecord(row, del);
179 227
180 this.$message({ 228 this.$message({
181 type: 'success', 229 type: "success",
182 message: '补录成功!' 230 message: "补录成功!",
183 }); 231 });
184 }).catch(() => { 232 })
233 .catch(() => {
185 this.$message({ 234 this.$message({
186 type: 'info', 235 type: "info",
187 message: '取消编辑' 236 message: "取消编辑",
188 }); 237 });
189 }); 238 });
190
191 }, 239 },
240 print() {
241 console.log("this.propsParam.bdcdyid ", this.propsParam);
242 window.open(
243 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`,
244 `printdjb`
245 );
192 }, 246 },
193 }; 247 },
248 };
194 </script> 249 </script>
195 250
196 <style lang="scss" scoped> 251 <style lang="scss" scoped>
197 @import "./qlxxCommon.scss"; 252 @import "./qlxxCommon.scss";
198 .cols { 253 .cols {
199 td { 254 td {
200 .many { 255 .many {
201 width: 100%; 256 width: 100%;
...@@ -213,5 +268,15 @@ ...@@ -213,5 +268,15 @@
213 } 268 }
214 } 269 }
215 } 270 }
271 }
272 .title {
273 position: relative;
274 .print {
275 // background-color: #0079fe;
276 z-index: 10;
277 position: absolute;
278 left: 11px;
279 top: 5px;
216 } 280 }
281 }
217 </style> 282 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -34,19 +37,27 @@ ...@@ -34,19 +37,27 @@
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
43 <div
44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
40 <el-button 47 <el-button
41 type="text" 48 type="text"
42 icon="el-icon-edit-outline" 49 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button> 50 @click="editDialog(row)"
51 >编辑</el-button
52 >
44 <el-button 53 <el-button
45 type="text" 54 type="text"
46 icon="el-icon-edit-outline" 55 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button> 56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
48 </div> 59 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
50 有效 61 有效
51 </div> 62 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -59,19 +70,24 @@ ...@@ -59,19 +70,24 @@
59 正在注销 70 正在注销
60 </div> 71 </div>
61 72
62 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
65 </span> 76 </span>
66 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
67 </p> 78 </p>
68 79
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
70 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
71 {{ row[item.prop] }} 88 {{ row[item.prop] }}
72 </span> 89 </span>
73 </el-tooltip> 90 </el-tooltip>
74
75 </td> 91 </td>
76 <td v-for="count in emptycolNum" :key="~count"></td> 92 <td v-for="count in emptycolNum" :key="~count"></td>
77 </tr> 93 </tr>
...@@ -82,11 +98,11 @@ ...@@ -82,11 +98,11 @@
82 </template> 98 </template>
83 99
84 <script> 100 <script>
85 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
86 import { getSjlx } from "@/utils/dictionary.js"; 102 import { getSjlx } from "@/utils/dictionary.js";
87 import { getFdcq2List } from "@/api/djbDetail.js"; 103 import { getFdcq2List } from "@/api/djbDetail.js";
88 export default { 104 export default {
89 data () { 105 data() {
90 return { 106 return {
91 title: "房地产权登记信息（独幢、层、套、间房屋）", 107 title: "房地产权登记信息（独幢、层、套、间房屋）",
92 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
...@@ -101,7 +117,7 @@ ...@@ -101,7 +117,7 @@
101 columns: datas.columns().FDCQ2, 117 columns: datas.columns().FDCQ2,
102 }; 118 };
103 }, 119 },
104 created () { 120 created() {
105 this.loadData(); 121 this.loadData();
106 }, 122 },
107 methods: { 123 methods: {
...@@ -109,7 +125,7 @@ ...@@ -109,7 +125,7 @@
109 * @description: loadData 125 * @description: loadData
110 * @author: renchao 126 * @author: renchao
111 */ 127 */
112 loadData () { 128 loadData() {
113 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
114 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
115 } 131 }
...@@ -136,7 +152,7 @@ ...@@ -136,7 +152,7 @@
136 * @description: checkChange 152 * @description: checkChange
137 * @author: renchao 153 * @author: renchao
138 */ 154 */
139 checkChange () { 155 checkChange() {
140 if (this.checkList.length === 0) { 156 if (this.checkList.length === 0) {
141 this.tableData = []; 157 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum; 158 this.emptycolNum = datas.columns().emptycolNum;
...@@ -149,7 +165,7 @@ ...@@ -149,7 +165,7 @@
149 * @param {*} code 165 * @param {*} code
150 * @author: renchao 166 * @author: renchao
151 */ 167 */
152 getQsztName (code) { 168 getQsztName(code) {
153 let name = ""; 169 let name = "";
154 for (let item of this.qsztList) { 170 for (let item of this.qsztList) {
155 if (item.value == code) { 171 if (item.value == code) {
...@@ -166,7 +182,7 @@ ...@@ -166,7 +182,7 @@
166 * @param {*} del 182 * @param {*} del
167 * @author: renchao 183 * @author: renchao
168 */ 184 */
169 editDialog (row, del) { 185 editDialog(row, del) {
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 186 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
171 confirmButtonText: "确定", 187 confirmButtonText: "确定",
172 cancelButtonText: "取消", 188 cancelButtonText: "取消",
...@@ -182,10 +198,27 @@ ...@@ -182,10 +198,27 @@
182 }); 198 });
183 }); 199 });
184 }, 200 },
201 print() {
202 console.log("this.propsParam.bdcdyid ", this.propsParam);
203 window.open(
204 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`,
205 `printdjb`
206 );
185 }, 207 },
186 }; 208 },
209 };
187 </script> 210 </script>
188 211
189 <style lang="scss" scoped> 212 <style lang="scss" scoped>
190 @import "./qlxxCommon.scss"; 213 @import "./qlxxCommon.scss";
214 .title {
215 position: relative;
216 .print {
217 // background-color: #0079fe;
218 z-index: 10;
219 position: absolute;
220 left: 11px;
221 top: 5px;
222 }
223 }
191 </style> 224 </style>
......
...@@ -8,9 +8,15 @@ ...@@ -8,9 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <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
15 v-for="item in qsztList"
16 :key="item.value"
17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
14 </el-checkbox-group> 20 </el-checkbox-group>
15 </div> 21 </div>
16 </div> 22 </div>
...@@ -21,7 +27,10 @@ ...@@ -21,7 +27,10 @@
21 <td> 27 <td>
22 {{ item.label }} 28 {{ item.label }}
23 </td> 29 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[ 30 <td
31 v-for="(row, index) in tableData"
32 :key="index"
33 :class="[
25 row.qszt == '2' ? 'lishi' : '', 34 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 35 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '', 36 row.qlzt == '4' ? 'linshi' : '',
...@@ -29,13 +38,27 @@ ...@@ -29,13 +38,27 @@
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 41 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
33 ]"> 42 ]"
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 43 >
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 44 <div
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 45 class="setbut"
46 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
47 >
48 <el-button
49 type="text"
50 icon="el-icon-edit-outline"
51 @click="editDialog(row)"
52 >编辑</el-button
53 >
54 <el-button
55 type="text"
56 icon="el-icon-edit-outline"
57 @click="editDialog(row, 'D')"
58 >删除</el-button
59 >
37 </div> 60 </div>
38 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 61 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
39 有效 62 有效
40 </div> 63 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 64 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -48,13 +71,19 @@ ...@@ -48,13 +71,19 @@
48 正在注销 71 正在注销
49 </div> 72 </div>
50 73
51 <p v-if="!['djyy','fj'].includes(item.prop)"> 74 <p v-if="!['djyy', 'fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'"> 75 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }} 76 {{ getQsztName(row[item.prop]) }}
54 </span> 77 </span>
55 <span v-else>{{ row[item.prop] }}</span> 78 <span v-else>{{ row[item.prop] }}</span>
56 </p> 79 </p>
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
58 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
59 {{ row[item.prop] }} 88 {{ row[item.prop] }}
60 </span> 89 </span>
...@@ -69,11 +98,11 @@ ...@@ -69,11 +98,11 @@
69 </template> 98 </template>
70 99
71 <script> 100 <script>
72 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
73 import { getSjlx } from "@/utils/dictionary.js"; 102 import { getSjlx } from "@/utils/dictionary.js";
74 import { getJsydsyqList } from "@/api/djbDetail.js"; 103 import { getJsydsyqList } from "@/api/djbDetail.js";
75 export default { 104 export default {
76 data () { 105 data() {
77 return { 106 return {
78 title: "建设用地使用权、宅基地使用权登记信息", 107 title: "建设用地使用权、宅基地使用权登记信息",
79 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
...@@ -88,7 +117,7 @@ ...@@ -88,7 +117,7 @@
88 columns: datas.columns().JSYDSYQ, 117 columns: datas.columns().JSYDSYQ,
89 }; 118 };
90 }, 119 },
91 created () { 120 created() {
92 this.loadData(); 121 this.loadData();
93 }, 122 },
94 methods: { 123 methods: {
...@@ -96,13 +125,12 @@ ...@@ -96,13 +125,12 @@
96 * @description: loadData 125 * @description: loadData
97 * @author: renchao 126 * @author: renchao
98 */ 127 */
99 loadData () { 128 loadData() {
100
101 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({ 130 this.columns.unshift({
103 prop: "cz", 131 prop: "cz",
104 label: "操作" 132 label: "操作",
105 }) 133 });
106 } 134 }
107 getJsydsyqList({ 135 getJsydsyqList({
108 bdcdyid: this.propsParam.bdcdyid, 136 bdcdyid: this.propsParam.bdcdyid,
...@@ -111,9 +139,9 @@ ...@@ -111,9 +139,9 @@
111 }).then((res) => { 139 }).then((res) => {
112 if (res.code === 200) { 140 if (res.code === 200) {
113 this.tableData = res.result; 141 this.tableData = res.result;
114 this.tableData.forEach(item => { 142 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx) 143 item.sjlx = getSjlx(item.sjlx);
116 }) 144 });
117 if (this.tableData.length < datas.columns().emptycolNum) { 145 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum = 146 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length; 147 datas.columns().emptycolNum - this.tableData.length;
...@@ -127,7 +155,7 @@ ...@@ -127,7 +155,7 @@
127 * @description: checkChange 155 * @description: checkChange
128 * @author: renchao 156 * @author: renchao
129 */ 157 */
130 checkChange () { 158 checkChange() {
131 if (this.checkList.length === 0) { 159 if (this.checkList.length === 0) {
132 this.tableData = []; 160 this.tableData = [];
133 this.emptycolNum = datas.columns().emptycolNum; 161 this.emptycolNum = datas.columns().emptycolNum;
...@@ -140,7 +168,7 @@ ...@@ -140,7 +168,7 @@
140 * @param {*} code 168 * @param {*} code
141 * @author: renchao 169 * @author: renchao
142 */ 170 */
143 getQsztName (code) { 171 getQsztName(code) {
144 let name = ""; 172 let name = "";
145 for (let item of this.qsztList) { 173 for (let item of this.qsztList) {
146 if (item.value == code) { 174 if (item.value == code) {
...@@ -157,30 +185,48 @@ ...@@ -157,30 +185,48 @@
157 * @param {*} del 185 * @param {*} del
158 * @author: renchao 186 * @author: renchao
159 */ 187 */
160 editDialog (row, del) { 188 editDialog(row, del) {
161 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 189 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
162 confirmButtonText: '确定', 190 confirmButtonText: "确定",
163 cancelButtonText: '取消', 191 cancelButtonText: "取消",
164 type: 'warning' 192 type: "warning",
165 }).then(() => { 193 })
166 this.$parent.addRepairRecord(row, del) 194 .then(() => {
195 this.$parent.addRepairRecord(row, del);
167 196
168 this.$message({ 197 this.$message({
169 type: 'success', 198 type: "success",
170 message: '补录成功!' 199 message: "补录成功!",
171 }); 200 });
172 }).catch(() => { 201 })
202 .catch(() => {
173 this.$message({ 203 this.$message({
174 type: 'info', 204 type: "info",
175 message: '取消编辑' 205 message: "取消编辑",
176 }); 206 });
177 }); 207 });
178
179 }, 208 },
209 print() {
210 console.log("this.propsParam.bdcdyid ", this.propsParam);
211 window.open(
212 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`,
213 `printdjb`
214 );
180 }, 215 },
181 }; 216 },
217 };
182 </script> 218 </script>
183 219
184 <style lang="scss" scoped> 220 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 221 @import "./qlxxCommon.scss";
222 .title {
223 position: relative;
224 .print {
225 // background-color: #0079fe;
226 z-index: 10;
227 position: absolute;
228 left: 11px;
229 top: 5px;
230 }
231 }
186 </style> 232 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -33,29 +36,56 @@ ...@@ -33,29 +36,56 @@
33 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 36 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 39 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
37 ]"> 40 ]"
38 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 41 >
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 42 <div
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 43 class="setbut"
44 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
45 >
46 <el-button
47 type="text"
48 icon="el-icon-edit-outline"
49 @click="editDialog(row)"
50 >编辑</el-button
51 >
52 <el-button
53 type="text"
54 icon="el-icon-edit-outline"
55 @click="editDialog(row, 'D')"
56 >删除</el-button
57 >
58 </div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
60 有效
61 </div>
62 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
63 正在补录
64 </div>
65 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
66 正在申请
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
69 正在注销
41 </div> 70 </div>
42 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
46 71
47 <p v-if="!['djyy','fj'].includes(item.prop)"> 72 <p v-if="!['djyy', 'fj'].includes(item.prop)">
48 <span v-if="item.prop == 'qszt'"> 73 <span v-if="item.prop == 'qszt'">
49 {{ getQsztName(row[item.prop]) }} 74 {{ getQsztName(row[item.prop]) }}
50 </span> 75 </span>
51 <span v-else>{{ row[item.prop] }}</span> 76 <span v-else>{{ row[item.prop] }}</span>
52 </p> 77 </p>
53 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 78 <el-tooltip
79 v-else
80 effect="dark"
81 :content="row[item.prop]"
82 placement="top"
83 popper-class="tooltip-width"
84 >
54 <span class="ellipsis-line"> 85 <span class="ellipsis-line">
55 {{ row[item.prop] }} 86 {{ row[item.prop] }}
56 </span> 87 </span>
57 </el-tooltip> 88 </el-tooltip>
58
59 </td> 89 </td>
60 <td v-for="count in emptycolNum" :key="~count"></td> 90 <td v-for="count in emptycolNum" :key="~count"></td>
61 </tr> 91 </tr>
...@@ -66,11 +96,11 @@ ...@@ -66,11 +96,11 @@
66 </template> 96 </template>
67 97
68 <script> 98 <script>
69 import { datas } from "./qlxxFormData.js"; 99 import { datas } from "./qlxxFormData.js";
70 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 100 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
71 import { getLqList } from "@/api/djbDetail.js"; 101 import { getLqList } from "@/api/djbDetail.js";
72 export default { 102 export default {
73 data () { 103 data() {
74 return { 104 return {
75 title: "林权登记信息", 105 title: "林权登记信息",
76 qsztList: datas.columns().qsztList, 106 qsztList: datas.columns().qsztList,
...@@ -85,7 +115,7 @@ ...@@ -85,7 +115,7 @@
85 columns: datas.columns().LDSYQ, 115 columns: datas.columns().LDSYQ,
86 }; 116 };
87 }, 117 },
88 created () { 118 created() {
89 this.loadData(); 119 this.loadData();
90 }, 120 },
91 methods: { 121 methods: {
...@@ -93,7 +123,7 @@ ...@@ -93,7 +123,7 @@
93 * @description: loadData 123 * @description: loadData
94 * @author: renchao 124 * @author: renchao
95 */ 125 */
96 loadData () { 126 loadData() {
97 if (this.$parent.addRepairRecord) { 127 if (this.$parent.addRepairRecord) {
98 this.columns.unshift({ 128 this.columns.unshift({
99 prop: "cz", 129 prop: "cz",
...@@ -109,9 +139,9 @@ ...@@ -109,9 +139,9 @@
109 this.tableData = res.result; 139 this.tableData = res.result;
110 this.tableData.forEach((item) => { 140 this.tableData.forEach((item) => {
111 item.sjlx = getSjlx(item.sjlx); 141 item.sjlx = getSjlx(item.sjlx);
112 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45') 142 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
113 item.lz = getDictLeabel(item.lz, 'A26') 143 item.lz = getDictLeabel(item.lz, "A26");
114 item.qy = getDictLeabel(item.qy, 'A52') 144 item.qy = getDictLeabel(item.qy, "A52");
115 }); 145 });
116 if (this.tableData.length < datas.columns().emptycolNum) { 146 if (this.tableData.length < datas.columns().emptycolNum) {
117 this.emptycolNum = 147 this.emptycolNum =
...@@ -126,7 +156,7 @@ ...@@ -126,7 +156,7 @@
126 * @description: checkChange 156 * @description: checkChange
127 * @author: renchao 157 * @author: renchao
128 */ 158 */
129 checkChange () { 159 checkChange() {
130 if (this.checkList.length === 0) { 160 if (this.checkList.length === 0) {
131 this.tableData = []; 161 this.tableData = [];
132 this.emptycolNum = datas.columns().emptycolNum; 162 this.emptycolNum = datas.columns().emptycolNum;
...@@ -139,7 +169,7 @@ ...@@ -139,7 +169,7 @@
139 * @param {*} code 169 * @param {*} code
140 * @author: renchao 170 * @author: renchao
141 */ 171 */
142 getQsztName (code) { 172 getQsztName(code) {
143 let name = ""; 173 let name = "";
144 for (let item of this.qsztList) { 174 for (let item of this.qsztList) {
145 if (item.value == code) { 175 if (item.value == code) {
...@@ -156,7 +186,7 @@ ...@@ -156,7 +186,7 @@
156 * @param {*} del 186 * @param {*} del
157 * @author: renchao 187 * @author: renchao
158 */ 188 */
159 editDialog (row, del) { 189 editDialog(row, del) {
160 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 190 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
161 confirmButtonText: "确定", 191 confirmButtonText: "确定",
162 cancelButtonText: "取消", 192 cancelButtonText: "取消",
...@@ -177,11 +207,27 @@ ...@@ -177,11 +207,27 @@
177 }); 207 });
178 }); 208 });
179 }, 209 },
210 print() {
211 console.log("this.propsParam.bdcdyid ", this.propsParam);
212 window.open(
213 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ldsyq`,
214 `printdjb`
215 );
180 }, 216 },
181 }; 217 },
218 };
182 </script> 219 </script>
183 220
184 <style lang="scss" scoped> 221 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 222 @import "./qlxxCommon.scss";
223 .title {
224 position: relative;
225 .print {
226 // background-color: #0079fe;
227 z-index: 10;
228 position: absolute;
229 left: 11px;
230 top: 5px;
231 }
232 }
186 </style> 233 </style>
187
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,9 +8,15 @@ ...@@ -8,9 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <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
15 v-for="item in qsztList"
16 :key="item.value"
17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
14 </el-checkbox-group> 20 </el-checkbox-group>
15 </div> 21 </div>
16 </div> 22 </div>
...@@ -21,7 +27,10 @@ ...@@ -21,7 +27,10 @@
21 <td> 27 <td>
22 {{ item.label }} 28 {{ item.label }}
23 </td> 29 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[ 30 <td
31 v-for="(row, index) in tableData"
32 :key="index"
33 :class="[
25 row.qszt == '2' ? 'lishi' : '', 34 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 35 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '', 36 row.qlzt == '4' ? 'linshi' : '',
...@@ -29,38 +38,49 @@ ...@@ -29,38 +38,49 @@
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 41 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
33 ]"> 42 ]"
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 43 >
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 44 <div
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 45 class="setbut"
37 </div> 46 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
38 <div class="icon" v-if="row.qlzt == '1'"> 47 >
39 有效 48 <el-button
40 </div> 49 type="text"
41 <div class="icon" v-if="row.qlzt == '2'"> 50 icon="el-icon-edit-outline"
42 正在补录 51 @click="editDialog(row)"
43 </div> 52 >编辑</el-button
44 <div class="icon" v-if="row.qlzt == '3'"> 53 >
45 正在申请 54 <el-button
46 </div> 55 type="text"
47 <div class="icon" v-if="row.qlzt == '4'"> 56 icon="el-icon-edit-outline"
48 正在注销 57 @click="editDialog(row, 'D')"
58 >删除</el-button
59 >
49 </div> 60 </div>
61 <div class="icon" v-if="row.qlzt == '1'">有效</div>
62 <div class="icon" v-if="row.qlzt == '2'">正在补录</div>
63 <div class="icon" v-if="row.qlzt == '3'">正在申请</div>
64 <div class="icon" v-if="row.qlzt == '4'">正在注销</div>
50 65
51 <p v-if="!['djyy','fj'].includes(item.prop)"> 66 <p v-if="!['djyy', 'fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'"> 67 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }} 68 {{ getQsztName(row[item.prop]) }}
54 </span> 69 </span>
55 <span v-else>{{ row[item.prop] }}</span> 70 <span v-else>{{ row[item.prop] }}</span>
56 </p> 71 </p>
57 72
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 73 <el-tooltip
74 v-else
75 effect="dark"
76 :content="row[item.prop]"
77 placement="top"
78 popper-class="tooltip-width"
79 >
59 <span class="ellipsis-line"> 80 <span class="ellipsis-line">
60 {{ row[item.prop] }} 81 {{ row[item.prop] }}
61 </span> 82 </span>
62 </el-tooltip> 83 </el-tooltip>
63
64 </td> 84 </td>
65 <td v-for="count in emptycolNum" :key="~count"></td> 85 <td v-for="count in emptycolNum" :key="~count"></td>
66 </tr> 86 </tr>
...@@ -71,7 +91,10 @@ ...@@ -71,7 +91,10 @@
71 <td> 91 <td>
72 {{ item.label }} 92 {{ item.label }}
73 </td> 93 </td>
74 <td v-for="(row, index) in tableData" :key="index" :class="[ 94 <td
95 v-for="(row, index) in tableData"
96 :key="index"
97 :class="[
75 row.qszt == '2' ? 'lishi' : '', 98 row.qszt == '2' ? 'lishi' : '',
76 row.qszt == '0' ? 'linshi' : '', 99 row.qszt == '0' ? 'linshi' : '',
77 row.qlzt == '4' ? 'linshi' : '', 100 row.qlzt == '4' ? 'linshi' : '',
...@@ -79,9 +102,10 @@ ...@@ -79,9 +102,10 @@
79 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 102 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
80 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 103 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
81 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 104 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
82 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 105 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
83 ]"> 106 ]"
84 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 107 >
108 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
85 有效 109 有效
86 </div> 110 </div>
87 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 111 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -94,14 +118,20 @@ ...@@ -94,14 +118,20 @@
94 正在注销 118 正在注销
95 </div> 119 </div>
96 120
97 <p v-if="!['djyy','fj'].includes(item.prop)"> 121 <p v-if="!['djyy', 'fj'].includes(item.prop)">
98 <span v-if="item.prop == 'qszt'"> 122 <span v-if="item.prop == 'qszt'">
99 {{ getQsztName(row[item.prop]) }} 123 {{ getQsztName(row[item.prop]) }}
100 </span> 124 </span>
101 <span v-else>{{ row[item.prop] }}</span> 125 <span v-else>{{ row[item.prop] }}</span>
102 </p> 126 </p>
103 127
104 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 128 <el-tooltip
129 v-else
130 effect="dark"
131 :content="row[item.prop]"
132 placement="top"
133 popper-class="tooltip-width"
134 >
105 <span class="ellipsis-line"> 135 <span class="ellipsis-line">
106 {{ row[item.prop] }} 136 {{ row[item.prop] }}
107 </span> 137 </span>
...@@ -116,11 +146,11 @@ ...@@ -116,11 +146,11 @@
116 </template> 146 </template>
117 147
118 <script> 148 <script>
119 import { datas } from "./qlxxFormData.js"; 149 import { datas } from "./qlxxFormData.js";
120 import { getSjlx } from "@/utils/dictionary.js"; 150 import { getSjlx } from "@/utils/dictionary.js";
121 import { getNydsyqList } from "@/api/djbDetail.js"; 151 import { getNydsyqList } from "@/api/djbDetail.js";
122 export default { 152 export default {
123 data () { 153 data() {
124 return { 154 return {
125 title: "农用地使用权登记信息", 155 title: "农用地使用权登记信息",
126 qsztList: datas.columns().qsztList, 156 qsztList: datas.columns().qsztList,
...@@ -135,12 +165,12 @@ ...@@ -135,12 +165,12 @@
135 columns: datas.columns().NYDSYQ, 165 columns: datas.columns().NYDSYQ,
136 }; 166 };
137 }, 167 },
138 created () { 168 created() {
139 var qllx = this.$route.query.sqywbm.substr(0, 3) 169 var qllx = this.$route.query.sqywbm.substr(0, 3);
140 if (qllx == 'A09') { 170 if (qllx == "A09") {
141 this.title = '土地经营权登记信息' 171 this.title = "土地经营权登记信息";
142 } else { 172 } else {
143 this.title = '农用地使用权登记信息' 173 this.title = "农用地使用权登记信息";
144 } 174 }
145 this.loadData(); 175 this.loadData();
146 }, 176 },
...@@ -149,12 +179,12 @@ ...@@ -149,12 +179,12 @@
149 * @description: loadData 179 * @description: loadData
150 * @author: renchao 180 * @author: renchao
151 */ 181 */
152 loadData () { 182 loadData() {
153 if (this.$parent.addRepairRecord) { 183 if (this.$parent.addRepairRecord) {
154 this.columns.unshift({ 184 this.columns.unshift({
155 prop: "cz", 185 prop: "cz",
156 label: "操作" 186 label: "操作",
157 }) 187 });
158 } 188 }
159 getNydsyqList({ 189 getNydsyqList({
160 bdcdyid: this.propsParam.bdcdyid, 190 bdcdyid: this.propsParam.bdcdyid,
...@@ -163,9 +193,9 @@ ...@@ -163,9 +193,9 @@
163 }).then((res) => { 193 }).then((res) => {
164 if (res.code === 200) { 194 if (res.code === 200) {
165 this.tableData = res.result; 195 this.tableData = res.result;
166 this.tableData.forEach(item => { 196 this.tableData.forEach((item) => {
167 item.sjlx = getSjlx(item.sjlx) 197 item.sjlx = getSjlx(item.sjlx);
168 }) 198 });
169 if (this.tableData.length < datas.columns().emptycolNum) { 199 if (this.tableData.length < datas.columns().emptycolNum) {
170 this.emptycolNum = 200 this.emptycolNum =
171 datas.columns().emptycolNum - this.tableData.length; 201 datas.columns().emptycolNum - this.tableData.length;
...@@ -179,7 +209,7 @@ ...@@ -179,7 +209,7 @@
179 * @description: checkChange 209 * @description: checkChange
180 * @author: renchao 210 * @author: renchao
181 */ 211 */
182 checkChange () { 212 checkChange() {
183 if (this.checkList.length === 0) { 213 if (this.checkList.length === 0) {
184 this.tableData = []; 214 this.tableData = [];
185 this.emptycolNum = datas.columns().emptycolNum; 215 this.emptycolNum = datas.columns().emptycolNum;
...@@ -191,7 +221,7 @@ ...@@ -191,7 +221,7 @@
191 * @description: getQsztName 221 * @description: getQsztName
192 * @author: renchao 222 * @author: renchao
193 */ 223 */
194 getQsztName (code) { 224 getQsztName(code) {
195 let name = ""; 225 let name = "";
196 for (let item of this.qsztList) { 226 for (let item of this.qsztList) {
197 if (item.value == code) { 227 if (item.value == code) {
...@@ -208,30 +238,48 @@ ...@@ -208,30 +238,48 @@
208 * @param {*} del 238 * @param {*} del
209 * @author: renchao 239 * @author: renchao
210 */ 240 */
211 editDialog (row, del) { 241 editDialog(row, del) {
212 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 242 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
213 confirmButtonText: '确定', 243 confirmButtonText: "确定",
214 cancelButtonText: '取消', 244 cancelButtonText: "取消",
215 type: 'warning' 245 type: "warning",
216 }).then(() => { 246 })
217 this.$parent.addRepairRecord(row, del) 247 .then(() => {
248 this.$parent.addRepairRecord(row, del);
218 249
219 this.$message({ 250 this.$message({
220 type: 'success', 251 type: "success",
221 message: '补录成功!' 252 message: "补录成功!",
222 }); 253 });
223 }).catch(() => { 254 })
255 .catch(() => {
224 this.$message({ 256 this.$message({
225 type: 'info', 257 type: "info",
226 message: '取消编辑' 258 message: "取消编辑",
227 }); 259 });
228 }); 260 });
229
230 }, 261 },
262 print() {
263 console.log("this.propsParam.bdcdyid ", this.propsParam);
264 window.open(
265 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`,
266 `printdjb`
267 );
231 }, 268 },
232 }; 269 },
270 };
233 </script> 271 </script>
234 272
235 <style lang="scss" scoped> 273 <style lang="scss" scoped>
236 @import "./qlxxCommon.scss"; 274 @import "./qlxxCommon.scss";
275 .title {
276 position: relative;
277 .print {
278 // background-color: #0079fe;
279 z-index: 10;
280 position: absolute;
281 left: 11px;
282 top: 5px;
283 }
284 }
237 </style> 285 </style>
......
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
18 <div class="tableBox"> 18 <div class="tableBox">
19 <div class="title"> 19 <div class="title">
20 {{ title }} 20 {{ title }}
21 <el-button class="print" @click="print">打印</el-button>
21 <div class="checkbox"> 22 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox 24 <el-checkbox
...@@ -188,11 +189,27 @@ ...@@ -188,11 +189,27 @@
188 }); 189 });
189 }); 190 });
190 }, 191 },
192 print() {
193 console.log("this.propsParam.bdcdyid ", this.propsParam);
194 window.open(
195 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`,
196 `printdjb`
197 );
198 },
191 }, 199 },
192 }; 200 };
193 </script> 201 </script>
194 202
195 <style lang="scss" scoped> 203 <style lang="scss" scoped>
196 @import "./qlxxCommon.scss"; 204 @import "./qlxxCommon.scss";
205 .title {
206 position: relative;
207 .print {
208 // background-color: #0079fe;
209 z-index: 10;
210 position: absolute;
211 left: 11px;
212 top: 5px;
213 }
214 }
197 </style> 215 </style>
198
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <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 v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -178,10 +179,27 @@ ...@@ -178,10 +179,27 @@
178 }); 179 });
179 180
180 }, 181 },
182 print() {
183 console.log("this.propsParam.bdcdyid ", this.propsParam);
184 window.open(
185 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`,
186 `printdjb`
187 );
188 },
181 }, 189 },
182 }; 190 };
183 </script> 191 </script>
184 192
185 <style lang="scss" scoped> 193 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss"; 194 @import "./qlxxCommon.scss";
195 .title {
196 position: relative;
197 .print {
198 // background-color: #0079fe;
199 z-index: 10;
200 position: absolute;
201 left: 11px;
202 top: 5px;
203 }
204 }
187 </style> 205 </style>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <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 v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -178,10 +179,27 @@ ...@@ -178,10 +179,27 @@
178 }); 179 });
179 180
180 }, 181 },
182 print() {
183 console.log("this.propsParam.bdcdyid ", this.propsParam);
184 window.open(
185 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ygdj`,
186 `printdjb`
187 );
188 },
181 }, 189 },
182 }; 190 };
183 </script> 191 </script>
184 192
185 <style lang="scss" scoped> 193 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss"; 194 @import "./qlxxCommon.scss";
195 .title {
196 position: relative;
197 .print {
198 // background-color: #0079fe;
199 z-index: 10;
200 position: absolute;
201 left: 11px;
202 top: 5px;
203 }
204 }
187 </style> 205 </style>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <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 v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -177,10 +178,27 @@ ...@@ -177,10 +178,27 @@
177 }); 178 });
178 179
179 }, 180 },
181 print() {
182 console.log("this.propsParam.bdcdyid ", this.propsParam);
183 window.open(
184 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`,
185 `printdjb`
186 );
187 },
180 }, 188 },
181 }; 189 };
182 </script> 190 </script>
183 191
184 <style lang="scss" scoped> 192 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 193 @import "./qlxxCommon.scss";
194 .title {
195 position: relative;
196 .print {
197 // background-color: #0079fe;
198 z-index: 10;
199 position: absolute;
200 left: 11px;
201 top: 5px;
202 }
203 }
186 </style> 204 </style>
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="tableDivCss"> 7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss"> 8 <table cellpadding="0" cellspacing="0" class="tableCss">
9 <el-button class="print" @click="print">打印</el-button>
9 <tr> 10 <tr>
10 <th colspan="5" class="title">宗地基本信息</th> 11 <th colspan="5" class="title">宗地基本信息</th>
11 </tr> 12 </tr>
...@@ -111,11 +112,11 @@ ...@@ -111,11 +112,11 @@
111 </template> 112 </template>
112 113
113 <script> 114 <script>
114 import store from "@/store/index.js"; 115 import store from "@/store/index.js";
115 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; 116 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
116 117
117 export default { 118 export default {
118 data () { 119 data() {
119 return { 120 return {
120 bhqkColumns: [ 121 bhqkColumns: [
121 { 122 {
...@@ -183,18 +184,16 @@ ...@@ -183,18 +184,16 @@
183 }); 184 });
184 if (res2.length) { 185 if (res2.length) {
185 return res2; 186 return res2;
186
187 } 187 }
188
189 } 188 }
190 } 189 }
191 }); 190 });
192 if (res[0]) { 191 if (res[0]) {
193 return res[0].dname 192 return res[0].dname;
194 } 193 }
195 }, 194 },
196 }, 195 },
197 created () { 196 created() {
198 this.loadData(); 197 this.loadData();
199 }, 198 },
200 methods: { 199 methods: {
...@@ -202,7 +201,7 @@ ...@@ -202,7 +201,7 @@
202 * @description: loadData 201 * @description: loadData
203 * @author: renchao 202 * @author: renchao
204 */ 203 */
205 loadData () { 204 loadData() {
206 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 205 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
207 if (res.code === 200) { 206 if (res.code === 200) {
208 this.zdjbxx = res.result.zdjbxx; 207 this.zdjbxx = res.result.zdjbxx;
...@@ -213,9 +212,26 @@ ...@@ -213,9 +212,26 @@
213 } 212 }
214 }); 213 });
215 }, 214 },
215 print() {
216 console.log("this.propsParam.bdcdyid ", this.propsParam);
217 window.open(
218 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`,
219 `printdjb`
220 );
221 },
216 }, 222 },
217 }; 223 };
218 </script> 224 </script>
219 <style lang="scss" scoped> 225 <style lang="scss" scoped>
220 @import "~@/styles/tablecss.scss"; 226 @import "~@/styles/tablecss.scss";
227 .tableCss {
228 position: relative;
229 .print {
230 // background-color: #0079fe;
231 z-index: 10;
232 position: absolute;
233 left: 11px;
234 top: 5px;
235 }
236 }
221 </style> 237 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 16:04:58
5 -->
6 <template>
7 <div style="text-align: center" class="djbdisposition">
8 <el-transfer
9 style="text-align: left; display: inline-block"
10 v-model="value4"
11 filterable
12 :left-default-checked="[]"
13 :right-default-checked="[]"
14 :titles="['全选', '全选']"
15 :button-texts="['转到左边', '转到右边']"
16 :format="{
17 noChecked: '${total}',
18 hasChecked: '${checked}/${total}'
19 }"
20 @change="handleChange"
21 :data="data">
22 <span slot-scope="{ option }">{{ option.key }} - {{ option.label }}</span>
23 </el-transfer>
24 <div class="btn">
25 <el-button @click="$popupCacel">取消</el-button>
26 <el-button type="primary" @click="submitForm" plain>确定</el-button>
27 </div>
28 </div>
29 </template>
30
31 <script>
32 import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/sysSqywmbsz'
33 export default {
34 props: {
35 formData: {
36 type: Object,
37 default: () => { }
38 }
39 },
40 mounted () {
41 console.log("this.formData",this.formData);
42 // if (this.formData.bsmMb) {
43 // this.$startLoading()
44 // getSysSqywmbszDetailById(this.formData.bsmMb).then(res => {
45 // this.$endLoading()
46 // let { result } = res
47 // this.ruleForm = result ? result : {}
48 // })
49 // }
50 },
51 data() {
52 const generateData = _ => {
53 const data = [];
54 for (let i = 1; i <= 43; i++) {
55 data.push({
56 key: i,
57 label: `备选项 ${ i }`,
58 disabled: i % 4 === 0
59 });
60 }
61 return data;
62 };
63 return {
64 data: generateData(),
65 value4: [],
66 };
67 },
68
69 methods: {
70 handleChange(value, direction, movedKeys) {
71 console.log("shijian ",this.data.value, direction, movedKeys);
72 },
73
74
75 /**
76 * @description: submitForm
77 * @author: renchao
78 */
79 submitForm () {
80 let that = this
81 updateSysSqywmbsz(this.ruleForm).then(res => {
82 if (res.code === 200) {
83 this.$popupCacel()
84 that.$message({
85 message: '修改成功',
86 type: 'success'
87 })
88 }
89 })
90 }
91 }
92 }
93 </script>
94 <style scoped lang="scss">
95 @import "~@/styles/mixin.scss";
96 @import "~@/styles/dialogBoxheader.scss";
97 .djbdisposition{
98 width: 100%;
99 height: 700px;
100 .btn{
101 margin-top: 20px;
102 // background-color: salmon;
103
104 }
105 /deep/.el-transfer{
106 .el-transfer-panel{
107 width: 400px;
108 height: 640px;
109 .el-transfer-panel__body .is-with-footer{
110 height: 700px;
111 }
112 .el-transfer-panel__list.is-filterable{
113 height: 570px;
114 }
115 }
116 }
117 }
118 </style>
...@@ -61,10 +61,11 @@ class data extends filter { ...@@ -61,10 +61,11 @@ class data extends filter {
61 }, 61 },
62 { 62 {
63 label: '操作', 63 label: '操作',
64 width: '80', 64 width: '160',
65 render: (h, scope) => { 65 render: (h, scope) => {
66 return ( 66 return (
67 <div> 67 <div>
68 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.djbdisposition(scope.row) }}>配置</el-button>
68 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button> 69 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button>
69 </div> 70 </div>
70 ) 71 )
......
...@@ -88,6 +88,9 @@ ...@@ -88,6 +88,9 @@
88 */ 88 */
89 editClick (row) { 89 editClick (row) {
90 this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%') 90 this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%')
91 },
92 djbdisposition(row){
93 this.$popupDialog("配置登记簿打印字段", "system/qtjfjmb/components/djbdisposition", row, '60%')
91 } 94 }
92 } 95 }
93 } 96 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:23:30 4 * @LastEditTime: 2023-09-01 11:01:28
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
...@@ -253,7 +253,7 @@ ...@@ -253,7 +253,7 @@
253 </el-row> 253 </el-row>
254 </el-form> 254 </el-form>
255 <div v-if="activeName==2"> 255 <div v-if="activeName==2">
256 <el-form :model="queryForm"> 256 <el-form :model="queryForm" label-width="80px">
257 <el-row> 257 <el-row>
258 <el-col :span="8"> 258 <el-col :span="8">
259 <el-form-item label="证件号"> 259 <el-form-item label="证件号">
...@@ -274,16 +274,34 @@ ...@@ -274,16 +274,34 @@
274 </el-col> 274 </el-col>
275 </el-row> 275 </el-row>
276 </el-form> 276 </el-form>
277 <lb-table 277 <el-table :data="tableDataGr.data" border v-Loading="loading" :height="368">
278 :page-size="pageData.pageSize" :heightNum="487" 278 <el-table-column v-for="item in tableDataGr.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
279 :current-page.sync="pageData.currentPage" :total="tableDataGr.total" @size-change="handleSizeChange" 279 </el-table-column>
280 @p-current-change="handleCurrentChange" :column="tableDataGr.columns" 280 <el-table-column label="证件种类">
281 :data="tableDataGr.data"> 281 <template slot-scope="scope">
282 </lb-table> 282 <el-select v-model="scope.row.zjh" placeholder="请选择">
283 <el-option
284 v-for="item in dictData['A30']"
285 :key="item.dcode"
286 :label="item.dname"
287 :value="item.dcode">
288 </el-option>
289 </el-select>
290 </template>
291 </el-table-column>
292 <el-table-column label="操作">
293 <template slot-scope="scope">
294 <el-button type="text" @click="handlesGrSelect(scope.row)">使用</el-button>
295 </template>
296 </el-table-column>
297 </el-table>
298 <el-pagination background layout="prev, pager, next,total" :total="tableDataGr.total"
299 @current-change="handleCurrentChange"></el-pagination>
300
283 </div> 301 </div>
284 302
285 <div v-if="activeName==3"> 303 <div v-if="activeName==3">
286 <el-form :model="queryForm"> 304 <el-form :model="queryForm" label-width="80px">
287 <el-row> 305 <el-row>
288 <el-col :span="8"> 306 <el-col :span="8">
289 <el-form-item label="证件号"> 307 <el-form-item label="证件号">
...@@ -304,23 +322,38 @@ ...@@ -304,23 +322,38 @@
304 </el-col> 322 </el-col>
305 </el-row> 323 </el-row>
306 </el-form> 324 </el-form>
307 <lb-table 325 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="368">
308 :page-size="pageData.pageSize" :heightNum="487" 326 <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
309 :current-page.sync="pageData.currentPage" :total="tableDataQy.total" @size-change="handleSizeChange" 327 </el-table-column>
310 @p-current-change="handleCurrentChange" :column="tableDataQy.columns" 328 <el-table-column label="证件种类">
311 :data="tableDataQy.data"> 329 <template slot-scope="scope">
312 </lb-table> 330 <el-select v-model="scope.row.zjh" placeholder="请选择">
331 <el-option
332 v-for="item in dictData['A30']"
333 :key="item.dcode"
334 :label="item.dname"
335 :value="item.dcode">
336 </el-option>
337 </el-select>
338 </template>
339 </el-table-column>
340 <el-table-column label="操作">
341 <template slot-scope="scope">
342 <el-button type="text" @click="handlesGrSelect(scope.row)">使用</el-button>
343 </template>
344 </el-table-column>
345 </el-table>
346 <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
347 @current-change="handleCurrentChange"></el-pagination>
313 </div> 348 </div>
314 349
315 </dialogBox> 350 </dialogBox>
316 </template> 351 </template>
317 <script> 352 <script>
318 import { mapGetters } from "vuex"; 353 import { mapGetters } from "vuex";
319 import table from "@/utils/mixin/table";
320 import { getIdCardInfo } from '@/utils/operation.js' 354 import { getIdCardInfo } from '@/utils/operation.js'
321 import { dataGr, dataQy, sendThis } from "../../javascript/addQlrData"; 355 import { dataGr, dataQy, sendThis } from "../../javascript/addQlrData";
322 export default { 356 export default {
323 mixins: [table],
324 props: { 357 props: {
325 value: { type: Boolean, default: false }, 358 value: { type: Boolean, default: false },
326 details: { type: Object, default: {} }, 359 details: { type: Object, default: {} },
...@@ -332,6 +365,7 @@ ...@@ -332,6 +365,7 @@
332 data () { 365 data () {
333 return { 366 return {
334 activeName: '1', 367 activeName: '1',
368 loading: false,
335 myValue: this.value, 369 myValue: this.value,
336 ruleForm: { 370 ruleForm: {
337 sqrlx: "", 371 sqrlx: "",
...@@ -396,6 +430,9 @@ ...@@ -396,6 +430,9 @@
396 handleClick (event, tab) { }, 430 handleClick (event, tab) { },
397 handlesGrSelect () { }, 431 handlesGrSelect () { },
398 handleSearch () { }, 432 handleSearch () { },
433 handleCurrentChange (val) {
434 console.log(val);
435 },
399 /** 436 /**
400 * @description: 身份证打卡器 437 * @description: 身份证打卡器
401 * @param {*} row 438 * @param {*} row
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢明细 2 * @Description: 房屋多幢明细
3 * @Autor: 3 * @Autor:
4 * @LastEditTime: 2023年07月31日 13:32:21 4 * @LastEditTime: 2023-09-01 13:29:29
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
14 :heightNumSetting="true" 14 :heightNumSetting="true"
15 :minHeight="150" 15 :minHeight="150"
16 height="150" 16 height="150"
17 style="width: 100%" 17 style="width: 100%">
18 >
19 <el-table-column prop="index" width="50" :render-header="renderHeader"> 18 <el-table-column prop="index" width="50" :render-header="renderHeader">
20 <template slot-scope="scope"> 19 <template slot-scope="scope">
21 <div style="text-align: center">{{ scope.$index + 1 }}</div> 20 <div style="text-align: center">{{ scope.$index + 1 }}</div>
...@@ -33,8 +32,7 @@ ...@@ -33,8 +32,7 @@
33 :disabled="!ableOperation" 32 :disabled="!ableOperation"
34 v-model="scope.row.xmmc" 33 v-model="scope.row.xmmc"
35 placeholder="请输入内容" 34 placeholder="请输入内容"
36 @input="updaterow(scope.row)" 35 @input="updaterow(scope.row)">
37 >
38 </el-input> 36 </el-input>
39 </template> 37 </template>
40 </el-table-column> 38 </el-table-column>
...@@ -50,8 +48,7 @@ ...@@ -50,8 +48,7 @@
50 :normalizer="normalizer" 48 :normalizer="normalizer"
51 :appendToBody="true" 49 :appendToBody="true"
52 z-index="9999" 50 z-index="9999"
53 @input="updaterow(scope.row)" 51 @input="updaterow(scope.row)" />
54 />
55 </template> 52 </template>
56 </el-table-column> 53 </el-table-column>
57 <el-table-column prop="ghyt" label="房屋用途" min-width="100"> 54 <el-table-column prop="ghyt" label="房屋用途" min-width="100">
...@@ -66,8 +63,7 @@ ...@@ -66,8 +63,7 @@
66 :normalizer="normalizer" 63 :normalizer="normalizer"
67 :appendToBody="true" 64 :appendToBody="true"
68 z-index="9999" 65 z-index="9999"
69 @input="updaterow(scope.row)" 66 @input="updaterow(scope.row)" />
70 />
71 </template> 67 </template>
72 </el-table-column> 68 </el-table-column>
73 <el-table-column prop="fwjg" label="房屋结构" min-width="100"> 69 <el-table-column prop="fwjg" label="房屋结构" min-width="100">
...@@ -82,8 +78,7 @@ ...@@ -82,8 +78,7 @@
82 :normalizer="normalizer" 78 :normalizer="normalizer"
83 :appendToBody="true" 79 :appendToBody="true"
84 z-index="9999" 80 z-index="9999"
85 @input="updaterow(scope.row)" 81 @input="updaterow(scope.row)" />
86 />
87 </template> 82 </template>
88 </el-table-column> 83 </el-table-column>
89 <el-table-column prop="jzmj" label="建筑面积" min-width="100"> 84 <el-table-column prop="jzmj" label="建筑面积" min-width="100">
...@@ -95,8 +90,7 @@ ...@@ -95,8 +90,7 @@
95 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 90 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
96 v-model="scope.row.jzmj" 91 v-model="scope.row.jzmj"
97 placeholder="请输入内容" 92 placeholder="请输入内容"
98 @input="updaterow(scope.row)" 93 @input="updaterow(scope.row)">
99 >
100 </el-input> 94 </el-input>
101 </template> 95 </template>
102 </el-table-column> 96 </el-table-column>
...@@ -109,8 +103,7 @@ ...@@ -109,8 +103,7 @@
109 placeholder="选择日期" 103 placeholder="选择日期"
110 value-format="yyyy-MM-dd HH:mm:ss" 104 value-format="yyyy-MM-dd HH:mm:ss"
111 format="yyyy-MM-dd" 105 format="yyyy-MM-dd"
112 @input="updaterow(scope.row)" 106 @input="updaterow(scope.row)">
113 >
114 </el-date-picker> 107 </el-date-picker>
115 </template> 108 </template>
116 </el-table-column> 109 </el-table-column>
...@@ -122,8 +115,7 @@ ...@@ -122,8 +115,7 @@
122 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 115 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
123 v-model="scope.row.zcs" 116 v-model="scope.row.zcs"
124 placeholder="请输入内容" 117 placeholder="请输入内容"
125 @input="updaterow(scope.row)" 118 @input="updaterow(scope.row)">
126 >
127 </el-input> 119 </el-input>
128 </template> 120 </template>
129 </el-table-column> 121 </el-table-column>
...@@ -135,8 +127,7 @@ ...@@ -135,8 +127,7 @@
135 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 127 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
136 v-model="scope.row.zts" 128 v-model="scope.row.zts"
137 placeholder="请输入内容" 129 placeholder="请输入内容"
138 @input="updaterow(scope.row)" 130 @input="updaterow(scope.row)">
139 >
140 </el-input> 131 </el-input>
141 </template> 132 </template>
142 </el-table-column> 133 </el-table-column>
...@@ -144,9 +135,9 @@ ...@@ -144,9 +135,9 @@
144 </div> 135 </div>
145 </template> 136 </template>
146 <script> 137 <script>
147 import {mapGetters} from "vuex"; 138 import { mapGetters } from "vuex";
148 139
149 export default { 140 export default {
150 computed: { 141 computed: {
151 ...mapGetters(["dictData"]), 142 ...mapGetters(["dictData"]),
152 }, 143 },
...@@ -163,12 +154,12 @@ export default { ...@@ -163,12 +154,12 @@ export default {
163 }, 154 },
164 155
165 }, 156 },
166 data() { 157 data () {
167 return { 158 return {
168 // 键名转换，方法默认是label和children进行树状渲染 159 // 键名转换，方法默认是label和children进行树状渲染
169 key: 0, 160 key: 0,
170 tableDataList: [], 161 tableDataList: [],
171 normalizer(node) { 162 normalizer (node) {
172 if (node.children == null || node.children == "null") { 163 if (node.children == null || node.children == "null") {
173 delete node.children; 164 delete node.children;
174 } 165 }
...@@ -180,7 +171,7 @@ export default { ...@@ -180,7 +171,7 @@ export default {
180 }, 171 },
181 }; 172 };
182 }, 173 },
183 mounted() { 174 mounted () {
184 }, 175 },
185 watch: { 176 watch: {
186 tableData: { 177 tableData: {
...@@ -210,35 +201,34 @@ export default { ...@@ -210,35 +201,34 @@ export default {
210 * @description: renderHeader 201 * @description: renderHeader
211 * @author: renchao 202 * @author: renchao
212 */ 203 */
213 renderHeader() { 204 renderHeader () {
214 return ( 205 return (
215 <div> 206 <div>
216 {"序号"} 207 {"序号"}
217 </div> 208 </div>
218 ); 209 );
219 }, 210 },
220 updaterow(a) { 211 updaterow (a) {
221 console.log("updaterow:"+JSON.stringify(a));
222 this.$emit("updateFdcwxmList", this.tableDataList); 212 this.$emit("updateFdcwxmList", this.tableDataList);
223 } 213 }
224 }, 214 }
225 }; 215 }
226 </script> 216 </script>
227 <style scoped lang="scss"> 217 <style scoped lang="scss">
228 .el-input { 218 .el-input {
229 border: none !important; 219 border: none !important;
230 } 220 }
231 221
232 /deep/ .el-table__row { 222 /deep/ .el-table__row {
233 border: none !important; 223 border: none !important;
234 } 224 }
235 225
236 .el-date-editor.el-input { 226 .el-date-editor.el-input {
237 width: 100%; 227 width: 100%;
238 } 228 }
239 229
240 /deep/ .el-table th { 230 /deep/ .el-table th {
241 height: 30px !important; 231 height: 30px !important;
242 } 232 }
243 </style> 233 </style>
244 234
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 08:21:18 4 * @LastEditTime: 2023-09-01 13:35:05
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -205,7 +205,8 @@ ...@@ -205,7 +205,8 @@
205 * @author: renchao 205 * @author: renchao
206 */ 206 */
207 deleClick (index, row) { 207 deleClick (index, row) {
208 this.tableData.splice(index, 1) 208 this.tableDataList.splice(index, 1)
209 this.$emit('upDateQlrxxList', this.tableDataList)
209 }, 210 },
210 /** 211 /**
211 * @description: 身份证读取 212 * @description: 身份证读取
...@@ -234,7 +235,6 @@ ...@@ -234,7 +235,6 @@
234 } 235 }
235 }) 236 })
236 }, 237 },
237 // 修改
238 /** 238 /**
239 * @description: 修改 239 * @description: 修改
240 * @param {*} index 240 * @param {*} index
...@@ -257,10 +257,8 @@ ...@@ -257,10 +257,8 @@
257 * @author: renchao 257 * @author: renchao
258 */ 258 */
259 queryViewClick (index, row) { 259 queryViewClick (index, row) {
260 // this.details.gyfs=this.gyfs
261 this.details = row 260 this.details = row
262 this.dialog = true 261 this.dialog = true
263
264 } 262 }
265 } 263 }
266 } 264 }
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 13:33:27
5 -->
6 <template>
7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true"
9 :data="tableDataList">
10 </lb-table>
11 <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" />
12 </div>
13 </template>
14 <script>
15 import { mapGetters } from 'vuex'
16 import { getIdCardInfo } from '@/utils/operation.js'
17 import addQlr from './dialog/addQlr.vue'
18 export default {
19 components: {
20 addQlr
21 },
22 computed: {
23 ...mapGetters(["dictData"]),
24 },
25 props: {
26 tableData: {
27 type: Array,
28 default: function () {
29 return []
30 }
31 },
32 gyfs: {
33 type: String,
34 default: '1'
35 },
36 disabled: {
37 type: Boolean,
38 default: true
39 }
40 },
41 data () {
42 return {
43 key: 0,
44 dataIndex: 0,
45 dialog: false,
46 isaddupdate: false,
47 details: {},
48 tableDataList: [],
49 InformationTable: [
50 {
51 width: '50',
52 renderHeader: (h, scope) => {
53 return <div> {
54 !this.disabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
55 }
56 </div>
57 },
58 render: (h, scope) => {
59 return (
60 <div>
61 {
62 !this.disabled ? <span>{scope.$index + 1}</span> :
63 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
64 }
65 </div>
66 )
67 }
68 },
69 {
70 label: '身份证读卡器',
71 align: 'center',
72 render: (h, scope) => {
73 return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button>
74 }
75 },
76 {
77 prop: "sqrmc",
78 label: "姓名/名称"
79 },
80 {
81 prop: "zjzl",
82 label: "证件种类",
83 render: (h, scope) => {
84 return this.dictData['A30'] && this.dictData['A30'].map(option => {
85 if (option.dcode == scope.row.zjzl) {
86 return <span>{option.dname}</span>
87 }
88 })
89 }
90 },
91 {
92 prop: "zjh",
93 label: "证件号"
94 },
95 {
96 prop: "dh",
97 label: "联系电话"
98 },
99 {
100 label: '操作',
101 render: (h, scope) => {
102 return (
103 <div>
104 {
105 this.disabled ? <el-button
106 icon="el-icon-edit-outline"
107 type="text"
108 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> : <el-button
109 icon="el-icon-view"
110 type="text"
111 onClick={() => { this.queryViewClick(scope.$index, scope.row) }} > 查看</el-button>
112 }
113 </div>
114 )
115 }
116 }
117 ],
118 column: []
119 }
120 },
121 watch: {
122 tableData: {
123 handler: function (val, oldVal) {
124 let that = this
125 this.$nextTick(() => {
126 if (val.length == 0 || !val) {
127 // that.tableDataList = _.cloneDeep([{
128 // sqrmc: '',
129 // dlrzjlx: '',
130 // dlrzjh: '',
131 // fr: ''
132 // }])
133 } else {
134 that.tableDataList = _.cloneDeep(val)
135 }
136 })
137 },
138 immediate: true,
139 deep: true
140 },
141 gyfs: {
142 handler (newVal, oldValue) {
143 let dataList = _.cloneDeep(this.InformationTable)
144 if (newVal == 0) {
145 this.column = _.cloneDeep(dataList)
146 this.tableDataList = _.cloneDeep(this.tableData)
147 } else if ((newVal == '1' || newVal == '3')) {
148 this.column = dataList
149 } else {
150 this.column = _.cloneDeep(dataList)
151 this.column.splice(
152 2, 0, {
153 prop: "qlbl",
154 label: "份数"
155 })
156 }
157 },
158 immediate: true
159 }
160 },
161 methods: {
162 /**
163 * @description: handleupdateDetail
164 * @param {*} value
165 * @author: renchao
166 */
167 handleupdateDetail (value) {
168 let arr = this.tableData.map(item => item.zjh)
169 if (this.isaddupdate) {
170 if (!arr.includes(value.zjh)) {
171 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
172 this.$emit('upDateQlrxxList', this.tableDataList)
173 } else {
174 this.$message.error('证件号不能重复');
175 }
176 } else {
177 if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
178 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
179 this.$emit('upDateQlrxxList', this.tableDataList)
180 } else {
181 this.$message.error('证件号不能重复');
182 }
183 }
184 this.key++
185 },
186 /**
187 * @description: 新增
188 * @author: renchao
189 */
190 addClick () {
191 // if (this.gyfs == '0' && this.tableDataList.length > 0) {
192 // this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
193 // } else {
194 // this.key++
195 // this.details = {}
196 // this.dialog = true
197 // this.isaddupdate = true
198 // }
199 this.key++
200 this.details = {}
201 this.dialog = true
202 this.isaddupdate = true
203 },
204
205 /**
206 * @description: 删除
207 * @param {*} index
208 * @param {*} row
209 * @author: renchao
210 */
211 deleClick (index, row) {
212 this.tableDataList.splice(index, 1)
213 this.$emit('upDateQlrxxList', this.tableDataList)
214 },
215 /**
216 * @description: 身份证读取
217 * @param {*} row
218 * @author: renchao
219 */
220 readClick (row) {
221 getIdCardInfo().then(res => {
222 if (res.data.code == 0) {
223 let data = res.data.IDCardInfo
224 row.sqrmc = data.name
225 row.zjzl = '1'
226 row.zjh = data.cardID
227 row.xb = data.sexCode
228 row.txdz = data.address
229 row.fzjg = data.issueOrgan
230 this.$message({
231 message: '读取成功！',
232 type: 'success'
233 })
234 } else {
235 this.$message({
236 message: res.data.message,
237 type: 'warning'
238 })
239 }
240 })
241 },
242 /**
243 * @description: 修改
244 * @param {*} index
245 * @param {*} row
246 * @author: renchao
247 */
248 editClick (index, row) {
249 this.details = row
250 this.details.gyfs = this.gyfs
251 this.dataIndex = index
252 this.dialog = true
253 this.isaddupdate = false
254 },
255 /**
256 * @description: queryViewClick
257 * @param {*} index
258 * @param {*} row
259 * @author: renchao
260 */
261 queryViewClick (index, row) {
262 // this.details.gyfs=this.gyfs
263 this.details = row
264 this.dialog = true
265
266 }
267 }
268 }
269 </script>
270 <style scoped lang="scss">
271 /deep/.el-table th {
272 height: 30px !important;
273 }
274 /deep/.el-table .cell {
275 padding-right: 12px;
276 }
277 </style>
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-29 13:09:45 4 * @LastEditTime: 2023-09-01 10:53:12
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -16,46 +16,10 @@ class data1 extends filter { ...@@ -16,46 +16,10 @@ class data1 extends filter {
16 columns () { 16 columns () {
17 return [ 17 return [
18 { 18 {
19 label: '序号',
20 type: 'index',
21 width: '50',
22 render: (h, scope) => {
23 return (
24 <div>
25 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
26 </div>
27 )
28 }
29 },
30 {
31 prop: "sqrmc", 19 prop: "sqrmc",
32 label: "姓名/名称", 20 label: "姓名/名称",
33 }, 21 },
34 { 22
35 prop: "zjzl",
36 label: "证件种类",
37 render: (h, scope) => {
38 return (
39 <el-select
40 class="width100"
41 clearable
42 value={scope.row[scope.column.property]}
43 onChange={(val) => {
44 scope.row[scope.column.property] = val;
45 }}
46 >
47 {vm.dictData["A30"].map((option) => {
48 return (
49 <el-option
50 label={option.dname}
51 value={option.dcode}
52 ></el-option>
53 );
54 })}
55 </el-select>
56 );
57 },
58 },
59 { 23 {
60 prop: "zjh", 24 prop: "zjh",
61 label: "证件号", 25 label: "证件号",
...@@ -71,20 +35,7 @@ class data1 extends filter { ...@@ -71,20 +35,7 @@ class data1 extends filter {
71 { 35 {
72 prop: "dh", 36 prop: "dh",
73 label: "联系电话", 37 label: "联系电话",
74 },
75 {
76 label: '操作',
77 width: '80',
78 align: 'center',
79 fixed: 'right',
80 render: (h, scope) => {
81 return (
82 <div>
83 <el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button>
84 </div>
85 )
86 } 38 }
87 },
88 ] 39 ]
89 } 40 }
90 41
...@@ -97,47 +48,10 @@ class data2 extends filter { ...@@ -97,47 +48,10 @@ class data2 extends filter {
97 columns () { 48 columns () {
98 return [ 49 return [
99 { 50 {
100 label: '序号',
101 type: 'index',
102 width: '50',
103 render: (h, scope) => {
104 return (
105 <div>
106 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
107 </div>
108 )
109 }
110 },
111 {
112 prop: "sqrmc", 51 prop: "sqrmc",
113 label: "姓名/名称", 52 label: "姓名/名称",
114 }, 53 },
115 { 54 {
116 prop: "zjzl",
117 label: "证件种类",
118 render: (h, scope) => {
119 return (
120 <el-select
121 class="width100"
122 clearable
123 value={scope.row[scope.column.property]}
124 onChange={(val) => {
125 scope.row[scope.column.property] = val;
126 }}
127 >
128 {vm.dictData["A30"].map((option) => {
129 return (
130 <el-option
131 label={option.dname}
132 value={option.dcode}
133 ></el-option>
134 );
135 })}
136 </el-select>
137 );
138 },
139 },
140 {
141 prop: "zjh", 55 prop: "zjh",
142 label: "证件号", 56 label: "证件号",
143 }, 57 },
...@@ -153,19 +67,6 @@ class data2 extends filter { ...@@ -153,19 +67,6 @@ class data2 extends filter {
153 prop: "dh", 67 prop: "dh",
154 label: "联系电话", 68 label: "联系电话",
155 }, 69 },
156 {
157 label: '操作',
158 width: '80',
159 align: 'center',
160 fixed: 'right',
161 render: (h, scope) => {
162 return (
163 <div>
164 <el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button>
165 </div>
166 )
167 }
168 },
169 ] 70 ]
170 } 71 }
171 72
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-30 15:47:48 4 * @LastEditTime: 2023-09-01 13:23:30
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
107 <el-form-item label="独用土地面积："> 107 <el-form-item label="独用土地面积：">
108 <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.dytdmj"></el-input> 108 <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.dytdmj"></el-input>
109 </el-form-item> 109 </el-form-item>
110 </el-col>1 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 :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.fttdmj"></el-input> 113 <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.fttdmj"></el-input>
...@@ -217,12 +217,13 @@ ...@@ -217,12 +217,13 @@
217 义务人信息 217 义务人信息
218 <div class="triangle"></div> 218 <div class="triangle"></div>
219 </div> 219 </div>
220 <qlrCommonTable 220 <ywrCommonTable
221 v-if="ruleForm.qlxx" 221 v-if="ruleForm.qlxx"
222 :disabled="viewEdit" 222 :disabled="viewEdit"
223 @upDateQlrxxList="upDateYwrxxList" 223 @upDateQlrxxList="upDateYwrxxList"
224 :tableData="ruleForm.ywrList" 224 :tableData="ruleForm.ywrList"
225 :gyfs="ruleForm.qlxx.gyfs" /> 225 :gyfs="ruleForm.qlxx.gyfs" />
226
226 </div> 227 </div>
227 <div class="slxx_title title-block"> 228 <div class="slxx_title title-block">
228 登记原因 229 登记原因
...@@ -254,6 +255,7 @@ ...@@ -254,6 +255,7 @@
254 <script> 255 <script>
255 import ywmix from "@/views/ywbl/mixin/index"; 256 import ywmix from "@/views/ywbl/mixin/index";
256 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 257 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
258 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
257 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; 259 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
258 import tdytTable from "@/views/workflow/components/tdytTable"; 260 import tdytTable from "@/views/workflow/components/tdytTable";
259 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 261 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
...@@ -290,7 +292,7 @@ ...@@ -290,7 +292,7 @@
290 } 292 }
291 }); 293 });
292 }, 294 },
293 components: { qlrCommonTable, tdytTable, fdcqxmTable }, 295 components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable },
294 computed: { 296 computed: {
295 ...mapGetters(["dictData", "flag"]), 297 ...mapGetters(["dictData", "flag"]),
296 }, 298 },
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 09:58:32 4 * @LastEditTime: 2023-09-01 13:40:52
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -374,7 +374,7 @@ ...@@ -374,7 +374,7 @@
374 义务人信息 374 义务人信息
375 <div class="triangle"></div> 375 <div class="triangle"></div>
376 </div> 376 </div>
377 <qlrCommonTable 377 <ywrCommonTable
378 v-if="ruleForm.qlxx" 378 v-if="ruleForm.qlxx"
379 @upDateQlrxxList="upDateYwrxxList" 379 @upDateQlrxxList="upDateYwrxxList"
380 :tableData="ruleForm.ywrList" 380 :tableData="ruleForm.ywrList"
...@@ -411,6 +411,7 @@ ...@@ -411,6 +411,7 @@
411 <script> 411 <script>
412 import ywmix from "@/views/ywbl/mixin/index"; 412 import ywmix from "@/views/ywbl/mixin/index";
413 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 413 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
414 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
414 import tdytTable from "@/views/workflow/components/tdytTable"; 415 import tdytTable from "@/views/workflow/components/tdytTable";
415 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 416 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
416 import { mapGetters } from "vuex"; 417 import { mapGetters } from "vuex";
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 09:58:40 4 * @LastEditTime: 2023-09-01 13:41:37
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
203 义务人信息 203 义务人信息
204 <div class="triangle"></div> 204 <div class="triangle"></div>
205 </div> 205 </div>
206 <qlrCommonTable 206 <ywrCommonTable
207 v-if="ruleForm.ywrList" 207 v-if="ruleForm.ywrList"
208 :disabled="viewEdit" 208 :disabled="viewEdit"
209 :tableData="ruleForm.ywrList" 209 :tableData="ruleForm.ywrList"
...@@ -244,6 +244,7 @@ ...@@ -244,6 +244,7 @@
244 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 244 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
245 import tdytTable from "@/views/workflow/components/tdytTable"; 245 import tdytTable from "@/views/workflow/components/tdytTable";
246 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 246 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
247 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
247 export default { 248 export default {
248 mixins: [ywmix], 249 mixins: [ywmix],
249 mounted () { 250 mounted () {
...@@ -270,7 +271,7 @@ ...@@ -270,7 +271,7 @@
270 }); 271 });
271 }); 272 });
272 }, 273 },
273 components: { qlrCommonTable, tdytTable }, 274 components: { qlrCommonTable, tdytTable, ywrCommonTable },
274 computed: { 275 computed: {
275 ...mapGetters(["dictData", "flag"]), 276 ...mapGetters(["dictData", "flag"]),
276 // 根据流程判断表单是否为只读 277 // 根据流程判断表单是否为只读
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-09-01 09:22:02 4 * @LastEditTime: 2023-09-01 13:42:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -267,7 +267,7 @@ ...@@ -267,7 +267,7 @@
267 义务人信息 267 义务人信息
268 <div class="triangle"></div> 268 <div class="triangle"></div>
269 </div> 269 </div>
270 <qlrCommonTable 270 <ywrCommonTable
271 v-if="ruleForm.qlxx" 271 v-if="ruleForm.qlxx"
272 :disabled="viewEdit" 272 :disabled="viewEdit"
273 @upDateQlrxxList="upDateYwrxxList" 273 @upDateQlrxxList="upDateYwrxxList"
...@@ -304,6 +304,7 @@ ...@@ -304,6 +304,7 @@
304 <script> 304 <script>
305 import ywmix from "@/views/ywbl/mixin/index"; 305 import ywmix from "@/views/ywbl/mixin/index";
306 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 306 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
307 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
307 import tdytTable from "@/views/workflow/components/tdytTable"; 308 import tdytTable from "@/views/workflow/components/tdytTable";
308 import { Init, saveData } from "@/api/workflow/lqFlow.js"; 309 import { Init, saveData } from "@/api/workflow/lqFlow.js";
309 import { mapGetters } from "vuex"; 310 import { mapGetters } from "vuex";
...@@ -339,7 +340,7 @@ ...@@ -339,7 +340,7 @@
339 } 340 }
340 }) 341 })
341 }, 342 },
342 components: { qlrCommonTable, tdytTable }, 343 components: { qlrCommonTable, tdytTable, ywrCommonTable },
343 computed: { 344 computed: {
344 ...mapGetters(["dictData", "flag"]) 345 ...mapGetters(["dictData", "flag"])
345 }, 346 },
......
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px" 11 label-width="120px">
12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
15 申请业务信息 14 申请业务信息
...@@ -99,16 +98,14 @@ ...@@ -99,16 +98,14 @@
99 <el-form-item label="发包方名称："> 98 <el-form-item label="发包方名称：">
100 <el-input 99 <el-input
101 v-model="ruleForm.nydsyq.fbfmc" 100 v-model="ruleForm.nydsyq.fbfmc"
102 :disabled="!viewEdit" 101 :disabled="!viewEdit"></el-input>
103 ></el-input>
104 </el-form-item> 102 </el-form-item>
105 </el-col> 103 </el-col>
106 <el-col :span="8"> 104 <el-col :span="8">
107 <el-form-item label="发包方代码："> 105 <el-form-item label="发包方代码：">
108 <el-input 106 <el-input
109 v-model="ruleForm.nydsyq.fbfdm" 107 v-model="ruleForm.nydsyq.fbfdm"
110 :disabled="!viewEdit" 108 :disabled="!viewEdit"></el-input>
111 ></el-input>
112 </el-form-item> 109 </el-form-item>
113 </el-col> 110 </el-col>
114 <el-col :span="8"> 111 <el-col :span="8">
...@@ -118,14 +115,12 @@ ...@@ -118,14 +115,12 @@
118 class="width100" 115 class="width100"
119 :disabled="!viewEdit" 116 :disabled="!viewEdit"
120 filterable 117 filterable
121 clearable 118 clearable>
122 >
123 <el-option 119 <el-option
124 v-for="item in dictData['A45']" 120 v-for="item in dictData['A45']"
125 :key="item.dname" 121 :key="item.dname"
126 :label="item.dname" 122 :label="item.dname"
127 :value="item.dname" 123 :value="item.dname">
128 >
129 </el-option> 124 </el-option>
130 </el-select> 125 </el-select>
131 </el-form-item> 126 </el-form-item>
...@@ -152,14 +147,12 @@ ...@@ -152,14 +147,12 @@
152 class="width100" 147 class="width100"
153 filterable 148 filterable
154 clearable 149 clearable
155 @change="changeSyttlx" 150 @change="changeSyttlx">
156 >
157 <el-option 151 <el-option
158 v-for="item in dictData['A23']" 152 v-for="item in dictData['A23']"
159 :key="item.dcode" 153 :key="item.dcode"
160 :label="item.dname" 154 :label="item.dname"
161 :value="item.dcode" 155 :value="item.dcode">
162 >
163 </el-option> 156 </el-option>
164 </el-select> 157 </el-select>
165 </el-form-item> 158 </el-form-item>
...@@ -172,14 +165,12 @@ ...@@ -172,14 +165,12 @@
172 class="width100" 165 class="width100"
173 filterable 166 filterable
174 clearable 167 clearable
175 @change="changeYzyfs" 168 @change="changeYzyfs">
176 >
177 <el-option 169 <el-option
178 v-for="item in dictData['A24']" 170 v-for="item in dictData['A24']"
179 :key="item.dcode" 171 :key="item.dcode"
180 :label="item.dname" 172 :label="item.dname"
181 :value="item.dcode" 173 :value="item.dcode">
182 >
183 </el-option> 174 </el-option>
184 </el-select> 175 </el-select>
185 </el-form-item> 176 </el-form-item>
...@@ -188,8 +179,7 @@ ...@@ -188,8 +179,7 @@
188 <el-form-item label="草原质量："> 179 <el-form-item label="草原质量：">
189 <el-input 180 <el-input
190 v-model="ruleForm.nydsyq.cyzl" 181 v-model="ruleForm.nydsyq.cyzl"
191 :disabled="!viewEdit" 182 :disabled="!viewEdit"></el-input>
192 ></el-input>
193 </el-form-item> 183 </el-form-item>
194 </el-col> 184 </el-col>
195 </el-row> 185 </el-row>
...@@ -199,8 +189,7 @@ ...@@ -199,8 +189,7 @@
199 <el-input 189 <el-input
200 v-model="ruleForm.nydsyq.syzcl" 190 v-model="ruleForm.nydsyq.syzcl"
201 :disabled="!viewEdit" 191 :disabled="!viewEdit"
202 oninput="value=value.replace(/[^\d.]/g,'')" 192 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
203 ></el-input>
204 </el-form-item> 193 </el-form-item>
205 </el-col> 194 </el-col>
206 <el-col :span="8"> 195 <el-col :span="8">
...@@ -211,14 +200,12 @@ ...@@ -211,14 +200,12 @@
211 class="width100" 200 class="width100"
212 filterable 201 filterable
213 clearable 202 clearable
214 @change="changeYdyhfl" 203 @change="changeYdyhfl">
215 >
216 <el-option 204 <el-option
217 v-for="item in dictData['A51']" 205 v-for="item in dictData['A51']"
218 :key="item.dcode" 206 :key="item.dcode"
219 :label="item.dname" 207 :label="item.dname"
220 :value="item.dcode" 208 :value="item.dcode">
221 >
222 </el-option> 209 </el-option>
223 </el-select> 210 </el-select>
224 </el-form-item> 211 </el-form-item>
...@@ -227,8 +214,7 @@ ...@@ -227,8 +214,7 @@
227 <el-form-item label="土地承包合同："> 214 <el-form-item label="土地承包合同：">
228 <el-input 215 <el-input
229 v-model="ruleForm.nydsyq.tdcbht" 216 v-model="ruleForm.nydsyq.tdcbht"
230 :disabled="!viewEdit" 217 :disabled="!viewEdit"></el-input>
231 ></el-input>
232 </el-form-item> 218 </el-form-item>
233 </el-col> 219 </el-col>
234 </el-row> 220 </el-row>
...@@ -240,8 +226,7 @@ ...@@ -240,8 +226,7 @@
240 maxlength="500" 226 maxlength="500"
241 show-word-limit 227 show-word-limit
242 v-model="ruleForm.nydsyq.fj" 228 v-model="ruleForm.nydsyq.fj"
243 :disabled="!viewEdit" 229 :disabled="!viewEdit"></el-input>
244 ></el-input>
245 </el-form-item> 230 </el-form-item>
246 </el-col> 231 </el-col>
247 </el-row> 232 </el-row>
...@@ -254,8 +239,7 @@ ...@@ -254,8 +239,7 @@
254 <el-form-item label="共有方式："> 239 <el-form-item label="共有方式：">
255 <el-radio-group 240 <el-radio-group
256 :disabled="!viewEdit" 241 :disabled="!viewEdit"
257 v-model="ruleForm.sldy.gyfs" 242 v-model="ruleForm.sldy.gyfs">
258 >
259 <el-radio label="0">单独所有</el-radio> 243 <el-radio label="0">单独所有</el-radio>
260 <el-radio label="1">共同共有</el-radio> 244 <el-radio label="1">共同共有</el-radio>
261 <el-radio label="2">按份所有</el-radio> 245 <el-radio label="2">按份所有</el-radio>
...@@ -268,8 +252,7 @@ ...@@ -268,8 +252,7 @@
268 <el-radio-group 252 <el-radio-group
269 v-model="ruleForm.sldy.sqfbcz" 253 v-model="ruleForm.sldy.sqfbcz"
270 :disabled="!viewEdit" 254 :disabled="!viewEdit"
271 @input="updaterow()" 255 @input="updaterow()">
272 >
273 <el-radio :label="1">是</el-radio> 256 <el-radio :label="1">是</el-radio>
274 <el-radio :label="0">否</el-radio> 257 <el-radio :label="0">否</el-radio>
275 </el-radio-group> 258 </el-radio-group>
...@@ -277,20 +260,17 @@ ...@@ -277,20 +260,17 @@
277 </el-col> 260 </el-col>
278 <el-col 261 <el-col
279 :span="6" 262 :span="6"
280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 263 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
281 >
282 <el-form-item label="持证人："> 264 <el-form-item label="持证人：">
283 <el-select 265 <el-select
284 v-model="czr" 266 v-model="czr"
285 placeholder="持证人" 267 placeholder="持证人"
286 :disabled="!viewEdit" 268 :disabled="!viewEdit">
287 >
288 <el-option 269 <el-option
289 v-for="item in czrOptions" 270 v-for="item in czrOptions"
290 :key="item.zjh" 271 :key="item.zjh"
291 :label="item.sqrmc" 272 :label="item.sqrmc"
292 :value="item.zjh" 273 :value="item.zjh">
293 >
294 </el-option> 274 </el-option>
295 </el-select> 275 </el-select>
296 </el-form-item> 276 </el-form-item>
...@@ -300,17 +280,15 @@ ...@@ -300,17 +280,15 @@
300 :tableData="ruleForm.qlrList" 280 :tableData="ruleForm.qlrList"
301 @upDateQlrxxList="upDateQlrxxList" 281 @upDateQlrxxList="upDateQlrxxList"
302 :disabled="viewEdit" 282 :disabled="viewEdit"
303 :gyfs="ruleForm.sldy.gyfs" 283 :gyfs="ruleForm.sldy.gyfs" />
304 />
305 <div class="slxx_title title-block"> 284 <div class="slxx_title title-block">
306 义务人信息 285 义务人信息
307 <div class="triangle"></div> 286 <div class="triangle"></div>
308 </div> 287 </div>
309 <qlrCommonTable 288 <ywrCommonTable
310 :tableData="ruleForm.ywrList" 289 :tableData="ruleForm.ywrList"
311 @upDateQlrxxList="upDateYwrxxList" 290 @upDateQlrxxList="upDateYwrxxList"
312 :disabled="viewEdit" 291 :disabled="viewEdit" />
313 />
314 <div class="slxx_title title-block"> 292 <div class="slxx_title title-block">
315 家庭成员 293 家庭成员
316 <div class="triangle"></div> 294 <div class="triangle"></div>
...@@ -319,8 +297,7 @@ ...@@ -319,8 +297,7 @@
319 :tableData="ruleForm.jtcyList" 297 :tableData="ruleForm.jtcyList"
320 :disabled="!viewEdit" 298 :disabled="!viewEdit"
321 @upDateJtcyList="upDateJtcyList" 299 @upDateJtcyList="upDateJtcyList"
322 :gyfs="ruleForm.slywxx.gyfs" 300 :gyfs="ruleForm.slywxx.gyfs" />
323 />
324 <div class="slxx_title title-block"> 301 <div class="slxx_title title-block">
325 登记原因 302 登记原因
326 <div class="triangle"></div> 303 <div class="triangle"></div>
...@@ -334,8 +311,7 @@ ...@@ -334,8 +311,7 @@
334 maxlength="500" 311 maxlength="500"
335 show-word-limit 312 show-word-limit
336 :disabled="!viewEdit" 313 :disabled="!viewEdit"
337 v-model="ruleForm.nydsyq.djyy" 314 v-model="ruleForm.nydsyq.djyy">
338 >
339 </el-input> 315 </el-input>
340 </el-form-item> 316 </el-form-item>
341 </el-col> 317 </el-col>
...@@ -350,14 +326,15 @@ ...@@ -350,14 +326,15 @@
350 </div> 326 </div>
351 </template> 327 </template>
352 <script> 328 <script>
353 import { mapGetters } from "vuex"; 329 import { mapGetters } from "vuex";
354 import ywmix from "@/views/ywbl/mixin/index"; 330 import ywmix from "@/views/ywbl/mixin/index";
355 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; 331 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
356 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 332 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
357 import JtcyTable from "@/views/workflow/components/JtcyTable"; 333 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
358 export default { 334 import JtcyTable from "@/views/workflow/components/JtcyTable";
335 export default {
359 mixins: [ywmix], 336 mixins: [ywmix],
360 mounted() { 337 mounted () {
361 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 338 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
362 this.propsParam = this.$attrs; 339 this.propsParam = this.$attrs;
363 var formdata = new FormData(); 340 var formdata = new FormData();
...@@ -376,11 +353,11 @@ export default { ...@@ -376,11 +353,11 @@ export default {
376 this.$endLoading(); 353 this.$endLoading();
377 }); 354 });
378 }, 355 },
379 components: { qlrCommonTable, JtcyTable }, 356 components: { qlrCommonTable, JtcyTable, ywrCommonTable },
380 computed: { 357 computed: {
381 ...mapGetters(["dictData", "flag"]), 358 ...mapGetters(["dictData", "flag"]),
382 }, 359 },
383 data() { 360 data () {
384 return { 361 return {
385 //表单是否可操作 362 //表单是否可操作
386 viewEdit: true, 363 viewEdit: true,
...@@ -398,7 +375,7 @@ export default { ...@@ -398,7 +375,7 @@ export default {
398 * @description: onSubmit 375 * @description: onSubmit
399 * @author: renchao 376 * @author: renchao
400 */ 377 */
401 onSubmit() { 378 onSubmit () {
402 let that = this; 379 let that = this;
403 if (this.ruleForm.qlrList.length == 0) { 380 if (this.ruleForm.qlrList.length == 0) {
404 this.$message({ 381 this.$message({
...@@ -476,7 +453,7 @@ export default { ...@@ -476,7 +453,7 @@ export default {
476 * @param {*} val 453 * @param {*} val
477 * @author: renchao 454 * @author: renchao
478 */ 455 */
479 upDateQlrxxList(val) { 456 upDateQlrxxList (val) {
480 this.ruleForm.qlrList = _.cloneDeep(val); 457 this.ruleForm.qlrList = _.cloneDeep(val);
481 this.czrOptions = this.ruleForm.qlrList; 458 this.czrOptions = this.ruleForm.qlrList;
482 }, 459 },
...@@ -486,7 +463,7 @@ export default { ...@@ -486,7 +463,7 @@ export default {
486 * @param {*} val 463 * @param {*} val
487 * @author: renchao 464 * @author: renchao
488 */ 465 */
489 updaterow() { 466 updaterow () {
490 this.czr = ""; 467 this.czr = "";
491 }, 468 },
492 /** 469 /**
...@@ -494,7 +471,7 @@ export default { ...@@ -494,7 +471,7 @@ export default {
494 * @param {*} val 471 * @param {*} val
495 * @author: renchao 472 * @author: renchao
496 */ 473 */
497 upDateYwrxxList(val) { 474 upDateYwrxxList (val) {
498 this.ruleForm.ywrList = _.cloneDeep(val); 475 this.ruleForm.ywrList = _.cloneDeep(val);
499 }, 476 },
500 //家庭成员更新 477 //家庭成员更新
...@@ -503,7 +480,7 @@ export default { ...@@ -503,7 +480,7 @@ export default {
503 * @param {*} val 480 * @param {*} val
504 * @author: renchao 481 * @author: renchao
505 */ 482 */
506 upDateJtcyList(val) { 483 upDateJtcyList (val) {
507 this.ruleForm.jtcyList = _.cloneDeep(val); 484 this.ruleForm.jtcyList = _.cloneDeep(val);
508 }, 485 },
509 //水域滩涂类型变化事件 486 //水域滩涂类型变化事件
...@@ -512,7 +489,7 @@ export default { ...@@ -512,7 +489,7 @@ export default {
512 * @param {*} e 489 * @param {*} e
513 * @author: renchao 490 * @author: renchao
514 */ 491 */
515 changeSyttlx(e) { 492 changeSyttlx (e) {
516 let itemLx = {}; 493 let itemLx = {};
517 itemLx = this.dictData["A23"].find((item) => { 494 itemLx = this.dictData["A23"].find((item) => {
518 return item.dcode == e; 495 return item.dcode == e;
...@@ -525,7 +502,7 @@ export default { ...@@ -525,7 +502,7 @@ export default {
525 * @param {*} e 502 * @param {*} e
526 * @author: renchao 503 * @author: renchao
527 */ 504 */
528 changeYzyfs(e) { 505 changeYzyfs (e) {
529 let itemLx = {}; 506 let itemLx = {};
530 itemLx = this.dictData["A24"].find((item) => { 507 itemLx = this.dictData["A24"].find((item) => {
531 return item.dcode == e; 508 return item.dcode == e;
...@@ -538,7 +515,7 @@ export default { ...@@ -538,7 +515,7 @@ export default {
538 * @param {*} e 515 * @param {*} e
539 * @author: renchao 516 * @author: renchao
540 */ 517 */
541 changeYdyhfl(e) { 518 changeYdyhfl (e) {
542 let itemLx = {}; 519 let itemLx = {};
543 itemLx = this.dictData["A51"].find((item) => { 520 itemLx = this.dictData["A51"].find((item) => {
544 return item.dcode == e; 521 return item.dcode == e;
...@@ -546,9 +523,9 @@ export default { ...@@ -546,9 +523,9 @@ export default {
546 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 523 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
547 }, 524 },
548 }, 525 },
549 }; 526 };
550 </script> 527 </script>
551 <style scoped lang="scss"> 528 <style scoped lang="scss">
552 @import "~@/styles/public.scss"; 529 @import "~@/styles/public.scss";
553 @import "~@/styles/slxx/slxx.scss"; 530 @import "~@/styles/slxx/slxx.scss";
554 </style> 531 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-09-01 09:52:40 4 * @LastEditTime: 2023-09-01 13:37:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -266,7 +266,7 @@ ...@@ -266,7 +266,7 @@
266 义务人信息 266 义务人信息
267 <div class="triangle"></div> 267 <div class="triangle"></div>
268 </div> 268 </div>
269 <qlrCommonTable 269 <ywrCommonTable
270 v-if="ruleForm.qlxx" 270 v-if="ruleForm.qlxx"
271 :disabled="viewEdit" 271 :disabled="viewEdit"
272 @upDateQlrxxList="upDateYwrxxList" 272 @upDateQlrxxList="upDateYwrxxList"
...@@ -303,6 +303,7 @@ ...@@ -303,6 +303,7 @@
303 <script> 303 <script>
304 import ywmix from "@/views/ywbl/mixin/index"; 304 import ywmix from "@/views/ywbl/mixin/index";
305 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 305 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
306 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
306 import tdytTable from "@/views/workflow/components/tdytTable"; 307 import tdytTable from "@/views/workflow/components/tdytTable";
307 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 308 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
308 import { mapGetters } from "vuex"; 309 import { mapGetters } from "vuex";
...@@ -334,7 +335,7 @@ ...@@ -334,7 +335,7 @@
334 } 335 }
335 }); 336 });
336 }, 337 },
337 components: { qlrCommonTable, tdytTable }, 338 components: { qlrCommonTable, tdytTable, ywrCommonTable },
338 computed: { 339 computed: {
339 ...mapGetters(["dictData", "flag"]), 340 ...mapGetters(["dictData", "flag"]),
340 }, 341 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 15:33:20 4 * @LastEditTime: 2023-09-01 13:47:11
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="120px">
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 申请业务信息 19 申请业务信息
...@@ -95,19 +94,16 @@ ...@@ -95,19 +94,16 @@
95 maxlength="12" 94 maxlength="12"
96 v-model="ruleForm.tdsyq.nydmj" 95 v-model="ruleForm.tdsyq.nydmj"
97 :disabled="!viewEdit" 96 :disabled="!viewEdit"
98 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 97 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
99 ></el-input>
100 <el-select 98 <el-select
101 v-model="mjdw" 99 v-model="mjdw"
102 :disabled="!viewEdit" 100 :disabled="!viewEdit"
103 style="width: 68px" 101 style="width: 68px">
104 >
105 <el-option 102 <el-option
106 v-for="item in dictData['A7']" 103 v-for="item in dictData['A7']"
107 :key="item.dcode" 104 :key="item.dcode"
108 :label="item.dname" 105 :label="item.dname"
109 :value="item.dcode" 106 :value="item.dcode">
110 >
111 </el-option> 107 </el-option>
112 </el-select> 108 </el-select>
113 </div> 109 </div>
...@@ -120,19 +116,16 @@ ...@@ -120,19 +116,16 @@
120 maxlength="12" 116 maxlength="12"
121 v-model="ruleForm.tdsyq.gdmj" 117 v-model="ruleForm.tdsyq.gdmj"
122 :disabled="!viewEdit" 118 :disabled="!viewEdit"
123 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 119 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
124 ></el-input>
125 <el-select 120 <el-select
126 v-model="mjdw" 121 v-model="mjdw"
127 :disabled="!viewEdit" 122 :disabled="!viewEdit"
128 style="width: 68px" 123 style="width: 68px">
129 >
130 <el-option 124 <el-option
131 v-for="item in dictData['A7']" 125 v-for="item in dictData['A7']"
132 :key="item.dcode" 126 :key="item.dcode"
133 :label="item.dname" 127 :label="item.dname"
134 :value="item.dcode" 128 :value="item.dcode">
135 >
136 </el-option> 129 </el-option>
137 </el-select> 130 </el-select>
138 </div> 131 </div>
...@@ -145,19 +138,16 @@ ...@@ -145,19 +138,16 @@
145 maxlength="12" 138 maxlength="12"
146 v-model="ruleForm.tdsyq.ldmj" 139 v-model="ruleForm.tdsyq.ldmj"
147 :disabled="!viewEdit" 140 :disabled="!viewEdit"
148 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 141 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
149 ></el-input>
150 <el-select 142 <el-select
151 v-model="mjdw" 143 v-model="mjdw"
152 :disabled="!viewEdit" 144 :disabled="!viewEdit"
153 style="width: 68px" 145 style="width: 68px">
154 >
155 <el-option 146 <el-option
156 v-for="item in dictData['A7']" 147 v-for="item in dictData['A7']"
157 :key="item.dcode" 148 :key="item.dcode"
158 :label="item.dname" 149 :label="item.dname"
159 :value="item.dcode" 150 :value="item.dcode">
160 >
161 </el-option> 151 </el-option>
162 </el-select> 152 </el-select>
163 </div> 153 </div>
...@@ -172,19 +162,16 @@ ...@@ -172,19 +162,16 @@
172 maxlength="12" 162 maxlength="12"
173 v-model="ruleForm.tdsyq.cdmj" 163 v-model="ruleForm.tdsyq.cdmj"
174 :disabled="!viewEdit" 164 :disabled="!viewEdit"
175 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 165 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
176 ></el-input>
177 <el-select 166 <el-select
178 v-model="mjdw" 167 v-model="mjdw"
179 :disabled="!viewEdit" 168 :disabled="!viewEdit"
180 style="width: 68px" 169 style="width: 68px">
181 >
182 <el-option 170 <el-option
183 v-for="item in dictData['A7']" 171 v-for="item in dictData['A7']"
184 :key="item.dcode" 172 :key="item.dcode"
185 :label="item.dname" 173 :label="item.dname"
186 :value="item.dcode" 174 :value="item.dcode">
187 >
188 </el-option> 175 </el-option>
189 </el-select> 176 </el-select>
190 </div> 177 </div>
...@@ -197,19 +184,16 @@ ...@@ -197,19 +184,16 @@
197 maxlength="12" 184 maxlength="12"
198 v-model="ruleForm.tdsyq.qtnydmj" 185 v-model="ruleForm.tdsyq.qtnydmj"
199 :disabled="!viewEdit" 186 :disabled="!viewEdit"
200 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 187 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
201 ></el-input>
202 <el-select 188 <el-select
203 v-model="mjdw" 189 v-model="mjdw"
204 :disabled="!viewEdit" 190 :disabled="!viewEdit"
205 style="width: 68px" 191 style="width: 68px">
206 >
207 <el-option 192 <el-option
208 v-for="item in dictData['A7']" 193 v-for="item in dictData['A7']"
209 :key="item.dcode" 194 :key="item.dcode"
210 :label="item.dname" 195 :label="item.dname"
211 :value="item.dcode" 196 :value="item.dcode">
212 >
213 </el-option> 197 </el-option>
214 </el-select> 198 </el-select>
215 </div> 199 </div>
...@@ -222,19 +206,16 @@ ...@@ -222,19 +206,16 @@
222 maxlength="12" 206 maxlength="12"
223 v-model="ruleForm.tdsyq.jsydmj" 207 v-model="ruleForm.tdsyq.jsydmj"
224 :disabled="!viewEdit" 208 :disabled="!viewEdit"
225 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 209 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
226 ></el-input>
227 <el-select 210 <el-select
228 v-model="mjdw" 211 v-model="mjdw"
229 :disabled="!viewEdit" 212 :disabled="!viewEdit"
230 style="width: 68px" 213 style="width: 68px">
231 >
232 <el-option 214 <el-option
233 v-for="item in dictData['A7']" 215 v-for="item in dictData['A7']"
234 :key="item.dcode" 216 :key="item.dcode"
235 :label="item.dname" 217 :label="item.dname"
236 :value="item.dcode" 218 :value="item.dcode">
237 >
238 </el-option> 219 </el-option>
239 </el-select> 220 </el-select>
240 </div> 221 </div>
...@@ -249,19 +230,16 @@ ...@@ -249,19 +230,16 @@
249 maxlength="12" 230 maxlength="12"
250 v-model="ruleForm.tdsyq.wlydmj" 231 v-model="ruleForm.tdsyq.wlydmj"
251 :disabled="!viewEdit" 232 :disabled="!viewEdit"
252 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 233 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
253 ></el-input>
254 <el-select 234 <el-select
255 v-model="mjdw" 235 v-model="mjdw"
256 :disabled="!viewEdit" 236 :disabled="!viewEdit"
257 style="width: 68px" 237 style="width: 68px">
258 >
259 <el-option 238 <el-option
260 v-for="item in dictData['A7']" 239 v-for="item in dictData['A7']"
261 :key="item.dcode" 240 :key="item.dcode"
262 :label="item.dname" 241 :label="item.dname"
263 :value="item.dcode" 242 :value="item.dcode">
264 >
265 </el-option> 243 </el-option>
266 </el-select> 244 </el-select>
267 </div> 245 </div>
...@@ -275,8 +253,7 @@ ...@@ -275,8 +253,7 @@
275 <tdytTable 253 <tdytTable
276 :tableData="ruleForm.tdytqxList" 254 :tableData="ruleForm.tdytqxList"
277 :ableOperation="viewEdit" 255 :ableOperation="viewEdit"
278 @upDateTdytxxList="upDateTdytxxList" 256 @upDateTdytxxList="upDateTdytxxList" />
279 />
280 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
281 权利人信息 258 权利人信息
282 <div class="triangle"></div> 259 <div class="triangle"></div>
...@@ -286,8 +263,7 @@ ...@@ -286,8 +263,7 @@
286 <el-form-item label="共有方式："> 263 <el-form-item label="共有方式：">
287 <el-radio-group 264 <el-radio-group
288 :disabled="!viewEdit" 265 :disabled="!viewEdit"
289 v-model="ruleForm.sldy.gyfs" 266 v-model="ruleForm.sldy.gyfs">
290 >
291 <el-radio label="0">单独所有</el-radio> 267 <el-radio label="0">单独所有</el-radio>
292 <el-radio label="1">共同共有</el-radio> 268 <el-radio label="1">共同共有</el-radio>
293 <el-radio label="2">按份所有</el-radio> 269 <el-radio label="2">按份所有</el-radio>
...@@ -300,8 +276,7 @@ ...@@ -300,8 +276,7 @@
300 <el-radio-group 276 <el-radio-group
301 v-model="ruleForm.sldy.sqfbcz" 277 v-model="ruleForm.sldy.sqfbcz"
302 :disabled="!viewEdit" 278 :disabled="!viewEdit"
303 @input="updaterow()" 279 @input="updaterow()">
304 >
305 <el-radio :label="1">是</el-radio> 280 <el-radio :label="1">是</el-radio>
306 <el-radio :label="0">否</el-radio> 281 <el-radio :label="0">否</el-radio>
307 </el-radio-group> 282 </el-radio-group>
...@@ -309,20 +284,17 @@ ...@@ -309,20 +284,17 @@
309 </el-col> 284 </el-col>
310 <el-col 285 <el-col
311 :span="6" 286 :span="6"
312 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 287 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
313 >
314 <el-form-item label="持证人："> 288 <el-form-item label="持证人：">
315 <el-select 289 <el-select
316 v-model="czr" 290 v-model="czr"
317 placeholder="持证人" 291 placeholder="持证人"
318 :disabled="!viewEdit" 292 :disabled="!viewEdit">
319 >
320 <el-option 293 <el-option
321 v-for="item in czrOptions" 294 v-for="item in czrOptions"
322 :key="item.zjh" 295 :key="item.zjh"
323 :label="item.sqrmc" 296 :label="item.sqrmc"
324 :value="item.zjh" 297 :value="item.zjh">
325 >
326 </el-option> 298 </el-option>
327 </el-select> 299 </el-select>
328 </el-form-item> 300 </el-form-item>
...@@ -333,21 +305,19 @@ ...@@ -333,21 +305,19 @@
333 :disabled="viewEdit" 305 :disabled="viewEdit"
334 @upDateQlrxxList="upDateQlrxxList" 306 @upDateQlrxxList="upDateQlrxxList"
335 :key="key" 307 :key="key"
336 :gyfs="ruleForm.sldy.gyfs" 308 :gyfs="ruleForm.sldy.gyfs" />
337 />
338 309
339 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 310 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
340 <div class="slxx_title title-block"> 311 <div class="slxx_title title-block">
341 义务人信息 312 义务人信息
342 <div class="triangle"></div> 313 <div class="triangle"></div>
343 </div> 314 </div>
344 <qlrCommonTable 315 <ywrCommonTable
345 v-if="ruleForm.ywrList" 316 v-if="ruleForm.ywrList"
346 :disabled="viewEdit" 317 :disabled="viewEdit"
347 :tableData="ruleForm.ywrList" 318 :tableData="ruleForm.ywrList"
348 :key="key" 319 :key="key"
349 @upDateQlrxxList="upDateYwrxxList" 320 @upDateQlrxxList="upDateYwrxxList" />
350 />
351 </div> 321 </div>
352 322
353 <div class="slxx_title title-block"> 323 <div class="slxx_title title-block">
...@@ -363,8 +333,7 @@ ...@@ -363,8 +333,7 @@
363 show-word-limit 333 show-word-limit
364 type="textarea" 334 type="textarea"
365 :disabled="!viewEdit" 335 :disabled="!viewEdit"
366 v-model="ruleForm.tdsyq.djyy" 336 v-model="ruleForm.tdsyq.djyy">
367 >
368 </el-input> 337 </el-input>
369 </el-form-item> 338 </el-form-item>
370 </el-col> 339 </el-col>
...@@ -379,15 +348,16 @@ ...@@ -379,15 +348,16 @@
379 </div> 348 </div>
380 </template> 349 </template>
381 <script> 350 <script>
382 import { mapGetters } from "vuex"; 351 import { mapGetters } from "vuex";
383 import ywmix from "@/views/ywbl/mixin/index"; 352 import ywmix from "@/views/ywbl/mixin/index";
384 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; 353 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
385 import tdytTable from "@/views/workflow/components/tdytTable"; 354 import tdytTable from "@/views/workflow/components/tdytTable";
386 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 355 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
387 export default { 356 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
357 export default {
388 mixins: [ywmix], 358 mixins: [ywmix],
389 components: { qlrCommonTable, tdytTable }, 359 components: { qlrCommonTable, tdytTable, ywrCommonTable },
390 mounted() { 360 mounted () {
391 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 361 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
392 this.propsParam = this.$attrs; 362 this.propsParam = this.$attrs;
393 var formdata = new FormData(); 363 var formdata = new FormData();
...@@ -415,7 +385,7 @@ export default { ...@@ -415,7 +385,7 @@ export default {
415 computed: { 385 computed: {
416 ...mapGetters(["dictData", "flag"]), 386 ...mapGetters(["dictData", "flag"]),
417 }, 387 },
418 data() { 388 data () {
419 return { 389 return {
420 mjdw: "1", 390 mjdw: "1",
421 value2: { 391 value2: {
...@@ -447,7 +417,7 @@ export default { ...@@ -447,7 +417,7 @@ export default {
447 * @param {*} val 417 * @param {*} val
448 * @author: renchao 418 * @author: renchao
449 */ 419 */
450 upDateTdytxxList(val) { 420 upDateTdytxxList (val) {
451 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 421 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
452 this.key++; 422 this.key++;
453 }, 423 },
...@@ -456,7 +426,7 @@ export default { ...@@ -456,7 +426,7 @@ export default {
456 * @param {*} val 426 * @param {*} val
457 * @author: renchao 427 * @author: renchao
458 */ 428 */
459 upDateQlrxxList(val) { 429 upDateQlrxxList (val) {
460 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 430 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
461 this.czrOptions = this.ruleForm.qlrList; 431 this.czrOptions = this.ruleForm.qlrList;
462 this.key++; 432 this.key++;
...@@ -467,7 +437,7 @@ export default { ...@@ -467,7 +437,7 @@ export default {
467 * @param {*} val 437 * @param {*} val
468 * @author: renchao 438 * @author: renchao
469 */ 439 */
470 upDateYwrxxList(val) { 440 upDateYwrxxList (val) {
471 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 441 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
472 this.key++; 442 this.key++;
473 }, 443 },
...@@ -477,14 +447,14 @@ export default { ...@@ -477,14 +447,14 @@ export default {
477 * @param {*} val 447 * @param {*} val
478 * @author: renchao 448 * @author: renchao
479 */ 449 */
480 updaterow() { 450 updaterow () {
481 this.czr = ""; 451 this.czr = "";
482 }, 452 },
483 /** 453 /**
484 * @description: onSubmit 454 * @description: onSubmit
485 * @author: renchao 455 * @author: renchao
486 */ 456 */
487 onSubmit() { 457 onSubmit () {
488 let that = this; 458 let that = this;
489 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 459 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
490 if (arr.length > 0) { 460 if (arr.length > 0) {
...@@ -570,9 +540,9 @@ export default { ...@@ -570,9 +540,9 @@ export default {
570 }); 540 });
571 }, 541 },
572 }, 542 },
573 }; 543 };
574 </script> 544 </script>
575 <style scoped lang="scss"> 545 <style scoped lang="scss">
576 @import "~@/styles/public.scss"; 546 @import "~@/styles/public.scss";
577 @import "~@/styles/slxx/slxx.scss"; 547 @import "~@/styles/slxx/slxx.scss";
578 </style> 548 </style>
......
...@@ -242,7 +242,7 @@ ...@@ -242,7 +242,7 @@
242 义务人信息 242 义务人信息
243 <div class="triangle"></div> 243 <div class="triangle"></div>
244 </div> 244 </div>
245 <qlrCommonTable 245 <ywrCommonTable
246 @upDateQlrxxList="upDateYwrxxList" 246 @upDateQlrxxList="upDateYwrxxList"
247 :disabled="viewEdit" 247 :disabled="viewEdit"
248 :tableData="ruleForm.ywrList" 248 :tableData="ruleForm.ywrList"
...@@ -277,6 +277,7 @@ ...@@ -277,6 +277,7 @@
277 <script> 277 <script>
278 import ywmix from "@/views/ywbl/mixin/index"; 278 import ywmix from "@/views/ywbl/mixin/index";
279 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 279 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
280 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
280 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 281 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
281 import { mapGetters } from "vuex"; 282 import { mapGetters } from "vuex";
282 export default { 283 export default {
...@@ -304,7 +305,7 @@ ...@@ -304,7 +305,7 @@
304 } 305 }
305 }) 306 })
306 }, 307 },
307 components: { qlrCommonTable }, 308 components: { qlrCommonTable, ywrCommonTable },
308 computed: { 309 computed: {
309 ...mapGetters(["dictData", "flag"]), 310 ...mapGetters(["dictData", "flag"]),
310 }, 311 },
......
...@@ -170,7 +170,7 @@ ...@@ -170,7 +170,7 @@
170 义务人信息 170 义务人信息
171 <div class="triangle"></div> 171 <div class="triangle"></div>
172 </div> 172 </div>
173 <qlrCommonTable 173 <ywrCommonTable
174 @upDateQlrxxList="upDateYwrxxList" 174 @upDateQlrxxList="upDateYwrxxList"
175 :tableData="ruleForm.ywrList" 175 :tableData="ruleForm.ywrList"
176 :disabled="viewEdit" 176 :disabled="viewEdit"
...@@ -205,6 +205,7 @@ ...@@ -205,6 +205,7 @@
205 <script> 205 <script>
206 import ywmix from "@/views/ywbl/mixin/index"; 206 import ywmix from "@/views/ywbl/mixin/index";
207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
208 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
208 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 209 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
209 import { mapGetters } from "vuex"; 210 import { mapGetters } from "vuex";
210 export default { 211 export default {
...@@ -230,7 +231,7 @@ ...@@ -230,7 +231,7 @@
230 } 231 }
231 }); 232 });
232 }, 233 },
233 components: { qlrCommonTable }, 234 components: { qlrCommonTable, ywrCommonTable },
234 computed: { 235 computed: {
235 ...mapGetters(["dictData", "flag"]), 236 ...mapGetters(["dictData", "flag"]),
236 }, 237 },
......
...@@ -457,8 +457,6 @@ export default { ...@@ -457,8 +457,6 @@ export default {
457 updaterow() { 457 updaterow() {
458 this.czr = ""; 458 this.czr = "";
459 }, 459 },
460
461 // 更新权利人信息
462 /** 460 /**
463 * @description: 更新权利人信息 461 * @description: 更新权利人信息
464 * @param {*} val 462 * @param {*} val
...@@ -470,7 +468,6 @@ export default { ...@@ -470,7 +468,6 @@ export default {
470 this.czrOptions = this.ruleForm.qlrList; 468 this.czrOptions = this.ruleForm.qlrList;
471 } 469 }
472 }, 470 },
473 // 更新义务人信息
474 /** 471 /**
475 * @description: 更新义务人信息 472 * @description: 更新义务人信息
476 * @param {*} val 473 * @param {*} val
......
...@@ -497,7 +497,6 @@ export default { ...@@ -497,7 +497,6 @@ export default {
497 updaterow() { 497 updaterow() {
498 this.czr = ""; 498 this.czr = "";
499 }, 499 },
500 // 更新义务人信息
501 /** 500 /**
502 * @description: 更新义务人信息 501 * @description: 更新义务人信息
503 * @param {*} val 502 * @param {*} val
...@@ -507,9 +506,9 @@ export default { ...@@ -507,9 +506,9 @@ export default {
507 if (!_.isEqual(val, this.ruleForm.ywrList)) { 506 if (!_.isEqual(val, this.ruleForm.ywrList)) {
508 this.ruleForm.ywrList = _.cloneDeep(val); 507 this.ruleForm.ywrList = _.cloneDeep(val);
509 } 508 }
510 }, 509 }
511 }, 510 }
512 }; 511 }
513 </script> 512 </script>
514 <style scoped lang="scss"> 513 <style scoped lang="scss">
515 @import "~@/styles/public.scss"; 514 @import "~@/styles/public.scss";
......
...@@ -135,12 +135,12 @@ class data extends filter { ...@@ -135,12 +135,12 @@ class data extends filter {
135 }, 135 },
136 { 136 {
137 label: '操作', 137 label: '操作',
138 width: '110', 138 width: '160',
139 align: 'center', 139 align: 'center',
140 render: (h, scope) => { 140 render: (h, scope) => {
141 return ( 141 return (
142 <div> 142 <div>
143 <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> 143 <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
144 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> 144 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
145 </div> 145 </div>
146 ) 146 )
......
...@@ -125,7 +125,7 @@ class data extends filter { ...@@ -125,7 +125,7 @@ class data extends filter {
125 }, 125 },
126 { 126 {
127 label: '操作', 127 label: '操作',
128 width: '130', 128 width: '160',
129 fixed: 'right', 129 fixed: 'right',
130 render: (h, scope) => { 130 render: (h, scope) => {
131 return ( 131 return (
......