优化

src/views/quality/defectdata.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="defectdata-container" v-loading="loading">
-		<div style="height: 50px;">
+		<div style="height: 40px;margin-bottom:10px;">
 			<span>工位：</span>
 			<el-select v-model="WorkPlaceNr" filterable placeholder="请选择">
 				<el-option
@@ -242,8 +242,8 @@ export default {
         this.$message.error('请选择缺陷原因！')
         return
       }
-      this.pointCoord['x'] = left + (imgWrap.clientWidth - this.aciveImgObj['QM_View-Width']) / 2 - 8 + 40
-      this.pointCoord['y'] = top + (imgWrap.clientHeight - this.aciveImgObj['QM_View-Height']) / 2 - 8 + 40
+      this.pointCoord['x'] = left + (imgWrap.clientWidth - this.aciveImgObj['QM_View-Width'] + 55) / 2 - 8 + 40
+      this.pointCoord['y'] = top + (imgWrap.clientHeight - this.aciveImgObj['QM_View-Height'] + 55) / 2 - 8 + 40
       this.viewBlock = this.getViewBlock(
         this.pointCoord['x'],
         this.pointCoord['y']
@@ -484,7 +484,7 @@ export default {
   }
   .up {
     width: 100%;
-    height: calc(100% - 16px - 80px);
+    height: calc(100% - 16px - 80px - 80px);
     display: flex;
     flex-direction: row;
     margin-bottom: 16px;
@@ -588,13 +588,17 @@ export default {
       box-sizing: border-box;
       .error-img {
         width: 100%;
-        height: calc(100% - 56px);
+        height: calc(100% - 80px);
         background: #f5f7fc;
         box-sizing: border-box;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
+				img {
+					width: 465px !important;
+					height: 465px !important;
+				}
         .coord-circle {
           position: absolute;
           z-index: 1;