fix: 顶部卡片加点击下钻,部门移动端改为总资产/运营中/闲置中
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
15
src/App.tsx
15
src/App.tsx
@@ -474,7 +474,8 @@ export default function App() {
|
||||
{/* Header Summary - Ultra Compact */}
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-2 mb-6">
|
||||
{/* Total Assets */}
|
||||
<div className="bg-white p-2 rounded-sm border border-gray-100 shadow-sm flex items-center gap-2">
|
||||
<div className="bg-white p-2 rounded-sm border border-gray-100 shadow-sm flex items-center gap-2 cursor-pointer hover:bg-gray-50 transition-colors"
|
||||
onClick={() => setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All' })}>
|
||||
<div className="w-7 h-7 rounded bg-gray-50 flex items-center justify-center text-gray-400">
|
||||
<Truck size={14} />
|
||||
</div>
|
||||
@@ -485,7 +486,8 @@ export default function App() {
|
||||
</div>
|
||||
|
||||
{/* Operating */}
|
||||
<div className="bg-white p-2 rounded-sm border border-gray-100 shadow-sm flex items-center gap-2">
|
||||
<div className="bg-white p-2 rounded-sm border border-gray-100 shadow-sm flex items-center gap-2 cursor-pointer hover:bg-blue-50 transition-colors"
|
||||
onClick={() => setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', category: 'Operating' })}>
|
||||
<div className="w-7 h-7 rounded bg-blue-50 flex items-center justify-center text-blue-500">
|
||||
<Activity size={14} />
|
||||
</div>
|
||||
@@ -499,7 +501,8 @@ export default function App() {
|
||||
</div>
|
||||
|
||||
{/* Inventory */}
|
||||
<div className="bg-white p-2 rounded-sm border border-gray-100 shadow-sm flex items-center gap-2">
|
||||
<div className="bg-white p-2 rounded-sm border border-gray-100 shadow-sm flex items-center gap-2 cursor-pointer hover:bg-gray-50 transition-colors"
|
||||
onClick={() => setShowPlateNumbers({ batch: 'All', model: 'All', location: 'All', category: 'Inventory' })}>
|
||||
<div className="w-7 h-7 rounded bg-gray-50 flex items-center justify-center text-gray-500">
|
||||
<Warehouse size={14} />
|
||||
</div>
|
||||
@@ -1831,15 +1834,15 @@ export default function App() {
|
||||
</div>
|
||||
<div className="grid grid-cols-3 gap-2">
|
||||
<div className="text-center cursor-pointer hover:bg-gray-50 rounded p-1">
|
||||
<div className="text-[8px] text-gray-400 uppercase font-bold mb-0.5">总运营</div>
|
||||
<div className="text-[8px] text-gray-400 uppercase font-bold mb-0.5">总资产</div>
|
||||
<div className="text-xs font-black text-gray-800">{dept.totalAssets}</div>
|
||||
</div>
|
||||
<div className="text-center cursor-pointer hover:bg-green-50 rounded p-1">
|
||||
<div className="text-[8px] text-green-500 uppercase font-bold mb-0.5">出勤</div>
|
||||
<div className="text-[8px] text-green-500 uppercase font-bold mb-0.5">运营中</div>
|
||||
<div className="text-xs font-black text-green-500">{dept.operatingCount}</div>
|
||||
</div>
|
||||
<div className="text-center cursor-pointer hover:bg-gray-100 rounded p-1">
|
||||
<div className="text-[8px] text-gray-400 uppercase font-bold mb-0.5">闲置</div>
|
||||
<div className="text-[8px] text-gray-400 uppercase font-bold mb-0.5">闲置中</div>
|
||||
<div className="text-xs font-black text-gray-400">{dept.idleCount}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user