程控源调整

frontend/src/views/machine/controlSource/index.vue

@@ -53,8 +53,12 @@
 
     <el-card v-if="show" style="margin-bottom: 10px">
       <div class="connection-status-row">
-        <span class="connection-status-dot" :class="`is-${connectionState.status}`"></span>
-        <span>{{ connectionStatusText }}</span>
+        <div class="connection-status-left">
+          <span class="connection-status-dot" :class="`is-${connectionState.status}`"></span>
+          <span class="connection-status-text">{{ connectionStatusText }}</span>
+        </div>
+        <el-divider direction="vertical" />
+        <div class="running-script-status" :title="runningScriptStatusText">{{ runningScriptStatusText }}</div>
       </div>
     </el-card>
 
@@ -71,6 +75,7 @@
         @update:startDisabeld="startDisabeld = $event"
         v-model:pauseDisabled="pauseDisabled"
         @update:pauseDisabled="pauseDisabled = $event"
+        @update:runningScriptName="runningScriptName = $event"
       />
     </el-card>
   </div>
@@ -128,6 +133,7 @@ const formContent = ref<TestScript.ResTestScript>({
 const connectionState = ref(createDisconnectedState());
 const startDisabeld = ref(true);
 const pauseDisabled = ref(true);
+const runningScriptName = ref("");
 const controlSourceDetailRef = ref<InstanceType<typeof ControlSourceDetail>>();
 
 const controlContent = ref<controlSource.ResControl>({
@@ -171,6 +177,9 @@ const closeSocket = () => {
 const isSourceSwitchEnabled = computed(() => isSourceSelectable(connectionState.value));
 const isConnectButtonEnabled = computed(() => canConnect(connectionState.value));
 const connectionStatusText = computed(() => getConnectionStatusText(connectionState.value));
+const runningScriptStatusText = computed(() =>
+  runningScriptName.value ? `当前正在加量的脚本：${runningScriptName.value}` : "当前无正在加量脚本"
+);
 const connectionStatusColor = computed(() => {
   switch (connectionState.value.status) {
     case "connecting":
@@ -363,6 +372,7 @@ watch(
     resetConnectionState();
     startDisabeld.value = true;
     pauseDisabled.value = true;
+    runningScriptName.value = "";
     controlSourceDetailRef.value?.stopTimeCount();
   }
 );
@@ -481,9 +491,37 @@ const start = async () => {
   align-items: center;
   gap: 8px;
   color: var(--el-text-color-regular);
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.connection-status-left {
+  flex: 0 0 10%;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  overflow: hidden;
+}
+
+.connection-status-text {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.running-script-status {
+  flex: 0 0 80%;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .connection-status-dot {
+  flex: 0 0 auto;
   width: 8px;
   height: 8px;
   border-radius: 50%;