From 2ac64076ddd2fbc8ce34cb9efe33c34cd5640262 Mon Sep 17 00:00:00 2001
From: dxc <duxingchen@iris-rs.cn>
Date: Mon, 2 Mar 2026 15:23:47 +0800
Subject: [PATCH] feat: add advanced filter to material list

Co-authored-by: aider (openai/DeepSeek-V3.2-Thinking) <aider@aider.chat>
---
 inventory-web/src/views/material/list.vue | 27 +++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/inventory-web/src/views/material/list.vue b/inventory-web/src/views/material/list.vue
index 406738f..b0a8578 100644
--- a/inventory-web/src/views/material/list.vue
+++ b/inventory-web/src/views/material/list.vue
@@ -64,6 +64,33 @@
 
           <el-button type="primary" plain @click="handleQuery">搜索</el-button>
           <el-button plain @click="resetQuery">重置</el-button>
+          <el-popover
+              v-model:visible="advancedFilterVisible"
+              placement="bottom"
+              title="高级筛选"
+              width="600"
+              trigger="manual">
+              <template #reference>
+                  <el-button plain @click="advancedFilterVisible = !advancedFilterVisible">高级筛选</el-button>
+              </template>
+              <div class="advanced-filter">
+                  <div v-for="(condition, index) in advancedConditions" :key="index" class="condition-row" style="display: flex; align-items: center; margin-bottom: 10px;">
+                      <el-select v-model="condition.field" placeholder="字段" style="width: 180px">
+                          <el-option v-for="field in fieldOptions" :key="field.value" :label="field.label" :value="field.value" />
+                      </el-select>
+                      <el-select v-model="condition.operator" placeholder="操作符" style="width: 120px; margin-left: 8px">
+                          <el-option v-for="op in operatorOptions" :key="op.value" :label="op.label" :value="op.value" />
+                      </el-select>
+                      <el-input v-model="condition.value" placeholder="值" style="width: 180px; margin-left: 8px" />
+                      <el-button v-if="advancedConditions.length > 1" type="danger" link @click="removeCondition(index)" style="margin-left: 8px">删除</el-button>
+                  </div>
+                  <div style="margin-top: 12px">
+                      <el-button type="primary" link @click="addCondition">添加条件</el-button>
+                      <el-button @click="applyAdvancedFilter" type="primary">应用筛选</el-button>
+                      <el-button @click="resetAdvancedFilter">重置</el-button>
+                  </div>
+              </div>
+          </el-popover>
         </div>
 
         <div class="right-toolbar">