detect

src/components/SoftwareCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="software-card">
+  <div class="software-card" :class="{ 'installed-mode': software.status === 'installed' }">
     <div class="card-left">
       <div class="icon-container">
         <img v-if="software.icon_url" :src="software.icon_url" :alt="software.name" class="software-icon" />
@@ -31,6 +31,14 @@
         >
           {{ actionLabel }}
         </button>
+
+        <button 
+          v-else-if="software.status === 'installed'" 
+          disabled
+          class="installed-btn"
+        >
+          已安装
+        </button>
         
         <div v-else-if="software.status === 'installing' || software.status === 'pending'" class="progress-status">
           <div class="progress-ring">
@@ -215,6 +223,17 @@ const placeholderColor = computed(() => {
   color: white;
 }
 
+.installed-btn {
+  padding: 8px 24px;
+  background-color: #E5E5E7;
+  border: none;
+  border-radius: 20px;
+  color: #86868B;
+  font-weight: 600;
+  font-size: 14px;
+  cursor: not-allowed;
+}
+
 .progress-status {
   display: flex;
   align-items: center;