From 86b69caad89ddd5662f64f36b4a592c11ed26619 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Tue, 15 Nov 2022 16:19:05 +0800
Subject: [PATCH] update 3d techybox layout

---
 .../components/LeftContentOrder.vue           | 52 -----------------
 src/views/3DOverview/index.vue                | 57 +++++++++++--------
 2 files changed, 33 insertions(+), 76 deletions(-)

diff --git a/src/views/3DOverview/components/LeftContentOrder.vue b/src/views/3DOverview/components/LeftContentOrder.vue
index 73938d0..5b1c226 100644
--- a/src/views/3DOverview/components/LeftContentOrder.vue
+++ b/src/views/3DOverview/components/LeftContentOrder.vue
@@ -1,58 +1,6 @@
 <template>
   <div class="left-content-order fix-table">
     <techy-table :page="1" :limit="8" :show-index="false" :table-config="tableProps" :table-data="tableData" />
-
-    <!--               
-      <el-table
-        key="LeftContentOrder1"
-        border
-        :data="tableData"
-        :header-cell-style="{ background: 'rgba(79,114,136,0.29)' }"
-        height="100%"
-      >
-        <el-table-column
-          label="订单编号"
-          prop="orderCode"
-          :show-overflow-tooltip="true"
-          :resizable="true"
-          align="center"
-        />
-        <el-table-column
-          label="客户名称"
-          prop="clientName"
-          :show-overflow-tooltip="true"
-          :resizable="true"
-          align="center"
-        />
-        <el-table-column label="规格" prop="specs" :resizable="true" align="center" :width="100" />
-        <el-table-column label="完成度" prop="finished" :resizable="true" align="center" :width="100">
-          <template slot-scope="scope">
-            <el-progress
-              class="lb-progress-bar"
-              type="circle"
-              :percentage="scope.row.finished"
-              :width="14"
-              :stroke-width="2"
-              color="#47FF27"
-            />
-          </template>
-        </el-table-column>
-      </el-table>
-    </div> -->
-
-    <!-- <div class="el-table-wrapper">
-      <el-table
-        key="LeftContentOrder2"
-        border
-        :data="tableData2"
-        :header-cell-style="{ background: 'rgba(79,114,136,0.29)' }"
-      >
-        <el-table-column label="订单编号" prop="orderCode" :show-overflow-tooltip="true" :resizable="true" />
-        <el-table-column label="客户名称" prop="clientName" :show-overflow-tooltip="true" :resizable="true" />
-        <el-table-column label="规格" prop="specs" :resizable="true" />
-        <el-table-column label="完成度" prop="finished" :resizable="true" />
-      </el-table>
-    </div> -->
   </div>
 </template>
 
diff --git a/src/views/3DOverview/index.vue b/src/views/3DOverview/index.vue
index a09597b..4546613 100644
--- a/src/views/3DOverview/index.vue
+++ b/src/views/3DOverview/index.vue
@@ -18,30 +18,31 @@
                 <LeftContentPublicConsume />
               </techy-container>
             </div>
+
+            <div class="techy-body-part__middle">
+              <TechyBox>
+                <div class="techy-body-part__middle__inner">
+                  <p>
+                    <b>产线名称 :</b>
+                    <span>A产线</span>
+                  </p>
+                  <p>
+                    <b>设备名称 :</b>
+                    <span>清洗机</span>
+                  </p>
+                  <p>
+                    <b>累计加工 :</b>
+                    <span>20</span>
+                  </p>
+                  <p>
+                    <b>通信状态 :</b>
+                    <span class="round-dot">运行中</span>
+                  </p>
+                </div>
+              </TechyBox>
+            </div>
           </div>
 
-          <div class="techy-body-part__middle">
-            <TechyBox>
-              <div class="techy-body-part__middle__inner">
-                <p>
-                  <b>产线名称 :</b>
-                  <span>A产线</span>
-                </p>
-                <p>
-                  <b>设备名称 :</b>
-                  <span>清洗机</span>
-                </p>
-                <p>
-                  <b>累计加工 :</b>
-                  <span>20</span>
-                </p>
-                <p>
-                  <b>通信状态 :</b>
-                  <span class="round-dot">运行中</span>
-                </p>
-              </div>
-            </TechyBox>
-          </div>
 
           <div class="techy-body-part__right">
             <div class="realtime">
@@ -218,6 +219,7 @@ export default {
   padding: calc(24px * var(--beilv));
   padding-bottom: 0;
   display: flex;
+  justify-content: space-between;
   gap: calc(16px * var(--beilv));
 }
 
@@ -279,11 +281,12 @@ export default {
   /* height: calc(512px * var(--beilv));
   flex: 1; */
   width: calc(472px * var(--beilv));
-  overflow: hidden;
+  overflow: unset;
 
   display: flex;
   flex-direction: column;
   gap: calc(16px * var(--beilv));
+  position: relative;
 }
 
 .techy-body-part__right-col-2 {
@@ -292,9 +295,15 @@ export default {
   gap: calc(100vmin / 1920 * 36);
 }
 
-.techy-body-part__middle {
+/* .techy-body-part__middle {
   flex: 1;
   position: relative;
+} */
+
+.techy-body-part__middle {
+  position: absolute;
+  top: 0;
+  right: calc(-16px * var(--beilv));
 }
 
 .techy-body-part__middle .techy-box {