<template>
    <div class="app-container">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
            <el-form-item label="设备名称" prop="name">
                <el-input v-model="queryParams.name" placeholder="请输入设备名称" clearable />
            </el-form-item>
            <el-form-item label="领用人" prop="lyname">
                <el-input v-model="queryParams.lyname" placeholder="请输入领用人" clearable />
            </el-form-item>

            <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="getList">搜索</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
        </el-form>
        <el-table v-loading="loading" :data="lendingRecords" stripe>
            <el-table-column label="序号" type="index" width="55" align="center" />
            <el-table-column label="自编码" align="center" prop="name" />
            <el-table-column label="设备名称" align="center" prop="name" />
            <el-table-column label="型号" align="center" prop="name" />
            <el-table-column label="领用日期" align="center" prop="name" />
            <el-table-column label="领用人" align="center" prop="name" />
            <el-table-column label="操作" align="center" min-width="200px">
                <template v-slot="scope">
                    <el-button size="mini" type="text" icon="el-icon-view" @click="handleLook(scope.row)">查看
                    </el-button>
                </template>
            </el-table-column>
        </el-table>
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
            @pagination="getList"></pagination>
    </div>
</template>

<script>
export default {
    data() {
        return {
            queryParams: {
                student: '',
                class: '',
                pageNum: 1,
                pageSize: 10,
            },


            acquisitionRecord: [],
            loading: false,
            total: 0,
        }
    },
    methods: {
        //获取数据信息
        getList() {

        },
        //重置
        resetQuery() { },
        //导出
        exportRecord() { }
    }

}
</script>

<style lang="scss" scoped></style>
<style lang="scss" scoped></style>
