| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <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>
|