fix(school): 修复搜索框重复显示两个搜索图标

- 移除 a-input-search 的 #prefix 插槽(组件自带搜索按钮)
- 涉及:课程管理、教师/学生/家长/班级管理

Made-with: Cursor
This commit is contained in:
zhonghua 2026-03-16 14:36:24 +08:00
parent 73ff311370
commit b6e46ba21e
5 changed files with 4 additions and 25 deletions

View File

@ -29,11 +29,7 @@
<div class="action-bar"> <div class="action-bar">
<div class="search-box"> <div class="search-box">
<a-input-search v-model:value="searchKeyword" placeholder="搜索班级名称" style="width: 250px;" @search="handleSearch" <a-input-search v-model:value="searchKeyword" placeholder="搜索班级名称" style="width: 250px;" @search="handleSearch"
allow-clear> allow-clear />
<template #prefix>
<SearchOutlined style="color: #B2BEC3;" />
</template>
</a-input-search>
</div> </div>
<a-button type="primary" class="add-btn" @click="showAddModal"> <a-button type="primary" class="add-btn" @click="showAddModal">
<PlusOutlined class="btn-icon" /> <PlusOutlined class="btn-icon" />
@ -302,7 +298,6 @@ import {
HomeOutlined, HomeOutlined,
BankOutlined, BankOutlined,
PlusOutlined, PlusOutlined,
SearchOutlined,
EditOutlined, EditOutlined,
DeleteOutlined, DeleteOutlined,
TeamOutlined, TeamOutlined,

View File

@ -186,7 +186,6 @@
import { ref, reactive, computed, onMounted } from 'vue'; import { ref, reactive, computed, onMounted } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { import {
SearchOutlined,
BookOutlined, BookOutlined,
ReadOutlined, ReadOutlined,
StarFilled, StarFilled,

View File

@ -29,11 +29,7 @@
<div class="action-bar"> <div class="action-bar">
<div class="search-box"> <div class="search-box">
<a-input-search v-model:value="searchKeyword" placeholder="搜索家长姓名/手机号/账号" style="width: 280px;" <a-input-search v-model:value="searchKeyword" placeholder="搜索家长姓名/手机号/账号" style="width: 280px;"
@search="handleSearch" allow-clear> @search="handleSearch" allow-clear />
<template #prefix>
<SearchOutlined style="color: #B2BEC3;" />
</template>
</a-input-search>
</div> </div>
<a-button type="primary" class="add-btn" @click="showAddModal"> <a-button type="primary" class="add-btn" @click="showAddModal">
<PlusOutlined class="btn-icon" /> <PlusOutlined class="btn-icon" />
@ -305,7 +301,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue'; import { ref, reactive, computed, onMounted } from 'vue';
import { import {
SearchOutlined,
IdcardOutlined, IdcardOutlined,
PlusOutlined, PlusOutlined,
PhoneOutlined, PhoneOutlined,

View File

@ -45,11 +45,7 @@
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-input-search v-model:value="searchKeyword" placeholder="搜索学生姓名/家长" style="width: 220px;" <a-input-search v-model:value="searchKeyword" placeholder="搜索学生姓名/家长" style="width: 220px;"
@search="handleSearch" allow-clear> @search="handleSearch" allow-clear />
<template #prefix>
<SearchOutlined style="color: #B2BEC3;" />
</template>
</a-input-search>
</div> </div>
<div class="actions"> <div class="actions">
<a-button class="import-btn" @click="showImportModal"> <a-button class="import-btn" @click="showImportModal">
@ -314,7 +310,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue'; import { ref, reactive, computed, onMounted } from 'vue';
import { import {
SearchOutlined,
TeamOutlined, TeamOutlined,
UserOutlined, UserOutlined,
EditOutlined, EditOutlined,

View File

@ -29,11 +29,7 @@
<div class="action-bar"> <div class="action-bar">
<div class="search-box"> <div class="search-box">
<a-input-search v-model:value="searchKeyword" placeholder="搜索教师姓名/手机号/账号" style="width: 280px;" <a-input-search v-model:value="searchKeyword" placeholder="搜索教师姓名/手机号/账号" style="width: 280px;"
@search="handleSearch" allow-clear> @search="handleSearch" allow-clear />
<template #prefix>
<SearchOutlined style="color: #B2BEC3;" />
</template>
</a-input-search>
</div> </div>
<a-button type="primary" class="add-btn" @click="showAddModal"> <a-button type="primary" class="add-btn" @click="showAddModal">
<PlusOutlined class="btn-icon" /> <PlusOutlined class="btn-icon" />
@ -206,7 +202,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue'; import { ref, reactive, computed, onMounted } from 'vue';
import { import {
SearchOutlined,
SolutionOutlined, SolutionOutlined,
PlusOutlined, PlusOutlined,
PhoneOutlined, PhoneOutlined,