[bug] 日志列表样式调整

src/views/system/LogList.vue

@@ -13,13 +13,13 @@
       <!-- 查询区域 -->
       <div class="table-page-search-wrapper">
         <a-form layout="inline" @keyup.enter.native="searchQuery">
-          <a-row :gutter="24">
-            <a-col :xl="9" :lg="8" :md="8" :sm="24">
+          <a-row>
+            <a-col :xxl="6" :xl="9" :lg="8" :md="8" :sm="24">
               <a-form-item label="搜索日志">
                 <a-input placeholder="请输入搜索关键词" v-model="queryParam.keyWord" :maxLength="50"></a-input>
               </a-form-item>
             </a-col>
-            <a-col :xl="9" :lg="8" :md="8" :sm="24">
+            <a-col :xxl="6" :xl="9" :lg="8" :md="8" :sm="24">
               <a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <a-range-picker
                   style="width: 100%"
@@ -31,20 +31,19 @@
                 />
               </a-form-item>
             </a-col>
-            <a-col :xl="9" :lg="8" :md="8" :sm="24" v-if="tabKey === '2' ">
-              <a-form-item label="操作类型" style="left: 10px">
+            <a-col :xxl="6" :xl="9" :lg="8" :md="8" :sm="24" v-if="tabKey === '2' ">
+              <a-form-item label="操作类型">
                 <j-dict-select-tag v-model="queryParam.operateType" placeholder="请选择操作类型" dictCode="operate_type"/>
               </a-form-item>
             </a-col>
-            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
-           <a-col :xl="4" :lg="8" :md="8" :sm="24">
-                <a-button type="primary" style="left: 10px" @click="searchQuery" icon="search" v-has="'sys:log:search'">查询</a-button>
+
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
+             <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+                <a-button type="primary" @click="searchQuery" icon="search" v-has="'sys:log:search'">查询</a-button>
                 <a-button class="reset-button" @click="searchReset" icon="reload"
-                          style="margin-left: 8px;left: 10px">重置</a-button>
-
+                          style="margin-left: 8px;">重置</a-button>
+             </span>
             </a-col>
-          </span>
-
           </a-row>
         </a-form>
       </div>