QMS检验任务点击执行后，将检验任务弹框分区域，鼠标悬停后，悬停的区域框可进行滚动滑动查看数据。其他区域数据不动

src/views/qms/inspectionJob/addForm.vue

@@ -12,7 +12,7 @@
         style="max-height: 80vh; overflow-y: auto; padding: 0px 20px"
         ref="mianscroll"
       >
-        <el-backtop :right="40" :bottom="100" target=".box" @click="topScrollClick" />
+        <!-- <el-backtop :right="40" :bottom="100" target=".box" @click="topScrollClick" /> -->
         <Form
           ref="formMainRef"
           :rules="rules"
@@ -35,6 +35,7 @@
             />
           </div>
         </div>
+        
         <el-tabs
           v-model="editableTabsValue"
           class="demo-tabs"
@@ -69,6 +70,7 @@
                 <span>{{ item.processDescribe }}</span>
               </span>
             </template>
+            <div class="tabs-box">
             <div class="small-title">检验工序</div>
             <el-form :model="item" label-width="auto" :rules="rules" ref="formProcessRef">
               <el-row :gutter="20">
@@ -104,6 +106,7 @@
             </el-form>
             <div class="small-title">检验特性</div>
             <el-form :model="item" label-width="auto" :rules="rules" ref="formFeaturesRef">
+            <div>
                 <el-row :gutter="20">
                 <el-col :span="12">
                   <el-form-item label="编码">
@@ -388,14 +391,16 @@
                   v-for="(cur, i) in item.inspectionJobCharacteristicsUpdateReqVO
                     .recordInspectionQuantifyList"
                   :key="i"
+                 
+                >
+                <div
                   style="
                     border: 1px solid #dedede;
                     border-radius: 4px;
                     padding-top: 16px;
                     margin-bottom: 10px;
-                  "
-                >
-                  <el-row>
+                  ">
+                  <el-row :gutter="20">
                     <!-- 汇总录入的时候显示 -->
                     <el-col
                       :span="12"
@@ -461,11 +466,15 @@
                       </el-form-item>
                     </el-col> -->
                   </el-row>
+                  </div>
                 </el-col>
               </el-row>
+            </div>
             </el-form>
+            </div>
           </el-tab-pane>
         </el-tabs>
+        
       </div>
       <template #footer>
         <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" />
@@ -1333,11 +1342,11 @@ const changeQualitativeCode = (e, item, cur) => {
 const mianscroll = ref()
 const boxList = ref()
 
-const topScrollClick = () => {
-  nextTick(() => {
-    mianscroll.value.scrollTo({ top: boxList.value.clientHeight + 550, behavior: 'smooth' })
-  })
-}
+// const topScrollClick = () => {
+//   nextTick(() => {
+//     mianscroll.value.scrollTo({ top: boxList.value.clientHeight + 550, behavior: 'smooth' })
+//   })
+// }
 const inspectionValueInput = (item, cur) => {
   for ( let i = 0;i < item.inspectionJobCharacteristicsUpdateReqVO.recordInspectionQuantifyList.length;i++) {
     item.isPass = true
@@ -1431,6 +1440,11 @@ const inspectionValueInput = (item, cur) => {
   color: #1a8bfc;
   font-size: 16px;
 }
+.tabs-box{
+  max-height:calc(80vh - 40px) ;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
 </style>
 <style>
 .el-tabs--left .el-tabs__header.is-left {