style

src/views/ManufacturingCenter/ProjectPlanningQuery/index.vue

@@ -55,7 +55,10 @@
         <span>天预警</span>
         <el-button icon="el-icon-search" type="success" size="small" style="margin-left: 20px" @click="searchTable()">查询</el-button>
       </div>
-      <el-table v-loading="loading" :data="tableData" border element-loading-text="拼命加载中">
+      <sticky :z-index="10" style="height: 180px">
+        <div>
+          <h1 class="word" style="margin: 0">总计划</h1>
+          <el-table v-loading="loading" :data="tableData" height="120px" border element-loading-text="拼命加载中">
             <el-table-column label="项目名称" align="center" min-width="120px">
               <template slot-scope="scope">
                 {{ scope.row.项目名称 }}
@@ -112,10 +115,9 @@
               </template>
             </el-table-column>
           </el-table>
-    </el-card>
-
-    <el-card>
-      <sticky :z-index="10">
+        </div>
+      </sticky>
+      <sticky :z-index="10" :sticky-top="180">
         <h1 class="word">设计</h1>
       </sticky>
       <el-table v-loading="loading1" :data="tableData1" highlight-current-row style="width: 100%;" stripe border element-loading-text="拼命加载中">
@@ -155,7 +157,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <sticky :z-index="11">
+      <sticky :z-index="11" :sticky-top="180">
         <h1 class="word">采购</h1>
       </sticky>
       <el-table v-loading="loading1" :data="tableData2" highlight-current-row style="width: 100%;" stripe border element-loading-text="拼命加载中">
@@ -195,7 +197,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <sticky :z-index="12">
+      <sticky :z-index="12" :sticky-top="180">
         <h1 class="word">备料</h1>
       </sticky>
       <el-table v-loading="loading1" :data="tableData3" highlight-current-row style="width: 100%;" stripe border element-loading-text="拼命加载中">
@@ -235,7 +237,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <sticky :z-index="13">
+      <sticky :z-index="13" :sticky-top="180">
         <h1 class="word">制造</h1>
       </sticky>
       <el-table v-loading="loading1" :data="tableData4" highlight-current-row style="width: 100%;" stripe border element-loading-text="拼命加载中">
@@ -275,7 +277,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <sticky :z-index="14">
+      <sticky :z-index="14" :sticky-top="180">
         <h1 class="word">装配调试</h1>
       </sticky>
       <el-table v-loading="loading1" :data="tableData5" highlight-current-row style="width: 100%;" stripe border element-loading-text="拼命加载中">