Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
56941b68 by renchao@pashanhoo.com
Options

style:土地承包经营权

1 parent 4960f1d2
Inline Side-by-side
Showing 10 changed files with 864 additions and 81 deletions
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-23 14:10:30
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: renchao
13 */
14 export function Init (data) {
15 let apiUrl = "";
16 switch (data.get("djlx")) {
17 case "100":
18 apiUrl = "/system/tdcbjyq/fristInit";
19 break;
20 case "200":
21 apiUrl = "/system/tdcbjyq/transferInit";
22 break;
23 case "300":
24 apiUrl = "/system/tdcbjyq/changeInit";
25 break;
26 case "400":
27 apiUrl = "/system/tdcbjyq/logoutInit";
28 break;
29 case "500":
30 apiUrl = "/system/tdcbjyq/riviseInit";
31 break;
32 case "901":
33 apiUrl = "/system/tdcbjyq/renewalInit";
34 break;
35 case "902":
36 apiUrl = "/system/tdcbjyq/replaceInit";
37 break;
38 }
39 return request({
40 url: SERVER.SERVERAPI + apiUrl,
41 method: 'post',
42 data
43 })
44 }
45 /**
46 * @description: 受理信息保存
47 * @param {*} data
48 * @author: renchao
49 */
50 export function saveData (data) {
51 return request({
52 url: SERVER.SERVERAPI + '/system/tdcbjyq/saveData',
53 method: 'post',
54 data
55 })
56 }
1 /* 1 /*
2 * @Description: 业务申请 2 * @Description: 业务申请
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-14 09:30:08 4 * @LastEditTime: 2024-01-23 13:17:00
5 */ 5 */
6 6
7 import request from '@/utils/request' 7 import request from '@/utils/request'
...@@ -84,6 +84,19 @@ export function selectNydsyqQlxx (data) { ...@@ -84,6 +84,19 @@ export function selectNydsyqQlxx (data) {
84 }) 84 })
85 } 85 }
86 86
87 /**
88 * @description: 业务办理-查询土地承包经营权-根据条件进行列表查询
89 * @param {*} data
90 * @author: renchao
91 */
92 export function selectTdcbjyq (data) {
93 return request({
94 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectTdcbjyq',
95 method: 'post',
96 data
97 })
98 }
99
87 100
88 /** 101 /**
89 * @description: 业务办理-选择单元-查询宗地基本信息 102 * @description: 业务办理-选择单元-查询宗地基本信息
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-22 14:56:43 4 * @LastEditTime: 2024-01-23 14:07:58
5 */ 5 */
6 /** 6 /**
7 * @description: 流程环节操作按钮 7 * @description: 流程环节操作按钮
...@@ -21,6 +21,10 @@ export function getForm (tabName) { ...@@ -21,6 +21,10 @@ export function getForm (tabName) {
21 case "jsydsyqslxx300": 21 case "jsydsyqslxx300":
22 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); 22 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue");
23 break; 23 break;
24 //土地承包经营权
25 case "tdcbjyqslxx100":
26 form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue");
27 break;
24 //国有建设用地使用权/房屋所有权 28 //国有建设用地使用权/房屋所有权
25 case "fwsyqdzslxx": 29 case "fwsyqdzslxx":
26 form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue"); 30 form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue");
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-23 13:36:55
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 v-Loading="loading"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :inline="flag"
17 label-width="120px">
18 <div class="slxx_con" :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.flow.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.slsq.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.slsq.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <el-row :gutter="10">
41 <el-col :span="8">
42 <el-form-item label="权利类型：">
43 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
44 </el-form-item>
45 </el-col>
46 <el-col :span="8">
47 <el-form-item label="登记类型：">
48 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="8">
52 <el-form-item label="登记情形：">
53 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
54 </el-form-item>
55 </el-col>
56 </el-row>
57 <div class="slxx_title title-block">
58 不动产单元情况
59 <div class="triangle"></div>
60 </div>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="宗地代码：">
64 <el-input v-model="ruleForm.zdjbxx.zddm" disabled></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="不动产单元号：">
69 <el-input v-model="ruleForm.sldy.bdcdyh" disabled></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item label="权利性质：">
74 <treeselect
75 v-model="ruleForm.zdjbxx.qlxz"
76 noOptionsText="暂无数据"
77 :default-expand-level="1"
78 :disabled="!viewEdit"
79 placeholder=""
80 :normalizer="normalizer"
81 :show-count="true"
82 :options="dictData['A9']" />
83 </el-form-item>
84 </el-col>
85 </el-row>
86 <el-row :gutter="10">
87 <el-col :span="8">
88 <el-form-item label="使用权面积：">
89 <div class="flex">
90 <el-input
91 maxlength="12"
92 :disabled="!viewEdit"
93 v-model="ruleForm.jsydsyq.syqmj"
94 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
95 <el-select disabled v-model="mjdw" style="width: 68px">
96 <el-option
97 v-for="item in dictData['A7']"
98 :key="item.dcode"
99 :label="item.dname"
100 :value="item.dcode">
101 </el-option>
102 </el-select>
103 </div>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item label="权利设定方式：">
108 <el-select v-model="ruleForm.zdjbxx.qlsdfs" :disabled="!viewEdit">
109 <el-option
110 v-for="item in dictData['A10']"
111 :key="item.dcode"
112 :label="item.dname"
113 :value="item.dcode">
114 </el-option>
115 </el-select>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item label="取得价格：">
120 <div style="display: flex">
121 <el-input
122 maxlength="11"
123 :disabled="!viewEdit"
124 v-model="ruleForm.jsydsyq.qdjg"
125 style="width: 500%"
126 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
127 <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="!viewEdit">
128 <el-option
129 v-for="item in dictData['A57']"
130 :key="item.dcode"
131 :label="item.dname"
132 :value="item.dcode">
133 </el-option>
134 </el-select>
135 </div>
136 </el-form-item>
137 </el-col>
138
139 <el-col :span="16">
140 <el-form-item label="坐落：">
141 <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.sldy.zl"></el-input>
142 </el-form-item>
143 </el-col>
144 </el-row>
145 <el-row :gutter="10">
146 <el-col>
147 <el-form-item label="附记：" prop="fj">
148 <el-input
149 type="textarea"
150 maxlength="500"
151 :disabled="!viewEdit"
152 show-word-limit
153 v-model="ruleForm.jsydsyq.fj"></el-input>
154 </el-form-item>
155 </el-col>
156 </el-row>
157 <div class="slxx_title title-block">
158 土地用途
159 <div class="triangle"></div>
160 </div>
161 <tdytTable
162 :ableOperation="viewEdit"
163 :tableData="ruleForm.tdytqxList"
164 @upDateTdytxxList="upDateTdytxxList" />
165 <div class="slxx_title title-block">
166 权利人信息
167 <div class="triangle"></div>
168 </div>
169 <el-row :gutter="10">
170 <el-col :span="12">
171 <el-form-item label="共有方式：">
172 <el-radio-group
173 :disabled="!viewEdit"
174 v-model="ruleForm.sldy.gyfs">
175 <el-radio label="0">单独所有</el-radio>
176 <el-radio label="1">共同共有</el-radio>
177 <el-radio label="2">按份所有</el-radio>
178 <el-radio label="3">其它共有</el-radio>
179 </el-radio-group>
180 </el-form-item>
181 </el-col>
182 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
183 <el-form-item label="是否分别持证：">
184 <el-radio-group
185 v-model="ruleForm.sldy.sqfbcz"
186 :disabled="!viewEdit"
187 @input="updaterow()">
188 <el-radio :label="1">是</el-radio>
189 <el-radio :label="0">否</el-radio>
190 </el-radio-group>
191 </el-form-item>
192 </el-col>
193 <el-col
194 :span="6"
195 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
196 <el-form-item label="持证人：">
197 <el-select
198 v-model="czr"
199 placeholder="持证人"
200 :disabled="!viewEdit">
201 <el-option
202 v-for="(item, index) in czrOptions"
203 :key="index"
204 :label="item.sqrmc"
205 :value="item.id">
206 </el-option>
207 </el-select>
208 </el-form-item>
209 </el-col>
210 </el-row>
211 <qlrCommonTable
212 :tableData="ruleForm.qlrList"
213 :disabled="viewEdit"
214 @upDateQlrxxList="upDateQlrxxList"
215 :key="key"
216 :gyfs="ruleForm.sldy.gyfs" />
217
218 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
219 <div class="slxx_title title-block">
220 义务人信息
221 <div class="triangle"></div>
222 </div>
223 <ywrCommonTable
224 v-if="ruleForm.ywrList"
225 :disabled="viewEdit"
226 :tableData="ruleForm.ywrList"
227 :key="key"
228 @upDateQlrxxList="upDateYwrxxList" />
229 </div>
230
231 <div class="slxx_title title-block">
232 登记原因
233 <div class="triangle"></div>
234 </div>
235 <el-row :gutter="10">
236 <el-col>
237 <el-form-item label="登记原因：" prop="djyy">
238 <el-input
239 class="textArea"
240 type="textarea"
241 maxlength="500"
242 show-word-limit
243 :disabled="!viewEdit"
244 v-model="ruleForm.jsydsyq.djyy">
245 </el-input>
246 </el-form-item>
247 </el-col>
248 </el-row>
249 </div>
250 <el-row class="btn" v-if="isSave">
251 <el-form-item>
252 <el-button type="primary" @click="onSubmit">保存</el-button>
253 </el-form-item>
254 </el-row>
255 </el-form>
256 </div>
257 </template>
258 <script>
259 import { mapGetters } from "vuex";
260 import ywmix from "@/views/ywbl/mixin/index";
261 import { Init, saveData } from "@/api/workflow/tdcbjyq.js";
262 import tdytTable from "@/views/workflow/components/tdytTable";
263 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
264 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
265 export default {
266 mixins: [ywmix],
267 mounted () {
268 let that = this
269 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
270 this.propsParam = this.$attrs;
271 var formdata = new FormData();
272 this.loading = true
273 formdata.append("bsmSldy", this.propsParam.bsmSldy);
274 formdata.append("djlx", this.propsParam.djlx);
275 formdata.append("isEdit", this.viewEdit);
276 Init(formdata).then((res) => {
277 setTimeout(() => {
278 that.loading = false
279 }, 200)
280 if (res.code === 200) {
281 that.ruleForm = res.result;
282 that.ruleForm.qlrList.forEach((item) => {
283 item.id = item.bsmSqr
284 if (item.sfczr == '1') {
285 that.czr = item.bsmSqr
286 }
287 })
288 that.czrOptions = that.ruleForm.qlrList;
289 that.isSave = that.viewEdit
290 } else {
291 that.isSave = false
292 that.$confirm(res.message, '提示', {
293 cancelButtonText: '取消',
294 showConfirmButton: false,
295 type: 'warning'
296 })
297 }
298 }).catch(() => {
299 this.loading = false
300 this.isSave = false
301 })
302 },
303 components: { qlrCommonTable, tdytTable, ywrCommonTable },
304 computed: {
305 ...mapGetters(["dictData", "flag"]),
306 // 根据流程判断表单是否为只读
307 editDisabled () {
308 if (!this.viewEdit) {
309 //只读状态
310 return true;
311 }
312 return false;
313 },
314 },
315 data () {
316 return {
317 isSave: true,
318 // 键名转换，方法默认是label和children进行树状渲染
319 normalizer (node) {
320 //方法
321 if (node.children == null || node.children == "null") {
322 delete node.children;
323 }
324 return {
325 id: node.dcode,
326 label: node.dname,
327 };
328 },
329 loading: false,
330 mjdw: "1",
331 //表单是否可操作
332 viewEdit: true,
333 czr: "",
334 key: 0,
335 disabled: true,
336 czrOptions: [],
337 ruleForm: {},
338 //传递参数
339 propsParam: {},
340 rules: {},
341 };
342 },
343 methods: {
344 /**
345 * @description: 更新土地用途信息
346 * @param {*} val
347 * @author: renchao
348 */
349 upDateTdytxxList (val) {
350 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
351 this.key++;
352 },
353 /**
354 * @description: 更新权利人信息
355 * @param {*} val
356 * @author: renchao
357 */
358 upDateQlrxxList (val) {
359 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
360 this.czrOptions = this.ruleForm.qlrList;
361 this.num = 0
362 this.ruleForm.qlrList.forEach(item => {
363 if (item.id == this.czr) {
364 this.num++
365 }
366 })
367 if (this.num == 0) {
368 this.czr = ''
369 }
370 },
371 /**
372 * @description: 是否持证人变化
373 * @param {*} val
374 * @author: renchao
375 */
376 updaterow () {
377 this.czr = "";
378 },
379 /**
380 * @description: 更新义务人信息
381 * @param {*} val
382 * @author: renchao
383 */
384 upDateYwrxxList (val) {
385 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
386 this.key++;
387 },
388 /**
389 * @description: onSubmit
390 * @author: renchao
391 */
392 onSubmit () {
393 let that = this;
394 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
395 if (arr.length > 0) {
396 this.$message({
397 showClose: true,
398 message: "土地用途不能为空",
399 type: "error",
400 });
401 return false;
402 }
403 if (this.ruleForm.qlrList.length == 0) {
404 this.$message({
405 showClose: true,
406 message: "请确认权利人信息",
407 type: "error",
408 });
409 return false;
410 }
411 if (this.ruleForm.sldy.gyfs == "0") {
412 if (this.ruleForm.qlrList.length > 1) {
413 this.$message({
414 showClose: true,
415 message: "共有方式：单独所有，权利人只能是一个人",
416 type: "error",
417 });
418 return false;
419 }
420 this.ruleForm.qlrList[0].sfczr = "1";
421 } else {
422 if (this.ruleForm.qlrList.length <= 1) {
423 this.$message({
424 showClose: true,
425 message:
426 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
427 type: "error",
428 });
429 return false;
430 }
431 //是否分别持证
432 if (this.ruleForm.sldy.sqfbcz == "1") {
433 //是
434 this.ruleForm.qlrList.forEach((item, index) => {
435 item.sfczr = "1";
436 });
437 } else {
438 if (that.czr === '') {
439 that.$message({
440 showClose: true,
441 message: "请选择持证人",
442 type: "error",
443 });
444 return false;
445 }
446 this.ruleForm.qlrList.forEach((item, index) => {
447 if (item.id == that.czr) {
448 item.sfczr = "1";
449 } else {
450 item.sfczr = "0";
451 }
452 });
453 }
454 }
455 /**
456 * @description: saveData
457 * @author: renchao
458 */
459 this.$store.dispatch("user/refreshPage", false);
460 saveData(this.ruleForm).then((res) => {
461 if (res.code === 200) {
462 this.$message({
463 showClose: true,
464 message: "保存成功！",
465 type: "success",
466 });
467 this.$store.dispatch("user/refreshPage", true);
468 } else {
469 this.$message({
470 showClose: true,
471 message: res.message,
472 type: "error"
473 })
474 }
475 })
476 }
477 }
478 }
479 </script>
480 <style scoped lang="scss">
481 @import "~@/styles/public.scss";
482 @import "~@/styles/slxx/slxx.scss";
483 </style>
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-16 14:08:55 4 * @LastEditTime: 2024-01-23 13:45:28
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 <!-- 表格 --> 33 <!-- 表格 -->
34 <div class="from-clues-content loadingtext"> 34 <div class="from-clues-content loadingtext">
35 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" 35 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
36 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" 36 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
37 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 37 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
38 :data="tableData.data"> 38 :data="tableData.data">
39 </lb-table> 39 </lb-table>
...@@ -62,6 +62,7 @@ ...@@ -62,6 +62,7 @@
62 }, 62 },
63 data () { 63 data () {
64 return { 64 return {
65 radioVal: '',
65 loading: false, 66 loading: false,
66 queryForm: defaultParameters.defaultParameters(), 67 queryForm: defaultParameters.defaultParameters(),
67 qllxs: [], 68 qllxs: [],
...@@ -75,6 +76,28 @@ ...@@ -75,6 +76,28 @@
75 }, 76 },
76 mounted () { 77 mounted () {
77 sendThis(this); 78 sendThis(this);
79 if (this.sqywInfo.sqywdylx == "1") {
80 this.tableData.columns = [{
81 label: '选择',
82 width: '50px',
83 render: (h, scope) => {
84 return (
85 <div class="orgColumn">
86 <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
87 &ensp;
88 </el-radio>
89 </div>
90 )
91 }
92 }].concat(datas.columns())
93 } else {
94 this.tableData.columns =
95 [{
96 type: 'selection',
97 label: '全选',
98 width: '50'
99 }].concat(datas.columns())
100 }
78 }, 101 },
79 methods: { 102 methods: {
80 /** 103 /**
...@@ -158,21 +181,10 @@ ...@@ -158,21 +181,10 @@
158 formData: param 181 formData: param
159 }) 182 })
160 }, 183 },
161 /** 184 handleChange () {
162 * @description: select 185 let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
163 * @param {*} selection 186 arr[0].bsm = arr[0].zdbsm
164 * @param {*} row 187 this.bdcdysz = arr
165 * @author: renchao
166 */
167 select (selection, row) {
168 if (this.sqywInfo.sqywdylx == "1") {
169 // 清除 所有勾选项
170 this.$refs.table.clearSelection()
171 // 当表格数据都没有被勾选的时候 就返回
172 // 主要用于将当前勾选的表格状态清除
173 if (selection.length == 0) return
174 this.$refs.table.toggleRowSelection(row, true);
175 }
176 }, 188 },
177 /** 189 /**
178 * @description: handleRowClick 190 * @description: handleRowClick
...@@ -181,28 +193,15 @@ ...@@ -181,28 +193,15 @@
181 */ 193 */
182 handleRowClick (row) { 194 handleRowClick (row) {
183 // 如果状态是1，那就是单选 195 // 如果状态是1，那就是单选
196 let refs = 'table';
184 if (this.sqywInfo.sqywdylx == "1") { 197 if (this.sqywInfo.sqywdylx == "1") {
185 const bdcdysz = this.bdcdysz 198 row.bsm = row.zdbsm
186 this.$refs.table.clearSelection() 199 this.bdcdysz = [row]
187 if (bdcdysz.length == 1) { 200 this.radioVal = row.bdcdyid
188 bdcdysz.forEach(item => {
189 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
190 if (item == row) {
191 this.$refs.table.toggleRowSelection(row, false);
192 }
193 // 不然就让当前的一行勾选
194 else {
195 this.$refs.table.toggleRowSelection(row, true);
196 }
197 })
198 }
199 else {
200 this.$refs.table.toggleRowSelection(row, true);
201 }
202 } else { 201 } else {
203 this.$refs.table.toggleRowSelection(row); 202 this.$refs[refs].toggleRowSelection(row)
203 }
204 } 204 }
205 },
206 } 205 }
207 } 206 }
208 </script> 207 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-17 14:18:01 4 * @LastEditTime: 2024-01-23 13:47:01
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
53 <!-- 表格 --> 53 <!-- 表格 -->
54 <div class="from-clues-content loadingtext"> 54 <div class="from-clues-content loadingtext">
55 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" 55 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
56 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" 56 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
57 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 57 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
58 :data="tableData.data"> 58 :data="tableData.data">
59 </lb-table> 59 </lb-table>
...@@ -82,6 +82,7 @@ ...@@ -82,6 +82,7 @@
82 }, 82 },
83 data () { 83 data () {
84 return { 84 return {
85 radioVal: '',
85 loading: false, 86 loading: false,
86 queryForm: defaultParameters.defaultParameters(), 87 queryForm: defaultParameters.defaultParameters(),
87 tableData: { 88 tableData: {
...@@ -94,6 +95,28 @@ ...@@ -94,6 +95,28 @@
94 }, 95 },
95 mounted () { 96 mounted () {
96 sendThis(this); 97 sendThis(this);
98 if (this.sqywInfo.sqywdylx == "1") {
99 this.tableData.columns = [{
100 label: '选择',
101 width: '50px',
102 render: (h, scope) => {
103 return (
104 <div class="orgColumn">
105 <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
106 &ensp;
107 </el-radio>
108 </div>
109 )
110 }
111 }].concat(datas.columns())
112 } else {
113 this.tableData.columns =
114 [{
115 type: 'selection',
116 label: '全选',
117 width: '50'
118 }].concat(datas.columns())
119 }
97 }, 120 },
98 methods: { 121 methods: {
99 /** 122 /**
...@@ -182,21 +205,10 @@ ...@@ -182,21 +205,10 @@
182 formData: param 205 formData: param
183 }) 206 })
184 }, 207 },
185 /** 208 handleChange () {
186 * @description: select 209 let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
187 * @param {*} selection 210 arr[0].bsm = arr[0].zdbsm
188 * @param {*} row 211 this.bdcdysz = arr
189 * @author: renchao
190 */
191 select (selection, row) {
192 if (this.sqywInfo.sqywdylx == "1") {
193 // 清除 所有勾选项
194 this.$refs.table.clearSelection()
195 // 当表格数据都没有被勾选的时候 就返回
196 // 主要用于将当前勾选的表格状态清除
197 if (selection.length == 0) return
198 this.$refs.table.toggleRowSelection(row, true);
199 }
200 }, 212 },
201 /** 213 /**
202 * @description: handleRowClick 214 * @description: handleRowClick
...@@ -205,26 +217,13 @@ ...@@ -205,26 +217,13 @@
205 */ 217 */
206 handleRowClick (row) { 218 handleRowClick (row) {
207 // 如果状态是1，那就是单选 219 // 如果状态是1，那就是单选
220 let refs = 'table';
208 if (this.sqywInfo.sqywdylx == "1") { 221 if (this.sqywInfo.sqywdylx == "1") {
209 const bdcdysz = this.bdcdysz 222 row.bsm = row.zdbsm
210 this.$refs.table.clearSelection() 223 this.bdcdysz = [row]
211 if (bdcdysz.length == 1) { 224 this.radioVal = row.bdcdyid
212 bdcdysz.forEach(item => {
213 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
214 if (item == row) {
215 this.$refs.table.toggleRowSelection(row, false);
216 }
217 // 不然就让当前的一行勾选
218 else {
219 this.$refs.table.toggleRowSelection(row, true);
220 }
221 })
222 }
223 else {
224 this.$refs.table.toggleRowSelection(row, true);
225 }
226 } else { 225 } else {
227 this.$refs.table.toggleRowSelection(row); 226 this.$refs[refs].toggleRowSelection(row)
228 } 227 }
229 } 228 }
230 } 229 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-22 16:24:56 4 * @LastEditTime: 2024-01-23 13:40:23
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -198,6 +198,7 @@ ...@@ -198,6 +198,7 @@
198 // 如果状态是1，那就是单选 198 // 如果状态是1，那就是单选
199 let refs = 'table'; 199 let refs = 'table';
200 if (this.sqywInfo.sqywdylx == "1") { 200 if (this.sqywInfo.sqywdylx == "1") {
201 row.bsm = row.zdbsm
201 this.bdcdysz = [row] 202 this.bdcdysz = [row]
202 this.radioVal = row.bdcdyid 203 this.radioVal = row.bdcdyid
203 } else { 204 } else {
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-01-23 13:44:44
5 -->
6 <template>
7 <div class="from-clues">
8 <!-- 表单部分 -->
9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" label-width="100px">
11 <el-row>
12 <el-col :span="6">
13 <el-form-item label="不动产单元号">
14 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" 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="请输入坐落" v-model.trim="queryForm.zl" 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.qlr" clearable class="width100">
27 </el-input>
28 </el-form-item>
29 </el-col>
30 <el-col :span="6">
31 <el-form-item label="证件号">
32 <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
33 </el-input>
34 </el-form-item>
35 </el-col>
36 <el-col :span="24" class="btnColRight">
37 <el-form-item>
38 <el-button type="primary" @click="resetForm(true)">重置</el-button>
39 <el-button type="primary" @click="handleSearch">查询</el-button>
40 </el-form-item>
41 </el-col>
42 </el-row>
43 </el-form>
44 </div>
45 <!-- 表格 -->
46 <div class="from-clues-content loadingtext">
47 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
48 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
49 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
50 :data="tableData.data">
51 </lb-table>
52 </div>
53 <div class="submit_button">
54 <el-button @click="$popupCacel">取消</el-button>
55 <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
56 </div>
57 </div>
58 </template>
59 <script>
60 //首次登记
61 import store from '@/store/index.js'
62 import ywsqTable from "@/utils/mixin/ywsqTable";
63 import jump from "../components/mixin/jump";
64 import { ywPopupDialog } from "@/utils/popup.js";
65 import { datas, sendThis } from "../javascript/selectJsydsyq.js";
66 import { defaultParameters } from "../javascript/publicDefaultPar.js";
67 import { selectTdcbjyq } from "@/api/ywsq.js";
68 import { startBusinessFlow } from "@/api/workFlow.js";
69 export default {
70 mixins: [ywsqTable, jump],
71 props: {
72 isJump: { type: Boolean, default: false },
73 sqywInfo: { type: Object, default: () => { } },
74 },
75 data () {
76 return {
77 radioVal: '',
78 loading: false,
79 queryForm: defaultParameters.defaultParameters(),
80 qllxs: [],
81 tableData: {
82 total: 0,
83 columns: datas.columns(),
84 data: [],
85 },
86 bdcdysz: []
87 };
88 },
89 mounted () {
90 sendThis(this);
91 if (this.sqywInfo.sqywdylx == "1") {
92 this.tableData.columns = [{
93 label: '选择',
94 width: '50px',
95 render: (h, scope) => {
96 return (
97 <div class="orgColumn">
98 <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
99 &ensp;
100 </el-radio>
101 </div>
102 )
103 }
104 }].concat(datas.columns())
105 } else {
106 this.tableData.columns =
107 [{
108 type: 'selection',
109 label: '全选',
110 width: '50'
111 }].concat(datas.columns())
112 }
113 },
114 methods: {
115 /**
116 * @description: queryClick
117 * @author: renchao
118 */
119 queryClick () {
120 this.$startLoading();
121 this.queryForm.sqywbm = this.sqywInfo.djywbm;
122 selectTdcbjyq({ ...this.queryForm, ...this.pageData }).then((res) => {
123 this.$endLoading();
124 if (res.code === 200) {
125 let { total, records } = res.result;
126 this.tableData.total = total;
127 this.tableData.data = records;
128 }
129 })
130 },
131 /**
132 * @description: submitForm
133 * @author: renchao
134 */
135 submitForm () {
136 if (this.bdcdysz.length == 0) {
137 this.$message.error("请至少选择一条数据");
138 return;
139 }
140 this.loading = true
141 startBusinessFlow({
142 bsmSqyw: this.sqywInfo.bsmSqyw,
143 bdcdysz: this.bdcdysz,
144 }).then((res) => {
145 this.loading = false
146 if (res.code == 200) {
147 this.$message({
148 showClose: true,
149 message: '发起申请成功',
150 type: 'success'
151 })
152 if (!this.isJump) {
153 this.jump(res.result)
154 } else {
155 store.dispatch('user/refreshPage', true);
156 }
157 this.$popupCacel()
158 } else {
159 if (res.result && res.result.length > 0) {
160 ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
161 } else {
162 ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
163 }
164 }
165 }).catch(() => {
166 this.loading = false
167 })
168 },
169 /**
170 * @description: handleSelectionChange
171 * @param {*} val
172 * @author: renchao
173 */
174 handleSelectionChange (val) {
175 val.forEach((item, index) => {
176 item.bsm = item.zdbsm;
177 });
178 if (this.sqywInfo.sqywdylx == "1") {
179 if (val.length > 1) {
180 this.bdcdysz = [...val[val.length - 1]];
181 } else {
182 this.bdcdysz = val;
183 }
184 } else {
185 this.bdcdysz = val;
186 }
187 },
188 /**
189 * @description: openBook
190 * @param {*} row
191 * @author: renchao
192 */
193 openBook (row) {
194 var param = { bdcdyid: row.bdcdyid, qllx: row.qllx, bdcdyh: row.bdcdyh, bsmQlxx: row.bsmQlxx };
195 this.$popup('登记簿详情', 'registerBook/djbFrame', {
196 formData: param
197 })
198 },
199 handleChange () {
200 let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
201 arr[0].bsm = arr[0].zdbsm
202 this.bdcdysz = arr
203 },
204 /**
205 * @description: handleRowClick
206 * @param {*} row
207 * @author: renchao
208 */
209 handleRowClick (row) {
210 // 如果状态是1，那就是单选
211 let refs = 'table';
212 if (this.sqywInfo.sqywdylx == "1") {
213 row.bsm = row.zdbsm
214 this.bdcdysz = [row]
215 this.radioVal = row.bdcdyid
216 } else {
217 this.$refs[refs].toggleRowSelection(row)
218 }
219 }
220 }
221 }
222 </script>
223 <style scoped lang="scss">
224 @import "~@/styles/mixin.scss";
225 @import "~@/styles/public.scss";
226 </style>
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-17 09:44:35 4 * @LastEditTime: 2024-01-23 13:43:12
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -15,11 +15,11 @@ class data extends filter { ...@@ -15,11 +15,11 @@ class data extends filter {
15 } 15 }
16 columns () { 16 columns () {
17 return [ 17 return [
18 { 18 // {
19 type: 'selection', 19 // type: 'selection',
20 label: '全选', 20 // label: '全选',
21 selectable: this.selected 21 // selectable: this.selected
22 }, 22 // },
23 { 23 {
24 label: '序号', 24 label: '序号',
25 type: 'index', 25 type: 'index',
......
...@@ -73,7 +73,9 @@ export function queueDjywmc (djywbm, djqxbm) { ...@@ -73,7 +73,9 @@ export function queueDjywmc (djywbm, djqxbm) {
73 case "A23200": 73 case "A23200":
74 case "A23300": 74 case "A23300":
75 case "A23400": 75 case "A23400":
76 case "A09200": 76 case "A09200": // 土地承包经营权(转移登记)
77 vm = "tdjyq200";
78 break;
77 case "A09300": 79 case "A09300":
78 case "A09400": 80 case "A09400":
79 vm = "nydsyq200"; 81 vm = "nydsyq200";
......