<template> <div class="gzwsyq from-clues"> <div class="from-clues-header"> <el-form ref="form" :model="form" label-width="105px"> <el-form-item v-if="BASE_API.THEME == 'jg'"> <Breadcrumb /> </el-form-item> <el-row> <el-col :span="6"> <el-form-item label="行政区"> <el-select v-model="$store.state.user.userInfo.grade === 'county' ? form.XZQDM = $store.state.user.userInfo.areaCode : form.XZQDM" class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="权属状态" label-width="105px"> <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="坐落"> <el-input v-model="form.ZL" clearable placeholder="坐落"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="不动产权证号" label-width="105px"> <el-input v-model="form.BDCQZH" clearable placeholder="不动产权证号"></el-input> </el-form-item> </el-col> <el-col :span="6" class="mt-10"> <el-form-item label="权利人"> <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> </el-form-item> </el-col> <el-col :span="6" class="mt-10"> <el-form-item label="登记类型"> <el-select v-model="form.DJLX" class="width100" clearable placeholder="登记类型"> <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="6" class="mt-10"> <el-form-item label="建筑名称"> <el-input v-model="form.JZWMC" clearable placeholder="建筑名称"></el-input> </el-form-item> </el-col> <el-col :span="6" class="mt-10"> <el-form-item label="证件号"> <el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input> </el-form-item> </el-col> <el-col :span="24" class="btnColRight mt-10"> <btn nativeType="cz" @click="resetForm">重置</btn> <btn nativeType="cx" @click="handleSearch">查询</btn> </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> </div> <dataDetails ref="editLog" :title="title" :tabsActiveName="'qltQlGjzwsyq'" /> </div> </template> <script> // 构(建)筑物所有权 import data from "./data" import qltQlGjzwsyq from '@/api/qltQlGjzwsyq' import tableMixin from '@/mixins/tableMixin.js' import treeSelect from '@/components/TreeSelect.vue' export default { name: "gzwsyq", mixins: [tableMixin], components: { treeSelect }, data () { return { form: { XZQDM: '', QSZT: '', ZL: '', BDCQZH: '', QLR: '', DJLX: '', JZWMC: '', ZJH: '', currentPage: 1 }, // 表格数据 tableData: { columns: [{ label: '序号', type: 'index', width: '50', index: this.indexMethod, }].concat(data.columns()).concat([ { label: "操作", width: 80, fixed: "right", render: (h, scope) => { return ( <div> <el-button type="text" class='btnColor' onClick={() => { this.handleEdit(scope.row); }} > 详情 </el-button> </div> ); }, }, ]), data: [{ ceateTime: 1 }] }, // 分页 pageData: { total: 0, pageSize: 15, current: 1, } } }, methods: { // 是否显示下拉框 isShowSelectOptions (e) { if (!e) this.$refs.selectownershipQL.blur() if (!e) this.$refs.selectownershipDJ.blur() }, async featchData () { try { this.form = Object.assign(this.form, this.formData) let { result: { list, total, pages: pageSize, pageNum: current } } = await qltQlGjzwsyq.getQltQlGjzwsyqList(this.form) this.tableData.data = list this.pageData = { pageSize, current, total } } catch (error) { } } } } </script>