<div v
-show="showSearch" class="inner
-search">
<div class="inner
-search
-line">查询表格</div>
<
el-form :mod
el="queryParams" ref="query
Form" :inline="true" lab
el-width="98px">
<div class="inner
-flex">
<
el-row class="inner
-left">
<
el-col :span="6">
<
el-form-item lab
el="楼宇编号" prop="buildingLightCode">
<
el-input v
-mod
el="queryParams.buildingLightCode" placeholder="请输入楼宇编号" clearable @keyup.enter="handleQuery" />
</
el-form-item>
</
el-col>
<
el-col :span="6">
<
el-form-item lab
el="所在区域" prop="region">
<
el-s
elect v
-mod
el="queryParams.region" placeholder="请选择所在区域" clearable>
<
el-option v
-for="dict in sys_region_category" :key="dict.value" :lab
el="dict.lab
el" :value="dict.value" />
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col :span="6">
<
el-form-item lab
el="设施状态" prop="equipStatus">
<
el-s
elect v
-mod
el="queryParams.equipStatus" placeholder="请选择设施状态" clearable>
<
el-option v
-for="dict in sys_status_category" :key="dict.value" :lab
el="dict.lab
el" :value="dict.value" />
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col :span="6">
<
el-form-item lab
el="道路类型" prop="roadType">
<
el-s
elect v
-mod
el="queryParams.roadType" placeholder="请选择道路类型" clearable @change="handleRoadTypeChange">
<
el-option v
-for="dict in sys_road_type" :key="dict.value" :lab
el="dict.lab
el" :value="dict.value" />
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col :span="6">
<
el-form-item lab
el="道路名称" prop="roadName">
<
el-input v
-mod
el="queryParams.roadName" placeholder="请选择道路名称" clearable filterable :disabled="!queryParams.roadType" />
</
el-form-item>
</
el-col>
<
el-col :span="6">
<
el-form-item lab
el="楼宇灯类型" prop="buildingLightCategory">
<
el-s
elect v
-mod
el="queryParams.buildingLightCategory" placeholder="请选择楼宇灯类型" clearable>
<
el-option v
-for="dict in sys_building_light_category" :key="dict.value" :lab
el="dict.lab
el" :value="dict.value" />
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col :span="6">
<
el-form-item lab
el="光源类型" prop="lightCategory">
<
el-s
elect v
-mod
el="queryParams.lightCategory" placeholder="请选择光源类型" clearable>
<
el-option v
-for="dict in sys_light_type" :key="dict.value" :lab
el="dict.lab
el" :value="dict.value" />
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col :span="6">
<
el-form-item lab
el="创建时间">
<
el-date
-picker
style="width: 100%; max
-width: 268px"
v
-mod
el="dateRange"
value
-format="YYYY
-MM
-DD"
type="daterange"
range
-separator="
-"
start
-placeholder="开始日期"
end
-placeholder="结束日期"
></
el-date
-picker>
</
el-form-item>
</
el-col>
</
el-row>
<div class="inner
-right">
<
el-button type="primary" icon="Search" @click="handleQuery">搜索</
el-button>
<
el-button icon="Refresh" @click="resetQuery">重置</
el-button>
</div>
</div>
</
el-form>
</div>
分析这段代码的结构，告诉我其中的组件都是怎么用的
本文介绍了如何使用 ExtJS 框架中的 Ext.get 方法来实现控件的显示与隐藏功能。通过简单的 JavaScript 代码示例，展示了如何针对指定的组合框进行操作。
扫一扫
5411
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
