Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
39 changed files
with
3559 additions
and
867 deletions
... | @@ -66,7 +66,24 @@ export function leftMenubl (params) { | ... | @@ -66,7 +66,24 @@ export function leftMenubl (params) { |
66 | params | 66 | params |
67 | }) | 67 | }) |
68 | } | 68 | } |
69 | 69 | /** | |
70 | * @description: 获取权利类型数组 | ||
71 | * @param {*} params | ||
72 | * @author: renchao | ||
73 | */ | ||
74 | // export function getQllxByBdcdyid (params) { | ||
75 | // return request({ | ||
76 | // url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid?bdcdyid='+params, | ||
77 | // method: 'get', | ||
78 | // }) | ||
79 | // } | ||
80 | export function getQllxByBdcdyid (params) { | ||
81 | return request({ | ||
82 | url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid', | ||
83 | method: 'get', | ||
84 | params | ||
85 | }) | ||
86 | } | ||
70 | /** | 87 | /** |
71 | * @description: 保存数据 | 88 | * @description: 保存数据 |
72 | * @param {*} data | 89 | * @param {*} data | ... | ... |
... | @@ -66,3 +66,15 @@ export function choiceBdcdy (data) { | ... | @@ -66,3 +66,15 @@ export function choiceBdcdy (data) { |
66 | }) | 66 | }) |
67 | } | 67 | } |
68 | 68 | ||
69 | /** | ||
70 | * @description: 选择补录权利信息 | ||
71 | * @param {*} data | ||
72 | * @author: renchao | ||
73 | */ | ||
74 | export function selectRepairQlxx (data) { | ||
75 | return request({ | ||
76 | url: 'ywbl/ywsq/selectRepairQlxx', | ||
77 | method: 'post', | ||
78 | data | ||
79 | }) | ||
80 | } | ... | ... |
... | @@ -31,7 +31,7 @@ export function getleftMenu () { | ... | @@ -31,7 +31,7 @@ export function getleftMenu () { |
31 | } | 31 | } |
32 | 32 | ||
33 | /** | 33 | /** |
34 | * @description: 登记簿补录-获取左侧菜单 | 34 | * @description: 登记簿补录 |
35 | * @author: renchao | 35 | * @author: renchao |
36 | */ | 36 | */ |
37 | export function getRepairBiz () { | 37 | export function getRepairBiz () { |
... | @@ -42,6 +42,17 @@ export function getleftMenu () { | ... | @@ -42,6 +42,17 @@ export function getleftMenu () { |
42 | } | 42 | } |
43 | 43 | ||
44 | /** | 44 | /** |
45 | * @description: 一并申请业务 | ||
46 | * @author: renchao | ||
47 | */ | ||
48 | export function getTogetherBiz () { | ||
49 | return request({ | ||
50 | url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz', | ||
51 | method: 'post' | ||
52 | }) | ||
53 | } | ||
54 | |||
55 | /** | ||
45 | * @description: 业务办理-获取下个节点内容 | 56 | * @description: 业务办理-获取下个节点内容 |
46 | * @param {*} bsmSqyw | 57 | * @param {*} bsmSqyw |
47 | * @author: renchao | 58 | * @author: renchao |
... | @@ -66,18 +77,6 @@ export function selectScBdcdy (data) { | ... | @@ -66,18 +77,6 @@ export function selectScBdcdy (data) { |
66 | }) | 77 | }) |
67 | } | 78 | } |
68 | 79 | ||
69 | // /* | ||
70 | // 业务办理-选择单元-根据条件进行列表查询-房屋所有权 | ||
71 | // */ | ||
72 | // export function selectFwsyq (data) { | ||
73 | // return request({ | ||
74 | // url: 'ywbl/ywsq/selectFwsyq', | ||
75 | // method: 'post', | ||
76 | // data | ||
77 | // showLoading: true | ||
78 | // }) | ||
79 | // } | ||
80 | |||
81 | /** | 80 | /** |
82 | * @description: 待办箱列表查询接口 | 81 | * @description: 待办箱列表查询接口 |
83 | * @param {*} data | 82 | * @param {*} data |
... | @@ -116,7 +115,7 @@ export function startBusinessFlow (data) { | ... | @@ -116,7 +115,7 @@ export function startBusinessFlow (data) { |
116 | } | 115 | } |
117 | 116 | ||
118 | /** | 117 | /** |
119 | * @description: 业务办理-发起业务申请流程 | 118 | * @description: 业务办理-发起补录申请流程 |
120 | * @param {*} data | 119 | * @param {*} data |
121 | * @author: renchao | 120 | * @author: renchao |
122 | */ | 121 | */ |
... | @@ -192,7 +191,7 @@ export function addCollectBiz (bsmSqyw) { | ... | @@ -192,7 +191,7 @@ export function addCollectBiz (bsmSqyw) { |
192 | } | 191 | } |
193 | 192 | ||
194 | /** | 193 | /** |
195 | * @description: 业务办理-业务申请-添加收藏业务 | 194 | * @description: 业务办理-业务申请-取消收藏业务 |
196 | * @param {*} bsmSqyw | 195 | * @param {*} bsmSqyw |
197 | * @author: renchao | 196 | * @author: renchao |
198 | */ | 197 | */ | ... | ... |
1 | import { log } from 'bpmn-js-token-simulation'; | ||
1 | import { mapGetters } from 'vuex' | 2 | import { mapGetters } from 'vuex' |
2 | import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; | 3 | import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; |
3 | export default { | 4 | export default { |
... | @@ -9,13 +10,23 @@ export default { | ... | @@ -9,13 +10,23 @@ export default { |
9 | } | 10 | } |
10 | } | 11 | } |
11 | }, | 12 | }, |
13 | created() { | ||
14 | |||
15 | }, | ||
12 | computed: { | 16 | computed: { |
13 | ...mapGetters(['dictData']), | 17 | ...mapGetters(['dictData']), |
14 | }, | 18 | }, |
15 | mounted () { | 19 | mounted () { |
20 | window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件 | ||
16 | this.handleSearch() | 21 | this.handleSearch() |
17 | }, | 22 | }, |
18 | methods: { | 23 | methods: { |
24 | handkeyCode(e) { | ||
25 | if(e.keyCode === 13){ | ||
26 | console.log("安"); | ||
27 | this.handleSearch() | ||
28 | } | ||
29 | }, | ||
19 | handleSearch(){ | 30 | handleSearch(){ |
20 | this.pageData.currentPage = 1 | 31 | this.pageData.currentPage = 1 |
21 | if (this.fetchData) { | 32 | if (this.fetchData) { | ... | ... |
1 | import { log } from "bpmn-js-token-simulation"; | ||
1 | 2 | ||
2 | 3 | ||
3 | var qlxxPage = [ | 4 | var qlxxPage = [ |
... | @@ -36,6 +37,7 @@ var qlxxPage = [ | ... | @@ -36,6 +37,7 @@ var qlxxPage = [ |
36 | { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" }, | 37 | { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" }, |
37 | { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, | 38 | { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, |
38 | { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, | 39 | { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, |
40 | { qllx: "DJB", id: "djbfm", form: "djbfm.vue", label: "预告登记" }, | ||
39 | ]; | 41 | ]; |
40 | 42 | ||
41 | //组装登记簿树形结构 | 43 | //组装登记簿树形结构 |
... | @@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) { | ... | @@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) { |
66 | 68 | ||
67 | //获取权利类型、不动产单元类型对应的树形节点信息 | 69 | //获取权利类型、不动产单元类型对应的树形节点信息 |
68 | export function getNode(qllx, qlxx, bdcdylx) { | 70 | export function getNode(qllx, qlxx, bdcdylx) { |
71 | console.log("qllx",qllx,"bdcdylx",bdcdylx); | ||
69 | let node; | 72 | let node; |
70 | for (var i = 0; i < qlxxPage.length; i++) { | 73 | for (var i = 0; i < qlxxPage.length; i++) { |
71 | if (qlxxPage[i].qllx == qllx) { | 74 | if (qlxxPage[i].qllx == qllx) { |
... | @@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) { | ... | @@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) { |
76 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; | 79 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; |
77 | } | 80 | } |
78 | } else { | 81 | } else { |
82 | console.log("jin1111"); | ||
79 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; | 83 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; |
84 | console.log("nodenodenodenode",node); | ||
80 | } | 85 | } |
81 | break; | 86 | break; |
82 | } | 87 | } | ... | ... |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | :key="index" | 30 | :key="index" |
31 | > | 31 | > |
32 | <div> | 32 | <div> |
33 | <p>{{ item.qllxmc }} ||{{ item.operate }}</p> | 33 | <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> |
34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> | 34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> |
35 | </div> | 35 | </div> |
36 | <i | 36 | <i |
... | @@ -127,6 +127,7 @@ export default { | ... | @@ -127,6 +127,7 @@ export default { |
127 | leftMenu(formdata).then((res) => { | 127 | leftMenu(formdata).then((res) => { |
128 | if (res.code === 200 && res.result) { | 128 | if (res.code === 200 && res.result) { |
129 | this.currentSelectProps = res.result[0]; | 129 | this.currentSelectProps = res.result[0]; |
130 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
130 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
131 | } | 132 | } |
132 | }); | 133 | }); |
... | @@ -263,5 +264,8 @@ export default { | ... | @@ -263,5 +264,8 @@ export default { |
263 | } | 264 | } |
264 | .blxx { | 265 | .blxx { |
265 | border: #b0d9f8 solid 1px; | 266 | border: #b0d9f8 solid 1px; |
267 | .tpcolor{ | ||
268 | color: red; | ||
269 | } | ||
266 | } | 270 | } |
267 | </style> | 271 | </style> | ... | ... |
... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
34 | </template> | 34 | </template> |
35 | <script> | 35 | <script> |
36 | import { mapGetters } from "vuex"; | 36 | import { mapGetters } from "vuex"; |
37 | import clxxAddDialog from "./components/tabsconcent/clxxAddDialog.vue"; | 37 | import clxxAddDialog from "./components/clxxAddDialog.vue"; |
38 | import imagePreview from '@/views/components/imagePreview.vue' | 38 | import imagePreview from '@/views/components/imagePreview.vue' |
39 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 39 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; |
40 | import { popupDialog } from "@/utils/popup.js"; | 40 | import { popupDialog } from "@/utils/popup.js"; | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></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 label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="分摊土地面积:"> | ||
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="土地用途:"> | ||
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
1 | <template> | ||
2 | <div class="from-clues"> | ||
3 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick"> | ||
4 | <el-tab-pane label="受理信息" name="slxx"></el-tab-pane> | ||
5 | <el-tab-pane | ||
6 | :disabled="isshow" | ||
7 | label="审批意见" | ||
8 | name="spyj"></el-tab-pane> | ||
9 | <el-tab-pane | ||
10 | :disabled="isshow" | ||
11 | label="材料信息" | ||
12 | name="clxx"></el-tab-pane> | ||
13 | </el-tabs> | ||
14 | <div v-if="activeName == 'slxx'"> | ||
15 | <div class="from-clues-header"> | ||
16 | <el-form ref="form" :model="form" label-width="160px"> | ||
17 | <el-row> | ||
18 | <el-col :span="12"> | ||
19 | <el-form-item label="权属状态" label-width="140px"> | ||
20 | <el-select v-model="form.qszt"> | ||
21 | <el-option | ||
22 | v-for="item in qsztList" | ||
23 | :key="item.value" | ||
24 | :label="item.label" | ||
25 | :value="item.value"> | ||
26 | </el-option> | ||
27 | </el-select> | ||
28 | </el-form-item> | ||
29 | </el-col> | ||
30 | <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh"> | ||
31 | <el-form-item | ||
32 | :prop="item.prop" | ||
33 | :label="item.label" | ||
34 | label-width="140px"> | ||
35 | <el-input v-model="form[item.prop]"></el-input> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | </el-row> | ||
39 | </el-form> | ||
40 | <div class="btn"> | ||
41 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | ||
42 | <el-button @click="closeDialog">取消</el-button> | ||
43 | </div> | ||
44 | </div> | ||
45 | </div> | ||
46 | <div v-if="activeName == 'spyj'"> | ||
47 | <div class="from-clues-header spyj"> | ||
48 | <div class="box"> | ||
49 | <b class="spyj_title">审批表</b> | ||
50 | <el-form | ||
51 | :model="ruleForm" | ||
52 | :rules="rules" | ||
53 | ref="ruleForm" | ||
54 | label-width="120px"> | ||
55 | <div class="spyj_form"> | ||
56 | <div class="item_left">初审意见</div> | ||
57 | <div class="item_right"> | ||
58 | <el-row> | ||
59 | <el-col :span="24"> | ||
60 | <el-form-item | ||
61 | label-width="0" | ||
62 | class="opinion_item" | ||
63 | prop="shyj"> | ||
64 | <el-input | ||
65 | type="textarea" | ||
66 | :rows="4" | ||
67 | class="opinion" | ||
68 | placeholder="请输入审批意见" | ||
69 | v-model="ruleForm.shyj"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | </el-row> | ||
73 | <el-row> | ||
74 | <el-col :span="16"> | ||
75 | <el-form-item | ||
76 | prop="shryxm" | ||
77 | label="审查人" | ||
78 | label-width="90px"> | ||
79 | <el-input v-model="ruleForm.shr"></el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | <el-col :span="8"> | ||
83 | <el-form-item | ||
84 | label="审核时间" | ||
85 | prop="shjssj" | ||
86 | label-width="90px"> | ||
87 | <el-input v-model="ruleForm.shsj"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | </el-row> | ||
91 | </div> | ||
92 | </div> | ||
93 | </el-form> | ||
94 | <el-form | ||
95 | :model="ruleForm" | ||
96 | :rules="rules" | ||
97 | ref="ruleForm" | ||
98 | label-width="120px"> | ||
99 | <div class="spyj_form"> | ||
100 | <div class="item_left">复审意见</div> | ||
101 | <div class="item_right"> | ||
102 | <el-row> | ||
103 | <el-col :span="24"> | ||
104 | <el-form-item | ||
105 | label-width="0" | ||
106 | class="opinion_item" | ||
107 | prop="shyj"> | ||
108 | <el-input | ||
109 | type="textarea" | ||
110 | :rows="4" | ||
111 | class="opinion" | ||
112 | placeholder="请输入审批意见" | ||
113 | v-model="ruleForm.shyj"></el-input> | ||
114 | </el-form-item> | ||
115 | </el-col> | ||
116 | </el-row> | ||
117 | <el-row> | ||
118 | <el-col :span="16"> | ||
119 | <el-form-item | ||
120 | prop="shryxm" | ||
121 | label="审查人" | ||
122 | label-width="90px"> | ||
123 | <el-input v-model="ruleForm.shr"></el-input> | ||
124 | </el-form-item> | ||
125 | </el-col> | ||
126 | <el-col :span="8"> | ||
127 | <el-form-item | ||
128 | label="审核时间" | ||
129 | prop="shjssj" | ||
130 | label-width="90px"> | ||
131 | <el-input v-model="ruleForm.shsj"></el-input> | ||
132 | </el-form-item> | ||
133 | </el-col> | ||
134 | </el-row> | ||
135 | </div> | ||
136 | </div> | ||
137 | </el-form> | ||
138 | <el-form | ||
139 | :model="ruleForm" | ||
140 | :rules="rules" | ||
141 | ref="ruleForm" | ||
142 | label-width="120px"> | ||
143 | <div class="spyj_form"> | ||
144 | <div class="item_left">核定意见</div> | ||
145 | <div class="item_right"> | ||
146 | <el-row> | ||
147 | <el-col :span="24"> | ||
148 | <el-form-item | ||
149 | label-width="0" | ||
150 | class="opinion_item" | ||
151 | prop="shyj"> | ||
152 | <el-input | ||
153 | type="textarea" | ||
154 | :rows="4" | ||
155 | class="opinion" | ||
156 | placeholder="请输入审批意见" | ||
157 | v-model="ruleForm.shyj"></el-input> | ||
158 | </el-form-item> | ||
159 | </el-col> | ||
160 | </el-row> | ||
161 | <el-row> | ||
162 | <el-col :span="16"> | ||
163 | <el-form-item | ||
164 | prop="shryxm" | ||
165 | label="审查人" | ||
166 | label-width="90px"> | ||
167 | <el-input v-model="ruleForm.shr"></el-input> | ||
168 | </el-form-item> | ||
169 | </el-col> | ||
170 | <el-col :span="8"> | ||
171 | <el-form-item | ||
172 | label="审核时间" | ||
173 | prop="shjssj" | ||
174 | label-width="90px"> | ||
175 | <el-input v-model="ruleForm.shsj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | </el-row> | ||
179 | </div> | ||
180 | </div> | ||
181 | </el-form> | ||
182 | |||
183 | </div> | ||
184 | <div class="btn"> | ||
185 | <el-button type="primary" @click="spyjsubmitForm">保存</el-button> | ||
186 | <el-button @click="closeDialog">取消</el-button> | ||
187 | </div> | ||
188 | </div> | ||
189 | </div> | ||
190 | <div v-if="activeName == 'clxx'"> | ||
191 | <div class="from-clues-header"> | ||
192 | <div class="clxx"> | ||
193 | <div class="right"> | ||
194 | <!-- 材料预览 --> | ||
195 | <div class="clyl-box"> | ||
196 | <div class="menu-tree"> | ||
197 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
198 | <div class="item"> | ||
199 | 材料目录({{tableData.length}}) | ||
200 | <div style="margin-top:10px"> | ||
201 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
202 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
203 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
204 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
205 | {{ item.sjmc }} | ||
206 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
207 | </div> | ||
208 | </div> | ||
209 | </div> | ||
210 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button> | ||
211 | </div> | ||
212 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
213 | @prevPriview="prevPriview" /> | ||
214 | </div> | ||
215 | </div> | ||
216 | <clxxAddDialog v-model="isDialog" /> | ||
217 | </div> | ||
218 | <div class="btn"> | ||
219 | <el-button type="primary" @click="clxxsubmitForm">保存</el-button> | ||
220 | <el-button @click="closeDialog">取消</el-button> | ||
221 | </div> | ||
222 | |||
223 | </div> | ||
224 | </div> | ||
225 | </div> | ||
226 | </template> | ||
227 | <script> | ||
228 | import { mapGetters } from "vuex"; | ||
229 | import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue"; | ||
230 | import imagePreview from '@/views/components/imagePreview.vue' | ||
231 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
232 | export default { | ||
233 | components: { clxxAddDialog, imagePreview }, | ||
234 | props: { | ||
235 | formData: { | ||
236 | type: Object, | ||
237 | default: () => { }, | ||
238 | }, | ||
239 | }, | ||
240 | data () { | ||
241 | return { | ||
242 | activeName: "slxx", | ||
243 | form: {}, | ||
244 | datalist: [], | ||
245 | qsztList: [ | ||
246 | { | ||
247 | value: "1", | ||
248 | label: "现势", | ||
249 | }, | ||
250 | { | ||
251 | value: "2", | ||
252 | label: "历史", | ||
253 | }, | ||
254 | ], | ||
255 | label: "", | ||
256 | isshow: true, | ||
257 | |||
258 | // 审批 | ||
259 | bsmSlsq: "", | ||
260 | //刷新值 | ||
261 | bestepid: "", | ||
262 | ruleForm: {}, | ||
263 | rules: { | ||
264 | shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }], | ||
265 | }, | ||
266 | |||
267 | // 材料 | ||
268 | isDialog: false, | ||
269 | iclass: "", | ||
270 | tableData: [], | ||
271 | // 材料目录选中 | ||
272 | treeCheckIndex: 0, | ||
273 | treeCheckId: "", | ||
274 | key: 0, | ||
275 | tableDatas: [], | ||
276 | previewImg: { | ||
277 | // 收件标识码 | ||
278 | bsmSj: "", | ||
279 | bsmSlsq: this.$parent.bsmSlsq, | ||
280 | index: 0, | ||
281 | selectedIndex: 0, | ||
282 | imgList: [], | ||
283 | }, | ||
284 | }; | ||
285 | }, | ||
286 | computed: { | ||
287 | ...mapGetters(["dictData"]) | ||
288 | }, | ||
289 | created () { | ||
290 | this.clmlInitList(1) | ||
291 | }, | ||
292 | mounted () { | ||
293 | if (this.formData.data) { | ||
294 | this.$nextTick(() => { | ||
295 | this.form = Object.assign({}, this.formData.data); | ||
296 | // this.datalist = Object.assign([], this.formData.datalist) | ||
297 | this.form.qszt = | ||
298 | this.form.qszt == "0" | ||
299 | ? "临时" | ||
300 | : this.form.qszt == "1" | ||
301 | ? "现势" | ||
302 | : "历史"; | ||
303 | }); | ||
304 | } | ||
305 | |||
306 | // this.datalist = this.formData.datalist | ||
307 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | ||
308 | this.datalist.shift(); | ||
309 | this.datalist.shift(); | ||
310 | }, | ||
311 | |||
312 | methods: { | ||
313 | // 受理信息保存 | ||
314 | slxxsubmitForm () { | ||
315 | this.$refs.form.validate((valid) => { | ||
316 | if (valid) { | ||
317 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { | ||
318 | // if (res.code == 200) { | ||
319 | // this.$message.success("新增成功") | ||
320 | // this.closeaddDiglog(); | ||
321 | // this.getList() | ||
322 | // } else { | ||
323 | // this.$message.error(res.message) | ||
324 | // } | ||
325 | // }) | ||
326 | } else { | ||
327 | return false; | ||
328 | } | ||
329 | }); | ||
330 | this.isshow = false; | ||
331 | }, | ||
332 | // 审批意见保存 | ||
333 | spyjsubmitForm () { | ||
334 | console.log("this.ruleForm", this.ruleForm); | ||
335 | // this.ruleForm.bsmSlsq = this.bsmSlsq | ||
336 | // this.ruleForm.bestepid = this.bestepid | ||
337 | // saveSpyjBySlsq(this.ruleForm).then(res => { | ||
338 | // if (res.code === 200) { | ||
339 | // this.$message.success("保存成功") | ||
340 | // this.refresh += 1 | ||
341 | // } else { | ||
342 | // this.$message.error(res.message) | ||
343 | // } | ||
344 | // }) | ||
345 | }, | ||
346 | |||
347 | // 材料信息保存 | ||
348 | clxxsubmitForm () { }, | ||
349 | closeDialog () { | ||
350 | this.$alert("取消后填写内容将被清空", "提示", { | ||
351 | confirmButtonText: "确定", | ||
352 | callback: (action) => { | ||
353 | this.$message({ | ||
354 | type: "info", | ||
355 | message: "已取消", | ||
356 | }); | ||
357 | this.$popupCacel(); | ||
358 | this.$refs["form"].resetFields(); | ||
359 | }, | ||
360 | }); | ||
361 | |||
362 | // this.resetTableFields(); | ||
363 | }, | ||
364 | handleTabClick () { }, | ||
365 | |||
366 | //使用常用意见 | ||
367 | useOpinion (opinion) { | ||
368 | this.ruleForm.shyj = opinion; | ||
369 | }, | ||
370 | |||
371 | |||
372 | // 材料上传 | ||
373 | // 自动预览 | ||
374 | nextPriview () { | ||
375 | if (this.treeCheckIndex < this.tableData.length) { | ||
376 | this.treeCheckIndex++ | ||
377 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
378 | this.previewImg.index = 0 | ||
379 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
380 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
381 | } | ||
382 | }, | ||
383 | prevPriview () { | ||
384 | if (this.treeCheckIndex >= 1) { | ||
385 | this.treeCheckIndex-- | ||
386 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
387 | this.previewImg.index = this.previewImg.imgList.length | ||
388 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
389 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
390 | } | ||
391 | }, | ||
392 | // 材料目录明细初始化 | ||
393 | clmlInitList (type) { | ||
394 | this.tableData = [] | ||
395 | //type 1:列表初始化 2:新增材料 | ||
396 | // return new Promise(resolve => { | ||
397 | // this.unitData = this.$parent.unitData; | ||
398 | // var formdata = new FormData(); | ||
399 | // formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
400 | // formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
401 | // InitClml(formdata).then((res) => { | ||
402 | // if (res.code == 200) { | ||
403 | // resolve(res.code) | ||
404 | // if (res.result && res.result.length > 0) { | ||
405 | |||
406 | // if (type == 1) { | ||
407 | // this.treeClick(this.tableData[0], 0); | ||
408 | // } else { | ||
409 | // //新增材料后刷新列表焦点置于新增的对象上 | ||
410 | // this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
411 | // } | ||
412 | // } | ||
413 | // } else { | ||
414 | // this.$message.error(res.message) | ||
415 | // } | ||
416 | // }) | ||
417 | // }) | ||
418 | }, | ||
419 | setChecked (item) { | ||
420 | this.treeCheckId = item.bsmSj; | ||
421 | this.title = item.sjmc; | ||
422 | this.titleYs = 1; | ||
423 | this.titleNum = item.children.length; | ||
424 | this.previewImg.imgList = item.children; | ||
425 | this.previewImg.bsmSj = item.bsmSj; | ||
426 | }, | ||
427 | updateList (val) { | ||
428 | let that = this | ||
429 | if (val != null) { //删除最后一张图片时 val=null | ||
430 | this.tableData.forEach(item => { | ||
431 | if (item.bsmSj === val.bsmSj) { | ||
432 | item.children = val.children | ||
433 | } | ||
434 | }) | ||
435 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
436 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
437 | this.previewImg.index = this.previewImg.index - 1 | ||
438 | } | ||
439 | } else { | ||
440 | this.previewImg.imgList = [] | ||
441 | this.tableData.forEach((item, index) => { | ||
442 | if (this.treeCheckId == item.bsmSj) { | ||
443 | item.children = [] | ||
444 | that.treeCheckIndex = index | ||
445 | } | ||
446 | }) | ||
447 | } | ||
448 | |||
449 | }, | ||
450 | // 添加材料目录 | ||
451 | handleAdd () { | ||
452 | console.log("新增"); | ||
453 | this.isDialog = true; | ||
454 | }, | ||
455 | // 新增弹窗保存 | ||
456 | addSave (data) { | ||
457 | let obj = { | ||
458 | bsmSlsq: this.$parent.bsmSlsq, | ||
459 | isrequired: "1", | ||
460 | sjmc: data.clmc, | ||
461 | sjsl: 0, | ||
462 | smzt: '', | ||
463 | ys: 0, | ||
464 | sjlx: data.cllx, | ||
465 | sfxjcl: "1", // 是否必选 | ||
466 | }; | ||
467 | saveClml(obj).then(async (res) => { | ||
468 | if (res.code == 200) { | ||
469 | let res = await this.clmlInitList(2) | ||
470 | if (res == 200) this.$message({ | ||
471 | message: "新增成功", | ||
472 | type: "success", | ||
473 | }) | ||
474 | } | ||
475 | }); | ||
476 | }, | ||
477 | // 材料目录点击选中 | ||
478 | treeClick (item, index) { | ||
479 | this.previewImg.index = 0 | ||
480 | this.treeCheckId = item?.bsmSj | ||
481 | this.treeCheckIndex = index | ||
482 | this.previewImg.imgList = item?.children | ||
483 | this.previewImg.bsmSj = item?.bsmSj | ||
484 | }, | ||
485 | // 小图片点击 | ||
486 | imgClick (item, index) { | ||
487 | this.showImg = item; | ||
488 | this.titleYs = index + 1; | ||
489 | }, | ||
490 | // 字典 | ||
491 | dicStatus (val, code) { | ||
492 | let data = this.$store.getters.dictData[code], | ||
493 | name = "暂无"; | ||
494 | if (data) { | ||
495 | data.map((item) => { | ||
496 | if (item.dcode == val) { | ||
497 | name = item.dname | ||
498 | } | ||
499 | }); | ||
500 | return name | ||
501 | } | ||
502 | }, | ||
503 | //查看明细 | ||
504 | viewDetail () { | ||
505 | console.log("查看明细"); | ||
506 | this.$popupDialog("查看明细", "djbworkflow/djbBook/components/clxxDetailDialog", { | ||
507 | data: this.tableData | ||
508 | }, "60%") | ||
509 | }, | ||
510 | //设置tableData | ||
511 | setTableData (tableData) { | ||
512 | this.$nextTick(res => { | ||
513 | this.tableData = tableData; | ||
514 | }) | ||
515 | }, | ||
516 | }, | ||
517 | }; | ||
518 | </script> | ||
519 | <style scoped lang="scss"> | ||
520 | @import "~@/styles/mixin.scss"; | ||
521 | @import "~@/styles/public.scss"; | ||
522 | |||
523 | .from-clues-header { | ||
524 | @include flex; | ||
525 | flex-direction: column; | ||
526 | overflow-y: hidden; | ||
527 | padding: 0 2px; | ||
528 | |||
529 | .btn { | ||
530 | margin-top: 40px; | ||
531 | margin-bottom: 20px; | ||
532 | text-align: center; | ||
533 | } | ||
534 | } | ||
535 | |||
536 | // 审批意见样式 | ||
537 | |||
538 | .spyj { | ||
539 | .box { | ||
540 | overflow-x: auto; | ||
541 | width: 100%; | ||
542 | height: 95%; | ||
543 | background: #fff; | ||
544 | text-align: center; | ||
545 | padding: 4px; | ||
546 | overflow-y: scroll; | ||
547 | padding-top: 20px; | ||
548 | padding: 20px 40px; | ||
549 | /deep/.el-input__inner { | ||
550 | width: 200px; | ||
551 | border: none; | ||
552 | } | ||
553 | } | ||
554 | .spyj_title { | ||
555 | line-height: 68px; | ||
556 | border: 1px solid $borderColor; | ||
557 | text-align: center; | ||
558 | font-size: 22px; | ||
559 | font-weight: 400; | ||
560 | background-color: #eceef2; | ||
561 | display: block; | ||
562 | border-bottom: none; | ||
563 | } | ||
564 | |||
565 | /deep/.el-form-item { | ||
566 | margin-bottom: 0; | ||
567 | } | ||
568 | |||
569 | .bottom10 { | ||
570 | margin-bottom: 15px; | ||
571 | } | ||
572 | |||
573 | .spyj_form { | ||
574 | display: flex; | ||
575 | border: 1px solid $borderColor; | ||
576 | |||
577 | .item_left { | ||
578 | width: 150px; | ||
579 | background-color: #f8f8fa; | ||
580 | color: #606266; | ||
581 | display: flex; | ||
582 | font-size: 14px; | ||
583 | text-indent: 80px; | ||
584 | align-items: center; | ||
585 | border-right: 1px solid $borderColor; | ||
586 | } | ||
587 | |||
588 | .item_right { | ||
589 | flex: 1; | ||
590 | width: 100%; | ||
591 | |||
592 | /deep/.el-form-item__label { | ||
593 | background-color: #f8f8fa; | ||
594 | } | ||
595 | /deep/.el-form-item__content { | ||
596 | display: block; | ||
597 | text-align: left; | ||
598 | text-indent: 10px; | ||
599 | } | ||
600 | .opinion_item { | ||
601 | /deep/.el-form-item__error { | ||
602 | margin-top: -16px !important; | ||
603 | left: 3px; | ||
604 | } | ||
605 | |||
606 | border-bottom: 1px solid $borderColor; | ||
607 | } | ||
608 | |||
609 | .opinion { | ||
610 | position: relative; | ||
611 | font-size: 14px; | ||
612 | |||
613 | /deep/.el-textarea__inner { | ||
614 | border: none; | ||
615 | } | ||
616 | } | ||
617 | |||
618 | .opinion_btn { | ||
619 | position: absolute; | ||
620 | right: 15px; | ||
621 | bottom: 10px; | ||
622 | } | ||
623 | } | ||
624 | } | ||
625 | |||
626 | .submit_button { | ||
627 | text-align: center; | ||
628 | margin: 15px 0; | ||
629 | } | ||
630 | } | ||
631 | |||
632 | // 材料信息样式 | ||
633 | .active { | ||
634 | background: $light-blue !important; | ||
635 | color: #fff; | ||
636 | } | ||
637 | |||
638 | .required { | ||
639 | font-size: 12px; | ||
640 | color: $pink; | ||
641 | float: left; | ||
642 | } | ||
643 | |||
644 | .cl_number { | ||
645 | float: right; | ||
646 | } | ||
647 | |||
648 | .clxx { | ||
649 | width: 100%; | ||
650 | display: flex; | ||
651 | padding-left: 5px; | ||
652 | height: calc(100vh - 125px); | ||
653 | |||
654 | .left { | ||
655 | display: flex; | ||
656 | flex-direction: column; | ||
657 | justify-content: space-between; | ||
658 | |||
659 | .item { | ||
660 | width: 28px; | ||
661 | height: 49%; | ||
662 | @include flex-center; | ||
663 | background-color: #e4e7ed; | ||
664 | border-bottom-right-radius: 10px; | ||
665 | padding: 5px; | ||
666 | cursor: pointer; | ||
667 | transition: all 0.3s; | ||
668 | |||
669 | &:hover { | ||
670 | @extend .active; | ||
671 | } | ||
672 | } | ||
673 | } | ||
674 | |||
675 | .right { | ||
676 | width: 100%; | ||
677 | height: 100%; | ||
678 | |||
679 | .clmlmx-box { | ||
680 | margin: 0 auto; | ||
681 | |||
682 | .title { | ||
683 | text-align: center; | ||
684 | height: 60px; | ||
685 | line-height: 60px; | ||
686 | border: 1px solid #dfe6ec; | ||
687 | font-size: 20px; | ||
688 | background: #81d3f81a; | ||
689 | margin-bottom: -1px; | ||
690 | } | ||
691 | } | ||
692 | |||
693 | .clyl-box { | ||
694 | width: 100%; | ||
695 | height: 100%; | ||
696 | display: flex; | ||
697 | |||
698 | .menu-tree { | ||
699 | width: 20%; | ||
700 | min-width: 160px; | ||
701 | height: 100%; | ||
702 | margin-right: 10px; | ||
703 | border-right: 1px dotted #d9d9d9; | ||
704 | padding: 0 15px; | ||
705 | |||
706 | .item { | ||
707 | line-height: 30px; | ||
708 | padding-top: 5px; | ||
709 | border-bottom: 1px solid #e8e8e8; | ||
710 | font-size: 16px; | ||
711 | text-align: center; | ||
712 | color: $light-blue; | ||
713 | |||
714 | .itemIcon { | ||
715 | float: right; | ||
716 | line-height: 60px; | ||
717 | cursor: pointer; | ||
718 | } | ||
719 | |||
720 | .child { | ||
721 | line-height: 32px; | ||
722 | border-bottom: 1px solid #e8e8e8; | ||
723 | padding-left: 10px; | ||
724 | color: #6b6b6b; | ||
725 | cursor: pointer; | ||
726 | box-sizing: border-box; | ||
727 | border-radius: 6px; | ||
728 | line-height: 20px; | ||
729 | transition: all 0.3s; | ||
730 | padding: 8px 0; | ||
731 | } | ||
732 | |||
733 | .child:hover { | ||
734 | color: $light-blue; | ||
735 | transform: scale(1.1); | ||
736 | } | ||
737 | |||
738 | .checked { | ||
739 | border: 1px solid $light-blue; | ||
740 | color: $light-blue; | ||
741 | } | ||
742 | } | ||
743 | } | ||
744 | |||
745 | .clyl-img { | ||
746 | width: 75%; | ||
747 | height: 100%; | ||
748 | background: #f3f4f7; | ||
749 | margin: 0 auto; | ||
750 | position: relative; | ||
751 | } | ||
752 | } | ||
753 | } | ||
754 | } | ||
755 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description : 房地产权1 | 2 | * @Description : 房地产权1 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-02 14:45:00 | 4 | * @LastEditTime : 2023-06-16 10:23:27 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -111,23 +111,22 @@ | ... | @@ -111,23 +111,22 @@ |
111 | }, | 111 | }, |
112 | // 编辑 | 112 | // 编辑 |
113 | editDialog(row){ | 113 | editDialog(row){ |
114 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 114 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
115 | confirmButtonText: '确定', | 115 | // confirmButtonText: '确定', |
116 | cancelButtonText: '取消', | 116 | // cancelButtonText: '取消', |
117 | type: 'warning' | 117 | // type: 'warning' |
118 | }).then(() => { | 118 | // }).then(() => { |
119 | this.$parent.addRepairRecord(row) | 119 | this.$parent.addRepairRecord(row) |
120 | 120 | // this.$message({ | |
121 | this.$message({ | 121 | // type: 'success', |
122 | type: 'success', | 122 | // message: '补录成功!' |
123 | message: '补录成功!' | 123 | // }); |
124 | }); | 124 | // }).catch(() => { |
125 | }).catch(() => { | 125 | // this.$message({ |
126 | this.$message({ | 126 | // type: 'info', |
127 | type: 'info', | 127 | // message: '取消编辑' |
128 | message: '取消编辑' | 128 | // }); |
129 | }); | 129 | // }); |
130 | }); | ||
131 | 130 | ||
132 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 131 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
133 | // datalist:this.columns, | 132 | // datalist:this.columns, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description :国有建设用地使用权 | 2 | * @Description :国有建设用地使用权 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-13 13:55:51 | 4 | * @LastEditTime : 2023-06-16 10:23:54 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -115,23 +115,23 @@ | ... | @@ -115,23 +115,23 @@ |
115 | }, | 115 | }, |
116 | // 编辑 | 116 | // 编辑 |
117 | editDialog(row){ | 117 | editDialog(row){ |
118 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 118 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
119 | confirmButtonText: '确定', | 119 | // confirmButtonText: '确定', |
120 | cancelButtonText: '取消', | 120 | // cancelButtonText: '取消', |
121 | type: 'warning' | 121 | // type: 'warning' |
122 | }).then(() => { | 122 | // }).then(() => { |
123 | this.$parent.addRepairRecord(row) | 123 | this.$parent.addRepairRecord(row) |
124 | 124 | ||
125 | this.$message({ | 125 | // this.$message({ |
126 | type: 'success', | 126 | // type: 'success', |
127 | message: '补录成功!' | 127 | // message: '补录成功!' |
128 | }); | 128 | // }); |
129 | }).catch(() => { | 129 | // }).catch(() => { |
130 | this.$message({ | 130 | // this.$message({ |
131 | type: 'info', | 131 | // type: 'info', |
132 | message: '取消编辑' | 132 | // message: '取消编辑' |
133 | }); | 133 | // }); |
134 | }); | 134 | // }); |
135 | 135 | ||
136 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 136 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
137 | // datalist:this.columns, | 137 | // datalist:this.columns, | ... | ... |
... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> |
12 | <div class="item_left"> | 12 | <div class="item_left"> |
13 | {{ item.jdmc }}初审意见 | 13 | {{ item.jdmc }}意见 |
14 | </div> | 14 | </div> |
15 | <div class="item_right"> | 15 | <div class="item_right"> |
16 | <el-row> | 16 | <el-row> |
... | @@ -101,7 +101,9 @@ | ... | @@ -101,7 +101,9 @@ |
101 | getSpyjList(formdata).then((res) => { | 101 | getSpyjList(formdata).then((res) => { |
102 | this.$endLoading() | 102 | this.$endLoading() |
103 | if (res.code === 200 && res.result) { | 103 | if (res.code === 200 && res.result) { |
104 | |||
104 | this.tableData = res.result ? res.result : [] | 105 | this.tableData = res.result ? res.result : [] |
106 | console.log("this.tableDatathis.tableDatathis.tableDatathis.tableData",this.tableData); | ||
105 | if (res.result.length == 0) { | 107 | if (res.result.length == 0) { |
106 | that.isNoData = true | 108 | that.isNoData = true |
107 | } | 109 | } | ... | ... |
... | @@ -98,14 +98,24 @@ export function getForm (tabName, djywbm) { | ... | @@ -98,14 +98,24 @@ export function getForm (tabName, djywbm) { |
98 | break; | 98 | break; |
99 | // 受理信息 | 99 | // 受理信息 |
100 | case "slxx": | 100 | case "slxx": |
101 | form = require("@/views/djbworkflow/djbBook/slxx.vue"); | 101 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fwsyq/slxx.vue"); |
102 | break; | 102 | break; |
103 | // case "clxx": | ||
104 | // form = require("@/views/djbworkflow/djbBook/components/clxx.vue"); | ||
105 | // break; | ||
106 | // case "spyj": | ||
107 | // form = require("@/views/djbworkflow/djbBook/components/spyj.vue"); | ||
108 | // break; | ||
109 | // case "slxx": | ||
110 | // form = require("@/views/djbworkflow/djbBook/slxx.vue"); | ||
111 | // break; | ||
103 | case "clxx": | 112 | case "clxx": |
104 | form = require("@/views/djbworkflow/djbBook/clxx.vue"); | 113 | form = require("@/views/djbworkflow/djbBook/clxx.vue"); |
105 | break; | 114 | break; |
106 | case "spyj": | 115 | case "spyj": |
107 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 116 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); |
108 | break; | 117 | break; |
118 | |||
109 | // case "clxx": | 119 | // case "clxx": |
110 | // form = require("@/views/djbworkflow/components/clxxUnify.vue"); | 120 | // form = require("@/views/djbworkflow/components/clxxUnify.vue"); |
111 | // break; | 121 | // break; | ... | ... |
... | @@ -101,26 +101,57 @@ export default { | ... | @@ -101,26 +101,57 @@ export default { |
101 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) | 101 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) |
102 | break; | 102 | break; |
103 | case "B5": | 103 | case "B5": |
104 | // this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { | 104 | const h = this.$createElement; |
105 | // bsmSlsq: this.bsmSlsq, | 105 | this.$msgbox({ |
106 | // entryType: '1' | 106 | title: '消息', |
107 | // }, '65%', true) | 107 | message: h('p', null, [ |
108 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 108 | h('span', null, '内容可以是 '), |
109 | h('i', { style: 'color: teal' }, 'VNode') | ||
110 | ]), | ||
111 | showCancelButton: true, | ||
109 | confirmButtonText: '确定', | 112 | confirmButtonText: '确定', |
110 | cancelButtonText: '取消', | 113 | cancelButtonText: '取消', |
111 | type: 'warning' | 114 | beforeClose: (action, instance, done) => { |
112 | }).then(() => { | 115 | if (action === 'confirm') { |
116 | instance.confirmButtonLoading = true; | ||
117 | instance.confirmButtonText = '执行中...'; | ||
118 | setTimeout(() => { | ||
119 | done(); | ||
120 | setTimeout(() => { | ||
121 | instance.confirmButtonLoading = false; | ||
122 | }, 300); | ||
123 | }, 3000); | ||
124 | } else { | ||
125 | done(); | ||
126 | } | ||
127 | } | ||
128 | }).then(action => { | ||
113 | this.addRepairRecord() | 129 | this.addRepairRecord() |
114 | this.$message({ | 130 | this.$message({ |
115 | type: 'success', | ||
116 | message: '补录成功!' | ||
117 | }); | ||
118 | }).catch(() => { | ||
119 | this.$message({ | ||
120 | type: 'info', | 131 | type: 'info', |
121 | message: '取消编辑' | 132 | message: 'action: ' + action |
122 | }); | 133 | }); |
123 | }); | 134 | }); |
135 | // this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { | ||
136 | // bsmSlsq: this.bsmSlsq, | ||
137 | // entryType: '1' | ||
138 | // }, '65%', true) | ||
139 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
140 | // confirmButtonText: '确定', | ||
141 | // cancelButtonText: '取消', | ||
142 | // type: 'warning' | ||
143 | // }).then(() => { | ||
144 | // this.addRepairRecord() | ||
145 | // this.$message({ | ||
146 | // type: 'success', | ||
147 | // message: '补录成功!' | ||
148 | // }); | ||
149 | // }).catch(() => { | ||
150 | // this.$message({ | ||
151 | // type: 'info', | ||
152 | // message: '取消编辑' | ||
153 | // }); | ||
154 | // }); | ||
124 | 155 | ||
125 | break; | 156 | break; |
126 | case "B6": | 157 | case "B6": | ... | ... |
... | @@ -79,7 +79,10 @@ import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | ... | @@ -79,7 +79,10 @@ import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
79 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 79 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
80 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 80 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
81 | // 登记簿数据信息 | 81 | // 登记簿数据信息 |
82 | import { addRepairRecord } from "@/api/djbbl.js" | 82 | import { addRepairRecord } from "@/api/djbbl.js" |
83 | // 获取权利类型数组 | ||
84 | import { getQllxByBdcdyid } from "@/api/djbbl.js" | ||
85 | |||
83 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 86 | import { getBdcqljqtsx } from "@/api/registerBook.js"; |
84 | export default { | 87 | export default { |
85 | components: { | 88 | components: { |
... | @@ -101,6 +104,8 @@ export default { | ... | @@ -101,6 +104,8 @@ export default { |
101 | qllx: this.$route.query.qllx, | 104 | qllx: this.$route.query.qllx, |
102 | //设置那个表单选中 | 105 | //设置那个表单选中 |
103 | tabName: "", | 106 | tabName: "", |
107 | // 权利类型数组 | ||
108 | qllxlist:[], | ||
104 | //表单集合 | 109 | //表单集合 |
105 | tabList: [], | 110 | tabList: [], |
106 | //选择加载哪一个组件 | 111 | //选择加载哪一个组件 |
... | @@ -119,14 +124,24 @@ export default { | ... | @@ -119,14 +124,24 @@ export default { |
119 | }; | 124 | }; |
120 | }, | 125 | }, |
121 | mounted() { | 126 | mounted() { |
127 | |||
122 | }, | 128 | }, |
123 | 129 | ||
124 | methods: { | 130 | methods: { |
131 | getQllxByBdcdyid(){ | ||
132 | console.log("this.currentSelectProps.bdcdyid",this.currentSelectProps.bdcdyid); | ||
133 | getQllxByBdcdyid({bdcdyid:this.currentSelectProps.bdcdyid}).then((res) => { | ||
134 | if (res.code === 200) { | ||
135 | console.log("Qllxlist",res); | ||
136 | |||
137 | } | ||
138 | }); | ||
139 | }, | ||
125 | // 获取右侧选项卡 | 140 | // 获取右侧选项卡 |
126 | getCurrentSelectProps (val) { | 141 | getCurrentSelectProps (val) { |
127 | this.currentSelectProps = val | 142 | this.currentSelectProps = val |
128 | if(this.currentSelectProps.bsmRepair){ | 143 | if(this.currentSelectProps.bsmRepair){ |
129 | this.tabset() | 144 | this.tabset(val) |
130 | }else{ | 145 | }else{ |
131 | this.getdjblist() | 146 | this.getdjblist() |
132 | } | 147 | } |
... | @@ -141,7 +156,9 @@ export default { | ... | @@ -141,7 +156,9 @@ export default { |
141 | if (res.code === 200) { | 156 | if (res.code === 200) { |
142 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 157 | this.treedata = loadTreeData(res.result, this.bdcdyh); |
143 | this.$nextTick(function () { | 158 | this.$nextTick(function () { |
159 | console.log("this.currentSelectProps.qllx",this.currentSelectProps); | ||
144 | this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | 160 | this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); |
161 | console.log("this.defaultNode",this.defaultNode); | ||
145 | this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 | 162 | this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 |
146 | }); | 163 | }); |
147 | } | 164 | } |
... | @@ -155,15 +172,16 @@ export default { | ... | @@ -155,15 +172,16 @@ export default { |
155 | arr[index].value=item.id | 172 | arr[index].value=item.id |
156 | }) | 173 | }) |
157 | this.tabList=this.tabdata | 174 | this.tabList=this.tabdata |
175 | this.getQllxByBdcdyid() | ||
158 | }, 200) | 176 | }, 200) |
159 | 177 | ||
160 | }, | 178 | }, |
161 | 179 | ||
162 | tabset(){ | 180 | tabset(val){ |
163 | this.tabName = ''; | 181 | this.tabName = ''; |
164 | this.tabList = [ | 182 | this.tabList = [ |
165 | { | 183 | { |
166 | name: "受理信息", | 184 | name:val.qllxmc+ "补录信息", |
167 | value: "slxx", | 185 | value: "slxx", |
168 | sort: 1, | 186 | sort: 1, |
169 | }, | 187 | }, |
... | @@ -185,10 +203,6 @@ export default { | ... | @@ -185,10 +203,6 @@ export default { |
185 | 203 | ||
186 | }, | 204 | }, |
187 | 205 | ||
188 | // stepForm(index){ | ||
189 | // console.log(index); | ||
190 | // }, | ||
191 | |||
192 | //右侧表单选项卡事件 | 206 | //右侧表单选项卡事件 |
193 | beforeLeave (activeName, oldActiveName) { | 207 | beforeLeave (activeName, oldActiveName) { |
194 | if (activeName && activeName != 0) this.getFromRouter(activeName) | 208 | if (activeName && activeName != 0) this.getFromRouter(activeName) |
... | @@ -206,6 +220,7 @@ export default { | ... | @@ -206,6 +220,7 @@ export default { |
206 | 220 | ||
207 | // 增加补录记录 | 221 | // 增加补录记录 |
208 | addRepairRecord(row){ | 222 | addRepairRecord(row){ |
223 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
209 | let from={ | 224 | let from={ |
210 | bsmQlxx:"", | 225 | bsmQlxx:"", |
211 | bsmSlsq:this.bsmSlsq, | 226 | bsmSlsq:this.bsmSlsq, |
... | @@ -216,6 +231,7 @@ export default { | ... | @@ -216,6 +231,7 @@ export default { |
216 | if(row){ | 231 | if(row){ |
217 | from.bsmQlxx=row.bsmQlxx | 232 | from.bsmQlxx=row.bsmQlxx |
218 | from.operate="U" | 233 | from.operate="U" |
234 | from.qllx=row.qllx | ||
219 | } | 235 | } |
220 | 236 | ||
221 | addRepairRecord(from).then((res) => { | 237 | addRepairRecord(from).then((res) => { | ... | ... |
... | @@ -30,6 +30,10 @@ class data extends filter { | ... | @@ -30,6 +30,10 @@ class data extends filter { |
30 | label: "权属状态", | 30 | label: "权属状态", |
31 | }, | 31 | }, |
32 | { | 32 | { |
33 | prop: "sjlx", | ||
34 | label: "数据类型", | ||
35 | }, | ||
36 | { | ||
33 | prop: "qllxmc", | 37 | prop: "qllxmc", |
34 | label: "权利类型", | 38 | label: "权利类型", |
35 | }, | 39 | }, |
... | @@ -78,8 +82,8 @@ class data extends filter { | ... | @@ -78,8 +82,8 @@ class data extends filter { |
78 | label: "证件号", | 82 | label: "证件号", |
79 | }, | 83 | }, |
80 | { | 84 | { |
81 | prop: "mj", | 85 | prop: "mjmc", |
82 | label: "使用权面积(m²)", | 86 | label: "使用权面积", |
83 | }, | 87 | }, |
84 | { | 88 | { |
85 | prop: "qlxzmc", | 89 | prop: "qlxzmc", |
... | @@ -136,6 +140,10 @@ class data extends filter { | ... | @@ -136,6 +140,10 @@ class data extends filter { |
136 | label: "权属状态", | 140 | label: "权属状态", |
137 | }, | 141 | }, |
138 | { | 142 | { |
143 | prop: "sjlx", | ||
144 | label: "数据类型", | ||
145 | }, | ||
146 | { | ||
139 | prop: "qllxmc", | 147 | prop: "qllxmc", |
140 | label: "权利类型", | 148 | label: "权利类型", |
141 | }, | 149 | }, |
... | @@ -271,6 +279,10 @@ class data extends filter { | ... | @@ -271,6 +279,10 @@ class data extends filter { |
271 | label: "权属状态", | 279 | label: "权属状态", |
272 | }, | 280 | }, |
273 | { | 281 | { |
282 | prop: "sjlx", | ||
283 | label: "数据类型", | ||
284 | }, | ||
285 | { | ||
274 | prop: "qllxmc", | 286 | prop: "qllxmc", |
275 | label: "权利类型", | 287 | label: "权利类型", |
276 | }, | 288 | }, |
... | @@ -397,6 +409,10 @@ class data extends filter { | ... | @@ -397,6 +409,10 @@ class data extends filter { |
397 | label: "权属状态", | 409 | label: "权属状态", |
398 | }, | 410 | }, |
399 | { | 411 | { |
412 | prop: "sjlx", | ||
413 | label: "数据类型", | ||
414 | }, | ||
415 | { | ||
400 | prop: "dybdclx", | 416 | prop: "dybdclx", |
401 | label: "抵押不动产类型", | 417 | label: "抵押不动产类型", |
402 | }, | 418 | }, |
... | @@ -553,6 +569,10 @@ class data extends filter { | ... | @@ -553,6 +569,10 @@ class data extends filter { |
553 | label: "权属状态", | 569 | label: "权属状态", |
554 | }, | 570 | }, |
555 | { | 571 | { |
572 | prop: "sjlx", | ||
573 | label: "数据类型", | ||
574 | }, | ||
575 | { | ||
556 | prop: "djlxmc", | 576 | prop: "djlxmc", |
557 | label: "登记类型", | 577 | label: "登记类型", |
558 | }, | 578 | }, |
... | @@ -643,6 +663,10 @@ class data extends filter { | ... | @@ -643,6 +663,10 @@ class data extends filter { |
643 | label: "权属状态", | 663 | label: "权属状态", |
644 | }, | 664 | }, |
645 | { | 665 | { |
666 | prop: "sjlx", | ||
667 | label: "数据类型", | ||
668 | }, | ||
669 | { | ||
646 | prop: "ygdjzl", | 670 | prop: "ygdjzl", |
647 | label: "预告登记种类", | 671 | label: "预告登记种类", |
648 | }, | 672 | }, |
... | @@ -765,6 +789,10 @@ class data extends filter { | ... | @@ -765,6 +789,10 @@ class data extends filter { |
765 | label: "权属状态", | 789 | label: "权属状态", |
766 | }, | 790 | }, |
767 | { | 791 | { |
792 | prop: "sjlx", | ||
793 | label: "数据类型", | ||
794 | }, | ||
795 | { | ||
768 | prop: "cflxmc", | 796 | prop: "cflxmc", |
769 | label: "查封类型", | 797 | label: "查封类型", |
770 | }, | 798 | }, |
... | @@ -868,6 +896,10 @@ class data extends filter { | ... | @@ -868,6 +896,10 @@ class data extends filter { |
868 | ], | 896 | ], |
869 | YYDJ: [ | 897 | YYDJ: [ |
870 | { | 898 | { |
899 | prop: "sjlx", | ||
900 | label: "数据类型", | ||
901 | }, | ||
902 | { | ||
871 | prop: "qszt", | 903 | prop: "qszt", |
872 | label: "权属状态", | 904 | label: "权属状态", |
873 | }, | 905 | }, | ... | ... |
... | @@ -100,7 +100,6 @@ | ... | @@ -100,7 +100,6 @@ |
100 | }, | 100 | }, |
101 | methods: { | 101 | methods: { |
102 | queryClick () { | 102 | queryClick () { |
103 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
104 | this.$startLoading(); | 103 | this.$startLoading(); |
105 | selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { | 104 | selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { |
106 | this.$endLoading(); | 105 | this.$endLoading(); | ... | ... |
... | @@ -171,7 +171,6 @@ | ... | @@ -171,7 +171,6 @@ |
171 | }, | 171 | }, |
172 | methods: { | 172 | methods: { |
173 | queryClick () { | 173 | queryClick () { |
174 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
175 | this.$startLoading(); | 174 | this.$startLoading(); |
176 | if (!this.isJump) { | 175 | if (!this.isJump) { |
177 | //从业务办理进入 | 176 | //从业务办理进入 | ... | ... |
... | @@ -70,7 +70,6 @@ | ... | @@ -70,7 +70,6 @@ |
70 | }, | 70 | }, |
71 | methods: { | 71 | methods: { |
72 | queryClick () { | 72 | queryClick () { |
73 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
74 | this.$startLoading(); | 73 | this.$startLoading(); |
75 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 74 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
76 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 75 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -98,7 +98,6 @@ | ... | @@ -98,7 +98,6 @@ |
98 | methods: { | 98 | methods: { |
99 | //默认加载表格信息 | 99 | //默认加载表格信息 |
100 | queryClick () { | 100 | queryClick () { |
101 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
102 | this.$startLoading(); | 101 | this.$startLoading(); |
103 | this.queryForm.bsmSqyw = this.bsmSqyw; | 102 | this.queryForm.bsmSqyw = this.bsmSqyw; |
104 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 103 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -56,8 +56,8 @@ | ... | @@ -56,8 +56,8 @@ |
56 | import store from '@/store/index.js' | 56 | import store from '@/store/index.js' |
57 | import table from "@/utils/mixin/table"; | 57 | import table from "@/utils/mixin/table"; |
58 | import { datas, sendThis } from "../javascript/selectDjbbl.js"; | 58 | import { datas, sendThis } from "../javascript/selectDjbbl.js"; |
59 | import { getDjbBysearch } from "@/api/zhcx.js"; | 59 | import { selectRepairQlxx } from "@/api/selectQlxx.js"; |
60 | import jump from "../components/mixin/jump"; | 60 | import jump from "../components/mixin/djbbljump"; |
61 | export default { | 61 | export default { |
62 | name: "djbcx", | 62 | name: "djbcx", |
63 | mixins: [table, jump], | 63 | mixins: [table, jump], |
... | @@ -100,7 +100,7 @@ | ... | @@ -100,7 +100,7 @@ |
100 | // 初始化数据 | 100 | // 初始化数据 |
101 | queryClick () { | 101 | queryClick () { |
102 | this.$startLoading() | 102 | this.$startLoading() |
103 | getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { | 103 | selectRepairQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
104 | this.$endLoading() | 104 | this.$endLoading() |
105 | if (res.code === 200) { | 105 | if (res.code === 200) { |
106 | let { total, records } = res.result; | 106 | let { total, records } = res.result; |
... | @@ -140,7 +140,6 @@ | ... | @@ -140,7 +140,6 @@ |
140 | this.$message.error("请至少选择一条数据"); | 140 | this.$message.error("请至少选择一条数据"); |
141 | return; | 141 | return; |
142 | } | 142 | } |
143 | console.log("this.sqywInfo", this.sqywInfo, this.sqywInfo.nodetype == "djqx"); | ||
144 | let from = { | 143 | let from = { |
145 | bsmSqyw: this.bsmSqyw, | 144 | bsmSqyw: this.bsmSqyw, |
146 | bdcdysz: this.bdcdysz, | 145 | bdcdysz: this.bdcdysz, | ... | ... |
... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
75 | }, | 75 | }, |
76 | methods: { | 76 | methods: { |
77 | queryClick () { | 77 | queryClick () { |
78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
79 | this.$startLoading(); | 78 | this.$startLoading(); |
80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
81 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
75 | }, | 75 | }, |
76 | methods: { | 76 | methods: { |
77 | queryClick () { | 77 | queryClick () { |
78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
79 | this.$startLoading(); | 78 | this.$startLoading(); |
80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
81 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -83,7 +83,6 @@ | ... | @@ -83,7 +83,6 @@ |
83 | }, | 83 | }, |
84 | methods: { | 84 | methods: { |
85 | queryClick () { | 85 | queryClick () { |
86 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
87 | this.$startLoading(); | 86 | this.$startLoading(); |
88 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 87 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
89 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 88 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -79,7 +79,6 @@ | ... | @@ -79,7 +79,6 @@ |
79 | }, | 79 | }, |
80 | methods: { | 80 | methods: { |
81 | queryClick () { | 81 | queryClick () { |
82 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
83 | this.$startLoading(); | 82 | this.$startLoading(); |
84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 83 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
85 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 84 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
75 | }, | 75 | }, |
76 | methods: { | 76 | methods: { |
77 | queryClick () { | 77 | queryClick () { |
78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
79 | this.$startLoading(); | 78 | this.$startLoading(); |
80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
81 | selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
75 | }, | 75 | }, |
76 | methods: { | 76 | methods: { |
77 | queryClick () { | 77 | queryClick () { |
78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
79 | this.$startLoading(); | 78 | this.$startLoading(); |
80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
81 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
... | @@ -29,7 +29,18 @@ | ... | @@ -29,7 +29,18 @@ |
29 | </ul> | 29 | </ul> |
30 | </div> | 30 | </div> |
31 | <!-- 一并申请 --> | 31 | <!-- 一并申请 --> |
32 | <div v-if="selectType == 'together'" class="right-title">一并申请</div> | 32 | <div v-if="selectType == 'together'" class="right-situation el-card"> |
33 | <div class="right-title">一并申请</div> | ||
34 | <ul> | ||
35 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index" | ||
36 | @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)"> | ||
37 | <dt>{{ item.nodename }}</dt> | ||
38 | <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)"> | ||
39 | <i class="el-icon-star-off"></i> | ||
40 | </p> | ||
41 | </li> | ||
42 | </ul> | ||
43 | </div> | ||
33 | <!-- 登记簿补录 --> | 44 | <!-- 登记簿补录 --> |
34 | <div v-if="selectType == 'amend'" class="right-situation el-card"> | 45 | <div v-if="selectType == 'amend'" class="right-situation el-card"> |
35 | <div class="right-title">登记簿补录</div> | 46 | <div class="right-title">登记簿补录</div> |
... | @@ -80,7 +91,7 @@ | ... | @@ -80,7 +91,7 @@ |
80 | </div> | 91 | </div> |
81 | </template> | 92 | </template> |
82 | <script> | 93 | <script> |
83 | import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" | 94 | import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz,getTogetherBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" |
84 | export default { | 95 | export default { |
85 | data () { | 96 | data () { |
86 | return { | 97 | return { |
... | @@ -130,13 +141,20 @@ | ... | @@ -130,13 +141,20 @@ |
130 | console.log("item", item); | 141 | console.log("item", item); |
131 | this.btnDisabled = true; | 142 | this.btnDisabled = true; |
132 | this.selectType = item.type; | 143 | this.selectType = item.type; |
133 | console.log("this.sqywQllxList", this.sqywQllxList); | ||
134 | this.sqywQllxList.forEach(item => { | 144 | this.sqywQllxList.forEach(item => { |
135 | if (item.check) item.check = false; | 145 | if (item.check) item.check = false; |
136 | }); | 146 | }); |
137 | if (this.selectType == 'amend') { | 147 | if (this.selectType == 'amend') { |
138 | this.getRepairBiz(); | 148 | this.getRepairBiz(); |
139 | } | 149 | } |
150 | if (this.selectType == 'together') { | ||
151 | getTogetherBiz().then(res => { | ||
152 | if (res) { | ||
153 | console.log("res", res); | ||
154 | this.djqxList = res.result; | ||
155 | } | ||
156 | }) | ||
157 | } | ||
140 | }, | 158 | }, |
141 | //权利类型菜单事件 | 159 | //权利类型菜单事件 |
142 | qllxClick (index) { | 160 | qllxClick (index) { | ... | ... |
... | @@ -113,22 +113,22 @@ export default { | ... | @@ -113,22 +113,22 @@ export default { |
113 | bsm: '' | 113 | bsm: '' |
114 | }, '85%') | 114 | }, '85%') |
115 | }, | 115 | }, |
116 | ywhClick (item) { | 116 | // ywhClick (item) { |
117 | const { href } = this.$router.resolve( | 117 | // const { href } = this.$router.resolve( |
118 | "/djbworkFrame?bdcdyid=" + | 118 | // "/djbworkFrame?bdcdyid=" + |
119 | item.bdcdyid+ | 119 | // item.bdcdyid+ |
120 | "&bdcdyh=" + | 120 | // "&bdcdyh=" + |
121 | item.bdcdyh+ | 121 | // item.bdcdyh+ |
122 | "&qllx="+ | 122 | // "&qllx="+ |
123 | item.qllx+ | 123 | // item.qllx+ |
124 | "&bsmQlxx="+ | 124 | // "&bsmQlxx="+ |
125 | item.bsmQlxx+ | 125 | // item.bsmQlxx+ |
126 | "&viewtype=1" | 126 | // "&viewtype=1" |
127 | ); | 127 | // ); |
128 | localStorage.setItem('ywbl', JSON.stringify(item)); | 128 | // localStorage.setItem('ywbl', JSON.stringify(item)); |
129 | window.open(href, `urlname${item.bdcdyid}`); | 129 | // window.open(href, `urlname${item.bdcdyid}`); |
130 | 130 | ||
131 | }, | 131 | // }, |
132 | } | 132 | } |
133 | } | 133 | } |
134 | </script> | 134 | </script> | ... | ... |
... | @@ -23,6 +23,19 @@ class data extends filter { | ... | @@ -23,6 +23,19 @@ class data extends filter { |
23 | } | 23 | } |
24 | }, | 24 | }, |
25 | { | 25 | { |
26 | label: "数据类型", | ||
27 | width: '80', | ||
28 | render: (h, scope) => { | ||
29 | return ( | ||
30 | <div> | ||
31 | <span v-show={scope.row.sjlx == 1} >系统数据</span> | ||
32 | <span v-show={scope.row.sjlx == 2} >存量数据</span> | ||
33 | <span v-show={scope.row.sjlx == 3} >补录数据</span> | ||
34 | </div> | ||
35 | ) | ||
36 | } | ||
37 | }, | ||
38 | { | ||
26 | label: "权属状态", | 39 | label: "权属状态", |
27 | width: '80', | 40 | width: '80', |
28 | render: (h, scope) => { | 41 | render: (h, scope) => { |
... | @@ -54,13 +67,14 @@ class data extends filter { | ... | @@ -54,13 +67,14 @@ class data extends filter { |
54 | prop: "ywh", | 67 | prop: "ywh", |
55 | label: "业务号", | 68 | label: "业务号", |
56 | width: '110', | 69 | width: '110', |
57 | render: (h, scope) => { | 70 | // render: (h, scope) => { |
58 | return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> | 71 | // return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> |
59 | } | 72 | // } |
60 | }, | 73 | }, |
61 | { | 74 | { |
62 | prop: "qllxmc", | 75 | prop: "qllxmc", |
63 | label: "权利类型", | 76 | label: "权利类型", |
77 | width: '140', | ||
64 | }, | 78 | }, |
65 | { | 79 | { |
66 | prop: "djlxmc", | 80 | prop: "djlxmc", | ... | ... |
-
Please register or sign in to post a comment