<template>
  <div>
    <app-search
      v-model="searchForm"
      label-width="150px"
      @submit="resetPagination"
    >
      <el-col :span="6">
        <el-form-item label="企业名称" prop="roleName">
          <el-input v-model="searchForm.name" placeholder="请输入名称" />
        </el-form-item>
      </el-col>
    </app-search>
    <app-table v-model:pagination="pagination" :data="list" @get-data="getData">
      <el-table-column prop="name" label="企业名称" />
      <el-table-column prop="name" label="入住时间" />
      <el-table-column prop="name" label="状态" />
      <el-table-column prop="name" label="运维人" />
      <el-table-column prop="name" label="操作" />
    </app-table>
    <app-add @get-data="resetPagination" />
  </div>
</template>
<script setup>
import AppTable from "@/components/table/index.vue";
import useListData from "@/hooks/useListData.js";
import { getDataDictionaryList } from "@/request/system_management.js";
import AppAdd from "./components/app-add.vue";
import AppSearch from "@/components/search/index.vue";

const { list, pagination, searchForm, resetPagination, getData } = useListData(
  getDataDictionaryList
);
</script>
