Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
923e88c3 by 杨威
Options

权利人选择不同共有方式对应处理

1 parent 10966f5b
Inline Side-by-side
Showing 1 changed file with 36 additions and 32 deletions
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
7 <td colspan="8"> 7 <td colspan="8">
8 <el-row> 8 <el-row>
9 <el-col :span="12" class="fl"> 9 <el-col :span="12" class="fl">
10 <el-radio v-model="radio" label="1">单独所有</el-radio> 10 <el-radio v-model="gyfs" label="1">单独所有</el-radio>
11 <el-radio v-model="radio" label="2">共同所有</el-radio> 11 <el-radio v-model="gyfs" label="2">共同所有</el-radio>
12 <el-radio v-model="radio" label="3">按份共有</el-radio> 12 <el-radio v-model="gyfs" label="3">按份共有</el-radio>
13 <el-radio v-model="radio" label="4">其他共有</el-radio> 13 <el-radio v-model="gyfs" label="4">其他共有</el-radio>
14 </el-col> 14 </el-col>
15 <el-col :span="4" class="fr"> 15 <el-col :span="4" class="fr">
16 <span class="span" @click="addRow">新增</span> 16 <span class="span" @click="addRow">新增</span>
...@@ -32,34 +32,16 @@ ...@@ -32,34 +32,16 @@
32 <el-table-column type="selection" width="40" align="center"> 32 <el-table-column type="selection" width="40" align="center">
33 </el-table-column> 33 </el-table-column>
34 <el-table-column prop="qlrmc" label="权利人名称" align="center"> 34 <el-table-column prop="qlrmc" label="权利人名称" align="center">
35 <template slot-scope="scope">
36 <el-input size="small" v-model="scope.row.qlrmc"></el-input>
37 </template>
38 </el-table-column> 35 </el-table-column>
39 <el-table-column prop="qlrlx" label="权利人类型" align="center"> 36 <el-table-column prop="qlrlx" label="权利人类型" align="center">
40 <template slot-scope="scope">
41 <el-input size="small" v-model="scope.row.qlrlx"></el-input>
42 </template>
43 </el-table-column> 37 </el-table-column>
44 <el-table-column prop="zjzl" label="证件种类" align="center"> 38 <el-table-column prop="zjzl" label="证件种类" align="center">
45 <template slot-scope="scope">
46 <el-input size="small" v-model="scope.row.zjzl"></el-input>
47 </template>
48 </el-table-column> 39 </el-table-column>
49 <el-table-column prop="zjh" label="证件号" align="center"> 40 <el-table-column prop="zjh" label="证件号" align="center">
50 <template slot-scope="scope">
51 <el-input size="small" v-model="scope.row.zjh"></el-input>
52 </template>
53 </el-table-column> 41 </el-table-column>
54 <el-table-column prop="txdz" label="通讯地址" align="center"> 42 <el-table-column prop="txdz" label="通讯地址" align="center">
55 <template slot-scope="scope">
56 <el-input size="small" v-model="scope.row.txdz"></el-input>
57 </template>
58 </el-table-column> 43 </el-table-column>
59 <el-table-column prop="lxdh" label="联系电话" align="center"> 44 <el-table-column prop="lxdh" label="联系电话" align="center">
60 <template slot-scope="scope">
61 <el-input size="small" v-model="scope.row.lxdh"></el-input>
62 </template>
63 </el-table-column> 45 </el-table-column>
64 </el-table> 46 </el-table>
65 <el-dialog 47 <el-dialog
...@@ -259,7 +241,7 @@ export default { ...@@ -259,7 +241,7 @@ export default {
259 }, 241 },
260 data() { 242 data() {
261 return { 243 return {
262 radio: "1", 244 gyfs: "1",
263 tableData: [], 245 tableData: [],
264 //表格选中项 246 //表格选中项
265 multipleSelection: {}, 247 multipleSelection: {},
...@@ -269,7 +251,7 @@ export default { ...@@ -269,7 +251,7 @@ export default {
269 djq: "", 251 djq: "",
270 djzq: "", 252 djzq: "",
271 qllx: "", 253 qllx: "",
272 zdtzm:"", 254 zdtzm: "",
273 qlsdfs: "", 255 qlsdfs: "",
274 zddm: "", 256 zddm: "",
275 djh: "", 257 djh: "",
...@@ -302,16 +284,38 @@ export default { ...@@ -302,16 +284,38 @@ export default {
302 methods: { 284 methods: {
303 //新增行数据 285 //新增行数据
304 addRow() { 286 addRow() {
305 this.dialogVisible = true; 287 if (this.gyfs == "1") {
288 this.$message({
289 message: "当前共有方式不可新增权利人",
290 type: "warning",
291 });
292 } else {
293 this.dialogVisible = true;
294 }
306 }, 295 },
307 //修改行数据 296 //修改行数据
308 changeRow() { 297 changeRow() {
309 this.dialogVisible = this.multipleSelection.length == 1 ? true : false; 298 if (this.multipleSelection.length == 1) {
299 this.dialogVisible = true;
300 } else {
301 this.$message({
302 message: "请选择一条信息后继续操作",
303 type: "warning",
304 });
305 }
310 }, 306 },
311 //删除行数据 307 //删除行数据
312 delRow() { 308 delRow() {
313 for (var i = 0; i < this.multipleSelection.length; i++) { 309 if (this.multipleSelection.length > 0) {
314 this.deleteArrOption(this.tableData, this.multipleSelection[i].id); 310 for (var i = 0; i < this.multipleSelection.length; i++) {
311 this.deleteArrOption(this.tableData, this.multipleSelection[i].id);
312 }
313 //调用删除接口 TO DO
314 } else {
315 this.$message({
316 message: "请至少选择一条信息后继续操作",
317 type: "warning",
318 });
315 } 319 }
316 }, 320 },
317 //选中表格某一项 321 //选中表格某一项
...@@ -330,7 +334,7 @@ export default { ...@@ -330,7 +334,7 @@ export default {
330 334
331 //供父组件调用来获取共有方式 335 //供父组件调用来获取共有方式
332 getQlgyfsData() { 336 getQlgyfsData() {
333 return this.radio; 337 return this.gyfs;
334 }, 338 },
335 //供父组件调用来获取权利人表格数据 339 //供父组件调用来获取权利人表格数据
336 getQlrxxData() { 340 getQlrxxData() {
...@@ -436,13 +440,13 @@ export default { ...@@ -436,13 +440,13 @@ export default {
436 float: left; 440 float: left;
437 } 441 }
438 .percent68 { 442 .percent68 {
439 width: 68%!important; 443 width: 68% !important;
440 float: left; 444 float: left;
441 position: relative; 445 position: relative;
442 top: 7px; 446 top: 7px;
443 } 447 }
444 .percent30 { 448 .percent30 {
445 width: 30%!important; 449 width: 30% !important;
446 float: left; 450 float: left;
447 } 451 }
448 .createBtn { 452 .createBtn {
...@@ -456,7 +460,7 @@ export default { ...@@ -456,7 +460,7 @@ export default {
456 line-height: 37px; 460 line-height: 37px;
457 } 461 }
458 .el-select { 462 .el-select {
459 width: 100% ; 463 width: 100%;
460 } 464 }
461 } 465 }
462 } 466 }
......