细节修改

src/components/knowledgeExtra/AddNewRuleTable.vue

@@ -75,9 +75,6 @@
       margin-right: 4px;
     }
   }
-  // ::v-deep .el-table tbody tr:hover > td {
-  //   // background-color: transparent;
-  // }
   /deep/ .el-table th {
     background: transparent;
   }
@@ -87,9 +84,6 @@
   .table_cell_cls {
     vertical-align: top;
   }
-  // /deep/ .el-table__body .el-table__row.hover-row td {
-  //   // background-color: transparent;
-  // }
   /deep/ .el-form-item__label {
     font-size: 12px;
   }
@@ -97,12 +91,6 @@
     font-size: 14px;
     font-weight: 400;
   }
-  // /deep/ .el-table__body tr.current-row>td{
-  //   background: #fff;
-  // }
-  /deep/ .el-table .cell {
-    // overflow: initial;
-  }
 }
 </style>
 
@@ -207,6 +195,9 @@
               :disabled="scope.row.disabled"
               placeholder="请选择"
               @change="subTypeChange($event, scope.$index)"
+              @focus="
+                setTheRef($event, `klRuleByIdSub[${scope.$index}].subType`)
+              "
               :ref="`klRuleByIdSub[${scope.$index}].subType`"
             >
               <el-option
@@ -236,6 +227,9 @@
               placeholder="请选择"
               :ref="`klRuleByIdSub[${scope.$index}].subLenCode`"
               @change="subCodeChange($event, scope.$index)"
+              @focus="
+                setTheRef($event, `klRuleByIdSub[${scope.$index}].subLenCode`)
+              "
             >
               <el-option
                 v-for="item in scope.row.baseTermTypeList"
@@ -292,6 +286,9 @@
                 v-model="scope.row.dataType"
                 placeholder="选择类型"
                 @change="dataTypeChange($event, scope.$index)"
+                @focus="
+                  setTheRef($event, `klRuleByIdSub[${scope.$index}].dataType`)
+                "
                 :ref="`klRuleByIdSub[${scope.$index}].dataType`"
               >
                 <el-option label="数值类型" value="1"> </el-option>
@@ -324,6 +321,12 @@
                       placeholder="请选择"
                       clearable
                       @change="maxChange($event, scope.$index, 's')"
+                      @focus="
+                        setTheRef(
+                          $event,
+                          `klRuleByIdSub[${scope.$index}].subMaxOperator`
+                        )
+                      "
                       :ref="`klRuleByIdSub[${scope.$index}].subMaxOperator`"
                     >
                       <el-option
@@ -398,6 +401,12 @@
                       clearable
                       :ref="`klRuleByIdSub[${scope.$index}].subMinOperator`"
                       @change="minChange($event, scope.$index, 's')"
+                      @focus="
+                        setTheRef(
+                          $event,
+                          `klRuleByIdSub[${scope.$index}].subMinOperator`
+                        )
+                      "
                     >
                       <el-option
                         v-for="item in operMinList"
@@ -529,7 +538,8 @@ export default {
         { name: ">", key: ">" },
         { name: ">=", key: ">=" }
       ],
-      rules: tableRules
+      rules: tableRules,
+      theRef: null
     };
   },
   methods: {
@@ -680,6 +690,10 @@ export default {
     subTypeChange(e, index) {
       this.$emit("subTypeChange", e, index);
     },
+    //
+    setTheRef(e, val) {
+      this.theRef = val;
+    },
     // 规则术语类型
     subCodeChange(val, index) {
       //基础规则术语类型修改
@@ -714,6 +728,7 @@ export default {
     subConceptIdfocus(index) {
       this.subConceptIdIndex = "";
       this.subConceptIdIndex = index;
+      this.setTheRef(1, `klRuleByIdSub[${index}].subConceptId`);
     },
     // 医学标准术语
     searchConcept(val) {
@@ -798,6 +813,18 @@ export default {
     }
   },
   components: {},
+  mounted() {
+    // this.theRef
+    // FIXME 滚动问题BUG 暂无解决办法
+    // let that = this;
+    // this.$refs.table.bodyWrapper.addEventListener("scroll", function () {
+    //   console.log("scroll");
+    //   if (that.theRef) {
+    //     console.log("theRef", that.theRef);
+    //     that.$refs[that.theRef].blur();
+    //   }
+    // });
+  },
   created() {
     this.numTypes = localStorage.getItem("zskNumDict");
     this.getSpanArr(this.klRuleByIdSub);
@@ -810,7 +837,7 @@ export default {
   //   klRuleByIdSub: {
   //     handler() {
   //       let that = this;
-  //       // let box = document.querySelector(".el-table__body-wrapper");
+
   //       this.$refs.table.bodyWrapper.addEventListener("scroll", function (e) {
   //         // console.log(that.klRuleByIdSub.length);
   //         // console.log('subType',that.$refs[`klRuleByIdSub[1].subType`]);