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
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-15 16:59:40
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -42,9 +47,85 @@ ...@@ -42,9 +47,85 @@
42 <!-- 表格 --> 47 <!-- 表格 -->
43 <div class="from-clues-content loadingtext"> 48 <div class="from-clues-content loadingtext">
44 分割合并前权利信息 49 分割合并前权利信息
45 <lb-table ref="table" @row-click="handleRowClick" heightNumSetting :pagination=false 50 <!-- <lb-table ref="table" @row-click="handleRowClick" heightNumSetting :pagination=false
46 :column="tableData.columns" :data="tableData.data"> 51 :column="tableData.columns" :data="tableData.data">
47 </lb-table> 52 </lb-table> -->
53 <el-table
54 :data="tableData.data"
55 height="230"
56 border
57 :cell-style="{ textAlign: 'center' }"
58 :header-cell-style="{textAlign: 'center'}"
59 @row-click="handleRowClick"
60 style="width: 100%">
61 <el-table-column
62 label="选择"
63 width="50">
64 <template slot-scope="scope">
65 <el-radio v-model="radioVal" :label="scope.row.bhqkbsm">{{''}}</el-radio>
66 </template>
67 </el-table-column>
68 <el-table-column
69 type="index"
70 label="序号"
71 width="50">
72 </el-table-column>
73 <el-table-column
74 label="状态"
75 width="150">
76 <template slot-scope="scope">
77 <a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
78 <span v-show="scope.row.zjgcdyzt==1">>,在建工程抵押</span>
79 <span v-show="scope.row.ycfzt==1">>,已预查封</span>
80 <span v-show="scope.row.ycfzt==1">>,已预查封</span>
81 <span v-show="scope.row.cfzt==1">>,已查封</span>
82 <span v-show="scope.row.diyizt==1">>,已地役</span>
83 <span v-show="scope.row.yyzt==1">>,异议中</span>
84 <span v-show="scope.row.xzzt==1">,已限制</span>
85 <span v-show="scope.row.ygmmzt==1">>,已预告买卖</span>
86 <span v-show="scope.row.ygdyzt==1">>,已预告抵押</span>
87 <span v-show="scope.row.dyzt==1">>,已抵押</span>
88 </template>
89 </el-table-column>
90 <el-table-column
91 property="qllxmc"
92 label="权利类型">
93 </el-table-column>
94 <el-table-column
95 property="bdcdyh"
96 label="不动产单元号"
97 width="150">
98 </el-table-column>
99 <el-table-column
100 property="bdcqzh"
101 label="不动产权证号"
102 width="160">
103 </el-table-column>
104 <el-table-column
105 property="qlrmc"
106 label="使用权人">
107 </el-table-column>
108 <el-table-column
109 property="qlrzjhm"
110 label="证件号">
111 </el-table-column>
112 <el-table-column
113 property="qlxzmc"
114 label="权利性质">
115 </el-table-column>
116 <el-table-column
117 property="mj"
118 label="使用权面积">
119 </el-table-column>
120 <el-table-column
121 label="操作"
122 width="80">
123 <template slot-scope="scope">
124 <el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
125 </template>
126 </el-table-column>
127 </el-table>
128
48 </div> 129 </div>
49 <div class="from-clues-content loadingtext"> 130 <div class="from-clues-content loadingtext">
50 分割合并后宗地信息 131 分割合并后宗地信息
...@@ -98,6 +179,14 @@ ...@@ -98,6 +179,14 @@
98 radioVal: "" 179 radioVal: ""
99 } 180 }
100 }, 181 },
182 watch: {
183 radioVal: {
184 deep: true,
185 handler (newVal, oldVal) {
186 this.close()
187 }
188 }
189 },
101 mounted () { 190 mounted () {
102 sendThis(this) 191 sendThis(this)
103 }, 192 },
...@@ -118,7 +207,6 @@ ...@@ -118,7 +207,6 @@
118 }) 207 })
119 }, 208 },
120 queryClick () { 209 queryClick () {
121 console.log("申请业务单一流向状态土地分割合并",this.sqywInfo.sqywdylx);
122 this.$startLoading(); 210 this.$startLoading();
123 this.queryForm.sqywbm = this.sqywInfo.djywbm; 211 this.queryForm.sqywbm = this.sqywInfo.djywbm;
124 selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => { 212 selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -171,39 +259,39 @@ ...@@ -171,39 +259,39 @@
171 formData: param 259 formData: param
172 }) 260 })
173 }, 261 },
174 select(selection, row){ 262 select (selection, row) {
175 if(this.sqywInfo.sqywdylx=="1"){ 263 if (this.sqywInfo.sqywdylx == "1") {
176 // 清除 所有勾选项 264 // 清除 所有勾选项
177 this.$refs.table.clearSelection() 265 this.$refs.table.clearSelection()
178 // 当表格数据都没有被勾选的时候 就返回 266 // 当表格数据都没有被勾选的时候 就返回
179 // 主要用于将当前勾选的表格状态清除 267 // 主要用于将当前勾选的表格状态清除
180 if(selection.length == 0) return 268 if (selection.length == 0) return
181 this.$refs.table.toggleRowSelection(row, true); 269 this.$refs.table.toggleRowSelection(row, true);
182 } 270 }
183 }, 271 },
184 handleRowClick(row){ 272 handleRowClick (row) {
185 // 如果状态是1，那就是单选 273 // 如果状态是1，那就是单选
186 if(this.sqywInfo.sqywdylx=="1"){ 274 if (this.sqywInfo.sqywdylx == "1") {
187 const bdcdysz = this.bdcdysz 275 const bdcdysz = this.bdcdysz
188 this.$refs.table.clearSelection() 276 this.$refs.table.clearSelection()
189 if( bdcdysz.length == 1 ) { 277 if (bdcdysz.length == 1) {
190 bdcdysz.forEach(item => { 278 bdcdysz.forEach(item => {
191 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 279 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
192 if (item == row) { 280 if (item == row) {
193 this.$refs.table.toggleRowSelection(row, false); 281 this.$refs.table.toggleRowSelection(row, false);
194 } 282 }
195 // 不然就让当前的一行勾选 283 // 不然就让当前的一行勾选
196 else { 284 else {
197 this.$refs.table.toggleRowSelection(row, true); 285 this.$refs.table.toggleRowSelection(row, true);
198 } 286 }
199 }) 287 })
200 } 288 }
201 else { 289 else {
202 this.$refs.table.toggleRowSelection(row, true); 290 this.$refs.table.toggleRowSelection(row, true);
203 } 291 }
204 }else{ 292 } else {
205 this.$refs.table.toggleRowSelection(row); 293 this.$refs.table.toggleRowSelection(row);
206 } 294 }
207 }, 295 },
208 } 296 }
209 } 297 }
...@@ -211,4 +299,7 @@ ...@@ -211,4 +299,7 @@
211 <style scoped lang="scss"> 299 <style scoped lang="scss">
212 @import "~@/styles/mixin.scss"; 300 @import "~@/styles/mixin.scss";
213 @import "~@/styles/public.scss"; 301 @import "~@/styles/public.scss";
302 /deep/.el-radio__label {
303 display: none;
304 }
214 </style> 305 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:24 4 * @LastEditTime: 2023-06-15 16:23:57
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -9,9 +9,6 @@ let vm = null ...@@ -9,9 +9,6 @@ let vm = null
9 const sendThis = (_this) => { 9 const sendThis = (_this) => {
10 vm = _this 10 vm = _this
11 } 11 }
12 // const sendThiss= (_this) => {
13 // vm1 = _this
14 // }
15 class data extends filter { 12 class data extends filter {
16 constructor() { 13 constructor() {
17 super() 14 super()
...@@ -109,7 +106,7 @@ class data extends filter { ...@@ -109,7 +106,7 @@ class data extends filter {
109 } 106 }
110 107
111 } 108 }
112 class datatwo extends filter { 109 class datatwo extends filter {
113 constructor() { 110 constructor() {
114 super() 111 super()
115 } 112 }
...@@ -188,9 +185,9 @@ class datatwo extends filter { ...@@ -188,9 +185,9 @@ class datatwo extends filter {
188 185
189 } 186 }
190 let datas = new data() 187 let datas = new data()
191 let datastwo = new datatwo () 188 let datastwo = new datatwo()
192 export { 189 export {
193 datas, 190 datas,
194 datastwo , 191 datastwo,
195 sendThis 192 sendThis
196 } 193 }
......