<!--
 * @Author: luofu
 * @Date: 2023-07-20 10:54:31
 * @Descripttion: 
-->
<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :md="6" :sm="8">
            <a-form-item label="小区名称">
              <j-input placeholder="请输入小区名称" v-model="queryParam.communityName"></j-input>
            </a-form-item>
          </a-col>
          <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
            <a-col :md="6" :sm="24">
              <a-button type="primary" @click="searchQuery">查询</a-button>
              <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
            </a-col>
          </span>
        </a-row>
      </a-form>
    </div>

    <!-- table区域-begin -->
    <div>
      <a-table ref="table" size="middle" :scroll="{x:true}" bordered rowKey="id" :columns="columns"
        :dataSource="dataSource" :pagination="ipagination" :loading="loading" class="j-table-force-nowrap"
        @change="handleTableChange">
      </a-table>
    </div>
  </a-card>
</template>

<script>
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
export default {
  name: 'CommunityLlist',
  mixins: [JeecgListMixin, mixinDevice],
  data() {
    return {
      columns: [
        {
          title: '小区名称',
          align: 'center',
          dataIndex: 'communityName',
        },
        {
          title: '所属区域',
          align: 'center',
          dataIndex: 'communityArea',
        },
        {
          title: '占地面积（m2）',
          align: 'center',
          dataIndex: 'coverArea',
        },
        {
          title: '总栋数',
          align: 'center',
          dataIndex: 'buildingNum',
        },
        {
          title: '房屋数量',
          align: 'center',
          dataIndex: 'houseNum',
        },
        {
          title: '商铺数量',
          align: 'center',
          dataIndex: 'shopNum',
        },
        {
          title: '联系人',
          align: 'center',
          dataIndex: 'adminName',
        },
        {
          title: '详细地址',
          dataIndex: 'addressInfo',
          align: 'center',
        },
      ],
      dataSource: [],
      url: {
        list: '/property-company/community/companyCommunity/partnersCommunityPage',
      },
    }
  },
  methods: {},
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>