阻止测试用例状态点击事件冒泡

frontend/src/business/components/track/plan/components/TestPlanList.vue

@@ -29,23 +29,24 @@
         :label="$t('test_track.plan.plan_status')"
         show-overflow-tooltip>
         <template v-slot:default="scope">
-          <el-dropdown class="test-case-status" @command="statusChange">
-            <span class="el-dropdown-link">
-              <plan-status-table-item :value="scope.row.status"/>
-            </span>
-            <el-dropdown-menu slot="dropdown" chang>
-              <el-dropdown-item :command="{id: scope.row.id, status: 'Prepare'}">
-                {{$t('test_track.plan.plan_status_prepare')}}
-              </el-dropdown-item>
-              <el-dropdown-item :command="{id: scope.row.id, status: 'Underway'}">
-                {{$t('test_track.plan.plan_status_running')}}
-              </el-dropdown-item>
-              <el-dropdown-item :command="{id: scope.row.id, status: 'Completed'}">
-                {{$t('test_track.plan.plan_status_completed')}}
-              </el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-
+          <div @click.stop="false">
+            <el-dropdown class="test-case-status" @command="statusChange">
+              <span class="el-dropdown-link">
+                <plan-status-table-item :value="scope.row.status"/>
+              </span>
+              <el-dropdown-menu slot="dropdown" chang>
+                <el-dropdown-item :command="{id: scope.row.id, status: 'Prepare'}">
+                  {{$t('test_track.plan.plan_status_prepare')}}
+                </el-dropdown-item>
+                <el-dropdown-item :command="{id: scope.row.id, status: 'Underway'}">
+                  {{$t('test_track.plan.plan_status_running')}}
+                </el-dropdown-item>
+                <el-dropdown-item :command="{id: scope.row.id, status: 'Completed'}">
+                  {{$t('test_track.plan.plan_status_completed')}}
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
         </template>
       </el-table-column>
       <el-table-column

frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseList.vue

@@ -86,7 +86,8 @@
           column-key="status"
           :label="$t('test_track.plan_view.execute_result')">
           <template v-slot:default="scope">
-              <el-dropdown class="test-case-status" @command="statusChange">
+            <div @click.stop="false">
+              <el-dropdown class="test-case-status" @command="statusChange" >
                 <span class="el-dropdown-link">
                   <status-table-item :value="scope.row.status"/>
                 </span>
@@ -105,6 +106,7 @@
                   </el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
+            </div>
           </template>
         </el-table-column>