Merge branch 'dev'
Showing
7 changed files
with
804 additions
and
7 deletions
src/api/workflow/sllmFlow.js
0 → 100644
1 | /* | ||
2 | * @Description: 房地产权多幢接口 | ||
3 | * @Autor: ssq | ||
4 | * @LastEditTime: 2023-08-17 15:48:53 | ||
5 | */ | ||
6 | import request from '@/utils/request' | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
8 | |||
9 | /** | ||
10 | * @description: 初始化内容 | ||
11 | * @param {*} data | ||
12 | * @author: 单帅旗 | ||
13 | */ | ||
14 | export function Init (data) { | ||
15 | let apiUrl = ""; | ||
16 | switch (data.get("djlx")) { | ||
17 | case "100": | ||
18 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/sllm/fristInit"; | ||
19 | break; | ||
20 | case "200": | ||
21 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/sllm/transferInit"; | ||
22 | break; | ||
23 | case "300": | ||
24 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/sllm/changeInit"; | ||
25 | break; | ||
26 | case "400": | ||
27 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/sllm/logoutInit"; | ||
28 | break; | ||
29 | case "500": | ||
30 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/sllm/riviseInit"; | ||
31 | break; | ||
32 | case "901": | ||
33 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/sllm/renewalInit"; | ||
34 | break; | ||
35 | case "902": | ||
36 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/sllm/replaceInit"; | ||
37 | break; | ||
38 | } | ||
39 | return request({ | ||
40 | url: apiUrl, | ||
41 | method: 'post', | ||
42 | data | ||
43 | }) | ||
44 | } | ||
45 | /** | ||
46 | * @description: 首次登记提交 | ||
47 | * @param {*} data | ||
48 | * @author: ssq | ||
49 | */ | ||
50 | export function saveBatchData (data) { | ||
51 | return request({ | ||
52 | url: SERVER.SERVERAPI + "/rest/ywbl/sllm/saveBatchData", | ||
53 | method: 'post', | ||
54 | data | ||
55 | }) | ||
56 | } | ||
57 | |||
58 | /** | ||
59 | * @description: 保存 | ||
60 | * @param {*} data | ||
61 | * @author: ssq | ||
62 | */ | ||
63 | export function saveData (data) { | ||
64 | return request({ | ||
65 | url: SERVER.SERVERAPI + "/rest/ywbl/sllm/saveData", | ||
66 | method: 'post', | ||
67 | data | ||
68 | }) | ||
69 | } | ||
70 |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-02 17:16:44 | 4 | * @LastEditTime: 2023-08-17 15:34:33 |
5 | */ | 5 | */ |
6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
7 | /** | 7 | /** |
... | @@ -38,6 +38,10 @@ export function getForm(tabName, djywbm) { | ... | @@ -38,6 +38,10 @@ export function getForm(tabName, djywbm) { |
38 | case "lqslxx": | 38 | case "lqslxx": |
39 | form = require("@/views/ywbl/slsqxx/lqslxx"); | 39 | form = require("@/views/ywbl/slsqxx/lqslxx"); |
40 | break; | 40 | break; |
41 | //森林林木使用权 | ||
42 | case "sllmslxx": | ||
43 | form = require("@/views/ywbl/slsqxx/sllmslxx"); | ||
44 | break; | ||
41 | case "plfdcq2": | 45 | case "plfdcq2": |
42 | form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue"); | 46 | form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue"); |
43 | break; | 47 | break; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-17 13:47:17 | 4 | * @LastEditTime: 2023-08-17 15:56:25 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -252,7 +252,7 @@ | ... | @@ -252,7 +252,7 @@ |
252 | export default { | 252 | export default { |
253 | mixins: [ywmix], | 253 | mixins: [ywmix], |
254 | mounted () { | 254 | mounted () { |
255 | this.viewEdit = this.$parent.currentSelectTab.viewEdit; | 255 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
256 | this.propsParam = this.$attrs; | 256 | this.propsParam = this.$attrs; |
257 | var formdata = new FormData(); | 257 | var formdata = new FormData(); |
258 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 258 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ... | ... |
src/views/ywbl/slsqxx/sllmslxx/index.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: 房屋多幢受理信息 | ||
3 | * @Autor: ssq | ||
4 | * @LastEditTime: 2023-08-17 15:58:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="slxx"> | ||
8 | <el-form | ||
9 | :model="ruleForm" | ||
10 | :rules="rules" | ||
11 | ref="ruleForm" | ||
12 | :label-position="flag ? 'top' : ''" | ||
13 | :inline="flag" | ||
14 | label-width="140px"> | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
16 | <div class="slxx_title title-block"> | ||
17 | 受理信息 | ||
18 | <div class="triangle"></div> | ||
19 | </div> | ||
20 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
21 | <el-col :span="8"> | ||
22 | <el-form-item label="业务号:"> | ||
23 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | <el-col :span="8"> | ||
27 | <el-form-item label="受理人员:"> | ||
28 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | <el-col :span="8"> | ||
32 | <el-form-item label="受理时间:"> | ||
33 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | </el-row> | ||
37 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
38 | <el-col :span="8"> | ||
39 | <el-form-item label="权利类型:"> | ||
40 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | ||
41 | </el-form-item> | ||
42 | </el-col> | ||
43 | <el-col :span="8"> | ||
44 | <el-form-item label="登记类型:"> | ||
45 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | ||
46 | </el-form-item> | ||
47 | </el-col> | ||
48 | <el-col :span="8"> | ||
49 | <el-form-item label="登记情形:"> | ||
50 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
51 | </el-form-item> | ||
52 | </el-col> | ||
53 | </el-row> | ||
54 | <div class="slxx_title title-block"> | ||
55 | 不动产单元情况 | ||
56 | <div class="triangle"></div> | ||
57 | </div> | ||
58 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
59 | <el-col :span="8"> | ||
60 | <el-form-item label="不动产单元号:"> | ||
61 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
64 | <el-col :span="16"> | ||
65 | <el-form-item label="坐落:"> | ||
66 | <el-input disabled v-model="ruleForm.sldy.zl"></el-input> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
69 | </el-row> | ||
70 | <el-row :gutter="10"> | ||
71 | <el-col :span="8"> | ||
72 | <el-form-item label="发包方:"> | ||
73 | <el-input v-model="ruleForm.lq.fbf"></el-input> | ||
74 | </el-form-item> | ||
75 | </el-col> | ||
76 | <el-col :span="8"> | ||
77 | <el-form-item label="发包方代码:"> | ||
78 | <el-input v-model="ruleForm.lq.fbfdm"></el-input> | ||
79 | </el-form-item> | ||
80 | </el-col> | ||
81 | <el-col :span="8"> | ||
82 | <el-form-item label="使用权(承包)面积:"> | ||
83 | <el-input v-model="ruleForm.lq.syqmj"></el-input> | ||
84 | </el-form-item> | ||
85 | </el-col> | ||
86 | </el-row> | ||
87 | <el-row :gutter="10"> | ||
88 | <el-col :span="8"> | ||
89 | <el-form-item label="林地所有权性质:"> | ||
90 | <el-input v-model="ruleForm.lq.ldsyqxz"></el-input> | ||
91 | </el-form-item> | ||
92 | </el-col> | ||
93 | <el-col :span="8"> | ||
94 | <el-form-item label="森林类别:"> | ||
95 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
96 | </el-form-item> | ||
97 | </el-col> | ||
98 | <el-col :span="8"> | ||
99 | <el-form-item label="主要树种:"> | ||
100 | <el-input v-model="ruleForm.lq.zysz"></el-input> | ||
101 | </el-form-item> | ||
102 | </el-col> | ||
103 | </el-row> | ||
104 | <el-row :gutter="10"> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="株数:"> | ||
107 | <el-input v-model="ruleForm.lq.zs"></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.lq.lz"></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.lq.qy"></el-input> | ||
118 | </el-form-item> | ||
119 | </el-col> | ||
120 | </el-row> | ||
121 | <el-row :gutter="10"> | ||
122 | <el-col :span="8"> | ||
123 | <el-form-item label="造林年度:"> | ||
124 | <el-input v-model="ruleForm.lq.zlnd"></el-input> | ||
125 | </el-form-item> | ||
126 | </el-col> | ||
127 | <el-col :span="8"> | ||
128 | <el-form-item label="林班:"> | ||
129 | <el-input v-model="ruleForm.lq.lb"></el-input> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="小班:"> | ||
134 | <el-input v-model="ruleForm.lq.xb"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | </el-row> | ||
138 | <el-row :gutter="10"> | ||
139 | <el-col :span="8"> | ||
140 | <el-form-item label="小地名:"> | ||
141 | <el-input v-model="ruleForm.lq.xdm"></el-input> | ||
142 | </el-form-item> | ||
143 | </el-col> | ||
144 | <el-col :span="8"> | ||
145 | <el-form-item label="附记:"> | ||
146 | <el-input v-model="ruleForm.lq.fj"></el-input> | ||
147 | </el-form-item> | ||
148 | </el-col> | ||
149 | </el-row> | ||
150 | <div class="slxx_title title-block"> | ||
151 | 土地用途 | ||
152 | <div class="triangle"></div> | ||
153 | </div> | ||
154 | <tdytTable | ||
155 | :ableOperation="viewEdit" | ||
156 | :tableData="ruleForm.tdytqxList" | ||
157 | @upDateTdytxxList="upDateTdytxxList" /> | ||
158 | <div class="slxx_title title-block"> | ||
159 | 权利人信息 | ||
160 | <div class="triangle"></div> | ||
161 | </div> | ||
162 | <el-row :gutter="10"> | ||
163 | <el-col :span="12" v-if="ruleForm.qlxx"> | ||
164 | <el-form-item label="共有方式:"> | ||
165 | <el-radio-group | ||
166 | :disabled="!viewEdit" | ||
167 | v-model="ruleForm.sldy.gyfs"> | ||
168 | <el-radio label="0">单独所有</el-radio> | ||
169 | <el-radio label="1">共同共有</el-radio> | ||
170 | <el-radio label="2">按份所有</el-radio> | ||
171 | <el-radio label="3">其它共有</el-radio> | ||
172 | </el-radio-group> | ||
173 | </el-form-item> | ||
174 | </el-col> | ||
175 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> | ||
176 | <el-form-item label="是否分别持证:"> | ||
177 | <el-radio-group | ||
178 | v-model="ruleForm.sldy.sqfbcz" | ||
179 | :disabled="!viewEdit"> | ||
180 | <el-radio :label="1">是</el-radio> | ||
181 | <el-radio :label="0">否</el-radio> | ||
182 | </el-radio-group> | ||
183 | </el-form-item> | ||
184 | </el-col> | ||
185 | <el-col | ||
186 | :span="6" | ||
187 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | ||
188 | <el-form-item label="持证人:"> | ||
189 | <el-select | ||
190 | v-model="ruleForm.czr" | ||
191 | placeholder="持证人" | ||
192 | :disabled="!viewEdit"> | ||
193 | <el-option | ||
194 | v-for="(item,index) in czrOptions" | ||
195 | :key="index" | ||
196 | :label="item.sqrmc" | ||
197 | :value="item.zjh"> | ||
198 | </el-option> | ||
199 | </el-select> | ||
200 | </el-form-item> | ||
201 | </el-col> | ||
202 | </el-row> | ||
203 | <qlrCommonTable | ||
204 | @upDateQlrxxList="upDateQlrxxList" | ||
205 | :tableData="ruleForm.qlrList" | ||
206 | :disabled="viewEdit" | ||
207 | :gyfs="ruleForm.sldy.gyfs" /> | ||
208 | |||
209 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | ||
210 | <div class="slxx_title title-block"> | ||
211 | 义务人信息 | ||
212 | <div class="triangle"></div> | ||
213 | </div> | ||
214 | <qlrCommonTable | ||
215 | v-if="ruleForm.qlxx" | ||
216 | @upDateQlrxxList="upDateYwrxxList" | ||
217 | :tableData="ruleForm.ywrList" | ||
218 | :gyfs="ruleForm.sldy.gyfs" /> | ||
219 | </div> | ||
220 | <div class="slxx_title title-block"> | ||
221 | 登记原因 | ||
222 | <div class="triangle"></div> | ||
223 | </div> | ||
224 | <el-row :gutter="10"> | ||
225 | <el-col> | ||
226 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> | ||
227 | <el-input | ||
228 | class="textArea" | ||
229 | type="textarea" | ||
230 | maxlength="500" show-word-limit | ||
231 | :disabled="!viewEdit" | ||
232 | v-model="ruleForm.lq.djyy"> | ||
233 | </el-input> | ||
234 | </el-form-item> | ||
235 | </el-col> | ||
236 | </el-row> | ||
237 | </div> | ||
238 | <el-row class="btn" v-if="viewEdit"> | ||
239 | <el-form-item> | ||
240 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
241 | </el-form-item> | ||
242 | </el-row> | ||
243 | </el-form> | ||
244 | </div> | ||
245 | </template> | ||
246 | <script> | ||
247 | import ywmix from "@/views/ywbl/mixin/index"; | ||
248 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
249 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
250 | import { Init, saveData } from "@/api/workflow/sllmFlow.js"; | ||
251 | import { mapGetters } from "vuex"; | ||
252 | export default { | ||
253 | mixins: [ywmix], | ||
254 | mounted () { | ||
255 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
256 | this.propsParam = this.$attrs; | ||
257 | var formdata = new FormData(); | ||
258 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
259 | formdata.append("djlx", this.propsParam.djlx); | ||
260 | formdata.append("isEdit", this.viewEdit); | ||
261 | Init(formdata).then((res) => { | ||
262 | if (res.code === 200 && res.result) { | ||
263 | this.ruleForm = { | ||
264 | ...res.result, | ||
265 | ...res.result.qlxxdatas, | ||
266 | }; | ||
267 | //初始化发证方式,1:小证,2:大正 | ||
268 | this.ruleForm.slsq.fzfs == null | ||
269 | ? (this.ruleForm.slsq.fzfs = "1") | ||
270 | : this.ruleForm.slsq.fzfs; | ||
271 | this.czrOptions = this.ruleForm.qlrList; | ||
272 | } | ||
273 | }); | ||
274 | }, | ||
275 | components: { qlrCommonTable, tdytTable }, | ||
276 | computed: { | ||
277 | ...mapGetters(["dictData", "flag"]), | ||
278 | }, | ||
279 | data () { | ||
280 | return { | ||
281 | disabled: true, | ||
282 | tdytOption: [], | ||
283 | czrOptions: [], | ||
284 | ruleForm: { | ||
285 | flow: { | ||
286 | ywh: "", | ||
287 | }, | ||
288 | qlxx: { | ||
289 | mj: "", | ||
290 | }, | ||
291 | sldy: { | ||
292 | gyfs: "", | ||
293 | }, | ||
294 | slsq: {}, | ||
295 | fdcq2: { | ||
296 | zyjzmj: "", | ||
297 | ftjzmj: "", | ||
298 | }, | ||
299 | zdjbxx: { | ||
300 | ghytmc: "", | ||
301 | }, | ||
302 | }, | ||
303 | //传递参数 | ||
304 | propsParam: this.$attrs, | ||
305 | //表单是否可操作 | ||
306 | viewEdit: true, | ||
307 | rules: {}, | ||
308 | }; | ||
309 | }, | ||
310 | methods: { | ||
311 | /** | ||
312 | * @description: 更新土地用途信息 | ||
313 | * @param {*} val | ||
314 | * @author: renchao | ||
315 | */ | ||
316 | upDateTdytxxList (val) { | ||
317 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
318 | }, | ||
319 | /** | ||
320 | * @description: 更新权利人信息 | ||
321 | * @param {*} val | ||
322 | * @author: renchao | ||
323 | */ | ||
324 | upDateQlrxxList (val) { | ||
325 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
326 | this.czrOptions = this.ruleForm.qlrList; | ||
327 | this.key++; | ||
328 | }, | ||
329 | /** | ||
330 | * @description: 更新业务人信息 | ||
331 | * @param {*} val | ||
332 | * @author: renchao | ||
333 | */ | ||
334 | upDateYwrxxList (val) { | ||
335 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
336 | }, | ||
337 | /** | ||
338 | * @description: onSubmit | ||
339 | * @author: renchao | ||
340 | */ | ||
341 | onSubmit () { | ||
342 | let that = this | ||
343 | if (this.ruleForm.qlrList.length == 0) { | ||
344 | this.$message({ | ||
345 | showClose: true, | ||
346 | message: "请确认权利人信息", | ||
347 | type: "error", | ||
348 | }); | ||
349 | return false; | ||
350 | } | ||
351 | |||
352 | if (this.ruleForm.sldy.gyfs == "0") { | ||
353 | if (this.ruleForm.qlrList.length > 1) { | ||
354 | this.$message({ | ||
355 | showClose: true, | ||
356 | message: "共有方式:单独所有,权利人只能是一个人", | ||
357 | type: "error", | ||
358 | }); | ||
359 | return false; | ||
360 | } | ||
361 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
362 | } else { | ||
363 | if (this.ruleForm.qlrList.length <= 1) { | ||
364 | this.$message({ | ||
365 | showClose: true, | ||
366 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
367 | type: "error", | ||
368 | }); | ||
369 | return false; | ||
370 | } | ||
371 | //是否分别持证 | ||
372 | if (this.ruleForm.sldy.sqfbcz == "1") { | ||
373 | //是 | ||
374 | this.ruleForm.qlrList.forEach((item, index) => { | ||
375 | item.sfczr = "1"; | ||
376 | }); | ||
377 | } else { | ||
378 | if (!that.ruleForm.czr) { | ||
379 | that.$message({ | ||
380 | showClose: true, | ||
381 | message: "请选择持证人", | ||
382 | type: "error", | ||
383 | }); | ||
384 | return false; | ||
385 | } | ||
386 | this.ruleForm.qlrList.forEach((item, index) => { | ||
387 | if (item.zjh == this.ruleForm.czr) { | ||
388 | item.sfczr = "1"; | ||
389 | } else { | ||
390 | item.sfczr = "0"; | ||
391 | } | ||
392 | }); | ||
393 | } | ||
394 | } | ||
395 | saveData(this.ruleForm).then((res) => { | ||
396 | if (res.code === 200) { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: "保存成功!", | ||
400 | type: "success", | ||
401 | }); | ||
402 | this.$store.dispatch("user/refreshPage", true); | ||
403 | } else { | ||
404 | this.$message({ | ||
405 | showClose: true, | ||
406 | message: res.message, | ||
407 | type: "error", | ||
408 | }); | ||
409 | } | ||
410 | }); | ||
411 | }, | ||
412 | }, | ||
413 | }; | ||
414 | </script> | ||
415 | <style scoped lang="scss"> | ||
416 | @import "~@/styles/public.scss"; | ||
417 | |||
418 | /deep/.el-form { | ||
419 | display: flex; | ||
420 | flex-direction: column; | ||
421 | height: calc(100vh - 130px); | ||
422 | } | ||
423 | |||
424 | /deep/.el-form-item__label { | ||
425 | padding: 0; | ||
426 | } | ||
427 | |||
428 | /deep/.el-radio { | ||
429 | margin-right: 10px; | ||
430 | } | ||
431 | |||
432 | /deep/.el-select { | ||
433 | width: 100%; | ||
434 | } | ||
435 | |||
436 | /deep/.el-form-item { | ||
437 | margin-bottom: 8px; | ||
438 | } | ||
439 | |||
440 | .marginBot0 { | ||
441 | margin-bottom: 0 !important; | ||
442 | } | ||
443 | |||
444 | .slxx { | ||
445 | box-sizing: border-box; | ||
446 | } | ||
447 | |||
448 | .slxx_con { | ||
449 | flex: 1; | ||
450 | height: 100%; | ||
451 | background-color: #ffffff; | ||
452 | overflow-y: auto; | ||
453 | padding-right: 3px; | ||
454 | overflow-x: hidden; | ||
455 | } | ||
456 | |||
457 | .submit_btn { | ||
458 | height: 50px; | ||
459 | } | ||
460 | |||
461 | .slxx_title { | ||
462 | border-bottom: 1px solid $borderColor; | ||
463 | padding-left: 10px; | ||
464 | padding-bottom: 5px; | ||
465 | margin-bottom: 10px; | ||
466 | margin-top: 5px; | ||
467 | font-size: 16px; | ||
468 | font-weight: 500; | ||
469 | color: #4a4a4a; | ||
470 | } | ||
471 | |||
472 | .btn { | ||
473 | text-align: center; | ||
474 | padding-top: 10px; | ||
475 | height: 36px; | ||
476 | background-color: #ffffff; | ||
477 | padding: 5px 0; | ||
478 | } | ||
479 | |||
480 | .textArea { | ||
481 | /deep/.el-textarea__inner { | ||
482 | min-height: 90px !important; | ||
483 | } | ||
484 | } | ||
485 | |||
486 | /deep/.el-form-item__label { | ||
487 | padding-bottom: 0px; | ||
488 | } | ||
489 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-15 14:36:06 | 4 | * @LastEditTime: 2023-08-17 16:09:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -56,7 +56,7 @@ | ... | @@ -56,7 +56,7 @@ |
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 { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
59 | import { selectZdjbxx } from "@/api/ywsq.js"; | 59 | import { selectLq } from "@/api/ywsq.js"; |
60 | import { startBusinessFlow } from "@/api/workFlow.js"; | 60 | import { startBusinessFlow } from "@/api/workFlow.js"; |
61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | 61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; |
62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
... | @@ -89,7 +89,7 @@ | ... | @@ -89,7 +89,7 @@ |
89 | queryClick () { | 89 | queryClick () { |
90 | this.$startLoading(); | 90 | this.$startLoading(); |
91 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 91 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
92 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 92 | selectLq({ ...this.queryForm, ...this.pageData }).then((res) => { |
93 | this.$endLoading(); | 93 | this.$endLoading(); |
94 | if (res.code === 200) { | 94 | if (res.code === 200) { |
95 | let { total, records } = res.result; | 95 | let { total, records } = res.result; | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-08-17 15:14:01 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="from-clues"> | ||
8 | <!-- 表单部分 森林林木 --> | ||
9 | <div class="from-clues-header"> | ||
10 | <el-form :model="queryForm" ref="queryForm"> | ||
11 | <el-row :gutter="20"> | ||
12 | <el-col :span="6"> | ||
13 | <el-form-item label="宗地代码"> | ||
14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> | ||
15 | </el-input> | ||
16 | </el-form-item> | ||
17 | </el-col> | ||
18 | <el-col :span="6"> | ||
19 | <el-form-item label="不动产单元号"> | ||
20 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | ||
21 | </el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <el-col :span="6"> | ||
25 | <el-form-item label="坐落"> | ||
26 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
27 | </el-input> | ||
28 | </el-form-item> | ||
29 | </el-col> | ||
30 | <el-col :span="6" class="btnColRight"> | ||
31 | <el-form-item> | ||
32 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
33 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | </el-row> | ||
37 | </el-form> | ||
38 | </div> | ||
39 | <!-- 表格 --> | ||
40 | <div class="from-clues-content loadingtext"> | ||
41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | ||
42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | ||
43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
44 | :data="tableData.data"> | ||
45 | </lb-table> | ||
46 | </div> | ||
47 | <div class="submit_button"> | ||
48 | <el-button @click="$popupCacel">取消</el-button> | ||
49 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | ||
50 | </div> | ||
51 | </div> | ||
52 | </template> | ||
53 | <script> | ||
54 | //首次登记 | ||
55 | import jump from "./mixin/jump"; | ||
56 | import store from '@/store/index.js' | ||
57 | import table from "@/utils/mixin/table"; | ||
58 | import { ywPopupDialog } from "@/utils/popup.js"; | ||
59 | import { selectLqQjdc } from "@/api/ywsq.js"; | ||
60 | import { startBusinessFlow } from "@/api/workFlow.js"; | ||
61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | ||
62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
63 | export default { | ||
64 | mixins: [table, jump], | ||
65 | props: { | ||
66 | isJump: { type: Boolean, default: false }, | ||
67 | sqywInfo: { type: Object, default: () => { } }, | ||
68 | }, | ||
69 | data () { | ||
70 | return { | ||
71 | loading: false, | ||
72 | queryForm: defaultParameters.defaultParameters(), | ||
73 | tableData: { | ||
74 | total: 0, | ||
75 | columns: datas.columns(), | ||
76 | data: [], | ||
77 | }, | ||
78 | bdcdysz: [], | ||
79 | }; | ||
80 | }, | ||
81 | mounted () { | ||
82 | sendThis(this); | ||
83 | }, | ||
84 | methods: { | ||
85 | /** | ||
86 | * @description: queryClick | ||
87 | * @author: renchao | ||
88 | */ | ||
89 | queryClick () { | ||
90 | this.$startLoading(); | ||
91 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
92 | selectLqQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
93 | this.$endLoading(); | ||
94 | if (res.code === 200) { | ||
95 | let { total, records } = res.result; | ||
96 | this.tableData.total = total; | ||
97 | this.tableData.data = records; | ||
98 | } | ||
99 | }); | ||
100 | }, | ||
101 | |||
102 | /** | ||
103 | * @description: submitForm | ||
104 | * @author: renchao | ||
105 | */ | ||
106 | submitForm () { | ||
107 | if (this.bdcdysz.length == 0) { | ||
108 | this.$alert("请至少选择一条数据"); | ||
109 | return; | ||
110 | } | ||
111 | this.loading = true | ||
112 | startBusinessFlow({ | ||
113 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
114 | bdcdysz: this.bdcdysz, | ||
115 | }).then((res) => { | ||
116 | this.loading = false | ||
117 | if (res.code == 200) { | ||
118 | this.$message({ | ||
119 | showClose: true, | ||
120 | message: "发起申请成功", | ||
121 | type: "success", | ||
122 | }); | ||
123 | if (!this.isJump) { | ||
124 | this.jump(res.result, this.djywbm); | ||
125 | } else { | ||
126 | store.dispatch('user/refreshPage', true); | ||
127 | } | ||
128 | this.$popupCacel() | ||
129 | } else { | ||
130 | if (res.result && res.result.length > 0) { | ||
131 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
132 | } else { | ||
133 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
134 | } | ||
135 | } | ||
136 | }).catch(() => { | ||
137 | this.loading = false | ||
138 | }) | ||
139 | }, | ||
140 | /** | ||
141 | * @description: handleSelectionChange | ||
142 | * @param {*} val | ||
143 | * @author: renchao | ||
144 | */ | ||
145 | handleSelectionChange (val) { | ||
146 | val.forEach((item, index) => { | ||
147 | item.bsm = item.zdbsm; | ||
148 | }); | ||
149 | if (this.sqywInfo.sqywdylx == "1") { | ||
150 | if (val.length > 1) { | ||
151 | this.bdcdysz = [...val[val.length - 1]]; | ||
152 | } else { | ||
153 | this.bdcdysz = val; | ||
154 | } | ||
155 | } else { | ||
156 | this.bdcdysz = val; | ||
157 | } | ||
158 | }, | ||
159 | /** | ||
160 | * @description: select | ||
161 | * @param {*} selection | ||
162 | * @param {*} row | ||
163 | * @author: renchao | ||
164 | */ | ||
165 | select (selection, row) { | ||
166 | if (this.sqywInfo.sqywdylx == "1") { | ||
167 | // 清除 所有勾选项 | ||
168 | this.$refs.table.clearSelection() | ||
169 | // 当表格数据都没有被勾选的时候 就返回 | ||
170 | // 主要用于将当前勾选的表格状态清除 | ||
171 | if (selection.length == 0) return | ||
172 | this.$refs.table.toggleRowSelection(row, true); | ||
173 | } | ||
174 | }, | ||
175 | |||
176 | /** | ||
177 | * @description: handleRowClick | ||
178 | * @param {*} row | ||
179 | * @author: renchao | ||
180 | */ | ||
181 | handleRowClick (row) { | ||
182 | // 如果状态是1,那就是单选 | ||
183 | if (this.sqywInfo.sqywdylx == "1") { | ||
184 | const bdcdysz = this.bdcdysz | ||
185 | this.$refs.table.clearSelection() | ||
186 | if (bdcdysz.length == 1) { | ||
187 | bdcdysz.forEach(item => { | ||
188 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
189 | if (item == row) { | ||
190 | this.$refs.table.toggleRowSelection(row, false); | ||
191 | } | ||
192 | // 不然就让当前的一行勾选 | ||
193 | else { | ||
194 | this.$refs.table.toggleRowSelection(row, true); | ||
195 | } | ||
196 | }) | ||
197 | } | ||
198 | else { | ||
199 | this.$refs.table.toggleRowSelection(row, true); | ||
200 | } | ||
201 | } else { | ||
202 | this.$refs.table.toggleRowSelection(row); | ||
203 | } | ||
204 | }, | ||
205 | /** | ||
206 | * @description: openBook | ||
207 | * @param {*} row | ||
208 | * @author: renchao | ||
209 | */ | ||
210 | openBook (row) { | ||
211 | var param = { | ||
212 | bdcdyid: row.bdcdyid, | ||
213 | qllx: row.qllx, | ||
214 | bdcdyh: row.bdcdyh, | ||
215 | bsmQlxx: row.bsmQlxx, | ||
216 | }; | ||
217 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
218 | formData: param | ||
219 | }) | ||
220 | }, | ||
221 | |||
222 | }, | ||
223 | }; | ||
224 | </script> | ||
225 | <style scoped lang="scss"> | ||
226 | @import "~@/styles/mixin.scss"; | ||
227 | @import "~@/styles/public.scss"; | ||
228 | </style> | ||
229 |
... | @@ -109,7 +109,12 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -109,7 +109,12 @@ export function queueDjywmc (djywbm, djqxbm) { |
109 | vm = "selectLqqt"; | 109 | vm = "selectLqqt"; |
110 | break; | 110 | break; |
111 | case "A12100"://森林林木首次 | 111 | case "A12100"://森林林木首次 |
112 | vm = "selectSllm"; | 112 | vm = "selectSllmsc"; |
113 | break; | ||
114 | case "A12200"://森林林木转移 | ||
115 | case "A12300"://森林林木登记 | ||
116 | case "A12400"://森林林木变更 | ||
117 | vm = "selectSllmqt"; | ||
113 | break; | 118 | break; |
114 | default: | 119 | default: |
115 | vm = "selecBdcql"; | 120 | vm = "selecBdcql"; | ... | ... |
-
Please register or sign in to post a comment