<template> <div class="from-clues"> <!-- 表单部分 --> <div class="from-clues-header"> <el-form :model="queryForm" ref="queryForm"> <el-row> <el-col :span="5"> <el-form-item label="项目名称"> <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"> </el-input> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="项目编号"> <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh"> </el-input> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="自然幢号"> <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh"> </el-input> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="宗地代码"> <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm"> </el-input> </el-form-item> </el-col> <el-col :span="4" class="btnCol"> <el-form-item> <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button> <el-button @click="moreQueryClick()">高级查询</el-button> </el-form-item> </el-col> </el-row> </el-form> </div> <!-- 表格 --> <div class="from-clues-content"> <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> </lb-table> </div> </div> </template> <script> import table from "@/utils/mixin/table"; import { datas, sendThis } from "./zxgcdycx"; export default { components: {}, mixins: [table], mounted () { sendThis(this); }, data () { return { queryForm: { xmmc: '', xmbh: '', zrzh: '', zddm: '' }, tableData: { columns: datas.columns(), data: [ ] } } }, methods: { // 初始化数据 fetchData () { }, } } </script> <style scoped lang="scss"> @import "~@/styles/public.scss"; </style>