公式

src/styles/view/project/edit-formula.scss

@@ -158,14 +158,22 @@
     //允许偏差值范围
     .hc-formula-card-range {
         position: relative;
-        .vue-tags-input .ti-input {
-            padding: 3px 4px;
-            border-radius: 4px;
+        .vue-tags-input {
+            .ti-input {
+                padding: 3px 4px;
+                border-radius: 4px;
+            }
+            &.cur .ti-input {
+                border-color: #00a870;
+            }
         }
         .deviation-range-param-card {
             position: relative;
             border: 1px solid #c6c6c6;
             border-radius: 3px;
+            &.cur {
+                border-color: #00a870;
+            }
             .title-box {
                 position: relative;
                 background: #eee;

src/views/project/list/edit-formula.vue

@@ -161,12 +161,13 @@
                         <div v-if="deviationRangeResult === '1'" class="hc-flex mr-50px">
                             <VueTagsInput
                                 v-if="!(deviationRangeSymbol === '<' || deviationRangeSymbol === '≤')" v-model="deviationRangeTag1" :tags="deviationRangeTags1"
-                                placeholder="输入/参数" class="mr-12px" @focus="curRangeFocusIndex = 1" @blur="deviationRangeBlur1"
-                                @before-adding-tag="rangeAddingTag"
+                                placeholder="输入/参数" class="mr-12px" :class="curRangeFocusIndex === 1 ? 'cur' : ''" @focus="curRangeFocusIndex = 1"
+                                @blur="deviationRangeBlur1" @before-adding-tag="rangeAddingTag"
                             />
                             <VueTagsInput
                                 v-if="!(deviationRangeSymbol === '>' || deviationRangeSymbol === '≥')" v-model="deviationRangeTag2" :tags="deviationRangeTags2"
-                                placeholder="输入/参数" @focus="curRangeFocusIndex = 2" @blur="deviationRangeBlur2" @before-adding-tag="rangeAddingTag"
+                                placeholder="输入/参数" :class="curRangeFocusIndex === 2 ? 'cur' : ''" @focus="curRangeFocusIndex = 2" @blur="deviationRangeBlur2"
+                                @before-adding-tag="rangeAddingTag"
                             />
                         </div>
                         <el-button type="info">选择参数</el-button>
@@ -174,7 +175,7 @@
                     <div v-if="deviationRangeResult === '2'" class="relative mb-12px">
                         <el-row :gutter="20">
                             <el-col v-if="!(deviationRangeSymbol === '<' || deviationRangeSymbol === '≤')" :span="12">
-                                <div class="deviation-range-param-card">
+                                <div class="deviation-range-param-card" :class="curRangeFocusIndex === 3 ? 'cur' : ''" @click.capture="curRangeFocusIndex = 3">
                                     <div class="title-box">参数1</div>
                                     <div class="action-box hc-flex">
                                         <div class="left hc-flex flex-1">
@@ -224,7 +225,7 @@
                                 </div>
                             </el-col>
                             <el-col v-if="!(deviationRangeSymbol === '>' || deviationRangeSymbol === '≥')" :span="12">
-                                <div class="deviation-range-param-card">
+                                <div class="deviation-range-param-card" :class="curRangeFocusIndex === 4 ? 'cur' : ''" @click.capture="curRangeFocusIndex = 4">
                                     <div class="title-box">参数2</div>
                                     <div class="action-box hc-flex">
                                         <div class="left hc-flex flex-1">
@@ -853,6 +854,8 @@ const drawerClose = () => {
         isShow.value = false
         isResetFun.value = false
         isScrollBar.value = true
+        deviationRangeShow.value = false
+        curRangeFocusIndex.value = 0
         selectEleFormula.value = []
         emit('close')
     }