修改数据

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,7 +119,10 @@
             </el-form-item>
           </el-col>
         </el-row>
+      </el-form>
 
+        <el-row>
+          <el-col :span="12">
             <el-divider content-position="center">工位缺陷明细信息</el-divider>
 
             <el-table :data="qualityDefectstList" ref="detailElectricalinspection"
@@ -134,10 +137,13 @@
               <el-table-column label="比例" prop="RATE" width="150">
               </el-table-column>
             </el-table>
-      </el-form>
+          </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>