修改数据

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>