index.vue 828 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <div class="page">
  3. <el-card shadow="nover">
  4. <el-form inline>
  5. <el-form-item label="分类名称">
  6. <el-input v-model="params.name" placeholder="请输入分类名称" @keyup.enter="getData" class="w-50" clearable />
  7. </el-form-item>
  8. <el-form-item>
  9. <el-button type="primary" class="ml10" @click="getData">
  10. <el-icon>
  11. <ele-Search />
  12. </el-icon>
  13. 查询
  14. </el-button>
  15. </el-form-item>
  16. </el-form>
  17. </el-card>
  18. </div>
  19. </template>
  20. <script lang="ts" setup>
  21. import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue';
  22. import { ElMessageBox, ElMessage } from 'element-plus';
  23. import api from '/@/api/device';
  24. const params = reactive({
  25. name: ''
  26. })
  27. function getData() {
  28. }
  29. </script>