<template>
  <!--  <div class="app-container">-->
  <div>
    <el-card shadow="hover">
      <!-- 查询表单区域 -->
      <el-form :model="queryParams" ref="queryForm" inline label-position="top">
        <el-row :gutter="20">
          <el-col :span="6">
         
          </el-col>
          <el-col :span="6">
            
          </el-col>
          <el-col :span="6">
           
          </el-col>
          <el-col :span="6">
            
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="6">
           
          </el-col>
          <el-col :span="6">
            
          </el-col>
          <el-col :span="6"></el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <!-- 可继续扩展其他查询表单项目，比如项目编号、负责人等 -->
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="搜索">
              <el-button style="width: 100%;" type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="重置">
              <el-button style="width: 100%;" icon="el-icon-refresh" type="primary" @click="resetQuery">重置</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- Tab 切换区域 -->
       border-card
       height="450"
       type="text" size="small"
       style="color:#1890ff" type="text" size="small"
       /myTask
        style="width: 100%;"
       <div class="border-card"></div>

       //操作栏
       详情 style="color:#1890ff"
       删除 class="custom-red-color"
    </el-card>
  </div>
</template>
