+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| postcss.config.js | +
+
+ |
+ 0% | +0/6 | +0% | +0/1 | +0% | +0/1 | +0% | +0/6 | +
| tailwind.config.js | +
+
+ |
+ 0% | +0/81 | +0% | +0/1 | +0% | +0/1 | +0% | +0/81 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 | + + + + + + | export default { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +}; + |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 | 1x +1x +1x +1x +1x +1x +1x + +12x +12x + +12x +12x + +12x +12x +12x +12x +12x +8x +4x +12x +12x +12x +12x +12x +12x +12x + +12x + +12x + +12x +12x +12x +12x +12x +12x +12x +8x +4x +12x + +12x +12x +12x +12x +12x +12x +12x +4x +8x +12x + +12x +12x +12x +12x +12x +12x + + +12x +4x +4x +4x + +4x + +4x + + + +12x +12x +8x +8x +8x + +4x + +12x +12x + +12x +12x + +12x + +1x | import React from 'react';
+import Header from './components/Header';
+import Footer from './components/Footer';
+import InputSection from './components/InputSection';
+import ResultsSection from './components/ResultsSection';
+import useAppStore from './store/useAppStore';
+import { ArrowLeft, Settings, PieChart } from 'lucide-react';
+
+function App() {
+ const { activeTab, setActiveTab } = useAppStore();
+
+ return (
+ <div className="flex flex-col min-h-screen bg-neutral-50 relative">
+ {/* Background Pattern */}
+ <div
+ className="fixed inset-0 -z-10 pointer-events-none bg-blend-soft-light opacity-5"
+ style={{
+ backgroundImage: `url(${
+ activeTab === 'input'
+ ? 'https://radiology.bayer.com.au/sites/g/files/vrxlpx51191/files/2023-08/Experience%20MEDRAD%C2%AE%E2%80%AF%20Centargo%E2%80%99s%20Design.png'
+ : 'https://www.radiologysolutions.bayer.com/sites/g/files/vrxlpx50981/files/2024-10/PP-M-CEN-US-0190-1_Centargo_LandingPage_Image2%20compressed.png'
+ })`,
+ backgroundSize: 'cover',
+ backgroundPosition: 'center',
+ backgroundRepeat: 'no-repeat',
+ mixBlendMode: 'multiply'
+ }}
+ />
+
+ <Header />
+
+ <main className="flex-grow container mx-auto px-4 py-6">
+ {/* Tabs */}
+ <div className="mb-6">
+ <div className="border-b border-neutral-200">
+ <nav className="flex space-x-8" aria-label="Tabs">
+ <button
+ onClick={() => setActiveTab('input')}
+ className={`py-4 px-1 border-b-2 font-medium text-sm flex items-center space-x-2 ${
+ activeTab === 'input'
+ ? 'border-primary-500 text-primary-600'
+ : 'border-transparent text-neutral-500 hover:text-neutral-700 hover:border-neutral-300'
+ }`}
+ >
+ <Settings className="h-4 w-4" />
+ <span>参数设置</span>
+ </button>
+ <button
+ onClick={() => setActiveTab('results')}
+ className={`py-4 px-1 border-b-2 font-medium text-sm flex items-center space-x-2 ${
+ activeTab === 'results'
+ ? 'border-primary-500 text-primary-600'
+ : 'border-transparent text-neutral-500 hover:text-neutral-700 hover:border-neutral-300'
+ }`}
+ >
+ <PieChart className="h-4 w-4" />
+ <span>结果分析</span>
+ </button>
+ </nav>
+ </div>
+ </div>
+
+ {/* Back button (only on results tab) */}
+ {activeTab === 'results' && (
+ <button
+ onClick={() => setActiveTab('input')}
+ className="flex items-center text-sm text-neutral-600 hover:text-primary-600 mb-4 transition"
+ >
+ <ArrowLeft className="h-4 w-4 mr-1" />
+ 返回参数设置
+ </button>
+ )}
+
+ {/* Content */}
+ <div className="max-w-6xl mx-auto">
+ {activeTab === 'input' ? (
+ <div className="w-full mx-auto">
+ <InputSection />
+ </div>
+ ) : (
+ <ResultsSection />
+ )}
+ </div>
+ </main>
+
+ <Footer />
+ </div>
+ );
+}
+
+export default App; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 | 1x +1x + +1x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x + +12x + +1x | import React from 'react';
+import { Info } from 'lucide-react';
+
+const Footer: React.FC = () => {
+ return (
+ <footer className="bg-neutral-50 py-4 mt-8 border-t border-neutral-200">
+ <div className="container mx-auto px-4">
+ <div className="flex flex-col md:flex-row justify-between items-center text-sm text-neutral-500">
+ <div className="flex items-center space-x-1 mb-2 md:mb-0">
+ <Info className="h-4 w-4" />
+ <span>数据基于 2023 - 2024 年设备参数和市场价格</span>
+ </div>
+ <div>
+ <p>© 放射科高注 ROI 对比工具 | 版本 1.0.0</p>
+ </div>
+ </div>
+ </div>
+ </footer>
+ );
+};
+
+export default Footer; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 | 1x +1x + + +1x +12x + +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x + +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x +12x + +12x + +1x | import React from 'react';
+import useAppStore from '../store/useAppStore';
+import Image from './Image';
+
+const Header: React.FC = () => {
+ const { setActiveTab } = useAppStore();
+
+ return (
+ <header className="bg-white shadow-sm">
+ <div className="container mx-auto px-4 py-4">
+ <div className="flex justify-between items-center">
+ <div className="flex items-center space-x-2">
+ <img
+ src="/images/Icon/ct-scan.svg"
+ alt="CT Scan Icon"
+ className="h-8 w-8"
+ />
+ <button
+ onClick={() => setActiveTab('input')}
+ className="text-xl font-semibold text-neutral-800 hover:text-primary-600 transition-colors"
+ >
+ CT高注增强效益工具表
+ </button>
+ </div>
+ <div className="flex items-center space-x-2">
+ <span className="text-sm font-medium text-neutral-600">数据可视化分析工具</span>
+ </div>
+ </div>
+ <div className="mt-2 text-sm text-neutral-500 text-right">
+ <span>作者: Xiaolei Zhu | </span>
+ <a href="mailto:zxl1412@gmail.com" className="hover:text-primary-600">zxl1412@gmail.com</a>
+ </div>
+ </div>
+ </header>
+ );
+};
+
+export default Header; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react'; + +// 图片导入处理助手 +const getImageUrl = (src: string): string => { + // 如果图片已经是完整URL或者以http开头，直接返回 + if (src.startsWith('http') || src.startsWith('data:')) { + return src; + } + + // 确保首个字符是/ + const path = src.startsWith('/') ? src : `/${src}`; + + // 在Vite中，/public目录下的资源可直接通过根路径访问 + return path; +}; + +interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> { + src: string; + fallback?: string; +} + +const Image: React.FC<ImageProps> = ({ src, fallback = '/images/placeholder.png', ...rest }) => { + const [imgSrc, setImgSrc] = React.useState<string>(getImageUrl(src)); + const [error, setError] = React.useState<boolean>(false); + + // 图片加载错误时使用fallback + const handleError = () => { + if (!error) { + setImgSrc(getImageUrl(fallback)); + setError(true); + } + }; + + return ( + <img + src={imgSrc} + onError={handleError} + {...rest} + /> + ); +}; + +export default Image; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 | 1x +1x +1x +1x + + +1x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x + +8x +8x +8x + +8x +8x + +8x + +8x +8x +8x +8x +8x +8x +8x +8x +8x + + + + +8x +8x +8x + +8x +8x +8x +8x +8x + +8x + + +8x +8x +8x +8x + +8x + +8x + +8x +8x + +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x + +8x +8x +8x + +8x +8x +8x +8x +8x + +8x +8x +8x +8x + +8x +8x +8x +8x + + +8x +8x + +8x +8x +8x +8x +8x +8x +8x +8x +8x +8x + + +8x + +8x +8x + +8x +8x +8x +8x +8x +8x +8x + +8x +48x +48x +48x +8x +8x +8x +8x +8x + + +8x +8x + +8x +8x +8x +8x +8x +8x +8x + +8x +48x +48x +48x +8x +8x +8x +8x +8x +8x + + +8x +8x +8x +8x + +8x +8x +8x +8x + + +8x +8x +8x +8x +8x +8x +8x +8x +8x + + + + +8x +8x +8x + +8x +8x +8x +8x +8x + +8x +8x +8x + +8x + +1x | import React, { useEffect, useState } from 'react';
+import { Calculator, ChevronDown } from 'lucide-react';
+import useAppStore from '../store/useAppStore';
+import { getDeviceOptions, getDeviceById } from '../data/devices';
+import Image from './Image';
+
+const InputSection: React.FC = () => {
+ const {
+ patientVolume,
+ volumeType,
+ targetDeviceId,
+ baseDeviceId,
+ ctDeviceCount,
+ setPatientVolume,
+ setVolumeType,
+ setTargetDeviceId,
+ setBaseDeviceId,
+ setCtDeviceCount,
+ calculateResults
+ } = useAppStore();
+
+ const deviceOptions = getDeviceOptions();
+ const targetDevice = getDeviceById(targetDeviceId);
+ const baseDevice = getDeviceById(baseDeviceId);
+
+ return (
+ <div className="flex flex-col lg:flex-row gap-8">
+ {/* Main content: Input form with device images on sides */}
+ <div className="flex-1 flex flex-col md:flex-row gap-6 items-center">
+ {/* Left Device Image */}
+ <div className="w-full md:w-1/4 flex justify-center">
+ {targetDevice && (
+ <div className="p-4 bg-white rounded-lg shadow-sm transition-all hover:shadow-md">
+ <div className="aspect-square flex items-center justify-center overflow-hidden bg-neutral-50 rounded-md p-4">
+ <img
+ src={targetDevice.imageUrl}
+ alt={`${targetDevice.brand} ${targetDevice.model}`}
+ className="max-h-40 object-contain mix-blend-multiply"
+ onError={(e) => {
+ // Fallback if image fails to load
+ e.currentTarget.onerror = null;
+ e.currentTarget.src = "https://cdn-icons-png.flaticon.com/512/5769/5769530.png";
+ }}
+ />
+ </div>
+ <p className="text-sm text-center mt-3 text-neutral-600 font-medium">
+ 目标设备
+ </p>
+ <p className="text-xs text-center text-neutral-500">
+ {targetDevice.brand} {targetDevice.model}
+ </p>
+ </div>
+ )}
+ </div>
+
+ {/* Input Form */}
+ <div className="flex-1 w-full">
+ <div className="bg-white rounded-lg shadow-card p-6 animate-fade-in">
+ <h2 className="text-lg font-semibold text-neutral-800 mb-6 flex items-center">
+ <Calculator className="h-5 w-5 mr-2 text-primary-500" />
+ 输入参数
+ </h2>
+
+ <div className="space-y-6">
+ {/* Patient Volume Input */}
+ <div className="space-y-2">
+ <label htmlFor="patientVolume" className="block text-sm font-medium text-neutral-700">
+ 单台CT对应患者增强量
+ </label>
+ <div className="flex items-center space-x-3">
+ <input
+ id="patientVolume"
+ type="number"
+ min="1"
+ value={patientVolume}
+ onChange={(e) => setPatientVolume(Number(e.target.value))}
+ className="flex-1 rounded-md border border-neutral-300 px-3 py-2 text-neutral-800 focus:ring-2 focus:ring-primary-400 focus:border-primary-400 transition"
+ />
+ <div className="inline-flex rounded-md shadow-sm">
+ <button
+ type="button"
+ className={`px-4 py-2 text-sm font-medium rounded-l-md border ${
+ volumeType === 'daily'
+ ? 'bg-primary-500 text-white border-primary-500'
+ : 'bg-white text-neutral-700 border-neutral-300 hover:bg-neutral-50'
+ }`}
+ onClick={() => setVolumeType('daily')}
+ >
+ 每日
+ </button>
+ <button
+ type="button"
+ className={`px-4 py-2 text-sm font-medium rounded-r-md border ${
+ volumeType === 'monthly'
+ ? 'bg-primary-500 text-white border-primary-500'
+ : 'bg-white text-neutral-700 border-neutral-300 hover:bg-neutral-50'
+ }`}
+ onClick={() => setVolumeType('monthly')}
+ >
+ 每月
+ </button>
+ </div>
+ </div>
+ </div>
+
+ {/* CT Device Count Input */}
+ <div className="space-y-2">
+ <label htmlFor="ctDeviceCount" className="block text-sm font-medium text-neutral-700">
+ CT设备数量
+ </label>
+ <input
+ id="ctDeviceCount"
+ type="number"
+ min="1"
+ value={ctDeviceCount}
+ onChange={(e) => setCtDeviceCount(Number(e.target.value))}
+ className="w-full rounded-md border border-neutral-300 px-3 py-2 text-neutral-800 focus:ring-2 focus:ring-primary-400 focus:border-primary-400 transition"
+ />
+ </div>
+
+ {/* Device Selections - Two column layout on larger screens */}
+ <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+ {/* Target Device Selection */}
+ <div className="space-y-2">
+ <label htmlFor="targetDevice" className="block text-sm font-medium text-neutral-700">
+ 目标设备
+ </label>
+ <div className="relative">
+ <select
+ id="targetDevice"
+ value={targetDeviceId}
+ onChange={(e) => setTargetDeviceId(e.target.value)}
+ className="block w-full rounded-md border border-neutral-300 px-3 py-2 text-neutral-800 appearance-none focus:ring-2 focus:ring-primary-400 focus:border-primary-400 transition"
+ >
+ {deviceOptions.map((device) => (
+ <option key={device.id} value={device.id}>
+ {device.name}
+ </option>
+ ))}
+ </select>
+ <ChevronDown className="absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-neutral-500 pointer-events-none" />
+ </div>
+ </div>
+
+ {/* Comparison Device Selection */}
+ <div className="space-y-2">
+ <label htmlFor="baseDevice" className="block text-sm font-medium text-neutral-700">
+ 对比设备
+ </label>
+ <div className="relative">
+ <select
+ id="baseDevice"
+ value={baseDeviceId}
+ onChange={(e) => setBaseDeviceId(e.target.value)}
+ className="block w-full rounded-md border border-neutral-300 px-3 py-2 text-neutral-800 appearance-none focus:ring-2 focus:ring-primary-400 focus:border-primary-400 transition"
+ >
+ {deviceOptions.map((device) => (
+ <option key={device.id} value={device.id}>
+ {device.name}
+ </option>
+ ))}
+ </select>
+ <ChevronDown className="absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-neutral-500 pointer-events-none" />
+ </div>
+ </div>
+ </div>
+
+ {/* Calculate Button */}
+ <button
+ onClick={calculateResults}
+ className="w-full mt-6 flex items-center justify-center py-3 px-4 bg-primary-500 hover:bg-primary-600 text-white font-medium rounded-md transition shadow-sm hover:shadow focus:outline-none focus:ring-2 focus:ring-primary-400 focus:ring-offset-2"
+ >
+ 计算 ROI 并对比
+ </button>
+ </div>
+ </div>
+ </div>
+
+ {/* Right Device Image */}
+ <div className="w-full md:w-1/4 flex justify-center">
+ {baseDevice && (
+ <div className="p-4 bg-white rounded-lg shadow-sm transition-all hover:shadow-md">
+ <div className="aspect-square flex items-center justify-center overflow-hidden bg-neutral-50 rounded-md p-4">
+ <img
+ src={baseDevice.imageUrl}
+ alt={`${baseDevice.brand} ${baseDevice.model}`}
+ className="max-h-40 object-contain mix-blend-multiply"
+ onError={(e) => {
+ // Fallback if image fails to load
+ e.currentTarget.onerror = null;
+ e.currentTarget.src = "https://cdn-icons-png.flaticon.com/512/5769/5769530.png";
+ }}
+ />
+ </div>
+ <p className="text-sm text-center mt-3 text-neutral-600 font-medium">
+ 对比设备
+ </p>
+ <p className="text-xs text-center text-neutral-500">
+ {baseDevice.brand} {baseDevice.model}
+ </p>
+ </div>
+ )}
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default InputSection; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 | + + + + + + + + + + + + + + + + + + + + + | import React from 'react'; +import { Globe } from 'lucide-react'; +import { useI18n } from '../contexts/I18nContext'; + +const LanguageToggle: React.FC = () => { + const { language, toggleLanguage } = useI18n(); + + return ( + <button + onClick={toggleLanguage} + className="flex items-center space-x-2 px-3 py-2 rounded-lg bg-white shadow-sm border border-neutral-200 hover:bg-neutral-50 transition-colors" + title={language === 'zh' ? 'Switch to English' : '切换到中文'} + > + <Globe className="h-4 w-4 text-neutral-600" /> + <span className="text-sm font-medium text-neutral-700"> + {language === 'zh' ? 'EN' : '中文'} + </span> + </button> + ); +}; + +export default LanguageToggle; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 | 1x +1x +1x +1x + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x | import React from 'react';
+import { TrendingDown, TrendingUp, Minus, Info } from 'lucide-react';
+import useAppStore from '../store/useAppStore';
+import { getDeviceById } from '../data/devices';
+import { formatVolume } from '../utils/calculations';
+
+const ParameterComparison: React.FC = () => {
+ const { targetDeviceId, baseDeviceId, calculationResult } = useAppStore();
+
+ const targetDevice = getDeviceById(targetDeviceId);
+ const baseDevice = getDeviceById(baseDeviceId);
+
+ if (!targetDevice || !baseDevice || !calculationResult) {
+ return null;
+ }
+
+ // Parameters to compare
+ const parameters = [
+ { key: "耗材更换时间_分钟", label: "耗材更换时间", unit: "分钟", lowerIsBetter: true },
+ { key: "单次检查总耗时_分钟", label: "单次检查总耗时", unit: "分钟", lowerIsBetter: true },
+ { key: "设备10年折旧率", label: "10年折旧率", unit: "%", lowerIsBetter: true },
+ { key: "临床精准度", label: "临床精准度", unit: "分", lowerIsBetter: false },
+ { key: "科研附加值", label: "科研附加值", unit: "分", lowerIsBetter: false },
+ { key: "造影剂节省量", label: "造影剂节省量", unit: "分", lowerIsBetter: false }
+ ];
+
+ const booleanParameters = [
+ { key: "信息化支持", label: "信息化支持" },
+ { key: "智能协议支持", label: "智能协议支持" },
+ ];
+
+ return (
+ <div className="bg-white rounded-lg shadow-card p-6 animate-fade-in">
+ <div className="flex items-center justify-between mb-4">
+ <h2 className="text-lg font-semibold text-neutral-800">参数对比</h2>
+ <div className="flex items-center text-xs text-neutral-500">
+ <Info className="h-3.5 w-3.5 mr-1" />
+ <span>数值对比</span>
+ </div>
+ </div>
+
+ <div className="overflow-x-auto">
+ <table className="min-w-full divide-y divide-neutral-200">
+ <thead>
+ <tr>
+ <th className="px-4 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">参数</th>
+ <th className="px-4 py-3 text-center text-xs font-medium text-neutral-500 uppercase tracking-wider">{targetDevice.brand} {targetDevice.model}</th>
+ <th className="px-4 py-3 text-center text-xs font-medium text-neutral-500 uppercase tracking-wider">{baseDevice.brand} {baseDevice.model}</th>
+ <th className="px-4 py-3 text-center text-xs font-medium text-neutral-500 uppercase tracking-wider">对比</th>
+ </tr>
+ </thead>
+ <tbody className="bg-white divide-y divide-neutral-200">
+ {parameters.map((param) => {
+ const targetValue = targetDevice.specs[param.key] as number;
+ const baseValue = baseDevice.specs[param.key] as number;
+ const diff = targetValue - baseValue;
+
+ let trend;
+ if (diff === 0) {
+ trend = <Minus className="h-4 w-4 text-neutral-400" />;
+ } else if ((param.lowerIsBetter && diff < 0) || (!param.lowerIsBetter && diff > 0)) {
+ trend = <TrendingUp className="h-4 w-4 text-green-500" />;
+ } else {
+ trend = <TrendingDown className="h-4 w-4 text-red-500" />;
+ }
+
+ return (
+ <tr key={param.key}>
+ <td className="px-4 py-3 text-sm text-neutral-700">{param.label}</td>
+ <td className="px-4 py-3 text-sm text-center font-medium text-neutral-900">{targetValue} {param.unit}</td>
+ <td className="px-4 py-3 text-sm text-center text-neutral-700">{baseValue} {param.unit}</td>
+ <td className="px-4 py-3 text-center">
+ <div className="flex items-center justify-center">
+ {trend}
+ <span className="ml-1 text-sm text-neutral-700">
+ {Math.abs(diff).toFixed(1)} {param.unit}
+ </span>
+ </div>
+ </td>
+ </tr>
+ );
+ })}
+
+ {booleanParameters.map((param) => {
+ const targetValue = targetDevice.specs[param.key] as boolean;
+ const baseValue = baseDevice.specs[param.key] as boolean;
+
+ let trend;
+ if (targetValue === baseValue) {
+ trend = <Minus className="h-4 w-4 text-neutral-400" />;
+ } else if (targetValue && !baseValue) {
+ trend = <TrendingUp className="h-4 w-4 text-green-500" />;
+ } else {
+ trend = <TrendingDown className="h-4 w-4 text-red-500" />;
+ }
+
+ return (
+ <tr key={param.key}>
+ <td className="px-4 py-3 text-sm text-neutral-700">{param.label}</td>
+ <td className="px-4 py-3 text-sm text-center font-medium text-neutral-900">
+ {targetValue ? '✓' : '✗'}
+ </td>
+ <td className="px-4 py-3 text-sm text-center text-neutral-700">
+ {baseValue ? '✓' : '✗'}
+ </td>
+ <td className="px-4 py-3 text-center">
+ <div className="flex items-center justify-center">
+ {trend}
+ </div>
+ </td>
+ </tr>
+ );
+ })}
+ </tbody>
+ </table>
+ </div>
+ </div>
+ );
+};
+
+export default ParameterComparison; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 | 1x +1x +1x +1x +1x +1x +1x +1x + +1x +4x + +4x +4x + +4x +4x +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x +4x +4x +4x +4x +4x +4x + +4x +4x +4x + + +4x +4x +4x + + +4x + +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x + +4x + +1x | import React from 'react';
+import { ArrowDown, ArrowUp, Clock, DollarSign, PercentSquare, Droplets, BookOpen, PlusCircle } from 'lucide-react';
+import useAppStore from '../store/useAppStore';
+import { getDeviceById } from '../data/devices';
+import { formatCurrency, formatPercent, formatVolume, calculateExtraCTExams } from '../utils/calculations';
+import BarChartComponent from './charts/BarChart';
+import RadarChartComponent from './charts/RadarChart';
+import ParameterComparison from './ParameterComparison';
+
+const ResultsSection: React.FC = () => {
+ const { calculationResult, targetDeviceId, baseDeviceId } = useAppStore();
+
+ const targetDevice = getDeviceById(targetDeviceId);
+ const baseDevice = getDeviceById(baseDeviceId);
+
+ if (!calculationResult || !targetDevice || !baseDevice) {
+ return null;
+ }
+
+ const { deltaP, deltaV, roi, monthlySavings, annualSavings, contrastSavings } = calculationResult;
+
+ // Determine if investment is worthy based on ROI
+ const isWorthyInvestment = roi > 15;
+
+ // Calculate monthly time value saved in hours
+ const monthlyTimeSaved = deltaP / 2 / 60; // Convert from Yuan (2 Yuan/min) to hours
+ const monthlyWorkingHours = 26 * 10; // 26 days * 10 hours
+ const efficiencyImprovement = ((monthlyWorkingHours / (monthlyWorkingHours - monthlyTimeSaved)) - 1) * 100;
+
+ // Calculate extra CT examinations that can be performed with saved time
+ const monthlyExtraCT = calculateExtraCTExams(monthlyTimeSaved, targetDevice.specs["单次检查总耗时_分钟"]);
+
+ // Calculate potential extra revenue (assuming 250 Yuan per CT exam)
+ const ctExamRevenue = 250; // Yuan per exam
+ const potentialExtraRevenue = monthlyExtraCT * ctExamRevenue;
+
+ // Calculate contrast agent savings cost
+ const contrastSavingsCost = contrastSavings * 2; // 2 Yuan/ml
+
+ // 确定科研应用价值评级
+ const determineResearchValue = () => {
+ // 检查条件：科研附加值>7，是否活塞式，是否三筒，是否NMPA ClassIII，智能协议支持，信息化支持
+ const conditions = [
+ targetDevice.specs["科研附加值"] > 7,
+ targetDevice.specs["注射技术类型"] === "活塞式",
+ targetDevice.specs["管路类型"] === "三筒",
+ targetDevice.specs["NMPA等级"] === "NMPA ClassIII",
+ targetDevice.specs["智能协议支持"],
+ targetDevice.specs["信息化支持"]
+ ];
+
+ // 计算满足的条件数量
+ const satisfiedCount = conditions.filter(Boolean).length;
+
+ if (satisfiedCount === 6) {
+ return {
+ rating: "显著",
+ explanation: <>
+ <p>1.Centargo作为多通道活塞式高压注射器具备首个医疗器械临床三类证，提供精准稳定和个性化的增强注射方案<sup>4,6</sup></p>
+ <p className="mt-2">2.智能化协议及P3T双流提供更多个性化注射扫描方案，进一步优化图像质量<sup>5</sup></p>
+ <p className="mt-2">3. 结合最新的光子计数CT应用，提供更多科研价值<sup>9,10</sup></p>
+ <p className="mt-4">想要了解更多Centargo临床科研特点，请联系👉<a href="mailto:xiaolei.zhu@bayer.com" className="text-primary-600 hover:underline">Bayer AS Group</a></p>
+ </>
+ };
+ } else if (satisfiedCount >= 3) {
+ return {
+ rating: "较高",
+ explanation: "该设备具备信息化支持，活塞式和多通道管路特色，可以为精准的临床科研应用提供有力支撑"
+ };
+ } else {
+ return {
+ rating: "不明显",
+ explanation: "该设备可用于临床，如果开展相关科研需要更多证据以及额外选配一些功能"
+ };
+ }
+ };
+
+ const researchValue = determineResearchValue();
+
+ return (
+ <div className="space-y-6 animate-fade-in">
+ {/* Key Metrics Cards */}
+ <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+ {/* 工作效率提升 - 放大突出 */}
+ <div className="bg-white rounded-lg shadow-card p-6 hover:shadow-card-hover transition-shadow border-2 border-primary-300">
+ <div className="flex items-center space-x-3 mb-3">
+ <div className="bg-primary-100 p-3 rounded-full">
+ <Clock className="h-6 w-6 text-primary-600" />
+ </div>
+ <h3 className="text-base font-medium text-neutral-700">每台CT每月工作效率提升</h3>
+ </div>
+ <p className="text-3xl font-bold text-primary-700">
+ {efficiencyImprovement.toFixed(1)}%
+ </p>
+ <p className="text-sm text-neutral-600 mt-2">
+ 每月节省 <span className="font-semibold">{monthlyTimeSaved.toFixed(1)}</span> 工作小时，相当于节省 <span className="font-semibold">{(monthlyTimeSaved * 60).toFixed(0)}</span> 分钟
+ </p>
+ </div>
+
+ {/* 月检查增加量 - 放大突出 */}
+ <div className="bg-white rounded-lg shadow-card p-6 hover:shadow-card-hover transition-shadow border-2 border-secondary-300">
+ <div className="flex items-center space-x-3 mb-3">
+ <div className="bg-secondary-100 p-3 rounded-full">
+ <PlusCircle className="h-6 w-6 text-secondary-600" />
+ </div>
+ <h3 className="text-base font-medium text-neutral-700">每月每台CT检查增加量</h3>
+ </div>
+ <p className="text-3xl font-bold text-secondary-700">
+ {Math.round(monthlyExtraCT)} 例
+ </p>
+ <p className="text-sm text-neutral-600 mt-2">
+ 节省的时间可用于增加检查，每月潜在增加收入 <span className="font-semibold">{formatCurrency(potentialExtraRevenue)}</span>
+ </p>
+ </div>
+ </div>
+
+ {/* Charts Section */}
+ <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+ <BarChartComponent />
+ <RadarChartComponent />
+ </div>
+
+ {/* Parameters Comparison Table */}
+ <ParameterComparison />
+
+ {/* Summary and Recommendation */}
+ <div className="bg-white rounded-lg shadow-card p-6">
+ <h2 className="text-lg font-semibold mb-4 text-neutral-800">分析结论</h2>
+ <div className="space-y-4 text-neutral-700">
+ <p>
+ 对比分析显示，使用 <a href="https://www.radiologysolutions.bayer.com/medrad-centargo-ct" className="text-primary-600 hover:underline" target="_blank" rel="noopener noreferrer">{targetDevice.brand} {targetDevice.model}</a><sup>6</sup> 相比 {baseDevice.brand} {baseDevice.model}，
+ <span className="font-bold text-primary-700 bg-primary-50 px-2 py-1 rounded">医院每月可提升工作效率 {efficiencyImprovement.toFixed(1)}%，相当于节省 {monthlyTimeSaved.toFixed(1)} 个工作小时。</span>
+ </p>
+
+ <div className="space-y-2">
+ <p className="font-medium">收益主要来自以下方面：</p>
+ <ul className="list-disc pl-5 space-y-2">
+ <li>
+ <span className="font-medium">时间效益 (∆P):</span> {formatCurrency(deltaP)}/月
+ <p className="text-sm text-neutral-600 mt-1">
+ 根据<a href="https://doi.org/10.2147/mder.s353221" className="text-primary-600 hover:underline" target="_blank" rel="noopener noreferrer">PerCenT研究</a><sup>7</sup>，通过优化工作流程和自动化操作，患者检查时间节省40-63%。计算方法：
+ </p>
+ <ul className="list-decimal pl-5 text-sm text-neutral-600 mt-1 space-y-1">
+ <li>每患者时间节省 = 基准设备检查时间 ({baseDevice.specs["单次检查总耗时_分钟"]}分钟) - 目标设备检查时间 ({targetDevice.specs["单次检查总耗时_分钟"]}分钟)</li>
+ <li>总时间节省 = 每患者时间节省 × 月患者量 × 时间成本</li>
+ </ul>
+ </li>
+ <li>
+ <span className="font-medium">增加检查量:</span> {Math.round(monthlyExtraCT)} 例/月
+ <p className="text-sm text-neutral-600 mt-1">
+ 该设备通过节省时间可以增加检查量，提高CT设备利用率，计算方法：
+ </p>
+ <ul className="list-decimal pl-5 text-sm text-neutral-600 mt-1 space-y-1">
+ <li>每月节省工作时间 = {monthlyTimeSaved.toFixed(1)} 小时 = {(monthlyTimeSaved * 60).toFixed(0)} 分钟</li>
+ <li>每次检查耗时 = {targetDevice.specs["单次检查总耗时_分钟"]} 分钟</li>
+ <li>可增加检查数量 = 节省时间 / 每次检查耗时 = {Math.round(monthlyExtraCT)} 例</li>
+ <li>潜在收入增加 = 增加检查数 × 单次检查收费 = {formatCurrency(potentialExtraRevenue)}</li>
+ </ul>
+ </li>
+ <li>
+ <span className="font-medium">成本效益 (∆V):</span> {formatCurrency(deltaV)}/月，投资回报率为 {formatPercent(roi)}
+ <p className="text-sm text-neutral-600 mt-1">
+ 通过智能协议和高效耗材管理实现成本优化，包括耗材成本和对比剂节省，参考<a href="https://doi.org/10.1109/tbme.2020.3003131" className="text-primary-600 hover:underline" target="_blank" rel="noopener noreferrer">CARE研究</a><sup>8</sup>。
+ </p>
+ </li>
+ <li>
+ <span className="font-medium">造影剂节省:</span> {formatVolume(contrastSavings)}/月，价值约 {formatCurrency(contrastSavingsCost)}
+ <p className="text-sm text-neutral-600 mt-1">
+ 在DRG/DIP政策支付模式下，<strong>不应只考虑耗材，而也要考虑对比剂的节省</strong>。{targetDevice.brand} {targetDevice.model}采用多通道管路系统、智能个性化注射方案，实现造影剂用量的精准控制<sup>1,2,3,4</sup>。
+ </p>
+ </li>
+ <li>
+ <span className="font-medium">科研应用价值:</span> <span className={`font-medium ${
+ researchValue.rating === "显著" ? "text-green-600" :
+ researchValue.rating === "较高" ? "text-blue-600" : "text-amber-600"
+ }`}>{researchValue.rating}</span>
+ <div className="text-sm text-neutral-600 mt-1">
+ {researchValue.explanation}
+ </div>
+ </li>
+ </ul>
+ </div>
+
+ <p className="mt-4">
+ 从临床及经济角度考虑，{targetDevice.brand} {targetDevice.model}
+ {isWorthyInvestment
+ ? <span className="text-green-600 font-medium"> 是一项值得的投资</span>
+ : <span className="text-amber-600 font-medium"> 需要谨慎评估其投资价值</span>
+ }，
+ 年度总节省 <span className="font-semibold">{formatCurrency(annualSavings)}</span>。
+ {targetDevice.specs["智能协议支持"] &&
+ <span className="text-primary-600"> 特别是其智能协议可带来高价值的对比剂节省，直接转化为经济效益和患者安全性提升。</span>
+ }
+ </p>
+
+ <div className="mt-8 text-sm text-neutral-600 space-y-2">
+ <h3 className="font-semibold">参考文献：</h3>
+ <ol className="list-decimal pl-5 space-y-2">
+ <li>Mihl C et al. Evaluation of individually body weight adapted contrast media injection in coronary CT-angiography. Eur J Radiol. 2016;85(4):830-6. doi: <a href="https://doi.org/10.1016/j.ejrad.2015.12.031" target="_blank" rel="noopener noreferrer">10.1016/j.ejrad.2015.12.031</a></li>
+ <li>Martens B et al. Individually Body Weight-Adapted Contrast Media Application in Computed Tomography Imaging of the Liver at 90 kVp. Invest Radiol. 2019;54(3):177-182. doi: <a href="https://doi.org/10.1097/rli.0000000000000525" target="_blank" rel="noopener noreferrer">10.1097/rli.0000000000000525</a></li>
+ <li>Hendriks BMF .et al. Individually tailored contrast enhancement in CT pulmonary angiography. Br J Radiol. 2016;89(1061):20150850. doi: <a href="https://doi.org/10.1259/bjr.20150850" target="_blank" rel="noopener noreferrer">10.1259/bjr.20150850</a></li>
+ <li>Seifarth H et al. Introduction of an individually optimized protocol for the injection of contrast medium for coronary CT angiography. Eur Radiol. 2009;19(10):2373-82. doi: <a href="https://doi.org/10.1007/s00330-009-1421-7" target="_blank" rel="noopener noreferrer">10.1007/s00330-009-1421-7</a></li>
+ <li><a href="https://www.radiologysolutions.bayer.com/products/dosing-software/personalized-dosing-software" target="_blank" rel="noopener noreferrer">Smart Protocol个性化剂量方案及P3T双流注射方案</a></li>
+ <li><a href="https://www.bayer.com.cn/zh-hans/baieryingxiangzhenduanxiecentargoliangxiangdiqijiejinbohui" target="_blank" rel="noopener noreferrer">国内首个三类证CT高压注射系统Centargo</a></li>
+ <li>Kemper, C.A. et al. (2022). Performance of Centargo: A novel Piston based injection System for High Throughput in CE CT. Medical Devices(Auckland, NZ)15, 79. doi: <a href="https://doi.org/10.2147/mder.s353221" target="_blank" rel="noopener noreferrer">10.2147/mder.s353221</a></li>
+ <li>Mcdemott MC et al. IEEE Trans Biomed Eng. 2021. doi: <a href="https://doi.org/10.1109/tbme.2020.3003131" target="_blank" rel="noopener noreferrer">10.1109/tbme.2020.3003131</a></li>
+ <li>McDermott MC et al. Countering Calcium Blooming With Personalized Contrast Media Injection Protocols: The 1-2-3 Rule for Photon-Counting Detector CCTA. Invest Radiol. 2024 Oct 1;59(10):684-690. doi: <a href="https://doi.org/10.1097/RLI.0000000000001078" target="_blank" rel="noopener noreferrer">10.1097/RLI.0000000000001078</a></li>
+ <li>Caruso D et al. Deep learning reconstruction algorithm and high-concentration contrast medium: feasibility of a double-low protocol in coronary computed tomography angiography. Eur Radiol. 2025 Apr;35(4):2213-2221. doi: <a href="https://doi.org/10.1007/s00330-024-11059-x" target="_blank" rel="noopener noreferrer">10.1007/s00330-024-11059-x</a></li>
+ </ol>
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default ResultsSection; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 | 1x +1x +1x +1x +1x + + +1x + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x | import React from 'react';
+import { BarChart as RechartsBarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
+import useAppStore from '../../store/useAppStore';
+import { getDeviceById } from '../../data/devices';
+import { formatCurrency, formatPercent, formatVolume } from '../../utils/calculations';
+
+// Custom tooltip component
+const CustomTooltip = ({ active, payload, label }: any) => {
+ if (active && payload && payload.length) {
+ const data = payload[0].payload;
+ return (
+ <div className="bg-white p-3 border border-neutral-200 shadow-lg rounded-md">
+ <p className="font-medium text-neutral-800">{label}</p>
+ <p className="text-sm">
+ <span className="font-medium text-primary-500">{data.formattedValue}</span>
+ </p>
+ </div>
+ );
+ }
+ return null;
+};
+
+const BarChartComponent: React.FC = () => {
+ const { calculationResult, targetDeviceId, baseDeviceId } = useAppStore();
+
+ if (!calculationResult) return null;
+
+ const targetDevice = getDeviceById(targetDeviceId);
+ const baseDevice = getDeviceById(baseDeviceId);
+
+ if (!targetDevice || !baseDevice) return null;
+
+ const { monthlySavings, annualSavings, roi, contrastSavings } = calculationResult;
+
+ // Prepare data for the bar chart
+ const data = [
+ {
+ name: '月节省',
+ value: monthlySavings,
+ formattedValue: formatCurrency(monthlySavings),
+ fill: '#0077c8'
+ },
+ {
+ name: '年节省',
+ value: annualSavings,
+ formattedValue: formatCurrency(annualSavings),
+ fill: '#34a87c'
+ },
+ {
+ name: 'ROI',
+ value: roi,
+ formattedValue: formatPercent(roi),
+ fill: '#ef4444'
+ },
+ {
+ name: '月造影剂节省',
+ value: contrastSavings,
+ formattedValue: formatVolume(contrastSavings),
+ fill: '#E46C0A'
+ }
+ ];
+
+ return (
+ <div className="bg-white rounded-lg shadow-card p-4 h-full">
+ <h3 className="text-lg font-semibold mb-4 text-neutral-800">经济效益对比</h3>
+ <div className="h-72">
+ <ResponsiveContainer width="100%" height="100%">
+ <RechartsBarChart
+ data={data}
+ margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+ barSize={40}
+ >
+ <CartesianGrid strokeDasharray="3 3" vertical={false} stroke="#e5e7eb" />
+ <XAxis
+ dataKey="name"
+ axisLine={false}
+ tickLine={false}
+ tick={{ fill: '#4b5563', fontSize: 12 }}
+ />
+ <YAxis
+ axisLine={false}
+ tickLine={false}
+ tick={{ fill: '#4b5563', fontSize: 12 }}
+ tickFormatter={(value) => {
+ if (value >= 10000) return `${(value / 10000).toFixed(0)}万`;
+ return value.toString();
+ }}
+ />
+ <Tooltip content={<CustomTooltip />} />
+ <Bar
+ dataKey="value"
+ radius={[4, 4, 0, 0]}
+ fill="#0077c8"
+ fillOpacity={0.8}
+ className="cursor-pointer"
+ />
+ </RechartsBarChart>
+ </ResponsiveContainer>
+ </div>
+ <div className="mt-4 text-sm text-neutral-600">
+ <p className="text-center mb-2">对比显示 {targetDevice.brand} {targetDevice.model} 与 {baseDevice.brand} {baseDevice.model} 的增强月经济效益差异（包含造影剂+耗材的消耗）</p>
+ <p className="text-xs italic">
+ ¹PerCenT研究证实患者时间将节省40-63%（Kemper, C.A. et.al. (2022). Performance of Centargo: A novel Piston based injection System for High Throughput in CE CT. Medical Devices(Auckland, NZ)15, 79.），经测算，同等时间下增加每日增强量所带来的收益计算
+ </p>
+ </div>
+ </div>
+ );
+};
+
+export default BarChartComponent; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 | 1x + + + + + + + + + +1x +1x +1x + +1x + + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x | import React from 'react';
+import {
+ RadarChart as RechartsRadarChart,
+ PolarGrid,
+ PolarAngleAxis,
+ PolarRadiusAxis,
+ Radar,
+ Legend,
+ ResponsiveContainer,
+ Tooltip
+} from 'recharts';
+import useAppStore from '../../store/useAppStore';
+import { getDeviceById } from '../../data/devices';
+
+const RadarTooltip = ({ active, payload }: any) => {
+ if (active && payload && payload.length) {
+ return (
+ <div className="bg-white p-2 border border-neutral-200 shadow-lg rounded-md text-xs">
+ <p className="font-medium">{payload[0].payload.subject}</p>
+ {payload.map((entry: any) => (
+ <p key={entry.dataKey} style={{ color: entry.color }}>
+ {entry.name}: {entry.value.toFixed(1)}
+ </p>
+ ))}
+ </div>
+ );
+ }
+ return null;
+};
+
+const RadarChartComponent: React.FC = () => {
+ const { radarData, targetDeviceId, baseDeviceId } = useAppStore();
+
+ const targetDevice = getDeviceById(targetDeviceId);
+ const baseDevice = getDeviceById(baseDeviceId);
+
+ if (!radarData.length || !targetDevice || !baseDevice) {
+ return null;
+ }
+
+ const tooltips = {
+ "临床精准度": "CARE研究证实活塞式高注结合主动气泡管理，对提升图像质量有显著帮助（Mcdemott MC .et.al. IEEE Trans Biomed Eng. 2021）",
+ "工作效率": "耗材更换时间成本及AutoDoc™ 信息化加持证明对患者增强检查提高了效率",
+ "易用性": "信息化加持信息化及AutoDoc™ 扫码枪功能方便加大了数据可回溯性和高注易用性",
+ "科研附加值": "个性化方案，P3T方案及KVp Set助力提升科研价值",
+ "维护便捷性": "Bayer VirtualCare及Bayer工程师团队敏捷运营",
+ "造影剂节省量": "通过智能化协议及多通道管路系统可有效减少造影剂浪费"
+ };
+
+ return (
+ <div className="bg-white rounded-lg shadow-card p-4 h-full">
+ <h3 className="text-lg font-semibold mb-4 text-neutral-800">设备参数雷达图</h3>
+ <div className="h-72">
+ <ResponsiveContainer width="100%" height="100%">
+ <RechartsRadarChart outerRadius="70%" data={radarData}>
+ <PolarGrid stroke="#e5e7eb" />
+ <PolarAngleAxis
+ dataKey="subject"
+ tick={{ fill: '#4b5563', fontSize: 12 }}
+ />
+ <PolarRadiusAxis
+ angle={18}
+ domain={[0, 10]}
+ tick={{ fill: '#6b7280', fontSize: 10 }}
+ />
+ <Tooltip content={<RadarTooltip />} />
+ <Radar
+ name={`${targetDevice.brand} ${targetDevice.model}`}
+ dataKey="centargo"
+ stroke={targetDevice.brand === "Bayer" ? "#E46C0A" : "#0077c8"}
+ fill={targetDevice.brand === "Bayer" ? "#E46C0A" : "#0077c8"}
+ fillOpacity={0.4}
+ />
+ <Radar
+ name={`${baseDevice.brand} ${baseDevice.model}`}
+ dataKey="comparison"
+ stroke="#6b7280"
+ fill="#6b7280"
+ fillOpacity={0.3}
+ />
+ <Legend
+ align="center"
+ verticalAlign="bottom"
+ height={36}
+ wrapperStyle={{ fontSize: '12px', color: '#4b5563' }}
+ />
+ </RechartsRadarChart>
+ </ResponsiveContainer>
+ </div>
+ <div className="mt-4 space-y-2">
+ <p className="text-sm text-center text-neutral-600">多维度参数对比分析（满分10分）</p>
+ <div className="text-xs text-neutral-500 space-y-1">
+ {Object.entries(tooltips).map(([key, value]) => (
+ <div key={key} className="flex items-start space-x-1">
+ <span className="font-medium min-w-24">{key}:</span>
+ <span className="italic flex-1">{value}</span>
+ </div>
+ ))}
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default RadarChartComponent; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| BarChart.tsx | +
+
+ |
+ 8.42% | +8/95 | +100% | +0/0 | +0% | +0/2 | +8.42% | +8/95 | +
| RadarChart.tsx | +
+
+ |
+ 8.04% | +7/87 | +100% | +0/0 | +0% | +0/2 | +8.04% | +7/87 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Footer.tsx | +
+
+ |
+ 100% | +19/19 | +100% | +1/1 | +100% | +1/1 | +100% | +19/19 | +
| Header.tsx | +
+
+ |
+ 100% | +32/32 | +100% | +1/1 | +50% | +1/2 | +100% | +32/32 | +
| Image.tsx | +
+
+ |
+ 0% | +0/25 | +0% | +0/1 | +0% | +0/1 | +0% | +0/25 | +
| InputSection.tsx | +
+
+ |
+ 95.29% | +162/170 | +60% | +3/5 | +11.11% | +1/9 | +95.29% | +162/170 | +
| LanguageToggle.tsx | +
+
+ |
+ 0% | +0/17 | +0% | +0/1 | +0% | +0/1 | +0% | +0/17 | +
| ParameterComparison.tsx | +
+
+ |
+ 5.82% | +6/103 | +100% | +0/0 | +0% | +0/1 | +5.82% | +6/103 | +
| ResultsSection.tsx | +
+
+ |
+ 27.52% | +49/178 | +12.5% | +1/8 | +50% | +1/2 | +27.52% | +49/178 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, { createContext, useContext, useState, ReactNode } from 'react'; +import { Language, Translations } from '../types/i18n'; +import { zhTranslations, enTranslations } from '../i18n'; + +interface I18nContextType { + language: Language; + setLanguage: (lang: Language) => void; + t: Translations; + toggleLanguage: () => void; +} + +const I18nContext = createContext<I18nContextType | undefined>(undefined); + +const translations: Record<Language, Translations> = { + zh: zhTranslations, + en: enTranslations, +}; + +interface I18nProviderProps { + children: ReactNode; +} + +export const I18nProvider: React.FC<I18nProviderProps> = ({ children }) => { + const [language, setLanguage] = useState<Language>('zh'); // Chinese as default + + const toggleLanguage = () => { + setLanguage(prev => prev === 'zh' ? 'en' : 'zh'); + }; + + const value: I18nContextType = { + language, + setLanguage, + t: translations[language], + toggleLanguage, + }; + + return ( + <I18nContext.Provider value={value}> + {children} + </I18nContext.Provider> + ); +}; + +export const useI18n = (): I18nContextType => { + const context = useContext(I18nContext); + if (context === undefined) { + throw new Error('useI18n must be used within an I18nProvider'); + } + return context; +}; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| I18nContext.tsx | +
+
+ |
+ 0% | +0/29 | +0% | +0/1 | +0% | +0/1 | +0% | +0/29 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 | + + +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x +1x + +1x +41x +41x + +1x +5x +5x +5x +5x +5x + +1x +11x +66x +66x +11x +11x + +1x +2x + +2x +12x +12x +10x +10x +12x +2x + +2x +2x | import { DevicesData } from '../types';
+
+// 在Vite中，/public目录下的资源可以直接通过根路径访问
+export const devicesData: DevicesData = {
+ "version": "1.0.1",
+ "lastUpdated": "2025-05-07T22:00:00Z",
+ "devices": {
+ "Bayer-Centargo": {
+ "brand": "Bayer",
+ "model": "Centargo",
+ "category": "高压注射器",
+ "isBase": false,
+ "imageUrl": "/images/devices/bayer-centargo.png",
+ "specs": {
+ "耗材更换时间_分钟": 0.33,
+ "单次检查总耗时_分钟": 5,
+ "信息化支持": true,
+ "智能协议支持": true,
+ "单次检查耗材成本_元": 100,
+ "设备采购成本_万元": 33,
+ "设备10年折旧率": 8,
+ "临床精准度": 9,
+ "科研附加值": 9,
+ "工作效率": 8,
+ "易用性": 8,
+ "维护便捷性": 8.5,
+ "造影剂节省量": 9,
+ "注射技术类型": "活塞式",
+ "管路类型": "三筒",
+ "NMPA等级": "NMPA ClassIII"
+ }
+ },
+ "Ulrich-CTMotion": {
+ "brand": "Ulrich",
+ "model": "CTMotion",
+ "category": "高压注射器",
+ "isBase": true,
+ "imageUrl": "/images/devices/ulrich-ctmotion.png",
+ "specs": {
+ "耗材更换时间_分钟": 2,
+ "单次检查总耗时_分钟": 7,
+ "信息化支持": true,
+ "智能协议支持": false,
+ "单次检查耗材成本_元": 110,
+ "设备采购成本_万元": 25,
+ "设备10年折旧率": 10,
+ "临床精准度": 7,
+ "科研附加值": 7,
+ "工作效率": 7,
+ "易用性": 7.5,
+ "维护便捷性": 7,
+ "造影剂节省量": 7.5,
+ "注射技术类型": "蠕吸式",
+ "管路类型": "三筒",
+ "NMPA等级": "NMPA ClassII"
+ }
+ },
+ "Guerbet-OptiVantage": {
+ "brand": "Guerbet",
+ "model": "OptiVantage",
+ "category": "高压注射器",
+ "isBase": false,
+ "imageUrl": "/images/devices/guerbet-optivantage.png",
+ "specs": {
+ "耗材更换时间_分钟": 3,
+ "单次检查总耗时_分钟": 8,
+ "信息化支持": true,
+ "智能协议支持": false,
+ "单次检查耗材成本_元": 125,
+ "设备采购成本_万元": 24,
+ "设备10年折旧率": 9,
+ "临床精准度": 7,
+ "科研附加值": 6,
+ "工作效率": 7.5,
+ "易用性": 7,
+ "维护便捷性": 7.5,
+ "造影剂节省量": 8,
+ "注射技术类型": "蠕吸式",
+ "管路类型": "双筒",
+ "NMPA等级": "NMPA ClassII"
+ }
+ },
+ "Bayer-Stellant": {
+ "brand": "Bayer",
+ "model": "Stellant DCE",
+ "category": "高压注射器",
+ "isBase": true,
+ "imageUrl": "/images/devices/bayer-stellant.png",
+ "specs": {
+ "耗材更换时间_分钟": 3,
+ "单次检查总耗时_分钟": 10,
+ "信息化支持": true,
+ "智能协议支持": false,
+ "单次检查耗材成本_元": 110,
+ "设备采购成本_万元": 20,
+ "设备10年折旧率": 8,
+ "临床精准度": 8.5,
+ "科研附加值": 8,
+ "工作效率": 7,
+ "易用性": 7.5,
+ "维护便捷性": 7,
+ "造影剂节省量": 7,
+ "注射技术类型": "活塞式",
+ "管路类型": "双筒",
+ "NMPA等级": "NMPA ClassII"
+ }
+ },
+ "CLear-Edot": {
+ "brand": "Clear",
+ "model": "Edot",
+ "category": "高压注射器",
+ "isBase": true,
+ "imageUrl": "/images/devices/clear-edot.png",
+ "specs": {
+ "耗材更换时间_分钟": 2,
+ "单次检查总耗时_分钟": 8,
+ "信息化支持": true,
+ "智能协议支持": false,
+ "单次检查耗材成本_元": 120,
+ "设备采购成本_万元": 15,
+ "设备10年折旧率": 12,
+ "临床精准度": 6,
+ "科研附加值": 6,
+ "工作效率": 7,
+ "易用性": 7,
+ "维护便捷性": 6,
+ "造影剂节省量": 7,
+ "注射技术类型": "蠕吸式",
+ "管路类型": "三筒",
+ "NMPA等级": "NMPA ClassII"
+ }
+ },
+ "Medtron-Accutron": {
+ "brand": "Medtron",
+ "model": "Accutron",
+ "category": "高压注射器",
+ "isBase": false,
+ "imageUrl": "/images/devices/medtron-accutron.png",
+ "specs": {
+ "耗材更换时间_分钟": 3,
+ "单次检查总耗时_分钟": 10,
+ "信息化支持": false,
+ "智能协议支持": false,
+ "单次检查耗材成本_元": 88,
+ "设备采购成本_万元": 15,
+ "设备10年折旧率": 10,
+ "临床精准度": 7,
+ "科研附加值": 7,
+ "工作效率": 6,
+ "易用性": 7,
+ "维护便捷性": 6,
+ "造影剂节省量": 6,
+ "注射技术类型": "蠕吸式",
+ "管路类型": "双筒",
+ "NMPA等级": "NMPA ClassII"
+ }
+ }
+ }
+};
+
+export const getDeviceById = (id: string) => {
+ return devicesData.devices[id];
+};
+
+export const getBaseDevice = () => {
+ const baseDeviceEntry = Object.entries(devicesData.devices).find(
+ ([_, device]) => device.isBase
+ );
+ return baseDeviceEntry ? baseDeviceEntry[0] : 'Ulrich-CTMotion';
+};
+
+export const getDeviceOptions = () => {
+ return Object.keys(devicesData.devices).map(id => ({
+ id,
+ name: `${devicesData.devices[id].brand} ${devicesData.devices[id].model}`
+ }));
+};
+
+export const getBrandModels = () => {
+ const brands: Record<string, string[]> = {};
+
+ Object.entries(devicesData.devices).forEach(([id, device]) => {
+ const { brand, model } = device;
+ if (!brands[brand]) {
+ brands[brand] = [];
+ }
+ brands[brand].push(id);
+ });
+
+ return brands;
+}; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| devices.ts | +
+
+ |
+ 100% | +182/182 | +88.88% | +8/9 | +100% | +4/4 | +100% | +182/182 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import { Translations } from '../types/i18n';
+
+export const enTranslations: Translations = {
+ nav: {
+ parameterSettings: 'Parameter Settings',
+ resultsAnalysis: 'Results Analysis',
+ backToSettings: 'Back to Settings',
+ },
+
+ header: {
+ title: 'CT Contrast Enhancement ROI Calculator',
+ subtitle: 'Data Visualization Analysis Tool',
+ author: 'Author: Xiaolei Zhu',
+ },
+
+ input: {
+ title: 'Parameter Configuration',
+ patientVolume: 'Patient Volume',
+ volumeType: {
+ daily: 'Daily Patient Volume',
+ monthly: 'Monthly Patient Volume',
+ },
+ targetDevice: 'Target Device',
+ baseDevice: 'Baseline Device',
+ ctDeviceCount: 'CT Device Count',
+ calculateButton: 'Calculate ROI',
+ deviceSelection: {
+ target: 'Select Target Device',
+ base: 'Select Baseline Device',
+ },
+ },
+
+ results: {
+ title: 'Return on Investment Analysis Results',
+ timeEfficiency: 'Time Efficiency (ΔP)',
+ costEfficiency: 'Cost Efficiency (ΔV)',
+ totalMonthlySavings: 'Total Monthly Savings',
+ totalAnnualSavings: 'Total Annual Savings',
+ roi: 'Return on Investment',
+ contrastSavings: 'Contrast Agent Savings',
+ performanceComparison: 'Device Performance Comparison',
+ parameterComparison: 'Parameter Comparison',
+ additionalExams: 'Additional Exams Possible',
+ metrics: {
+ clinicalAccuracy: 'Clinical Accuracy',
+ workEfficiency: 'Work Efficiency',
+ usability: 'Usability',
+ researchValue: 'Research Value',
+ maintenanceConvenience: 'Maintenance Convenience',
+ contrastSaving: 'Contrast Savings',
+ },
+ specifications: {
+ consumableChangeTime: 'Consumable Change Time',
+ examTotalTime: 'Total Exam Time',
+ informationSupport: 'Information Support',
+ smartProtocolSupport: 'Smart Protocol Support',
+ consumableCost: 'Consumable Cost per Exam',
+ purchaseCost: 'Device Purchase Cost',
+ depreciationRate: '10-Year Depreciation Rate',
+ injectionTechnology: 'Injection Technology',
+ tubeType: 'Tube Type',
+ nmpaLevel: 'NMPA Level',
+ },
+ units: {
+ minutes: 'minutes',
+ yuan: 'CNY',
+ tenThousandYuan: '10K CNY',
+ percent: '%',
+ ml: 'ml',
+ exams: 'exams',
+ },
+ values: {
+ yes: 'Yes',
+ no: 'No',
+ pistonType: 'Piston Type',
+ peristalticType: 'Peristaltic Type',
+ doubleTube: 'Double Tube',
+ tripleTube: 'Triple Tube',
+ },
+ },
+
+ footer: {
+ copyright: '© 2024 CT Contrast Enhancement ROI Calculator. All rights reserved.',
+ version: 'Version',
+ },
+
+ common: {
+ loading: 'Loading...',
+ error: 'Error',
+ success: 'Success',
+ cancel: 'Cancel',
+ confirm: 'Confirm',
+ },
+}; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ ++ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 | + + | export { zhTranslations } from './zh';
+export { enTranslations } from './en';
+export * from '../types/i18n'; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import { Translations } from '../types/i18n';
+
+export const zhTranslations: Translations = {
+ nav: {
+ parameterSettings: '参数设置',
+ resultsAnalysis: '结果分析',
+ backToSettings: '返回参数设置',
+ },
+
+ header: {
+ title: 'CT高注增强效益工具表',
+ subtitle: '数据可视化分析工具',
+ author: '作者: Xiaolei Zhu',
+ },
+
+ input: {
+ title: '参数设置',
+ patientVolume: '患者量',
+ volumeType: {
+ daily: '每日患者量',
+ monthly: '每月患者量',
+ },
+ targetDevice: '目标设备',
+ baseDevice: '基准设备',
+ ctDeviceCount: 'CT设备数量',
+ calculateButton: '计算ROI',
+ deviceSelection: {
+ target: '选择目标设备',
+ base: '选择基准设备',
+ },
+ },
+
+ results: {
+ title: '投资回报率分析结果',
+ timeEfficiency: '时间效益 (ΔP)',
+ costEfficiency: '成本效益 (ΔV)',
+ totalMonthlySavings: '月度总节省',
+ totalAnnualSavings: '年度总节省',
+ roi: '投资回报率',
+ contrastSavings: '造影剂节省量',
+ performanceComparison: '设备性能对比',
+ parameterComparison: '参数对比',
+ additionalExams: '可增加检查数量',
+ metrics: {
+ clinicalAccuracy: '临床精准度',
+ workEfficiency: '工作效率',
+ usability: '易用性',
+ researchValue: '科研附加值',
+ maintenanceConvenience: '维护便捷性',
+ contrastSaving: '造影剂节省量',
+ },
+ specifications: {
+ consumableChangeTime: '耗材更换时间',
+ examTotalTime: '单次检查总耗时',
+ informationSupport: '信息化支持',
+ smartProtocolSupport: '智能协议支持',
+ consumableCost: '单次检查耗材成本',
+ purchaseCost: '设备采购成本',
+ depreciationRate: '设备10年折旧率',
+ injectionTechnology: '注射技术类型',
+ tubeType: '管路类型',
+ nmpaLevel: 'NMPA等级',
+ },
+ units: {
+ minutes: '分钟',
+ yuan: '元',
+ tenThousandYuan: '万元',
+ percent: '%',
+ ml: 'ml',
+ exams: '次检查',
+ },
+ values: {
+ yes: '是',
+ no: '否',
+ pistonType: '活塞式',
+ peristalticType: '蠕吸式',
+ doubleTube: '双筒',
+ tripleTube: '三筒',
+ },
+ },
+
+ footer: {
+ copyright: '© 2024 CT高注增强效益工具表. 保留所有权利.',
+ version: '版本',
+ },
+
+ common: {
+ loading: '加载中...',
+ error: '错误',
+ success: '成功',
+ cancel: '取消',
+ confirm: '确认',
+ },
+}; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ ++ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 | + + + + + + + + + + + + + | import { StrictMode } from 'react'; +import { createRoot } from 'react-dom/client'; +import App from './App.tsx'; +import { I18nProvider } from './contexts/I18nContext'; +import './index.css'; + +createRoot(document.getElementById('root')!).render( + <StrictMode> + <I18nProvider> + <App /> + </I18nProvider> + </StrictMode> +); + |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| useAppStore.ts | +
+
+ |
+ 100% | +49/49 | +100% | +11/11 | +100% | +7/7 | +100% | +49/49 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 | 1x + + + +1x + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x + +2x +2x +2x +2x +2x + + +2x +2x + + +2x +2x + + +2x + +2x + +2x + +2x + +2x + +2x +4x + +4x +4x + +4x +4x + +4x +1x +1x +1x +1x +1x +1x +1x + + +3x +3x +3x +3x +3x +3x + + +3x + + +3x +3x +3x +3x +3x +3x +4x + +2x +1x + +1x | import { create } from 'zustand';
+import {
+ getBaseDevice,
+ getDeviceById
+} from '../data/devices';
+import {
+ calculateROI,
+ generateRadarData
+} from '../utils/calculations';
+import type {
+ InputData,
+ CalculationResult,
+ ComparisonRadarData,
+ Device
+} from '../types';
+
+interface AppState {
+ // Input state
+ patientVolume: number;
+ volumeType: 'daily' | 'monthly';
+ targetDeviceId: string;
+ baseDeviceId: string;
+ ctDeviceCount: number;
+
+ // Result state
+ calculationResult: CalculationResult | null;
+ radarData: ComparisonRadarData[];
+
+ // UI state
+ activeTab: 'input' | 'results';
+ isLoading: boolean;
+
+ // Actions
+ setPatientVolume: (volume: number) => void;
+ setVolumeType: (type: 'daily' | 'monthly') => void;
+ setTargetDeviceId: (id: string) => void;
+ setBaseDeviceId: (id: string) => void;
+ setCtDeviceCount: (count: number) => void;
+ calculateResults: () => void;
+ setActiveTab: (tab: 'input' | 'results') => void;
+}
+
+const useAppStore = create<AppState>((set, get) => ({
+ // Default input values
+ patientVolume: 50,
+ volumeType: 'daily',
+ targetDeviceId: 'Bayer-Centargo',
+ baseDeviceId: getBaseDevice(),
+ ctDeviceCount: 1,
+
+ // Default result state
+ calculationResult: null,
+ radarData: [],
+
+ // Default UI state
+ activeTab: 'input',
+ isLoading: false,
+
+ // Actions
+ setPatientVolume: (volume) => set({ patientVolume: volume }),
+
+ setVolumeType: (type) => set({ volumeType: type }),
+
+ setTargetDeviceId: (id) => set({ targetDeviceId: id }),
+
+ setBaseDeviceId: (id) => set({ baseDeviceId: id }),
+
+ setCtDeviceCount: (count) => set({ ctDeviceCount: count }),
+
+ calculateResults: () => {
+ set({ isLoading: true });
+
+ const { patientVolume, volumeType, targetDeviceId, baseDeviceId } = get();
+ const isDaily = volumeType === 'daily';
+
+ const targetDevice = getDeviceById(targetDeviceId);
+ const baseDevice = getDeviceById(baseDeviceId);
+
+ if (!targetDevice || !baseDevice) {
+ set({
+ isLoading: false,
+ calculationResult: null,
+ radarData: []
+ });
+ return;
+ }
+
+ // Calculate results
+ const result = calculateROI(
+ baseDevice,
+ targetDevice,
+ patientVolume,
+ isDaily
+ );
+
+ // Generate radar chart data
+ const radarData = generateRadarData(baseDevice, targetDevice);
+
+ // Update state with results
+ set({
+ calculationResult: result,
+ radarData,
+ isLoading: false,
+ activeTab: 'results'
+ });
+ },
+
+ setActiveTab: (tab) => set({ activeTab: tab })
+}));
+
+export default useAppStore; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| utils.tsx | +
+
+ |
+ 0% | +0/32 | +0% | +0/1 | +0% | +0/1 | +0% | +0/32 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react'; +import { render, RenderOptions } from '@testing-library/react'; + +// Custom render function that can be extended with providers if needed +const customRender = ( + ui: React.ReactElement, + options?: Omit<RenderOptions, 'wrapper'> +) => render(ui, { ...options }); + +export * from '@testing-library/react'; +export { customRender as render }; + +// Mock data for testing +export const mockDeviceSpecs = { + "耗材更换时间_分钟": 1, + "单次检查总耗时_分钟": 6, + "信息化支持": true, + "智能协议支持": true, + "单次检查耗材成本_元": 105, + "设备采购成本_万元": 30, + "设备10年折旧率": 9, + "临床精准度": 8, + "科研附加值": 8, + "工作效率": 7.5, + "易用性": 7.5, + "维护便捷性": 7.5, + "造影剂节省量": 8, + "注射技术类型": "活塞式" as const, + "管路类型": "三筒" as const, + "NMPA等级": "NMPA ClassIII" as const +}; + +export const createMockDevice = (overrides = {}) => ({ + brand: 'Test', + model: 'Device', + category: '高压注射器', + isBase: false, + imageUrl: '/test.png', + specs: { ...mockDeviceSpecs, ...overrides } +}); + +// Helper to wait for async operations +export const waitFor = (ms: number) => new Promise(resolve => setTimeout(resolve, ms)); |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | export type Language = 'zh' | 'en';
+
+export interface Translations {
+ // Navigation
+ nav: {
+ parameterSettings: string;
+ resultsAnalysis: string;
+ backToSettings: string;
+ };
+
+ // Header
+ header: {
+ title: string;
+ subtitle: string;
+ author: string;
+ };
+
+ // Input Section
+ input: {
+ title: string;
+ patientVolume: string;
+ volumeType: {
+ daily: string;
+ monthly: string;
+ };
+ targetDevice: string;
+ baseDevice: string;
+ ctDeviceCount: string;
+ calculateButton: string;
+ deviceSelection: {
+ target: string;
+ base: string;
+ };
+ };
+
+ // Results Section
+ results: {
+ title: string;
+ timeEfficiency: string;
+ costEfficiency: string;
+ totalMonthlySavings: string;
+ totalAnnualSavings: string;
+ roi: string;
+ contrastSavings: string;
+ performanceComparison: string;
+ parameterComparison: string;
+ additionalExams: string;
+ metrics: {
+ clinicalAccuracy: string;
+ workEfficiency: string;
+ usability: string;
+ researchValue: string;
+ maintenanceConvenience: string;
+ contrastSaving: string;
+ };
+ specifications: {
+ consumableChangeTime: string;
+ examTotalTime: string;
+ informationSupport: string;
+ smartProtocolSupport: string;
+ consumableCost: string;
+ purchaseCost: string;
+ depreciationRate: string;
+ injectionTechnology: string;
+ tubeType: string;
+ nmpaLevel: string;
+ };
+ units: {
+ minutes: string;
+ yuan: string;
+ tenThousandYuan: string;
+ percent: string;
+ ml: string;
+ exams: string;
+ };
+ values: {
+ yes: string;
+ no: string;
+ pistonType: string;
+ peristalticType: string;
+ doubleTube: string;
+ tripleTube: string;
+ };
+ };
+
+ // Footer
+ footer: {
+ copyright: string;
+ version: string;
+ };
+
+ // Common
+ common: {
+ loading: string;
+ error: string;
+ success: string;
+ cancel: string;
+ confirm: string;
+ };
+} |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ ++ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | export interface DeviceSpecs {
+ "耗材更换时间_分钟": number;
+ "单次检查总耗时_分钟": number;
+ "信息化支持": boolean;
+ "智能协议支持": boolean;
+ "单次检查耗材成本_元": number;
+ "设备采购成本_万元": number;
+ "设备10年折旧率": number;
+ "临床精准度": number;
+ "科研附加值": number;
+ "工作效率": number;
+ "易用性": number;
+ "维护便捷性": number;
+ "造影剂节省量": number;
+ "注射技术类型": "活塞式" | "蠕吸式";
+ "管路类型": "双筒" | "三筒";
+ "NMPA等级": "NMPA ClassIII" | "NMPA ClassII";
+}
+
+export interface Device {
+ brand: string;
+ model: string;
+ category: string;
+ isBase: boolean;
+ imageUrl: string;
+ specs: DeviceSpecs;
+}
+
+export interface DevicesData {
+ version: string;
+ lastUpdated: string;
+ devices: Record<string, Device>;
+}
+
+export interface CalculationResult {
+ deltaP: number;
+ deltaV: number;
+ roi: number;
+ monthlySavings: number;
+ annualSavings: number;
+ contrastSavings: number;
+}
+
+export interface ComparisonRadarData {
+ subject: string;
+ centargo: number;
+ comparison: number;
+ fullMark: number;
+}
+
+export interface InputData {
+ patientVolume: number;
+ volumeType: 'daily' | 'monthly';
+ targetDeviceId: string;
+ baseDeviceId: string;
+ ctDeviceCount: number;
+} |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 | + + +1x + +1x + +1x + +1x + +1x + +1x + + + + + + + + + +1x +8x +8x +8x +8x +8x + +8x +8x +8x + + +8x +8x +8x + + +8x +8x + + +8x + + +8x + + +8x +8x + + + + + + + + + +1x +7x +7x +7x +7x +7x +7x + +7x +7x +7x + + +7x + + +7x + + +7x + + +7x +7x + + + + + + + + + +1x +7x +7x +7x +7x +7x +7x + + +7x +7x + + +7x +7x +7x + + +7x +7x + + +7x +7x + +1x +5x +5x +5x +5x +5x + +5x + + +5x +5x + + +5x + + +5x + + +5x +5x +5x + + +5x + +5x +5x +5x +5x +5x +5x +5x +5x +5x + +1x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x +4x + +4x +24x +24x +24x +24x +4x +4x + +1x +3x +3x +3x +3x +3x +3x + +1x +3x +3x +3x +3x +3x + +1x +5x +5x +5x +5x + +1x +2x +2x + + + + + + + +1x +2x +2x +2x +2x +2x +2x | import { Device, CalculationResult, ComparisonRadarData } from '../types';
+
+// Time value in Yuan per minute (hospital technician time value)
+const TIME_VALUE_PER_MINUTE = 2;
+// Working days per month
+const WORKING_DAYS_PER_MONTH = 22;
+// Working months per year
+const WORKING_MONTHS_PER_YEAR = 12;
+// 对比剂价格（元/ml）
+const CONTRAST_PRICE_PER_ML = 2;
+// 基础对比剂用量（ml/患者）
+const BASE_CONTRAST_VOLUME = 62;
+// 智能协议对比剂节省比例
+const SMART_PROTOCOL_SAVING_RATE = 0.2; // 20%
+
+/**
+ * 计算时间效益 (∆P)
+ *
+ * 计算方法：
+ * 1. 每患者时间节省 = 基准设备检查时间 - 目标设备检查时间
+ * 2. 耗材更换时间节省 = (基准设备更换时间 - 目标设备更换时间) / 每50患者
+ * 3. 总时间节省 = (每患者时间节省 + 耗材更换时间节省) * 月患者量 * 时间价值
+ */
+export const calculateDeltaP = (
+ baseDevice: Device,
+ targetDevice: Device,
+ patientVolume: number,
+ isDaily: boolean
+): number => {
+ // Time saved per patient in minutes
+ const timePerPatientBase = baseDevice.specs["单次检查总耗时_分钟"];
+ const timePerPatientTarget = targetDevice.specs["单次检查总耗时_分钟"];
+ const timeSavedPerPatient = timePerPatientBase - timePerPatientTarget;
+
+ // Time saved for consumable changes
+ const consumableChangeTimeBase = baseDevice.specs["耗材更换时间_分钟"];
+ const consumableChangeTimeTarget = targetDevice.specs["耗材更换时间_分钟"];
+ const consumableChangeSaving = consumableChangeTimeBase - consumableChangeTimeTarget;
+
+ // Calculate patients per consumable change (assuming one change every 50 patients)
+ const patientsPerConsumableChange = 50;
+ const consumableSavingPerPatient = consumableChangeSaving / patientsPerConsumableChange;
+
+ // Total time saved per patient
+ const totalTimeSavedPerPatient = timeSavedPerPatient + consumableSavingPerPatient;
+
+ // Convert to monthly if input is daily
+ const monthlyPatientVolume = isDaily ? patientVolume * WORKING_DAYS_PER_MONTH : patientVolume;
+
+ // Calculate monthly time value saved
+ return totalTimeSavedPerPatient * monthlyPatientVolume * TIME_VALUE_PER_MINUTE;
+};
+
+/**
+ * 计算成本效益 (∆V)
+ *
+ * 计算方法：
+ * 1. 耗材成本节省 = (基准设备耗材成本 - 目标设备耗材成本) * 月患者量
+ * 2. 对比剂节省费用 = 对比剂节省量 * 对比剂单价
+ * 3. 月度成本总节省 = 耗材成本节省 + 对比剂节省费用
+ */
+export const calculateDeltaV = (
+ baseDevice: Device,
+ targetDevice: Device,
+ patientVolume: number,
+ isDaily: boolean,
+ contrastSavingsVolume: number
+): number => {
+ // Cost saved per patient in Yuan (only consumables)
+ const costPerPatientBase = baseDevice.specs["单次检查耗材成本_元"];
+ const costPerPatientTarget = targetDevice.specs["单次检查耗材成本_元"];
+ const costSavedPerPatient = costPerPatientBase - costPerPatientTarget;
+
+ // Convert to monthly if input is daily
+ const monthlyPatientVolume = isDaily ? patientVolume * WORKING_DAYS_PER_MONTH : patientVolume;
+
+ // Calculate monthly consumables cost saving
+ const consumablesSaving = costSavedPerPatient * monthlyPatientVolume;
+
+ // Calculate cost saving from contrast agent reduction
+ const contrastSavingCost = contrastSavingsVolume * CONTRAST_PRICE_PER_ML;
+
+ // Total monthly cost saving (consumables + contrast)
+ return consumablesSaving + contrastSavingCost;
+};
+
+/**
+ * 计算对比两个设备间的造影剂节省量
+ *
+ * 计算方法：
+ * 1. 基准设备造影剂使用量 = 月患者量 * 基础用量 * (1 - 基准设备节省比例)
+ * 2. 目标设备造影剂使用量 = 月患者量 * 基础用量 * (1 - 目标设备节省比例)
+ * 3. 造影剂节省量 = 基准设备使用量 - 目标设备使用量
+ */
+export const calculateContrastSavings = (
+ baseDevice: Device,
+ targetDevice: Device,
+ patientVolume: number,
+ isDaily: boolean
+): number => {
+ const monthlyVolume = isDaily ? patientVolume * WORKING_DAYS_PER_MONTH : patientVolume;
+
+ // 计算基准和目标设备的节省比例
+ const baseSavingRate = baseDevice.specs["智能协议支持"] ? SMART_PROTOCOL_SAVING_RATE : 0;
+ const targetSavingRate = targetDevice.specs["智能协议支持"] ? SMART_PROTOCOL_SAVING_RATE : 0;
+
+ // 根据造影剂节省量评分差异计算额外节省
+ const baseEfficiency = baseDevice.specs["造影剂节省量"] as number;
+ const targetEfficiency = targetDevice.specs["造影剂节省量"] as number;
+ const efficiencyFactor = Math.max(0, (targetEfficiency - baseEfficiency) / 10); // 转换为0-1范围
+
+ // 计算基准设备和目标设备的造影剂使用量
+ const baseUsage = monthlyVolume * BASE_CONTRAST_VOLUME * (1 - baseSavingRate);
+ const targetUsage = monthlyVolume * BASE_CONTRAST_VOLUME * (1 - targetSavingRate - efficiencyFactor * 0.15); // 额外15%的效率节省
+
+ // 计算节省量
+ return Math.max(0, baseUsage - targetUsage);
+};
+
+export const calculateROI = (
+ baseDevice: Device,
+ targetDevice: Device,
+ patientVolume: number,
+ isDaily: boolean
+): CalculationResult => {
+ // Calculate contrast savings
+ const contrastSavings = calculateContrastSavings(baseDevice, targetDevice, patientVolume, isDaily);
+
+ // Calculate monthly delta P and delta V
+ const monthlyDeltaP = calculateDeltaP(baseDevice, targetDevice, patientVolume, isDaily);
+ const monthlyDeltaV = calculateDeltaV(baseDevice, targetDevice, patientVolume, isDaily, contrastSavings);
+
+ // Total monthly savings
+ const monthlySavings = monthlyDeltaP + monthlyDeltaV;
+
+ // Annual savings
+ const annualSavings = monthlySavings * WORKING_MONTHS_PER_YEAR;
+
+ // Investment cost difference in Yuan (convert from 万元)
+ const baseDeviceCost = baseDevice.specs["设备采购成本_万元"] * 10000;
+ const targetDeviceCost = targetDevice.specs["设备采购成本_万元"] * 10000;
+ const investmentDifference = targetDeviceCost - baseDeviceCost;
+
+ // ROI calculation (annual savings / additional investment)
+ const roi = annualSavings / (investmentDifference > 0 ? investmentDifference : 1) * 100;
+
+ return {
+ deltaP: monthlyDeltaP,
+ deltaV: monthlyDeltaV,
+ roi,
+ monthlySavings,
+ annualSavings,
+ contrastSavings
+ };
+};
+
+export const generateRadarData = (
+ baseDevice: Device,
+ targetDevice: Device
+): ComparisonRadarData[] => {
+ const radarMetrics = [
+ { key: "临床精准度", label: "临床精准度" },
+ { key: "工作效率", label: "工作效率" },
+ { key: "易用性", label: "易用性" },
+ { key: "科研附加值", label: "科研附加值" },
+ { key: "维护便捷性", label: "维护便捷性" },
+ { key: "造影剂节省量", label: "造影剂节省量" }
+ ];
+
+ return radarMetrics.map(metric => ({
+ subject: metric.label,
+ centargo: targetDevice.specs[metric.key] as number,
+ comparison: baseDevice.specs[metric.key] as number,
+ fullMark: 10
+ }));
+};
+
+export const formatCurrency = (value: number): string => {
+ return new Intl.NumberFormat('zh-CN', {
+ style: 'currency',
+ currency: 'CNY',
+ maximumFractionDigits: 0
+ }).format(value);
+};
+
+export const formatPercent = (value: number): string => {
+ return new Intl.NumberFormat('zh-CN', {
+ style: 'percent',
+ maximumFractionDigits: 1
+ }).format(value / 100);
+};
+
+export const formatNumber = (value: number, decimals = 1): string => {
+ return new Intl.NumberFormat('zh-CN', {
+ maximumFractionDigits: decimals
+ }).format(value);
+};
+
+export const formatVolume = (value: number): string => {
+ return `${formatNumber(value)} ml`;
+};
+
+/**
+ * 计算节省时间可增加的CT检查数量
+ *
+ * 计算方法：
+ * 节省的工作小时 * 60分钟 / 目标设备单次检查总耗时
+ */
+export const calculateExtraCTExams = (
+ savedHours: number,
+ targetDeviceExamTime: number
+): number => {
+ const savedMinutes = savedHours * 60;
+ return savedMinutes / targetDeviceExamTime;
+}; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| calculations.ts | +
+
+ |
+ 100% | +126/126 | +78.94% | +15/19 | +100% | +10/10 | +100% | +126/126 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | /** @type {import('tailwindcss').Config} */ +export default { + content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], + theme: { + extend: { + colors: { + primary: { + 50: '#e6f3fa', + 100: '#cce7f5', + 200: '#99cfe9', + 300: '#66b7de', + 400: '#339fd2', + 500: '#0077c8', // Bayer blue + 600: '#005f9e', + 700: '#004775', + 800: '#002f4d', + 900: '#001824', + }, + secondary: { + 50: '#f0f9f6', + 100: '#dcf1ea', + 200: '#b9e4d5', + 300: '#8dd0b8', + 400: '#60bc9a', + 500: '#34a87c', + 600: '#298662', + 700: '#1f6549', + 800: '#15432f', + 900: '#0a2218', + }, + accent: { + 50: '#fef2f2', + 100: '#fee2e2', + 200: '#fecaca', + 300: '#fca5a5', + 400: '#f87171', + 500: '#ef4444', + 600: '#dc2626', + 700: '#b91c1c', + 800: '#991b1b', + 900: '#7f1d1d', + }, + neutral: { + 50: '#f9fafb', + 100: '#f3f4f6', + 200: '#e5e7eb', + 300: '#d1d5db', + 400: '#9ca3af', + 500: '#6b7280', + 600: '#4b5563', + 700: '#374151', + 800: '#1f2937', + 900: '#111827', + } + }, + animation: { + 'fade-in': 'fadeIn 0.5s ease-in-out', + 'slide-up': 'slideUp 0.5s ease-out', + 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite', + }, + keyframes: { + fadeIn: { + '0%': { opacity: '0' }, + '100%': { opacity: '1' }, + }, + slideUp: { + '0%': { transform: 'translateY(10px)', opacity: '0' }, + '100%': { transform: 'translateY(0)', opacity: '1' }, + }, + }, + boxShadow: { + 'card': '0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)', + 'card-hover': '0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03)', + }, + backgroundImage: { + 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', + }, + }, + }, + plugins: [], +}; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| ROICalc | +
+
+ |
+ 0% | +0/87 | +0% | +0/2 | +0% | +0/2 | +0% | +0/87 | +
| ROICalc/src | +
+
+ |
+ 85.54% | +71/83 | +92.85% | +13/14 | +80% | +4/5 | +85.54% | +71/83 | +
| ROICalc/src/components | +
+
+ |
+ 49.26% | +268/544 | +35.29% | +6/17 | +23.52% | +4/17 | +49.26% | +268/544 | +
| ROICalc/src/components/charts | +
+
+ |
+ 8.24% | +15/182 | +100% | +0/0 | +0% | +0/4 | +8.24% | +15/182 | +
| ROICalc/src/contexts | +
+
+ |
+ 0% | +0/29 | +0% | +0/1 | +0% | +0/1 | +0% | +0/29 | +
| ROICalc/src/data | +
+
+ |
+ 100% | +182/182 | +88.88% | +8/9 | +100% | +4/4 | +100% | +182/182 | +
| ROICalc/src/i18n | +
+
+ |
+ 0% | +0/175 | +66.66% | +2/3 | +66.66% | +2/3 | +0% | +0/175 | +
| ROICalc/src/store | +
+
+ |
+ 100% | +49/49 | +100% | +11/11 | +100% | +7/7 | +100% | +49/49 | +
| ROICalc/src/test | +
+
+ |
+ 0% | +0/32 | +0% | +0/1 | +0% | +0/1 | +0% | +0/32 | +
| ROICalc/src/types | +
+
+ |
+ 0% | +0/0 | +0% | +2/2 | +0% | +2/2 | +0% | +0/0 | +
| ROICalc/src/utils | +
+
+ |
+ 100% | +126/126 | +78.94% | +15/19 | +100% | +10/10 | +100% | +126/126 | +