myTask copy.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <!-- <div class="app-container">-->
  3. <div>
  4. <el-card shadow="hover">
  5. <!-- 查询表单区域 -->
  6. <el-form :model="queryParams" ref="queryForm" inline label-position="top">
  7. <el-row :gutter="20">
  8. <el-col :span="6">
  9. </el-col>
  10. <el-col :span="6">
  11. </el-col>
  12. <el-col :span="6">
  13. </el-col>
  14. <el-col :span="6">
  15. </el-col>
  16. </el-row>
  17. <el-row :gutter="20">
  18. <el-col :span="6">
  19. </el-col>
  20. <el-col :span="6">
  21. </el-col>
  22. <el-col :span="6"></el-col>
  23. <el-col :span="6"></el-col>
  24. </el-row>
  25. <!-- 可继续扩展其他查询表单项目,比如项目编号、负责人等 -->
  26. <el-row :gutter="20">
  27. <el-col :span="6">
  28. <el-form-item label="搜索">
  29. <el-button style="width: 100%;" type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
  30. </el-form-item>
  31. </el-col>
  32. <el-col :span="6">
  33. <el-form-item label="重置">
  34. <el-button style="width: 100%;" icon="el-icon-refresh" type="primary" @click="resetQuery">重置</el-button>
  35. </el-form-item>
  36. </el-col>
  37. </el-row>
  38. </el-form>
  39. <!-- Tab 切换区域 -->
  40. border-card
  41. height="450"
  42. type="text" size="small"
  43. style="color:#1890ff" type="text" size="small"
  44. /myTask
  45. style="width: 100%;"
  46. <div class="border-card"></div>
  47. //操作栏
  48. 详情 style="color:#1890ff"
  49. 删除 class="custom-red-color"
  50. </el-card>
  51. </div>
  52. </template>