卢阳 / front_backend_zImage

Go to a project
Toggle navigation Toggle navigation pinning
ly0303521
7592da80 1 parent cf5de959

删除视频生成的冗余参数，以及添加"参数详情"的分辨率和随机中

Inline Side-by-side
Showing 3 changed files with 19 additions and 6 deletions
@@ -127,6 +127,9 @@ const App: React.FC = () => { @@ -127,6 +127,9 @@ const App: React.FC = () => {
127 prompt: params.prompt, 127 prompt: params.prompt,
128 authorId: currentUser.employeeId, 128 authorId: currentUser.employeeId,
129 createdAt: Date.now(), 129 createdAt: Date.now(),
  130 + width: params.width,
  131 + height: params.height,
  132 + seed: params.seed,
130 likes: 0, 133 likes: 0,
131 isLikedByCurrentUser: false, 134 isLikedByCurrentUser: false,
132 generationTime: finalStatus.processing_time, 135 generationTime: finalStatus.processing_time,
@@ -89,26 +89,30 @@ const DetailModal: React.FC<DetailModalProps> = ({ image, onClose, onEdit, onGen @@ -89,26 +89,30 @@ const DetailModal: React.FC<DetailModalProps> = ({ image, onClose, onEdit, onGen
89 </div> 89 </div>
90 </div> 90 </div>
91 91
92 - {!isVideo && (  
93 <div className="grid grid-cols-2 gap-4"> 92 <div className="grid grid-cols-2 gap-4">
94 <div> 93 <div>
95 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">分辨率</label> 94 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">分辨率</label>
96 - <p className="text-gray-800 dark:text-gray-200 font-mono">{image.width} x {image.height}</p> 95 + <p className="text-gray-800 dark:text-gray-200 font-mono">
  96 + {image.width || (isVideo ? 1280 : 'N/A')} x {image.height || (isVideo ? 720 : 'N/A')}
  97 + </p>
97 </div> 98 </div>
98 <div> 99 <div>
99 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">随机种子</label> 100 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">随机种子</label>
100 - <p className="text-gray-800 dark:text-gray-200 font-mono">{image.seed}</p> 101 + <p className="text-gray-800 dark:text-gray-200 font-mono">{image.seed !== undefined ? image.seed : 'N/A'}</p>
101 </div> 102 </div>
  103 + {!isVideo && (
  104 + <>
102 <div> 105 <div>
103 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">生成步数</label> 106 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">生成步数</label>
104 - <p className="text-gray-800 dark:text-gray-200 font-mono">{image.num_inference_steps}</p> 107 + <p className="text-gray-800 dark:text-gray-200 font-mono">{image.num_inference_steps || 'N/A'}</p>
105 </div> 108 </div>
106 <div> 109 <div>
107 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">引导系数</label> 110 <label className="block text-xs font-semibold text-gray-400 uppercase mb-1">引导系数</label>
108 - <p className="text-gray-800 dark:text-gray-200 font-mono">{image.guidance_scale.toFixed(1)}</p>  
109 - </div> 111 + <p className="text-gray-800 dark:text-gray-200 font-mono">{image.guidance_scale ? image.guidance_scale.toFixed(1) : 'N/A'}</p>
110 </div> 112 </div>
  113 + </>
111 )} 114 )}
  115 + </div>
112 116
113 <div className="pt-6 mt-auto space-y-3"> 117 <div className="pt-6 mt-auto space-y-3">
114 {!isVideo && onGenerateSimilar && ( 118 {!isVideo && onGenerateSimilar && (
@@ -142,6 +142,8 @@ const InputBar: React.FC<InputBarProps> = ({ onGenerate, isGenerating, incomingP @@ -142,6 +142,8 @@ const InputBar: React.FC<InputBarProps> = ({ onGenerate, isGenerating, incomingP
142 </div> 142 </div>
143 143
144 <div className="space-y-2"> 144 <div className="space-y-2">
  145 + {!isVideoMode && (
  146 + <>
145 <label className="text-xs font-semibold text-gray-500 uppercase">分辨率 (宽高比)</label> 147 <label className="text-xs font-semibold text-gray-500 uppercase">分辨率 (宽高比)</label>
146 <div className="flex flex-wrap gap-2"> 148 <div className="flex flex-wrap gap-2">
147 {ASPECT_RATIOS.map((r) => ( 149 {ASPECT_RATIOS.map((r) => (
@@ -182,8 +184,11 @@ const InputBar: React.FC<InputBarProps> = ({ onGenerate, isGenerating, incomingP @@ -182,8 +184,11 @@ const InputBar: React.FC<InputBarProps> = ({ onGenerate, isGenerating, incomingP
182 </div> 184 </div>
183 </div> 185 </div>
184 )} 186 )}
  187 + </>
  188 + )}
185 </div> 189 </div>
186 190
  191 + {!isVideoMode && (
187 <div className="grid grid-cols-1 md:grid-cols-2 gap-6"> 192 <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
188 <div className="space-y-2"> 193 <div className="space-y-2">
189 <div className="flex justify-between"> 194 <div className="flex justify-between">
@@ -220,6 +225,7 @@ const InputBar: React.FC<InputBarProps> = ({ onGenerate, isGenerating, incomingP @@ -220,6 +225,7 @@ const InputBar: React.FC<InputBarProps> = ({ onGenerate, isGenerating, incomingP
220 </div> 225 </div>
221 </div> 226 </div>
222 </div> 227 </div>
  228 + )}
223 229
224 <div className="space-y-2"> 230 <div className="space-y-2">
225 <label className="text-xs font-semibold text-gray-500 uppercase">随机种子 (Seed)</label> 231 <label className="text-xs font-semibold text-gray-500 uppercase">随机种子 (Seed)</label>