From 58f9d5ea2622ae89d6772d3a40f2d604b87d02ea Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Wed, 11 Oct 2023 14:48:58 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=B5=84=E6=BA=90=E6=B1=A0?=
 =?UTF-8?q?=E7=9B=91=E6=8E=A7=E7=9B=B8=E5=85=B3=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../automation/scenario/common/ApiRunMode.vue |  2 +-
 .../resource-pool/NodeOperationLabel.vue      | 49 +++++++++++++++++++
 .../components/PerformancePressureConfig.vue  |  2 +-
 .../plan/common/TestPlanRunModeWithEnv.vue    |  2 +-
 4 files changed, 52 insertions(+), 3 deletions(-)
 create mode 100644 framework/sdk-parent/frontend/src/components/resource-pool/NodeOperationLabel.vue

diff --git a/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue b/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue
index cf70d2a678..df6e847c24 100644
--- a/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue
+++ b/api-test/frontend/src/business/automation/scenario/common/ApiRunMode.vue
@@ -97,7 +97,7 @@ import {getNodeOperationInfo, getTestResourcePools} from '@/api/test-resource-po
 import {getCurrentProjectID} from 'metersphere-frontend/src/utils/token';
 import EnvSelectPopover from '@/business/automation/scenario/EnvSelectPopover';
 import {getApiCaseEnvironments} from '@/api/api-test-case';
-import NodeOperationLabel from "metersphere-frontend/src/components/node/NodeOperationLabel";
+import NodeOperationLabel from "metersphere-frontend/src/components/resource-pool/NodeOperationLabel";
 
 export default {
   name: 'ApiRunMode',
diff --git a/framework/sdk-parent/frontend/src/components/resource-pool/NodeOperationLabel.vue b/framework/sdk-parent/frontend/src/components/resource-pool/NodeOperationLabel.vue
new file mode 100644
index 0000000000..e490769f46
--- /dev/null
+++ b/framework/sdk-parent/frontend/src/components/resource-pool/NodeOperationLabel.vue
@@ -0,0 +1,49 @@
+<template>
+  <div>
+    <span :class="labelClassName" :title="nodeName" >{{nodeName}}</span>
+    <el-tag size="mini" v-if="nodeOperationInfo!== undefined && nodeOperationInfo.runningTask>0" style="color:#E5594B;background-color: #FFFFFF;border-color: #E5594B;margin-left: 5px;margin-right: 5px">
+      {{$t("commons.running")}}</el-tag>
+    <el-tag size="mini" v-else-if="nodeOperationInfo!== undefined" style="color:#89DB7E;background-color: #FFFFFF;border-color: #89DB7E;margin-left: 5px;margin-right: 5px">
+      {{$t("commons.idle")}}</el-tag>
+    <span v-if="nodeOperationInfo!== undefined && nodeOperationInfo.runningTask>0" style="color:#A9A9A9">
+      {{" CPU:"+nodeOperationInfo.cpuUsage}}</span>
+    <span v-if="nodeOperationInfo!== undefined " style="color:#A9A9A9;">
+      {{" CPU:"+nodeOperationInfo.cpuUsage}}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "NodeOperationLabel",
+  props: {
+    nodeName: String,
+    nodeOperationInfo:Object,
+    labelClassName: {
+      type: String,
+      default: "node-label"
+    },
+  },
+  data() {
+    return {
+      loaded: true,
+      defaultInitOptions: this.initOptions
+    };
+  },
+  computed: {
+  },
+  mounted() {
+  },
+  methods: {
+  }
+};
+</script>
+
+<style scoped>
+.node-label{
+  display: inline-flex;
+  width:240px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>
diff --git a/performance-test/frontend/src/business/test/components/PerformancePressureConfig.vue b/performance-test/frontend/src/business/test/components/PerformancePressureConfig.vue
index 617ed9e9f0..bc1dd6cf14 100644
--- a/performance-test/frontend/src/business/test/components/PerformancePressureConfig.vue
+++ b/performance-test/frontend/src/business/test/components/PerformancePressureConfig.vue
@@ -297,7 +297,7 @@
 
 <script>
 import MsChart from "metersphere-frontend/src/components/chart/MsChart";
-import NodeOperationLabel from "metersphere-frontend/src/components/node/NodeOperationLabel";
+import NodeOperationLabel from "metersphere-frontend/src/components/resource-pool/NodeOperationLabel";
 import {findThreadGroup} from "../../../business/test/model/ThreadGroup";
 import {getJmxContent, getLoadConfig, getNodeOperationInfo, getResourcePools} from "../../../api/performance";
 
diff --git a/test-track/frontend/src/business/plan/common/TestPlanRunModeWithEnv.vue b/test-track/frontend/src/business/plan/common/TestPlanRunModeWithEnv.vue
index f654535652..49db0357e5 100644
--- a/test-track/frontend/src/business/plan/common/TestPlanRunModeWithEnv.vue
+++ b/test-track/frontend/src/business/plan/common/TestPlanRunModeWithEnv.vue
@@ -172,7 +172,7 @@ import EnvGroupWithOption from "../env/EnvGroupWithOption";
 import EnvironmentGroup from "@/business/plan/env/EnvironmentGroupList";
 import EnvSelectPopover from "@/business/plan/env/EnvSelectPopover";
 import {getNodeOperationInfo, getProjectConfig} from "@/api/project";
-import NodeOperationLabel from "metersphere-frontend/src/components/node/NodeOperationLabel";
+import NodeOperationLabel from "metersphere-frontend/src/components/resource-pool/NodeOperationLabel";
 
 export default {
   name: "MsTestPlanRunModeWithEnv",