refactor: 前后置对象列表优化

frontend/src/business/components/common/components/graph/RelationshipList.vue

@@ -2,7 +2,7 @@
   <el-main>
     <span>{{ title }}</span>
     <el-button class="add-btn" v-permission="relationshipType == 'TEST_CASE' ? ['PROJECT_TRACK_CASE:READ+EDIT'] : ['PROJECT_API_DEFINITION:READ+EDIT_API']"
-               :disabled="readOnly" type="primary" size="mini" @click="openRelevance">{{ $t($t('commons.add')) }}</el-button>
+               :disabled="readOnly || !resourceId" type="primary" size="mini" @click="openRelevance">{{ $t($t('commons.add')) }}</el-button>
 
     <test-case-relationship-list
       v-if="resourceType === 'TEST_CASE'"

frontend/src/business/components/track/case/components/TestCaseRelationshipList.vue

@@ -10,7 +10,19 @@
       :screen-height="null"
       @refresh="getTableData">
 
-      <ms-table-column
+     <ms-table-column
+       min-width="100px"
+       v-if="relationshipType === 'POST'"
+       :label="$t('commons.relationship.type')">
+       <template>
+         <span>{{ $t('commons.relationship.current_case') }}</span>
+         <span class="type-type">{{ $t('commons.relationship.after_finish') }}</span>
+         <font-awesome-icon class="type-type" :icon="['fas', 'arrow-right']" size="lg"/>
+       </template>
+     </ms-table-column>
+
+
+     <ms-table-column
         prop="targetCustomNum"
         v-if="isCustomNum"
         :label="$t('commons.id')"
@@ -42,6 +54,17 @@
        </template>
      </ms-table-column>
 
+     <ms-table-column
+       min-width="100px"
+       v-if="relationshipType === 'PRE'"
+       :label="$t('commons.relationship.type')">
+       <template>
+         <span class="type-type">{{ $t('commons.relationship.after_finish') }}</span>
+         <font-awesome-icon class="type-type" :icon="['fas', 'arrow-right']" size="lg"/>
+         <span>{{ $t('commons.relationship.current_case') }}</span>
+       </template>
+     </ms-table-column>
+
     </ms-table>
 
     <relationship-functional-relevance
@@ -117,4 +140,12 @@ export default {
 </script>
 
 <style scoped>
+.type-type {
+  color: var(--primary_color);
+  font-style: var(--primary_color);
+}
+
+.type-type:nth-child(2) {
+  margin: 0px 10px;
+}
 </style>

frontend/src/i18n/en-US.js

@@ -197,6 +197,9 @@ export default {
       selected: 'Selected Node',
       direct: 'Direct Link',
       indirect: 'Indirect Link',
+      type: 'Relationship Type',
+      after_finish: 'Execution after completion',
+      current_case: 'Current case',
     },
     project_setting: "Project Setting",
     table: {

frontend/src/i18n/zh-CN.js

@@ -197,7 +197,9 @@ export default {
       selected: '选中节点',
       direct: '直接关联',
       indirect: '间接关联',
-
+      type: '关系类型',
+      after_finish: '结束后执行',
+      current_case: '本用例',
     },
     generate_test_data: "生成测试数据",
     project_setting: '项目设置',

frontend/src/i18n/zh-TW.js

@@ -197,7 +197,9 @@ export default {
       selected: '選中節點',
       direct: '直接關聯',
       indirect: '間接關聯',
-
+      type: '關系類型',
+      after_finish: '結束後執行',
+      current_case: '本用例',
     },
     generate_test_data: "生成測試數據",
     table: {