<template>
  <div class='app-container'>
    <!-- 搜索 -->
    <el-form inline>
      <el-form-item label="设备名称：">
        <el-input placeholder="请输入设备名称" />
      </el-form-item>
      <el-form-item label="设备型号：">
        <el-input placeholder="请输入设备型号" />
      </el-form-item>
      <el-form-item label="设备ID：">
        <el-input placeholder="请输入设备ID" />
      </el-form-item>
      <el-form-item label="设备分类：">
        <el-select placeholder="请选择设备分类">
          <!-- <el-option /> -->
        </el-select>
      </el-form-item>
      <el-form-item label="所属门店：">
        <el-select placeholder="请选择所属门店">
          <!-- <el-option /> -->
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="Search">搜索</el-button>
        <el-button icon="Refresh">重置</el-button>
        <el-button type="success" plain>批量上架</el-button>
        <el-button type="success" plain>批量下架</el-button>
        <el-button type="warning" plain icon="Download">导出</el-button>
      </el-form-item>
    </el-form>
    <!-- 列表 -->
    <el-table :data="data.tableData">
      <el-table-column type="selection" align="center" />
      <el-table-column label="设备ID" align="center"></el-table-column>
      <el-table-column label="设备型号" align="center"></el-table-column>
      <el-table-column label="设备名称" align="center"></el-table-column>
      <el-table-column label="所属门店" align="center"></el-table-column>
      <el-table-column label="设备分类" align="center"></el-table-column>
      <el-table-column label="创建时间" align="center"></el-table-column>
      <el-table-column label="操作" align="center">
        <template #default="scope">
          <el-button type="primary" link>下架</el-button>
          <el-button type="primary" link>上架</el-button>
        </template>
      </el-table-column>
    </el-table>
    <pagination v-show="total > 0" :total="total" v-model:page="data.form.pageNum" v-model:limit="data.form.pageSize"
      @pagination="getList" />
  </div>
</template>

<script setup>
const data = reactive({
  form: {
    pageNum: 1,
    pageSize: 10
  },
  tableData: [{}]
})

// 总数据
const total = ref(0)

// 列表
function getList() {

}

getList()
</script>