lugano标准病灶评估表单滚动时下拉框触发失去焦点事件

src/views/trials/trials-panel/reading/dicoms/components/Lugano/QuestionForm.vue

@@ -31,8 +31,8 @@
             v-model="questionForm.LesionType"
             filterable
             :disabled="!isCurrentTask || readingTaskState>=2 || !isBaseLineTask || answers.SplitOrMergeType === '1'"
-            :popper-append-to-body="lesionType === 0 ? false :true"
             @change="((val)=>{lesionTypeChange(val)})"
+            :ref="`select_LesionType`"
           >
 
             <el-option
@@ -89,8 +89,8 @@
             filterable
             :placeholder="qs.QuestionMark === 8 ? $t('common:placeholder:selectorsearch') : $t('common:placeholder:select')"
             :disabled="!isCurrentTask || readingTaskState>=2 || qs.QuestionMark === 0 || qs.QuestionMark === 1 || qs.QuestionMark === 2 || qs.QuestionMark === 5 || (qs.QuestionMark === 6 && (isCurrentTaskAdd === 'False' || (isCurrentTaskAdd === 'True' && !questionForm.IsCanEditPosition) || !!answers.SplitOrMergeLesionName))|| (qs.QuestionMark === 8 && (isCurrentTaskAdd === 'False'|| !!answers.SplitOrMergeLesionName)) || (qs.QuestionMark === 10 && (isCurrentTaskAdd === 'False' || (isCurrentTaskAdd === 'True' && !questionForm.IsCanEditPosition) || !!answers.SplitOrMergeLesionName)) || (qs.QuestionMark === 7 && stateDisabled) || answers.SplitOrMergeType === '1' || (qs.QuestionMark === 7 && answers.SplitOrMergeType === '3')"
-            :popper-append-to-body="lesionType === 0 ? false :true"
             @change="((val)=>{formItemChange(val, qs)})"
+            :ref="`select_${qs.Id}`"
           >
             <template v-if="qs.QuestionMark === 8" #prefix>
               <span style="padding-left: 5px;">
@@ -356,11 +356,23 @@ export default {
     })
     var digitPlaces = Number(localStorage.getItem('digitPlaces'))
     this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
+    window.addEventListener('scroll', this.scrollHandle , true)
   },
   beforeDestroy() {
     DicomEvent.$off('handleImageQualityAbnormal')
+    window.removeEventListener('scroll', this.scrollHandle , true)
   },
   methods: {
+    scrollHandle() {
+      for(let k in this.$refs) {
+        if(k.indexOf('select_') === -1) continue
+        if(this.$refs[k] instanceof Array){
+          this.$refs[k][0].blur()
+        }else{
+          this.$refs[k].blur()
+        }
+      }
+    },
     initializeViewer() {
       Viewer.setDefaults({
         toolbar: { zoomIn: true, zoomOut: true, rotateLeft: true, rotateRight: true, flipHorizontal: true, flipVertical: true }