样式修改

src/views/data/dataCataloguing.vue

@@ -6,8 +6,8 @@
       <a-form layout="inline" @keyup.enter.native="gettagTables" style="margin-top: 10px;padding:10px; background: #e6e9f1;">
         <a-row>
           <a-col :span="10">
-            <a-form-item label="标签类型" :label-col="{ span: 10 }" :wrapper-col="{ span: 14 }">
+            <a-form-item label="标签类型" >
-              <a-select placeholder="选择标签类型" option-filter-prop="children" v-model="queryRefsParam.tagId">
+              <a-select style="width: 200px;" placeholder="选择标签类型"  show-search option-filter-prop="children" v-model="queryRefsParam.tagId">
                 <a-select-option v-for="d in datatagSources" :key="d.id">
                   {{ d.tagName }}
                 </a-select-option>
@@ -15,7 +15,7 @@
             </a-form-item>
           </a-col>
           <a-col :span="10">
-            <a-form-item label="关键词" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+            <a-form-item label="关键词">
               <a-input placeholder="请输入搜索关键词" v-model="queryRefsParam.tableName"></a-input>
             </a-form-item>
           </a-col>
@@ -44,9 +44,9 @@
       <div class="linese"></div>
       <a-form layout="inline" @keyup.enter.native="getalltable" style="margin-top: 10px;padding:10px; background: #e6e9f1;">
         <a-row :gutter="24">
-          <a-col :md="8" >
+          <a-col :md="8">
             <a-form-item label="型号">
-              <a-select placeholder="选择型号" option-filter-prop="children" show-search :filter-option="filterOption" v-model="queryParam.mdl" @change="changemdl">
+              <a-select style="width: 160px;" placeholder="选择型号" option-filter-prop="children" show-search :filter-option="filterOption" v-model="queryParam.mdl" @change="changemdl">
                 <a-select-option v-for="item in shipModel" :value="item">
                   {{ item }}
                 </a-select-option>
@@ -55,7 +55,7 @@
           </a-col>
           <a-col :md="8">
             <a-form-item label="舷号">
-              <a-select placeholder="选择舷号" option-filter-prop="children" show-search :filter-option="filterOption" v-model="queryParam.hn" @change="changehn">
+              <a-select style="width: 160px;" placeholder="选择舷号" option-filter-prop="children" show-search :filter-option="filterOption" v-model="queryParam.hn" @change="changehn">
                 <a-select-option v-for="item in shipNumber" :value="item">
                   {{ item }}
                 </a-select-option>
@@ -64,7 +64,7 @@
           </a-col>
           <a-col :md="8">
             <a-form-item label="数据类型">
-              <a-select placeholder="选择数据类型"  option-filter-prop="children" v-model="queryParam.schemaMass">
+              <a-select style="width: 120px;" placeholder="选择数据类型"   show-search option-filter-prop="children" v-model="queryParam.schemaMass">
                 <a-select-option v-for="item in dataTypeList" :value="item.cnName">
                   {{ item.cnName }}
                 </a-select-option>
@@ -75,7 +75,7 @@
         <a-row :gutter="24">
           <a-col :md="20" :sm="1">
             <a-form-item label="关键词">
-              <a-input placeholder="请输入搜索关键词" v-model="queryParam.tableName"></a-input>
+              <a-input style="width: 400px;" placeholder="请输入搜索关键词" v-model="queryParam.tableName"></a-input>
             </a-form-item>
           </a-col>
           <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
@@ -86,7 +86,7 @@
         </a-row>
       </a-form>
       <!-- table区域-begin -->
-      <div ref="tableContainer" style="height:calc(100vh - 360px);background: #e6e9f1;">
+      <div ref="tableContainer" style="height:calc(100vh - 380px);background: #e6e9f1;">
         <a-table ref="table" size="middle" :row-selection="rowSelection" bordered :loading="loading" :rowKey="getRowKey" :pagination="false" :scroll="{ x: false, y: tableScrollY }" :columns="columns" :dataSource="dataSource">
         </a-table>
       </div>

src/views/data/dataCleansing.vue

@@ -42,7 +42,7 @@
         </a-form>
       </div>
       <!-- table区域-begin -->
-      <div ref="tableContainer" style="height:calc(100vh - 347px);background: #e6e9f1;padding:10px;">
+      <div ref="tableContainer" style="height:calc(100vh - 360px);background: #e6e9f1;padding:10px;">
         <a-table ref="table" size="middle" bordered :pagination="false" :scroll="{ y: tableScrollY }" rowKey="id" :columns="columns" :dataSource="dataSource">
           <!--        :locale="myLocale"-->
 

src/views/data/dataIndexing.vue

@@ -38,7 +38,7 @@
       <a-col :md="6">
         <div class="linese"></div>
         <!-- 分类区域 -->
-        <div style="height:calc(100vh - 316px);overflow: auto;background: #e6e9f1;padding:10px;">
+        <div style="height:calc(100vh - 360px);overflow: auto;background: #e6e9f1;padding:10px;">
           <a-tree :tree-data="treeDate" @select="onSelect" />
         </div>
         <div class="linese"></div>
@@ -46,7 +46,7 @@
       <a-col :md="18">
         <div class="linese"></div>
         <!-- 表格区域 -->
-        <div style="height:calc(100vh - 316px);background: #e6e9f1;overflow:hidden;padding: 15px;">
+        <div style="height:calc(100vh - 360px);background: #e6e9f1;overflow:hidden;padding: 15px;">
           <a-table size="middle" bordered :columns="columns" :data-source="dataSource" :loading="loading"
             :pagination="false" :scroll="{ y: 'calc(100vh - 380px)' }" rowKey="id">
             <span slot="action" slot-scope="text, record">

src/views/data/dataManage.vue

@@ -42,7 +42,7 @@
         </a-form>
       </div>
         <!-- table区域-begin -->
-        <div ref="tableContainer" style="height:calc(100vh - 347px);background:rgb(230, 233, 241);padding:10px;">
+        <div ref="tableContainer" style="height:calc(100vh - 360px);background:rgb(230, 233, 241);padding:10px;">
           <a-table
             ref="table"
             size="middle"
@@ -300,7 +300,7 @@
 }
 
 .datacleanResult {
-  height: calc(100vh - 374px);
+  height: calc(100vh - 344px);
   overflow-y: auto;
   margin: 10px;
   background: #F1F4FA;