重构消息通知弹窗

frontend/src/pages/Dashboard/components/ApplicationCard.tsx

@@ -80,7 +80,7 @@ export const ApplicationCard: React.FC<ApplicationCardProps> = ({
                     {app.branch ? (
                         <code className="truncate font-mono">{app.branch}</code>
                     ) : (
-                        <Skeleton className="h-3 w-16" />
+                        <span className="text-amber-600 italic font-medium">未配置分支</span>
                     )}
                 </div>
 

frontend/src/pages/Dashboard/components/DeploymentFormModal.tsx

@@ -59,7 +59,7 @@ const DeploymentFormModal: React.FC<DeploymentFormModalProps> = ({
             environmentCode: environment.environmentCode || '',
             environmentName: environment.environmentName || '',
             // 任务编号（自动生成）
-            taskNo: '',
+            deployRemark: '',
             // 审批信息
             approval: {
                 required: environment.requiresApproval ? 'true' : 'false',

frontend/src/pages/Dashboard/components/EnvironmentTabs.tsx

@@ -104,7 +104,7 @@ export const EnvironmentTabs: React.FC<EnvironmentTabsProps> = React.memo(({
                 </CardContent>
               </Card>
             ) : (
-              <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4">
+              <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4">
                 {env.applications.map((app) => (
                   <ApplicationCard
                     key={app.teamApplicationId}

frontend/src/pages/Deploy/NotificationTemplate/List/components/NotificationTemplateDialog.tsx

@@ -34,7 +34,7 @@ import {
   createTemplate,
   updateTemplate,
   getTemplateById,
-  checkTemplateCodeUnique,
+  // checkTemplateCodeUnique, // 暂时注释掉，后端没有这个接口
   renderTemplate,
 } from '../service';
 import { TemplateEditor, TemplateRender } from './';
@@ -112,31 +112,31 @@ export const NotificationTemplateDialog: React.FC<NotificationTemplateDialogProp
   const watchedTemplate = watch('contentTemplate');
   const watchedTemplateConfig = watch('templateConfig');
 
-  // 验证编码唯一性
+  // 验证编码唯一性 - 暂时注释掉，后端没有这个接口
-  const validateCodeUnique = async (code: string) => {
+  // const validateCodeUnique = async (code: string) => {
-    if (!code || code.length < 1) return;
+  //   if (!code || code.length < 1) return;
+  //   
+  //   try {
+  //     const isUnique = await checkTemplateCodeUnique(code, editId);
+  //     if (!isUnique) {
+  //       setError('code', { message: '模板编码已存在' });
+  //     } else {
+  //       clearErrors('code');
+  //     }
+  //   } catch (error) {
+  //     console.error('Failed to check code uniqueness:', error);
+  //   }
+  // };
 
-    try {
+  // 监听编码变化进行唯一性验证 - 暂时注释掉，后端没有这个接口
-      const isUnique = await checkTemplateCodeUnique(code, editId);
+  // useEffect(() => {
-      if (!isUnique) {
+  //   if (watchedCode && mode === 'create') {
-        setError('code', { message: '模板编码已存在' });
+  //     const timer = setTimeout(() => {
-      } else {
+  //       validateCodeUnique(watchedCode);
-        clearErrors('code');
+  //     }, 500);
-      }
+  //     return () => clearTimeout(timer);
-    } catch (error) {
+  //   }
-      console.error('Failed to check code uniqueness:', error);
+  // }, [watchedCode, mode]);
-    }
-  };
-
-  // 监听编码变化进行唯一性验证
-  useEffect(() => {
-    if (watchedCode && mode === 'create') {
-      const timer = setTimeout(() => {
-        validateCodeUnique(watchedCode);
-      }, 500);
-      return () => clearTimeout(timer);
-    }
-  }, [watchedCode, mode]);
 
   // 加载编辑数据
   useEffect(() => {

frontend/src/pages/Deploy/NotificationTemplate/List/service.ts

@@ -126,15 +126,16 @@ export const batchDisableTemplates = async (ids: number[]): Promise<void> => {
 
 /**
  * 检查模板编码是否唯一
+ * 注：后端暂无此接口，临时注释掉
  */
-export const checkTemplateCodeUnique = async (
+// export const checkTemplateCodeUnique = async (
-  code: string,
+//   code: string,
-  excludeId?: number
+//   excludeId?: number
-): Promise<boolean> => {
+// ): Promise<boolean> => {
-  return request.get(`${API_PREFIX}/check-code`, {
+//   return request.get(`${API_PREFIX}/check-code`, {
-    params: { code, excludeId },
+//     params: { code, excludeId },
-  });
+//   });
-};
+// };
 
 /**
  * 渲染模板（根据模板内容）