This commit is contained in:
xman 2025-07-08 11:19:40 +08:00
parent 9af8243401
commit a1f56e2409

View File

@ -1,3 +1,33 @@
<style>
/* 保持 form-inline 中子元素水平排列 */
#chart-filter-table > div {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
/* 城市选择的容器,定位弹层基准 */
#select_city_wrapper {
position: relative; /* 弹层相对定位 */
width: 300px;
display: inline-block;
}
/* city-picker 弹层,确保宽度和输入框一致 */
.city-picker-dropdown {
position: absolute !important;
top: 100% !important; /* 紧贴输入框下方 */
left: 0 !important;
width: 100% !important;
max-height: 400px !important;
overflow: auto !important;
background: #fff !important;
border: 1px solid #ccc !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
z-index: 9999 !important;
}
</style>
<div class="panel panel-default panel-intro"> <div class="panel panel-default panel-intro">
<div class="panel-heading"> <div class="panel-heading">
@ -47,17 +77,15 @@
</section> </section>
</div> </div>
<div class="tab-pane fade" id="second"> <div class="tab-pane fade" id="second">
<div id="chart-filter-table" class="form-inline" > <div id="chart-filter-table" class="form-inline">
<!-- 地区选择移除input-group改成一个div包裹 -->
<!-- 地区选择 --> <div id="select_city_wrapper">
<div class="input-group" style="width: 300px;" >
<input id="select_city" class="form-control" data-toggle="city-picker" type="text" placeholder="选择城市" /> <input id="select_city" class="form-control" data-toggle="city-picker" type="text" placeholder="选择城市" />
<input id="select_area_id" type="hidden" class="operate" name="area_id" /> <input id="select_area_id" type="hidden" class="operate" name="area_id" />
</div> </div>
<!-- 渠道选择 --> <!-- 渠道选择 -->
<div class="input-group" > <div class="input-group" style="width: 200px;">
<select id="source" data-live-search="true" title="订单渠道" name="filter[source]" class="form-control selectpicker show-tick"> <select id="source" data-live-search="true" title="订单渠道" name="filter[source]" class="form-control selectpicker show-tick">
<option value="">--订单渠道--</option> <option value="">--订单渠道--</option>
{foreach $sources as $item} {foreach $sources as $item}
@ -66,8 +94,8 @@
</select> </select>
</div> </div>
<!-- 项目组选择 -->
<div class="input-group" > <div class="input-group" style="width: 200px;">
<select id="item_id" data-live-search="true" title="项目组" name="filter[item_id]" class="form-control selectpicker show-tick"> <select id="item_id" data-live-search="true" title="项目组" name="filter[item_id]" class="form-control selectpicker show-tick">
<option value="">--项目组--</option> <option value="">--项目组--</option>
{foreach $items as $item} {foreach $items as $item}
@ -76,9 +104,8 @@
</select> </select>
</div> </div>
<!-- 日期选择 --> <!-- 日期选择 -->
<div class="input-group" > <div class="input-group" style="width: 200px;">
<input type="text" class="form-control datetimerange" <input type="text" class="form-control datetimerange"
data-locale='{"format":"YYYY-MM-DD"}' data-locale='{"format":"YYYY-MM-DD"}'
value="{$default_daterange}" value="{$default_daterange}"
@ -88,13 +115,7 @@
autocomplete="off"> autocomplete="off">
</div> </div>
<!-- 查询按钮 --> <table id="table2" class="table table-striped table-bordered table-hover">
<div class="input-group">
<button class="btn btn-default" id="filter-btn-table">查询</button>
</div>
</div>
<table id="table2" class="table table-striped table-bordered table-hover">
</table> </table>
</div> </div>
</div> </div>