|
@@ -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 = () => {
|
|
|
|
|
|
}
|