20160116

frontend/src/components/ReviewView.tsx

@@ -83,9 +83,16 @@ export const ReviewView: React.FC<ReviewViewProps> = ({ onReviewComplete }) => {
               <div className="flex flex-col md:flex-row">
                 {/* Left: DIT */}
                 <div className="flex-1 p-5 border-b md:border-b-0 md:border-r border-slate-100 bg-slate-50/50">
-                  <div className="flex items-center gap-2 mb-2">
-                    <Badge type="info">DIT (設計導入)</Badge>
-                    <span className="text-xs text-slate-400">OP編號: {item.dit?.op_id}</span>
+                  <div className="flex flex-col gap-1 mb-3">
+                    <div className="flex items-center gap-2">
+                      <Badge type="info">DIT (設計導入)</Badge>
+                      <span className="text-xs text-slate-500 font-mono">OP NO: {item.dit?.op_id}</span>
+                    </div>
+                    {item.dit?.op_name && (
+                      <div className="text-sm font-medium text-indigo-900 line-clamp-2" title={item.dit.op_name}>
+                        {item.dit.op_name}
+                      </div>
+                    )}
                   </div>
                   <div className="space-y-1">
                     <div className="text-xs text-slate-400 uppercase">Customer Name</div>