<template> <div class="realEstateMany from-clues"> <div class="from-clues-header"> <el-form ref="form" :model="form" label-width="80px"> <el-row> <el-col :span="5"> <el-form-item label="业务号"> <el-input v-model="form.YWH" placeholder="业务号"></el-input> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="权利类型"> <el-select v-model="form.QLLX" ref="selectmanyQL" @visible-change="isShowSelectOptions" clearable placeholder="请选择权利类型"> <el-option v-for="item in QLLXOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="登记类型"> <el-select v-model="form.DJLX" ref="selectmanyDJ" @visible-change="isShowSelectOptions" clearable placeholder="请选择登记类型"> <el-option v-for="item in DJLXOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="不动产单元号" label-width="105px"> <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> </el-form-item> </el-col> <el-col :span="4" class="btnColRight"> <el-button type="primary" @click="handleSubmit">查询结果</el-button> </el-col> </el-row> </el-form> </div> <div class="from-clues-content"> <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> </lb-table> <message-tips ref="msg" :message="message" /> </div> <!-- XML报文 --> <xml-message ref="dialog" :xml="xml" /> <!-- 数据详情 --> <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" /> </div> </template> <script> // 房地产权(项目内多幢房屋) import data from "./data" import business from '@/api/business' import dataReporting from '@/api/dataReporting' import tableMixin from '@/mixins/tableMixin.js' import treeSelect from '@/components/treeSelect/index.vue' import editDialog from '@/components/dataDetails/edit-dialog.vue' export default { name: "realEstateMany", mixins: [tableMixin], components: { treeSelect, editDialog }, data () { return { form: { YWH: '', QLLX: '', DJLX: '', BDCDYH: '', currentPage: 1 }, tableData: { columns: [{ label: '序号', type: 'index', width: '50', index: this.indexMethod, }].concat(data.columns()).concat([ { label: "操作", width: 170, render: (h, scope) => { return ( <div> <el-button type="text" size="mini" icon="el-icon-folder" style="color:#67C23A" onClick={() => { this.handleXmlres(scope.$index, scope.row) }} > XML报文 </el-button> <el-button type="text" size="mini" icon="el-icon-view" onClick={() => { this.handlDatadetails(scope.$index, scope.row) }} > 数据详情 </el-button> </div> ); }, }, ]), data: [] }, pageData: { total: 0, pageSize: 15, current: 1, }, diaData: null, bsmSjsb: '', QLLXOptions: [ { label: '国有建设用地使用权/房屋所有权', value: '4' }, { label: '宅基地使用权/房屋所有权', value: '6' }, { label: '集体建设用地使用权/构筑物所有权', value: '8' } ], DJLXOptions: [ { label: '首次登记', value: '100' }, { label: '转移登记', value: '200' }, { label: '变更登记', value: '300' }, { label: '更正登记', value: '500' } ], } }, methods: { // 是否显示下拉框 isShowSelectOptions (e) { if (!e) this.$refs.selectmanyQL.blur() if (!e) this.$refs.selectmanyDJ.blur() }, async featchData () { try { this.form = Object.assign(this.form, this.formData) let { result: { list, total, pages: pageSize, pageNum: current } } = await business.getQltFwFdcqDzByCondition(this.form) this.tableData.data = list this.pageData = { pageSize, current, total } } catch (error) { this.message = error this.$refs.msg.messageShow() } }, async handlDatadetails (index, row) { let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB) if (res != null) { this.diaData = res this.bsmSjsb = row.BSM_SJSB this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow() } else { this.$message(message); } } } } </script> <style scoped lang="scss"> @import "~@/styles/public.scss"; </style>