Skip to content

bdc / bdcdj-web

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

style:业务办理

1 parent b77886da
Inline Side-by-side
Showing 2 changed files with 128 additions and 40 deletions
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-15 16:59:40
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -42,9 +47,85 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
分割合并前权利信息
<lb-table ref="table" @row-click="handleRowClick" heightNumSetting :pagination=false
<!-- <lb-table ref="table" @row-click="handleRowClick" heightNumSetting :pagination=false
:column="tableData.columns" :data="tableData.data">
</lb-table>
</lb-table> -->
<el-table
:data="tableData.data"
height="230"
border
:cell-style="{ textAlign: 'center' }"
:header-cell-style="{textAlign: 'center'}"
@row-click="handleRowClick"
style="width: 100%">
<el-table-column
label="选择"
width="50">
<template slot-scope="scope">
<el-radio v-model="radioVal" :label="scope.row.bhqkbsm">{{''}}</el-radio>
</template>
</el-table-column>
<el-table-column
type="index"
label="序号"
width="50">
</el-table-column>
<el-table-column
label="状态"
width="150">
<template slot-scope="scope">
<a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
<span v-show="scope.row.zjgcdyzt==1">>,在建工程抵押</span>
<span v-show="scope.row.ycfzt==1">>,已预查封</span>
<span v-show="scope.row.ycfzt==1">>,已预查封</span>
<span v-show="scope.row.cfzt==1">>,已查封</span>
<span v-show="scope.row.diyizt==1">>,已地役</span>
<span v-show="scope.row.yyzt==1">>,异议中</span>
<span v-show="scope.row.xzzt==1">,已限制</span>
<span v-show="scope.row.ygmmzt==1">>,已预告买卖</span>
<span v-show="scope.row.ygdyzt==1">>,已预告抵押</span>
<span v-show="scope.row.dyzt==1">>,已抵押</span>
</template>
</el-table-column>
<el-table-column
property="qllxmc"
label="权利类型">
</el-table-column>
<el-table-column
property="bdcdyh"
label="不动产单元号"
width="150">
</el-table-column>
<el-table-column
property="bdcqzh"
label="不动产权证号"
width="160">
</el-table-column>
<el-table-column
property="qlrmc"
label="使用权人">
</el-table-column>
<el-table-column
property="qlrzjhm"
label="证件号">
</el-table-column>
<el-table-column
property="qlxzmc"
label="权利性质">
</el-table-column>
<el-table-column
property="mj"
label="使用权面积">
</el-table-column>
<el-table-column
label="操作"
width="80">
<template slot-scope="scope">
<el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="from-clues-content loadingtext">
分割合并后宗地信息
......@@ -98,6 +179,14 @@
radioVal: ""
}
},
watch: {
radioVal: {
deep: true,
handler (newVal, oldVal) {
this.close()
}
}
},
mounted () {
sendThis(this)
},
......@@ -118,7 +207,6 @@
})
},
queryClick () {
console.log("申请业务单一流向状态土地分割合并",this.sqywInfo.sqywdylx);
this.$startLoading();
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => {
......@@ -171,39 +259,39 @@
formData: param
})
},
select(selection, row){
if(this.sqywInfo.sqywdylx=="1"){
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if(selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
},
handleRowClick(row){
handleRowClick (row) {
// 如果状态是1，那就是单选
if(this.sqywInfo.sqywdylx=="1"){
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if( bdcdysz.length == 1 ) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
}else{
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
} else {
this.$refs.table.toggleRowSelection(row);
}
}
},
}
}
......@@ -211,4 +299,7 @@
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.el-radio__label {
display: none;
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:37:24
* @LastEditTime: 2023-06-15 16:23:57
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -9,9 +9,6 @@ let vm = null
const sendThis = (_this) => {
vm = _this
}
// const sendThiss= (_this) => {
// vm1 = _this
// }
class data extends filter {
constructor() {
super()
......@@ -109,7 +106,7 @@ class data extends filter {
}
}
class datatwo extends filter {
class datatwo extends filter {
constructor() {
super()
}
......@@ -188,9 +185,9 @@ class datatwo extends filter {
}
let datas = new data()
let datastwo = new datatwo ()
let datastwo = new datatwo()
export {
datas,
datastwo ,
datastwo,
sendThis
}
......