diff --git a/assets/css/page.scss b/assets/css/page.scss index 5d5631a..41d8387 100644 --- a/assets/css/page.scss +++ b/assets/css/page.scss @@ -378,18 +378,19 @@ display: flex; align-items: center; gap: 16rpx; + margin-bottom: 16rpx; } // 选择按钮 .project-select-btn { - flex: 1; + width: 90%; display: flex; align-items: center; justify-content: space-between; padding: 12rpx 24rpx; background: #f5f6f8; border-radius: 12rpx; - max-height: 70rpx; + max-height: 60rpx; .select-text { font-size: 28rpx; @@ -402,6 +403,31 @@ } } + // 搜索框 + .search-box { + width: 90%; + display: flex; + align-items: center; + background: #f5f6f8; + border-radius: 12rpx; + padding: 0 16rpx; + max-height: 70rpx; + + .search-input { + flex: 1; + font-size: 28rpx; + color: #333; + padding: 0 12rpx; + height: 60rpx; + } + + .search-clear { + display: flex; + align-items: center; + padding: 4rpx; + } + } + .refresh-btn { padding: 8rpx; display: flex; diff --git a/pipe/diankou/list.vue b/pipe/diankou/list.vue index ff03d89..8d790cc 100644 --- a/pipe/diankou/list.vue +++ b/pipe/diankou/list.vue @@ -13,6 +13,14 @@ + + + + + + + + @@ -24,7 +32,7 @@ - {{ index + 1 }} {{ item.PointBatchCode || '--' }} @@ -66,6 +74,8 @@ currentProject } = storeToRefs(userStore) + const keyword = ref('') + // ===== 单位工程选择 ===== const showUnitWorkSelect = ref(false) const selectedUnitWork = ref(null) @@ -89,6 +99,15 @@ const listData = ref([]) const loading = ref(false) + // 关键字过滤 + const filteredList = computed(() => { + if (!keyword.value) return listData.value + const kw = keyword.value.toLowerCase() + return listData.value.filter(item => + String(item.PointBatchCode || '').toLowerCase().includes(kw) + ) + }) + // 加载数据 const fetchData = async () => { if (loading.value) return @@ -118,4 +137,4 @@ // TODO: 跳转详情 } - \ No newline at end of file +