修改bug

src/views/iot/baseIot/CheckBaseIotList.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="p-2">
-    <div v-if="activeKey==='1'">
+    <div v-show="activeKey==='1'">
       <!--查询区域-->
       <div class="jeecg-basic-table-form-container">
         <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
-          <a-row :gutter="24">
+          <a-row :gutter="24" style="margin-top:10px;">
             <a-col :lg="6">
               <a-form-item name="syncType">
                 <template #label><span title="机构名称">机构名称</span></template>
@@ -35,7 +35,7 @@
         </a-col>
       </a-row>
     </div>
-    <div v-else-if="activeKey==='2'">
+    <div v-show="activeKey==='2'">
       <a-row style="padding:10px;">
         <a-col :span="12"><span style="font-size: 18px;">{{orgInfo.departName}} - 物联设备配置</span></a-col>
         <a-col :span="12" style="text-align: right"><a-button @click="activeKey = '1'">返回上一页</a-button></a-col>
@@ -96,10 +96,10 @@
   const isHover = ref(false);
   const isSelected = ref(false);
   const labelCol = reactive({
-    xs:24, sm:4, xl:6, xxl:4
+    xs:24, sm:8
   });
   const wrapperCol = reactive({
-    xs: 24, sm: 20,
+    xs: 24, sm: 15,
   });
 
 //查询机构列表
@@ -196,4 +196,29 @@ function searchReset() {
   box-shadow: 0 10px 28px rgba(24, 144, 255, 0.4);
   transform: translate(-3px,-3px);
 }
+  .jeecg-basic-table-form-container {
+    padding: 14px 0 0 14px;
+    background: white;
+    border-radius: 8px;
+    .table-page-search-submitButtons {
+      display: block;
+      margin-bottom: 24px;
+      white-space: nowrap;
+    }
+    .query-group-cust{
+      min-width: 100px !important;
+    }
+    .query-group-split-cust{
+      width: 30px;
+      display: inline-block;
+      text-align: center
+    }
+    .ant-form-item:not(.ant-form-item-with-help){
+      margin-bottom: 16px;
+      height: 32px;
+    }
+    :deep(.ant-picker),:deep(.ant-input-number){
+      width: 100%;
+    }
+  }
 </style>