Skip to content

bdc / bdcdj-web

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

style:预告买卖抵押变更一并申请

1 parent afd6c451
Inline Side-by-side
Showing 3 changed files with 323 additions and 4 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-07 10:06:37
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="请输入不动产权证号" v-model="queryForm.bdcqzh" 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="8">
25 <el-form-item label="坐落" label-width="60px">
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="4" class="btnColRight">
31 <el-form-item>
32 <el-button type="primary" @click="handleSearch">查询</el-button>
33 </el-form-item>
34 </el-col>
35 </el-row>
36 </el-form>
37 </div>
38 <!-- 表格 -->
39 <div class="from-clues-content loadingtext">
40 国有房屋变更信息
41 <el-table
42 :data="tableData.data"
43 height="210"
44 border
45 :cell-style="{ textAlign: 'center' }"
46 :header-cell-style="{textAlign: 'center'}"
47 @row-click="clickChange"
48 style="width: 100%">
49 <el-table-column
50 label="选择"
51 width="50">
52 <template slot-scope="scope">
53 <el-radio v-model="radioVal"
54 @click.native.stop.prevent="getCurrentRow(scope.row)"
55 :label="scope.row.bdcdyh">{{''}}</el-radio>
56 </template>
57 </el-table-column>
58 <el-table-column
59 label="序号"
60 type="index"
61 width="50"
62 align="center">
63 <template scope="scope">
64 {{ scope.$index + (pageData.currentPage - 1) * pageData.pageSize + 1 }}
65 </template>
66 </el-table-column>
67
68 <el-table-column
69 label="状态"
70 width="100">
71 <template slot-scope="scope">
72 <a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
73 <span v-show="scope.row.zjgcdyzt==1">,在建工程抵押</span>
74 <span v-show="scope.row.ycfzt==1">,已预查封</span>
75 <span v-show="scope.row.ycfzt==1">,已预查封</span>
76 <span v-show="scope.row.cfzt==1">,已查封</span>
77 <span v-show="scope.row.diyizt==1">,已地役</span>
78 <span v-show="scope.row.yyzt==1">,异议中</span>
79 <span v-show="scope.row.xzzt==1">,已限制</span>
80 <span v-show="scope.row.ygmmzt==1">,已预告买卖</span>
81 <span v-show="scope.row.ygdyzt==1">,已预告抵押</span>
82 <span v-show="scope.row.dyzt==1">,已抵押</span>
83 </template>
84 </el-table-column>
85 <el-table-column
86 width="100"
87 label="预告登记种类">
88 <template slot-scope="scope">
89 <el-tooltip effect="dark" :content="scope.row.ygdjzlmc" placement="top" popper-class="tooltip-width ">
90 <span class="ellipsis-table"> {{scope.row.ygdjzlmc}}</span>
91 </el-tooltip>
92 </template>
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 width="150"
101 label="不动产登记证明号">
102 <template slot-scope="scope">
103 <el-tooltip effect="dark" :content="scope.row.bdcqzh" placement="top" popper-class="tooltip-width">
104 <span class="ellipsis-table"> {{scope.row.bdcqzh}}</span>
105 </el-tooltip>
106 </template>
107 </el-table-column>
108 <el-table-column
109 width="100"
110 label="权利人">
111 <template slot-scope="scope">
112 <el-tooltip effect="dark" :content="scope.row.qlrmc" placement="top" popper-class="tooltip-width">
113 <span class="ellipsis-table"> {{scope.row.qlrmc}}</span>
114 </el-tooltip>
115 </template>
116 </el-table-column>
117 <el-table-column
118 width="100"
119 label="证件号">
120 <template slot-scope="scope">
121 <el-tooltip effect="dark" :content="scope.row.qlrzjhm" placement="top" popper-class="tooltip-width">
122 <span class="ellipsis-table"> {{scope.row.qlrzjhm}}</span>
123 </el-tooltip>
124 </template>
125 </el-table-column>
126 <el-table-column
127 property="ywrmc"
128 label="义务人">
129 </el-table-column>
130 <el-table-column
131 property="ywrzjhm"
132 label="义务人证件号">
133 </el-table-column>
134 <el-table-column
135 property="fwxzmc"
136 label="房屋性质">
137 </el-table-column>
138 <el-table-column
139 property="ytmc"
140 label="房屋用途">
141 </el-table-column>
142
143 <el-table-column
144 property="fwjgmc"
145 label="房屋结构">
146 </el-table-column>
147 <el-table-column
148 property="jzmj"
149 label="房屋面积(㎡)">
150 </el-table-column>
151 <el-table-column
152 width="150"
153 label="坐落">
154 <template slot-scope="scope">
155 <el-tooltip effect="dark" :content="scope.row.zl" placement="top" popper-class="tooltip-width">
156 <span class="ellipsis-table"> {{scope.row.zl}}</span>
157 </el-tooltip>
158 </template>
159 </el-table-column>
160 <el-table-column
161 label="操作"
162 width="80">
163 <template slot-scope="scope">
164 <el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
165 </template>
166 </el-table-column>
167 </el-table>
168 <el-pagination background layout="prev, pager, next,total" :total="tableData.total"
169 @current-change="handleCurrentChange"></el-pagination>
170 </div>
171 <div class="from-clues-content loadingtext">
172 抵押变更信息
173 <lb-table ref="table" :pagination="false" :calcHeight="500" :column="tableData.columns"
174 :data="tableData.dataList">
175 </lb-table>
176 </div>
177 <div class="submit_button">
178 <el-button @click="$popupCacel">取消</el-button>
179 <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
180 </div>
181 </div>
182 </template>
183 <script>
184 //首次登记
185 import jump from "./mixin/jump";
186 import store from '@/store/index.js'
187 import table from "@/utils/mixin/table";
188 import { ywPopupDialog } from "@/utils/popup.js";
189 import { datas, sendThis } from "../javascript/selectFwbjDybgSplitMerge.js";
190 import { defaultParameters } from "../javascript/publicDefaultPar.js";
191 import { selectYgdj200 } from "@/api/ywsq.js";
192 import { startBusinessFlow } from "@/api/workFlow.js";
193 export default {
194 mixins: [table, jump],
195 props: {
196 isJump: { type: Boolean, default: false },
197 sqywInfo: { type: Object, default: () => { } },
198 },
199 data () {
200 return {
201 loading: false,
202 queryForm: defaultParameters.defaultParameters(),
203 // 表格数据
204 tableData: {
205 columns: datas.columns(),
206 data: [],
207 total: 0,
208 dataList: []
209 },
210 bdcdysz: [],
211 radioVal: ""
212 }
213 },
214 mounted () {
215 sendThis(this)
216 },
217 methods: {
218 clickChange (row) {
219 this.getCurrentRow(row)
220 },
221 /**
222 * @description: 单选事件
223 * @author: renchao
224 */
225 getCurrentRow (row) {
226 this.radioVal = row.bdcdyh;
227 this.bdcdysz = [row]
228 selectYgdj200({ bdcdyh: this.radioVal, currentPage: 1, pageSize: 10, sqywbm: this.sqywInfo.djywbm }).then((res) => {
229 if (res.code === 200) {
230 this.tableData.dataList = res.result.records
231 this.bdcdysz = [this.bdcdysz[0], ...this.tableData.dataList]
232 }
233 console.log(this.bdcdysz, 'this.bdcdysz');
234 })
235 },
236 /**
237 * @description: queryClick
238 * @author: renchao
239 */
240 queryClick () {
241 this.$startLoading();
242 this.queryForm.sqywbm = this.sqywInfo.djywbm;
243 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => {
244 this.$endLoading();
245 if (res.code === 200) {
246 let { total, records } = res.result;
247 this.tableData.total = total;
248 this.tableData.data = records;
249 }
250 })
251 },
252 handleCurrentChange (val) {
253 this.pageData.currentPage = val
254 this.queryClick()
255 },
256 /**
257 * @description: submitForm
258 * @author: renchao
259 */
260 submitForm () {
261 this.loading = true
262 startBusinessFlow({
263 bsmSqyw: this.sqywInfo.bsmSqyw,
264 bdcdysz: this.bdcdysz,
265 }).then((res) => {
266 this.loading = false
267 if (res.code == 200) {
268 this.$message({
269 showClose: true,
270 message: "发起申请成功",
271 type: "success",
272 });
273 if (!this.isJump) {
274 this.jump(res.result, this.sqywInfo.djywbm);
275 } else {
276 store.dispatch('user/refreshPage', true);
277 }
278 this.$popupCacel()
279 } else {
280 if (res.result && res.result.length > 0) {
281 ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
282 } else {
283 ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
284 }
285 }
286 }).catch(() => {
287 this.loading = false
288 })
289 },
290 /**
291 * @description: openBook
292 * @param {*} row
293 * @author: renchao
294 */
295 openBook (row) {
296 var param = {
297 bdcdyid: row.bdcdyid,
298 qllx: row.qllx,
299 bdcdyh: row.bdcdyh,
300 bsmQlxx: row.bsmQlxx,
301 };
302 this.$popup("登记簿详情", "registerBook/djbFrame", {
303 formData: param
304 })
305 }
306 }
307 }
308 </script>
309 <style scoped lang="scss">
310 @import "~@/styles/mixin.scss";
311 @import "~@/styles/public.scss";
312 /deep/.el-radio__label {
313 display: none;
314 }
315 /deep/.el-table .cell {
316 line-height: 20px;
317 }
318 </style>
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 17:00:15 4 * @LastEditTime: 2023-09-07 10:04:33
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -87,11 +87,11 @@ class data extends filter { ...@@ -87,11 +87,11 @@ class data extends filter {
87 { 87 {
88 prop: "fwjgmc", 88 prop: "fwjgmc",
89 label: "房屋结构", 89 label: "房屋结构",
90 }, 90 },
91 { 91 {
92 prop: "jzmj", 92 prop: "jzmj",
93 label: "房屋面积(㎡)", 93 label: "房屋面积(㎡)",
94 }, 94 },
95 { 95 {
96 prop: "zl", 96 prop: "zl",
97 label: "坐落", 97 label: "坐落",
......
...@@ -94,7 +94,8 @@ export function queueDjywmc (djywbm, djqxbm) { ...@@ -94,7 +94,8 @@ export function queueDjywmc (djywbm, djqxbm) {
94 break; 94 break;
95 case "C40300": //一并申请变更 95 case "C40300": //一并申请变更
96 case "C40400": //一并申请注销 96 case "C40400": //一并申请注销
97 vm = "selectYbbg"; 97 // vm = "selectYbbg";
98 vm = "selectYbbgSplitMerge"
98 break; 99 break;
99 case "C04371": //一并国有房屋转移 100 case "C04371": //一并国有房屋转移
100 vm = "selectFwsyq"; 101 vm = "selectFwsyq";
......