feat: server auto run status

Author: modstart

changelog.md

@@ -1,6 +1,9 @@
 ## v1.4.0
 
+- 新增：声音合成设备显存大小支持显示
+- 新增：声音合成模型失败增加继续尝试操作
 - 优化：模型连续运行速度优化，避免每次启动带来的损耗
+- 优化：自启动模型状态显示区分（蓝色未运行，绿色运行中）
 - 修复：模型服务自启动类型设置状态异常修复
 
 ## v1.3.0 直播支持384模型，文生图、图生图模型支持

src/components/Server/ServerSelector.vue

@@ -14,6 +14,14 @@ const props = defineProps<{
 const recordsFilter = computed(() => {
     return serverStore.records.filter(s => s.functions.includes(props.functionName));
 });
+const valueAutoStart = computed(() => {
+    const server = serverStore.records.find(s => s.key === select.value?.modelValue);
+    return server?.autoStart;
+});
+const valueAutoStartStatus = computed(() => {
+    const server = serverStore.records.find(s => s.key === select.value?.modelValue);
+    return server?.runtime.autoStartStatus || EnumServerStatus.STOPPED;
+});
 const valueStatus = computed(() => {
     return serverStore.records.find(s => s.key === select.value.modelValue)?.status || EnumServerStatus.STOPPED;
 });
@@ -52,8 +60,16 @@ watch(
             <a-option v-for="server in recordsFilter" :key="server.key" :value="server.key">
                 <div class="flex items-center py-2 flex-nowrap truncate no-wrap">
                     <div
-                        v-if="server.status === EnumServerStatus.RUNNING"
-                        class="w-2 h-2 bg-green-700 rounded-full mr-1 flex-shrink-0"
+                        v-if="server.autoStart&&server.runtime.autoStartStatus === EnumServerStatus.RUNNING"
+                        class="w-2 h-2 bg-green-500 rounded-full mr-1 flex-shrink-0"
+                    ></div>
+                    <div
+                        v-else-if="server.autoStart&&server.runtime.autoStartStatus !== EnumServerStatus.RUNNING"
+                        class="w-2 h-2 bg-blue-500 rounded-full mr-1 flex-shrink-0"
+                    ></div>
+                    <div
+                        v-else-if="server.status === EnumServerStatus.RUNNING"
+                        class="w-2 h-2 bg-blue-500 rounded-full mr-1 flex-shrink-0 animate-pulse"
                     ></div>
                     <div v-else class="w-2 h-2 bg-red-700 rounded-full mr-1 flex-shrink-0"></div>
                     <div class="text-xs flex-grow">

src/components/Server/ServerTaskResultParam.vue

@@ -1,24 +1,36 @@
 <script setup lang="ts">
+import {computed} from "vue";
+
 const props = defineProps<{
     record: {
         result: Record<string, any>;
     };
 }>();
+const deviceName = computed(() => {
+    if (props.record.result['DeviceName']) {
+        return props.record.result['DeviceName'] + (props.record.result['DeviceMemorySize'] ? ' ' + props.record.result['DeviceMemorySize'] + 'G' : '');
+    }
+    return '';
+});
 </script>
 
 <template>
-    <div v-if="record.result" class="inline-block">
-        <div v-for="(v, k) in record.result" class="inline-block mr-4">
-            <a-tooltip v-if="k as any==='UseCuda' && v" :content="$t('CUDA加速')" mini>
-                <div class="bg-green-100 text-green-600 rounded-lg px-1 leading-6 h-6">
-                    <i class="iconfont icon-cuda"></i>
+    <div v-if="record.result['Device']" class="text-xs">
+        <a-tooltip v-if="record.result['Device']==='cuda'" :content="$t('CUDA加速')" mini>
+            <div class="bg-green-100 text-green-600 rounded-lg px-1 leading-6 h-6 inline-flex items-center">
+                <i class="iconfont icon-cuda"></i>
+                <div v-if="deviceName">
+                    {{ deviceName }}
                 </div>
-            </a-tooltip>
-            <a-tooltip v-if="k as any==='UseCuda' && !v" content="CPU" mini>
-                <div class="bg-yellow-100 text-yellow-600 rounded-lg px-1 leading-6 h-6">
-                    <i class="iconfont icon-cpu"></i>
+            </div>
+        </a-tooltip>
+        <a-tooltip v-else content="CPU" mini>
+            <div class="bg-yellow-100 text-yellow-600 rounded-lg px-1 leading-6 h-6 inline-flex items-center">
+                <i class="iconfont icon-cpu"></i>
+                <div v-if="deviceName">
+                    {{ deviceName }}
                 </div>
-            </a-tooltip>
-        </div>
+            </div>
+        </a-tooltip>
     </div>
 </template>

src/components/common/ParamForm.vue

@@ -148,7 +148,9 @@ defineExpose({
             </a-popover>
         </div>
         <div v-if="item.type === 'input'" class="w-48 mr-3">
-            <a-input :placeholder="item.placeholder" size="small" :disabled="props.disabled" v-model="item.value">
+            <a-input :placeholder="item.placeholder"
+                     allow-clear
+                     size="small" :disabled="props.disabled" v-model="item.value">
             </a-input>
         </div>
         <div v-else-if="item.type === 'inputNumber'" class="w-32 mr-3">
@@ -174,7 +176,7 @@ defineExpose({
                 </a-option>
             </a-select>
         </div>
-        <div v-else-if="item.type === 'switch'" class="w-48 mr-3">
+        <div v-else-if="item.type === 'switch'" class="mr-3">
             <a-switch v-model="item.value" :disabled="props.disabled" size="small"/>
         </div>
         <div v-else-if="item.type === 'slider'" class="w-48 mr-3">

src/pages/Sound/SoundGenerate.vue

@@ -18,6 +18,7 @@ import SoundGenerateCreate from "./components/SoundGenerateCreate.vue";
 import SoundGenerateFormViewBody from "./components/SoundGenerateFormViewBody.vue";
 import ServerNameVersion from "../../components/Server/ServerNameVersion.vue";
 import ServerTaskResultParam from "../../components/Server/ServerTaskResultParam.vue";
+import TaskContinueAction from "../../components/Server/TaskContinueAction.vue";
 
 const {page, records, recordsForPage} = usePaginate<TaskRecord>();
 
@@ -122,6 +123,7 @@ onMounted(async () => {
                                 <TaskDownloadAction :record="r"/>
                                 <TaskDeleteAction :record="r" @update="doRefresh"/>
                                 <TaskCancelAction :record="r"/>
+                                <TaskContinueAction :record="r" @update="doRefresh"/>
                             </div>
                         </div>
                     </div>