完善搜索功能，添加了图标，删除了一些文件

src/App.vue

@@ -11,7 +11,9 @@ import { ElConfigProvider } from 'element-plus'
 import router from './router';
 import zhCn from 'element-plus/es/locale/lang/zh-cn' //引入ElemenetPlus中文
 import myAxios from './api/myAxios';
+
 const isRouterActive = ref(true)
+
 provide('reload', () => {  //页面刷新
   isRouterActive.value = false
   nextTick(() => {

src/api/myAxios.ts

@@ -4,11 +4,11 @@ import router from '../router'
 
 const myAxios = axios.create({
     withCredentials:true,
-    baseURL: 'http://localhost:9092/api'
+    // baseURL: 'http://localhost:9092/api'
     // baseURL: 'http://123.249.108.160:8888/api' //测试服务器
     // baseURL: 'http://154.8.193.216:9092/api',  //隋雨霏服务器
     // baseURL: 'http://154.8.193.216:9093/api'  //隋雨霏服务器测试环境
-    // baseURL: 'https://www.carboner.cn:8888/api'
+    baseURL: 'https://www.carboner.cn:8888/api'
 });
 // 添加请求拦截器
 axios.interceptors.request.use(function (config) {

src/layout/components/Aside.vue

@@ -70,6 +70,7 @@ import { defineProps } from 'vue';
 import emitter from '@/utils/emitter'
 import { useRouter } from 'vue-router';
 import {
+  More,
   House,
   User,
   Location,
@@ -91,7 +92,10 @@ import {
   Notification,
   Tickets,
   Money,
-  Odometer
+  Odometer,
+  Notebook,
+  Picture,
+  PictureRounded
 } from "@element-plus/icons-vue";
 defineProps(['send-data'])
 
@@ -130,6 +134,7 @@ onMounted(()=>{
 
 // 创建图标映射表
 const iconComponents = {
+  More,
   House,
   User,
   Location,
@@ -151,7 +156,10 @@ const iconComponents = {
   Notification,
   Tickets,
   Money,
-  Odometer
+  Odometer,
+  Notebook,
+  Picture,
+  PictureRounded
   // 添加其他图标组件映射
 };
 // 过滤掉不需要展示的路由，并调整 layout 的子路由

src/layout/components/DateDrawer.vue

@@ -1,80 +0,0 @@
-<template>
-    <div style="margin-bottom: 20px;">选择当天时间段和人数</div>
-    <div v-for="(item,index) in timeArr">
-      <span>选择时间段</span>
-      <!-- <el-time-picker
-      v-model="timePickArr[index]"
-      format='HH:mm'
-      is-range="true"
-      range-separator="到"
-      start-placeholder="开始"
-      end-placeholder="结束"
-      value-format="HH:mm"
-      :style="{ width: '236px' }"
-      @change="saveTime(index)"
-    /> -->
-      <div>
-        <span>最小人数:</span>
-        <el-select v-model="timeArr.minNumber" style="width: 100px" @change="minNum(index)">
-          
-        </el-select>
-        <span>最大人数:</span>
-        <el-select v-model="timeArr.maxNumber" style="width: 100px" @change="maxNum(index)">
-          
-        </el-select>
-        <el-button circle @click="addList(index)"><el-icon>
-            <Plus />
-          </el-icon></el-button>
-        <el-button circle @click="subList(index)" v-if="index > 0"><el-icon>
-            <Minus />
-          </el-icon></el-button>
-      </div>
-    </div>
-    <el-button size="small" @click="printInfo()">
-              打印
-            </el-button>
-</template>
-
-<script setup lang="ts">
-import { ref,onMounted,defineEmits } from 'vue';
-import { ElMessage } from 'element-plus';
-const fatherCom : any = defineProps(['timeObject'])  //接收父组件传过来的值
-const timeArr : any = ref(fatherCom.timeObject)  //把外层去掉，只留时间段数组
-
-onMounted(()=>{
-})
-const saveTime =(index:number)=>{
-}
-const addList =(index:number)=>{}
-const subList =(index:number)=>{}
-const minNum =(index : number)=>{  //最小人数不能大于最大人数
-  if(false) {
-    ElMessage({
-      type: 'warning',
-      message: '最小人数不能大于最大人数'
-    })
-    return;
-  }
-}
-const maxNum =(index : number)=>{
-  if(false) {
-    ElMessage({
-      type: 'warning',
-      message: '最大人数不能小于最小人数'
-    })
-    return;
-  }
-}
-const printInfo =()=>{
-    // console.log('timePickArr-->',timePickArr.value);
-    console.log('timeArr-->',timeArr.value);
-    // console.log(fatherCom);
-    // let tempArr = timeArr.value[0].timeSlot.split("-")
-    // timePickArr.value.push(tempArr)
-    // console.log(timePickArr.value);
-}
-</script>
-
-<style scoped>
-
-</style>

src/layout/components/richTextUtil.vue

@@ -21,7 +21,6 @@ const props = defineProps({
   context: String,
   disableRich: Boolean
 })
-// const { context } = toRefs(props)  //结构context让他变为可写
 
 onMounted(() => {
   setTimeout(() => {
@@ -30,7 +29,12 @@ onMounted(() => {
     }
   }, 1500)
 })
-const toolbarConfig = {}
+
+const toolbarConfig = {
+  excludeKeys: [   //去掉富文本部分功能
+      "group-video","uploadVideo","insertVideo","todo","codeBlock","insertImage","code"
+  ]
+}
 
 const editorConfig = {
   placeholder: '请输入内容...',
@@ -40,6 +44,8 @@ const editorConfig = {
 editorConfig.readOnly = props.disableRich   //控制富文本是否启用
 editorConfig.autoFocus = false
 editorConfig.MENU_CONF['uploadImage'] = {
+  allowedFileTypes: ['image/*'],   //限定只能上传图片格式
+  maxFileSize: 1024 * 1024 * 10,   //最大图片10M
   async customUpload(file, insertFn) {
     const res = await myAxios({
       url: '/file/uploadFile',
@@ -52,7 +58,7 @@ editorConfig.MENU_CONF['uploadImage'] = {
         file: file
       }
     })
-    console.log('图片上传返回值--->',res.data)
+    // console.log('图片上传返回值--->',res.data)
     const downloadUrl = 'https://www.carboner.cn:8888/api/file/downloadFile?objectKey=';
     insertFn(downloadUrl + res.data.data, res.alt, res.href)
   }
@@ -64,14 +70,14 @@ onBeforeUnmount(() => {
   if (editor == null) return
   editor.destroy()
 })
+
 const handleCreated = (editor) => {
   editorRef.value = editor // 记录 editor 实例，重要！
+  console.log(editor.getAllMenuKeys())
 }
+
 const handleChange = (editor) => {   //当选项改变时触发emit传值
-  // console.log(valueHtml.value)
   emit('richTextContent', valueHtml.value)
-  // emit('disableChange',props.disable)
-  // console.log('html',editor.getHtml());
 }
 </script>
 

src/router/routes.ts

@@ -247,7 +247,7 @@ export const constantRoute = [
         component: () => import("@/layout/Manage.vue"),
         meta: {
             title: '服装租赁管理',
-            icon: '',
+            icon: 'Money',
             hidden: false
         },
         children: [
@@ -267,7 +267,7 @@ export const constantRoute = [
                 component: () => import("@/views/OutfitLease/LeaseOutfitCenter.vue"),
                 meta: {
                     title: '租赁产品中心',
-                    icon: '',
+                    icon: 'DataAnalysis',
                     hidden: false
                 }
             },
@@ -277,7 +277,7 @@ export const constantRoute = [
                 component: () => import("@/views/OutfitLease/OutfitType.vue"),
                 meta: {
                     title: '服装类别管理',
-                    icon: '',
+                    icon: 'Files',
                     hidden: false
                 }
             },
@@ -287,7 +287,6 @@ export const constantRoute = [
                 component: () => import("@/views/OutfitLease/LeaseOutfitDetail.vue"),
                 meta: {
                     title: '租赁服装详情',
-                    icon: '',
                     hidden: true
                 }
             },
@@ -297,7 +296,7 @@ export const constantRoute = [
                 component: () => import("@/views/OutfitLease/OutfitLeaseOrderCenter.vue"),
                 meta: {
                     title: '租赁订单中心',
-                    icon: '',
+                    icon: 'DataBoard',
                     hidden: false
                 }
             },
@@ -307,7 +306,6 @@ export const constantRoute = [
                 component: () => import("@/views/OutfitLease/LeaseOrderDetail.vue"),
                 meta: {
                     title: '租赁订单详情',
-                    icon: '',
                     hidden: true
                 }
             }
@@ -320,7 +318,7 @@ export const constantRoute = [
         component: () => import("@/layout/Manage.vue"),
         meta: {
             title: '活动资讯管理',
-            icon: '',
+            icon: 'Notebook',
             hidden: false
         },
         children: [
@@ -340,7 +338,7 @@ export const constantRoute = [
                 component: () => import("@/views/ActivityMessageManagement/MessageCenter.vue"),
                 meta: {
                     title: '活动资讯中心',
-                    icon: '',
+                    icon: 'DataAnalysis',
                     hidden: false
                 }
             },
@@ -461,7 +459,7 @@ export const constantRoute = [
         component: () => import("@/layout/Manage.vue"),
         meta: {
             title: '其他管理',
-            icon: '',
+            icon: 'More',
             hidden: false
         },
         children: [
@@ -471,7 +469,7 @@ export const constantRoute = [
                 component: () => import("@/views/OtherManagement/EntityCarouseCenter.vue"),
                 meta: {
                     title: '商城轮播图管理',
-                    icon: '',
+                    icon: 'Picture',
                     hidden: false
                 }
             },
@@ -481,7 +479,7 @@ export const constantRoute = [
                 component: () => import("@/views/OtherManagement/CourseCarouseCenter.vue"),
                 meta: {
                     title: '课程轮播图管理',
-                    icon: '',
+                    icon: 'PictureRounded',
                     hidden: false
                 }
             },
@@ -491,7 +489,7 @@ export const constantRoute = [
                 component: () => import("@/views/OtherManagement/FestivalManagement.vue"),
                 meta: {
                     title: '节日管理',
-                    icon: '',
+                    icon: 'Calendar',
                     hidden: false
                 }
             }

src/utils/formatImgUpload.ts

@@ -1,4 +1,4 @@
 //上传链接
-export const uploadUrl : string = 'http://localhost:9092/api/file/uploadFile'
+// export const uploadUrl : string = 'http://localhost:9092/api/file/uploadFile'
-// export const uploadUrl : string= 'https://www.carboner.cn:8888/api/file/uploadFile'
+export const uploadUrl : string= 'https://www.carboner.cn:8888/api/file/uploadFile'
 export const downloadUrl : string = 'https://www.carboner.cn:8888/api/file/downloadFile?objectKey='

src/utils/imgUpload/ImgListUpload.vue

@@ -43,7 +43,7 @@ const compressImage =(file: any)=> {   //图片压缩方法
   // console.log('compressImage',file)
   return new Promise((resolve, reject) => {
     new Compressor(file.file, {
-      quality: 0.3,   //压缩质量，越高文件越大
+      quality: 0.2,   //压缩质量，越高文件越大
       success(result) {
         console.log('res--->',result)
         // 压缩成功后的处理

src/utils/imgUpload/ImgSingleUpload.vue

@@ -42,7 +42,7 @@ const compressImage =(file: any)=> {   //图片压缩方法
   // console.log('compressImage',file)
   return new Promise((resolve, reject) => {
     new Compressor(file.file, {
-      quality: 0.3,   //压缩质量，越高文件越大
+      quality: 0.2,   //压缩质量，越高文件越大
       success(result) {
         // console.log('res--->',result)
         // 压缩成功后的处理

src/utils/imgUpload/PreviewImgUpload.vue

@@ -57,7 +57,7 @@ const compressImage =(file: any)=> {   //图片压缩方法
   // console.log('compressImage',file)
   return new Promise((resolve, reject) => {
     new Compressor(file.file, {
-      quality: 0.3,   //压缩质量，越高文件越大
+      quality: 0.2,   //压缩质量，越高文件越大
       success(result) {
         console.log('res--->',result)
         // 压缩成功后的处理

src/utils/imgUpload/PreviewSingleImgUpload.vue

@@ -55,7 +55,7 @@ const compressImage =(file: any)=> {   //图片压缩方法
   // console.log('compressImage',file)
   return new Promise((resolve, reject) => {
     new Compressor(file.file, {
-      quality: 0.3,   //压缩质量，越高文件越大
+      quality: 0.2,   //压缩质量，越高文件越大
       success(result) {
         console.log('res--->',result)
         // 压缩成功后的处理

src/views/ActivityMessageManagement/MessageCenter.vue

@@ -1,34 +1,18 @@
 <template>
-  <!-- 修改前请注释以前的 -->
-  <!-- 搜索 -->
   <div class="table_page">
-  <div>
+    <div style="margin-bottom: 20px">
       <el-input style="width: 240px; margin-right: 10px;" suffix-icon="Search" placeholder="资讯名称"  size="default"
-              v-model="productName"></el-input>
+                v-model="messageName"></el-input>
-    <el-button type="primary" @click="" style="margin-right: 10px;" size="default">
+      <el-button type="primary" @click="onSearch(messageName)" style="margin-right: 10px;" size="default">
         搜索
       </el-button>
       <el-button type="warning" @click="reset" size="default">重置</el-button>
     </div>
-<!--  批量删除 -->
-<!--  <div style="margin: 15px 0">-->
-<!--    <el-popconfirm class="ml-5" confirm-button-text='确定' cancel-button-text='取消' icon="InfoFilled" icon-color="red"-->
-<!--                   title="您确定批量删除这些数据吗？" @confirm="delBatch" width=180>-->
-<!--      <template #reference>-->
-<!--        <el-button style="height: 25px" class="ml-5" type="danger">批量删除-->
-<!--          <el-icon style="margin-left: 5px;">-->
-<!--            <Remove/>-->
-<!--          </el-icon>-->
-<!--        </el-button>-->
-<!--      </template>-->
-<!--    </el-popconfirm>-->
-<!--  </div>-->
     <!-- 数据展示 -->
     <el-table :data="tableData" border stripe header-cell-class-name="headerBg"
               :cell-style="{ 'text-align': 'center', 'font-size': '16px' }" @selection-change="handleSelectionChange"
               @select="selectChange"
               :header-cell-style="{ 'text-align': 'center' }">
-    <el-table-column type="selection" width="55"></el-table-column>
       <el-table-column prop="id" label="编号" width="80">
         <template #default="{ $index }">
           {{ $index + 1 }}
@@ -87,7 +71,7 @@ const searchParams: any = ref({ //封装分页
   sortField: "id",  //根据ID分类
   sortOrder: "descend" //降序
 })
-const productName = ref('');
+const messageName = ref('');
 const tableData: any = ref([]);  //实体类商品表格
 const reload: any = inject("reload")  //页面重新刷新
 
@@ -167,7 +151,11 @@ const selectChange = (selection: any, row: any) => {   //selction是对象数组
 }
 
 //查询
-const onSearch = (value: string) => {}
+const onSearch = (value: string) => {
+  searchParams.value.title = value
+  searchParams.value.current = 1
+  getMessageList()
+}
 </script>
 
 <style scoped>

src/views/Commodity/MerchandiseCenter.vue

@@ -1,6 +1,4 @@
 <template>
-  <!-- 修改前请注释以前的 -->
-  <!-- 搜索 -->
   <div class="table_page">
     <div>
       <el-input style="width: 240px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入商品名称"  size="default"
@@ -244,7 +242,11 @@ const selectChange = (selection: any, row: any) => {   //selction是对象数组
 }
 
 //查询
-const onSearch = (value: string) => {}
+const onSearch = (value: string) => {
+  searchParams.value.name = value
+  searchParams.value.current = 1
+  getProductList()
+}
 </script>
 
 <style scoped>

src/views/CostumeAppointments/ManagementCenter.vue

@@ -15,27 +15,6 @@
     </div>
     <el-button class="ml-5" type="primary" @click="onSearch(productName)" style="height: 30px;">搜索</el-button>
     <el-button type="warning" @click="reset" style="height:30px">重置</el-button>
-<!--    <div style="display: flex; justify-content: center; align-items: center; position: absolute; right: 40px;">-->
-<!--      <el-form-item label="摄影服务" prop="type" style="width: 240px; margin-top: 20px;  margin-right: 20px">-->
-<!--        <template #label>-->
-<!--          <span style="font-size: 16px; line-height: 36px">摄影服务</span>-->
-<!--        </template>-->
-<!--        <el-select v-model="value1" placeholder="选择摄影编号" @change="(event: any) => loadForm1(event)" :disabled="typeSelect" size="large">-->
-<!--          <el-option v-for="item in keysArray" :key="item" :label="item" :value="item" />-->
-<!--        </el-select>-->
-<!--      </el-form-item>-->
-<!--      <el-form-item label="妆造服务" prop="type" style="width: 240px; margin-top: 20px; margin-right: 20px">-->
-<!--        <template #label>-->
-<!--          <span style="font-size: 16px; line-height: 36px">妆造服务</span>-->
-<!--        </template>-->
-<!--        <el-select v-model="value2" placeholder="选择妆造编号" @change="(event: any) => loadForm2(event)" :disabled="typeSelect" size="large">-->
-<!--          <el-option v-for="item in keysArray" :key="item" :label="item" :value="item" />-->
-<!--        </el-select>-->
-<!--      </el-form-item>-->
-
-<!--      <el-button class="ml-5" type="primary" @click="editSpecialProducts" :disabled="isBtnShow1" style="height: 30px;">编辑</el-button>-->
-<!--      <el-button type="success" @click="saveSpecialProducts" :disabled="isBtnShow2" style="height:30px">保存</el-button>-->
-<!--    </div>-->
   </div>
   <div style="margin: 15px 0">
     <el-popconfirm confirm-button-text='确定' cancel-button-text='取消' icon="InfoFilled" icon-color="red"

src/views/Coupons/AddCoupons.vue

@@ -1,4 +1,6 @@
 <template>
+  <div class="flexCard">
+    <el-card class="form-container" shadow="never" >
       <el-form ref="resetFormData" :model="form" label-width="auto" style="width: 750px" size="large">
       </el-form>
       <el-form :model="form" label-width="auto" style="max-width: 600px" size="large">
@@ -26,16 +28,12 @@
               value-format="YYYY-MM-DD hh:mm:ss"
           />
         </el-form-item>
-    <el-form-item label="简介">
-      <el-input v-model="form.content" type="textarea" maxlength="20" :rows="2"/>
-    </el-form-item>
-    <el-form-item label="使用说明">
-      <el-input v-model="form.description" type="textarea" maxlength="100" :rows="4"/>
-    </el-form-item>
         <el-form-item>
-      <el-button type="primary" @click="AddCoupon">提交</el-button>
+          <el-button type="primary" @click="AddCoupon" style="margin-left: 160px">提交</el-button>
         </el-form-item>
       </el-form>
+    </el-card>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -49,9 +47,7 @@ const form = ref({
   standardAmount:0,//满
   conditionAmount:0,//减
   requirePoints:0,
-  endTime: '',
+  endTime: ''
-  content:'',
-  description:'',
 })
 onMounted(() => {
 
@@ -80,6 +76,14 @@ const AddCoupon = async () => {
 
 
 <style scoped>
-
+.flexCard {
-
+  display: flex;
+  height: 100%;
+  min-width: 800px;
+  margin: 0 auto;
+}
+.form-container {
+  width: 700px;
+  margin: 0 auto;
+}
 </style>

src/views/Coupons/CouponCenter.vue

@@ -1,5 +1,5 @@
 <template>
-  <!--  搜索-->
+  <div class="table_page">
     <div>
       <el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入优惠券名称"
                 v-model="name"></el-input>
@@ -23,7 +23,6 @@
               :header-cell-style="{ 'text-align': 'center' }">
       <el-table-column type="selection" width="55"></el-table-column>
       <el-table-column prop="name" label="优惠券名称"></el-table-column>
-<!--    <el-table-column prop="content" label="简介"></el-table-column>-->
       <el-table-column prop="standardAmount" label="满减价格"></el-table-column>
       <el-table-column prop="conditionAmount" label="优惠价格"></el-table-column>
       <el-table-column prop="requirePoints" label="兑换积分"></el-table-column>
@@ -56,17 +55,13 @@
                      :small="null" :disabled="null" :background="null" layout="total, sizes, prev, pager, next, jumper"
                      :total="total" />
     </div>
+  </div>
   <!--  详情，编辑-->
   <el-dialog v-model="DialogVisible" :title="title">
     <el-form label-width="100px" :disabled="disabled" size="large">
       <el-form-item label="优惠券名称" style="width: 400px">
         <el-input v-model="editForm.name"></el-input>
       </el-form-item>
-
-      <el-form-item label="简介" style="width: 400px">
-        <el-input v-model="editForm.content" type="textarea" maxlength="20" :rows="2"></el-input>
-      </el-form-item>
-
       <el-form-item label="满减价格">
         <el-input-number v-model="editForm.standardAmount" min="0.01" :precision="2" :step="1" />
         <el-text class="mx-1" size="large">元</el-text>
@@ -92,11 +87,6 @@
             value-format="YYYY-MM-DD hh:mm:ss"
         />
       </el-form-item>
-
-      <el-form-item label="使用说明" style="width: 600px">
-        <el-input v-model="editForm.description" type="textarea" maxlength="100" :rows="4"></el-input>
-      </el-form-item>
-
     </el-form>
     <template #footer >
       <span class="dialog-footer">
@@ -217,12 +207,15 @@ const deleteCoupons = async (index: number) => {
       type: 'success',
       message: '删除成功',
     })
-    getCouponsList()
+    await getCouponsList()
   }
 }
 
 </script>
 
 <style>
-
+.table_page {
+  min-width: 1000px;
+  overflow: auto;
+}
 </style>

src/views/Login.vue

@@ -31,9 +31,12 @@
                     " @click="Login">登录</div>
           </div>
         </el-form>
-          <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2024274839号</a>
+
       </div>
     </div>
+    <div class="RecordNumber">
+      <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2024274839号</a>
+    </div>
   </div>
 </template>
 
@@ -82,6 +85,21 @@
   background-image:url(https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FzGMkHxQk-login.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
-      overflow: hidden;
+  overflow: auto;
 }
+
+a {
+  text-decoration: none;
+  color: #cccccc;
+}
+
+a:link a:visited {
+  color: #cccccc;
+}
+
+.RecordNumber {
+  /*height: 100px;*/
+  text-align: center;
+}
+
 </style>

src/views/OutfitLease/AddOutfit.vue

@@ -99,6 +99,7 @@ const onSubmit = async () => {
     richText: form.value.richText,
     isShelves: form.value.isShelves ? 1 : 0
   })
+  console.log('后端--->',res.data)
   if (res.data.code === 1) {
     SuccessInfo('提交成功')
     form.value = {}

src/views/OutfitLease/LeaseOutfitCenter.vue

@@ -1,6 +1,4 @@
 <template>
-  <!-- 修改前请注释以前的 -->
-  <!-- 搜索 -->
   <div class="table_page">
     <div>
       <el-input style="width: 240px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入服装名称"  size="default"
@@ -10,7 +8,7 @@
       </el-button>
       <el-select v-model="outfitType" @change="(event: any) => searchByType(event)" placeholder="服装类别"
                  style="width: 240px;  margin-right: 10px;" size="default" :clearable="true">
-<!--        <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"/>-->
+        <el-option v-for="(item,index) in typeList" :key="index" :label="item.label" :value="item.value"/>
       </el-select>
       <el-select v-model="state" placeholder="服装状态" @change="(event: any) => searchByState(event)" size="default"
                  style="width: 240px;  margin-right: 10px;">
@@ -164,7 +162,7 @@ const getOutfitList = async () => {
 }
 const getTypeList = async () => {
   const res = await myAxios.post('/clothesCategory/list/web', {})  //获取商品列表
-  // console.log('类别--->',res.data)
+  console.log('类别--->',res.data)
   for (let key in res.data.data) {     //循环赋值
     typeList.value[key] = {
       value: res.data.data[key].id,
@@ -175,7 +173,7 @@ const getTypeList = async () => {
 }
 
 const searchByType = (event: any) => { //通过类别搜索
-  searchParams.value.type = event
+  searchParams.value.categoryId = event
   searchParams.value.current = 1
   getOutfitList()
 }
@@ -268,7 +266,11 @@ const selectChange = (selection: any, row: any) => {   //selction是对象数组
 }
 
 //查询
-const onSearch = (value: string) => {}
+const onSearch = (value: string) => {
+  searchParams.value.name = value
+  searchParams.value.current = 1
+  getOutfitList()
+}
 </script>
 
 <style scoped>

src/views/ServiceType/ProductCenter.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="table_page">
   <div style="display: flex; align-items: center">
-    <el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入课程名称"
+    <el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入课程名称" size="large"
       v-model="productName"></el-input>
     <div>
       <el-form-item label="" style="width: 200px; margin: 3px 10px 0 0;display: inline-block;">

src/views/User/UserManagement.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="table_page">
     <div style="margin: 10px 0">
       <el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入用户名"
                 v-model="username"></el-input>
@@ -35,6 +36,7 @@
                      @size-change="handleSizeChange" @current-change="handleCurrentChange" :small="null" background
                      layout="total, sizes, prev, pager, next, jumper" :total="total" />
     </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -123,4 +125,8 @@ const checkDetail = (obj: any, flag : any) => {   //查看详情方法
 .headerBg {
   background-color: #eee !important;
 }
+.table_page {
+  min-width: 800px;
+  overflow: auto;
+}
 </style>