<div v
-show="showSearch" class="inner
-search">
<div class="inner
-search
-line">查询表格</div>
<
el-form :mod
el="queryParams" ref="queryForm" :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="b
uildingLightCode">
<
el-input v
-mod
el="queryParams.b
uildingLightCode" 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="eq
uipStatus">
<
el-s
elect v
-mod
el="queryParams.eq
uipStatus" 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="b
uildingLightCategory">
<
el-s
elect v
-mod
el="queryParams.b
uildingLightCategory" placeholder="请选择楼宇灯类型" clearable>
<
el-option v
-for="dict in sys_b
uilding_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>
分析这段代码的结构，告诉我其中的组件都是怎么用的
本文介绍如何在Vue.js项目中使用@click.native指令来监听Element UI Dropdown组件的点击事件，以便实现退出登录等功能。
扫一扫
1327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
