修改网页适配

src/views/adweb/data/trafficAnalysis.vue

@@ -1,33 +1,25 @@
 <template>
   <div class="search-form">
     <!-- 站点选择和时间筛选 -->
-    <a-row class="r1">
-      <a-col :span="6">
+    <a-row class="r1" :gutter="8">
+      <a-col :xl="7" :xxl="6">
         <div class="choose-site">
           <span class="t1">站点：</span>
-          <select-site @set-site-info="changeSite" selectWidth="300px" />
+          <select-site @set-site-info="changeSite" select-width="100%" />
         </div>
       </a-col>
-      <a-col :span="8">
-        <span class="t1">统计时间：</span>
-        <a-range-picker @change="onChangeDatePicker" :disabledDate="disabledDate" :value="rangeDate"
-                        style="width:70%" />
+      <a-col :xl="8" :xxl="6">
+        <div class="choose-site">
+          <span class="t1">统计时间：</span>
+          <a-range-picker @change="onChangeDatePicker" :disabledDate="disabledDate" :value="rangeDate" style="width: 70%" />
+        </div>
       </a-col>
-      <a-col :span="10">
-        <a-button :class="queryParam.dateType == '' ? 'active' : ''" @click="setTime('')">全部时间
-        </a-button>
-        <a-button :class="queryParam.dateType == 'thirtyDay' ? 'active' : ''"
-                  @click="setTime('thirtyDay')">近30天
-        </a-button>
-        <a-button :class="queryParam.dateType == 'sevenDay' ? 'active' : ''"
-                  @click="setTime('sevenDay')">近一周
-        </a-button>
-        <a-button :class="queryParam.dateType == 'yesterday' ? 'active' : ''"
-                  @click="setTime('yesterday')">昨日
-        </a-button>
-        <a-button :class="queryParam.dateType == 'today' ? 'active' : ''" @click="setTime('today')">
-          今日
-        </a-button>
+      <a-col :xl="9" :xxl="12">
+        <a-button :class="queryParam.dateType == '' ? 'active' : ''" @click="setTime('')">全部时间 </a-button>
+        <a-button :class="queryParam.dateType == 'thirtyDay' ? 'active' : ''" @click="setTime('thirtyDay')">近30天 </a-button>
+        <a-button :class="queryParam.dateType == 'sevenDay' ? 'active' : ''" @click="setTime('sevenDay')">近一周 </a-button>
+        <a-button :class="queryParam.dateType == 'yesterday' ? 'active' : ''" @click="setTime('yesterday')">昨日 </a-button>
+        <a-button :class="queryParam.dateType == 'today' ? 'active' : ''" @click="setTime('today')"> 今日 </a-button>
       </a-col>
     </a-row>
   </div>
@@ -588,6 +580,7 @@ const setTime = (time) => {
     font-weight: 400;
     letter-spacing: 0px;
     line-height: 21px;
+    margin-left: 10px;
   }
 
   .ant-form-item {