|
@@ -10,18 +10,19 @@
|
|
|
<el-input v-model="searchForm.materialName" placeholder="输入关键字模糊查询" clearable style="width: 180px"></el-input>
|
|
<el-input v-model="searchForm.materialName" placeholder="输入关键字模糊查询" clearable style="width: 180px"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="分类" prop="category">
|
|
<el-form-item label="分类" prop="category">
|
|
|
- <el-select v-model="searchForm.category" placeholder="全部" clearable style="width: 140px" @change="handleCategoryChange">
|
|
|
|
|
|
|
+ <!-- filterable:输入文字即可从选项里过滤,不输入时仍按下拉选择 -->
|
|
|
|
|
+ <el-select v-model="searchForm.category" placeholder="全部" clearable filterable style="width: 140px" @change="handleCategoryChange">
|
|
|
<el-option v-for="item in options.categories" :key="item" :label="item" :value="item"></el-option>
|
|
<el-option v-for="item in options.categories" :key="item" :label="item" :value="item"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="省份" prop="province">
|
|
<el-form-item label="省份" prop="province">
|
|
|
- <el-select v-model="searchForm.province" placeholder="全部" clearable style="width: 120px" @change="handleProvinceChange">
|
|
|
|
|
|
|
+ <el-select v-model="searchForm.province" placeholder="全部" clearable filterable style="width: 120px" @change="handleProvinceChange">
|
|
|
<el-option v-for="item in options.provinces" :key="item" :label="item" :value="item"></el-option>
|
|
<el-option v-for="item in options.provinces" :key="item" :label="item" :value="item"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<!-- 城市按所选省份级联;站点没有城市信息时该下拉为空 -->
|
|
<!-- 城市按所选省份级联;站点没有城市信息时该下拉为空 -->
|
|
|
<el-form-item label="城市" prop="city">
|
|
<el-form-item label="城市" prop="city">
|
|
|
- <el-select v-model="searchForm.city" placeholder="全部" clearable style="width: 120px">
|
|
|
|
|
|
|
+ <el-select v-model="searchForm.city" placeholder="全部" clearable filterable style="width: 120px">
|
|
|
<el-option v-for="item in options.cities" :key="item" :label="item" :value="item"></el-option>
|
|
<el-option v-for="item in options.cities" :key="item" :label="item" :value="item"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|