中心影像服务页更改

src/lang/en.js

@@ -13,37 +13,40 @@ const en = {
     tab2: 'Criteria',
     tab3: 'Indications',
     tab4: 'Workflow Platform',
-    tab5: 'Team Advantages',
+    tab5: 'Expertise',
     tab6: 'Imaging System',
 
-    title1: 'Scope of Services',
-    title2: 'Service Offerings',
+    title1: 'Scope',
+    title2: 'Services',
     title3: 'Business Workflow',
     title4: 'Key Advantages',
-    title5: 'Distinguished Expert Network',
-    title6: 'Operations Team Expertise',
-    msg1: 'Whether you are a large pharmaceutical company, a biotech firm, a CRO, or a medical research institution, Extensive Imaging is fully committed to providing you with excellent medical imaging services tailored for clinical trials.',
-    msg2: 'Every clinical trial is unique, presenting distinct requirements and challenges. At Extensive Imaging, we offer a comprehensive suite of medical imaging services -- from early-stage R&D trials to large-scale international multi-site trials aimed at securing regulatory approval.',
+    title5: 'Global Network of Experts',
+    title6: 'Operations Team',
+    msg1: 'Whether you are pharmaceutical companies, biotech startups, contract research organizations, or biomedical research institutions, Extensive Imaging’s Research can provide you with clinical trial-related medical imaging services.',
+    msg2: 'Every clinical trial is unique, facing different requirements and challenges. Extensive Imaging’s Research offers you a series of medical imaging services, which covers from early stage R&D projects to large scale, international multicenter trials.',
     msg3: 'Non-Oncology Imaging Review Criteria',
-    msg4: 'With the growing number of participants in multi-site clinical trials, the volume of imaging data has expended significantly, while regulatory requirements have also become increasing stringent. To address these challenges, Extensive Imaging has developed a cloud-based, end-to-end centralized imaging business management system. This platform enhances cross-site communication, reduces turnaround times, and ensures data security and traceability throughout the clinical trial workflow.',
-    msg5: 'Extensive Imaging Business Management Cloud Platform efficiently oversees every step of centralized imaging project workflows – from image data acquisition at sites to regulatory submission of final results.',
+    msg4: 'Nowadays there are more participants and stakeholders in multi-center clinical trials, and the volume of imaging data involved is increasing rapidly. At the same time, requirements of regulatory compliance have become even more strict. Because of this, Extensive Imaging’s Research developed a cloud-based clinical trial imaging workflow management system which can facilitate communications, reduce response time and guarantee the security and traceability of data.',
+    msg5: 'This system covers every step of IRC imaging assessment, from project setup to trial site surveys to image upload to the final data export. All stakeholders can work on a cloud-based, unified system, and keep connected and informed throughout the entire process on a global scale.',
     msg6: 'All global trial stakeholders can maintain real-time communication across teams, and track project progress dynamically with full transparency.',
-    msg7: 'Design specifically for clinical trial imaging studies, Extensive Imaging Trial Management System minimizes reader subjectivity while improving measurement accuracy, quantitative analysis efficiency, and ensuring data security with full traceability. The system features DICOM & non-standard data viewers, advanced tumor lesion measurement tools, build-in eCRFs tailored to various diseases and assessment criteria. AI, radiomics, and 3D reconstruction for enhanced efficiency and broader indications.',
+    msg7: 'This cloud-based medical image reading software is designed specifically for image-based treatment response assessment in clinical trials.',
+    msg7_1: 'With the integrated rules and logic of the latest response criteria, this system can increase the accuracy of lesion measurements, reduce readers’ subjectivity and errors, ensure data quality and traceability, and improve the overall reading efficiency.',
+    msg7_2: 'In addition to major response criteria, such as RECIST1.1, PCWG3, Lugano 2014, iRECIST, etc., this system also supports customized or self-defined criteria through its highly flexible configuration tools.',
+    msg7_3: 'This system also provides readers with a set of advanced medical image reading tools, including Layout, Windowing, Inverse Color, Move, Rotate, Fit to Image, Screenshot, Diameter Measurement, Bidirectional Measurement, Arrow etc. DICOM images can be displayed based on subjects, visits, studies, or series, and non-DICOM images are also supported.',
     msg8: 'Flexible Deployment: Cloud or on-premise, to secure, compliant, and user-friendly.',
     msg9: 'Automated Reporting: Measurement results auto-populate into standardized eCRFs for accuracy and reliability.',
     msg10: 'Versatile Tools: Multiple lesion measurement options for readers.',
     msg11: 'Broad Compatibility: Support standard DICOM data, non-standard images and clinical data.',
     msg12: 'Regulatory Compliance: Meets NMPA, FDA 510(k), CE, 21 CFR Part 11, Gxp, HIPPA.',
-    msg13: 'Extensive Imaging’s leadership in central imaging services stems from our highly experienced operations team and comprehensive support from global expert networks.',
-    msg14: 'Multi-disciplinary Coverage: Radiology, Oncology, Orthopedics, Hematology, ENT specialists.',
-    msg15: 'Global Expertise: Senior reviewers from Massachusetts General Hospital, Dana Barber, Sloan Kettering with 500+ trial experience (20000+ reads per reviewer annually).',
-    msg16: 'Domestic Specialists: Practicing radiologists from 3A hospital in Beijing/Shanghai with hands-on central imaging experience.',
-    msg17: 'Committee members from ACR, RSNA and the Chinese Society of Radiology.',
+    msg13: 'Extensive Imaging’s advantages in clinical trial imaging services are inseparable from our operations team with rich industry experience and rigorous work attitude, as well as the comprehensive professional knowledge support of our internal and external experts.',
+    msg14: 'Chinese and foreign expert team covers imaging, oncology, orthopedics, hematology, ENT and other specialties.',
+    msg15: 'Senior overseas experts work in prestigious institutions such as Massachusetts General Hospital, Dana-Farber, Sloan Kettering, etc., and many have participated in more than 500 trials.',
+    msg16: 'Chinese experts come from large tertiary hospitals in Beijing & Shanghai, and have rich hands-on experience in imaging trials.',
+    msg17: 'Advisory committee members include experts at the president and vice-president level from ACR, RSNA, and Chinese Society of Radiology.',
     msg18: 'Harvard Medical School-certified program for independent central review (since 2017).',
-    msg19: 'Project Managers: 100+ cumulative successfully managed clinical trial imaging projects.',
-    msg20: 'Medical Team: Composed of seasoned physicians from China and the U.S. with radiology and clinical expertise, many of them previously served at top-10 healthcare institutions in both countries.',
-    msg21: 'Quality Control: All QC specialists possess clinical or medical imaging background.',
-    msg22: 'IT & Platform Development: Extensive healthcare IT experience in medical informatics & clinical trial systems.'
+    msg19: 'Project managers team has combined experience of more than 100 trials.',
+    msg20: 'Medical & scientific team is composed of senior physicians with imaging and clinical backgrounds from China and the United States, and many of them have worked in the top 10 hospitals in both countries.',
+    msg21: 'All quality control personnel have clinical or imaging background.',
+    msg22: 'R&D personnel have many years of experience in healthcare IT and imaging technology industry.'
   },
   processingService: {
     tab1: '3D Post-Processing',

src/lang/zh.js

@@ -28,6 +28,9 @@ const zh = {
     msg5: '展影医疗的业务管理云平台，能有效地管理中心影像项目工作流程的每一步，从研究机构采集影像数据，一直到向监管机构提交结果数据。',
     msg6: '全球范围内的所有的项目参与方，都能保持实时沟通，并能随时了解项目的进展情况。',
     msg7: '展影医疗基于云平台的影像评估系统是专门为临床试验中心影像项目而设计研发的，注重于消除阅片人的主观偏倚，提高测量和定量分析的效率和准确性，保证数据安全和结果的可追溯性。该系统包含面向Dicom和非标准数据的浏览工具，各种针对肿瘤靶病灶的测量工具，并且内置了针对不同疾病、不同评估标准的eCRF表格。人工智能、影像组学、三维重建技术的深度运用，极大地提高了影像评估的效率，拓展了评估标准和适应症的范围。',
+    msg7_1: '',
+    msg7_2: '',
+    msg7_3: '',
     msg8: '支持云端或本地部署，保证影像评估工作安全、合规、方便地开展',
     msg9: '测量结果自动输出到包含评估标准的eCRF表格，保证了数据和结果的准确性和可靠性',
     msg10: '多种靶病灶测量工具可供阅片专家选择',

src/views/front/services/centralized-imaging-services/index.vue

@@ -31,7 +31,7 @@
                 v-if="$i18n.locale === 'en'"
                 src="@/static/images/image3.png"
                 alt=""
-                style="width: 400px;"
+                style="width: 500px;"
               />
             </div>
             <h2>{{ $t('imagingService.title2') }}</h2>
@@ -129,44 +129,174 @@
               v-if="$i18n.locale === 'en'"
               src="@/static/images/image4.png"
               alt=""
-              style="display: block;margin: 0 auto;object-fit: cover;width: 900px;"
+              style="display: block;margin: 0 auto;object-fit: cover;width: 700px;"
 
             />
           </div>
         </el-tab-pane>
         <el-tab-pane :label="$t('imagingService.tab6')" name="5">
           <div class="item">
-            <p style="margin-bottom: 20px;">{{ $t('imagingService.msg7') }}</p>
-            <h2>{{ $t('imagingService.title4') }}</h2>
-            <div style="display: flex;">
-              <ul>
-                <li>
-                  <i class="el-icon-caret-right"></i>
-                  {{ $t('imagingService.msg8') }}
-                </li>
-                <li>
-                  <i class="el-icon-caret-right"></i>
-                  {{ $t('imagingService.msg9') }}
-                </li>
-                <li>
-                  <i class="el-icon-caret-right"></i>
-                  {{ $t('imagingService.msg10') }}
-                </li>
-                <li>
-                  <i class="el-icon-caret-right"></i>
-                  {{ $t('imagingService.msg11') }}
-                </li>
-                <li>
-                  <i class="el-icon-caret-right"></i>
-                  {{ $t('imagingService.msg12') }}
-                </li>
-              </ul>
-              <img
-                src="@/static/images/irc05.png"
-                alt=""
-                style="width:300px;position:relative;top:-60px;"
-              />
-            </div>
+            <p>{{ $t('imagingService.msg7') }}</p>
+            <p>{{ $t('imagingService.msg7_1') }}</p>
+            <p>{{ $t('imagingService.msg7_2') }}</p>
+            <p style="margin-bottom: 20px;">{{ $t('imagingService.msg7_3') }}</p>
+
+            <template v-if="$i18n.locale === 'zh'">
+              <h2>{{ $t('imagingService.title4') }}</h2>
+              <div style="display: flex;">
+                <ul>
+                  <li>
+                    <i class="el-icon-caret-right"></i>
+                    {{ $t('imagingService.msg8') }}
+                  </li>
+                  <li>
+                    <i class="el-icon-caret-right"></i>
+                    {{ $t('imagingService.msg9') }}
+                  </li>
+                  <li>
+                    <i class="el-icon-caret-right"></i>
+                    {{ $t('imagingService.msg10') }}
+                  </li>
+                  <li>
+                    <i class="el-icon-caret-right"></i>
+                    {{ $t('imagingService.msg11') }}
+                  </li>
+                  <li>
+                    <i class="el-icon-caret-right"></i>
+                    {{ $t('imagingService.msg12') }}
+                  </li>
+                </ul>
+                <img
+                  src="@/static/images/irc05.png"
+                  alt=""
+                  style="width:300px;position:relative;top:-60px;"
+                />
+              </div>
+            </template>
+            <template v-if="$i18n.locale === 'en'">
+              <h2>Major features of this system are as follows</h2>
+              <div style="display: flex;align-items: center;justify-content: space-between;">
+                <div style="width: 750px;">
+                  <p style="font-size: 16px;margin-bottom: 20px;"> 1. An image management & reading tool for treatment response assessment </p>
+                  <ul style="padding-left: 24px;margin: 0 0 5px 0;">
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Image studies are managed and organized based on visits by default.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Multiple studies of different modalities can be clustered into one visit.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Image studies of different visits can be displayed in the same window side by side.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Image series containing lesions are clearly marked as key series.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Lesion marking tools can be customized.
+                    </li>
+                  </ul>
+                </div>
+                <div style="width: 400px;margin-right: 20px;text-align: center;">
+                  <viewer :images="[`@/static/static/images/imaging_5_1.png`]">
+                    <img style="height: 150px;cursor: pointer" src="@/static/images/imaging_5_1.png" alt="">
+                    <div>
+                      <span class="el-icon-view"></span>
+                      <span style="margin-left: 4px">click image</span>
+                    </div>
+                  </viewer>
+                </div>
+              </div>
+              <div style="display: flex;align-items: center;justify-content: space-between;">
+                <div style="width: 750px;">
+                  <p style="font-size: 16px;margin-bottom: 20px;">
+                    2. An intelligent lesion marking tool
+                  </p>
+                  <ul style="padding-left: 24px;margin: 0 0 5px 0;">
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatic generation of lesion entries in electronic image case report forms (eICRF).
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Lesion information & measurement data are automatically recorded into eICRF.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Based on measurement data, automatically detect a lesion’s type, and update its state.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Intelligently remind total/per organ lesion number limits, and non-conformity issues.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatic verification of lesion information’s accuracy, and intelligent error alerts.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatically display a slice which most likely contains the intended target lesion.
+                    </li>
+                  </ul>
+                </div>
+                <div style="width: 400px;margin-right: 20px;text-align: center;">
+                  <viewer :images="[`@/static/static/images/imaging_5_2.png`]">
+                    <img style="height: 150px;cursor: pointer" src="@/static/images/imaging_5_2.png" alt="">
+                    <div>
+                      <span class="el-icon-view"></span>
+                      <span style="margin-left: 4px">click image</span>
+                    </div>
+                  </viewer>
+                </div>
+              </div>
+
+              <div style="display: flex;align-items: center;justify-content: space-between;">
+                <div style="width: 750px;">
+                  <p style="font-size: 16px;margin-bottom: 20px;">
+                    3. An automated treatment response computational tool
+                  </p>
+                  <ul style="padding-left: 24px;margin: 0 0 5px 0;">
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatically identify minimal, maximal values, and compute sums, change rates etc., based on measurement data.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatically compute treatment responses of target, non-target, & new lesions.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatically compute the overall treatment response.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Reviewers can override automatically generated assessment results.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatic verification of lesion information’s accuracy, and intelligent error alerts.
+                    </li>
+                    <li>
+                      <i class="el-icon-caret-right"></i>
+                      Automatically generate electronic imaging case report forms.
+                    </li>
+                  </ul>
+                </div>
+                <div style="width: 400px;margin-right: 20px;text-align: center;">
+                  <viewer :images="[`@/static/static/images/imaging_5_3.png`]">
+                    <img style="height: 150px;cursor: pointer" src="@/static/images/imaging_5_3.png" alt="">
+                    <div>
+                      <span class="el-icon-view"></span>
+                      <span style="margin-left: 4px">click image</span>
+                    </div>
+                  </viewer>
+                </div>
+              </div>
+            </template>
           </div>
         </el-tab-pane>
         <el-tab-pane :label="$t('imagingService.tab5')" name="6">
@@ -191,10 +321,10 @@
                   <i class="el-icon-caret-right"></i>
                   {{ $t('imagingService.msg17') }}
                 </li>
-                <li>
+                <!-- <li>
                   <i class="el-icon-caret-right"></i>
                   {{ $t('imagingService.msg18') }}
-                </li>
+                </li> -->
               </ul>
               <div style="width:340px;">
                 <img
@@ -203,12 +333,12 @@
                   alt=""
                   style="width: 340px;position:relative;top:-40px;"
                 />
-                <img
+                <!-- <img
                   v-if="$i18n.locale === 'en'"
                   src="@/static/images/image7.png"
                   alt=""
                   style="width: 340px;position:relative;top:-40px;"
-                />
+                /> -->
               </div>
             </div>