feat: 盲盒卡片增加显示可接单部门信息

frontend/src/views/TaskHall.vue

@@ -118,6 +118,22 @@
                   <span class="queue-label">排队序号</span>
                   <span class="queue-number">#{{ index + 1 }}</span>
                 </div>
+                <!-- 可接单部门信息 -->
+                <div v-if="getTaskAllowedDeptNames(task).length > 0" class="blind-box-depts">
+                  <span class="depts-label">
+                    <Icon name="building" size="sm" color="#52c41a" style="margin-right: 4px;" />
+                    可接单部门
+                  </span>
+                  <div class="depts-tags">
+                    <span 
+                      v-for="(deptName, idx) in getTaskAllowedDeptNames(task)" 
+                      :key="idx" 
+                      class="dept-tag"
+                    >
+                      {{ deptName }}
+                    </span>
+                  </div>
+                </div>
                 <div class="blind-box-hint">
                   <Icon name="lock" size="sm" color="#666" style="margin-right: 4px;" />
                   任务信息已隐藏
@@ -6923,6 +6939,37 @@ onUnmounted(() => {
         }
       }
       
+      .blind-box-depts {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-bottom: 12px;
+        
+        .depts-label {
+          display: flex;
+          align-items: center;
+          font-size: 12px;
+          color: rgba(255, 255, 255, 0.65);
+          margin-bottom: 6px;
+        }
+        
+        .depts-tags {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: center;
+          gap: 6px;
+          
+          .dept-tag {
+            padding: 2px 8px;
+            background: rgba(82, 196, 26, 0.15);
+            border: 1px solid rgba(82, 196, 26, 0.3);
+            border-radius: 4px;
+            font-size: 11px;
+            color: #52c41a;
+          }
+        }
+      }
+      
       .blind-box-hint {
         display: flex;
         align-items: center;