diff --git a/frontend/src/business/components/api/automation/scenario/ReferenceView.vue b/frontend/src/business/components/api/automation/scenario/ReferenceView.vue
index e45fdc69c0..23f3a6475b 100644
--- a/frontend/src/business/components/api/automation/scenario/ReferenceView.vue
+++ b/frontend/src/business/components/api/automation/scenario/ReferenceView.vue
@@ -1,10 +1,14 @@
 <template>
   <el-dialog :close-on-click-modal="false" :title="$t('api_test.automation.scenario_ref')" :visible.sync="visible"
-             width="45%" :destroy-on-close="true" >
+             width="45%" :destroy-on-close="true">
     <span>{{ $t('api_test.automation.scenario_ref') }}：</span>
     <div class="refs" v-loading="scenarioLoading">
       <div v-for="(item, index) in scenarioRefs" :key="index" class="el-button--text">
-        <el-link @click="openScenario(item)">
+        <el-link @click="openScenario(item)" v-if="item.status === 'Trash'">
+          {{ item.name }}
+          <el-tag size="mini">{{ $t('commons.trash') }}</el-tag>
+        </el-link>
+        <el-link @click="openScenario(item)" v-else>
           {{ item.name }}
         </el-link>
       </div>
@@ -31,52 +35,52 @@
 
 <script>
 
-  export default {
-    name: "MsReferenceView",
-    components: {},
-    data() {
-      return {
-        visible: false,
-        scenarioLoading: false,
-        scenarioRefs: [],
-        planRefs: []
-      }
+export default {
+  name: "MsReferenceView",
+  components: {},
+  data() {
+    return {
+      visible: false,
+      scenarioLoading: false,
+      scenarioRefs: [],
+      planRefs: []
+    }
+  },
+  methods: {
+    getReferenceData(row) {
+      this.scenarioLoading = true;
+      this.scenarioRefs = [];
+      this.$post("/api/automation/getReference/", row, response => {
+        this.scenarioRefs = response.data.scenarioList;
+        this.planRefs = response.data.testPlanList;
+        this.scenarioLoading = false;
+      })
     },
-    methods: {
-      getReferenceData(row) {
-        this.scenarioLoading = true;
-        this.scenarioRefs = [];
-        this.$post("/api/automation/getReference/", row, response => {
-          this.scenarioRefs = response.data.scenarioList;
-          this.planRefs = response.data.testPlanList;
-          this.scenarioLoading = false;
-        })
-      },
-      open(row) {
-        this.getReferenceData(row);
-        this.visible = true
-      },
-      openScenario(item) {
-        this.$emit('openScenario', item);
-        this.visible = false;
-      }
+    open(row) {
+      this.getReferenceData(row);
+      this.visible = true
+    },
+    openScenario(item) {
+      this.$emit('openScenario', item);
+      this.visible = false;
     }
   }
+}
 </script>
 
 <style scoped>
-  .refs {
-    min-height: 50px;
-    max-height: 200px;
-    overflow-y: auto;
-    font-size: 12px;
-    padding-bottom: 10px;
-  }
+.refs {
+  min-height: 50px;
+  max-height: 200px;
+  overflow-y: auto;
+  font-size: 12px;
+  padding-bottom: 10px;
+}
 
-  .el-button--text .el-link.el-link--default {
-    font-size: 12px;
-    color: #4b1980;
-    font-weight: 400;
-    text-decoration: underline;
-  }
+.el-button--text .el-link.el-link--default {
+  font-size: 12px;
+  color: #4b1980;
+  font-weight: 400;
+  text-decoration: underline;
+}
 </style>