| | |
| | | <!-- 图表筛选条件 --> |
| | | <div class="chart-filter-section"> |
| | | <el-row :gutter="16" class="search-row"> |
| | | <el-col :xs="24" :sm="12" :md="6"> |
| | | <div class="filter-item"> |
| | | <label class="filter-label">产品类别</label> |
| | | <el-tree-select |
| | | v-model="indicatorFilter.productCategory" |
| | | placeholder="请选择产品类别" |
| | | clearable |
| | | check-strictly |
| | | :data="productOptions" |
| | | :render-after-expand="false" |
| | | style="width: 100%" |
| | | /> |
| | | </div> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="6"> |
| | | <el-col :xs="24" :sm="12" :md="8"> |
| | | <div class="filter-item"> |
| | | <label class="filter-label">客户</label> |
| | | <el-select |
| | |
| | | </el-select> |
| | | </div> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="6"> |
| | | <el-col :xs="24" :sm="12" :md="8"> |
| | | <div class="filter-item"> |
| | | <label class="filter-label">日期范围</label> |
| | | <el-date-picker |
| | |
| | | /> |
| | | </div> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="6"> |
| | | <el-col :xs="24" :sm="12" :md="8"> |
| | | <div class="filter-item filter-buttons"> |
| | | <el-button type="primary" :loading="loading" @click="applyIndicatorFilter"> |
| | | <el-icon><Search /></el-icon> |