Browse Source

generation step - click scope adjust

hare8999@163.com 2 years ago
parent
commit
252f8e5196

+ 4 - 3
src/views/elective/generation/components/elective-generation-steps.vue

@@ -4,7 +4,8 @@
       {{ title }}
     </div>
     <el-steps :active="activeStep" class="mt20">
-      <el-step v-for="(step,idx) in steps" :key="step.key" :title="step.title" :status="step.status">
+      <el-step v-for="(step,idx) in steps" :key="step.key" :title="step.title" :status="step.status"
+               @click.native="handleStepChange(step)" class="pointer">
         <template #title>
           <div class="rel"
                :class="{'bold':activeStep==idx+1, 'f-333':activeStep==idx+1&&step.value>generation.current}">
@@ -17,9 +18,9 @@
               </el-checkbox>
               <i slot="reference" class="el-icon-view pointer"
                  :class="{'current-disabled': generation.hiddenGenerations.includes(step.value)}"
-                 @click="toggleGenerationTableData(!generation.hiddenGenerations.includes(step.value), step)"></i>
+                 @click.stop="toggleGenerationTableData(!generation.hiddenGenerations.includes(step.value), step)"></i>
             </el-popover>
-            <span class="pointer" @click="handleStepChange(step)">
+            <span>
               {{ step.title }}</span>
           </div>
         </template>