From c1ed165b45480c98556e1dd063a57eb62d596acc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Thu, 22 Aug 2024 17:06:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../index.vue                                 | 50 +++++++++++--------
 1 file changed, 30 insertions(+), 20 deletions(-)

diff --git a/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue b/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue
index 72c1fbf..87db2f9 100644
--- a/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue
+++ b/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue
@@ -105,7 +105,7 @@
 
 
     <!-- 添加或修改记录对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" :width="70*vw  +'px'" append-to-body v-dialogDrag>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-row gutter="15">
           <el-col :span="11">
@@ -119,25 +119,31 @@
             </el-form-item>
           </el-col>
         </el-row>
+      </el-form>
 
-        <el-divider content-position="center">工位缺陷明细信息</el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-divider content-position="center">工位缺陷明细信息</el-divider>
 
-        <el-table :data="qualityDefectstList" ref="detailElectricalinspection"
-        >
-          <el-table-column type="selection" width="50" align="center"/>
-          <el-table-column label="序号" prop="SEQ" width="150">
-          </el-table-column>
-          <el-table-column label="缺陷名称" prop="QUALITY_DEFECT_NAME" width="150">
-          </el-table-column>
-          <el-table-column label="数量" prop="DEFECT_NUMBER" width="150">
-          </el-table-column>
-          <el-table-column label="比例" prop="RATE" width="150">
-          </el-table-column>
-        </el-table>
-      </el-form>
-      <div class="chart1">
-        <Chart ref="chart1"></Chart>
-      </div>
+            <el-table :data="qualityDefectstList" ref="detailElectricalinspection"
+            >
+              <el-table-column type="selection" width="50" align="center"/>
+              <el-table-column label="序号" prop="SEQ" width="150">
+              </el-table-column>
+              <el-table-column label="缺陷名称" prop="QUALITY_DEFECT_NAME" width="150">
+              </el-table-column>
+              <el-table-column label="数量" prop="DEFECT_NUMBER" width="150">
+              </el-table-column>
+              <el-table-column label="比例" prop="RATE" width="150">
+              </el-table-column>
+            </el-table>
+          </el-col>
+          <el-col :span="12" style="position: relative">
+            <div class="chart1">
+              <Chart ref="chart1"></Chart>
+            </div>
+          </el-col>
+        </el-row>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel">关 闭</el-button>
       </div>
@@ -165,6 +171,7 @@ export default {
   },
   data() {
     return {
+      vw,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -335,7 +342,7 @@ export default {
               axisTick: {
                 alignWithLabel: true,
               },
-              axisLabel:{
+              axisLabel: {
                 interval: 0
 
               }
@@ -419,7 +426,10 @@ export default {
 <style>
 .chart1 {
   width: 100%;
-  height: 200px;
+  height: 240px;
   margin-top: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(50%);
 }
 </style>