1

src/assets/styles/ruoyi.scss

@@ -742,6 +742,40 @@ h6 {
   transform: none;
 }
 
+.searchPanelForm .filterSelect .el-select__placeholder,
+.searchSmallPanelForm .filterSelect .el-select__placeholder {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #FFFFFF; 
+
+  // 添加这三行，select中设置最小宽度，可以依据选择内容自适应
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.searchPanelForm .filterSelect .el-select__input,
+.searchSmallPanelForm .filterSelect .el-select__input {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #FFFFFF;
+  // width: 70px;
+  line-height: 34px;  
+}
+
+.searchPanelForm .el-select__input,
+.searchSmallPanelForm .el-select__input {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #FFFFFF;
+  min-width: 34px;
+  line-height: 34px;
+  width: 100%;
+}
+ 
 .searchPanelForm .el-select__caret,
 .searchSmallPanelForm .el-select__caret {
   color: #FFFFFF;

src/views/pitchPrice/index.vue

@@ -3,7 +3,9 @@
         <div class="searchPanel">
             <el-form :inline="true" v-show="showSearch" class="searchPanelForm">
                 <el-form-item label="供应商:">
-                    <el-select v-model="queryParams.supplierId" placeholder="请选择" style="min-width: 30px;" clearable>
+                    <el-select class="filterSelect" v-model="queryParams.supplierId" filterable remote reserve-keyword :remote-method="getSupplierList" :loading="selectLoading" 
+                        placeholder="请输入供应商名称检索" remote-show-suffix clearable
+                        style="min-width: 30px;">
                         <el-option v-for="item in supplierList" :key="item.supplierId" :label="item.supplierName"
                             :value="item.supplierId" />
                     </el-select>
@@ -126,6 +128,7 @@ const types = ref([
 const feedbackList = ref([])
 const open = ref(false)
 const loading = ref(true)
+const selectLoading = ref(false)
 const showSearch = ref(true)
 const total = ref(0)
 const dateRange = ref([])
@@ -144,10 +147,17 @@ const data = reactive({
 
 const { queryParams, form, rules } = toRefs(data)
 
-const getSupplierList = () => {
+const getSupplierList = (queryText) => {
-    listBusSupplier({}).then(res => {
+    if (queryText) {
+        selectLoading.value = true
+        listBusSupplier({ keyword: queryText }).then(res => {
             supplierList.value = res.data
+            selectLoading.value = false
         })
+    } else {
+        selectLoading.value = false
+        supplierList.value = []
+    }
 }
 
 // 处理日期变化
@@ -232,6 +242,5 @@ const handleDelete = (row) => {
 onMounted(() => {
     bgStore.setBgImage(otherbg)
     getBusProblemFeedbackPage()
-    getSupplierList()
 }); 
 </script>