| | |
| | | |
| | | <!-- 搜索和操作区域 --> |
| | | <div class="search-bar"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-input |
| | | v-model="searchForm.name" |
| | | placeholder="请输入模板名称" |
| | | clearable |
| | | @keyup.enter="handleSearch" |
| | | > |
| | | <template #prefix> |
| | | <el-icon><Search /></el-icon> |
| | | </template> |
| | | </el-input> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-button type="primary" @click="handleSearch"> |
| | | <div class="search-form"> |
| | | <el-input |
| | | v-model="searchForm.name" |
| | | placeholder="请输入模板名称" |
| | | clearable |
| | | @keyup.enter="handleSearch" |
| | | style="width: 200px" |
| | | > |
| | | <template #prefix> |
| | | <el-icon><Search /></el-icon> |
| | | 查询 |
| | | </el-button> |
| | | <el-button @click="handleReset">重置</el-button> |
| | | </el-col> |
| | | <el-col :span="8" class="text-right"> |
| | | <el-button type="primary" @click="handleAdd"> |
| | | <el-icon><Plus /></el-icon> |
| | | 新增模板 |
| | | </el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | | </el-input> |
| | | <el-button type="primary" @click="handleSearch"> |
| | | <el-icon><Search /></el-icon> |
| | | 查询 |
| | | </el-button> |
| | | <el-button @click="handleReset">重置</el-button> |
| | | <el-button type="primary" @click="handleAdd"> |
| | | <el-icon><Plus /></el-icon> |
| | | 新增模板 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 数据表格 --> |
| | |
| | | background: #fff; |
| | | border-radius: 4px; |
| | | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | } |
| | | |
| | | .search-form { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 12px; |
| | | } |
| | | |
| | | .table-container { |