tts

application/admin/view/statistics/item/index.html

@@ -1,3 +1,32 @@
+<style>
+    /* 容器用flex布局 */
+    #chart-filter-table {
+        display: flex;
+        align-items: center;    /* 垂直居中 */
+        gap: 10px;              /* 间距 */
+        flex-wrap: wrap;        /* 宽度不够时自动换行 */
+    }
+
+    /* 每个表单元素的容器 */
+    #chart-filter-table > div {
+        flex-shrink: 0;         /* 不自动缩小 */
+    }
+
+    /* 输入框和选择框固定宽度 */
+    #select_city {
+        width: 300px;
+    }
+
+    #source, #item_id, #daterange-table {
+        width: 200px;
+    }
+
+    /* 按钮高度与输入框对齐 */
+    #filter-btn-table {
+        height: 34px;
+    }
+</style>
+
 
 <div class="panel panel-default panel-intro">
     <div class="panel-heading">
@@ -49,9 +78,8 @@
             <div class="tab-pane fade" id="second">
                 <div id="chart-filter-table" class="form-inline">
 
-                    <!-- 地区选择 -->
-
-                    <div class="input-group" >
+                    <!-- 城市选择去掉 input-group，改用 form-group -->
+                    <div id="select_city_wrapper" class="form-group">
                         <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" />
                     </div>
@@ -66,7 +94,7 @@
                         </select>
                     </div>
 
-
+                    <!-- 项目组选择 -->
                     <div class="input-group">
                         <select id="item_id" data-live-search="true" title="项目组" name="filter[item_id]" class="form-control selectpicker show-tick">
                             <option value="">--项目组--</option>
@@ -76,7 +104,6 @@
                         </select>
                     </div>
 
-
                     <!-- 日期选择 -->
                     <div class="input-group">
                         <input type="text" class="form-control datetimerange"