pengkai/moblie-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 调整页面

Browse Source
This commit is contained in:
owen 2025-04-10 23:41:00 +08:00
parent c4ce3321cb
commit 3a627340f4
1 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/views/Home.vue
View File

@ -19,24 +19,24 @@
<div class="section-two-content-title">
<div class="section-two-content-title-item">替代Excel为</div>
<div class="section-two-content-title-item">您的实验室搭建</div>
<div class="section-two-content-title-item">样本中央数据库</div>
<div class="section-two-content-title-item">样品中央数据库</div>
</div>
<van-image class="section-two-content-image" lazy-load :src="groupImage" />
<div class="section-two-content-text mt-[160px]">系统基于Web浏览器便捷的交互方式，帮助实验人员进行样本数据管理与业务流程管理，彻底替代纸质与Excel。
<div class="section-two-content-text mt-[160px]">该系统基于Web浏览器，提供便捷的交互方式，旨在帮助实验人员高效管理样品数据和业务流程，全面替代纸质记录和Excel表格。
</div>
<div class="section-two-content-text">样本数据保管在中心化的服务器中，方便所有人共同创建、查询、使用样本信息，不再需要成员之间进行样本资料的递。</div>
<div class="section-two-content-text">我们将为您的提供足够安全的数据管理策略，保障服务器中的数据安全。</div>
<div class="section-two-content-text">样品数据存储在集中式服务器中，方便所有人员共同创建、查询和使用样品信息，避免了成员之间传递样品资料的繁琐。</div>
<div class="section-two-content-text">我们将为您提供全面的安全数据管理策略，确保服务器中的数据得到充分保护。</div>
</div>
</section>
<section class="section-three">
<div class="section-three-title">精于库位管理，不止于库位管理</div>
<van-image class="section-three-image" lazy-load :src="groupImageInventory" />
<div class="section-three-text">系统提供出色的库位管理方案，帮助库管人员直观精确地对样本进行定位。</div>
<div class="section-three-text">系统提供出色的库位管理方案，帮助库管人员直观精确地对样品进行定位。</div>
<div class="section-three-text">另外，空间剩余情况统计、碎片化统计、空间不足提醒、盘库工具等业务，可有效提升库区管理效率。</div>
<div class="section-three-text mb-[24px]">如果您还在为库内情况不明而烦恼，线粒®生物样本管理平台不失为您的效率之选。</div>
<div class="section-three-text mb-[24px]">如果您还在为库内情况不明而烦恼，线粒®生物样品管理平台不失为您的效率之选。</div>
</section>
<section class="section-four">
<div class="section-four-title">全流程覆盖，提升您的样本管理效率</div>
<div class="section-four-title">全流程覆盖，提升您的样品管理效率</div>
<van-tabs v-model:active="active" class="section-four-tabs" @change="onTabChange">
<van-tab v-for="tab in tabs" :title="tab.title"></van-tab>
</van-tabs>
@ -94,14 +94,14 @@
</div>
</div>
<div class="section-five-text">
鉴于公司业务的差异，各实验室均有自己样本管理上的独特性。
因此，为了能够充分适配具体的管理特点，系统在管理要素上提供足够的自定义空间，包括但不限于样本类型、样本属性、容器结构、冻存架（盒）结构、编码方式、标签模板等等...以此，系统可确保与具体样本管理场景的灵活适配。
鉴于公司业务的差异，各实验室均有自己样品管理上的独特性。
因此，为了能够充分适配具体的管理特点，系统在管理要素上提供足够的自定义空间，包括但不限于样品类型、样品属性、容器结构、冻存架（盒）结构、编码方式、标签模板等等...以此，系统可确保与具体样品管理场景的灵活适配。
</div>
</section>
<section class="section-six">
<div class="section-six-title">面向生物药场景而设计，适合各细分领域</div>
<div class="section-six-text">
药企样本管理场景在业务流程、操作方式、数据管理、实施落地方面均有其特殊性，这也是通用型或者医院型样本管理软件无法完全胜任的原因。线粒®生物样本管理平台专门面向生物药企的样本管理场景而设计，如果您的实验室属于生物药及相关范畴，那么本产品将是您样本管理的不二之选。
药企样品管理场景在业务流程、操作方式、数据管理、实施落地方面均有其特殊性，这也是通用型或者医院型样品管理软件无法完全胜任的原因。线粒®生物样品管理平台专门面向生物药企的样品管理场景而设计，如果您的实验室属于生物药及相关范畴，那么本产品将是您样品管理的不二之选。
</div>
<div class="section-six-items">
<div v-for="item in sixItems" :key="item.title">
@ -111,8 +111,8 @@
</div>
</section>
<section class="section-seven">
<div class="section-seven-title">可供多研发项目/多部门共同管理样本</div>
<div class="section-seven-text">系统通过样本数据的灵活授权、数据分级等方式，可确保各个项目/各个部门单独管理自己的容器与样本，而不会相互干扰</div>
<div class="section-seven-title">可供多研发项目/多部门共同管理样品</div>
<div class="section-seven-text">系统通过样品数据的灵活授权、数据分级等方式，可确保各个项目/各个部门单独管理自己的容器与样品，而不会相互干扰</div>
<van-image class="section-seven-image" lazy-load :src="group33" />
</section>
<section class="section-eight">
@ -329,7 +329,7 @@ const swipeCardRef = ref();
const tabs = ref([
{
title: '样品登记',
desc: '在药企样本管理过程中，样本的登记入库是发生频率非常高的场景。针对样品登记，我们的产品设计始终遵循贴合场景、简化操作、减少重复的原则。',
desc: '在药企样品管理过程中，样品的登记入库是发生频率非常高的场景。针对样品登记，我们的产品设计始终遵循贴合场景、简化操作、减少重复的原则。',
items: [
{
img: img11,
@ -341,7 +341,7 @@ const tabs = ref([
},
{
img: img13,
text: '根据预设规则，系统自动生成样本ID，无需手工操作，不重不漏',
text: '根据预设规则，系统自动生成样品ID，无需手工操作，不重不漏',
},
{
img: img14,
@ -351,7 +351,7 @@ const tabs = ref([
},
{
title: '样品入库',
desc: '样本入库是库管人员的高频操作，过程中要求速度快、放对位置、记对位置。同样，我们也是针对这几个指标来进行系统的功能设计。',
desc: '样品入库是库管人员的高频操作，过程中要求速度快、放对位置、记对位置。同样，我们也是针对这几个指标来进行系统的功能设计。',
items: [
{
img: img21,
@ -369,41 +369,41 @@ const tabs = ref([
},
{
title: '样品出库',
desc: '当库中样本量达到一定的规模，"找样本"逐渐变成一件令人头痛的事情。通过本系统，可以帮助您在庞杂的样本库中，找得快、找得对！',
desc: '当库中样品量达到一定的规模，"找样品"逐渐变成一件令人头痛的事情。通过本系统，可以帮助您在庞杂的样品库中，找得快、找得对！',
items: [
{
img: img31,
text: '替代纸质流程，在线申领样本、审核出库，自动形成出库台账',
text: '替代纸质流程，在线申领样品、审核出库，自动形成出库台账',
},
{
img: img32,
text: '自动定位出库样本，帮助库管人员节省60%样本寻找时间',
text: '自动定位出库样品，帮助库管人员节省60%样品寻找时间',
},
{
img: img33,
text: '系统引导样本取出操作，提升操作速度的同时，将出库错拿率降低80%',
text: '系统引导样品取出操作，提升操作速度的同时，将出库错拿率降低80%',
},
]
},
{
title: '样品数据',
desc: '除了位置信息以外，样本本身的各个维度的信息，实际上对药物研发、质量追溯、合规审查都有非常大的帮助。作为样本数据中心，系统提供完善的样本数据管理与样本数据使用方案。',
desc: '除了位置信息以外，样品本身的各个维度的信息，实际上对药物研发、质量追溯、合规审查都有非常大的帮助。作为样品数据中心，系统提供完善的样品数据管理与样品数据使用方案。',
items: [
{
img: img41,
text: '适合药研！匹配药物研发场景，提供项目化视角查看与管理样本数据',
text: '适合药研！匹配药物研发场景，提供项目化视角查看与管理样品数据',
},
{
img: img42,
text: '全维度信息！样本属性、制备记录、附件、检测结果、温控记录等信息全景展示',
text: '全维度信息！样品属性、制备记录、附件、检测结果、温控记录等信息全景展示',
},
{
img: img43,
text: '非常好搜！可通过任意样本信息查询样本，更可通过条码扫描快速核实样本',
text: '非常好搜！可通过任意样品信息查询样品，更可通过条码扫描快速核实样品',
},
{
img: img44,
text: '全程追溯！可全程追踪样本的业务记录，监控样本的来源到流向',
text: '全程追溯！可全程追踪样品的业务记录，监控样品的来源到流向',
},
]
},
@ -425,13 +425,13 @@ const tabs = ref([
},
{
img: img54,
text: '提醒工具！低库存提醒、冻存架不足提醒、样本过期提醒',
text: '提醒工具！低库存提醒、冻存架不足提醒、样品过期提醒',
},
]
},
{
title: '系统合规',
desc: '系统满足GMP、21 CFR Part1l条款的审计追踪要求，针对样本的所有操作均形成记录。我们参照《GAMP5指南》，形成指导系统设计的90个合规要点，协助您进行合规化的样品管理。',
desc: '系统满足GMP、21 CFR Part1l条款的审计追踪要求，针对样品的所有操作均形成记录。我们参照《GAMP5指南》，形成指导系统设计的90个合规要点，协助您进行合规化的样品管理。',
items: [
{
img: img71,