diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss index fdc90e7..687462e 100644 --- a/src/assets/styles/ruoyi.scss +++ b/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; diff --git a/src/views/pitchPrice/index.vue b/src/views/pitchPrice/index.vue index bfa8917..f834189 100644 --- a/src/views/pitchPrice/index.vue +++ b/src/views/pitchPrice/index.vue @@ -3,7 +3,9 @@
- + @@ -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 = () => { - listBusSupplier({}).then(res => { - supplierList.value = res.data - }) +const getSupplierList = (queryText) => { + 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() });