From 9faa0e94552f241c2618b41f76d01a6aefdf9e04 Mon Sep 17 00:00:00 2001
From: qubiaobiao <3294694717@qq.com>
Date: Mon, 1 Jun 2026 17:48:22 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=91=E5=AE=9A=E7=94=A8=E6=88=B7=E4=B8=8ESN?=
 =?UTF-8?q?=E5=8F=B7=E6=97=B6=E5=8F=AF=E8=BF=9B=E8=A1=8C=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/features/bindSN.vue | 34 +++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/components/features/bindSN.vue b/src/components/features/bindSN.vue
index 6574bfe..76c31ba 100644
--- a/src/components/features/bindSN.vue
+++ b/src/components/features/bindSN.vue
@@ -31,6 +31,14 @@
           <div class="card-header">
             <span>未绑定的用户</span>
           </div>
+          <el-input
+            size="small"
+            placeholder="输入用户名以搜索相关数据"
+            clearable
+            v-model="user"
+            @blur="searchBindUser"
+            style="width: 100%; font-size: 1rem"
+          />
         </template>
         <div class="unbind-users">
           <el-tag
@@ -50,6 +58,15 @@
           <div class="card-header">
             <span>未绑定的SN号</span>
           </div>
+          <el-input
+            size="small"
+            placeholder="输入SN号以搜索相关数据"
+            clearable
+            v-model="snNumber"
+            @input="numberOnly"
+            @blur="searchBindSN"
+            style="width: 100%; font-size: 1rem"
+          />
         </template>
         <div class="unbind-sn">
           <el-tag
@@ -81,12 +98,20 @@ const bindSNActive = bindSNActiveStore();
 
 const emit = defineEmits(["reloadRecord"]);
 
+const user = ref("");
+const snNumber = ref("");
 const selectedUser = ref("");
 const selectedSN = ref("");
 const unbindUsers = ref([]);
 const userObj = ref({});
 const unbindSN = ref([]);
 
+const numberOnly = () => {
+  if (snNumber !== "") {
+    snNumber.value = snNumber.value.replace(/[^0-9]/g,"");
+  }
+};
+
 const selectUser = (user) => {
   selectedUser.value = user;
 };
@@ -107,7 +132,8 @@ const searchBindUser = () => {
   nextTick(() => {
     $http.get($url.searchBindUser).then((res) => {
       if (res.data.code === 200) {
-        res.data.result.forEach(element => {
+        res.data.result.forEach((element) => {
+          if (user.value !== "" && !element.account_name.includes(user.value)) return;
           unbindUsers.value.push(element.account_name);
           userObj.value[element.account_name] = element.uid;
         });
@@ -120,11 +146,13 @@ const searchBindUser = () => {
 };
 
 const searchBindSN = () => {
+  numberOnly();
   unbindSN.value = [];
   nextTick(() => {
     $http.get($url.searchBindSN).then((res) => {
       if (res.data.code === 200) {
-        res.data.result.forEach(element => {
+        res.data.result.forEach((element) => {
+          if (snNumber.value !== "" && !element.includes(snNumber.value)) return;
           unbindSN.value.push(element);
         });
       } else {
@@ -141,7 +169,7 @@ const resetList = () => {
 };
 
 const bindSN = () => {
-  if (selectedUser.value === "" || selectedSN.value  === "") {
+  if (selectedUser.value === "" || selectedSN.value === "") {
     ElMessage.warning("请选择用户和SN号！");
     return;
   }