35 lines
1.2 KiB
Vue
35 lines
1.2 KiB
Vue
<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>
|