Update index.html to reference new JavaScript file, remove obsolete asset, and e…

…nhance LabelTemplatesView and PeopleView components with phone number fields and styling adjustments.

Update index.html to reference new JavaScript file, remove obsolete asset, and e…
…nhance LabelTemplatesView and PeopleView components with phone number fields and styling adjustments.
“wangming”
1 parent e32d5dd8
Showing 4 changed files with 30 additions and 15 deletions
美国版/Food Labeling Management Platform/build/assets/index-CSLBXRYd.js → 美国版/Food Labeling Management Platform/build/assets/index-ChMXTsCq.js
美国版/Food Labeling Management Platform/build/index.html
美国版/Food Labeling Management Platform/src/components/labels/LabelTemplatesView.tsx
美国版/Food Labeling Management Platform/src/components/people/PeopleView.tsx
@@ -5,7 +5,7 @@
       <meta charset="UTF-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <title>Food Labeling Management Platform</title>
-      <script type="module" crossorigin src="/assets/index-CSLBXRYd.js"></script>
+      <script type="module" crossorigin src="/assets/index-ChMXTsCq.js"></script>
       <link rel="stylesheet" crossorigin href="/assets/index-DKXCW1Pt.css">
     </head>
@@ -45,8 +45,7 @@ export function LabelTemplatesView() {
   });
   const handleNewTemplate = () => {
-    setEditingTemplateId(null);
-    setViewMode('editor');
+    // 点击不跳转，仅保留按钮展示
   };
   const handleEditTemplate = (id: string) => {
@@ -97,7 +96,7 @@ export function LabelTemplatesView() {
           </SelectContent>
         </Select>
         <Button
-          className="hidden bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-md h-10 px-6 shrink-0 ml-auto"
+          className="bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-md h-10 px-6 shrink-0 ml-auto"
           onClick={handleNewTemplate}
         >
           New Label Template <Plus className="ml-1 w-4 h-4" />
@@ -83,8 +83,8 @@ const MOCK_ROLES = [
 ];
 const MOCK_PARTNERS = [
-  { id: 'p1', name: 'Global Foods Inc.', status: 'active', contact: 'admin@globalfoods.com' },
-  { id: 'p2', name: 'Local Eateries Co.', status: 'active', contact: 'support@localeateries.com' },
+  { id: 'p1', name: 'Global Foods Inc.', status: 'active', contact: 'admin@globalfoods.com', phone: '+1 (555) 100-2000' },
+  { id: 'p2', name: 'Local Eateries Co.', status: 'active', contact: 'support@localeateries.com', phone: '+1 (555) 200-3000' },
 ];
 const MOCK_GROUPS = [
@@ -99,6 +99,7 @@ const MOCK_MEMBERS = [
     role: 'Manager', 
     locations: ['Downtown Store (101)', 'Uptown Store (102)'], 
     email: 'alice@example.com',
+    phone: '+1 (555) 111-2222',
     status: 'active'
   },
   { 
@@ -107,6 +108,7 @@ const MOCK_MEMBERS = [
     role: 'Team Member', 
     locations: ['Airport Kiosk (201)'], 
     email: 'bob@example.com',
+    phone: '+1 (555) 222-3333',
     status: 'active'
   },
   { 
@@ -115,6 +117,7 @@ const MOCK_MEMBERS = [
     role: 'Team Member', 
     locations: ['Downtown Store (101)'], 
     email: 'charlie@example.com',
+    phone: '+1 (555) 333-4444',
     status: 'inactive'
   },
 ];
@@ -256,6 +259,7 @@ export function PeopleView() {
               <TableRow className="bg-gray-100">
                 <TableHead className="font-bold text-black border-r">Partner Name</TableHead>
                 <TableHead className="font-bold text-black border-r">Contact</TableHead>
+                <TableHead className="font-bold text-black border-r">Phone</TableHead>
                 <TableHead className="font-bold text-black border-r">Status</TableHead>
                 <TableHead className="font-bold text-black text-center">Actions</TableHead>
               </TableRow>
@@ -265,6 +269,7 @@ export function PeopleView() {
                 <TableRow key={p.id}>
                   <TableCell className="font-medium border-r">{p.name}</TableCell>
                   <TableCell className="border-r">{p.contact}</TableCell>
+                  <TableCell className="border-r text-gray-600">{p.phone}</TableCell>
                   <TableCell className="border-r">
                     <Badge className={p.status === 'active' ? "bg-green-600" : "bg-gray-400"}>
                       {p.status}
@@ -316,6 +321,7 @@ export function PeopleView() {
               <TableRow className="bg-gray-100">
                 <TableHead className="font-bold text-black border-r">Name</TableHead>
                 <TableHead className="font-bold text-black border-r">Email</TableHead>
+                <TableHead className="font-bold text-black border-r">Phone</TableHead>
                 <TableHead className="font-bold text-black border-r">Role</TableHead>
                 <TableHead className="font-bold text-black border-r">Assigned Locations</TableHead>
                 <TableHead className="font-bold text-black border-r">Status</TableHead>
@@ -327,6 +333,7 @@ export function PeopleView() {
                 <TableRow key={m.id}>
                   <TableCell className="font-medium border-r">{m.name}</TableCell>
                   <TableCell className="border-r text-gray-600">{m.email}</TableCell>
+                  <TableCell className="border-r text-gray-600">{m.phone}</TableCell>
                   <TableCell className="border-r">
                     <Badge variant="outline" className="font-normal">{m.role}</Badge>
                   </TableCell>
@@ -445,6 +452,10 @@ function CreatePartnerDialog({ open, onOpenChange }: { open: boolean; onOpenChan
             <Label>Contact Email</Label>
             <Input placeholder="admin@partner.com" />
           </div>
+          <div className="space-y-2">
+            <Label>Phone Number</Label>
+            <Input type="tel" placeholder="+1 (555) 000-0000" />
+          </div>
           <div className="flex items-center gap-2">
             <Switch id="partner-status" defaultChecked />
             <Label htmlFor="partner-status">Active</Label>
@@ -530,6 +541,11 @@ function CreateMemberDialog({ open, onOpenChange, roles }: { open: boolean; onOp
           </div>
           <div className="space-y-2">
+            <Label>Phone Number</Label>
+            <Input type="tel" placeholder="+1 (555) 000-0000" />
+          </div>
+
+          <div className="space-y-2">
             <ScrollArea className="h-[120px] w-full border rounded-md p-2">
               <div className="space-y-2">
                 {MOCK_LOCATIONS.map(loc => (