From c1aa1e758ccb2deb8a9152369ab7c46f8a811090 Mon Sep 17 00:00:00 2001
From: chenjianan <chenjianan@meswork.com>
Date: Thu, 11 Apr 2019 09:12:36 +0800
Subject: [PATCH] style

---
 .../ProjectPlanningQuery/index.vue            | 132 +++++++++---------
 1 file changed, 67 insertions(+), 65 deletions(-)

diff --git a/src/views/ManufacturingCenter/ProjectPlanningQuery/index.vue b/src/views/ManufacturingCenter/ProjectPlanningQuery/index.vue
index 2d1bb346..b70b2b43 100644
--- a/src/views/ManufacturingCenter/ProjectPlanningQuery/index.vue
+++ b/src/views/ManufacturingCenter/ProjectPlanningQuery/index.vue
@@ -55,67 +55,69 @@
         <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="拼命加载中">
-        <el-table-column label="项目名称" align="center" min-width="120px">
-          <template slot-scope="scope">
-            {{ scope.row.项目名称 }}
-          </template>
-        </el-table-column>
-        <el-table-column label="机床型号" align="center" min-width="120px">
-          <template slot-scope="scope">
-            {{ scope.row.机床图号 }}
-          </template>
-        </el-table-column>
-        <el-table-column label="机床名称" align="center" min-width="220px">
-          <template slot-scope="scope">
-            {{ scope.row.机床名称 }}
-          </template>
-        </el-table-column>
-        <el-table-column label="客户名称" align="center" min-width="220px">
-          <template slot-scope="scope">
-            {{ scope.row.客户名称 }}
-          </template>
-        </el-table-column>
-        <el-table-column label="开始时间" align="center" min-width="120px">
-          <template slot-scope="scope">
-            <span :class="colorJudge(scope.row.合同签订日期)">{{ scope.row.合同签订日期 }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="结束时间" align="center" min-width="120px">
-          <template slot-scope="scope">
-            <span :class="colorJudge(scope.row.发货节点)">{{ scope.row.发货节点 }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="发图" align="center" min-width="120px">
-          <template slot-scope="scope">
-            <span :class="colorJudge(scope.row.机床设计完成时间)">{{ scope.row.机床设计完成时间.split(' ')[0] }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="采购" align="center" min-width="120px">
-          <template slot-scope="scope">
-            <span :class="colorJudge(scope.row.采购完成时间)">{{ scope.row.采购完成时间.split(' ')[0] }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="备料" align="center" min-width="120px">
-          <template slot-scope="scope">
-            <span :class="colorJudge(scope.row.备料完成时间)">{{ scope.row.备料完成时间.split(' ')[0] }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="制造" align="center" min-width="120px">
-          <template slot-scope="scope">
-            <span :class="colorJudge(scope.row.机床生产完成时间)">{{ scope.row.机床生产完成时间.split(' ')[0] }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="装配" align="center" min-width="120px">
-          <template slot-scope="scope">
-            <span :class="colorJudge(scope.row.机床装配完成时间)">{{ scope.row.机床装配完成时间.split(' ')[0] }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-
-    <el-card>
-      <sticky :z-index="10">
+      <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.项目名称 }}
+              </template>
+            </el-table-column>
+            <el-table-column label="机床型号" align="center" min-width="120px">
+              <template slot-scope="scope">
+                {{ scope.row.机床图号 }}
+              </template>
+            </el-table-column>
+            <el-table-column label="机床名称" align="center" min-width="220px">
+              <template slot-scope="scope">
+                {{ scope.row.机床名称 }}
+              </template>
+            </el-table-column>
+            <el-table-column label="客户名称" align="center" min-width="220px">
+              <template slot-scope="scope">
+                {{ scope.row.客户名称 }}
+              </template>
+            </el-table-column>
+            <el-table-column label="开始时间" align="center" min-width="120px">
+              <template slot-scope="scope">
+                <span :class="colorJudge(scope.row.合同签订日期)">{{ scope.row.合同签订日期 }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="结束时间" align="center" min-width="120px">
+              <template slot-scope="scope">
+                <span :class="colorJudge(scope.row.发货节点)">{{ scope.row.发货节点 }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="发图" align="center" min-width="120px">
+              <template slot-scope="scope">
+                <span :class="colorJudge(scope.row.机床设计完成时间)">{{ scope.row.机床设计完成时间.split(' ')[0] }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="采购" align="center" min-width="120px">
+              <template slot-scope="scope">
+                <span :class="colorJudge(scope.row.采购完成时间)">{{ scope.row.采购完成时间.split(' ')[0] }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备料" align="center" min-width="120px">
+              <template slot-scope="scope">
+                <span :class="colorJudge(scope.row.备料完成时间)">{{ scope.row.备料完成时间.split(' ')[0] }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="制造" align="center" min-width="120px">
+              <template slot-scope="scope">
+                <span :class="colorJudge(scope.row.机床生产完成时间)">{{ scope.row.机床生产完成时间.split(' ')[0] }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="装配" align="center" min-width="120px">
+              <template slot-scope="scope">
+                <span :class="colorJudge(scope.row.机床装配完成时间)">{{ scope.row.机床装配完成时间.split(' ')[0] }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </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="拼命加载中">