Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
92c76244 by 蔡俊立
Options

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

2 parents 8e7d59a0 658dcffe
Inline Side-by-side
Showing 20 changed files with 197 additions and 1264 deletions
...@@ -32,22 +32,6 @@ export function Init(data) { ...@@ -32,22 +32,6 @@ export function Init(data) {
32 data 32 data
33 }) 33 })
34 } 34 }
35 // 初始化内容
36 export function saveData (data) {
37 return request({
38 url: SERVER.SERVERAPI + '/rest/ywbl/fdcq2lr/saveData',
39 method: 'post',
40 data
41 })
42 }
43 // 注销登记提交数据
44 export function saveLogoutData(data) {
45 return request({
46 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
47 method: 'post',
48 data
49 })
50 }
51 // 首次登记提交 35 // 首次登记提交
52 export function saveBatchData(data) { 36 export function saveBatchData(data) {
53 return request({ 37 return request({
...@@ -56,20 +40,5 @@ export function saveBatchData(data) { ...@@ -56,20 +40,5 @@ export function saveBatchData(data) {
56 data 40 data
57 }) 41 })
58 } 42 }
59 // 更正/变更登记提交 43
60 export function saveGZBatchData(data) {
61 return request({
62 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
63 method: 'post',
64 data
65 })
66 }
67 // 更正/变更登记提交
68 export function saveBHZData(data) {
69 return request({
70 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
71 method: 'post',
72 data
73 })
74 }
75 44
......
...@@ -41,36 +41,5 @@ export function saveData (data) { ...@@ -41,36 +41,5 @@ export function saveData (data) {
41 data 41 data
42 }) 42 })
43 } 43 }
44 // 注销登记提交数据 44
45 export function saveLogoutData(data) {
46 return request({
47 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
48 method: 'post',
49 data
50 })
51 }
52 // 首次登记提交
53 export function saveBatchData(data) {
54 return request({
55 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBatchData",
56 method: 'post',
57 data
58 })
59 }
60 // 更正/变更登记提交
61 export function saveGZBatchData(data) {
62 return request({
63 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
64 method: 'post',
65 data
66 })
67 }
68 // 更正/变更登记提交
69 export function saveBHZData(data) {
70 return request({
71 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
72 method: 'post',
73 data
74 })
75 }
76 45
......
...@@ -109,7 +109,7 @@ export default { ...@@ -109,7 +109,7 @@ export default {
109 </script> 109 </script>
110 <style rel="stylesheet/scss" lang="scss" > 110 <style rel="stylesheet/scss" lang="scss" >
111 @import "~@/styles/mixin.scss"; 111 @import "~@/styles/mixin.scss";
112 @import "./dialogBox.scss"; 112 @import "~@/styles/dialogBox.scss";
113 </style> 113 </style>
114 <style rel="stylesheet/scss" scoped lang="scss" > 114 <style rel="stylesheet/scss" scoped lang="scss" >
115 /deep/.is-fullscreen { 115 /deep/.is-fullscreen {
......
1 .dialogBox {
2 border-radius: 8px;
3 overflow: hidden;
4 background: #FFFFFF;
5 box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);
6
7 .dialog_title {
8 display: flex;
9 position: relative;
10 top: -2px;
11
12 b {
13 @include flex-center;
14 flex: 1;
15 width: 100%;
16 }
17 }
18
19 .dialog_full {
20 position: absolute;
21 top: 0;
22 right: 30px;
23 }
24
25 .el-dialog__body {
26 max-height: 88vh;
27 overflow-x: hidden;
28 overflow-y: hidden;
29 }
30
31 .dialog_footer {
32 margin-top: 8px;
33 @include flex-center;
34 }
35
36
37 }
38
39 .dialog_title {
40 @include flex;
41 justify-content: space-between;
42 width: 100%;
43 }
44
45 .el-dialog__header {
46 margin-bottom: 10px;
47 color: #4A4A4A;
48 background-color: #FCFDFD;
49 border-bottom: 1px solid #E4EBF4;
50 }
51
52 .el-dialog__body {
53 padding-top: 10px;
54 padding-bottom: 0;
55 }
56
57 .el-dialog__headerbtn .el-dialog__close {
58 color: #6B7A99 !important;
59 position: relative;
60 top: -2px;
61 }
62
63
64 .el-form-item {
65 @include flex;
66 width: 100%;
67 }
68
69 .el-dialog__wrapper {
70 width: 100%;
71 height: 100%;
72 overflow: hidden;
73 }
74
75 .contentCenter {
76 position: absolute;
77 top: 50%;
78 left: 50%;
79 transform: translate(calc(-50% + 85px), -50%);
80 }
81
82 .mainCenter {
83 position: absolute;
84 top: 50%;
85 left: 50%;
86 transform: translate(-50%, -50%);
87 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -109,7 +109,7 @@ export default { ...@@ -109,7 +109,7 @@ export default {
109 </script> 109 </script>
110 <style rel="stylesheet/scss" lang="scss" > 110 <style rel="stylesheet/scss" lang="scss" >
111 @import "~@/styles/mixin.scss"; 111 @import "~@/styles/mixin.scss";
112 @import "./dialogBox.scss"; 112 @import "~@/styles/dialogBox.scss";
113 </style> 113 </style>
114 <style rel="stylesheet/scss" scoped lang="scss" > 114 <style rel="stylesheet/scss" scoped lang="scss" >
115 /deep/.is-fullscreen { 115 /deep/.is-fullscreen {
......
...@@ -277,6 +277,14 @@ export const asyncRoutes = [ ...@@ -277,6 +277,14 @@ export const asyncRoutes = [
277 name: 'flfg', 277 name: 'flfg',
278 meta: { title: '法律法规' } 278 meta: { title: '法律法规' }
279 }, 279 },
280 {
281 path: 'gxhpz',
282 id: '97',
283 parentId: '9',
284 component: () => import('@/views/system/gxhpz/gxhpz.vue'),
285 name: 'gxhpz',
286 meta: { title: '个性化配置' }
287 },
280 ] 288 ]
281 }, 289 },
282 { 290 {
......
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
93 <i class="el-icon-s-unfold pointer"></i> 93 <i class="el-icon-s-unfold pointer"></i>
94 </div> 94 </div>
95 <ul> 95 <ul>
96 <li v-for="(item, index) in doneList" :key="index" class="flexst dynamicInfo"> 96 <li v-for="(item, index) in doneList.slice(0, 10)" :key="index" class="flexst dynamicInfo">
97 <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> 97 <p class="right15">{{ item.dealTime.substring(0, 10) }}</p>
98 <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> 98 <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p>
99 </li> 99 </li>
......
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="ruleForm" label-width="80px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="个性化配置">
9 <el-input ></el-input>
10 </el-form-item>
11 </el-col>
12 <el-col :span="19" class="btnColRight">
13 <el-form-item>
14 <el-button type="primary" native-type="submit" >查询</el-button>
15 </el-form-item>
16 </el-col>
17 </el-row>
18 </el-form>
19 </div>
20 <!-- 表格 -->
21 </div>
22 </template>
23 <script>
24 import table from "@/utils/mixin/table";
25 export default {
26 name: "gxhpz",
27 components: { },
28 mixins: [table],
29 mounted () {
30 },
31 data () {
32 return {
33 isDialog: false,
34 isDiglog: false
35 }
36 },
37 methods: {
38 },
39 };
40 </script>
41 <style scoped lang="scss">
42 @import "~@/styles/public.scss";
43 </style>
44
...\ No newline at end of file ...\ No newline at end of file
...@@ -65,7 +65,7 @@ export default { ...@@ -65,7 +65,7 @@ export default {
65 }, 65 },
66 { 66 {
67 label: '是否必填', 67 label: '是否必填',
68 width: '100', 68 width: '130',
69 render: (h, scope) => { 69 render: (h, scope) => {
70 return ( 70 return (
71 <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}> 71 <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
......
...@@ -243,7 +243,7 @@ export default { ...@@ -243,7 +243,7 @@ export default {
243 } 243 }
244 } 244 }
245 </script> 245 </script>
246 <style lang='scss'> 246 <style lang='scss' scoped>
247 .djqxsd { 247 .djqxsd {
248 .repeat { 248 .repeat {
249 .el-input__inner { 249 .el-input__inner {
......
...@@ -320,7 +320,7 @@ export default { ...@@ -320,7 +320,7 @@ export default {
320 @import "~@/styles/mixin.scss"; 320 @import "~@/styles/mixin.scss";
321 321
322 /deep/.el-radio { 322 /deep/.el-radio {
323 margin-right: 8px; 323 margin-right: 0;
324 } 324 }
325 325
326 /deep/.el-radio__label { 326 /deep/.el-radio__label {
......
1 <template> 1 <template>
2 <el-dialog 2 <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0"
3 :title="sqqlRule.nodename" 3 :visible.sync="dialogVisible" :before-close="cancelDialog">
4 :visible.sync="dialogVisible"
5 :before-close="cancelDialog"
6 >
7 <ul class="edit-title-list" v-if="djlxList.length > 0"> 4 <ul class="edit-title-list" v-if="djlxList.length > 0">
8 <li 5 <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
9 v-for="(item, index) in djlxList" 6 :class="{ active: index == tn }">
10 @click="handleTitleSelct(item, index)"
11 :key="index"
12 :class="{ active: index == tn }"
13 >
14 {{ item.nodename }} 7 {{ item.nodename }}
15 </li> 8 </li>
16 </ul> 9 </ul>
17 <el-form 10 <div class="contentBox">
18 :model="form" 11 <el-form :model="form" v-show="n == 0" label-width="135px" ref="ruleForm">
19 v-show="n == 0"
20 label-width="135px"
21 ref="ruleForm"
22 >
23 <el-row> 12 <el-row>
24 <el-col :span="8"> 13 <el-col :span="8">
25 <el-form-item label="申请分类"> 14 <el-form-item label="申请分类">
...@@ -103,8 +92,7 @@ ...@@ -103,8 +92,7 @@
103 <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx"> 92 <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
104 </lb-table> 93 </lb-table>
105 </el-collapse-item> 94 </el-collapse-item>
106 <el-collapse-item title="刷选条件设置" name="3"> 95 <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
107 <div v-if="form.ywDetail.sfsxql != '0'">
108 <div class="dyztsd-title"> 96 <div class="dyztsd-title">
109 <b>请勾选需要查询的权利信息</b> 97 <b>请勾选需要查询的权利信息</b>
110 <div> 98 <div>
...@@ -118,32 +106,32 @@ ...@@ -118,32 +106,32 @@
118 <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox> 106 <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox>
119 </li> 107 </li>
120 </ul> 108 </ul>
121 </div> 109 </el-collapse-item>
122 <b>限制办理状态</b> 110 <el-collapse-item title="办理状态设置" name="4">
123 <ul class="screen-list"> 111 <ul class="screen-list">
124 <li v-for="(item, index) in form.sxzt" :key="index"> 112 <li v-for="(item, index) in form.sxzt" :key="index">
125 <div class="screen-list-left"> 113 <div class="screen-list-left">
126 <el-switch v-model="item.checked" @change="handleSelect(item)"> 114 {{ item.sxzdmc }} ：
127 </el-switch> 115 <el-radio-group v-model="item.selected">
128 {{ item.sxzdmc }} 116 <el-radio label="1">禁止办理</el-radio>
129 </div> 117 <el-radio label="0">忽略</el-radio>
130 <el-radio-group v-model="item.selected" :disabled="!item.checked">
131 <el-radio :label="obj.sxzdz" v-for="(obj, index) in item.children" :key="index">{{ obj.sxzdmc }}</el-radio>
132 </el-radio-group> 118 </el-radio-group>
119 </div>
133 </li> 120 </li>
134 </ul> 121 </ul>
135 </el-collapse-item> 122 </el-collapse-item>
136 </el-collapse> 123 </el-collapse>
137 <div slot="footer" class="dialog-footer"> 124 </div>
125 <div slot="footer" class="dialog_footer">
126 <el-button type="primary" @click="submit">提 交</el-button>
138 <el-button @click="cancelDialog">取 消</el-button> 127 <el-button @click="cancelDialog">取 消</el-button>
139 <el-button type="primary" @click="cancelDialog">确 定</el-button>
140 </div> 128 </div>
141 </el-dialog> 129 </el-dialog>
142 </template> 130 </template>
143 <script> 131 <script>
144 import { mapGetters } from 'vuex'; 132 import { mapGetters } from 'vuex';
145 import { upward, down } from '@/utils/operation' 133 import { upward, down } from '@/utils/operation'
146 import { getDjlxInfo, getSqdjywDetail } from "@/api/system.js"; 134 import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
147 export default { 135 export default {
148 //父组件 传 过来的 值 136 //父组件 传 过来的 值
149 props: { 137 props: {
...@@ -160,9 +148,9 @@ export default { ...@@ -160,9 +148,9 @@ export default {
160 immediate: true, 148 immediate: true,
161 }, 149 },
162 }, 150 },
163 components: { }, 151 components: {},
164 name: "componentDialog", 152 name: "componentDialog",
165 data() { 153 data () {
166 return { 154 return {
167 tn: 0, 155 tn: 0,
168 n: 0, 156 n: 0,
...@@ -217,7 +205,7 @@ export default { ...@@ -217,7 +205,7 @@ export default {
217 }, 205 },
218 { 206 {
219 label: '是否启用登记情形', 207 label: '是否启用登记情形',
220 width: '140', 208 width: '141',
221 render: (h, scope) => { 209 render: (h, scope) => {
222 return ( 210 return (
223 <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> 211 <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
...@@ -336,7 +324,7 @@ export default { ...@@ -336,7 +324,7 @@ export default {
336 }, 324 },
337 { 325 {
338 label: '是否公共材料', 326 label: '是否公共材料',
339 width: '100', 327 width: '110',
340 render: (h, scope) => { 328 render: (h, scope) => {
341 return ( 329 return (
342 <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}> 330 <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}>
...@@ -383,10 +371,10 @@ export default { ...@@ -383,10 +371,10 @@ export default {
383 computed: { 371 computed: {
384 ...mapGetters(['dictData']) 372 ...mapGetters(['dictData'])
385 }, 373 },
386 mounted() {}, 374 mounted () { },
387 methods: { 375 methods: {
388 //页面初始化 376 //页面初始化
389 init() { 377 init () {
390 this.tn = 0; 378 this.tn = 0;
391 getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { 379 getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
392 let { result } = res; 380 let { result } = res;
...@@ -396,12 +384,13 @@ export default { ...@@ -396,12 +384,13 @@ export default {
396 //} 384 //}
397 }, 385 },
398 //tab选项卡事件 386 //tab选项卡事件
399 handleTitleSelct(obj, index) { 387 handleTitleSelct (obj, index) {
400 this.n = 0; 388 this.n = 0;
401 this.tn = index; 389 this.tn = index;
402 this.getDetail(this.djlxList[index].bsmSqyw); 390 this.getDetail(this.djlxList[index].bsmSqyw);
403 }, 391 },
404 getDetail(bsmSqyw) { 392 //获取业务具体明细内容
393 getDetail (bsmSqyw) {
405 getSqdjywDetail(bsmSqyw).then((res) => { 394 getSqdjywDetail(bsmSqyw).then((res) => {
406 if (res.code === 200) { 395 if (res.code === 200) {
407 this.form = res.result; 396 this.form = res.result;
...@@ -410,8 +399,21 @@ export default { ...@@ -410,8 +399,21 @@ export default {
410 } 399 }
411 }); 400 });
412 }, 401 },
402 //提交保存数据
403 submit () {
404 let that = this;
405 saveSqdjyw(this.form).then(res => {
406 if (res.code == 200) {
407 that.$message({
408 message: '修改成功',
409 type: 'success'
410 })
411 // that.$emit('input', false)
412 }
413 })
414 },
413 //修改父组件传过来的值 415 //修改父组件传过来的值
414 cancelDialog() { 416 cancelDialog () {
415 this.$emit("update:dialogVisible", false); 417 this.$emit("update:dialogVisible", false);
416 }, 418 },
417 }, 419 },
...@@ -419,19 +421,22 @@ export default { ...@@ -419,19 +421,22 @@ export default {
419 </script> 421 </script>
420 <style lang='scss' scoped> 422 <style lang='scss' scoped>
421 @import "~@/styles/mixin.scss"; 423 @import "~@/styles/mixin.scss";
422 /deep/ .el-dialog { 424 @import "~@/styles/dialogBox.scss";
423 margin: auto !important; 425
424 height: 90%; 426 .contentBox {
425 width: 80%; 427 height: 75vh;
426 overflow: auto; 428 overflow-y: scroll;
427 } 429 }
430
431 .el-radio-group {
432 white-space: nowrap;
433 }
434
428 .form { 435 .form {
429 background: #eee; 436 background: #eee;
430 padding: 0 10px; 437 padding: 0 10px;
431 } 438 }
432 .dialog-footer { 439
433 text-align: center;
434 }
435 .edit-title-list { 440 .edit-title-list {
436 @include flex; 441 @include flex;
437 442
...@@ -449,8 +454,54 @@ export default { ...@@ -449,8 +454,54 @@ export default {
449 } 454 }
450 } 455 }
451 } 456 }
457
452 .active { 458 .active {
453 background: $light-blue !important; 459 background: $light-blue !important;
454 color: #fff; 460 color: #fff;
455 } 461 }
462
463 .dyztsd-title {
464 @include flex;
465 align-items: center;
466 justify-content: space-between;
467 padding-left: 20px;
468 }
469
470 .qlxx-list {
471 @include flex;
472 flex-wrap: wrap;
473 padding-left: 20px;
474
475 li {
476 width: 25%;
477 margin-bottom: 15px;
478 }
479 }
480
481 .screen-list {
482 @include flex;
483 align-items: center;
484 flex-wrap: wrap;
485 border: 1px solid $borderColor;
486 border-bottom: none;
487
488 li {
489 @include flex;
490 align-items: center;
491 width: 25%;
492 line-height: 50px;
493 border-bottom: 1px solid $borderColor;
494 padding-left: 20px;
495 }
496
497 &-left {
498 margin-right: 20px;
499 width: 160px;
500 white-space: nowrap;
501 }
502
503 li:nth-child(odd) {
504 border-right: 1px solid $borderColor;
505 }
506 }
456 </style> 507 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -12,18 +12,9 @@ export function getForm(tabName, djywbm) { ...@@ -12,18 +12,9 @@ export function getForm(tabName, djywbm) {
12 case "fwsyqslxx100": 12 case "fwsyqslxx100":
13 form = require("@/views/ywbl/fdcq2/slxx.vue"); 13 form = require("@/views/ywbl/fdcq2/slxx.vue");
14 break; 14 break;
15 case "fwsyqslxx200":
16 form = require("@/views/ywbl/fdcq2/slxx200.vue");
17 break;
18 case "fwsyqslxx300": 15 case "fwsyqslxx300":
19 form = require("@/views/ywbl/fdcq2/slxx300.vue"); 16 form = require("@/views/ywbl/fdcq2/slxx300.vue");
20 break; 17 break;
21 case "fwsyqslxx400":
22 form = require("@/views/ywbl/fdcq2/slxx400.vue");
23 break;
24 case "fwsyqslxx900":
25 form = require("@/views/ywbl/fdcq2/slxx900.vue");
26 break;
27 case "nydsyqslxx100": 18 case "nydsyqslxx100":
28 form = require("@/views/ywbl/nydsyq/slxx.vue"); 19 form = require("@/views/ywbl/nydsyq/slxx.vue");
29 break; 20 break;
......
...@@ -134,9 +134,10 @@ ...@@ -134,9 +134,10 @@
134 <el-col :span="14" v-if="ruleForm.qlxx"> 134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs"> 136 <el-radio-group :disabled="$route.query.viewtype==1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio> 137 <el-radio label="0">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio> 138 <el-radio label="1">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio> 139 <el-radio label="2">按份所有</el-radio>
140 <el-radio label="3">其它共有</el-radio>
140 </el-radio-group> 141 </el-radio-group>
141 </el-form-item> 142 </el-form-item>
142 </el-col> 143 </el-col>
...@@ -168,6 +169,15 @@ ...@@ -168,6 +169,15 @@
168 </el-row> 169 </el-row>
169 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 170 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
170 :gyfs="ruleForm.qlxx.gyfs" /> 171 :gyfs="ruleForm.qlxx.gyfs" />
172
173 <div v-if="ruleForm.ywrList.length>0">
174 <div class="slxx_title title-block">
175 义务人信息
176 <div class="triangle"></div>
177 </div>
178 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
179 :gyfs="ruleForm.qlxx.gyfs" />
180 </div>
171 <div class="slxx_title title-block"> 181 <div class="slxx_title title-block">
172 登记原因 182 登记原因
173 <div class="triangle"></div> 183 <div class="triangle"></div>
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="16">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.fdcq2">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
86 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
91 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10" v-if="ruleForm.fdcq2">
96 <el-col :span="8">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
103 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
108 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
109 </el-form-item>
110 </el-col>
111 </el-row>
112 <el-row :gutter="10" v-if="ruleForm.qlxx">
113 <el-col :span="8">
114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
125 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <div class="slxx_title title-block">
130 权利人信息
131 <div class="triangle"></div>
132 </div>
133 <el-row :gutter="10">
134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio>
140 </el-radio-group>
141 </el-form-item>
142 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
155 </el-option>
156 </el-select>
157 </el-form-item>
158 </el-col>
159 </el-row>
160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" />
162 <div class="slxx_title title-block">
163 义务人信息
164 <div class="triangle"></div>
165 </div>
166 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
167 :gyfs="ruleForm.qlxx.gyfs" />
168 <div class="slxx_title title-block">
169 登记原因
170 <div class="triangle"></div>
171 </div>
172 <el-row :gutter="10">
173 <el-col>
174 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
176 v-model="ruleForm.fdcq2.djyy">
177 </el-input>
178 </el-form-item>
179 </el-col>
180 </el-row>
181 </div>
182 <el-row class="btn" v-if="!$route.query.viewtype">
183 <el-form-item :class="flag ? 'marginBot0' : ''">
184 <el-button type="primary" @click="onSubmit">保存</el-button>
185 </el-form-item>
186 </el-row>
187 </el-form>
188 </div>
189 </template>
190 <script>
191 import InformationTable from "@/views/workflow/components/InformationTable";
192 import { Init, saveData } from "@/api/fwsyqFlow.js";
193 import { mapGetters } from "vuex";
194 export default {
195 async created () {
196 //this.propsParam = this.$attrs;
197 var formdata = new FormData();
198 formdata.append("bsmSldy", this.propsParam.bsmSldy);
199 formdata.append("djlx", this.propsParam.djlx);
200 Init(formdata).then(res => {
201 if (res.code === 200 && res.result) {
202 // this.ruleForm = {
203 // ...res.result.slywxx,
204 // ...res.result.zdjbxx,
205 // ...res.result.qlxx,
206 // ...res.result.fdcq2,
207 // };
208 this.ruleForm = res.result;
209 }
210 })
211 },
212 components: { InformationTable },
213 computed: {
214 ...mapGetters(["dictData", "flag"]),
215 },
216 data () {
217 return {
218 disabled: true,
219 tdytOption: [],
220 czrOptions: [],
221 ruleForm: {},
222 //传递参数
223 propsParam: this.$attrs,
224 rules: {},
225 };
226 },
227 methods: {
228 // 更新权利人信息
229 upDateQlrxxList (val) {
230 this.ruleForm.qlrList = _.cloneDeep(val);
231 },
232 // 更新权利人信息
233 upDateYwrxxList (val) {
234 this.ruleForm.ywrList = _.cloneDeep(val);
235 },
236 list (bsmSldy) {
237 var formdata = new FormData();
238 formdata.append("bsmSldy", bsmSldy);
239 Init(formdata).then((res) => {
240 if (res.code === 200 && res.result) {
241 this.ruleForm = {
242 ...res.result,
243 ...res.result.zdjbxxdatas,
244 ...res.result.qlxxdatas,
245 ...res.result.jsydsyqdatas,
246 };
247 }
248 });
249 },
250 onSubmit () {
251 saveData(this.ruleForm).then((res) => {
252 if (res.code === 200) {
253 this.$message({
254 showClose: true,
255 message: "保存成功！",
256 type: "success",
257 });
258 } else {
259 this.$message({
260 showClose: true,
261 message: res.message,
262 type: "error",
263 });
264 }
265 });
266 },
267 },
268 };
269 </script>
270 <style scoped lang='scss'>
271 @import "~@/styles/public.scss";
272
273 /deep/.el-form {
274 display: flex;
275 flex-direction: column;
276 height: calc(100vh - 130px);
277 background-color: aqua;
278 }
279
280 /deep/.el-form-item__label {
281 padding: 0;
282 }
283
284 /deep/.el-radio {
285 margin-right: 10px;
286 }
287
288 /deep/.el-select {
289 width: 100%;
290 }
291
292 /deep/.el-form-item {
293 margin-bottom: 8px;
294 }
295
296 .marginBot0 {
297 margin-bottom: 0 !important;
298 }
299
300 .slxx {
301 box-sizing: border-box;
302 }
303
304 .slxx_con {
305 flex: 1;
306 height: 100%;
307 background-color: #ffffff;
308 overflow-y: auto;
309 padding-right: 3px;
310 overflow-x: hidden;
311 }
312
313 .submit_btn {
314 height: 50px;
315 }
316
317 .slxx_title {
318 border-bottom: 1px solid $borderColor;
319 padding-left: 10px;
320 padding-bottom: 5px;
321 margin-bottom: 10px;
322 margin-top: 5px;
323 font-size: 16px;
324 font-weight: 500;
325 color: #4a4a4a;
326 }
327
328 .btn {
329 text-align: center;
330 padding-top: 10px;
331 height: 36px;
332 background-color: #ffffff;
333 padding: 5px 0;
334 }
335
336 .textArea {
337 /deep/.el-textarea__inner {
338 min-height: 90px !important;
339 }
340 }
341
342 /deep/.el-form-item__label {
343 padding-bottom: 0px;
344 }
345 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49
50 <el-row :gutter="10" v-if="ruleForm.qlxx">
51 <el-col :span="8">
52 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
53 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
54 </el-form-item>
55 </el-col>
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="原不动产证号：">
58 <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
63 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
64 </el-form-item>
65 </el-col>
66 </el-row>
67 <el-row :gutter="10" v-if="ruleForm.fdcq2">
68 <el-col :span="8">
69 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
70 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
75 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
80 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10" v-if="ruleForm.qlxx">
85 <el-col :span="8">
86 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
87 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
92 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
97 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101 <el-row :gutter="10" v-if="ruleForm.fdcq2">
102 <el-col :span="8">
103 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
104 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="8">
108 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
109 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
114 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118 <el-row :gutter="10" v-if="ruleForm.qlxx">
119
120 <el-col :span="8">
121 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
122 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="8">
126 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
127 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="16">
131 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
132 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
133 </el-form-item>
134 </el-col>
135 </el-row>
136 <div class="slxx_title title-block">
137 权利人信息
138 <div class="triangle"></div>
139 </div>
140 <el-row :gutter="10">
141 <el-col :span="14" v-if="ruleForm.qlxx">
142 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
144 <el-radio label="1">单独所有</el-radio>
145 <el-radio label="2">共同共有</el-radio>
146 <el-radio label="3">按份所有</el-radio>
147 </el-radio-group>
148 </el-form-item>
149 </el-col>
150 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
151 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
152 <el-radio-group v-model="ruleForm.sffbcz">
153 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio>
155 </el-radio-group>
156 </el-form-item>
157 </el-col>
158 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
159 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
160 <el-select v-model="ruleForm.czr" placeholder="持证人">
161 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
162 </el-option>
163 </el-select>
164 </el-form-item>
165 </el-col>
166 </el-row>
167 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
168 :gyfs="ruleForm.qlxx.gyfs" />
169 <div class="slxx_title title-block">
170 登记原因
171 <div class="triangle"></div>
172 </div>
173 <el-row :gutter="10">
174 <el-col>
175 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
176 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
177 v-model="ruleForm.fdcq2.djyy">
178 </el-input>
179 </el-form-item>
180 </el-col>
181 </el-row>
182 </div>
183 <el-row class="btn" v-if="!$route.query.viewtype">
184 <el-form-item :class="flag ? 'marginBot0' : ''">
185 <el-button type="primary" @click="onSubmit">保存</el-button>
186 </el-form-item>
187 </el-row>
188 </el-form>
189 </div>
190 </template>
191 <script>
192 import InformationTable from "@/views/workflow/components/InformationTable";
193 import {Init, saveData, saveLogoutData} from "@/api/fwsyqFlow.js";
194 import { mapGetters } from "vuex";
195 export default {
196 async created () {
197 this.propsParam = this.$attrs;
198 var formdata = new FormData();
199 formdata.append("bsmSldy", this.propsParam.bsmSldy);
200 formdata.append("djlx", this.propsParam.djlx);
201 Init(formdata).then((res) => {
202 if (res.code === 200 && res.result) {
203 this.ruleForm = {
204 ...res.result,
205 ...res.result.zdjbxxdatas,
206 ...res.result.qlxxdatas,
207 ...res.result.jsydsyqdatas,
208 };
209 }
210 });
211 },
212 components: { InformationTable },
213 computed: {
214 ...mapGetters(["dictData", "flag"]),
215 },
216 data () {
217 return {
218 disabled: true,
219 tdytOption: [],
220 czrOptions: [],
221 ruleForm: {
222 ywh: "",
223 slry: "",
224 slsj: "",
225 qllx: "",
226 djlx: "",
227 djqx: "",
228 // 宗地代码
229 zddm: "",
230 bdcdyh: "",
231 qlxzmc: "",
232 qlrxx: [],
233 // 自然幢号
234 zrzh: "",
235 // 户不动产单元号
236 hbdcdyh: '',
237 djzt: '',
238 // 图幅丘幢号
239 tfqzh: '',
240 zl: '',
241 // 房屋用途
242 fwyt: '',
243 fwxz: '',
244 fwjg: '',
245 // 权利人信息
246 gyfs: "1",
247 // 是否分别持证
248 sffbcz: "",
249 // 持证人
250 czr: "",
251 djyy: ''
252 },
253 //传递参数
254 propsParam: {},
255 rules: {},
256 };
257 },
258 methods: {
259 // 更新权利人信息
260 upDateQlrxxList (val) {
261 this.ruleForm.qlrList = _.cloneDeep(val);
262 },
263 // 更新权利人信息
264 upDateYwrxxList (val) {
265 this.ruleForm.ywrList = _.cloneDeep(val);
266 },
267 onSubmit () {
268 saveLogoutData(this.ruleForm).then((res) => {
269 if (res.code === 200) {
270 this.$message({
271 showClose: true,
272 message: "保存成功！",
273 type: "success",
274 });
275 } else {
276 this.$message({
277 showClose: true,
278 message: res.message,
279 type: "error",
280 });
281 }
282 });
283 },
284 },
285 };
286 </script>
287 <style scoped lang='scss'>
288 @import "~@/styles/public.scss";
289
290 /deep/.el-form {
291 display: flex;
292 flex-direction: column;
293 height: calc(100vh - 130px);
294 background-color: aqua;
295 }
296
297 /deep/.el-form-item__label {
298 padding: 0;
299 }
300
301 /deep/.el-radio {
302 margin-right: 10px;
303 }
304
305 /deep/.el-select {
306 width: 100%;
307 }
308
309 /deep/.el-form-item {
310 margin-bottom: 8px;
311 }
312
313 .marginBot0 {
314 margin-bottom: 0 !important;
315 }
316
317 .slxx {
318 box-sizing: border-box;
319 }
320
321 .slxx_con {
322 flex: 1;
323 height: 100%;
324 background-color: #ffffff;
325 overflow-y: auto;
326 padding-right: 3px;
327 overflow-x: hidden;
328 }
329
330 .submit_btn {
331 height: 50px;
332 }
333
334 .slxx_title {
335 border-bottom: 1px solid $borderColor;
336 padding-left: 10px;
337 padding-bottom: 5px;
338 margin-bottom: 10px;
339 margin-top: 5px;
340 font-size: 16px;
341 font-weight: 500;
342 color: #4a4a4a;
343 }
344
345 .btn {
346 text-align: center;
347 padding-top: 10px;
348 height: 36px;
349 background-color: #ffffff;
350 padding: 5px 0;
351 }
352
353 .textArea {
354 /deep/.el-textarea__inner {
355 min-height: 90px !important;
356 }
357 }
358
359 /deep/.el-form-item__label {
360 padding-bottom: 0px;
361 }
362 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="16">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.fdcq2">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
86 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
91 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10" v-if="ruleForm.fdcq2">
96 <el-col :span="8">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
103 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
108 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
109 </el-form-item>
110 </el-col>
111 </el-row>
112 <el-row :gutter="10" v-if="ruleForm.qlxx">
113 <el-col :span="8">
114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
125 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <div class="slxx_title title-block">
130 权利人信息
131 <div class="triangle"></div>
132 </div>
133 <el-row :gutter="10">
134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio>
140 </el-radio-group>
141 </el-form-item>
142 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
155 </el-option>
156 </el-select>
157 </el-form-item>
158 </el-col>
159 </el-row>
160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" />
162
163 <div class="slxx_title title-block">
164 登记原因
165 <div class="triangle"></div>
166 </div>
167 <el-row :gutter="10">
168 <el-col>
169 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
170 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
171 v-model="ruleForm.fdcq2.djyy">
172 </el-input>
173 </el-form-item>
174 </el-col>
175 </el-row>
176 </div>
177 <el-row class="btn" v-if="!$route.query.viewtype">
178 <el-form-item :class="flag ? 'marginBot0' : ''">
179 <el-button type="primary" @click="onSubmit">保存</el-button>
180 </el-form-item>
181 </el-row>
182 </el-form>
183 </div>
184 </template>
185 <script>
186 import InformationTable from "@/views/workflow/components/InformationTable";
187 import {Init, saveBHZData} from "@/api/fwsyqFlow.js";
188 import { mapGetters } from "vuex";
189 export default {
190 async created () {
191 //this.propsParam = this.$attrs;
192 var formdata = new FormData();
193 formdata.append("bsmSldy", this.propsParam.bsmSldy);
194 formdata.append("djlx", this.propsParam.djlx);
195 Init(formdata).then(res => {
196 if (res.code === 200 && res.result) {
197 // this.ruleForm = {
198 // ...res.result.slywxx,
199 // ...res.result.zdjbxx,
200 // ...res.result.qlxx,
201 // ...res.result.fdcq2,
202 // };
203 this.ruleForm = res.result;
204 }
205 })
206 },
207 components: { InformationTable },
208 computed: {
209 ...mapGetters(["dictData", "flag"]),
210 },
211 data () {
212 return {
213 disabled: true,
214 tdytOption: [],
215 czrOptions: [],
216 ruleForm: {},
217 //传递参数
218 propsParam: this.$attrs,
219 rules: {},
220 };
221 },
222 methods: {
223 // 更新权利人信息
224 upDateQlrxxList (val) {
225 this.ruleForm.qlrList = _.cloneDeep(val);
226 },
227 // 更新权利人信息
228 upDateYwrxxList (val) {
229 this.ruleForm.ywrList = _.cloneDeep(val);
230 },
231 onSubmit () {
232 saveBHZData(this.ruleForm).then((res) => {
233 if (res.code === 200) {
234 this.$message({
235 showClose: true,
236 message: "保存成功！",
237 type: "success",
238 });
239 } else {
240 this.$message({
241 showClose: true,
242 message: res.message,
243 type: "error",
244 });
245 }
246 });
247 },
248 },
249 };
250 </script>
251 <style scoped lang='scss'>
252 @import "~@/styles/public.scss";
253
254 /deep/.el-form {
255 display: flex;
256 flex-direction: column;
257 height: calc(100vh - 130px);
258 background-color: aqua;
259 }
260
261 /deep/.el-form-item__label {
262 padding: 0;
263 }
264
265 /deep/.el-radio {
266 margin-right: 10px;
267 }
268
269 /deep/.el-select {
270 width: 100%;
271 }
272
273 /deep/.el-form-item {
274 margin-bottom: 8px;
275 }
276
277 .marginBot0 {
278 margin-bottom: 0 !important;
279 }
280
281 .slxx {
282 box-sizing: border-box;
283 }
284
285 .slxx_con {
286 flex: 1;
287 height: 100%;
288 background-color: #ffffff;
289 overflow-y: auto;
290 padding-right: 3px;
291 overflow-x: hidden;
292 }
293
294 .submit_btn {
295 height: 50px;
296 }
297
298 .slxx_title {
299 border-bottom: 1px solid $borderColor;
300 padding-left: 10px;
301 padding-bottom: 5px;
302 margin-bottom: 10px;
303 margin-top: 5px;
304 font-size: 16px;
305 font-weight: 500;
306 color: #4a4a4a;
307 }
308
309 .btn {
310 text-align: center;
311 padding-top: 10px;
312 height: 36px;
313 background-color: #ffffff;
314 padding: 5px 0;
315 }
316
317 .textArea {
318 /deep/.el-textarea__inner {
319 min-height: 90px !important;
320 }
321 }
322
323 /deep/.el-form-item__label {
324 padding-bottom: 0px;
325 }
326 </style>
...@@ -129,7 +129,7 @@ export default { ...@@ -129,7 +129,7 @@ export default {
129 this.$emit("closeDialog"); 129 this.$emit("closeDialog");
130 }, 130 },
131 fetchData() { 131 fetchData() {
132 this.queryForm.sqywbm = this.djywbm; 132 this.queryForm.bsmSqyw = this.djqxObj.parentid;
133 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 133 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
134 if (res.code === 200) { 134 if (res.code === 200) {
135 let { total, records } = res.result; 135 let { total, records } = res.result;
......
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 <div class="right-type el-card box-card is-always-shadow" v-if="n == -1"> 18 <div class="right-type el-card box-card is-always-shadow" v-if="n == -1">
19 <div class="right-title">登记类型</div> 19 <div class="right-title">登记类型</div>
20 <ul class="type-content"> 20 <ul class="type-content">
21 <li :class="item.cselect ? 'cactive' : ''" @click="handleDjlxSelect(item)" v-for="(item, index) in djlxList" 21 <li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
22 :key="index"> 22 v-for="(item, index) in djlxList" :key="index">
23 <p> 23 <p>
24 {{ item.nodename }} 24 {{ item.nodename }}
25 </p> 25 </p>
...@@ -33,8 +33,8 @@ ...@@ -33,8 +33,8 @@
33 <div class="right-situation el-card box-card is-always-shadow"> 33 <div class="right-situation el-card box-card is-always-shadow">
34 <div class="right-title">{{ obj[n] }}</div> 34 <div class="right-title">{{ obj[n] }}</div>
35 <ul> 35 <ul>
36 <li v-for="(item, index) in itemList" :key="index" @click="handleSelectYw(item, itemList)" 36 <li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
37 :class="item.cselect ? 'cactive' : ''"> 37 @click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
38 <p v-if="n == 0"> 38 <p v-if="n == 0">
39 {{ item.djywmc }}<br> 39 {{ item.djywmc }}<br>
40 {{ item.nodename }} 40 {{ item.nodename }}
...@@ -79,11 +79,7 @@ export default { ...@@ -79,11 +79,7 @@ export default {
79 isDialog: false, 79 isDialog: false,
80 btnDisabled: true, 80 btnDisabled: true,
81 djywbm: '', 81 djywbm: '',
82 82 djqxObj: {},
83 djqxObj: {
84 djqxbm: '',
85 djqxmc: ''
86 },
87 bsmSqyw: '' 83 bsmSqyw: ''
88 } 84 }
89 }, 85 },
...@@ -127,10 +123,8 @@ export default { ...@@ -127,10 +123,8 @@ export default {
127 list.forEach(item => { 123 list.forEach(item => {
128 this.$set(item, 'cselect', false) 124 this.$set(item, 'cselect', false)
129 }) 125 })
130 item.cselect = true 126 item.cselect = true;
131 this.djqxObj.djqxbm = item.nodecode 127 this.djqxObj = item;
132 this.djqxObj.djqxmc = item.djqxmc
133
134 if (item.sffqlc == '1') { 128 if (item.sffqlc == '1') {
135 this.btnDisabled = false 129 this.btnDisabled = false
136 this.bsmSqyw = item.bsmSqyw 130 this.bsmSqyw = item.bsmSqyw
...@@ -224,6 +218,23 @@ export default { ...@@ -224,6 +218,23 @@ export default {
224 } 218 }
225 this.djqxList = [] 219 this.djqxList = []
226 }, 220 },
221 handleDjqxItem (item) {
222 this.djlxList.forEach(item => {
223 item.cselect = false
224 })
225 console.log(item);
226 if (item.sffqlc == 1) {
227 this.djywbm = item.djywbm
228 this.bsmSqyw = item.bsmSqyw
229 item.cselect = true
230 this.isDialog = true
231 this.btnDisabled = true
232 }
233 },
234 handleSelectItem (item, list) {
235 this.handleSelectYw(item, list)
236 this.isDialog = true
237 },
227 // 选择不动产信息 238 // 选择不动产信息
228 bthSelectClick () { 239 bthSelectClick () {
229 this.isDialog = true 240 this.isDialog = true
......