From e688c5abc5f87c3ce00afb094376053643fe3857 Mon Sep 17 00:00:00 2001
From: longyvfengyun <496960745@qq.com>
Date: 星期四, 28 三月 2024 09:04:56 +0800
Subject: [PATCH] 内容提交

---
 src/views/user/boxList.vue |   38 +++++++++++++++++++++++++++++++++++++-
 1 files changed, 37 insertions(+), 1 deletions(-)

diff --git a/src/views/user/boxList.vue b/src/views/user/boxList.vue
index 614c204..3dc8159 100644
--- a/src/views/user/boxList.vue
+++ b/src/views/user/boxList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {ref, onMounted} from "vue";
+import {ref, onMounted, watch} from "vue";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {
 	allDrivesModule, changeDriveInfoModule,
@@ -41,6 +41,10 @@
 	// 鍏抽棴绛夊緟妗�
 	loading.value = false;
 }
+
+watch(carName, ()=>{
+	searchDriveList();
+});
 
 /**
  * 姣忛〉鏌ヨ涓暟鍙樻洿
@@ -91,9 +95,19 @@
 	}).catch(()=>{});
 }
 
+import useBoxListSearch from "@/views/user/hooks/useBoxListSearch";
+
+// 妯$硦鏌ヨ妯″潡
+const {loading: boxSearchLoading, selectBox, boxList, boxListSearch} = useBoxListSearch();
+watch(selectBox, (name)=>{
+	carName.value = name;
+	console.log(carName.value);
+})
+
 onMounted(()=>{
 	searchDriveList();
 	searchAllDrives();
+	boxListSearch();
 });
 </script>
 
@@ -115,6 +129,24 @@
 <!--						</div>-->
 <!--					</div>-->
 					<div class="input-item">
+						<el-select
+							v-model="selectBox"
+							clearable
+							filterable
+							remote
+							reserve-keyword
+							placeholder="璇疯緭鍏ヨ溅杈嗗悕绉�"
+							remote-show-suffix
+							:remote-method="boxListSearch"
+							:loading="boxSearchLoading">
+							<el-option
+								v-for="(item, key) in boxList"
+								:key="'key'+key"
+								:label="item.label"
+								:value="item.value"
+							/>
+						</el-select>
+						<span class="w16-block"></span>
 						<el-button type="success" icon="Plus" @click="addVisible=true">娣诲姞</el-button>
 						<el-button type="primary" icon="Search" @click="searchDriveList">鏌ヨ</el-button>
 					</div>
@@ -227,4 +259,8 @@
 		margin-right: 8px;
 	}
 }
+span.w16-block {
+	display: inline-block;
+	width: 16px;
+}
 </style>

--
Gitblit v1.9.1