فهرست منبع

菜单管理修改

duy 1 سال پیش
والد
کامیت
1ca81472be
1فایلهای تغییر یافته به همراه8 افزوده شده و 7 حذف شده
  1. 8 7
      src/views/system/menu.vue

+ 8 - 7
src/views/system/menu.vue

@@ -2,7 +2,7 @@
 <template>
     <div class="hc-layout-box menu-page">
         <hc-card :scrollbar="false" action-size="lg">
-            <template #header>
+            <template #extra>
                 <el-button color="#20C98B" type="primary" @click="addMenu">
                     <hc-icon class="text-white" name="add" />
                     <span class="text-white">新增</span>
@@ -12,12 +12,10 @@
                     <span class="text-white">删除</span>
                 </el-button>
             </template>
-            <template #extra>
-                <el-input v-model="searchForm.queryValue" clearable placeholder="请输入菜单名称搜索" />
-                <el-button class="ml-2" color=" #4b4b4b" type="primary">
-                    <hc-icon class="text-white" name="search" />
-                    <span class="text-white">搜索</span>
-                </el-button>
+            <template #header>
+                <div class="relative w-[300px]">
+                    <hc-search-input v-model="searchForm.queryValue" text="搜索" @search="searchClick" />
+                </div>
             </template>
             <hc-table
                 :check-style="{ fixed: true, width: 29 }" :column="tableColumn" :datas="tableData"
@@ -125,6 +123,9 @@ const tableSelectionChange = (rows) => {
 const searchForm = ref({
     queryValue: null, current: 1, size: 20, total: 0,
 })
+const searchClick = ()=>{
+    
+}
 const getTableData = () => {
 
 }