From bb55eaedadccb0483d8749d528b13ea1345940a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E4=B8=83=E5=B9=B4=E5=A4=8F?= <2098833867@qq.com>
Date: Fri, 12 May 2023 16:04:47 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=A6=E6=88=B7=E9=A1=B5=E9=9D=A2=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/system.ts                           | 11 +++++
 .../components/RightNavSearchInput.vue        | 13 ++++++
 src/views/system/userManagement/index.vue     | 46 ++++---------------
 3 files changed, 34 insertions(+), 36 deletions(-)
 create mode 100644 src/store/system.ts
 create mode 100644 src/views/system/userManagement/components/RightNavSearchInput.vue

diff --git a/src/store/system.ts b/src/store/system.ts
new file mode 100644
index 0000000..2359fed
--- /dev/null
+++ b/src/store/system.ts
@@ -0,0 +1,11 @@
+import { defineStore } from 'pinia'
+
+export const useSystemStore = defineStore('system', {
+  state() {
+    return {
+      userMng: {
+        searchKey: ''
+      }
+    }
+  }
+})
diff --git a/src/views/system/userManagement/components/RightNavSearchInput.vue b/src/views/system/userManagement/components/RightNavSearchInput.vue
new file mode 100644
index 0000000..e55b366
--- /dev/null
+++ b/src/views/system/userManagement/components/RightNavSearchInput.vue
@@ -0,0 +1,13 @@
+<template>
+  <el-input v-model.trim="systemStore.userMng.searchKey" placeholder="按下回车键搜索" />
+</template>
+
+<script lang="ts" setup>
+import { useSystemStore } from "@/store/system";
+
+const systemStore = useSystemStore();
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/system/userManagement/index.vue b/src/views/system/userManagement/index.vue
index 0239c62..8cd19cb 100644
--- a/src/views/system/userManagement/index.vue
+++ b/src/views/system/userManagement/index.vue
@@ -1,40 +1,11 @@
 <template>
   <app-page class="userManagement-container">
-    <div>
-      <el-form :inline="true" :model="queryForm" @submit.prevent>
-        <!-- <el-form-item>
-          <el-select v-model="queryForm.post" placeholder="专业方向">
-            <el-option
-              v-for="item in postList"
-              :key="item.code"
-              :label="item.value"
-              :value="item.code"
-            ></el-option>
-          </el-select>
-        </el-form-item> -->
-        <el-form-item>
-          <el-input
-            v-model.trim="queryForm.keys"
-            placeholder="请输入关键字"
-            @keyup.enter="queryData"
-          >
-            <template #suffix>
-              <i
-                class="el-icon-search el-input__icon i-search"
-                @click="queryData"
-              />
-            </template>
-          </el-input>
-        </el-form-item>
-        <el-form-item>
-          <!-- <el-button icon="el-icon-search" type="primary" @click="queryData">
-            查询
-          </el-button> -->
-          <el-button type="primary" @click="handleEdit">新增</el-button>
-          <!-- <el-button type="danger" @click="handleExport">导出</el-button> -->
-        </el-form-item>
-      </el-form>
-    </div>
+    <template #right>
+      <right-nav-search-input
+        style="margin-right: 1em" @keyup.enter="queryData"
+      />
+      <el-button type="primary" @click="handleEdit">新增</el-button>
+    </template>
 
     <el-table
       v-loading="listLoading"
@@ -110,11 +81,13 @@ import Edit from "./components/UserManagementEdit.vue";
 import { sha1 } from "hash.js";
 import MenuIcon from "@/layout/sidebar/MenuIcon.vue";
 import { ElMessage, ElMessageBox } from "element-plus";
+import RightNavSearchInput from "@/views/system/userManagement/components/RightNavSearchInput.vue";
+import { useSystemStore } from "@/store/system";
 
 // 注释
 export default {
   name: "UserManagement",
-  components: { MenuIcon, Edit },
+  components: { RightNavSearchInput, MenuIcon, Edit },
   data() {
     return {
       list: null,
@@ -181,6 +154,7 @@ export default {
     },
     async fetchData() {
       this.listLoading = true;
+      this.queryForm.keys = useSystemStore().userMng.searchKey;
       const { data } = await getList(this.queryForm);
       this.list = data.data;
       this.total = data.total;