Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
c008f333 by jiaozeping@pashanhoo.com
Options

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

2 parents 9d5dac71 eb5e97ef
Inline Side-by-side
Showing 24 changed files with 2439 additions and 215 deletions
...@@ -21,7 +21,9 @@ ...@@ -21,7 +21,9 @@
21 "vue-router": "3.0.2", 21 "vue-router": "3.0.2",
22 "vuex": "3.1.0", 22 "vuex": "3.1.0",
23 "bpmn-js": "^7.4.0", 23 "bpmn-js": "^7.4.0",
24 "diagram-js": "^6.8.2" 24 "diagram-js": "^6.8.2",
25 "bpmn-js-properties-panel": "^0.37.2",
26 "bpmn-js-token-simulation": "^0.10.0"
25 }, 27 },
26 "devDependencies": { 28 "devDependencies": {
27 "@vue/cli-plugin-babel": "4.4.4", 29 "@vue/cli-plugin-babel": "4.4.4",
......
1 import request from '@/utils/request' 1 import request from '@/utils/request'
2 2
3 // 初始化内容 3 // 初始化内容
4 export function Init (data) { 4 export function Init(data) {
5 let apiUrl = "";
6 switch (data.get("djlx")) {
7 case "100":
8 apiUrl = "/ywbl/fdcq2lr/fristInit";
9 break;
10 case "200":
11 apiUrl = "/ywbl/fdcq2lr/transferInit";
12 break;
13 case "300":
14 apiUrl = "/ywbl/fdcq2lr/changeInit";
15 break;
16 case "400":
17 apiUrl = "/ywbl/fdcq2lr/logoutInit";
18 break;
19 case "500":
20 apiUrl = "/ywbl/fdcq2lr/riviseInit";
21 break;
22 case "901":
23 apiUrl = "/ywbl/fdcq2lr/renewalInit";
24 break;
25 case "902":
26 apiUrl = "/ywbl/fdcq2lr/replaceInit";
27 break;
28 }
5 return request({ 29 return request({
6 url: '/ywbl/fwsyqlr/Init', 30 url: apiUrl,
31 method: 'post',
32 data
33 })
34 }
35 // 初始化内容
36 export function saveData(data) {
37 return request({
38 url: '/ywbl/fdcq2lr/saveData',
7 method: 'post', 39 method: 'post',
8 data 40 data
9 }) 41 })
......
...@@ -47,13 +47,13 @@ export function logoutReg (data) { ...@@ -47,13 +47,13 @@ export function logoutReg (data) {
47 }) 47 })
48 } 48 }
49 // 流程图 49 // 流程图
50 export function getWorkFlowImage (bsmSlsq) { 50 export function getWorkFlowImage (bsmSlsq, bestepid) {
51 return request({ 51 return request({
52 url: '/business/workFlow/getWorkFlowImage', 52 url: '/business/workFlow/getWorkFlowImage',
53 method: 'get', 53 method: 'get',
54 responseType: 'blob',
55 params: { 54 params: {
56 bsmSlsq: bsmSlsq 55 bsmSlsq: bsmSlsq,
56 bestepid: bestepid
57 } 57 }
58 }) 58 })
59 } 59 }
......
...@@ -55,21 +55,21 @@ export default { ...@@ -55,21 +55,21 @@ export default {
55 }, 55 },
56 mounted () { 56 mounted () {
57 // 计算滚动条高度 57 // 计算滚动条高度
58 setTimeout(() => { 58 // setTimeout(() => {
59 if (this.btnShow) { //判断按钮的显影来决定是否需要计算高度 59 // if (this.btnShow) {
60 if (this.height == 'auto') { 60 // if (this.height == 'auto') {
61 this.contentHeight = (this.$refs.contentRef.offsetHeight - 100) + 'px' 61 // this.contentHeight = (this.$refs.contentRef.offsetHeight - 200) + 'px'
62 } else { 62 // } else {
63 this.contentHeight = this.height 63 // this.contentHeight = this.height
64 } 64 // }
65 } else { 65 // } else {
66 if (this.height == 'auto') { 66 // if (this.height == 'auto') {
67 this.contentHeight = this.$refs.contentRef.offsetHeight 67 // this.contentHeight = this.$refs.contentRef.offsetHeight
68 } else { 68 // } else {
69 this.contentHeight = this.height 69 // this.contentHeight = this.height
70 } 70 // }
71 } 71 // }
72 }, 500) 72 // }, 500)
73 }, 73 },
74 methods: { 74 methods: {
75 onCancel () { 75 onCancel () {
......
...@@ -22,7 +22,6 @@ router.beforeEach(async (to, from, next) => { ...@@ -22,7 +22,6 @@ router.beforeEach(async (to, from, next) => {
22 const { result: getMenuData } = await getMenuInfo() 22 const { result: getMenuData } = await getMenuInfo()
23 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData) 23 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
24 router.addRoutes(accessRoutes) 24 router.addRoutes(accessRoutes)
25 console.log(router);
26 next({ ...to, replace: true }) 25 next({ ...to, replace: true })
27 } 26 }
28 NProgress.done() 27 NProgress.done()
......
1 /* 改变主题色变量 */
2 // $--color-primary: #1890ff;
3 // $--color-danger: #ff4d4f;
4
5 /* 改变 icon 字体路径变量，必需 */
6
7 .process-drawer .el-drawer__header {
8 padding: 16px 16px 8px 16px;
9 margin: 0;
10 line-height: 24px;
11 font-size: 18px;
12 color: #303133;
13 box-sizing: border-box;
14 border-bottom: 1px solid #e8e8e8;
15 }
16
17 div[class^="el-drawer"]:focus,
18 span:focus {
19 outline: none;
20 }
21
22 .process-drawer .el-drawer__body {
23 box-sizing: border-box;
24 padding: 16px;
25 width: 100%;
26 overflow-y: auto;
27 }
28
29 .process-design {
30 .el-table td,
31 .el-table th {
32 color: #333;
33 }
34
35 .el-dialog__header {
36 padding: 16px 16px 8px 16px;
37 box-sizing: border-box;
38 border-bottom: 1px solid #e8e8e8;
39 }
40 .el-dialog__body {
41 padding: 16px;
42 max-height: 80vh;
43 box-sizing: border-box;
44 overflow-y: auto;
45 }
46 .el-dialog__footer {
47 padding: 16px;
48 box-sizing: border-box;
49 border-top: 1px solid #e8e8e8;
50 }
51 .el-dialog__close {
52 font-weight: 600;
53 }
54 .el-select {
55 width: 100%;
56 }
57 .el-divider:not(.el-divider--horizontal) {
58 margin: 0 8px ;
59 }
60 .el-divider.el-divider--horizontal {
61 margin: 16px 0;
62 }
63 }
1 @import "./flow-element-variables.scss";
2 @import "~bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
3 @import "~bpmn-js-token-simulation/assets/css/font-awesome.min.css";
4 @import "~bpmn-js-token-simulation/assets/css/normalize.css";
5 @import "~bpmn-js/dist/assets/diagram-js.css";
6 @import "~bpmn-js/dist/assets/bpmn-font/css/bpmn.css";
7 @import "~bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css";
8 @import "./process-designer.scss";
9 @import "./process-panel.scss";
10
11 $success-color: #4eb819;
12 $primary-color: #409EFF;
13 $warning-color: #E6A23C;
14 $danger-color: #F56C6C;
15 $cancel-color: #909399;
16
17 .process-viewer {
18 position: relative;
19 border: 1px solid #EFEFEF;
20 background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+') repeat!important;
21
22 .success-arrow {
23 fill: $success-color;
24 stroke: $success-color;
25 }
26
27 .success-conditional {
28 fill: white;
29 stroke: $success-color;
30 }
31
32 .fail-arrow {
33 fill: $warning-color;
34 stroke: $warning-color;
35 }
36
37 .fail-conditional {
38 fill: white;
39 stroke: $warning-color;
40 }
41
42 .success.djs-connection {
43 .djs-visual path {
44 stroke: $success-color!important;
45 marker-end: url(#sequenceflow-end-white-success)!important;
46 }
47 }
48
49 .success.djs-connection.condition-expression {
50 .djs-visual path {
51 marker-start: url(#conditional-flow-marker-white-success)!important;
52 }
53 }
54
55 .success.djs-shape {
56 .djs-visual rect {
57 stroke: $success-color!important;
58 fill: $success-color!important;
59 fill-opacity: 0.15!important;
60 }
61
62 .djs-visual polygon {
63 stroke: $success-color!important;
64 }
65
66 .djs-visual path:nth-child(2) {
67 stroke: $success-color!important;
68 fill: $success-color!important;
69 }
70
71 .djs-visual circle {
72 stroke: $success-color!important;
73 fill: $success-color!important;
74 fill-opacity: 0.15!important;
75 }
76 }
77
78 .primary.djs-shape {
79 .djs-visual rect {
80 stroke: $primary-color!important;
81 fill: $primary-color!important;
82 fill-opacity: 0.15!important;
83 }
84
85 .djs-visual polygon {
86 stroke: $primary-color!important;
87 }
88
89 .djs-visual circle {
90 stroke: $primary-color!important;
91 fill: $primary-color!important;
92 fill-opacity: 0.15!important;
93 }
94 }
95
96 .warning.djs-connection {
97 .djs-visual path {
98 stroke: $warning-color!important;
99 marker-end: url(#sequenceflow-end-white-fail)!important;
100 }
101 }
102
103 .warning.djs-connection.condition-expression {
104 .djs-visual path {
105 marker-start: url(#conditional-flow-marker-white-fail)!important;
106 }
107 }
108
109 .warning.djs-shape {
110 .djs-visual rect {
111 stroke: $warning-color!important;
112 fill: $warning-color!important;
113 fill-opacity: 0.15!important;
114 }
115
116 .djs-visual polygon {
117 stroke: $warning-color!important;
118 }
119
120 .djs-visual path:nth-child(2) {
121 stroke: $warning-color!important;
122 fill: $warning-color!important;
123 }
124
125 .djs-visual circle {
126 stroke: $warning-color!important;
127 fill: $warning-color!important;
128 fill-opacity: 0.15!important;
129 }
130 }
131
132 .danger.djs-shape {
133 .djs-visual rect {
134 stroke: $danger-color!important;
135 fill: $danger-color!important;
136 fill-opacity: 0.15!important;
137 }
138
139 .djs-visual polygon {
140 stroke: $danger-color!important;
141 }
142
143 .djs-visual circle {
144 stroke: $danger-color!important;
145 fill: $danger-color!important;
146 fill-opacity: 0.15!important;
147 }
148 }
149
150 .cancel.djs-shape {
151 .djs-visual rect {
152 stroke: $cancel-color!important;
153 fill: $cancel-color!important;
154 fill-opacity: 0.15!important;
155 }
156
157 .djs-visual polygon {
158 stroke: $cancel-color!important;
159 }
160
161 .djs-visual circle {
162 stroke: $cancel-color!important;
163 fill: $cancel-color!important;
164 fill-opacity: 0.15!important;
165 }
166 }
167 }
168
169 .process-viewer .djs-tooltip-container, .process-viewer .djs-overlay-container, .process-viewer .djs-palette {
170 display: none;
171 }
1 // 边框被 token-simulation 样式覆盖了
2 .djs-palette {
3 background: var(--palette-background-color);
4 border: solid 1px var(--palette-border-color) !important;
5 border-radius: 2px;
6 }
7
8 .my-process-designer {
9 padding: 5px 0 10px 10px;
10 display: flex;
11 flex-direction: column;
12 width: 100%;
13 height: 100%;
14 box-sizing: border-box;
15 .my-process-designer__header {
16 width: 100%;
17 min-height: 36px;
18 .el-button {
19 text-align: center;
20 }
21 .el-button-group {
22 margin: 4px;
23 }
24 .el-tooltip__popper {
25 .el-button {
26 width: 100%;
27 text-align: left;
28 padding-left: 8px;
29 padding-right: 8px;
30 }
31 .el-button:hover {
32 background: rgba(64, 158, 255, 0.8);
33 color: #ffffff;
34 }
35 }
36 .align {
37 position: relative;
38 i {
39 &:after {
40 content: "|";
41 position: absolute;
42 transform: rotate(90deg) translate(200%, 60%);
43 }
44 }
45 }
46 .align.align-left i {
47 transform: rotate(90deg);
48 }
49 .align.align-right i {
50 transform: rotate(-90deg);
51 }
52 .align.align-top i {
53 transform: rotate(180deg);
54 }
55 .align.align-bottom i {
56 transform: rotate(0deg);
57 }
58 .align.align-center i {
59 transform: rotate(90deg);
60 &:after {
61 transform: rotate(90deg) translate(0, 60%);
62 }
63 }
64 .align.align-middle i {
65 transform: rotate(0deg);
66 &:after {
67 transform: rotate(90deg) translate(0, 60%);
68 }
69 }
70 }
71 .my-process-designer__container {
72 display: inline-flex;
73 width: 100%;
74 flex: 1;
75 .my-process-designer__canvas {
76 flex: 1;
77 height: 100%;
78 position: relative;
79 background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+")
80 repeat !important;
81 div.toggle-mode {
82 display: none;
83 }
84 }
85 .my-process-designer__property-panel {
86 height: 100%;
87 overflow: scroll;
88 overflow-y: auto;
89 z-index: 10;
90 * {
91 box-sizing: border-box;
92 }
93 }
94 svg {
95 width: 100%;
96 height: 100%;
97 min-height: 100%;
98 overflow: hidden;
99 }
100 }
101 }
102
103 //侧边栏配置
104 .djs-palette.open {
105 .djs-palette-entries {
106 div[class^="bpmn-icon-"]:before,
107 div[class*="bpmn-icon-"]:before {
108 line-height: unset;
109 }
110 div.entry {
111 position: relative;
112 }
113 div.entry:hover {
114 &::after {
115 width: max-content;
116 content: attr(title);
117 vertical-align: text-bottom;
118 position: absolute;
119 right: -10px;
120 top: 0;
121 bottom: 0;
122 overflow: hidden;
123 transform: translateX(100%);
124 font-size: 0.5em;
125 display: inline-block;
126 text-decoration: inherit;
127 font-variant: normal;
128 text-transform: none;
129 background: #fafafa;
130 box-shadow: 0 0 6px #eeeeee;
131 border: 1px solid #cccccc;
132 box-sizing: border-box;
133 padding: 0 16px;
134 border-radius: 4px;
135 z-index: 100;
136 }
137 }
138 }
139 }
140 pre {
141 margin: 0;
142 height: 100%;
143 overflow: hidden;
144 max-height: calc(80vh - 32px);
145 overflow-y: auto;
146 }
147 .hljs {
148 word-break: break-word;
149 white-space: pre-wrap;
150 }
151 .hljs * {
152 font-family: Consolas, Monaco, monospace;
153 }
1 .process-design {
2 .process-panel__container {
3 box-sizing: border-box;
4 padding: 0 8px;
5 border-left: 1px solid #eeeeee;
6 box-shadow: 0 0 8px #cccccc;
7 max-height: 100%;
8 overflow-y: scroll;
9 }
10 .panel-tab__title {
11 font-weight: 600;
12 padding: 0 8px;
13 font-size: 1.1em;
14 line-height: 1.2em;
15 i {
16 margin-right: 8px;
17 font-size: 1.2em;
18 }
19 }
20 .panel-tab__content {
21 width: 100%;
22 box-sizing: border-box;
23 border-top: 1px solid #eeeeee;
24 padding: 8px 16px;
25 .panel-tab__content--title {
26 display: flex;
27 justify-content: space-between;
28 padding-bottom: 8px;
29 span {
30 flex: 1;
31 text-align: left;
32 }
33 }
34 }
35 .element-property {
36 width: 100%;
37 display: flex;
38 align-items: flex-start;
39 margin: 8px 0;
40 .element-property__label {
41 display: block;
42 width: 90px;
43 text-align: right;
44 overflow: hidden;
45 padding-right: 12px;
46 line-height: 32px;
47 font-size: 14px;
48 box-sizing: border-box;
49 }
50 .element-property__value {
51 flex: 1;
52 line-height: 32px;
53 }
54 .el-form-item {
55 width: 100%;
56 margin-bottom: 0;
57 padding-bottom: 18px;
58 }
59 }
60 .list-property {
61 flex-direction: column;
62 .element-listener-item {
63 width: 100%;
64 display: inline-grid;
65 grid-template-columns: 16px auto 32px 32px;
66 grid-column-gap: 8px;
67 }
68 .element-listener-item + .element-listener-item {
69 margin-top: 8px;
70 }
71 }
72 .listener-filed__title {
73 display: inline-flex;
74 width: 100%;
75 justify-content: space-between;
76 align-items: center;
77 margin-top: 0;
78 span {
79 width: 200px;
80 text-align: left;
81 font-size: 14px;
82 }
83 i {
84 margin-right: 8px;
85 }
86 }
87 .element-drawer__button {
88 margin-top: 8px;
89 width: 100%;
90 display: inline-flex;
91 justify-content: space-around;
92 }
93 .element-drawer__button > .el-button {
94 width: 100%;
95 }
96
97 .el-collapse-item__content {
98 padding-bottom: 0;
99 }
100 .el-input.is-disabled .el-input__inner {
101 color: #999999;
102 }
103 .el-form-item.el-form-item--mini {
104 margin-bottom: 0;
105 & + .el-form-item {
106 margin-top: 16px;
107 }
108 }
109 }
110
1 /deep/.el-form {
2 display: flex;
3 flex-direction: column;
4 height: calc(100vh - 130px);
5 background-color: aqua;
6 }
7
8 /deep/.el-form-item__label {
9 padding: 0;
10 }
11
12 /deep/.el-radio {
13 margin-right: 10px;
14 }
15
16 /deep/.el-select {
17 width: 100%;
18 }
19
20 /deep/.el-form-item {
21 margin-bottom: 8px;
22 }
23
24 .marginBot0 {
25 margin-bottom: 0 !important;
26 }
27
28 .slxx {
29 box-sizing: border-box;
30 }
31
32 .slxx_con {
33 flex: 1;
34 height: 100%;
35 background-color: #ffffff;
36 overflow-y: auto;
37 padding-right: 3px;
38 overflow-x: hidden;
39 }
40
41 .submit_btn {
42 height: 50px;
43 }
44
45 .slxx_title {
46 border-bottom: 1px solid $borderColor;
47 padding-left: 10px;
48 padding-bottom: 5px;
49 margin-bottom: 10px;
50 margin-top: 5px;
51 font-size: 16px;
52 font-weight: 500;
53 color: #4a4a4a;
54 }
55
56 .btn {
57 text-align: center;
58 padding-top: 10px;
59 height: 36px;
60 background-color: #ffffff;
61 padding: 5px 0;
62 }
63
64 .textArea {
65 /deep/.el-textarea__inner {
66 min-height: 90px !important;
67 }
68 }
69
70 /deep/.el-form-item__label {
71 padding-bottom: 0px;
72 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -52,7 +52,7 @@ import { datas } from "./qlxxFormData.js"; ...@@ -52,7 +52,7 @@ import { datas } from "./qlxxFormData.js";
52 export default { 52 export default {
53 data() { 53 data() {
54 return { 54 return {
55 title: "建设用地使用权、宅基地使用权登记信息", 55 title: "房地产权登记信息（独幢、层、套、间房屋）",
56 qsztList: datas.columns().qsztList, 56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList, 57 checkList: datas.columns().checkList,
58 //传递参数 58 //传递参数
...@@ -62,7 +62,7 @@ export default { ...@@ -62,7 +62,7 @@ export default {
62 //空列值个数 62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum, 63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象 64 //列名称对象
65 columns: datas.columns().JSYDSYQ, 65 columns: datas.columns().FDCQ2,
66 }; 66 };
67 }, 67 },
68 created() { 68 created() {
......
...@@ -130,6 +130,141 @@ class data extends filter { ...@@ -130,6 +130,141 @@ class data extends filter {
130 label: "附记", 130 label: "附记",
131 }, 131 },
132 ], 132 ],
133 FDCQ2: [
134 {
135 prop: "qszt",
136 label: "权属状态",
137 },
138 {
139 prop: "qllxmc",
140 label: "权利类型",
141 },
142 {
143 prop: "djlxmc",
144 label: "登记类型",
145 },
146 {
147 prop: "ssywh",
148 label: "上手业务号",
149 },
150 {
151 prop: "dah",
152 label: "档案号",
153 },
154 {
155 prop: "ywh",
156 label: "业务号",
157 },
158 {
159 prop: "bdcdyh",
160 label: "不动产单元号",
161 },
162 {
163 prop: "zl",
164 label: "坐落",
165 },
166 {
167 prop: "gyfs",
168 label: "共有情况",
169 },
170 {
171 prop: "qlrlx",
172 label: "权利人类型",
173 },
174 {
175 prop: "qlrmc",
176 label: "权利人",
177 },
178 {
179 prop: "qlrzjzl",
180 label: "证件种类",
181 },
182 {
183 prop: "qlrzjhm",
184 label: "证件号",
185 },
186 {
187 prop: "tdsyqr",
188 label: "土地使用权人",
189 },
190 {
191 prop: "dytdmj",
192 label: "独用土地面积(m²)",
193 },
194 {
195 prop: "fttdmj",
196 label: "分摊土地面积(m²)",
197 },
198 {
199 prop: "tdsyqzsj",
200 label: "土地使用期限",
201 },
202 {
203 prop: "syqqzsj",
204 label: "使用权起止时间",
205 },
206 {
207 prop: "fdcjyjg",
208 label: "房地产交易价格(万元)",
209 },
210 {
211 prop: "ytmc",
212 label: "规划用途",
213 },
214 {
215 prop: "fwxzmc",
216 label: "房屋性质",
217 },
218 {
219 prop: "fwjgmc",
220 label: "房屋结构",
221 },
222 {
223 prop: "szc",
224 label: "所在层",
225 },
226 {
227 prop: "zcs",
228 label: "总层数",
229 },
230 {
231 prop: "mj",
232 label: "建筑面积（m2）",
233 },
234 {
235 prop: "zyjzmj",
236 label: "专有建筑面积（m2）",
237 },
238
239 {
240 prop: "ftjzmj",
241 label: "分摊建筑面积（m2）",
242 },
243 {
244 prop: "jgsj",
245 label: "竣工时间",
246 },
247 {
248 prop: "djyy",
249 label: "登记原因",
250 },
251 {
252 prop: "bdcqzh",
253 label: "不动产权证号",
254 },
255 {
256 prop: "djsj",
257 label: "登记时间",
258 },
259 {
260 prop: "dbr",
261 label: "登簿人",
262 },
263 {
264 prop: "fj",
265 label: "附记",
266 },
267 ],
133 DYAQ: [ 268 DYAQ: [
134 { 269 {
135 prop: "qszt", 270 prop: "qszt",
......
1 <template> 1 <template>
2 <div class="process-viewer"> 2 <div class="process-viewer">
3 <div v-show="!isLoading" ref="processCanvas" class="process-canvas" style="height: 100%;" /> 3 <div v-show="!isLoading" ref="processCanvas" class="process-canvas" style="height: 360px;" />
4 <!-- 自定义箭头样式，用于成功状态下流程连线箭头 --> 4 <!-- 自定义箭头样式，用于成功状态下流程连线箭头 -->
5 <defs ref="customSuccessDefs"> 5 <defs ref="customSuccessDefs">
6 <marker id="sequenceflow-end-white-success" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10" 6 <marker id="sequenceflow-end-white-success" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10"
...@@ -63,23 +63,14 @@ ...@@ -63,23 +63,14 @@
63 </template> 63 </template>
64 64
65 <script> 65 <script>
66 import '@/styles/package/theme/index.scss'
66 import BpmnViewer from 'bpmn-js/lib/Viewer' 67 import BpmnViewer from 'bpmn-js/lib/Viewer'
67 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' 68 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'
68
69 export default { 69 export default {
70 props: { 70 props: {
71 // eslint-disable-next-line vue/require-default-prop 71 formData: {
72 xml: { 72 type: Object,
73 type: String 73 default: {}
74 },
75 // eslint-disable-next-line vue/require-default-prop
76 finishedInfo: {
77 type: Object
78 },
79 // 所有节点审批记录
80 // eslint-disable-next-line vue/require-default-prop
81 allCommentList: {
82 type: Array
83 } 74 }
84 }, 75 },
85 data () { 76 data () {
...@@ -88,7 +79,7 @@ export default { ...@@ -88,7 +79,7 @@ export default {
88 dlgTitle: undefined, 79 dlgTitle: undefined,
89 defaultZoom: 1, 80 defaultZoom: 1,
90 // 是否正在加载流程图 81 // 是否正在加载流程图
91 isLoading: false, 82 isLoading: true,
92 bpmnViewer: undefined, 83 bpmnViewer: undefined,
93 // 已完成流程元素 84 // 已完成流程元素
94 processNodeInfo: undefined, 85 processNodeInfo: undefined,
...@@ -100,24 +91,10 @@ export default { ...@@ -100,24 +91,10 @@ export default {
100 hoverTimer: null 91 hoverTimer: null
101 } 92 }
102 }, 93 },
103 watch: {
104 xml: {
105 handler (newXml) {
106 this.importXML(newXml)
107 },
108 immediate: true
109 },
110 finishedInfo: {
111 handler (newInfo) {
112 this.setProcessStatus(newInfo)
113 },
114 immediate: true
115 }
116 },
117 created () { 94 created () {
118 this.$nextTick(() => { 95 this.$nextTick(() => {
119 this.importXML(this.xml) 96 this.importXML(this.formData.xml)
120 this.setProcessStatus(this.finishedInfo) 97 this.setProcessStatus(this.formData.finishedInfo);
121 }) 98 })
122 }, 99 },
123 destroyed () { 100 destroyed () {
...@@ -146,19 +123,6 @@ export default { ...@@ -146,19 +123,6 @@ export default {
146 }, 123 },
147 getOperationTagType (type) { 124 getOperationTagType (type) {
148 return 'success' 125 return 'success'
149 // switch (type) {
150 // case this.SysFlowTaskOperationType.AGREE:
151 // case this.SysFlowTaskOperationType.MULTI_AGREE:
152 // return 'success';
153 // case this.SysFlowTaskOperationType.REFUSE:
154 // case this.SysFlowTaskOperationType.PARALLEL_REFUSE:
155 // case this.SysFlowTaskOperationType.MULTI_REFUSE:
156 // return 'warning';
157 // case this.SysFlowTaskOperationType.STOP:
158 // return 'danger'
159 // default:
160 // return 'primary';
161 // }
162 }, 126 },
163 // 流程图预览清空 127 // 流程图预览清空
164 clearViewer (a) { 128 clearViewer (a) {
...@@ -214,9 +178,8 @@ export default { ...@@ -214,9 +178,8 @@ export default {
214 this.bpmnViewer.on('element.click', ({ element }) => { 178 this.bpmnViewer.on('element.click', ({ element }) => {
215 this.onSelectElement(element) 179 this.onSelectElement(element)
216 }) 180 })
217
218 this.isLoading = true
219 const c = await this.bpmnViewer.importXML(xml) 181 const c = await this.bpmnViewer.importXML(xml)
182 this.isLoading = true
220 this.addCustomDefs() 183 this.addCustomDefs()
221 } catch (e) { 184 } catch (e) {
222 // this.clearViewer('b') 185 // this.clearViewer('b')
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <ul style="margin-bottom:15px"> 6 <ul style="margin-bottom:15px">
7 <li v-for="(item,index) in dataList" class="listDetail" :key="index"> 7 <li v-for="(item,index) in dataList" class="listDetail" :key="index">
8 <p class="icon"> 8 <p class="icon">
9 <i class="el-icon-circle-check"></i> 9 <el-radio v-model="radio"></el-radio>
10 </p> 10 </p>
11 <p>{{item.activityName}}</p> 11 <p>{{item.activityName}}</p>
12 <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> 12 <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p>
...@@ -35,16 +35,16 @@ export default { ...@@ -35,16 +35,16 @@ export default {
35 outstepopinion: '' 35 outstepopinion: ''
36 } 36 }
37 }, 37 },
38 created() { 38 created () {
39 this.getBackNode(); 39 this.getBackNode();
40 }, 40 },
41 methods: { 41 methods: {
42 childFn () { 42 childFn () {
43 console.log(1111); 43 console.log(1111);
44 }, 44 },
45 getBackNode() { 45 getBackNode () {
46 getTaskBackNode(this.formData).then(res => { 46 getTaskBackNode(this.formData).then(res => {
47 if(res.code == 200){ 47 if (res.code == 200) {
48 this.dataList = res.result 48 this.dataList = res.result
49 } 49 }
50 }) 50 })
......
1 //流程环节操作按钮 1 //流程环节操作按钮
2 export function getForm (tabName) { 2 export function getForm(tabName, djywbm) {
3 let form; 3 let form;
4 switch (tabName) { 4 switch (tabName) {
5 case "slxx": 5 case "jsydsyqslxx100":
6 form = require("@/views/ywbl/jsydsyq/slxx.vue"); 6 form = require("@/views/ywbl/jsydsyq/slxx.vue");
7 break; 7 break;
8 case "jsydsyqslxx200":
9 form = require("@/views/ywbl/jsydsyq/slxx200.vue");
10 break;
11 case "jsydsyqslxx300":
12 form = require("@/views/ywbl/jsydsyq/slxx300.vue");
13 break;
14 case "fdcq2Slxx":
15 form = require("@/views/ywbl/fdcq2/slxx200.vue");
16 break;
8 case "slxxCfdj": 17 case "slxxCfdj":
9 form = require("@/views/ywbl/cfdj/slxx.vue"); 18 form = require("@/views/ywbl/cfdj/slxx.vue");
10 break; 19 break;
...@@ -20,6 +29,9 @@ export function getForm (tabName) { ...@@ -20,6 +29,9 @@ export function getForm (tabName) {
20 case "qlxx": 29 case "qlxx":
21 form = require("@/views/registerBook/jsydsyq.vue"); 30 form = require("@/views/registerBook/jsydsyq.vue");
22 break; 31 break;
32 case "fdcq2Qlxx":
33 form = require("@/views/registerBook/fdcq2.vue");
34 break;
23 case "szxx": 35 case "szxx":
24 form = require("@/views/workflow/components/szxx.vue"); 36 form = require("@/views/workflow/components/szxx.vue");
25 break; 37 break;
...@@ -27,7 +39,5 @@ export function getForm (tabName) { ...@@ -27,7 +39,5 @@ export function getForm (tabName) {
27 form = require("@/views/workflow/components/fzxx.vue"); 39 form = require("@/views/workflow/components/fzxx.vue");
28 break; 40 break;
29 } 41 }
30
31 return (r) => require.ensure([], () => r(form)); 42 return (r) => require.ensure([], () => r(form));
32 } 43 }
33
......
...@@ -164,7 +164,6 @@ ...@@ -164,7 +164,6 @@
164 background-color: #3498db; 164 background-color: #3498db;
165 color: #ffffff; 165 color: #ffffff;
166 justify-content: space-between; 166 justify-content: space-between;
167 padding-left: 15px;
168 position: sticky; 167 position: sticky;
169 top: 0; 168 top: 0;
170 z-index: 100; 169 z-index: 100;
......
...@@ -63,6 +63,10 @@ ...@@ -63,6 +63,10 @@
63 </div> 63 </div>
64 </div> 64 </div>
65 <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> 65 <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
66 <!-- <dialogBox title="流程图" width="60%" v-model="myValue" @closeDialog="closeDialog">
67 <process-viewer :key="`designer-${loadIndex}`" style="height:500px" :xml="xmlData" :finished-info="finishedInfo"
68 :all-comment-list="historyTaskList" @ch="changeLoadIndex" />
69 </dialogBox> -->
66 </div> 70 </div>
67 </template> 71 </template>
68 72
...@@ -79,6 +83,7 @@ import { ...@@ -79,6 +83,7 @@ import {
79 completeTask, 83 completeTask,
80 } from "@/api/fqsq.js"; 84 } from "@/api/fqsq.js";
81 import { deleteBdcdy } from "@/api/ywbl.js"; 85 import { deleteBdcdy } from "@/api/ywbl.js";
86 import ProcessViewer from './components/processViewer.vue'
82 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"; 87 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js";
83 import { getForm } from "./flowform.js"; 88 import { getForm } from "./flowform.js";
84 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue"; 89 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue";
...@@ -86,12 +91,12 @@ import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js"; ...@@ -86,12 +91,12 @@ import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js";
86 export default { 91 export default {
87 components: { 92 components: {
88 fqsqDialog, 93 fqsqDialog,
94 ProcessViewer
89 }, 95 },
90 data () { 96 data () {
91 return { 97 return {
92 isDialog: false, 98 isDialog: false,
93 // 流程图 99 // 流程图
94 imgSrc: "",
95 // 折叠 100 // 折叠
96 isShowdrawer: true, 101 isShowdrawer: true,
97 // 默认选中 102 // 默认选中
...@@ -131,6 +136,12 @@ export default { ...@@ -131,6 +136,12 @@ export default {
131 this.flowInitParam(); 136 this.flowInitParam();
132 }, 137 },
133 methods: { 138 methods: {
139 changeLoadIndex () {
140 this.loadIndex++
141 },
142 closeDialog () {
143 this.myValue = false
144 },
134 // 更新列表 145 // 更新列表
135 updateDialog () { 146 updateDialog () {
136 this.loadBdcdylist(); 147 this.loadBdcdylist();
...@@ -196,7 +207,7 @@ export default { ...@@ -196,7 +207,7 @@ export default {
196 this.tabList.forEach(function (item, index) { 207 this.tabList.forEach(function (item, index) {
197 if (item.value == "clxx") { 208 if (item.value == "clxx") {
198 that.clxxIndex = index; 209 that.clxxIndex = index;
199 that.clxxForm = getForm(item.value); 210 that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
200 that.clxxTab = item; 211 that.clxxTab = item;
201 } 212 }
202 }); 213 });
...@@ -216,16 +227,24 @@ export default { ...@@ -216,16 +227,24 @@ export default {
216 this.isDialog = true; 227 this.isDialog = true;
217 break; 228 break;
218 case "B1": 229 case "B1":
219 getWorkFlowImage(this.bsmSlsq).then((res) => { 230 getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => {
220 this.imgSrc = URL.createObjectURL(res); 231 let { result } = res
221 this.$popup({ 232 this.$popup({
222 title: "流程图", 233 title: "流程图",
223 btnShow: true, 234 height: '500px',
224 height: '250px', 235 editItem: "workflow/components/processViewer",
225 editItem: "workflow/components/flowChart", 236 formData: {
226 formData: this.imgSrc, 237 xml: result.xml,
227 }); 238 finishedInfo: {
228 }); 239 finishedTaskSet: result.finishedTaskSet,
240 unfinishedTaskSet: result.unfinishedTaskSet,
241 rejectedTaskSet: result.rejectedTaskSet,
242 finishedSequenceFlowSet: result.finishedSequenceFlowSet
243 },
244 allCommentList: result.historyTaskList
245 }
246 })
247 })
229 break; 248 break;
230 case "B2": //材料分屏按钮 249 case "B2": //材料分屏按钮
231 this.splitScreen = this.splitScreen ? false : true; 250 this.splitScreen = this.splitScreen ? false : true;
...@@ -356,7 +375,7 @@ export default { ...@@ -356,7 +375,7 @@ export default {
356 }, 375 },
357 //切换选项卡内容组件 376 //切换选项卡内容组件
358 getFromRouter (tabname) { 377 getFromRouter (tabname) {
359 this.componentTag = getForm(tabname); 378 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
360 }, 379 },
361 //发送下一个环节 380 //发送下一个环节
362 send (obj) { 381 send (obj) {
......
...@@ -203,7 +203,8 @@ export default { ...@@ -203,7 +203,8 @@ export default {
203 ...res.result.zdjbxxdatas, 203 ...res.result.zdjbxxdatas,
204 ...res.result.qlxxdatas, 204 ...res.result.qlxxdatas,
205 ...res.result.jsydsyqdatas, 205 ...res.result.jsydsyqdatas,
206 }; 206 }
207 console.log(this.ruleForm, 'this.ruleFormthis.ruleFormthis.ruleForm');
207 } 208 }
208 }); 209 });
209 }, 210 },
......
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
58 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号：" prop="zrzh">
75 <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号：" prop="hbdcdyh">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态：" prop="djzt">
85 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
86 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value">
87 </el-option>
88 </el-select>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <el-row :gutter="10">
93 <el-col :span="8">
94 <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号：" prop="tfqzh">
95 <el-input disabled v-model="ruleForm.tfqzh"></el-input>
96 </el-form-item>
97 </el-col>
98
99 <el-col :span="16">
100 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
101 <el-input disabled v-model="ruleForm.zl"></el-input>
102 </el-form-item>
103 </el-col>
104 </el-row>
105 <el-row :gutter="10">
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
108 <el-input disabled v-model="ruleForm.fwyt"></el-input>
109 </el-form-item>
110 </el-col>
111 <el-col :span="8">
112 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
113 <el-input disabled v-model="ruleForm.fwxz"></el-input>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
118 <el-input disabled v-model="ruleForm.fwjg"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
158 <el-row :gutter="10">
159 <el-col>
160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
161 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
162 </el-input>
163 </el-form-item>
164 </el-col>
165 </el-row>
166 </div>
167 <el-row class="btn" v-if="!$route.query.viewtype">
168 <el-form-item :class="flag ? 'marginBot0' : ''">
169 <el-button type="primary" @click="onSubmit">保存</el-button>
170 </el-form-item>
171 </el-row>
172 </el-form>
173 </div>
174 </template>
175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable";
177 import { Init } from "@/api/fwsyqFlow.js";
178 import { mapGetters } from "vuex";
179 export default {
180 created () {
181 this.propsParam = this.$attrs;
182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) {
186 this.ruleForm = {
187 ...res.result,
188 ...res.result.zdjbxxdatas,
189 ...res.result.qlxxdatas,
190 ...res.result.jsydsyqdatas,
191 }
192 }
193 });
194 },
195 components: { InformationTable },
196 computed: {
197 ...mapGetters(["dictData", "flag"]),
198 },
199 data () {
200 return {
201 disabled: true,
202 tdytOption: [],
203 czrOptions: [],
204 ruleForm: {
205 ywh: "",
206 slry: "",
207 slsj: "",
208 qllx: "",
209 djlx: "",
210 djqx: "",
211 // 宗地代码
212 zddm: "",
213 bdcdyh: "",
214 qlxzmc: "",
215 qlrxx: [],
216 // 自然幢号
217 zrzh: "",
218 // 户不动产单元号
219 hbdcdyh: '',
220 djzt: '',
221 // 图幅丘幢号
222 tfqzh: '',
223 zl: '',
224 // 房屋用途
225 fwyt: '',
226 fwxz: '',
227 fwjg: '',
228 // 权利人信息
229 gyfs: "1",
230 // 是否分别持证
231 sffbcz: "",
232 // 持证人
233 czr: "",
234 djyy: ''
235 },
236 //传递参数
237 propsParam: {},
238 rules: {},
239 };
240 },
241 methods: {
242 list (bsmSldy) {
243 var formdata = new FormData();
244 formdata.append("bsmSldy", bsmSldy);
245 Init(formdata).then((res) => {
246 if (res.code === 200 && res.result) {
247 this.ruleForm = {
248 ...res.result,
249 ...res.result.zdjbxxdatas,
250 ...res.result.qlxxdatas,
251 ...res.result.jsydsyqdatas,
252 };
253 }
254 });
255 },
256 onSubmit () {
257 fristReg(this.ruleForm).then((res) => {
258 if (res.code === 200 && res.result) {
259 console.log(res);
260 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
261 }
262 });
263 },
264 },
265 };
266 </script>
267 <style scoped lang='scss'>
268 @import "~@/styles/public.scss";
269
270 /deep/.el-form {
271 display: flex;
272 flex-direction: column;
273 height: calc(100vh - 130px);
274 background-color: aqua;
275 }
276
277 /deep/.el-form-item__label {
278 padding: 0;
279 }
280
281 /deep/.el-radio {
282 margin-right: 10px;
283 }
284
285 /deep/.el-select {
286 width: 100%;
287 }
288
289 /deep/.el-form-item {
290 margin-bottom: 8px;
291 }
292
293 .marginBot0 {
294 margin-bottom: 0 !important;
295 }
296
297 .slxx {
298 box-sizing: border-box;
299 }
300
301 .slxx_con {
302 flex: 1;
303 height: 100%;
304 background-color: #ffffff;
305 overflow-y: auto;
306 padding-right: 3px;
307 overflow-x: hidden;
308 }
309
310 .submit_btn {
311 height: 50px;
312 }
313
314 .slxx_title {
315 border-bottom: 1px solid $borderColor;
316 padding-left: 10px;
317 padding-bottom: 5px;
318 margin-bottom: 10px;
319 margin-top: 5px;
320 font-size: 16px;
321 font-weight: 500;
322 color: #4a4a4a;
323 }
324
325 .btn {
326 text-align: center;
327 padding-top: 10px;
328 height: 36px;
329 background-color: #ffffff;
330 padding: 5px 0;
331 }
332
333 .textArea {
334 /deep/.el-textarea__inner {
335 min-height: 90px !important;
336 }
337 }
338
339 /deep/.el-form-item__label {
340 padding-bottom: 0px;
341 }
342 </style>
...\ No newline at end of file ...\ No newline at end of file
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">
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="受理人员：" prop="slry">
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="受理时间：" prop="slsj">
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">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllxmc">
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="登记类型：" prop="djlxmc">
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="登记情形：" prop="djqx">
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">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
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="坐落：" prop="zl">
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">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="yt">
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="土地使用起止时间：" prop="tdsyqzsj">
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="土地使用期限：" prop="tdsyqx">
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">
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.fwxz"></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.fwjg"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10">
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">
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.zyjjmj"></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.ftjjmj"></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">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.qlxx.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.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.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 :tableData="ruleForm.qlrList" :gyfs="ruleForm.qlxx.gyfs" />
161 <div class="slxx_title title-block">
162 登记原因
163 <div class="triangle"></div>
164 </div>
165 <el-row :gutter="10">
166 <el-col>
167 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
168 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.fdcq2.djyy">
169 </el-input>
170 </el-form-item>
171 </el-col>
172 </el-row>
173 </div>
174 <el-row class="btn" v-if="!$route.query.viewtype">
175 <el-form-item :class="flag ? 'marginBot0' : ''">
176 <el-button type="primary" @click="onSubmit">保存</el-button>
177 </el-form-item>
178 </el-row>
179 </el-form>
180 </div>
181 </template>
182 <script>
183 import InformationTable from "@/views/workflow/components/InformationTable";
184 import { Init, saveData } from "@/api/fwsyqFlow.js";
185 import { mapGetters } from "vuex";
186 export default {
187 async created() {
188 //this.propsParam = this.$attrs;
189 var formdata = new FormData();
190 formdata.append("bsmSldy", this.propsParam.bsmSldy);
191 formdata.append("djlx", this.propsParam.djlx);
192 Init(formdata).then((res) => {
193 if (res.code === 200 && res.result) {
194 // this.ruleForm = {
195 // ...res.result.slywxx,
196 // ...res.result.zdjbxx,
197 // ...res.result.qlxx,
198 // ...res.result.fdcq2,
199 // };
200 this.ruleForm = res.result;
201 }
202 });
203 },
204 components: { InformationTable },
205 computed: {
206 ...mapGetters(["dictData", "flag"]),
207 },
208 data() {
209 return {
210 disabled: true,
211 tdytOption: [],
212 czrOptions: [],
213 ruleForm: {
214
215 slry: "",
216 slsj: "",
217 qllx: "",
218 djlx: "",
219 djqx: "",
220 // 宗地代码
221 zddm: "",
222 bdcdyh: "",
223 qlxzmc: "",
224 qlrxx: [],
225 // 自然幢号
226 zrzh: "",
227 // 户不动产单元号
228 hbdcdyh: "",
229 djzt: "",
230 // 图幅丘幢号
231 tfqzh: "",
232 zl: "",
233 // 房屋用途
234 fwyt: "",
235 fwxz: "",
236 fwjg: "",
237 // 权利人信息
238 gyfs: "1",
239 // 是否分别持证
240 sffbcz: "",
241 // 持证人
242 czr: "",
243 djyy: "",
244 },
245 //传递参数
246 propsParam: this.$attrs,
247 rules: {},
248 };
249 },
250 methods: {
251 list(bsmSldy) {
252 var formdata = new FormData();
253 formdata.append("bsmSldy", bsmSldy);
254 Init(formdata).then((res) => {
255 if (res.code === 200 && res.result) {
256 this.ruleForm = {
257 ...res.result,
258 ...res.result.zdjbxxdatas,
259 ...res.result.qlxxdatas,
260 ...res.result.jsydsyqdatas,
261 };
262 }
263 });
264 },
265 onSubmit() {
266 saveData(this.ruleForm).then((res) => {
267 console.log(this.ruleForm);
268 //this.$alert(this.ruleForm);
269 if (res.code === 200 && res.result) {
270 console.log(res);
271 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
272 }
273 });
274 },
275 },
276 };
277 </script>
278 <style scoped lang='scss'>
279 @import "~@/styles/public.scss";
280
281 /deep/.el-form {
282 display: flex;
283 flex-direction: column;
284 height: calc(100vh - 130px);
285 background-color: aqua;
286 }
287
288 /deep/.el-form-item__label {
289 padding: 0;
290 }
291
292 /deep/.el-radio {
293 margin-right: 10px;
294 }
295
296 /deep/.el-select {
297 width: 100%;
298 }
299
300 /deep/.el-form-item {
301 margin-bottom: 8px;
302 }
303
304 .marginBot0 {
305 margin-bottom: 0 !important;
306 }
307
308 .slxx {
309 box-sizing: border-box;
310 }
311
312 .slxx_con {
313 flex: 1;
314 height: 100%;
315 background-color: #ffffff;
316 overflow-y: auto;
317 padding-right: 3px;
318 overflow-x: hidden;
319 }
320
321 .submit_btn {
322 height: 50px;
323 }
324
325 .slxx_title {
326 border-bottom: 1px solid $borderColor;
327 padding-left: 10px;
328 padding-bottom: 5px;
329 margin-bottom: 10px;
330 margin-top: 5px;
331 font-size: 16px;
332 font-weight: 500;
333 color: #4a4a4a;
334 }
335
336 .btn {
337 text-align: center;
338 padding-top: 10px;
339 height: 36px;
340 background-color: #ffffff;
341 padding: 5px 0;
342 }
343
344 .textArea {
345 /deep/.el-textarea__inner {
346 min-height: 90px !important;
347 }
348 }
349
350 /deep/.el-form-item__label {
351 padding-bottom: 0px;
352 }
353 </style>
...\ No newline at end of file ...\ No newline at end of file
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
58 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号：" prop="zrzh">
75 <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号：" prop="hbdcdyh">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态：" prop="djzt">
85 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
86 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value">
87 </el-option>
88 </el-select>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <el-row :gutter="10">
93 <el-col :span="8">
94 <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号：" prop="tfqzh">
95 <el-input disabled v-model="ruleForm.tfqzh"></el-input>
96 </el-form-item>
97 </el-col>
98
99 <el-col :span="16">
100 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
101 <el-input disabled v-model="ruleForm.zl"></el-input>
102 </el-form-item>
103 </el-col>
104 </el-row>
105 <el-row :gutter="10">
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
108 <el-input disabled v-model="ruleForm.fwyt"></el-input>
109 </el-form-item>
110 </el-col>
111 <el-col :span="8">
112 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
113 <el-input disabled v-model="ruleForm.fwxz"></el-input>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
118 <el-input disabled v-model="ruleForm.fwjg"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
158 <el-row :gutter="10">
159 <el-col>
160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
161 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
162 </el-input>
163 </el-form-item>
164 </el-col>
165 </el-row>
166 </div>
167 <el-row class="btn" v-if="!$route.query.viewtype">
168 <el-form-item :class="flag ? 'marginBot0' : ''">
169 <el-button type="primary" @click="onSubmit">保存</el-button>
170 </el-form-item>
171 </el-row>
172 </el-form>
173 </div>
174 </template>
175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable";
177 import { Init } from "@/api/fwsyqFlow.js";
178 import { mapGetters } from "vuex";
179 export default {
180 async created () {
181 this.propsParam = this.$attrs;
182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) {
186 this.ruleForm = {
187 ...res.result,
188 ...res.result.zdjbxxdatas,
189 ...res.result.qlxxdatas,
190 ...res.result.jsydsyqdatas,
191 };
192 }
193 });
194 },
195 components: { InformationTable },
196 computed: {
197 ...mapGetters(["dictData", "flag"]),
198 },
199 data () {
200 return {
201 disabled: true,
202 tdytOption: [],
203 czrOptions: [],
204 ruleForm: {
205 ywh: "",
206 slry: "",
207 slsj: "",
208 qllx: "",
209 djlx: "",
210 djqx: "",
211 // 宗地代码
212 zddm: "",
213 bdcdyh: "",
214 qlxzmc: "",
215 qlrxx: [],
216 // 自然幢号
217 zrzh: "",
218 // 户不动产单元号
219 hbdcdyh: '',
220 djzt: '',
221 // 图幅丘幢号
222 tfqzh: '',
223 zl: '',
224 // 房屋用途
225 fwyt: '',
226 fwxz: '',
227 fwjg: '',
228 // 权利人信息
229 gyfs: "1",
230 // 是否分别持证
231 sffbcz: "",
232 // 持证人
233 czr: "",
234 djyy: ''
235 },
236 //传递参数
237 propsParam: {},
238 rules: {},
239 };
240 },
241 methods: {
242 list (bsmSldy) {
243 var formdata = new FormData();
244 formdata.append("bsmSldy", bsmSldy);
245 Init(formdata).then((res) => {
246 if (res.code === 200 && res.result) {
247 this.ruleForm = {
248 ...res.result,
249 ...res.result.zdjbxxdatas,
250 ...res.result.qlxxdatas,
251 ...res.result.jsydsyqdatas,
252 };
253 }
254 });
255 },
256 onSubmit () {
257 fristReg(this.ruleForm).then((res) => {
258 if (res.code === 200 && res.result) {
259 console.log(res);
260 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
261 }
262 });
263 },
264 },
265 };
266 </script>
267 <style scoped lang='scss'>
268 @import "~@/styles/public.scss";
269
270 /deep/.el-form {
271 display: flex;
272 flex-direction: column;
273 height: calc(100vh - 130px);
274 background-color: aqua;
275 }
276
277 /deep/.el-form-item__label {
278 padding: 0;
279 }
280
281 /deep/.el-radio {
282 margin-right: 10px;
283 }
284
285 /deep/.el-select {
286 width: 100%;
287 }
288
289 /deep/.el-form-item {
290 margin-bottom: 8px;
291 }
292
293 .marginBot0 {
294 margin-bottom: 0 !important;
295 }
296
297 .slxx {
298 box-sizing: border-box;
299 }
300
301 .slxx_con {
302 flex: 1;
303 height: 100%;
304 background-color: #ffffff;
305 overflow-y: auto;
306 padding-right: 3px;
307 overflow-x: hidden;
308 }
309
310 .submit_btn {
311 height: 50px;
312 }
313
314 .slxx_title {
315 border-bottom: 1px solid $borderColor;
316 padding-left: 10px;
317 padding-bottom: 5px;
318 margin-bottom: 10px;
319 margin-top: 5px;
320 font-size: 16px;
321 font-weight: 500;
322 color: #4a4a4a;
323 }
324
325 .btn {
326 text-align: center;
327 padding-top: 10px;
328 height: 36px;
329 background-color: #ffffff;
330 padding: 5px 0;
331 }
332
333 .textArea {
334 /deep/.el-textarea__inner {
335 min-height: 90px !important;
336 }
337 }
338
339 /deep/.el-form-item__label {
340 padding-bottom: 0px;
341 }
342 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -10,24 +10,24 @@ ...@@ -10,24 +10,24 @@
10 </div> 10 </div>
11 <el-row :gutter="10"> 11 <el-row :gutter="10">
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh"> 13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.ywh"></el-input> 14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry"> 18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slry"></el-input> 19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj"> 23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slsj"></el-input> 24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 </el-row> 27 </el-row>
28 <el-row :gutter="10"> 28 <el-row :gutter="10">
29 <el-col :span="8"> 29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx"> 30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option> 33 </el-option>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
35 </el-form-item> 35 </el-form-item>
36 </el-col> 36 </el-col>
37 <el-col :span="8"> 37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx"> 38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option> 41 </el-option>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
43 </el-form-item> 43 </el-form-item>
44 </el-col> 44 </el-col>
45 <el-col :span="8"> 45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx"> 46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input> 47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item> 48 </el-form-item>
49 </el-col> 49 </el-col>
...@@ -54,60 +54,60 @@ ...@@ -54,60 +54,60 @@
54 </div> 54 </div>
55 <el-row :gutter="10"> 55 <el-row :gutter="10">
56 <el-col :span="8"> 56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm"> 57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：">
58 <el-input disabled v-model="ruleForm.zddm"></el-input> 58 <el-input disabled v-model="ruleForm.zddm"></el-input>
59 </el-form-item> 59 </el-form-item>
60 </el-col> 60 </el-col>
61 <el-col :span="8"> 61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh"> 62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input> 63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item> 64 </el-form-item>
65 </el-col> 65 </el-col>
66 <el-col :span="8"> 66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc"> 67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input> 68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item> 69 </el-form-item>
70 </el-col> 70 </el-col>
71 </el-row> 71 </el-row>
72 <el-row :gutter="10"> 72 <el-row :gutter="10">
73 <el-col :span="8"> 73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：" prop="zdmj"> 74 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：">
75 <el-input disabled v-model="ruleForm.zdmj"></el-input> 75 <el-input disabled v-model="ruleForm.zdmj"></el-input>
76 </el-form-item> 76 </el-form-item>
77 </el-col> 77 </el-col>
78 <el-col :span="8"> 78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="ghytmc"> 79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input> 80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item> 81 </el-form-item>
82 </el-col> 82 </el-col>
83 <el-col :span="8"> 83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs"> 84 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：">
85 <el-input disabled v-model="ruleForm.qlsdfsmc"></el-input> 85 <el-input disabled v-model="ruleForm.qlsdfsmc"></el-input>
86 </el-form-item> 86 </el-form-item>
87 </el-col> 87 </el-col>
88 </el-row> 88 </el-row>
89 <el-row :gutter="10"> 89 <el-row :gutter="10">
90 <el-col :span="8"> 90 <el-col :span="8">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：" prop="qdjg"> 91 <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：">
92 <el-input disabled v-model="ruleForm.qdjg"></el-input> 92 <el-input disabled v-model="ruleForm.qdjg"></el-input>
93 </el-form-item> 93 </el-form-item>
94 </el-col> 94 </el-col>
95 95
96 <el-col :span="16"> 96 <el-col :span="16">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl"> 97 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
98 <el-input disabled v-model="ruleForm.zl"></el-input> 98 <el-input disabled v-model="ruleForm.zl"></el-input>
99 </el-form-item> 99 </el-form-item>
100 </el-col> 100 </el-col>
101 </el-row> 101 </el-row>
102 <el-row :gutter="10"> 102 <el-row :gutter="10">
103 <el-col :span="8"> 103 <el-col :span="8">
104 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限：" prop="tdsyqx"> 104 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限：">
105 <el-input disabled v-model="ruleForm.tdsyqx"></el-input> 105 <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
106 </el-form-item> 106 </el-form-item>
107 </el-col> 107 </el-col>
108 108
109 <el-col :span="16"> 109 <el-col :span="16">
110 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间：" prop="qssj"> 110 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间：">
111 <el-input disabled v-model="ruleForm.syqqzsj"></el-input> 111 <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
112 </el-form-item> 112 </el-form-item>
113 </el-col> 113 </el-col>
...@@ -173,63 +173,65 @@ ...@@ -173,63 +173,65 @@
173 </div> 173 </div>
174 </template> 174 </template>
175 <script> 175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable"; 176 import { mapGetters } from "vuex"
177 import { Init, fristReg } from "@/api/jsydsyqFlow.js"; 177 import { Init, fristReg } from "@/api/jsydsyqFlow.js"
178 import { mapGetters } from "vuex"; 178 import InformationTable from "@/views/workflow/components/InformationTable"
179 export default { 179 export default {
180 async created () { 180 created () {
181 this.propsParam = this.$attrs; 181 this.propsParam = this.$attrs;
182 var formdata = new FormData(); 182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy); 183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => { 184 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) { 185 if (res.code === 200 && res.result) {
186 this.ruleForm = {}
186 this.ruleForm = { 187 this.ruleForm = {
187 ...res.result, 188 ...res.result,
188 ...res.result.zdjbxxdatas, 189 ...res.result.zdjbxxdatas,
189 ...res.result.qlxxdatas, 190 ...res.result.qlxxdatas,
190 ...res.result.jsydsyqdatas, 191 ...res.result.jsydsyqdatas
191 };
192 } 192 }
193 }); 193 if (this.ruleForm.gyfs == '1') {
194 this.ruleForm.qlrxx = [{}]
195 }
196 }
197 })
194 }, 198 },
195 components: { InformationTable }, 199 components: { InformationTable },
196 computed: { 200 computed: {
197 ...mapGetters(["dictData", "flag"]), 201 ...mapGetters(["dictData", "flag"])
198 }, 202 },
199 data () { 203 data () {
200 return { 204 return {
201 disabled: true, 205 disabled: true,
202 czrOptions: [], 206 czrOptions: [],
203 ruleForm: { 207 ruleForm: {
204 ywh: "", 208 // ywh: "",
205 slry: "", 209 // slry: "",
206 slsj: "", 210 // slsj: "",
207 qllx: "", 211 // qllx: "",
208 djlx: "", 212 // djlx: "",
209 djqx: "", 213 // djqx: "",
210 zddm: "", 214 // zddm: "",
211 bdcdyh: "", 215 // bdcdyh: "",
212 qlxzmc: "", 216 // qlxzmc: "",
213 qlrxx: [], 217 // zdmj: "",
214 zdmj: "", 218 // zl: "",
215 zl: "", 219 // tdyt: "",
216 tdyt: "", 220 // qlsdfs: "",
217 qlsdfs: "", 221 // qdjg: "",
218 qdjg: "", 222 // tdsyqx: "",
219 tdsyqx: "", 223 // syqqzsj: "",
220 syqqzsj: "", 224 // fj: "",
221 fj: "", 225 // qlrxx: [],
222 djyy: "", 226 // djyy: "",
223 gyfs: "1", 227 // gyfs: "1",
224 // 是否分别持证 228 // sffbcz: "",
225 sffbcz: "", 229 // czr: "",
226 // 持证人
227 czr: "",
228 }, 230 },
229 //传递参数 231 //传递参数
230 propsParam: {}, 232 propsParam: {},
231 rules: {}, 233 rules: {}
232 }; 234 }
233 }, 235 },
234 methods: { 236 methods: {
235 list (bsmSldy) { 237 list (bsmSldy) {
...@@ -249,7 +251,6 @@ export default { ...@@ -249,7 +251,6 @@ export default {
249 onSubmit () { 251 onSubmit () {
250 fristReg(this.ruleForm).then((res) => { 252 fristReg(this.ruleForm).then((res) => {
251 if (res.code === 200 && res.result) { 253 if (res.code === 200 && res.result) {
252 console.log(res);
253 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 254 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
254 } 255 }
255 }); 256 });
...@@ -259,77 +260,5 @@ export default { ...@@ -259,77 +260,5 @@ export default {
259 </script> 260 </script>
260 <style scoped lang='scss'> 261 <style scoped lang='scss'>
261 @import "~@/styles/public.scss"; 262 @import "~@/styles/public.scss";
262 263 @import "~@/styles/slxx/slxx.scss";
263 /deep/.el-form {
264 display: flex;
265 flex-direction: column;
266 height: calc(100vh - 130px);
267 background-color: aqua;
268 }
269
270 /deep/.el-form-item__label {
271 padding: 0;
272 }
273
274 /deep/.el-radio {
275 margin-right: 10px;
276 }
277
278 /deep/.el-select {
279 width: 100%;
280 }
281
282 /deep/.el-form-item {
283 margin-bottom: 8px;
284 }
285
286 .marginBot0 {
287 margin-bottom: 0 !important;
288 }
289
290 .slxx {
291 box-sizing: border-box;
292 }
293
294 .slxx_con {
295 flex: 1;
296 height: 100%;
297 background-color: #ffffff;
298 overflow-y: auto;
299 padding-right: 3px;
300 overflow-x: hidden;
301 }
302
303 .submit_btn {
304 height: 50px;
305 }
306
307 .slxx_title {
308 border-bottom: 1px solid $borderColor;
309 padding-left: 10px;
310 padding-bottom: 5px;
311 margin-bottom: 10px;
312 margin-top: 5px;
313 font-size: 16px;
314 font-weight: 500;
315 color: #4a4a4a;
316 }
317
318 .btn {
319 text-align: center;
320 padding-top: 10px;
321 height: 36px;
322 background-color: #ffffff;
323 padding: 5px 0;
324 }
325
326 .textArea {
327 /deep/.el-textarea__inner {
328 min-height: 90px !important;
329 }
330 }
331
332 /deep/.el-form-item__label {
333 padding-bottom: 0px;
334 }
335 </style> 264 </style>
...\ No newline at end of file ...\ No newline at end of file
......
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
58 <el-input disabled v-model="ruleForm.zddm"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：" prop="zdmj">
75 <el-input disabled v-model="ruleForm.zdmj"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="ghytmc">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs">
85 <el-input disabled v-model="ruleForm.qlsdfsmc"></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 :class="flag ? 'marginBot0' : ''" label="取得价格：" prop="qdjg">
92 <el-input disabled v-model="ruleForm.qdjg"></el-input>
93 </el-form-item>
94 </el-col>
95
96 <el-col :span="16">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
98 <el-input disabled v-model="ruleForm.zl"></el-input>
99 </el-form-item>
100 </el-col>
101 </el-row>
102 <el-row :gutter="10">
103 <el-col :span="8">
104 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限：" prop="tdsyqx">
105 <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
106 </el-form-item>
107 </el-col>
108
109 <el-col :span="16">
110 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间：" prop="qssj">
111 <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
112 </el-form-item>
113 </el-col>
114 </el-row>
115 <el-row :gutter="10">
116 <el-col>
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
118 <el-input type="textarea" v-model="ruleForm.fj" :disabled="$route.query.viewtype==1"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 义务人信息
156 <div class="triangle"></div>
157 </div>
158 <InformationTable :tableData="ruleForm.ywrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
159 <div class="slxx_title title-block">
160 登记原因
161 <div class="triangle"></div>
162 </div>
163 <el-row :gutter="10">
164 <el-col>
165 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
166 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
167 </el-input>
168 </el-form-item>
169 </el-col>
170 </el-row>
171 </div>
172 <el-row class="btn" v-if="!$route.query.viewtype">
173 <el-form-item :class="flag ? 'marginBot0' : ''">
174 <el-button type="primary" @click="onSubmit">保存</el-button>
175 </el-form-item>
176 </el-row>
177 </el-form>
178 </div>
179 </template>
180 <script>
181 import InformationTable from "@/views/workflow/components/InformationTable";
182 import { Init, fristReg } from "@/api/jsydsyqFlow.js";
183 import { mapGetters } from "vuex";
184 export default {
185 async created () {
186 this.propsParam = this.$attrs;
187 var formdata = new FormData();
188 formdata.append("bsmSldy", this.propsParam.bsmSldy);
189 Init(formdata).then((res) => {
190 if (res.code === 200 && res.result) {
191 this.ruleForm = {
192 ...res.result,
193 ...res.result.zdjbxxdatas,
194 ...res.result.qlxxdatas,
195 ...res.result.jsydsyqdatas,
196 };
197 }
198 });
199 },
200 components: { InformationTable },
201 computed: {
202 ...mapGetters(["dictData", "flag"]),
203 },
204 data () {
205 return {
206 disabled: true,
207 czrOptions: [],
208 ruleForm: {
209 ywh: "",
210 slry: "",
211 slsj: "",
212 qllx: "",
213 djlx: "",
214 djqx: "",
215 zddm: "",
216 bdcdyh: "",
217 qlxzmc: "",
218 qlrxx: [],
219 zdmj: "",
220 zl: "",
221 tdyt: "",
222 qlsdfs: "",
223 qdjg: "",
224 tdsyqx: "",
225 syqqzsj: "",
226 fj: "",
227 djyy: "",
228 gyfs: "1",
229 // 是否分别持证
230 sffbcz: "",
231 // 持证人
232 czr: "",
233 },
234 //传递参数
235 propsParam: {},
236 rules: {},
237 };
238 },
239 methods: {
240 list (bsmSldy) {
241 var formdata = new FormData();
242 formdata.append("bsmSldy", bsmSldy);
243 Init(formdata).then((res) => {
244 if (res.code === 200 && res.result) {
245 this.ruleForm = {
246 ...res.result,
247 ...res.result.zdjbxxdatas,
248 ...res.result.qlxxdatas,
249 ...res.result.jsydsyqdatas,
250 };
251 }
252 });
253 },
254 onSubmit () {
255 fristReg(this.ruleForm).then((res) => {
256 if (res.code === 200 && res.result) {
257 console.log(res);
258 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
259 }
260 });
261 },
262 },
263 };
264 </script>
265 <style scoped lang='scss'>
266 @import "~@/styles/public.scss";
267 @import "~@/styles/slxx/slxx.scss";
268 </style>
...\ No newline at end of file ...\ No newline at end of file
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.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.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.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：">
58 <el-input disabled v-model="ruleForm.zddm"></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.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：">
75 <el-input disabled v-model="ruleForm.zdmj"></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.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：">
85 <el-input disabled v-model="ruleForm.qlsdfsmc"></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 :class="flag ? 'marginBot0' : ''" label="取得价格：">
92 <el-input disabled v-model="ruleForm.qdjg"></el-input>
93 </el-form-item>
94 </el-col>
95
96 <el-col :span="16">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
98 <el-input disabled v-model="ruleForm.zl"></el-input>
99 </el-form-item>
100 </el-col>
101 </el-row>
102 <el-row :gutter="10">
103 <el-col :span="8">
104 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限：">
105 <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
106 </el-form-item>
107 </el-col>
108
109 <el-col :span="16">
110 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间：">
111 <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
112 </el-form-item>
113 </el-col>
114 </el-row>
115 <el-row :gutter="10">
116 <el-col>
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
118 <el-input type="textarea" v-model="ruleForm.fj" :disabled="$route.query.viewtype==1"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
158 <el-row :gutter="10">
159 <el-col>
160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
161 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
162 </el-input>
163 </el-form-item>
164 </el-col>
165 </el-row>
166 </div>
167 <el-row class="btn" v-if="!$route.query.viewtype">
168 <el-form-item :class="flag ? 'marginBot0' : ''">
169 <el-button type="primary" @click="onSubmit">保存</el-button>
170 </el-form-item>
171 </el-row>
172 </el-form>
173 </div>
174 </template>
175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable";
177 import { Init, fristReg } from "@/api/jsydsyqFlow.js";
178 import { mapGetters } from "vuex";
179 export default {
180 async created () {
181 this.propsParam = this.$attrs;
182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) {
186 this.ruleForm = {
187 ...res.result,
188 ...res.result.zdjbxxdatas,
189 ...res.result.qlxxdatas,
190 ...res.result.jsydsyqdatas,
191 };
192 }
193 });
194 },
195 components: { InformationTable },
196 computed: {
197 ...mapGetters(["dictData", "flag"]),
198 },
199 data () {
200 return {
201 disabled: true,
202 czrOptions: [],
203 ruleForm: {
204 // ywh: "",
205 // slry: "",
206 // slsj: "",
207 // qllx: "",
208 // djlx: "",
209 // djqx: "",
210 // zddm: "",
211 // bdcdyh: "",
212 // qlxzmc: "",
213 // qlrxx: [],
214 // zdmj: "",
215 // zl: "",
216 // tdyt: "",
217 // qlsdfs: "",
218 // qdjg: "",
219 // tdsyqx: "",
220 // syqqzsj: "",
221 // fj: "",
222 // djyy: "",
223 // gyfs: "1",
224 // sffbcz: "",
225 // czr: "",
226 },
227 //传递参数
228 propsParam: {},
229 rules: {},
230 };
231 },
232 methods: {
233 list (bsmSldy) {
234 var formdata = new FormData();
235 formdata.append("bsmSldy", bsmSldy);
236 Init(formdata).then((res) => {
237 if (res.code === 200 && res.result) {
238 this.ruleForm = {
239 ...res.result,
240 ...res.result.zdjbxxdatas,
241 ...res.result.qlxxdatas,
242 ...res.result.jsydsyqdatas,
243 };
244 }
245 });
246 },
247 onSubmit () {
248 fristReg(this.ruleForm).then((res) => {
249 if (res.code === 200 && res.result) {
250 console.log(res);
251 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
252 }
253 });
254 },
255 },
256 };
257 </script>
258 <style scoped lang='scss'>
259 @import "~@/styles/public.scss";
260 @import "~@/styles/slxx/slxx.scss";
261 </style>
...\ No newline at end of file ...\ No newline at end of file