zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tijiao

Browse Source
This commit is contained in:
始于初见
2025-05-20 09:55:12 +08:00
parent 4e8e8e796f
commit c60d06194c
22 changed files with 8978 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

757
public/demo.html Normal file
View File

@@ -0,0 +1,757 @@
<section class="_editor">
<section style="margin-bottom:unset;">
<section style="color: rgb(30, 30, 30);font-family: PingFangSC-light;letter-spacing: 0.7px;line-height: 1.8;font-size: 16px;margin-bottom: unset;">
<section style="font-size: 13px;margin-bottom: unset;">
<p>
<span leaf="">点击左上角“</span><strong><span leaf="">TMR Publishing Group</span></strong><span leaf="">”关注我们，为您推送更多最新资讯。</span>
</p>
</section>
<section style="text-align: center;margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZBPibNvDg0GZRfhDWu4pzibw08qODANp9Pprpf0366ZHemlHf2o3xm35Q/0?wx_fmt=png" style="width:200px; height: 100px;" data-width="200px" data-cropselx1="0" data-cropselx2="578" data-cropsely1="0" data-cropsely2="144" data-imgfileid="100016607"/>
</p>
</section>
</section>
</section>
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;align-self: flex-end;margin-bottom: unset;">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;background-color: rgb(255, 255, 255);padding-right: 15px;padding-left: 15px;margin-bottom: unset;">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-bottom: -25px;">
<section style="display: inline-block;vertical-align: middle;width: auto;align-self: center;flex: 0 0 auto;min-width: 5%;height: auto;margin-bottom: unset;">
<section style="margin-top: 10px;margin-bottom: 10px;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 18px;height: auto;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZC7TJuqGRGX6dBIzou8E4d2vfgib3hiaJC5Vv8cI5BTN78FAMqXXL6PmQ/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016604"/>
</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: center;padding-right: 8px;padding-left: 8px;margin-bottom: unset;">
<section style="font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">文章导读</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: auto;align-self: center;flex: 0 0 auto;min-width: 5%;height: auto;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-top: 10px;margin-bottom: 10px;line-height: 0;transform: rotateY(180deg);">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 18px;height: auto;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZC7TJuqGRGX6dBIzou8E4d2vfgib3hiaJC5Vv8cI5BTN78FAMqXXL6PmQ/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016605"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;align-self: flex-end;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-bottom: unset;transform: rotateY(180deg);">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: justify;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;padding-right: 12px;padding-left: 12px;margin-bottom: unset;" data-width="100%">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-top: -1px;margin-bottom: -1px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 37px 24px 20px; border-style: solid; border-width: 1px; border-color: rgb(189, 138, 60); background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: center;line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;margin-bottom: unset;">
<p style="line-height: 1.5em; font-size: 16px;word-break: break-word;word-break: keep-all; width: 700px;">
<strong><span leaf="" style="word-break: break-word;word-break: keep-all; width: 500px;text-align: center;">Research of the molecular mechanism of Hai Honghua medicinal liquor in the treatment of fracture bas</span></strong>
</p>
<p>
<span style="letter-spacing:0.7px;"><span leaf=""><br/></span></span>
</p>
<p style="line-height: 1.5em; font-size: 16px;word-break: break-word;word-break: keep-all; width: 500px;">
<strong><span style="letter-spacing: 0.7px;line-height: 1.5em;"><span leaf="" style="word-break: break-word;word-break: keep-all; width: 700px;text-align: center;">基于网络药理学结合分子对接的海红花药酒治疗骨折的分子机制研究</span></span></strong>
</p>
<p style="text-align: justify;">
<span leaf=""><br/></span>
</p>
<p>
<strong><span leaf=""><br/></span></strong>
</p>
<p>
<span style="letter-spacing:0.7px;"><span leaf=""><br/></span></span>
</p>
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZx7PibEic5ZQ4cCH8lWDwicMOT5nkdZSXaibDA5W3BIJczbAjAAT7TTibp6A/0?wx_fmt=jpeg" style="width:965px;height: 540px;" data-width="100%" data-imgfileid="100016608"/>
</p>
</section>
</section>
</section>
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">本期编辑荐读为您精选</span><span style="color:#007aaa;"><em><span leaf="">Integrative Medicine Discovery</span></em></span><span leaf="">期刊发表的优质文章，通讯作者为上海中医药大学跨学科整合医学研究所, 中国上海, 201203 ZhangHong。<span textstyle="" style="font-weight: bold;">研究涵盖了网络药理学、分子对接等方法，探索海红花药酒治疗骨折的分子机制。</span>希望能为相关领域的学者提供参考和新的思路。</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
<p>
<span leaf="">海红花药酒（HHML），一种由19种中药组成的著名院内配方，已成功应用于治疗软组织损伤、闭合性新鲜骨折、骨折愈合后肢体功能障碍、肩颈腿痛、膝关节痛等多种临床疾病30年。然而，其在骨折愈合相关疾病治疗中的物质基础研究仍存在空白。因此，探索HHML的活性成分、核心靶点和潜在药理机制以促进骨折愈合尤为重要。研究通过多个数据库筛选出249种HHML生物活性成分和325个HHML-骨折相关靶点。网络分析揭示了槲皮素、木犀草素、山奈酚、甘草查尔酮A、柚皮素和8-异戊烯基山奈酚可能是潜在候选药物，PI3K-AKT信号通路可能在HHML治疗骨折中起重要作用。分子对接表明8-异戊烯基山奈酚、甘草查尔酮A和柚皮素分别与AKT1、PIK3CA和ESR1结合，表现出更低能量和更稳定的特性。结论显示HHML治疗骨折的潜在活性成分、靶蛋白和分子机制，为下一步研究HHML配方的作用机制提供了确切思路。</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="transform-origin: center center 0px;margin-bottom: unset;transform: scale(0.95);">
<section style="margin-right: 0%;margin-left: 0%;text-align: center;justify-content: center;display: flex;flex-flow: row;">
<section style="display: inline-block;vertical-align: middle;width: 35%;padding-right: 5px;border-width: 0px;align-self: center;flex: 0 0 auto;margin-bottom: unset;" data-width="35%">
<section style="margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 80%;border-color: rgb(30, 30, 30);border-width: 1px;border-style: none;box-shadow: rgb(30, 30, 30) 0px 0px 0px;height: auto;margin-bottom: unset;" data-width="80%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZ2yR72almzo4CzxbFLcRw2LxVUps2WnXE2QEN5xibt0icNYFxBgOicqhtg/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016606"/>
</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 65%;padding-left: 5px;border-width: 0px;align-self: center;flex: 0 0 auto;margin-bottom: unset;" data-width="65%">
<section style="margin-right: 0%;margin-left: 0%;">
<section style="font-size: 13px;text-align: justify;letter-spacing: 0.7px;line-height: 1.8;margin-bottom: unset;">
<p>
<span leaf="">识别二维码，</span>
</p>
<p>
<span leaf="">进入期刊主页。</span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;transform: rotateX(180deg);">
<section style="display: inline-block;vertical-align: top;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;margin-bottom: unset;">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: top;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-bottom: unset;transform: rotateY(180deg);">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 01</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">研究背景</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span style="letter-spacing:0.7px;"><span leaf="">骨折是一种随着社会进步而日益普遍的疾病，常伴有感染、疼痛、畸形愈合、骨不连或愈合延迟等并发症，严重影响患者生活质量。目前的治疗手段存在显著不足，因此骨折治疗是一个紧迫的临床问题。海红花药酒已成功应用于临床30余年，在骨折愈合中具有良好效果。该配方包含19种草药，其中如南五加可调节炎症因子水平，抑制细胞凋亡，并通过激活PI3K/Akt信号通路缓解内皮功能障碍。近年来，网络药理学方法被广泛应用于研究中药配方，预测中药治疗疾病的潜在机制，并为中药活性成分筛选提供参考。</span></span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 02</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">研究结果</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">研究筛选出249种HHML生物活性成分和325个HHML-骨折相关靶点。网络分析揭示槲皮素、木犀草素、山奈酚、甘草查尔酮A、柚皮素和8-异戊烯基山奈酚可能是潜在候选药物。多个靶点包括TP53、MAPK3、STAT3、AKT1、MAPK1、HSP90AA1、ESR1和PIK3CA可能密切相关。PI3K-AKT信号通路可能在HHML治疗骨折中起重要作用。分子对接表明8-异戊烯基山奈酚、甘草查尔酮A和柚皮素分别与AKT1、PIK3CA和ESR1结合，表现出更低能量和更稳定的特性。</span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 03</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">讨论与展望</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">研究表明，海红花药酒通过多成分、多靶点、多通路的复杂网络，在骨折愈合中发挥作用。尽管已有初步研究，但现有公共数据库中的信息缺乏时效性和可靠性。因此，需要进行体内动物研究和体外成骨机制研究，以进一步验证研究结果。</span>
</p>
<p>
<span leaf="">现有的网络药理学和分子对接技术为HHML在骨折治疗中的研究提供了良好的基础。未来可通过空间组学等方法进一步探索HHML在骨折治疗中的机制，以便更好地应用于临床。</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;width: auto;vertical-align: bottom;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;padding-right: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="text-align: justify;letter-spacing: 0px;margin-bottom: unset;">
<p>
<strong><span leaf="">原文出自&nbsp;</span><span style="color: #008181;"><em><span leaf="">Integrative Medicine Discovery</span></em></span><span leaf="">&nbsp;期刊</span><span leaf=""><br/></span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="transform-origin: center center 0px;margin-bottom: unset;transform: scale(0.95);">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;vertical-align: top;width: 30%;border-width: 0px;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="30%">
<section style="text-align: center;margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;border-color: rgb(30, 30, 30);border-width: 1px;border-style: none;box-shadow: rgb(30, 30, 30) 0px 0px 0px;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZTMc5hfUEBmcnKsOG7chH3D2o2fg1c9Ba2ibtcKbpclgtC5LLoKicGxdQ/0?wx_fmt=png" style="width: 270px;height: 270px;" data-imgfileid="100016609"/>
</p>
</section>
</section>
</section>
<section style="text-align: center;font-size: 12px;letter-spacing: 0.7px;line-height: 1.8;margin-bottom: unset;">
<p>
<span leaf="">识别二维码，阅读英文原文。</span><span leaf=""><br/></span>
</p>
</section>
</section>
<section style="display: inline-block;width: auto;vertical-align: middle;padding-left: 5px;border-width: 0px;align-self: center;flex: 100 100 0%;height: auto;margin-bottom: unset;">
<section style="margin-top: 2px;">
<section style="font-size: 13px;text-align: justify;padding-right: 5px;padding-left: 5px;letter-spacing: 0px;line-height: 1.6;margin-bottom: unset;">
<p style="text-align:left;">
<span style="color: rgba(0, 0, 0, 0.847);font-family: Calibri;font-size: 16px;">
<span leaf="">Qian D, He CX, Zhang Q, et al. Research of the molecular mechanism of Hai Honghua medicinal liquor in the treatment of fracture based on network pharmacology combined with molecular docking. Integr Med Discov. 2023;7:e23012. doi:10.53388/TMRIM202307012</span>
</span>
</p>
<p style="text-align:left;">
<span style="color: rgba(0, 0, 0, 0.847);font-family: Calibri;font-size: 16px;"><span leaf=""><br/></span></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;width: auto;vertical-align: bottom;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;padding-right: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">通讯作者介绍</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 15px;">
<section style="display: inline-block;vertical-align: top;width: 25%;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="25%">
<section style="justify-content: center;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 90px;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);border-radius: 99%;overflow: hidden;padding: 5px;height: auto;margin-bottom: unset;">
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;border-radius: 99%;overflow: hidden;width: 100%;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZnUyeAvuVN67t8XP85DxVJwDJf2YxCTalrsr17jS080xM6xQv5yGiaEQ/0?wx_fmt=jpeg" style="width: 100%;" data-width="100%" data-imgfileid="100016618"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 50%;align-self: center;flex: 0 0 auto;height: auto;padding-left: 10px;margin-bottom: unset;" data-width="50%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">XuChi </span></strong>
</p>
</section>
</section>
</section>
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;background-color: rgb(248, 243, 237);padding: 22px;margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""></span>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 15px;">
<section style="display: inline-block;vertical-align: top;width: 25%;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="25%">
<section style="justify-content: center;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 90px;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);border-radius: 99%;overflow: hidden;padding: 5px;height: auto;margin-bottom: unset;">
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;border-radius: 99%;overflow: hidden;width: 100%;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZnUyeAvuVN67t8XP85DxVJwDJf2YxCTalrsr17jS080xM6xQv5yGiaEQ/0?wx_fmt=jpeg" style="width: 100%;" data-width="100%" data-imgfileid="100016618"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 50%;align-self: center;flex: 0 0 auto;height: auto;padding-left: 10px;margin-bottom: unset;" data-width="50%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">ZhangHong </span></strong>
</p>
</section>
</section>
</section>
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;background-color: rgb(248, 243, 237);padding: 22px;margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""></span>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;">
<section style="font-size:15px;margin-bottom:unset;">
<section style="text-align:center;margin-top:10px;margin-bottom:10px;line-height:0;">
<section style="vertical-align:middle;display:inline-block;line-height:0;margin-bottom:unset;">
<section style="font-size:12px;line-height:1.6;letter-spacing:0px;color:#000000;margin-bottom:unset;">
<section style="color:#1e1e1e;font-size:16px;margin-bottom:unset;">
<section style="font-size:12px;line-height:1.6;letter-spacing:0px;color:#000000;margin-bottom:unset;">
<section style="color:#1e1e1e;font-size:16px;margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-right:auto;margin-left:auto;width:95%;margin-bottom:unset;" data-width="95%">
<section style="margin-top: 20px;margin-bottom: 20px;background-color: rgb(254, 254, 254);padding-right: 13px;padding-left: 13px;border-width: 3px;border-style: groove;border-color: rgb(239, 207, 207);">
<section style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:22px;text-align:left;">
<section style="display:inline-block;background-color:#fdfdfd;margin-bottom:unset;">
<section style="color:#f6d8d7;font-size:20px;letter-spacing:2px;margin-bottom:unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="margin-top:-30px;display:flex;justify-content:center;align-items:center;margin-bottom:unset;">
<section style="width: 8px;height: 8px;background-color: rgb(207, 18, 16);border-radius: 50%;margin-bottom: unset;overflow: hidden;">
<span leaf=""><br/></span>
</section>
<section style="color:#cf1210;letter-spacing:2px;margin-right:7px;margin-left:7px;margin-bottom:unset;">
<p>
<span style="color:#ab1942;"><strong><span leaf="">期刊详情</span></strong></span>
</p>
</section>
</section>
</section>
<section style="width:100%;height:1px;background-color:#cf1210;margin-top:-25px;margin-bottom:unset;overflow:hidden;" data-width="100%">
<span leaf=""><br/></span>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="margin-bottom: unset;padding-top: 15px;">
<section style="margin-bottom:unset;">
<p style="text-align:justify;">
<em><span style="font-family:微软雅黑, &quot;Microsoft YaHei&quot;;"><span style="color:#3e3e3e;"><span leaf="">Integr Med Discov.</span></span></span></em>
<span style="font-family:微软雅黑, &quot;Microsoft YaHei&quot;;">
<span style="color:#3e3e3e;">
<span leaf="">
</span>
<span style="letter-spacing:0px;color:#333333;line-height:28px;">
<span leaf="">。为了进一步扩大期刊的影响力并提升对学者的服务，</span>
<strong>
<span leaf="">2025年免除版面费</span>
</strong>
<span leaf="">。此外</span>
</span>
</span>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">，为进一步促进期刊发展，</span>
</span>
<strong style="color:#333333;letter-spacing:0px;">
<span leaf="">青年编委正在招募中</span>
</strong>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">，欢迎各位老师通过邮件或微信与编辑部联系沟通，期待您的加入</span>
</span>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">！</span>
</span>
</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
<p style="text-align:left;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:28px;"><span leaf="">期刊涵盖主题包括但不限于：</span></span></strong>
</p>
<ul style="color:#000000;font-family:微软雅黑;font-size:14px;" class=" list-paddingleft-2">
<li>
<p style="text-align: left;">
<span style="font-size:15px;"><span leaf="">20240117/06b52af8cfa499eff00a71bfdb5dc835.png</span></span>
</p>
</li>
</ul>
</section>
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-top:15px;margin-bottom:15px;">
<section style="width:96%;margin-left:auto;margin-right:auto;margin-bottom:unset;" data-width="96%">
<section style="border-left: 1px dashed rgb(199, 48, 48);padding-top: 5px;padding-bottom: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:unset;">
<section style="width:8px;height:8px;background-color:#c73030;margin-top:13px;margin-bottom:unset;overflow:hidden;line-height:0;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);">
<span leaf=""><br/></span>
</section>
<section style="width:95%;text-align:left;line-height:2.2em;margin-left:10px;margin-bottom:unset;" data-width="95%">
<p style="font-size:14px;letter-spacing:1px;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">投稿方式</span></span></strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">&nbsp;-&nbsp;</span><span style="line-height:35px;"><span leaf="">进入期刊官网注册投稿：</span></span></span>
</p>
<p style="font-size:14px;letter-spacing:0.25px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">https://www.tmrjournals.com/im</span></span>
</p>
</section>
</section>
</section>
</section>
<section style="width:96%;margin-left:auto;margin-right:auto;margin-bottom:unset;" data-width="96%">
<section style="border-left: 1px dashed rgb(199, 48, 48);padding-top: 5px;padding-bottom: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:unset;">
<section style="width:8px;height:8px;background-color:#c73030;margin-top:13px;margin-bottom:unset;overflow:hidden;line-height:0;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);">
<span leaf=""><br/></span>
</section>
<section style="width:95%;text-align:left;line-height:2.2em;margin-left:10px;margin-bottom:unset;" data-width="95%">
<p style="font-size:14px;letter-spacing:1px;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">青年编委申请</span></span></strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">&nbsp;-&nbsp;</span><span style="line-height:35px;"><span leaf="">发送个人学术简历至邮箱:</span></span></span>
</p>
<p style="line-height:1.5em;font-size:14px;letter-spacing:0px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">imd@tmrjournals.com</span></span>
</p>
<p style="line-height:1.5em;font-size:14px;letter-spacing:0px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">邮件主题为&quot;Integr Med Discov青年编委申请+姓名&quot;。</span></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section data-support="96编辑器" data-style-id="39509" style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:10px;">
<section style="width:65px;margin-right:auto;margin-left:auto;margin-bottom:unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_gif/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZK6wx6OQLlIiaDRcp0sgxXkZQgwWfDcoM7KzErBE6Nvq4IVf4iaX2icrUQ/0?wx_fmt=gif" style="display: block; transform: rotateZ(0deg);" data-imgfileid="100016615"/>
</p>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="border-width: 0px;border-style: solid;border-color: rgb(62, 62, 62);margin-bottom: unset;">
<p style="letter-spacing:0.578px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">申请投稿或青年编委过程中有任何问题请联系:&nbsp;</span><span style="text-align:left;"><span leaf="">imd@tmrjournals.com</span></span></span>
</p>
<p style="letter-spacing:0.578px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">或添加期刊编辑微信</span></span>
</p>
</section>
</section>
<section data-support="96编辑器" data-style-id="39463" style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:10px;">
<section style="width:50px;margin-right:auto;margin-left:auto;margin-bottom:unset;">
<section style="width:50px;margin-right:auto;margin-left:auto;overflow:hidden;line-height:0;margin-bottom:unset;">
<span leaf=""><br/></span>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="padding: 10px;border-radius: 5px;margin: 15px;border-width: 1px;border-style: dashed;border-color: rgb(62, 62, 62);">
<section style="display:flex;margin-bottom:unset;">
<section style="width:50%;margin-right:7px;margin-bottom:unset;" data-width="50%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZBPibNvDg0GZRfhDWu4pzibw08qODANp9Pprpf0366ZHemlHf2o3xm35Q/0?wx_fmt=png" style="width: 420px;height: 530px" data-width="100%" data-backw="213" data-backh="213" data-imgfileid="100016617"/>
</p>
</section>
</section>
<section style="width:50%;margin-bottom:unset;" data-width="50%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZknGn1cCteibInoxTDzD0EGt5mL7S170R99QGv7ibwWnQFJRZFLN7iaD5g/0?wx_fmt=jpeg" style="width: 256px; height: 256px;" data-width="100%" data-backw="229" data-backh="309" data-imgfileid="100016614"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;">
<section style="display:inline-block;vertical-align:middle;margin-bottom:unset;">
<section style="border-left: 2px solid rgb(0, 57, 58);border-top: 2px solid rgb(0, 57, 58);width: 12px;height: 12px;border-right-color: rgb(0, 57, 58);border-bottom-color: rgb(0, 57, 58);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="padding-right: 10px;padding-left: 10px;margin-top: -8px;margin-bottom: -8px;">
<section style="font-size:15px;margin-bottom:unset;">
<p>
<strong><span leaf="">TMR公众号推荐</span></strong>
</p>
</section>
</section>
<section style="border-right: 2px solid rgb(0, 57, 58);margin-left: auto;border-bottom: 2px solid rgb(0, 57, 58);width: 12px;height: 12px;border-top-color: rgb(0, 57, 58);border-left-color: rgb(0, 57, 58);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
</section>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;transform:translate3d(10px, 0px, 0px);-webkit-transform:translate3d(10px, 0px, 0px);-moz-transform:translate3d(10px, 0px, 0px);-ms-transform:translate3d(10px, 0px, 0px);-o-transform:translate3d(10px, 0px, 0px);">
<section style="display:inline-block;vertical-align:top;margin-bottom:unset;">
<section style="width: 0.5em;height: 0.5em;display: inline-block;vertical-align: middle;border-radius: 100%;background-color: rgb(30, 30, 30);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="display: inline-block;vertical-align: middle;font-size: 15px;padding-right: 10px;padding-left: 10px;line-height: 1.8;letter-spacing: 0.7px;margin-bottom: unset;">
<p>
<strong><span leaf="">TMR Publishing Group</span></strong>
</p>
</section>
</section>
</section>
<section style="font-size: 15px;letter-spacing: 0.7px;line-height: 1.8;padding-right: 10px;padding-left: 10px;margin-bottom: unset;">
<p style="text-align:left;">
<span leaf="">覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。</span>
</p>
<section class="mp_profile_iframe_wrp _editor" nodeleaf="">
<mp-common-profile class="js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="TMR Publishing Group" data-alias="TMR2015V5" data-from="2" data-headimg="https://mmbiz.qpic.cn/mmbiz_png/xLjF6nPC0RnS1BLU3mkolpkAAkzVqyrAaNfHIt8pCSyqf9rlCVc85ckPH62X1lllQHqkELAQJqMTlqdZfZ5KnA/0?wx_fmt=png" data-signature="TMR Publishing Group 出版期刊覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。" data-id="Mzg5NTg0Mzc2Ng==" data-is_biz_ban="0" contenteditable="false">
<section class="wx_profile_card">
<section class="wx_profile_card_bd">
<section class="wx_profile weui-flex">
<section class="wx_profile_hd">
<p>
<img class="wx_profile_avatar" src="https://mmbiz.qpic.cn/mmbiz_png/xLjF6nPC0RnS1BLU3mkolpkAAkzVqyrAaNfHIt8pCSyqf9rlCVc85ckPH62X1lllQHqkELAQJqMTlqdZfZ5KnA/0?wx_fmt=png"/>
</p>
</section>
<section class="wx_profile_bd weui-flex weui-flex__item">
<section class="weui-flex__item">
<strong class="wx_profile_nickname">TMR Publishing Group</strong>
<section class="wx_profile_desc">
TMR Publishing Group 出版期刊覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。
</section>
</section><em class="weui-icon-arrow"></em>
</section>
</section>
</section>
<section class="wx_profile_card_ft">
公众号
</section>
</section>
</mp-common-profile>
</section>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;transform:translate3d(10px, 0px, 0px);-webkit-transform:translate3d(10px, 0px, 0px);-moz-transform:translate3d(10px, 0px, 0px);-ms-transform:translate3d(10px, 0px, 0px);-o-transform:translate3d(10px, 0px, 0px);">
<section style="display:inline-block;vertical-align:top;margin-bottom:unset;">
<section style="width: 0.5em;height: 0.5em;display: inline-block;vertical-align: middle;border-radius: 100%;background-color: rgb(30, 30, 30);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="display: inline-block;vertical-align: middle;font-size: 15px;padding-right: 10px;padding-left: 10px;line-height: 1.8;letter-spacing: 0.7px;margin-bottom: unset;">
<p>
<strong style="letter-spacing:0.7px;"><span leaf="">BME探索</span></strong><span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<section style="font-size: 15px;padding-right: 10px;padding-left: 10px;margin-bottom: unset;">
<p style="text-align:justify;">
<span leaf="">《生物医学工程通讯》是一本由TMR出版集团的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能。</span>
</p>
<section class="mp_profile_iframe_wrp _editor" nodeleaf="">
<mp-common-profile class="js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="BME探索" data-alias="bmecjournal" data-from="2" data-headimg="https://mmbiz.qpic.cn/sz_mmbiz_png/Vbog1McQQT01gRTwfeXFmd4wPJMzMq48J0CdSOUbmVzib7UyNNIc9C1Fq2AWXkB3QwJpcKCKwEYcuO4oTLqjiaFA/0?wx_fmt=png" data-signature="《生物医学工程通讯》是一本由TMR出版集团管理的同行评议、开放获取的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能化。" data-id="Mzg3MzgyMDI3MA==" data-is_biz_ban="0" contenteditable="false">
<section class="wx_profile_card">
<section class="wx_profile_card_bd">
<section class="wx_profile weui-flex">
<section class="wx_profile_hd">
<p>
<img class="wx_profile_avatar" src="https://mmbiz.qpic.cn/sz_mmbiz_png/Vbog1McQQT01gRTwfeXFmd4wPJMzMq48J0CdSOUbmVzib7UyNNIc9C1Fq2AWXkB3QwJpcKCKwEYcuO4oTLqjiaFA/0?wx_fmt=png"/>
</p>
</section>
<section class="wx_profile_bd weui-flex weui-flex__item">
<section class="weui-flex__item">
<strong class="wx_profile_nickname">BME探索</strong>
<section class="wx_profile_desc">
《生物医学工程通讯》是一本由TMR出版集团管理的同行评议、开放获取的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能化。
</section>
</section><em class="weui-icon-arrow"></em>
</section>
</section>
</section>
<section class="wx_profile_card_ft">
公众号
</section>
</section>
</mp-common-profile>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="font-size:13px;margin-bottom:unset;">
<p style="text-align:right;">
<span leaf="">期待您的“三连击”☞</span><strong><span leaf="">【分享，点赞，转发】</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
<p>
<span leaf=""><br/></span>
</p>
</section>

338
public/iframe.css Normal file
View File

@@ -0,0 +1,338 @@
::-webkit-scrollbar {
width: 6px;
height: 6px
}
::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, .03)
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
background: rgba(0, 0, 0, .1)
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, .2)
}
@keyframes fadeIn {
10% {
opacity: .1
}
40% {
opacity: .4
}
70% {
opacity: .7
}
100% {
opacity: 1
}
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.6
}
body {
text-underline-position: under;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
-webkit-touch-callout: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
letter-spacing: .034em;
color: rgba(0, 0, 0, .9);
font-size: 17.01px;
text-align: justify;
position: relative;
z-index: 0;
font-family: '系统默认, system-ui, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif';
text-underline-position: under;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .03)
}
body[contenteditable=false] {
user-select: none
}
body.view {
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
height: calc(100% - 26px);
padding: 20px 6px 6px;
margin: 0
}
body.guide {
background-repeat: no-repeat;
background-size: 100%;
/* background-image: url(./default/images/body_guide.png) */
}
@-moz-document url-prefix() {
body {
margin-right: 6px
}
}
body * {
max-width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
word-wrap: break-word
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
font-size: 16px
}
hr {
border-style: solid;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-color: rgba(0, 0, 0, .1);
transform-origin: 0 0;
transform: scale(1, .5)
}
p {
clear: both;
min-height: 1em;
margin: 0
}
a {
color: #576b95;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
em {
font-style: italic
}
fieldset {
min-width: 0
}
img {
/* height: auto ;
vertical-align: middle */
}
img:hover {
z-index: -1;
cursor: pointer
}
img::selection {
background: rgba(7, 193, 96, .2)
}
img[data-word-image] {
cursor: pointer
}
ul,
ol {
text-align: left;
list-style-position: inside
}
ul li *,
ol li * {
display: inline
}
body #activeDragLine,
body .activeDragLine {
width: 100%;
border-top: 1px dashed red
}
section._editor {
position: relative;
max-width: 100%;
overflow: visible
}
section._editor.activeDrag {
z-index: 999
}
section._editor .tool-border {
z-index: 100;
position: static
}
section._editor .tool-border section {
max-width: none;
position: absolute;
pointer-events: none;
user-select: none
}
section._editor .tool-border section:nth-child(1) {
border-top: 2px dashed rgba(255, 0, 0, .9);
width: calc(100% + 8px);
top: -4px;
left: -4px
}
section._editor .tool-border section:nth-child(1):before {
content: "※拖动";
padding: 0 5px;
height: 16px;
font-size: 12px;
line-height: 16px;
cursor: move;
z-index: 2021;
position: absolute;
top: -18px;
left: 0;
background: rgba(255, 0, 0, .9);
color: #fff;
white-space: nowrap;
pointer-events: initial;
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
section._editor .tool-border section:nth-child(2) {
border-bottom: 2px dashed rgba(255, 0, 0, .9);
width: calc(100% + 8px);
bottom: -4px;
left: -4px
}
section._editor .tool-border section:nth-child(3) {
border-left: 2px dashed rgba(255, 0, 0, .9);
height: calc(100% + 4px);
top: -2px;
left: -4px
}
section._editor .tool-border section:nth-child(4) {
border-right: 2px dashed rgba(255, 0, 0, .9);
height: calc(100% + 4px);
top: -2px;
right: -4px
}
section._editor section._editor .tool-border section:nth-child(1) {
border-top: 1px dashed rgba(255, 0, 0, .95);
width: calc(100% + 6px);
top: -3px;
left: -3px
}
section._editor section._editor .tool-border section:nth-child(1):before {
background: rgba(255, 0, 0, .95);
top: -17px
}
section._editor section._editor .tool-border section:nth-child(2) {
border-bottom: 1px dashed rgba(255, 0, 0, .95);
width: calc(100% + 6px);
bottom: -3px;
left: -3px
}
section._editor section._editor .tool-border section:nth-child(3) {
border-left: 1px dashed rgba(255, 0, 0, .95);
height: calc(100% + 2px);
top: -1px;
left: -3px
}
section._editor section._editor .tool-border section:nth-child(4) {
border-right: 1px dashed rgba(255, 0, 0, .95);
height: calc(100% + 2px);
top: -1px;
right: -3px
}
section._editor section._editor.fadeIn .tool-border section,
section._editor.fadeIn .tool-border section {
-webkit-animation: fadeIn .8s .8s infinite;
-ms-animation: fadeIn .8s .8s infinite;
-moz-animation: fadeIn .8s .8s infinite;
-o-animation: fadeIn .8s .8s infinite;
animation: fadeIn .8s .8s infinite
}
section ._sub_hover {
outline: 1px dashed rgba(0, 0, 255, .3);
outline-offset: 1px
}
section ._sub_active {
outline: 1px dashed rgba(0, 0, 255, .5);
outline-offset: 1px
}
.pathActive {
-webkit-animation: fadeIn .5s .5s infinite;
-ms-animation: fadeIn .5s .5s infinite;
-moz-animation: fadeIn .5s .5s infinite;
-o-animation: fadeIn .5s .5s infinite;
animation: fadeIn .5s .5s infinite
}
.aiActive {
position: relative
}
.aiActive::before {
position: absolute;
color: #ababab;
opacity: .4;
font-size: 12px;
content: "双击Ctrl 或 按住Ctrl点击此处,使用AI写作";
white-space: nowrap
}
[data-layout=wrap],
[data-layout=inner] {
min-height: 27px
}
[data-layout=wrap]::after {
position: relative;
display: block;
color: #9a9a9a;
opacity: .4;
text-align: center;
font-size: 14px;
content: "双击此处输入"
}
[data-layout=layout]:hover [data-layout=inner],
[data-layout=layout]:hover [data-layout=wrap],
section._editor ._layout_active [data-layout=inner],
section._editor ._layout_active [data-layout=inner] {
outline: 2px dashed #07c15e !important;
outline-offset: -3px
}

2
src/api/index.js
View File

@@ -5,7 +5,7 @@ import qs from 'qs'
// axios全局配置
axios.defaults.timeout = 10000; // 超时时间
axios.defaults.timeout = 1000*6*2; // 超时时间
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; // 配置请求头

BIN
src/assets/img/weixin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

231
src/common/js/commonJS.js
View File

@@ -1,24 +1,191 @@
import Vue from 'vue';
import katex from 'katex';
import JSZip from 'jszip';
import mammoth from "mammoth";
import Common from '@/components/common/common'
import Tiff from 'tiff.js';
var mediaUrl = Common.mediaUrl + 'articleImage/';
// var mediaUrl1 = 'https://submission.tmrjournals.com/public/articleImage/';
const fs = require('fs');
// 替换负号的方法
// 替换数字前面的负号的方法
// const replaceNegativeSign = function (text) {
// return text.replace(/[-−]/g, "–");
// };
const replaceNegativeSign = function (text) {
return text.replace(/^-(?=\d)/, "−");
// 1. 替换范围中的负号（`[13-22]` 或 `[13−22]`）
text = text.replace(/(\[\d+)[-−](\d+\])/g, '$1–$2');
// 2. 替换单独负号（`-22` 或 `−22`）
text = text.replace(/[-−](?=\d)/g, "–");
return text;
};
// 首字母大写的方法
// const capitalizeFirstLetter = function (text) {
// return text.replace(/^\s*([a-zA-Z])/, function (match, firstLetter) {
// return firstLetter.toUpperCase();
// });
// };
const capitalizeFirstLetter = function (text) {
return text.replace(/^\s*([a-zA-Z])/, function (match, firstLetter) {
return firstLetter.toUpperCase();
});
// const words = text.split(' '); // 分割字符串为单词数组
// if (words.length > 0 && words[0].charAt(0).match(/[a-zA-Z]/)) {
// // 如果第一个字符是字母，则将第一个单词的首字母大写
// words[0] = words[0].charAt(0).toUpperCase() + words[0].slice(1);
// }
return text; // 将处理后的单词数组连接成字符串
};
//cm
// function emuToPixels(emu) {
// const emuToCm = emu / 914400 * 2.54;
// // 四舍五入并保留两位小数
// return (Math.round(emuToCm * 100) / 100).toFixed(2);
// }
//px
function emuToPixels(emu) {
// 将 EMU 转换为厘米，并进一步转换为像素
const emuToPixels = emu / 914400 * 2.54 * 96;
// 四舍五入并保留两位小数
return (Math.round(emuToPixels * 100) / 100).toFixed(2);
}
export default {
isImageValid(base64) {
return new Promise((resolve, reject) => {
// 创建 Image 对象
const img = new Image();
// 设置图片的 src 属性
img.src = base64;
// 图片加载成功
img.onload = function () {
resolve(true); // 图片有效
};
// 图片加载失败
img.onerror = function () {
resolve(false); // 图片无效
};
});
},
handleFileUpload(event, callback) {
const file = event.target.files[0]; // 获取用户上传的文件
if (file && file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
const reader = new FileReader();
reader.onload = (e) => {
// 将文件读取为 ArrayBuffer
const arrayBuffer = e.target.result;
// 使用 JSZip 解析 .docx 文件内容
const zip = new JSZip();
zip.loadAsync(arrayBuffer).then((zip) => {
// 获取 Word 文档的 XML 内容
const documentXml = zip.files['word/document.xml'];
const images = {}; // 用来保存图片的 src 和对应的宽高
if (documentXml) {
documentXml.async("string").then((xmlString) => {
// 使用正则或 XML 解析器提取所有图片的宽高
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");
// 查找图片的宽高（通常在 <wp:extent> 标签内）
const imageElements = xmlDoc.getElementsByTagName('wp:extent');
Array.from(imageElements).forEach((imgElement, index) => {
console.log('imgElement at line 78:', imgElement)
// 提取 width 和 height 属性
const widthEmu = imgElement.getAttribute('cx'); // 宽度
const heightEmu = imgElement.getAttribute('cy'); // 高度
if (widthEmu && heightEmu) {
// 转换为像素
const width = emuToPixels(widthEmu);
const height = emuToPixels(heightEmu);
images[index] = { width, height }; // 保存图片的宽高
}
// 这里你可以将宽高传递给回调函数
});
});
}
mammoth.convertToHtml({
arrayBuffer: e.target.result
})
.then((result) => {
console.log('images at line 115:', images)
// 使用正则提取所有表格内容
const tableContent = result.value.match(/<table[\s\S]*?<\/table>/g);
if (tableContent) {
console.log('tableContent at line 20:', tableContent);
// 筛选出包含 <td> 的表格
const validTables = tableContent.filter(table => /<td[\s\S]*?>/g.test(table));
console.log('validTables at line 71:', validTables);
// 提取表格内的图片
validTables.forEach((table, index) => {
console.log('table at line 75:', table)
const imgTags = table.match(/<img[\s\S]*?src="([^"]*)"/g);
console.log('imgTags at line 128:', imgTags)
if (imgTags) {
// 遍历所有图片标签
imgTags.forEach((imgTag, imgIndex) => {
console.log('imgTag at line 128:', imgTag);
const srcMatch = imgTag.match(/src="([^"]*)"/);
if (srcMatch) {
const imageInfo = images[imgIndex]; // 从 images 中查找对应的宽高
if (imageInfo) {
// 构建新的 <img> 标签，保留原来的其他属性
const newImgTag = imgTag.replace(
/<img/,
`<img width="${imageInfo.width}" height="${imageInfo.height}"`
);
table = table.replace(imgTag, newImgTag); // 替换旧标签
}
}
});
}
validTables[index] = table; // 更新该表格内容
});
if (validTables.length > 0) {
console.log('validTables.length at line 147:', validTables)
callback(validTables);
} else {
callback([]);
}
} else {
console.log("没有找到表格内容。");
}
})
.catch((err) => {
console.error('Error parsing Word file:', err);
});;
}).catch((err) => {
console.error("Error loading zip file:", err);
});
};
reader.readAsArrayBuffer(file); // 将文件读取为 ArrayBuffer
} else {
alert('请上传一个有效的 Word 文件');
}
},
extractLatexFromMathJax() {
// 获取所有 MathJax 渲染的公式容器
const mathContainers = document.querySelectorAll('mjx-container');
@@ -120,7 +287,7 @@ export default {
console.log('htmlContent at line 94:', htmlContent)
str = this.transformHtmlString(htmlContent)
str = this.transformHtmlString(htmlContent, 'table')
// 创建一个临时的 DOM 元素来解析 HTML
const div = document.createElement('div');
@@ -399,6 +566,26 @@ export default {
const runs = paragraph.getElementsByTagName("w:r");
for (const run of runs) {
let textContent = "";
const drawings = run.getElementsByTagName("w:drawing");
for (let d = 0; d < drawings.length; d++) {
const drawing = drawings[d];
// 使用命名空间提取 a:blip
const blips = drawing.getElementsByTagNameNS("http://schemas.openxmlformats.org/drawingml/2006/main", "blip");
for (let b = 0; b < blips.length; b++) {
const blip = blips[b];
const embedId = blip.getAttribute("r:embed");
if (embedId) {
textContent += `<img data-embed="${embedId}"/>`;
console.log("✅ 图片 embedId:", embedId);
}
}
}
const texts = run.getElementsByTagName("w:t");
for (const text of texts) {
textContent += text.textContent;
@@ -709,7 +896,7 @@ export default {
// }
// },
transformHtmlString(inputHtml) {
transformHtmlString(inputHtml, type) {
// inputHtml = inputHtml.replace(/(<[^>]+) style="[^"]*"/g, '$1'); // 移除style属性
// inputHtml = inputHtml.replace(/(<[^>]+) class="[^"]*"/g, '$1'); // 移除class属性
@@ -722,6 +909,9 @@ export default {
if (attrName === "data-latex") {
return attrMatch;
}
if (type == 'table' && tag == 'img' && (attrName === "src" || attrName === "width" || attrName === "height")) {
return attrMatch;
}
return ''; // 删除其他属性
});
@@ -729,8 +919,15 @@ export default {
return `<${tag}${updatedAttributes}>`;
});
// 2. 删除所有不需要的标签 (除 `strong`, `em`, `sub`, `sup`, `b`, `i` 外的所有标签)
inputHtml = inputHtml.replace(/<(?!\/?(strong|em|sub|sup|b|i|blue|wmath))[^>]+>/g, ''); // 删除不需要的标签
if (type == 'table') {
inputHtml = inputHtml.replace(/<(?!\/?(strong|em|sub|sup|b|i|blue|wmath|img))[^>]+>/g, ''); // 删除不需要的标签
} else {
inputHtml = inputHtml.replace(/<(?!\/?(strong|em|sub|sup|b|i|blue|wmath))[^>]+>/g, ''); // 删除不需要的标签
}
// 3. 删除所有 `<br>` 标签
inputHtml = inputHtml.replace(/<br\s*\/?>/g, ''); // 删除 <br> 标签
// 3. 如果有 `<strong>` 和 `<em>` 标签，去掉内部样式并保留内容
inputHtml = inputHtml.replace(/<span[^>]*>/g, '').replace(/<\/span>/g, ''); // 去除span标签
inputHtml = inputHtml.replace(/<strong>/g, '<b>').replace(/<\/strong>/g, '</b>'); // 将 `strong` 替换成 `b`
@@ -753,6 +950,8 @@ export default {
// 2️⃣ 将 <p> 内容转换为数组，并处理内容
let parsedData = Array.from(paragraphs).map(p => {
let text = p.innerHTML.trim(); // 获取内容，去除两端空格
text = replaceNegativeSign(text);
console.log('text at line 756:', text)
text = this.transformHtmlString(text)
// 3️⃣ **正确移除 <o:p>（Word 复制的无效标签）**
text = text.replace(/<\/?o:p[^>]*>/g, "");
@@ -788,6 +987,7 @@ export default {
async parseTableToArray(tableString, callback) {
console.log('tableString at line 845:', tableString)
const parser = new DOMParser();
const doc = parser.parseFromString(tableString, 'text/html');
const rows = doc.querySelectorAll('table tr'); // 获取所有的行（<tr>）
@@ -1412,8 +1612,9 @@ export default {
const cells = table.querySelectorAll('td');
cells.forEach((td) => {
if (/^-?\d+(\.\d+)?$/.test(td.textContent.trim())) {
this.replaceNegativeSign(td);
this.replaceNegativeSign(td); // 替换负号和减号为 EN DASH
}
// 检查当前 td 是否包含上下标
if (!this.containsSupOrSub(td)) {
// 递归处理单元格内的所有子节点
@@ -1567,7 +1768,7 @@ export default {
replaceNegativeSign(node) {
if (node.nodeType === Node.TEXT_NODE) {
// 如果是文本节点，替换负号
node.nodeValue = node.nodeValue.replace(/^-(?=\d)/, '−');
node.nodeValue = node.nodeValue.replace(/^-(?=\d)/, '–');
} else if (node.nodeType === Node.ELEMENT_NODE) {
this.applyToChildNodes(node, (child) => this.replaceNegativeSign(child));
}
@@ -1576,7 +1777,9 @@ export default {
capitalizeFirstLetter(node) {
if (node.nodeType === Node.TEXT_NODE) {
// 如果是文本节点，只处理第一个非空字符
node.nodeValue = node.nodeValue.replace(/^\s*([a-zA-Z])/, (match, firstLetter) => firstLetter.toUpperCase());
// node.nodeValue = node.nodeValue.replace(/^\s*([a-zA-Z])/, (match, firstLetter) => firstLetter.toUpperCase());
node.nodeValue = node.nodeValue;
} else if (node.nodeType === Node.ELEMENT_NODE) {
this.applyToChildNodes(node, (child) => this.capitalizeFirstLetter(child));
}
@@ -2046,10 +2249,10 @@ export default {
}
});
ed.ui.registry.addButton('Line', {
text: '−', // 按钮文本
text: '–', // 按钮文本
onAction: function () {
// 插入 `−` 符号到当前光标位置
ed.insertContent('−');
// 插入 `–` 符号到当前光标位置
ed.insertContent('–');
}
});

1
src/components/common/common.vue
View File

@@ -7,6 +7,7 @@ const baseUrl = '/';
// const mediaUrl = 'https://submission.tmrjournals.com/public/';
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
// const baseUrl = '/api';

116
src/components/common/langs/en.js
View File

@@ -376,52 +376,84 @@ const en = {
exportWord: 'Export Word',
exportImg: 'Export PNG',
PaperRotation: 'Paper Rotation',
removeAnnotations:'Are you sure you want to delete this Annotation?',
removeContent:'Are you sure you want to delete this content?',
reContent:'Are you sure you want to restore this content?',
uploadImageInfo:'Figures can only upload files in JPG, JPEG, and PNG formats!',
selectComment:'Please select the text to add annotations to!',
selectWord:'Please select only a single word！',
alreadyCommented:'There are already annotations in the text, please select again!'
removeAnnotations: 'Are you sure you want to delete this Annotation?',
removeContent: 'Are you sure you want to delete this content?',
reContent: 'Are you sure you want to restore this content?',
uploadImageInfo: 'Figures can only upload files in JPG, JPEG, and PNG formats!',
selectComment: 'Please select the text to add annotations to!',
selectWord: 'Please select only a single word！',
alreadyCommented: 'There are already annotations in the text, please select again!'
},
pendingPayment:{
title:'Title',
journal:'Journal',
Paymentamount:'Payment Amount',
Paymentstatus:'Payment Status',
subtotal:'Subtotal',
payment:'Online Payment',
payDetail:'Payment Details',
total:'Total price',
youhui:'Discount',
submitOrder:'Submit Order',
state0:'Obligation',
state1:'Payment successful',
state2:'Cancelled',
paymentmethod:'Payment Method',
Disbursements:'Disbursements',
Confirmorderinformation:'Confirm order information',
orderDetail:'Order information',
pendingPayment: {
title: 'Title',
journal: 'Journal',
Paymentamount: 'Payment Amount',
Paymentstatus: 'Payment Status',
subtotal: 'Subtotal',
payment: 'Online Payment',
payDetail: 'Payment Details',
total: 'Total price',
youhui: 'Discount',
submitOrder: 'Submit Order',
state0: 'Obligation',
state1: 'Payment successful',
state2: 'Cancelled',
paymentmethod: 'Payment Method',
Disbursements: 'Disbursements',
Confirmorderinformation: 'Confirm order information',
orderDetail: 'Order information',
},
PreAccept:{
successInfo:'Congratulations! Your manuscript has entered into <b>Pre-accept</b> status. Now please check and complete the necessary information of your manuscript for final publication.',
step1:'Article Processing Charge',
step2:'Article Proofreading',
step3:'References',
step:'step',
Information:'Fill in information',
PreAccept: {
successInfo: 'Congratulations! Your manuscript has entered into <b>Pre-accept</b> status. Now please check and complete the necessary information of your manuscript for final publication.',
step1: 'Article Processing Charge',
step2: 'Article Proofreading',
step3: 'References',
step: 'step',
Information: 'Fill in information',
},
Formula: {
FormulaTemplate: 'Formula Template'
},
AI: {
AISummaryAnalysis: 'AI analysis',
AIKeywords: 'Keywords',
AIAbstract: 'Abstract',
AIAbstractInfo: 'Analysis Result',
},
AIhtmlWeChatPreview: {
"title_english": "Title (English)",
"title_chinese": "Title (Chinese)",
"author": "Author",
"content": "Article Content",
"covered": "Research Fields",
"digest": "Summary",
"research_background": "Research Background",
"research_result": "Research Results",
"highlights": "Highlights",
"discussion": "Discussion",
"prospect": "Future Prospects",
"cite": "Cite",
"journal_content": "Journal Introduction",
"journal_topic": "Journal Topic",
"authors": "Author Information",
"author": "Author",
"author_name": "Author Name",
"author_name_placeholder": "Please enter the author's name",
"company": "Affiliation",
"company_placeholder": "Please enter the author's affiliation",
"email": "Email",
"email_placeholder": "Please enter the author's email",
"icon": "Picture",
"introduction": "Introduction",
"technical": "Technical",
"icon_placeholder": "Please enter the author's avatar URL",
"remove_author": "Remove Author",
"add_author": "Add Author"
}
},
Formula:{
FormulaTemplate:'Formula Template'
},
AI: {
AISummaryAnalysis: 'AI analysis',
AIKeywords: 'Keywords',
AIAbstract: 'Abstract',
AIAbstractInfo: 'Analysis Result',
}
}

31
src/components/common/langs/zh.js
View File

@@ -415,6 +415,37 @@ const zh = {
AIAbstract:'摘要',
AIAbstractInfo:'分析结果',
},
AIhtmlWeChatPreview:{
"title_english": "英文标题",
"title_chinese": "中文标题",
"author": "作者",
"content": "文章正文",
"covered": "研究学科",
"digest": "摘要",
"research_background": "研究背景",
"research_result": "研究结果",
"highlights": "研究亮点",
"discussion": "讨论",
"prospect": "前景展望",
"cite": "引用",
"journal_content": "期刊简介",
"journal_topic": "期刊主题",
"authors": "作者信息",
"author": "作者",
"author_name": "作者姓名",
"author_name_placeholder": "请输入作者姓名",
"company": "单位",
"company_placeholder": "请输入作者单位",
"email": "邮箱",
"email_placeholder": "请输入邮箱地址",
"icon": "头像",
"introduction": "介绍",
"technical": "职称",
"icon_placeholder": "请输入作者头像地址",
"remove_author": "删除作者",
"add_author": "添加作者"
}
}

2149
src/components/page/GenerateCharts copy.vue Normal file
View File

File diff suppressed because it is too large Load Diff

286
src/components/page/GenerateCharts.vue
View File

@@ -29,25 +29,25 @@
<!-- <b class="MaxBtn" style="right: 80px; top: 5px; padding: 0"><common-drag-word @tables="getTables"></common-drag-word></b> -->
<!-- <b class="MaxBtn" @click="MTxtPic()" style="background-color: #13bc20; right: 40px; top: 5px">
<svg
t="1684978324047"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1967"
width="15"
height="15"
>
<path
d="M512 46.208a42.666667 42.666667 0 0 1 4.992 85.077333L512 131.541333H174.208a42.666667 42.666667 0 0 0-42.368 37.717334l-0.298667 4.949333v487.850667L307.2 501.12a88.874667 88.874667 0 0 1 112.042667-6.570667l5.845333 4.608 150.442667 128.896 101.973333-101.888a88.874667 88.874667 0 0 1 110.122667-12.373333l6.058666 4.138667 104.832 78.592V512a42.666667 42.666667 0 0 1 85.077334-4.992l0.298666 4.992v342.698667a128 128 0 0 1-120.490666 127.786666l-7.509334 0.213334H174.208a128 128 0 0 1-127.786667-120.490667l-0.213333-7.509333V174.208a128 128 0 0 1 120.490667-127.786667l7.509333-0.213333H512zM366.378667 563.2l-1.536 0.853333-233.301334 213.76v76.885334a42.666667 42.666667 0 0 0 37.717334 42.368l4.949333 0.298666H855.893333a42.666667 42.666667 0 0 0 42.368-37.717333l0.298667-4.949333v-151.808l-3.285333-2.090667-152.789334-114.602667a3.541333 3.541333 0 0 0-3.2-0.554666l-1.450666 0.853333-97.28 97.28 76.970666 66.048a42.666667 42.666667 0 0 1-51.2 68.010667l-4.309333-3.2-292.437333-250.666667a3.541333 3.541333 0 0 0-3.2-0.768z m415.829333-516.992a42.666667 42.666667 0 0 1 42.410667 37.717333l0.256 4.949334v96h96a42.666667 42.666667 0 0 1 4.992 85.077333l-4.992 0.256h-96v96a42.666667 42.666667 0 0 1-85.034667 4.992l-0.298667-4.992v-96h-96a42.666667 42.666667 0 0 1-4.949333-85.034667l4.949333-0.298666h96v-96a42.666667 42.666667 0 0 1 42.666667-42.666667z"
fill="#ffffff"
p-id="1968"
></path>
</svg> </b
><b class="MaxBtn" @click="MTxtTable()" style="background-color: #e07404; right: 0px; top: 5px">
<i class="el-icon-document-add"></i>
</b> -->
<svg
t="1684978324047"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1967"
width="15"
height="15"
>
<path
d="M512 46.208a42.666667 42.666667 0 0 1 4.992 85.077333L512 131.541333H174.208a42.666667 42.666667 0 0 0-42.368 37.717334l-0.298667 4.949333v487.850667L307.2 501.12a88.874667 88.874667 0 0 1 112.042667-6.570667l5.845333 4.608 150.442667 128.896 101.973333-101.888a88.874667 88.874667 0 0 1 110.122667-12.373333l6.058666 4.138667 104.832 78.592V512a42.666667 42.666667 0 0 1 85.077334-4.992l0.298666 4.992v342.698667a128 128 0 0 1-120.490666 127.786666l-7.509334 0.213334H174.208a128 128 0 0 1-127.786667-120.490667l-0.213333-7.509333V174.208a128 128 0 0 1 120.490667-127.786667l7.509333-0.213333H512zM366.378667 563.2l-1.536 0.853333-233.301334 213.76v76.885334a42.666667 42.666667 0 0 0 37.717334 42.368l4.949333 0.298666H855.893333a42.666667 42.666667 0 0 0 42.368-37.717333l0.298667-4.949333v-151.808l-3.285333-2.090667-152.789334-114.602667a3.541333 3.541333 0 0 0-3.2-0.554666l-1.450666 0.853333-97.28 97.28 76.970666 66.048a42.666667 42.666667 0 0 1-51.2 68.010667l-4.309333-3.2-292.437333-250.666667a3.541333 3.541333 0 0 0-3.2-0.768z m415.829333-516.992a42.666667 42.666667 0 0 1 42.410667 37.717333l0.256 4.949334v96h96a42.666667 42.666667 0 0 1 4.992 85.077333l-4.992 0.256h-96v96a42.666667 42.666667 0 0 1-85.034667 4.992l-0.298667-4.992v-96h-96a42.666667 42.666667 0 0 1-4.949333-85.034667l4.949333-0.298666h96v-96a42.666667 42.666667 0 0 1 42.666667-42.666667z"
fill="#ffffff"
p-id="1968"
></path>
</svg> </b
><b class="MaxBtn" @click="MTxtTable()" style="background-color: #e07404; right: 0px; top: 5px">
<i class="el-icon-document-add"></i>
</b> -->
<!-- </p> -->
<div class="unfetteredBox" style="height: 100%">
@@ -64,6 +64,7 @@
@onAddComment="onAddComment"
@addImage="handleImageAdd"
@addTable="handleTableAdd"
@handlePaperclip="handlePaperclip"
@addComment="addCommentSetting"
@goToComment="goToComment"
@edit="handleImageEdit"
@@ -71,19 +72,20 @@
style="width: 100%; height: 100%; padding: 0 0px; box-sizing: border-box; background-color: #fff"
>
</common-word-html-type-setting>
<input type="file" ref="fileInput" style="display: none" @change="handleFileChange" />
</div>
</div>
<div style="width: 100%; width: calc(100% - 285px); float: right; height: calc(100% - 0px); background-color: #e4e9ed">
<!-- <div class="toolbar">
<div class="toolbar_item" @click="handleImageAdd('img')">
<img src="@/assets/img/upload.png" style="object-fit: contain" />
<span>Add Figure </span>
</div>
<div class="toolbar_item" @click="handleTableAdd('table')">
<img src="@/assets/img/uploadTable.png" style="object-fit: contain" />
<span>Add Table </span>
</div>
</div> -->
<div class="toolbar_item" @click="handleImageAdd('img')">
<img src="@/assets/img/upload.png" style="object-fit: contain" />
<span>Add Figure </span>
</div>
<div class="toolbar_item" @click="handleTableAdd('table')">
<img src="@/assets/img/uploadTable.png" style="object-fit: contain" />
<span>Add Table </span>
</div>
</div> -->
<common-word
:key="new Date().getTime()"
@@ -123,7 +125,7 @@
</div>
<!--添加/修改图片 -->
<el-dialog :title="picStyle.visiTitle" :visible.sync="pictVisible" width="800px" :close-on-click-modal="false">
<el-dialog :title="picStyle.visiTitle" :visible.sync="pictVisible" width="1200px" :close-on-click-modal="false">
<el-form ref="editMes" :model="picStyle" label-width="150px">
<el-form-item>
<span slot="label">
@@ -154,7 +156,7 @@
@openLatexEditor="openLatexEditor"
v-if="pictVisible"
@updateChange="(res) => updateChange(res, 'imgNote')"
:height="120"
:height="400"
ref="tinymceChildImgNote"
style="margin-left: -115px"
></common-content>
@@ -238,6 +240,43 @@
</el-button>
</p>
</el-drawer>
<el-drawer
title="我嵌套了表格!"
class="editTableDialog"
destroy-on-close
v-if="tablesHtmlVisible"
:title="lineStyle.visiTitle"
:visible.sync="tablesHtmlVisible"
:wrapperClosable="false"
:close-on-click-modal="false"
direction="rtl"
size="70%"
>
<div v-for="(item, i) in uploadWordTables">
<el-button @click="addUploadWordTable(item)"> 插入Table{{ i + 1 }} </el-button>
<div class="thumbnailTableBox wordTableHtml table_Box pMain myeditabledivTable drop-target">
<!-- 标题部分 -->
<!-- <font class="font" :style="`width: ${item.width ? `${item.width}px` : '100%'}`" style="text-align: center">
<span v-html="highlightText(item.table.title || '', item.checks ? item.checks : [])"></span>
</font> -->
<!-- 表格部分 -->
<table border="1" style="width: 100%; border-collapse: collapse; text-align: center">
<tr v-for="(row, i) in item.table_data" :key="i" :class="{ 'table-header-row': isHeaderRow(i, item.table_data) }">
<td v-for="(cell, i1) in row" :key="i1" :colspan="`${cell.colspan || 1}`" :rowspan="`${cell.rowspan || 1}`">
<span v-html="cell.text"></span>
</td>
</tr>
</table>
<!-- 备注部分 -->
<!-- <font class="font" :style="`width: ${item.width ? `${item.width}px` : '100%'}`">
<span v-html="highlightText(item.table.note || '', item.checks ? item.checks : [])"></span>
</font> -->
</div>
<!-- <div v-html="v.html_data"></div> -->
</div>
</el-drawer>
<el-dialog
destroy-on-close
v-if="commentVisible"
@@ -358,6 +397,9 @@ import bottomTinymce from '@/components/page/components/Tinymce';
export default {
data() {
return {
uploadWordTables: [],
tablesHtmlVisible: false,
tablesHtml: '',
LateXInfo: {},
isEditComment: false,
showLateX: false,
@@ -393,48 +435,48 @@ export default {
editTable: 'api/Preaccept/editMainTable'
},
wordStyle: `
// p {
// position: relative;
// padding: 8px 15px;
// min-height: 22px;
// border: 2px dashed #fff;
// border-radius: 5px;
// color: #606266;
// }
// p {
// font-size: 14px;
// line-height: 22px;
// }
// p {
// position: relative;
// padding: 8px 15px;
// min-height: 22px;
// border: 2px dashed #fff;
// border-radius: 5px;
// color: #606266;
// }
// p {
// font-size: 14px;
// line-height: 22px;
// }
.imgBox .chNumer {
position: absolute;
top: -2px;
right: -1px;
border-radius: 3px;
font-size: 10px;
background-color: rgb(0 102 153 / 85%);
color: #fff;
padding: 0 6px;
}
.imgBox .chNumer {
position: absolute;
top: -2px;
right: -1px;
border-radius: 3px;
font-size: 10px;
background-color: rgb(0 102 153 / 85%);
color: #fff;
padding: 0 6px;
}
.MaxPicture {
text-align: center;
}
.MaxPicture {
text-align: center;
}
.MaxPicture > img {
margin-bottom: 10px;
}
.MaxPicture > img {
margin-bottom: 10px;
}
.font {
display: block;
margin: 0 auto;
font-size: 13px;
}
.tableTitle{
text-align:center!important;
font-weight: bold;
}
`,
.font {
display: block;
margin: 0 auto;
font-size: 13px;
}
.tableTitle{
text-align:center!important;
font-weight: bold;
}
`,
tables: [],
htmlContent: '',
@@ -515,6 +557,19 @@ export default {
},
methods: {
async copyArray(data) {
try {
// 将数组内容转换为字符串，使用换行符分隔
const textToCopy = JSON.stringify(data);
// 使用 Clipboard API 复制文本
await navigator.clipboard.writeText(textToCopy);
alert('数组内容已复制到剪贴板!');
} catch (err) {
console.error('复制失败:', err);
alert('复制失败，请重试!');
}
},
openLatexEditor(data) {
console.log('data at line 563:', data);
this.showLateX = true;
@@ -618,6 +673,7 @@ export default {
// });
// }
str = await that.$commonJS.decodeHtml(str);
await that.$api
.post(that.urlList.editContent, {
am_id: am_id,
@@ -653,6 +709,13 @@ export default {
}
});
},
isHeaderRow(rowIndex, table) {
var table = table;
var head = table[0];
return rowIndex < head[0].rowspan; // 假设前两行是表头
},
deleteComment(comment, index) {
console.log('comment at line 480:', comment);
if (this.isEditComment) {
@@ -1048,6 +1111,76 @@ export default {
this.$message.error(err.msg);
});
},
handlePaperclip() {
this.uploadWordTables = [];
this.$refs.fileInput.click();
},
handleFileChange(event) {
var that = this;
// 处理文件上传并传递回调函数
this.$commonJS.handleFileUpload(event, function (tables) {
console.log('tables at line 786:', tables);
// 使用 Promise.all 等待所有表格解析完成
Promise.all(
tables.map((table) => {
return new Promise((resolve, reject) => {
// 解析每个表格
that.$commonJS.parseTableToArray(table, (tableList) => {
console.log('res at line 104:', tableList);
// 生成 HTML 内容
// var contentHtml = `
// <div class="thumbnailTableBox wordTableHtml table_Box" style="">
// <table border="1" style="width: auto; border-collapse: collapse; text-align: center;">
// ${tableList
// .map((row) => {
// return `
// <tr>
// ${row
// .map((cell) => {
// return `
// <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}">
// <span>${cell.text || ''}</span>
// </td>
// `;
// })
// .join('')}
// </tr>
// `;
// })
// .join('')}
// </table>
// </div>
// `;
// 将解析后的数据和生成的 HTML 返回
resolve({ table_data: tableList, html_data: '' });
});
});
})
)
.then((result) => {
// 所有表格的解析完成后，处理结果
that.uploadWordTables = result;
that.tablesHtmlVisible = true;
console.log('Processed tables:', that.uploadWordTables);
})
.catch((error) => {
console.error('Error processing tables:', error);
});
});
const file = event.target.files[0];
if (file) {
// 处理文件逻辑
console.log('处理文件:', file.name);
}
// 关键：重置 input 的值
event.target.value = '';
},
async onAddRow(mainId) {
console.log('data at line 886:', mainId);
@@ -1114,6 +1247,18 @@ export default {
this.lineStyle.visiTitle = 'Add Table';
this.threeVisible = true;
},
addUploadWordTable(data) {
this.lineStyle = {};
this.lineStyle = {
...data,
table: data.table_data,
html_data: data.html_data,
note: '',
title: ''
};
this.lineStyle.visiTitle = 'Insert Table';
this.threeVisible = true;
},
handleImageEdit(data, type) {
console.log('data at line 600:', data);
if (type == 'img') {
@@ -1599,7 +1744,6 @@ export default {
var cleanedTableList = content.table ? content.table : [];
console.log('content at line 998:', content);
cleanedTableList = cleanTableData(content.table);
var strTitle = this.lineStyle.title;
strTitle = await this.$commonJS.decodeHtml(strTitle);
@@ -1899,8 +2043,8 @@ export default {
border: 2px dashed rgb(0 102 153 / 50%);
}
/* .type_MTxt > .imgBox:hover {
background-color: rgb(0 102 153 / 10%);
border: 2px dashed rgb(0 102 153 / 50%);
background-color: rgb(0 102 153 / 10%);
border: 2px dashed rgb(0 102 153 / 50%);
} */
.type_MTxt > div > p {

180
src/components/page/JournalManagement/JournalManagement/common.vue
View File

@@ -47,7 +47,8 @@
<span class="title">{{ $t('JournalCitationAnalysis.level') }} :</span><span>{{ scope.row.level }}</span>
</div>
<div class="item" v-if="scope.row.journal_topic">
<span class="title">{{ $t('JournalCitationAnalysis.journal_topic') }} :</span><span>{{ scope.row.journal_topic }}</span>
<span class="title">{{ $t('JournalCitationAnalysis.journal_topic') }} :</span
><span>{{ scope.row.journal_topic }}</span>
</div>
</div>
</template>
@@ -145,8 +146,8 @@
</el-table-column>
</el-table>
</div>
<el-dialog :title="$t('GroupClassification.edit')" :visible.sync="editDialogVisible" width="600px" :before-close="handleEditClose">
<el-form ref="detail_form" :model="detailForm" :rules="rules" label-width="165px">
<el-dialog :title="$t('GroupClassification.edit')" :visible.sync="editDialogVisible" width="1000px" :before-close="handleEditClose">
<el-form ref="detail_form" :model="detailForm" :rules="rules" label-width="180px">
<el-form-item label="Journal :">
<p style="display: flex; align-items: center; justify-content: space-between">
<span>{{ detailForm.title }}</span>
@@ -195,7 +196,28 @@
<el-input-number v-model="detailForm.fee" :min="0" v-if="source == 'all'"></el-input-number>
<span v-else>{{ detailForm.fee }}</span>
</el-form-item>
<el-form-item label="Research areas :" prop="ResearchAreas">
<el-form-item label="Journal publisher :" prop="publish_author">
<el-input v-model="detailForm.publish_author" placeholder="eg:TMR编辑部"></el-input>
</el-form-item>
<el-form-item label="WeChat Code :" prop="editor_qrcode">
<div class="portrait WeChatCode">
<el-upload
class="avatar-uploader"
ref="upIconIMg"
:action="baseUrl + 'api/Journal/uploadEditorQrcode'"
:show-file-list="false"
name="qrcode_url"
:on-success="handleAvatarSuccess2"
:on-error="handleAvatarError2"
:before-upload="beforeAvatarUpload2"
>
<img v-if="detailForm.editor_qrcode" :src="mediaUrl + 'journaleditorqrcode/' + detailForm.editor_qrcode" class="avatar" accept=".png,.jpg" />
<i v-else class="el-icon-plus avatar-uploader-icon" style="line-height: 120px"></i>
</el-upload>
</div>
</el-form-item>
<el-form-item label="Journal Topic :" prop="ResearchAreas">
<el-button @click="addArea" size="mini" type="primary" plain style="position: absolute; right: 0; margin-left: 10px"
>+ Add</el-button
>
@@ -214,10 +236,22 @@
</div>
</div>
</el-form-item>
<el-form-item label="Wechat Name :" prop="wechat_name">
<el-input v-model="detailForm.wechat_name" placeholder="eg:公众号名称"></el-input>
</el-form-item>
<el-form-item label="Wechat APP ID :" prop="wechat_app_id">
<el-input v-model="detailForm.wechat_app_id" placeholder="eg:公众号app_id"></el-input>
</el-form-item>
<el-form-item label="Wechat APP Secret :" prop="wechat_app_secret">
<el-input v-model="detailForm.wechat_app_secret" placeholder="eg:公众号app_secret"></el-input>
</el-form-item>
<!-- 简介 -->
<el-form-item label="Introduction :" prop="scope">
<el-form-item label="Introduction (English) :" prop="scope">
<el-input type="textarea" rows="5" v-model="detailForm.scope"></el-input>
</el-form-item>
<el-form-item label="Introduction (Chinese) :" prop="abstract_chinese">
<el-input type="textarea" rows="5" v-model="detailForm.abstract_chinese"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="handleEditClose()">{{ $t('GroupClassification.cancel') }}</el-button>
@@ -288,6 +322,7 @@ export default {
},
data() {
return {
mediaUrl: this.Common.mediaUrl,
baseUrl: this.Common.baseUrl,
activeNames: [],
detailForm: {},
@@ -336,11 +371,23 @@ export default {
trigger: 'blur'
}
],
// scope: [{
// required: true,
// message: 'Please input journal introduction',
// trigger: 'blur'
// }],
publish_author: [
{
required: true,
message: 'Please input Journal publisher',
trigger: 'blur'
}
],
scope: [{
required: true,
message: 'Please input journal introduction (English)',
trigger: 'blur'
}],
abstract_chinese: [{
required: true,
message: 'Please input journal introduction (Chinese)',
trigger: 'blur'
}],
email: [
{
required: true,
@@ -397,6 +444,24 @@ export default {
await this.getDate();
},
methods: {
async handleAvatarSuccess2(res, file) {
if (res.code == 0) {
this.detailForm.editor_qrcode = res.upurl;
this.$forceUpdate()
} else {
this.$message.error(res.msg);
}
},
handleAvatarError2(res, file) {
// this.$message.error(res);
},
beforeAvatarUpload2(file) {
const isLt2M = file.size / 1024 / 1024 < 1;
if (!isLt2M) {
this.$message.error('Picture size cannot exceed 1M!');
}
return isLt2M;
},
addArea() {
this.detailForm.areas.push('');
},
@@ -415,18 +480,23 @@ export default {
// this.$message.error(res);
},
//上传图片
handleAvatarSuccess2(res, file) {
if (res.code == 0) {
this.detailForm.journalicon = res.upurl;
}
},
// handleAvatarSuccess2(res, file) {
// if (res.code == 0) {
// this.detailForm.journalicon = res.upurl;
// }
// },
handleEdit() {
this.$refs.detail_form.validate((valid) => {
if (valid) {
if(this.detailForm.editor_qrcode==''||!this.detailForm.editor_qrcode){
this.$message.error('Please upload WeChat Code!');
return false;
}
this.$api
.post('api/Journal/editJournal', {...this.detailForm,journal_topic:this.detailForm.areas&&this.detailForm.areas.length>0?this.detailForm.areas.toString():''})
.post('api/Journal/editJournal', {
...this.detailForm,
journal_topic: this.detailForm.areas && this.detailForm.areas.length > 0 ? this.detailForm.areas.toString() : ''
})
.then((res) => {
if (res.code == 0) {
this.$message.success('Change Success!');
@@ -585,8 +655,10 @@ export default {
});
},
openEditJournal(data) {
var that = this;
this.currentJournal = data;
this.detailForm = {
journal_id: data.journal_id,
title: data.title,
@@ -595,10 +667,20 @@ export default {
epassword: data.epassword,
kfen: data.kfen,
fee: data.fee,
editor_qrcode: data.editor_qrcode,
scope: data.scope,
areas: data.journal_topic?data.journal_topic.split(','):[''],
abstract_chinese: data.abstract_chinese,
publish_author: data.publish_author,
wechat_name: data.wechat_name,
wechat_app_id: data.wechat_app_id,
wechat_app_secret: data.wechat_app_secret,
areas: data.journal_topic ? data.journal_topic.split(',') : ['']
};
this.editDialogVisible = true;
if(this.$refs.detail_form){
this.$refs.detail_form.resetFields();
}
// this.$nextTick(() => {
// that.$refs.commonClassRef.init();
// });
@@ -989,7 +1071,7 @@ export default {
// margin-bottom: 4px;
}
}
.avatar-uploader .el-upload {
.WeChatCode .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
@@ -999,15 +1081,15 @@ export default {
height: 120px;
}
.avatar-uploader_small {
.WeChatCode .avatar-uploader_small {
height: 120px;
}
.avatar-uploader .el-upload:hover {
.WeChatCode .avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
.WeChatCode .avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 120px;
@@ -1016,19 +1098,65 @@ export default {
text-align: center;
}
.avatar-uploader_small .el-upload {
.WeChatCode .avatar-uploader_small .el-upload {
width: 80px;
height: 80px;
}
.avatar-uploader_small .avatar-uploader-icon {
.WeChatCode .avatar-uploader_small .avatar-uploader-icon {
line-height: 80px;
margin-left: -30px;
}
.avatar {
.WeChatCode .avatar {
width: 120px;
height: 120px;
display: block;
}.portrait {
/* width: 83px;
height: 83px;
border-radius: 110px;
border: 1.5px solid #eee;
cursor: pointer;
position: relative;
display: inline-block; */
}
::v-deep .WeChatCode .avatar-uploader,
.el-upload,
.avatar {
width: 120px;
height: 120px;
border-radius: 110px;
}
::v-deep .el-upload--text {
width: 120px;
height: 120px;
padding: 0 !important;
border-radius: 110px;
}
.portrait > img {
width: 120px;
height: 120px;
border-radius: 110px;
}
.portrait .ptmark {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #00000033;
color: #fff;
border-radius: 110px;
font-size: 16px;
line-height: 22px;
display: none;
padding: 22px 0 0 0;
text-align: center;
}
.WeChatCode .avatar-uploader .el-upload {
width: 120px !important;
height: 120px !important;
}
</style>

2
src/components/page/articleAdd.vue
View File

@@ -2311,7 +2311,7 @@ export default {
reader.onload = function (e) {
that.$commonJS.extractWordTablesToArrays(File.raw, function (wordTables) {
console.log('tablesHtml at line 61:', wordTables);
return
that.addWordTablesList(wordTables);
});
};

152
src/components/page/articleListEditor_C.vue
View File

@@ -14,33 +14,33 @@
font-size: 12px;
padding: 0 5px;
margin-top: calc((34px - 20px) / 2);
color: #fff ;
background: #006699 ;
border: 1px solid #006699 ;
color: #fff;
background: #006699;
border: 1px solid #006699;
display: inline-block;
"
v-if="item.cycle == 0"
>{{ $t('articleListEditor.Continuouspublication') }}</span
>
</el-option>
</el-select><span
style="
float: right;
height: 20px;
line-height: 20px;
border-radius: 4px;
color: #8492a6;
font-size: 12px;
padding: 0 5px;
margin-top: calc((34px - 20px) / 2);
color: #fff ;
background: #006699 ;
border: 1px solid #006699 ;
display: inline-block;
"
v-if="currentJournal.cycle == 0"
>{{ $t('articleListEditor.Continuouspublication') }}</span
>
</el-option> </el-select
><span
style="
float: right;
height: 20px;
line-height: 20px;
border-radius: 4px;
color: #8492a6;
font-size: 12px;
padding: 0 5px;
margin-top: calc((34px - 20px) / 2);
color: #fff;
background: #006699;
border: 1px solid #006699;
display: inline-block;
"
v-if="currentJournal.cycle == 0"
>{{ $t('articleListEditor.Continuouspublication') }}</span
>
</div>
<template v-if="currentJournal.cycle != 0">
@@ -55,7 +55,32 @@
<div v-for="(item, index) in item.articles" class="actList">
<span>{{ item.npp }}.</span>
<font @click="lookView(item)">{{ item.title }}</font>
<el-button style="margin-left: 20px;padding: 4px 10px !important;" size="mini" type="primary" plain icon="el-icon-notebook-2" @click="htmlContet(item)"> Html</el-button>
<commonOnlineOperations ref="onlineOperations" :data="item" style="display: inline-block;">
<el-dropdown-item> <p @click="htmlContet(item)"><i class="el-icon-notebook-2"></i>Html</p> </el-dropdown-item>
<!-- <el-button
style="margin-left: 20px; padding: 4px 10px !important"
size="mini"
type="primary"
plain
icon="el-icon-notebook-2"
@click="htmlContet(item)"
>
Html</el-button
> -->
</commonOnlineOperations>
<!-- <el-button
style="margin-left: 20px; padding: 4px 10px !important; background: #ccf7e46e !important;color: #00bc66 !important;border-color:#00bc66 !important;"
size="mini"
type="primary"
plain
icon="el-icon-notebook-2"
@click="htmlWeChatPreview(item)"
>
WeChat Preview</el-button
> -->
<!-- <span style="margin-left: 30px;color: #aaa;">sort:</span>
<b class="sort">{{item.sort}}</b>
<i class="el-icon-edit ediCon" @click="changSort(item)"></i> -->
@@ -74,8 +99,16 @@
<div style="float: left; width: calc(100% - 140px)">
<span>{{ index + 1 }}.</span>
<font @click="lookView(item)">{{ item.title }}</font>
<el-button style="margin-left: 20px;padding: 4px 10px !important;" size="mini" type="primary" plain icon="el-icon-notebook-2" @click="htmlContet(item)"> Html</el-button>
<el-button
style="margin-left: 20px; padding: 4px 10px !important"
size="mini"
type="primary"
plain
icon="el-icon-notebook-2"
@click="htmlContet(item)"
>
Html</el-button
>
</div>
<el-button @click="Chukan0(item)" type="warning" plain size="mini" style="float: right"> Issue in advance </el-button>
@@ -123,14 +156,19 @@
</div>
</el-dialog>
<commonHtml ref="htmlRef"></commonHtml>
</div>
</template>
<script>
import { Loading, Select } from 'element-ui';
import commonHtml from '@/components/page/components/html/index.vue';
import commonOnlineOperations from '@/components/page/components/article/onlineOperations.vue';
export default {
components:{
commonHtml
components: {
commonHtml,
commonOnlineOperations
},
data() {
return {
@@ -186,15 +224,16 @@ export default {
this.getDate();
},
methods: {
htmlContet(data){
console.log('data at line 189:', data)
this.$nextTick((e)=>{
this.$refs.htmlRef.htmlContet(data)
})
htmlContet(data) {
console.log('data at line 189:', data);
this.$nextTick((e) => {
this.$refs.htmlRef.htmlContet(data);
});
},
// 获取数据
getDate() {console.log('at line 189:',localStorage.getItem('U_pointJour') )
getDate() {
console.log('at line 189:', localStorage.getItem('U_pointJour'));
this.$api
.post('api/Article/getJournal', {
username: this.query.username
@@ -202,7 +241,6 @@ export default {
.then((res) => {
this.jourList = res;
if (localStorage.getItem('U_pointJour') == null) {
this.query.issn = this.jourList[0].issn;
this.currentJournal = this.jourList[0];
@@ -212,7 +250,7 @@ export default {
this.getNoralDate0();
}
} else {
var info=this.jourList.find(e=>e.journal_id==localStorage.getItem('U_pointJour'))
var info = this.jourList.find((e) => e.journal_id == localStorage.getItem('U_pointJour'));
this.query.issn = info.issn;
if (this.currentJournal.cycle != 0) {
this.getNoralDate();
@@ -373,34 +411,28 @@ export default {
setTimeout(() => {
this.pubVisible = false;
this.$api
.post('api/Journal/pushArticleToPublic', {
article_id: e.article_id
})
.then((res) => {
console.log('res at line 330:', res);
if (res.code == 0) {
this.$message.success('Successfully!');
setTimeout(()=>{
this.getNoralDate0();
},500)
} else {
this.$api
.post('api/Journal/pushArticleToPublic', {
article_id: e.article_id
})
.then((res) => {
console.log('res at line 330:', res);
if (res.code == 0) {
this.$message.success('Successfully!');
setTimeout(() => {
this.getNoralDate0();
}, 500);
} else {
this.$message.error(res.data.msg);
}
})
.catch((err) => {
// this.$message.error('Fail!');
this.$message.success('Successfully!');
this.getNoralDate0();
});
}
})
.catch((err) => {
// this.$message.error('Fail!');
this.$message.success('Successfully!');
this.getNoralDate0();
});
}, 1000 * (this.referData.length + 1) + 2000);
})
.catch(() => {});
},

201
src/components/page/articleListEditor_E.vue
View File

@@ -80,7 +80,7 @@
<p v-html="scope.row.sort"></p>
</template>
</el-table-column>
<el-table-column label="" width="220px" align="center">
<el-table-column label="" width="220px" align="left">
<template slot-scope="scope">
<p style="display: flex; align-items: center; justify-content: space-around">
<el-button
@@ -92,25 +92,14 @@
>
<i class="el-icon-edit"></i> Edit</el-button
>
 <el-dropdown :hide-on-click="false" style="">
 
<span class="el-dropdown-link">     More operations<i class="el-icon-arrow-down el-icon--right"></i>   </span>  
<el-dropdown-menu slot="dropdown">
   
<el-dropdown-item
><p @click="htmlContet(scope.row)"><i class="el-icon-notebook-2"></i>Html</p></el-dropdown-item
>
       
<el-dropdown-item divided
><p @click="goCite(scope.row)"><i class="el-icon-edit"></i>Cite</p>
</el-dropdown-item>
   
<el-dropdown-item divided>
<p @click="ChoseRelated(scope.row)"><i class="el-icon-tickets"></i>Relevant</p>
</el-dropdown-item>
 
</el-dropdown-menu>
</el-dropdown>
<commonOnlineOperations ref="onlineOperations" :data="scope.row" style="display: inline-block">
<el-dropdown-item
><p @click="htmlContet(scope.row)"><i class="el-icon-notebook-2"></i>Html</p></el-dropdown-item
>
<el-dropdown-item divided
><p @click="goCite(scope.row)"><i class="el-icon-edit"></i>Cite</p>
</el-dropdown-item>
</commonOnlineOperations>
</p>
</template>
</el-table-column>
@@ -147,10 +136,10 @@
{{ EditMes.sort }}
<!-- <el-input-number v-model="EditMes.sort"></el-input-number> -->
</el-form-item>
<el-form-item label="Topics :">
<!-- <el-form-item label="Topics :">
<p v-for="item in topListName">{{ item }}</p>
<!-- <el-button type="warning" @click="topicVisible = true" size="mini" style="margin-top: 5px">Change topics</el-button> -->
</el-form-item>
<el-button type="warning" @click="topicVisible = true" size="mini" style="margin-top: 5px">Change topics</el-button>
</el-form-item> -->
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="EditVisible = false" plain>Cancel</el-button>
@@ -159,7 +148,7 @@
</el-dialog>
<!-- 话题信息 -->
<el-dialog title="" :visible.sync="topicVisible" width="550px">
<!-- <el-dialog title="" :visible.sync="topicVisible" width="550px">
<el-form ref="editMes" :model="EditMes" label-width="50px">
<el-form-item label="">
<el-checkbox-group v-model="EditMes.topic" value-key="journal_topic_id">
@@ -178,10 +167,10 @@
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="topicVisible = false" plain>Close</el-button>
</span>
</el-dialog>
</el-dialog> -->
<!-- 相关期刊 -->
<el-dialog title="" :visible.sync="RelatVisible" width="1000px" @close="RelatCancle" :close-on-click-modal="false">
<!-- <el-dialog title="" :visible.sync="RelatVisible" width="1000px" @close="RelatCancle" :close-on-click-modal="false">
<p style="font-weight: bold; font-size: 16px; margin-bottom: 30px" v-html="RelatMes.title"></p>
<p class="reta_tit" style="margin-bottom: 15px; margin-top: 0">Related articles selected</p>
<div>
@@ -193,8 +182,8 @@
{{ item.title }}
</p>
</div>
<!-- 删除 -->
<!-- <el-button
<el-button
v-show="item.dropdownShow"
class="choose_btn"
size="mini"
@@ -202,11 +191,11 @@
plain
@click="deleteTree(item.article_id)"
>Delete
</el-button> -->
</el-button>
</div>
<p v-if="chooseData == ''" style="color: #777; padding: 5px 0 0 15px">No Articles</p>
</div>
<!-- <p style="height: 1px; background-color: #ddd; width: 100%; margin-top: 35px"></p>
<p style="height: 1px; background-color: #ddd; width: 100%; margin-top: 35px"></p>
<p class="reta_tit">
All articles
<el-input
@@ -247,11 +236,11 @@
</div>
</el-col>
</el-row>
</div> -->
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="RelatVisible = false" plain>Close</el-button>
</span>
</el-dialog>
</el-dialog> -->
<!-- Html排版 -->
<el-dialog title="HTML layout" :visible.sync="HtmlVisible" width="900px" :close-on-click-modal="false" @close="CancelHtml">
@@ -394,8 +383,7 @@
v-if="htmlContent"
ref="commonWord"
:value="htmlContent"
:contentList="mains"
:contentList="mains"
:wordStyle="wordStyle"
style="width: calc(100%); height: 50vh"
:style="`100%`"
@@ -467,9 +455,13 @@
</template>
<script>
import commonOnlineOperations from '@/components/page/components/article/onlineOperations.vue';
import { Loading } from 'element-ui';
import { watch } from 'vue';
export default {
components: {
commonOnlineOperations
},
data() {
return {
tg_article_id: 0,
@@ -1026,71 +1018,70 @@ export default {
});
},
getWord() {
// var htmlContent = ``;
// htmlContent += this.mains
// .map((item) => {
// //批注
// let contentHtml = '';
// var isRemark = ``;
// var htmlContent = ``;
// htmlContent += this.mains
// .map((item) => {
// //批注
// let contentHtml = '';
// var isRemark = ``;
// // 判断是否是图片
// if (item.type == 1) {
// contentHtml = `
// <p contenteditable="false" main-state="${item.state}" class="MaxPicture pMain" data-id="${
// item.ami_id
// }" main-id="${item.am_id}">
// ${isRemark}
// <img src="${this.mediaUrl +'articleImage/'+ item.image.url}" style="width: ${
// item.width ? `${item.width}px` : '100%'
// }" />
// <font class="font" style="width: ${item.width ? `${item.width}px` : '100%'}" >${
// item.image.note ? item.image.note : ''
// }</font>
// </p>
// `;
// } else if (item.type == 2) {
// var tableList = JSON.parse(item.table.table_data);
// // 判断是否是图片
// if (item.type == 1) {
// contentHtml = `
// <p contenteditable="false" main-state="${item.state}" class="MaxPicture pMain" data-id="${
// item.ami_id
// }" main-id="${item.am_id}">
// ${isRemark}
// <img src="${this.mediaUrl +'articleImage/'+ item.image.url}" style="width: ${
// item.width ? `${item.width}px` : '100%'
// }" />
// <font class="font" style="width: ${item.width ? `${item.width}px` : '100%'}" >${
// item.image.note ? item.image.note : ''
// }</font>
// </p>
// `;
// } else if (item.type == 2) {
// var tableList = JSON.parse(item.table.table_data);
// contentHtml = `
// <div contenteditable="false" data-id="${item.amt_id}" main-state="${item.state}" main-id="${
// item.am_id
// }" class="thumbnailTableBox wordTableHtml table_Box pMain" style="width: 100%; padding: 8px 15px; box-sizing: border-box; border-radius: 4px; position: relative;">
// ${isRemark}
// <font class="font tableTitle" style="width:100%" >${item.table.title ? item.table.title : ''}</font>
// <table border="1" style="width: auto; border-collapse: collapse; text-align: center; ">
// ${tableList
// .map((row) => {
// return `
// <tr>
// ${row
// .map((cell) => {
// return `
// <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}">
// <span>${cell.text || ''}</span>
// </td>
// `;
// })
// .join('')} <!-- join the cells in the row -->
// </tr>
// `;
// })
// .join('')} <!-- join the rows -->
// </table>
// <font class="font" style="width:100%" >${item.table.note ? item.table.note : ''}</font>
// </div>
// `;
// } else {
// contentHtml = `
// <div contenteditable="false" data-id="${item.amt_id}" main-state="${item.state}" main-id="${
// item.am_id
// }" class="thumbnailTableBox wordTableHtml table_Box pMain" style="width: 100%; padding: 8px 15px; box-sizing: border-box; border-radius: 4px; position: relative;">
// ${isRemark}
// <font class="font tableTitle" style="width:100%" >${item.table.title ? item.table.title : ''}</font>
// <table border="1" style="width: auto; border-collapse: collapse; text-align: center; ">
// ${tableList
// .map((row) => {
// return `
// <tr>
// ${row
// .map((cell) => {
// return `
// <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}">
// <span>${cell.text || ''}</span>
// </td>
// `;
// })
// .join('')} <!-- join the cells in the row -->
// </tr>
// `;
// })
// .join('')} <!-- join the rows -->
// </table>
// <font class="font" style="width:100%" >${item.table.note ? item.table.note : ''}</font>
// </div>
// `;
// } else {
// contentHtml = `<p class="pMain" main-state="${item.state}" contenteditable="false" data-id="${item.am_id}" main-id="${item.am_id}">${isRemark}${item.content}</p>`;
// }
// contentHtml = `<p class="pMain" main-state="${item.state}" contenteditable="false" data-id="${item.am_id}" main-id="${item.am_id}">${isRemark}${item.content}</p>`;
// }
// // 判断是否是表格类型
// // 判断是否是表格类型
// return contentHtml;
// })
// .join('');
// return contentHtml;
// })
// .join('');
this.htmlContent = 'true';
},
getMainsInfo2(e) {
this.loadHtml = true;
@@ -1101,12 +1092,12 @@ export default {
.then((res) => {
this.loadHtml = false;
if (res.code == 0) {
console.log(res,'res')
console.log(res, 'res');
this.mains = '';
if (res.data.list.length > 0) {
this.mains = res.data.list;
console.log('this.mains at line 1108:', this.mains)
console.log('this.mains at line 1108:', this.mains);
this.getWord();
} else {
this.mains = '';
@@ -1149,8 +1140,8 @@ export default {
},
// 文章html弹出层
async htmlContet(e) {
console.log('e at line 1151:', e)
this.htmlContent=''
console.log('e at line 1151:', e);
this.htmlContent = '';
this.articleId = e.article_id;
this.tg_article_id = e.tg_article_id;
this.UpHtpFIle.article_id = e.article_id;
@@ -1170,7 +1161,7 @@ export default {
console.log('res.code at line 1148:', res.code);
this.html_type = res.data.detail.html_type;
if (this.html_type == 2) {
if ( res.data.detail.has_html == 1) {
if (res.data.detail.has_html == 1) {
await this.getMainsInfo2();
this.HtmlVisible = true;
} else {
@@ -1183,7 +1174,6 @@ export default {
}
}
});
},
// 生成html
// CreateHtml(){
@@ -1221,10 +1211,15 @@ export default {
loading.close();
} else {
this.HtmlVisible = false;
window.open(this.$router.resolve({ path: '/GenerateCharts',
query: {
id: this.tg_article_id
} }).href, '_blank');
window.open(
this.$router.resolve({
path: '/GenerateCharts',
query: {
id: this.tg_article_id
}
}).href,
'_blank'
);
// this.$router.push({
// path: '/GenerateCharts',
// query: {

1231
src/components/page/components/article/onlineOperations.vue Normal file
View File

File diff suppressed because it is too large Load Diff

738
src/components/page/components/htmlWeChatPreview/1.html Normal file
View File

@@ -0,0 +1,738 @@
<section style="margin-bottom:unset;">
<section style="color: rgb(30, 30, 30);font-family: PingFangSC-light;letter-spacing: 0.7px;line-height: 1.8;font-size: 16px;margin-bottom: unset;">
<section style="font-size: 13px;margin-bottom: unset;">
<p>
<span leaf="">点击左上角“</span><strong><span leaf="">TMR Publishing Group</span></strong><span leaf="">”关注我们，为您推送更多最新资讯。</span>
</p>
</section>
<section style="text-align: center;margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZBPibNvDg0GZRfhDWu4pzibw08qODANp9Pprpf0366ZHemlHf2o3xm35Q/0?wx_fmt=png" style="width:200px; height: 100px;" data-width="200px" data-cropselx1="0" data-cropselx2="578" data-cropsely1="0" data-cropsely2="144" data-imgfileid="100016607">
</p>
</section>
</section>
</section>
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;align-self: flex-end;margin-bottom: unset;">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br></span>
</p>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;background-color: rgb(255, 255, 255);padding-right: 15px;padding-left: 15px;margin-bottom: unset;">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-bottom: -25px;">
<section style="display: inline-block;vertical-align: middle;width: auto;align-self: center;flex: 0 0 auto;min-width: 5%;height: auto;margin-bottom: unset;">
<section style="margin-top: 10px;margin-bottom: 10px;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 18px;height: auto;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZC7TJuqGRGX6dBIzou8E4d2vfgib3hiaJC5Vv8cI5BTN78FAMqXXL6PmQ/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016604">
</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: center;padding-right: 8px;padding-left: 8px;margin-bottom: unset;">
<section style="font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">文章导读</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: auto;align-self: center;flex: 0 0 auto;min-width: 5%;height: auto;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-top: 10px;margin-bottom: 10px;line-height: 0;transform: rotateY(180deg);">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 18px;height: auto;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZC7TJuqGRGX6dBIzou8E4d2vfgib3hiaJC5Vv8cI5BTN78FAMqXXL6PmQ/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016605">
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;align-self: flex-end;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-bottom: unset;transform: rotateY(180deg);">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: justify;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;padding-right: 12px;padding-left: 12px;margin-bottom: unset;" data-width="100%">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-top: -1px;margin-bottom: -1px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 37px 24px 20px; border-style: solid; border-width: 1px; border-color: rgb(189, 138, 60); background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: center;line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;margin-bottom: unset;">
<p style="line-height: 1.5em; font-size: 16px;">
<strong><span leaf="" style="word-break: break-word;word-break: keep-all; width: 500px;text-align: center;" id="title_english">test</span></strong>
</p>
<p>
<span style="letter-spacing:0.7px;"><span leaf=""><br></span></span>
</p>
<p style="line-height: 1.5em; font-size: 16px;">
<strong><span style="letter-spacing: 0.7px;line-height: 1.5em;"><span leaf="" style="word-break: break-word;word-break: keep-all;width: 500px;" id="title_chinese">中文标题</span></span></strong>
</p>
<p style="text-align: justify;">
<span leaf=""><br></span>
</p>
<p>
<strong><span leaf=""><br></span></strong>
</p>
<p>
<span style="letter-spacing:0.7px;"><span leaf=""><br></span></span>
</p>
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZx7PibEic5ZQ4cCH8lWDwicMOT5nkdZSXaibDA5W3BIJczbAjAAT7TTibp6A/0?wx_fmt=jpeg" style="width:965px;height: 540px;" data-width="100%" data-imgfileid="100016608">
</p>
</section>
</section>
</section>
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br></span>
</p>
</section>
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">本期编辑荐读为您精选</span><span style="color:#007aaa;"><em><span leaf="" id="journal_title">Integrative Medicine Discovery</span></em></span><span leaf="" id="author">期刊发表的优质文章，通讯作者为Department of OrthopedicsXuChiProfessor,Institute of Interdisciplinary Integrative Medicine ResearchZhangHong老师。<span textstyle="" style="font-weight: bold;" id="covered">内容涵盖了网络药理学、分子对接等方法，探索海红花药酒治疗骨折的分子机制。</span>希望能为相关领域的学者提供参考和新的思路。</span>
</p>
<p>
<span leaf=""><br></span>
</p>
<p>
<span leaf="" id="digest">海红花药酒（HHML），一种由19种中药组成的著名院内配方，已成功应用于治疗软组织损伤、闭合性新鲜骨折、骨折愈合后肢体功能障碍、肩颈腿痛、膝关节痛等多种临床疾病30年。然而，其在骨折愈合相关疾病治疗中的物质基础研究仍存在空白。因此，探索HHML的活性成分、核心靶点和潜在药理机制以促进骨折愈合尤为重要。研究通过多个数据库筛选出249种HHML生物活性成分和325个HHML-骨折相关靶点。网络分析揭示了槲皮素、木犀草素、山奈酚、甘草查尔酮A、柚皮素和8-异戊烯基山奈酚可能是潜在候选药物，PI3K-AKT信号通路可能在HHML治疗骨折中起重要作用。分子对接表明8-异戊烯基山奈酚、甘草查尔酮A和柚皮素分别与AKT1、PIK3CA和ESR1结合，表现出更低能量和更稳定的特性。结论显示HHML治疗骨折的潜在活性成分、靶蛋白和分子机制，为下一步研究HHML配方的作用机制提供了确切思路。</span>
</p>
<p>
<span leaf=""><br></span>
</p>
</section>
<section style="transform-origin: center center 0px;margin-bottom: unset;transform: scale(0.95);">
<section style="margin-right: 0%;margin-left: 0%;text-align: center;justify-content: center;display: flex;flex-flow: row;">
<section style="display: inline-block;vertical-align: middle;width: 35%;padding-right: 5px;border-width: 0px;align-self: center;flex: 0 0 auto;margin-bottom: unset;" data-width="35%">
<section style="margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 80%;border-color: rgb(30, 30, 30);border-width: 1px;border-style: none;box-shadow: rgb(30, 30, 30) 0px 0px 0px;height: auto;margin-bottom: unset;" data-width="80%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZ2yR72almzo4CzxbFLcRw2LxVUps2WnXE2QEN5xibt0icNYFxBgOicqhtg/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016606" id="journal_qrcode">
</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 65%;padding-left: 5px;border-width: 0px;align-self: center;flex: 0 0 auto;margin-bottom: unset;" data-width="65%">
<section style="margin-right: 0%;margin-left: 0%;">
<section style="font-size: 13px;text-align: justify;letter-spacing: 0.7px;line-height: 1.8;margin-bottom: unset;">
<p>
<span leaf="">识别二维码，</span>
</p>
<p>
<span leaf="">进入期刊主页。</span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;transform: rotateX(180deg);">
<section style="display: inline-block;vertical-align: top;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;margin-bottom: unset;">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br></span>
</p>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: top;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-bottom: unset;transform: rotateY(180deg);">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 01</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">研究背景</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span style="letter-spacing:0.7px;"><span leaf="" id="research_background">骨折是一种随着社会进步而日益普遍的疾病，常伴有感染、疼痛、畸形愈合、骨不连或愈合延迟等并发症，严重影响患者生活质量。目前的治疗手段存在显著不足，因此骨折治疗是一个紧迫的临床问题。海红花药酒已成功应用于临床30余年，在骨折愈合中具有良好效果。该配方包含19种草药，其中如南五加可调节炎症因子水平，抑制细胞凋亡，并通过激活PI3K/Akt信号通路缓解内皮功能障碍。近年来，网络药理学方法被广泛应用于研究中药配方，预测中药治疗疾病的潜在机制，并为中药活性成分筛选提供参考。</span></span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 02</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">研究结果</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="" id="research_result">测试</span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 03</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">讨论与展望</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="" id="discussion">讨论一下</span>
</p>
<p>
<span leaf="" id="prospect">展望一下</span>
</p>
<!-- <p>
<span leaf=""><br/></span>
</p> -->
</section>
</section>
</section>
<p>
<span leaf=""><br></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;width: auto;vertical-align: bottom;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;padding-right: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="text-align: justify;letter-spacing: 0px;margin-bottom: unset;">
<p>
<strong><span leaf="">原文出自&nbsp;</span><span style="color: #008181;"><em><span leaf="">Integrative Medicine Discovery</span></em></span><span leaf="">&nbsp;期刊</span><span leaf=""><br></span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="transform-origin: center center 0px;margin-bottom: unset;transform: scale(0.95);">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;vertical-align: top;width: 30%;border-width: 0px;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="30%">
<section style="text-align: center;margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;border-color: rgb(30, 30, 30);border-width: 1px;border-style: none;box-shadow: rgb(30, 30, 30) 0px 0px 0px;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZTMc5hfUEBmcnKsOG7chH3D2o2fg1c9Ba2ibtcKbpclgtC5LLoKicGxdQ/0?wx_fmt=png" style="width: 270px;height: 270px;" data-imgfileid="100016609" id="article_qrcode">
</p>
</section>
</section>
</section>
<section style="text-align: center;font-size: 12px;letter-spacing: 0.7px;line-height: 1.8;margin-bottom: unset;">
<p>
<span leaf="">识别二维码，阅读英文原文。</span><span leaf=""><br></span>
</p>
</section>
</section>
<section style="display: inline-block;width: auto;vertical-align: middle;padding-left: 5px;border-width: 0px;align-self: center;flex: 100 100 0%;height: auto;margin-bottom: unset;">
<section style="margin-top: 2px;">
<section style="font-size: 13px;text-align: justify;padding-right: 5px;padding-left: 5px;letter-spacing: 0px;line-height: 1.6;margin-bottom: unset;">
<p style="text-align:left;">
<span style="color: rgba(0, 0, 0, 0.847);font-family: Calibri;font-size: 16px;">
<span leaf="" id="cite">Qian D, He CX, Zhang Q, et al. Research of the molecular mechanism of Hai Honghua medicinal liquor in the treatment of fracture based on network pharmacology combined with molecular docking. Integr Med Discov. 2023;7:e23012. doi:10.53388/TMRIM202307012</span>
</span>
</p>
<p style="text-align:left;">
<span style="color: rgba(0, 0, 0, 0.847);font-family: Calibri;font-size: 16px;"><span leaf=""><br></span></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;width: auto;vertical-align: bottom;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;padding-right: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">通讯作者介绍</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 15px;">
<section style="display: inline-block;vertical-align: top;width: 25%;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="25%">
<section style="justify-content: center;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 90px;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);border-radius: 99%;overflow: hidden;padding: 5px;height: auto;margin-bottom: unset;">
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;border-radius: 99%;overflow: hidden;width: 100%;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://zmzm.tougao.dev.com/public/usericon/20250513/8ca8fe500173ebdebddfebf284c9e7c1.jpg" style="width: 100%;" data-width="100%" data-imgfileid="100016618">
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 50%;align-self: center;flex: 0 0 auto;height: auto;padding-left: 10px;margin-bottom: unset;" data-width="50%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">XuChi Professor</span></strong>
</p>
</section>
</section>
</section>
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;background-color: rgb(248, 243, 237);padding: 22px;margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">testtesfds</span>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 15px;">
<section style="display: inline-block;vertical-align: top;width: 25%;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="25%">
<section style="justify-content: center;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 90px;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);border-radius: 99%;overflow: hidden;padding: 5px;height: auto;margin-bottom: unset;">
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;border-radius: 99%;overflow: hidden;width: 100%;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZnUyeAvuVN67t8XP85DxVJwDJf2YxCTalrsr17jS080xM6xQv5yGiaEQ/0?wx_fmt=jpeg" style="width: 100%;" data-width="100%" data-imgfileid="100016618">
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 50%;align-self: center;flex: 0 0 auto;height: auto;padding-left: 10px;margin-bottom: unset;" data-width="50%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">ZhangHong </span></strong>
</p>
</section>
</section>
</section>
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;background-color: rgb(248, 243, 237);padding: 22px;margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""></span>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;">
<section style="font-size:15px;margin-bottom:unset;">
<section style="text-align:center;margin-top:10px;margin-bottom:10px;line-height:0;">
<section style="vertical-align:middle;display:inline-block;line-height:0;margin-bottom:unset;">
<section style="font-size:12px;line-height:1.6;letter-spacing:0px;color:#000000;margin-bottom:unset;">
<section style="color:#1e1e1e;font-size:16px;margin-bottom:unset;">
<section style="font-size:12px;line-height:1.6;letter-spacing:0px;color:#000000;margin-bottom:unset;">
<section style="color:#1e1e1e;font-size:16px;margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-right:auto;margin-left:auto;width:95%;margin-bottom:unset;" data-width="95%">
<section style="margin-top: 20px;margin-bottom: 20px;background-color: rgb(254, 254, 254);padding-right: 13px;padding-left: 13px;border-width: 3px;border-style: groove;border-color: rgb(239, 207, 207);">
<section style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:22px;text-align:left;">
<section style="display:inline-block;background-color:#fdfdfd;margin-bottom:unset;">
<section style="color:#f6d8d7;font-size:20px;letter-spacing:2px;margin-bottom:unset;">
<p>
<span leaf=""><br></span>
</p>
</section>
<section style="margin-top:-30px;display:flex;justify-content:center;align-items:center;margin-bottom:unset;">
<section style="width: 8px;height: 8px;background-color: rgb(207, 18, 16);border-radius: 50%;margin-bottom: unset;overflow: hidden;">
<span leaf=""><br></span>
</section>
<section style="color:#cf1210;letter-spacing:2px;margin-right:7px;margin-left:7px;margin-bottom:unset;">
<p>
<span style="color:#ab1942;"><strong><span leaf="">期刊详情</span></strong></span>
</p>
</section>
</section>
</section>
<section style="width:100%;height:1px;background-color:#cf1210;margin-top:-25px;margin-bottom:unset;overflow:hidden;" data-width="100%">
<span leaf=""><br></span>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="margin-bottom: unset;padding-top: 15px;">
<section style="margin-bottom:unset;">
<p style="text-align:justify;">
<em><span style="font-family:微软雅黑, &quot;Microsoft YaHei&quot;;"><span style="color:#3e3e3e;"><span leaf="" id="jabbr">Integr Med Discov.</span></span></span></em>
<span style="font-family:微软雅黑, &quot;Microsoft YaHei&quot;;">
<span style="color:#3e3e3e;">
<span leaf="" id="journal_content">Integrative Medicine Discovery (ISSN 3021-1670) is a peer-reviewed, serialization open access journal. Integrative Medicine Discovery aims to provide a platform for exploring traditional medicine worldwide based on a holistic perspective and multidisciplinary techniques, particularly welcoming new discoveries, insights, and methods in integrative medicine research. Integrative Medicine Discovery publishes original articles concerning the study of the integrative mechanisms of traditional medicine from a multi-component and multi-target using a holistic perspective and systems biology approach, and the study of the mechanisms and applications of traditional medicine utilizing emerging technologies in mathematics, physics, chemistry, and the biological sciences, and new theories and methods in integrative medicine research. Integrative Medicine Discovery&nbsp;has been included in Embase, EBSCO, WHO-COVID-19 Database, ICI, Keepers Registry, National Engineering and Technology Digital Library, Google Scholar, Open Academic Journals Index, EuroPub, ResearchGate, J-Gate, KOSMOS, CNKI Scholar, Cosmos, VIP Database, Worldcat, and Baidu Scholar.
</span>
<span style="letter-spacing:0px;color:#333333;line-height:28px;">
<span leaf=""> 为了进一步扩大期刊的影响力并提升对学者的服务，</span>
<strong>
<span leaf="" id="free_year">2025年免除版面费</span>
</strong>
<span leaf="">。此外</span>
</span>
</span>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">，为进一步促进期刊发展，</span>
</span>
<strong style="color:#333333;letter-spacing:0px;">
<span leaf="">青年编委正在招募中</span>
</strong>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">，欢迎各位老师通过邮件或微信与编辑部联系沟通，期待您的加入</span>
</span>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">！</span>
</span>
</span>
</p>
<p>
<span leaf=""><br></span>
</p>
</section>
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-top:15px;margin-bottom:15px;">
<section style="width:96%;margin-left:auto;margin-right:auto;margin-bottom:unset;" data-width="96%">
<section style="border-left: 1px dashed rgb(199, 48, 48);padding-top: 5px;padding-bottom: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:unset;">
<section style="width:8px;height:8px;background-color:#c73030;margin-top:13px;margin-bottom:unset;overflow:hidden;line-height:0;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);">
<span leaf=""><br></span>
</section>
<section style="width:95%;text-align:left;line-height:2.2em;margin-left:10px;margin-bottom:unset;" data-width="95%">
<p style="font-size:14px;letter-spacing:1px;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">投稿方式</span></span></strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">&nbsp;-&nbsp;</span><span style="line-height:35px;"><span leaf="">进入期刊官网注册投稿：</span></span></span>
</p>
<p style="font-size:14px;letter-spacing:0.25px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="" id="journal_usx_url">https://www.tmrjournals.com/im</span></span>
</p>
</section>
</section>
</section>
</section>
<section style="width:96%;margin-left:auto;margin-right:auto;margin-bottom:unset;" data-width="96%">
<section style="border-left: 1px dashed rgb(199, 48, 48);padding-top: 5px;padding-bottom: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:unset;">
<section style="width:8px;height:8px;background-color:#c73030;margin-top:13px;margin-bottom:unset;overflow:hidden;line-height:0;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);">
<span leaf=""><br></span>
</section>
<section style="width:95%;text-align:left;line-height:2.2em;margin-left:10px;margin-bottom:unset;" data-width="95%">
<p style="font-size:14px;letter-spacing:1px;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">青年编委申请</span></span></strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">&nbsp;-&nbsp;</span><span style="line-height:35px;"><span leaf="">发送个人学术简历至邮箱:</span></span></span>
</p>
<p style="line-height:1.5em;font-size:14px;letter-spacing:0px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="" id="journal_email">imd@tmrjournals.com</span></span>
</p>
<p style="line-height:1.5em;font-size:14px;letter-spacing:0px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">邮件主题为"Integr Med Discov青年编委申请+姓名"。</span></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section data-support="96编辑器" data-style-id="39509" style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:10px;">
<section style="width:65px;margin-right:auto;margin-left:auto;margin-bottom:unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_gif/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZK6wx6OQLlIiaDRcp0sgxXkZQgwWfDcoM7KzErBE6Nvq4IVf4iaX2icrUQ/0?wx_fmt=gif" style="display: block; transform: rotateZ(0deg);" data-imgfileid="100016615">
</p>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="border-width: 0px;border-style: solid;border-color: rgb(62, 62, 62);margin-bottom: unset;">
<p style="letter-spacing:0.578px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">申请投稿或青年编委过程中有任何问题请联系:&nbsp;</span><span style="text-align:left;"><span leaf="" id="journal_email_1">imd@tmrjournals.com</span></span></span>
</p>
<p style="letter-spacing:0.578px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">或添加期刊编辑微信</span></span>
</p>
</section>
</section>
<section data-support="96编辑器" data-style-id="39463" style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:10px;">
<section style="width:50px;margin-right:auto;margin-left:auto;margin-bottom:unset;">
<section style="width:50px;margin-right:auto;margin-left:auto;overflow:hidden;line-height:0;margin-bottom:unset;">
<span leaf=""><br></span>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="padding: 10px;border-radius: 5px;margin: 15px;border-width: 1px;border-style: dashed;border-color: rgb(62, 62, 62);">
<section style="display:flex;margin-bottom:unset;">
<section style="width:50%;margin-right:7px;margin-bottom:unset;" data-width="50%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZBPibNvDg0GZRfhDWu4pzibw08qODANp9Pprpf0366ZHemlHf2o3xm35Q/0?wx_fmt=png" style="width: 420px;height: 530px" data-width="100%" data-backw="213" data-backh="213" data-imgfileid="100016617">
</p>
</section>
</section>
<section style="width:50%;margin:auto;" data-width="50%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZknGn1cCteibInoxTDzD0EGt5mL7S170R99QGv7ibwWnQFJRZFLN7iaD5g/0?wx_fmt=jpeg" style="width: 256px; height: 256px;" data-width="100%" data-backw="229" data-backh="309" data-imgfileid="100016614">
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br></span>
</p>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;">
<section style="display:inline-block;vertical-align:middle;margin-bottom:unset;">
<section style="border-left: 2px solid rgb(0, 57, 58);border-top: 2px solid rgb(0, 57, 58);width: 12px;height: 12px;border-right-color: rgb(0, 57, 58);border-bottom-color: rgb(0, 57, 58);margin-bottom: unset;">
<svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="padding-right: 10px;padding-left: 10px;margin-top: -8px;margin-bottom: -8px;">
<section style="font-size:15px;margin-bottom:unset;">
<p>
<strong><span leaf="">TMR公众号推荐</span></strong>
</p>
</section>
</section>
<section style="border-right: 2px solid rgb(0, 57, 58);margin-left: auto;border-bottom: 2px solid rgb(0, 57, 58);width: 12px;height: 12px;border-top-color: rgb(0, 57, 58);border-left-color: rgb(0, 57, 58);margin-bottom: unset;">
<svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
</section>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;transform:translate3d(10px, 0px, 0px);-webkit-transform:translate3d(10px, 0px, 0px);-moz-transform:translate3d(10px, 0px, 0px);-ms-transform:translate3d(10px, 0px, 0px);-o-transform:translate3d(10px, 0px, 0px);">
<section style="display:inline-block;vertical-align:top;margin-bottom:unset;">
<section style="width: 0.5em;height: 0.5em;display: inline-block;vertical-align: middle;border-radius: 100%;background-color: rgb(30, 30, 30);margin-bottom: unset;">
<svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="display: inline-block;vertical-align: middle;font-size: 15px;padding-right: 10px;padding-left: 10px;line-height: 1.8;letter-spacing: 0.7px;margin-bottom: unset;">
<p>
<strong><span leaf="">TMR Publishing Group</span></strong>
</p>
</section>
</section>
</section>
<section style="font-size: 15px;letter-spacing: 0.7px;line-height: 1.8;padding-right: 10px;padding-left: 10px;margin-bottom: unset;">
<p style="text-align:left;">
<span leaf="">覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。</span>
</p>
<section class="mp_profile_iframe_wrp _editor" nodeleaf="">
<mp-common-profile class="js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="TMR Publishing Group" data-alias="TMR2015V5" data-from="2" data-headimg="https://mmbiz.qpic.cn/mmbiz_png/xLjF6nPC0RnS1BLU3mkolpkAAkzVqyrAaNfHIt8pCSyqf9rlCVc85ckPH62X1lllQHqkELAQJqMTlqdZfZ5KnA/0?wx_fmt=png" data-signature="TMR Publishing Group 出版期刊覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。" data-id="Mzg5NTg0Mzc2Ng==" data-is_biz_ban="0" contenteditable="false">
<section class="wx_profile_card">
<section class="wx_profile_card_bd">
<section class="wx_profile weui-flex">
<section class="wx_profile_hd">
<p>
<img class="wx_profile_avatar" src="https://mmbiz.qpic.cn/mmbiz_png/xLjF6nPC0RnS1BLU3mkolpkAAkzVqyrAaNfHIt8pCSyqf9rlCVc85ckPH62X1lllQHqkELAQJqMTlqdZfZ5KnA/0?wx_fmt=png">
</p>
</section>
<section class="wx_profile_bd weui-flex weui-flex__item">
<section class="weui-flex__item">
<strong class="wx_profile_nickname">TMR Publishing Group</strong>
<section class="wx_profile_desc">
TMR Publishing Group 出版期刊覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。
</section>
</section><em class="weui-icon-arrow"></em>
</section>
</section>
</section>
<section class="wx_profile_card_ft">
公众号
</section>
</section>
</mp-common-profile>
</section>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;transform:translate3d(10px, 0px, 0px);-webkit-transform:translate3d(10px, 0px, 0px);-moz-transform:translate3d(10px, 0px, 0px);-ms-transform:translate3d(10px, 0px, 0px);-o-transform:translate3d(10px, 0px, 0px);">
<section style="display:inline-block;vertical-align:top;margin-bottom:unset;">
<section style="width: 0.5em;height: 0.5em;display: inline-block;vertical-align: middle;border-radius: 100%;background-color: rgb(30, 30, 30);margin-bottom: unset;">
<svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="display: inline-block;vertical-align: middle;font-size: 15px;padding-right: 10px;padding-left: 10px;line-height: 1.8;letter-spacing: 0.7px;margin-bottom: unset;">
<p>
<strong style="letter-spacing:0.7px;"><span leaf="">BME探索</span></strong><span leaf=""><br></span>
</p>
</section>
</section>
</section>
<section style="font-size: 15px;padding-right: 10px;padding-left: 10px;margin-bottom: unset;">
<p style="text-align:justify;">
<span leaf="">《生物医学工程通讯》是一本由TMR出版集团的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能。</span>
</p>
<section class="mp_profile_iframe_wrp _editor" nodeleaf="">
<mp-common-profile class="js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="BME探索" data-alias="bmecjournal" data-from="2" data-headimg="https://mmbiz.qpic.cn/sz_mmbiz_png/Vbog1McQQT01gRTwfeXFmd4wPJMzMq48J0CdSOUbmVzib7UyNNIc9C1Fq2AWXkB3QwJpcKCKwEYcuO4oTLqjiaFA/0?wx_fmt=png" data-signature="《生物医学工程通讯》是一本由TMR出版集团管理的同行评议、开放获取的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能化。" data-id="Mzg3MzgyMDI3MA==" data-is_biz_ban="0" contenteditable="false">
<section class="wx_profile_card">
<section class="wx_profile_card_bd">
<section class="wx_profile weui-flex">
<section class="wx_profile_hd">
<p>
<img class="wx_profile_avatar" src="https://mmbiz.qpic.cn/sz_mmbiz_png/Vbog1McQQT01gRTwfeXFmd4wPJMzMq48J0CdSOUbmVzib7UyNNIc9C1Fq2AWXkB3QwJpcKCKwEYcuO4oTLqjiaFA/0?wx_fmt=png">
</p>
</section>
<section class="wx_profile_bd weui-flex weui-flex__item">
<section class="weui-flex__item">
<strong class="wx_profile_nickname">BME探索</strong>
<section class="wx_profile_desc">
《生物医学工程通讯》是一本由TMR出版集团管理的同行评议、开放获取的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能化。
</section>
</section><em class="weui-icon-arrow"></em>
</section>
</section>
</section>
<section class="wx_profile_card_ft">
公众号
</section>
</section>
</mp-common-profile>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="font-size:13px;margin-bottom:unset;">
<p style="text-align:right;">
<span leaf="">期待您的“三连击”☞</span><strong><span leaf="">【分享，点赞，转发】</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
</section>

757
src/components/page/components/htmlWeChatPreview/demo.html Normal file
View File

@@ -0,0 +1,757 @@
<section class="_editor">
<section style="margin-bottom:unset;">
<section style="color: rgb(30, 30, 30);font-family: PingFangSC-light;letter-spacing: 0.7px;line-height: 1.8;font-size: 16px;margin-bottom: unset;">
<section style="font-size: 13px;margin-bottom: unset;">
<p>
<span leaf="">点击左上角“</span><strong><span leaf="">TMR Publishing Group</span></strong><span leaf="">”关注我们，为您推送更多最新资讯。</span>
</p>
</section>
<section style="text-align: center;margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZBPibNvDg0GZRfhDWu4pzibw08qODANp9Pprpf0366ZHemlHf2o3xm35Q/0?wx_fmt=png" style="width:200px; height: 100px;" data-width="200px" data-cropselx1="0" data-cropselx2="578" data-cropsely1="0" data-cropsely2="144" data-imgfileid="100016607"/>
</p>
</section>
</section>
</section>
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;align-self: flex-end;margin-bottom: unset;">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;background-color: rgb(255, 255, 255);padding-right: 15px;padding-left: 15px;margin-bottom: unset;">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-bottom: -25px;">
<section style="display: inline-block;vertical-align: middle;width: auto;align-self: center;flex: 0 0 auto;min-width: 5%;height: auto;margin-bottom: unset;">
<section style="margin-top: 10px;margin-bottom: 10px;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 18px;height: auto;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZC7TJuqGRGX6dBIzou8E4d2vfgib3hiaJC5Vv8cI5BTN78FAMqXXL6PmQ/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016604"/>
</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: center;padding-right: 8px;padding-left: 8px;margin-bottom: unset;">
<section style="font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">文章导读</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: auto;align-self: center;flex: 0 0 auto;min-width: 5%;height: auto;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-top: 10px;margin-bottom: 10px;line-height: 0;transform: rotateY(180deg);">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 18px;height: auto;margin-bottom: unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZC7TJuqGRGX6dBIzou8E4d2vfgib3hiaJC5Vv8cI5BTN78FAMqXXL6PmQ/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016605"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;align-self: flex-end;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-bottom: unset;transform: rotateY(180deg);">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: justify;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;padding-right: 12px;padding-left: 12px;margin-bottom: unset;" data-width="100%">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-top: -1px;margin-bottom: -1px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 37px 24px 20px; border-style: solid; border-width: 1px; border-color: rgb(189, 138, 60); background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: center;line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;margin-bottom: unset;">
<p style="line-height: 1.5em; font-size: 16px;word-break: break-word;word-break: keep-all; width: 700px;">
<strong><span leaf="" style="word-break: break-word;word-break: keep-all; width: 500px;text-align: center;">Research of the molecular mechanism of Hai Honghua medicinal liquor in the treatment of fracture bas</span></strong>
</p>
<p>
<span style="letter-spacing:0.7px;"><span leaf=""><br/></span></span>
</p>
<p style="line-height: 1.5em; font-size: 16px;word-break: break-word;word-break: keep-all; width: 500px;">
<strong><span style="letter-spacing: 0.7px;line-height: 1.5em;"><span leaf="" style="word-break: break-word;word-break: keep-all; width: 700px;text-align: center;">基于网络药理学结合分子对接的海红花药酒治疗骨折的分子机制研究</span></span></strong>
</p>
<p style="text-align: justify;">
<span leaf=""><br/></span>
</p>
<p>
<strong><span leaf=""><br/></span></strong>
</p>
<p>
<span style="letter-spacing:0.7px;"><span leaf=""><br/></span></span>
</p>
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZx7PibEic5ZQ4cCH8lWDwicMOT5nkdZSXaibDA5W3BIJczbAjAAT7TTibp6A/0?wx_fmt=jpeg" style="width:965px;height: 540px;" data-width="100%" data-imgfileid="100016608"/>
</p>
</section>
</section>
</section>
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">本期编辑荐读为您精选</span><span style="color:#007aaa;"><em><span leaf="">Integrative Medicine Discovery</span></em></span><span leaf="">期刊发表的优质文章，通讯作者为上海中医药大学跨学科整合医学研究所, 中国上海, 201203 ZhangHong。<span textstyle="" style="font-weight: bold;">研究涵盖了网络药理学、分子对接等方法，探索海红花药酒治疗骨折的分子机制。</span>希望能为相关领域的学者提供参考和新的思路。</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
<p>
<span leaf="">海红花药酒（HHML），一种由19种中药组成的著名院内配方，已成功应用于治疗软组织损伤、闭合性新鲜骨折、骨折愈合后肢体功能障碍、肩颈腿痛、膝关节痛等多种临床疾病30年。然而，其在骨折愈合相关疾病治疗中的物质基础研究仍存在空白。因此，探索HHML的活性成分、核心靶点和潜在药理机制以促进骨折愈合尤为重要。研究通过多个数据库筛选出249种HHML生物活性成分和325个HHML-骨折相关靶点。网络分析揭示了槲皮素、木犀草素、山奈酚、甘草查尔酮A、柚皮素和8-异戊烯基山奈酚可能是潜在候选药物，PI3K-AKT信号通路可能在HHML治疗骨折中起重要作用。分子对接表明8-异戊烯基山奈酚、甘草查尔酮A和柚皮素分别与AKT1、PIK3CA和ESR1结合，表现出更低能量和更稳定的特性。结论显示HHML治疗骨折的潜在活性成分、靶蛋白和分子机制，为下一步研究HHML配方的作用机制提供了确切思路。</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="transform-origin: center center 0px;margin-bottom: unset;transform: scale(0.95);">
<section style="margin-right: 0%;margin-left: 0%;text-align: center;justify-content: center;display: flex;flex-flow: row;">
<section style="display: inline-block;vertical-align: middle;width: 35%;padding-right: 5px;border-width: 0px;align-self: center;flex: 0 0 auto;margin-bottom: unset;" data-width="35%">
<section style="margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 80%;border-color: rgb(30, 30, 30);border-width: 1px;border-style: none;box-shadow: rgb(30, 30, 30) 0px 0px 0px;height: auto;margin-bottom: unset;" data-width="80%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZ2yR72almzo4CzxbFLcRw2LxVUps2WnXE2QEN5xibt0icNYFxBgOicqhtg/0?wx_fmt=png" style="width: 100%;" data-width="100%" data-imgfileid="100016606"/>
</p>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 65%;padding-left: 5px;border-width: 0px;align-self: center;flex: 0 0 auto;margin-bottom: unset;" data-width="65%">
<section style="margin-right: 0%;margin-left: 0%;">
<section style="font-size: 13px;text-align: justify;letter-spacing: 0.7px;line-height: 1.8;margin-bottom: unset;">
<p>
<span leaf="">识别二维码，</span>
</p>
<p>
<span leaf="">进入期刊主页。</span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;transform: rotateX(180deg);">
<section style="display: inline-block;vertical-align: top;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;margin-bottom: unset;">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: top;width: auto;flex: 100 100 0%;height: auto;line-height: 0.1;margin-bottom: unset;">
<section style="transform-style: flat;margin-bottom: unset;transform: perspective(0px);">
<section style="margin-bottom: unset;transform: rotateY(180deg);">
<section style="display: inline-block;width: 13px;height: 13px;vertical-align: top;overflow: hidden;border-style: solid;border-width: 0px 1px 1px 0px;border-color: rgb(36, 87, 123) rgb(189, 138, 60) rgb(189, 138, 60) rgb(36, 87, 123);margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 01</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">研究背景</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span style="letter-spacing:0.7px;"><span leaf="">骨折是一种随着社会进步而日益普遍的疾病，常伴有感染、疼痛、畸形愈合、骨不连或愈合延迟等并发症，严重影响患者生活质量。目前的治疗手段存在显著不足，因此骨折治疗是一个紧迫的临床问题。海红花药酒已成功应用于临床30余年，在骨折愈合中具有良好效果。该配方包含19种草药，其中如南五加可调节炎症因子水平，抑制细胞凋亡，并通过激活PI3K/Akt信号通路缓解内皮功能障碍。近年来，网络药理学方法被广泛应用于研究中药配方，预测中药治疗疾病的潜在机制，并为中药活性成分筛选提供参考。</span></span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 02</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">研究结果</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">研究筛选出249种HHML生物活性成分和325个HHML-骨折相关靶点。网络分析揭示槲皮素、木犀草素、山奈酚、甘草查尔酮A、柚皮素和8-异戊烯基山奈酚可能是潜在候选药物。多个靶点包括TP53、MAPK3、STAT3、AKT1、MAPK1、HSP90AA1、ESR1和PIK3CA可能密切相关。PI3K-AKT信号通路可能在HHML治疗骨折中起重要作用。分子对接表明8-异戊烯基山奈酚、甘草查尔酮A和柚皮素分别与AKT1、PIK3CA和ESR1结合，表现出更低能量和更稳定的特性。</span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;vertical-align: bottom;width: auto;align-self: flex-end;flex: 0 0 auto;min-width: 5%;height: auto;padding-right: 6px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 12px;color: rgb(189, 138, 60);margin-bottom: unset;">
<p>
<strong><span leaf="">Part 03</span></strong>
</p>
</section>
</section>
<section style="display: inline-block;vertical-align: bottom;width: auto;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;border-style: solid;border-width: 0px 0px 0px 1px;border-color: rgb(189, 138, 60);padding-left: 10px;margin-bottom: unset;">
<section style="text-align: justify;font-size: 17px;margin-bottom: unset;">
<p>
<strong><span leaf="">讨论与展望</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: 10px;">
<section style="display: inline-block; width: 100%; vertical-align: top; align-self: flex-start; flex: 0 0 auto; background-position: 5.13023% 14.0373%; background-repeat: repeat; background-size: 3.30194%; background-attachment: scroll; padding: 19px; background-image: url(&quot;http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZfssPs0wTQYhX6ctSiaY1Uck0WTJ1xXZsZlhU05sOjUqFRmLWamH3XKQ/0?wx_fmt=png&quot;); margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf="">研究表明，海红花药酒通过多成分、多靶点、多通路的复杂网络，在骨折愈合中发挥作用。尽管已有初步研究，但现有公共数据库中的信息缺乏时效性和可靠性。因此，需要进行体内动物研究和体外成骨机制研究，以进一步验证研究结果。</span>
</p>
<p>
<span leaf="">现有的网络药理学和分子对接技术为HHML在骨折治疗中的研究提供了良好的基础。未来可通过空间组学等方法进一步探索HHML在骨折治疗中的机制，以便更好地应用于临床。</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;width: auto;vertical-align: bottom;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;padding-right: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="text-align: justify;letter-spacing: 0px;margin-bottom: unset;">
<p>
<strong><span leaf="">原文出自&nbsp;</span><span style="color: #008181;"><em><span leaf="">Integrative Medicine Discovery</span></em></span><span leaf="">&nbsp;期刊</span><span leaf=""><br/></span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="transform-origin: center center 0px;margin-bottom: unset;transform: scale(0.95);">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;vertical-align: top;width: 30%;border-width: 0px;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="30%">
<section style="text-align: center;margin-right: 0%;margin-left: 0%;line-height: 0;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;width: 100%;border-color: rgb(30, 30, 30);border-width: 1px;border-style: none;box-shadow: rgb(30, 30, 30) 0px 0px 0px;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZTMc5hfUEBmcnKsOG7chH3D2o2fg1c9Ba2ibtcKbpclgtC5LLoKicGxdQ/0?wx_fmt=png" style="width: 270px;height: 270px;" data-imgfileid="100016609"/>
</p>
</section>
</section>
</section>
<section style="text-align: center;font-size: 12px;letter-spacing: 0.7px;line-height: 1.8;margin-bottom: unset;">
<p>
<span leaf="">识别二维码，阅读英文原文。</span><span leaf=""><br/></span>
</p>
</section>
</section>
<section style="display: inline-block;width: auto;vertical-align: middle;padding-left: 5px;border-width: 0px;align-self: center;flex: 100 100 0%;height: auto;margin-bottom: unset;">
<section style="margin-top: 2px;">
<section style="font-size: 13px;text-align: justify;padding-right: 5px;padding-left: 5px;letter-spacing: 0px;line-height: 1.6;margin-bottom: unset;">
<p style="text-align:left;">
<span style="color: rgba(0, 0, 0, 0.847);font-family: Calibri;font-size: 16px;">
<span leaf="">Qian D, He CX, Zhang Q, et al. Research of the molecular mechanism of Hai Honghua medicinal liquor in the treatment of fracture based on network pharmacology combined with molecular docking. Integr Med Discov. 2023;7:e23012. doi:10.53388/TMRIM202307012</span>
</span>
</p>
<p style="text-align:left;">
<span style="color: rgba(0, 0, 0, 0.847);font-family: Calibri;font-size: 16px;"><span leaf=""><br/></span></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 10px;">
<section style="display: inline-block;width: auto;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 0px 0px 8px;border-bottom-color: rgb(246, 234, 218);min-width: 5%;height: auto;margin-bottom: unset;">
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: -10px;">
<section style="display: inline-block;width: auto;vertical-align: bottom;min-width: 5%;flex: 0 0 auto;height: auto;align-self: flex-end;padding-right: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">通讯作者介绍</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 15px;">
<section style="display: inline-block;vertical-align: top;width: 25%;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="25%">
<section style="justify-content: center;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 90px;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);border-radius: 99%;overflow: hidden;padding: 5px;height: auto;margin-bottom: unset;">
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;border-radius: 99%;overflow: hidden;width: 100%;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZnUyeAvuVN67t8XP85DxVJwDJf2YxCTalrsr17jS080xM6xQv5yGiaEQ/0?wx_fmt=jpeg" style="width: 100%;" data-width="100%" data-imgfileid="100016618"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 50%;align-self: center;flex: 0 0 auto;height: auto;padding-left: 10px;margin-bottom: unset;" data-width="50%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">XuChi </span></strong>
</p>
</section>
</section>
</section>
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;background-color: rgb(248, 243, 237);padding: 22px;margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""></span>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="text-align: left;justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);padding: 5px;margin-bottom: unset;" data-width="100%">
<section style="text-align: center;justify-content: center;display: flex;flex-flow: row;margin-top: 10px;margin-bottom: 15px;">
<section style="display: inline-block;vertical-align: top;width: 25%;align-self: flex-start;flex: 0 0 auto;height: auto;margin-bottom: unset;" data-width="25%">
<section style="justify-content: center;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 90px;vertical-align: top;align-self: flex-start;flex: 0 0 auto;border-style: solid;border-width: 1px;border-color: rgb(189, 138, 60);border-radius: 99%;overflow: hidden;padding: 5px;height: auto;margin-bottom: unset;">
<section style="display: flex;width: 100%;flex-flow: column;margin-bottom: unset;" data-width="100%">
<section style="z-index: 1;margin-bottom: unset;">
<section style="line-height: 0;margin-bottom: unset;">
<section style="vertical-align: middle;display: inline-block;line-height: 0;border-radius: 99%;overflow: hidden;width: 100%;height: auto;margin-bottom: unset;" data-width="100%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZnUyeAvuVN67t8XP85DxVJwDJf2YxCTalrsr17jS080xM6xQv5yGiaEQ/0?wx_fmt=jpeg" style="width: 100%;" data-width="100%" data-imgfileid="100016618"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 50%;align-self: center;flex: 0 0 auto;height: auto;padding-left: 10px;margin-bottom: unset;" data-width="50%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<strong><span leaf="">ZhangHong </span></strong>
</p>
</section>
</section>
</section>
<section style="justify-content: flex-start;display: flex;flex-flow: row;margin-bottom: unset;">
<section style="display: inline-block;width: 100%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;background-color: rgb(248, 243, 237);padding: 22px;margin-bottom: unset;" data-width="100%">
<section style="text-align: justify;margin-bottom: unset;">
<p>
<span leaf=""></span>
</p>
</section>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;">
<section style="font-size:15px;margin-bottom:unset;">
<section style="text-align:center;margin-top:10px;margin-bottom:10px;line-height:0;">
<section style="vertical-align:middle;display:inline-block;line-height:0;margin-bottom:unset;">
<section style="font-size:12px;line-height:1.6;letter-spacing:0px;color:#000000;margin-bottom:unset;">
<section style="color:#1e1e1e;font-size:16px;margin-bottom:unset;">
<section style="font-size:12px;line-height:1.6;letter-spacing:0px;color:#000000;margin-bottom:unset;">
<section style="color:#1e1e1e;font-size:16px;margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-right:auto;margin-left:auto;width:95%;margin-bottom:unset;" data-width="95%">
<section style="margin-top: 20px;margin-bottom: 20px;background-color: rgb(254, 254, 254);padding-right: 13px;padding-left: 13px;border-width: 3px;border-style: groove;border-color: rgb(239, 207, 207);">
<section style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:22px;text-align:left;">
<section style="display:inline-block;background-color:#fdfdfd;margin-bottom:unset;">
<section style="color:#f6d8d7;font-size:20px;letter-spacing:2px;margin-bottom:unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="margin-top:-30px;display:flex;justify-content:center;align-items:center;margin-bottom:unset;">
<section style="width: 8px;height: 8px;background-color: rgb(207, 18, 16);border-radius: 50%;margin-bottom: unset;overflow: hidden;">
<span leaf=""><br/></span>
</section>
<section style="color:#cf1210;letter-spacing:2px;margin-right:7px;margin-left:7px;margin-bottom:unset;">
<p>
<span style="color:#ab1942;"><strong><span leaf="">期刊详情</span></strong></span>
</p>
</section>
</section>
</section>
<section style="width:100%;height:1px;background-color:#cf1210;margin-top:-25px;margin-bottom:unset;overflow:hidden;" data-width="100%">
<span leaf=""><br/></span>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="margin-bottom: unset;padding-top: 15px;">
<section style="margin-bottom:unset;">
<p style="text-align:justify;">
<em><span style="font-family:微软雅黑, &quot;Microsoft YaHei&quot;;"><span style="color:#3e3e3e;"><span leaf="">Integr Med Discov.</span></span></span></em>
<span style="font-family:微软雅黑, &quot;Microsoft YaHei&quot;;">
<span style="color:#3e3e3e;">
<span leaf="">
</span>
<span style="letter-spacing:0px;color:#333333;line-height:28px;">
<span leaf="">。为了进一步扩大期刊的影响力并提升对学者的服务，</span>
<strong>
<span leaf="">2025年免除版面费</span>
</strong>
<span leaf="">。此外</span>
</span>
</span>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">，为进一步促进期刊发展，</span>
</span>
<strong style="color:#333333;letter-spacing:0px;">
<span leaf="">青年编委正在招募中</span>
</strong>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">，欢迎各位老师通过邮件或微信与编辑部联系沟通，期待您的加入</span>
</span>
<span style="color:#333333;letter-spacing:0px;">
<span leaf="">！</span>
</span>
</span>
</p>
<p>
<span leaf=""><br/></span>
</p>
<p style="text-align:left;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:28px;"><span leaf="">期刊涵盖主题包括但不限于：</span></span></strong>
</p>
<ul style="color:#000000;font-family:微软雅黑;font-size:14px;" class=" list-paddingleft-2">
<li>
<p style="text-align: left;">
<span style="font-size:15px;"><span leaf="">20240117/06b52af8cfa499eff00a71bfdb5dc835.png</span></span>
</p>
</li>
</ul>
</section>
<section style="margin-bottom:unset;">
<section style="margin-bottom:unset;">
<section style="margin-top:15px;margin-bottom:15px;">
<section style="width:96%;margin-left:auto;margin-right:auto;margin-bottom:unset;" data-width="96%">
<section style="border-left: 1px dashed rgb(199, 48, 48);padding-top: 5px;padding-bottom: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:unset;">
<section style="width:8px;height:8px;background-color:#c73030;margin-top:13px;margin-bottom:unset;overflow:hidden;line-height:0;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);">
<span leaf=""><br/></span>
</section>
<section style="width:95%;text-align:left;line-height:2.2em;margin-left:10px;margin-bottom:unset;" data-width="95%">
<p style="font-size:14px;letter-spacing:1px;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">投稿方式</span></span></strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">&nbsp;-&nbsp;</span><span style="line-height:35px;"><span leaf="">进入期刊官网注册投稿：</span></span></span>
</p>
<p style="font-size:14px;letter-spacing:0.25px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">https://www.tmrjournals.com/im</span></span>
</p>
</section>
</section>
</section>
</section>
<section style="width:96%;margin-left:auto;margin-right:auto;margin-bottom:unset;" data-width="96%">
<section style="border-left: 1px dashed rgb(199, 48, 48);padding-top: 5px;padding-bottom: 5px;padding-left: 5px;margin-bottom: unset;">
<section style="display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:unset;">
<section style="width:8px;height:8px;background-color:#c73030;margin-top:13px;margin-bottom:unset;overflow:hidden;line-height:0;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);">
<span leaf=""><br/></span>
</section>
<section style="width:95%;text-align:left;line-height:2.2em;margin-left:10px;margin-bottom:unset;" data-width="95%">
<p style="font-size:14px;letter-spacing:1px;">
<strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">青年编委申请</span></span></strong><span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">&nbsp;-&nbsp;</span><span style="line-height:35px;"><span leaf="">发送个人学术简历至邮箱:</span></span></span>
</p>
<p style="line-height:1.5em;font-size:14px;letter-spacing:0px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">imd@tmrjournals.com</span></span>
</p>
<p style="line-height:1.5em;font-size:14px;letter-spacing:0px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">邮件主题为&quot;Integr Med Discov青年编委申请+姓名&quot;。</span></span>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section data-support="96编辑器" data-style-id="39509" style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:10px;">
<section style="width:65px;margin-right:auto;margin-left:auto;margin-bottom:unset;">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_gif/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZK6wx6OQLlIiaDRcp0sgxXkZQgwWfDcoM7KzErBE6Nvq4IVf4iaX2icrUQ/0?wx_fmt=gif" style="display: block; transform: rotateZ(0deg);" data-imgfileid="100016615"/>
</p>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="border-width: 0px;border-style: solid;border-color: rgb(62, 62, 62);margin-bottom: unset;">
<p style="letter-spacing:0.578px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">申请投稿或青年编委过程中有任何问题请联系:&nbsp;</span><span style="text-align:left;"><span leaf="">imd@tmrjournals.com</span></span></span>
</p>
<p style="letter-spacing:0.578px;">
<span style="letter-spacing:0px;color:#333333;line-height:35px;font-size:15px;"><span leaf="">或添加期刊编辑微信</span></span>
</p>
</section>
</section>
<section data-support="96编辑器" data-style-id="39463" style="margin-bottom:unset;">
<section style="margin-top:10px;margin-bottom:10px;">
<section style="width:50px;margin-right:auto;margin-left:auto;margin-bottom:unset;">
<section style="width:50px;margin-right:auto;margin-left:auto;overflow:hidden;line-height:0;margin-bottom:unset;">
<span leaf=""><br/></span>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<section style="padding: 10px;border-radius: 5px;margin: 15px;border-width: 1px;border-style: dashed;border-color: rgb(62, 62, 62);">
<section style="display:flex;margin-bottom:unset;">
<section style="width:50%;margin-right:7px;margin-bottom:unset;" data-width="50%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_png/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZBPibNvDg0GZRfhDWu4pzibw08qODANp9Pprpf0366ZHemlHf2o3xm35Q/0?wx_fmt=png" style="width: 420px;height: 530px" data-width="100%" data-backw="213" data-backh="213" data-imgfileid="100016617"/>
</p>
</section>
</section>
<section style="width:50%;margin-bottom:unset;" data-width="50%">
<section nodeleaf="">
<p>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/QHFVW13lONaQJxK9QbHU9CtrvTS2ModZknGn1cCteibInoxTDzD0EGt5mL7S170R99QGv7ibwWnQFJRZFLN7iaD5g/0?wx_fmt=jpeg" style="width: 256px; height: 256px;" data-width="100%" data-backw="229" data-backh="309" data-imgfileid="100016614"/>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<p>
<span leaf=""><br/></span>
</p>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;">
<section style="display:inline-block;vertical-align:middle;margin-bottom:unset;">
<section style="border-left: 2px solid rgb(0, 57, 58);border-top: 2px solid rgb(0, 57, 58);width: 12px;height: 12px;border-right-color: rgb(0, 57, 58);border-bottom-color: rgb(0, 57, 58);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="padding-right: 10px;padding-left: 10px;margin-top: -8px;margin-bottom: -8px;">
<section style="font-size:15px;margin-bottom:unset;">
<p>
<strong><span leaf="">TMR公众号推荐</span></strong>
</p>
</section>
</section>
<section style="border-right: 2px solid rgb(0, 57, 58);margin-left: auto;border-bottom: 2px solid rgb(0, 57, 58);width: 12px;height: 12px;border-top-color: rgb(0, 57, 58);border-left-color: rgb(0, 57, 58);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
</section>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;transform:translate3d(10px, 0px, 0px);-webkit-transform:translate3d(10px, 0px, 0px);-moz-transform:translate3d(10px, 0px, 0px);-ms-transform:translate3d(10px, 0px, 0px);-o-transform:translate3d(10px, 0px, 0px);">
<section style="display:inline-block;vertical-align:top;margin-bottom:unset;">
<section style="width: 0.5em;height: 0.5em;display: inline-block;vertical-align: middle;border-radius: 100%;background-color: rgb(30, 30, 30);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="display: inline-block;vertical-align: middle;font-size: 15px;padding-right: 10px;padding-left: 10px;line-height: 1.8;letter-spacing: 0.7px;margin-bottom: unset;">
<p>
<strong><span leaf="">TMR Publishing Group</span></strong>
</p>
</section>
</section>
</section>
<section style="font-size: 15px;letter-spacing: 0.7px;line-height: 1.8;padding-right: 10px;padding-left: 10px;margin-bottom: unset;">
<p style="text-align:left;">
<span leaf="">覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。</span>
</p>
<section class="mp_profile_iframe_wrp _editor" nodeleaf="">
<mp-common-profile class="js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="TMR Publishing Group" data-alias="TMR2015V5" data-from="2" data-headimg="https://mmbiz.qpic.cn/mmbiz_png/xLjF6nPC0RnS1BLU3mkolpkAAkzVqyrAaNfHIt8pCSyqf9rlCVc85ckPH62X1lllQHqkELAQJqMTlqdZfZ5KnA/0?wx_fmt=png" data-signature="TMR Publishing Group 出版期刊覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。" data-id="Mzg5NTg0Mzc2Ng==" data-is_biz_ban="0" contenteditable="false">
<section class="wx_profile_card">
<section class="wx_profile_card_bd">
<section class="wx_profile weui-flex">
<section class="wx_profile_hd">
<p>
<img class="wx_profile_avatar" src="https://mmbiz.qpic.cn/mmbiz_png/xLjF6nPC0RnS1BLU3mkolpkAAkzVqyrAaNfHIt8pCSyqf9rlCVc85ckPH62X1lllQHqkELAQJqMTlqdZfZ5KnA/0?wx_fmt=png"/>
</p>
</section>
<section class="wx_profile_bd weui-flex weui-flex__item">
<section class="weui-flex__item">
<strong class="wx_profile_nickname">TMR Publishing Group</strong>
<section class="wx_profile_desc">
TMR Publishing Group 出版期刊覆盖传统医学、现代医学、生命科学前沿领域以及社会科学领域。
</section>
</section><em class="weui-icon-arrow"></em>
</section>
</section>
</section>
<section class="wx_profile_card_ft">
公众号
</section>
</section>
</mp-common-profile>
</section>
</section>
<section style="margin-top:10px;margin-bottom:10px;text-align:left;transform:translate3d(10px, 0px, 0px);-webkit-transform:translate3d(10px, 0px, 0px);-moz-transform:translate3d(10px, 0px, 0px);-ms-transform:translate3d(10px, 0px, 0px);-o-transform:translate3d(10px, 0px, 0px);">
<section style="display:inline-block;vertical-align:top;margin-bottom:unset;">
<section style="width: 0.5em;height: 0.5em;display: inline-block;vertical-align: middle;border-radius: 100%;background-color: rgb(30, 30, 30);margin-bottom: unset;">
<svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
</section>
<section style="display: inline-block;vertical-align: middle;font-size: 15px;padding-right: 10px;padding-left: 10px;line-height: 1.8;letter-spacing: 0.7px;margin-bottom: unset;">
<p>
<strong style="letter-spacing:0.7px;"><span leaf="">BME探索</span></strong><span leaf=""><br/></span>
</p>
</section>
</section>
</section>
<section style="font-size: 15px;padding-right: 10px;padding-left: 10px;margin-bottom: unset;">
<p style="text-align:justify;">
<span leaf="">《生物医学工程通讯》是一本由TMR出版集团的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能。</span>
</p>
<section class="mp_profile_iframe_wrp _editor" nodeleaf="">
<mp-common-profile class="js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="BME探索" data-alias="bmecjournal" data-from="2" data-headimg="https://mmbiz.qpic.cn/sz_mmbiz_png/Vbog1McQQT01gRTwfeXFmd4wPJMzMq48J0CdSOUbmVzib7UyNNIc9C1Fq2AWXkB3QwJpcKCKwEYcuO4oTLqjiaFA/0?wx_fmt=png" data-signature="《生物医学工程通讯》是一本由TMR出版集团管理的同行评议、开放获取的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能化。" data-id="Mzg3MzgyMDI3MA==" data-is_biz_ban="0" contenteditable="false">
<section class="wx_profile_card">
<section class="wx_profile_card_bd">
<section class="wx_profile weui-flex">
<section class="wx_profile_hd">
<p>
<img class="wx_profile_avatar" src="https://mmbiz.qpic.cn/sz_mmbiz_png/Vbog1McQQT01gRTwfeXFmd4wPJMzMq48J0CdSOUbmVzib7UyNNIc9C1Fq2AWXkB3QwJpcKCKwEYcuO4oTLqjiaFA/0?wx_fmt=png"/>
</p>
</section>
<section class="wx_profile_bd weui-flex weui-flex__item">
<section class="weui-flex__item">
<strong class="wx_profile_nickname">BME探索</strong>
<section class="wx_profile_desc">
《生物医学工程通讯》是一本由TMR出版集团管理的同行评议、开放获取的期刊，宗旨是促进工程领域的新技术、新思想、新方法与生命科学的融合，提高生物医学工程技术的数字化、自动化和智能化。
</section>
</section><em class="weui-icon-arrow"></em>
</section>
</section>
</section>
<section class="wx_profile_card_ft">
公众号
</section>
</section>
</mp-common-profile>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="font-size:13px;margin-bottom:unset;">
<p style="text-align:right;">
<span leaf="">期待您的“三连击”☞</span><strong><span leaf="">【分享，点赞，转发】</span></strong>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="margin-bottom:unset;">
<p>
<span leaf=""><br/></span>
</p>
</section>
<p>
<span leaf=""><br/></span>
</p>
</section>

339
src/components/page/components/htmlWeChatPreview/iframe.scss Normal file
View File

@@ -0,0 +1,339 @@
::-webkit-scrollbar{
width: 6px;
height: 6px
}
::-webkit-scrollbar-track{
background-color: rgba(0, 0, 0, .03)
}
::-webkit-scrollbar-thumb{
border-radius: 2px;
background: rgba(0, 0, 0, .1)
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active{
background: rgba(0, 0, 0, .2)
}
@keyframes fadeIn {
10% {
opacity: .1
}
40%{
opacity: .4
}
70%{
opacity: .7
}
100%{
opacity: 1
}
}
html{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.6
}
body{
text-underline-position: under;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
-webkit-touch-callout: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
letter-spacing: .034em;
color: rgba(0, 0, 0, .9);
font-size: 17.01px;
text-align: justify;
position: relative;
z-index: 0;
font-family: '系统默认, system-ui, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif';
text-underline-position: under;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .03)
}
body[contenteditable=false]{
user-select: none
}
body.view{
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
height: calc(100% - 26px);
padding: 20px 6px 6px;
margin: 0
}
body.guide{
background-repeat: no-repeat;
background-size: 100%;
/* background-image: url(./default/images/body_guide.png) */
}
@-moz-document url-prefix() {
body{
margin-right: 6px
}
}
body *{
max-width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
word-wrap: break-word
}
h1,
h2,
h3,
h4,
h5,
h6{
font-weight: 400;
font-size: 16px
}
hr{
border-style: solid;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-color: rgba(0, 0, 0, .1);
transform-origin: 0 0;
transform: scale(1, .5)
}
p{
clear: both;
min-height: 1em;
margin: 0
}
a{
color: #576b95;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
em{
font-style: italic
}
fieldset{
min-width: 0
}
img{
height: auto !important;
vertical-align: middle
}
img:hover{
z-index: -1;
cursor: pointer
}
img::selection{
background: rgba(7, 193, 96, .2)
}
img[data-word-image]{
cursor: pointer
}
ul,
ol{
text-align: left;
list-style-position: inside
}
ul li *,
ol li *{
display: inline
}
body #activeDragLine,
body .activeDragLine{
width: 100%;
border-top: 1px dashed red
}
section._editor{
position: relative !important;
max-width: 100%;
overflow: visible
}
section._editor.activeDrag{
z-index: 999
}
section._editor .tool-border{
z-index: 100;
position: static
}
section._editor .tool-border section{
max-width: none;
position: absolute;
pointer-events: none;
user-select: none
}
section._editor .tool-border section:nth-child(1){
border-top: 2px dashed rgba(255, 0, 0, .9);
width: calc(100% + 8px);
top: -4px;
left: -4px
}
section._editor .tool-border section:nth-child(1):before{
content: "※拖动";
padding: 0 5px;
height: 16px;
font-size: 12px;
line-height: 16px;
cursor: move;
z-index: 2021;
position: absolute;
top: -18px;
left: 0;
background: rgba(255, 0, 0, .9);
color: #fff;
white-space: nowrap;
pointer-events: initial;
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
section._editor .tool-border section:nth-child(2){
border-bottom: 2px dashed rgba(255, 0, 0, .9);
width: calc(100% + 8px);
bottom: -4px;
left: -4px
}
section._editor .tool-border section:nth-child(3){
border-left: 2px dashed rgba(255, 0, 0, .9);
height: calc(100% + 4px);
top: -2px;
left: -4px
}
section._editor .tool-border section:nth-child(4){
border-right: 2px dashed rgba(255, 0, 0, .9);
height: calc(100% + 4px);
top: -2px;
right: -4px
}
section._editor section._editor .tool-border section:nth-child(1){
border-top: 1px dashed rgba(255, 0, 0, .95);
width: calc(100% + 6px);
top: -3px;
left: -3px
}
section._editor section._editor .tool-border section:nth-child(1):before{
background: rgba(255, 0, 0, .95);
top: -17px
}
section._editor section._editor .tool-border section:nth-child(2){
border-bottom: 1px dashed rgba(255, 0, 0, .95);
width: calc(100% + 6px);
bottom: -3px;
left: -3px
}
section._editor section._editor .tool-border section:nth-child(3){
border-left: 1px dashed rgba(255, 0, 0, .95);
height: calc(100% + 2px);
top: -1px;
left: -3px
}
section._editor section._editor .tool-border section:nth-child(4){
border-right: 1px dashed rgba(255, 0, 0, .95);
height: calc(100% + 2px);
top: -1px;
right: -3px
}
section._editor section._editor.fadeIn .tool-border section,
section._editor.fadeIn .tool-border section{
-webkit-animation: fadeIn .8s .8s infinite;
-ms-animation: fadeIn .8s .8s infinite;
-moz-animation: fadeIn .8s .8s infinite;
-o-animation: fadeIn .8s .8s infinite;
animation: fadeIn .8s .8s infinite
}
section ._sub_hover{
outline: 1px dashed rgba(0, 0, 255, .3);
outline-offset: 1px
}
section ._sub_active{
outline: 1px dashed rgba(0, 0, 255, .5);
outline-offset: 1px
}
.pathActive{
-webkit-animation: fadeIn .5s .5s infinite;
-ms-animation: fadeIn .5s .5s infinite;
-moz-animation: fadeIn .5s .5s infinite;
-o-animation: fadeIn .5s .5s infinite;
animation: fadeIn .5s .5s infinite
}
.aiActive{
position: relative
}
.aiActive::before{
position: absolute;
color: #ababab;
opacity: .4;
font-size: 12px;
content: "双击Ctrl 或 按住Ctrl点击此处,使用AI写作";
white-space: nowrap
}
[data-layout=wrap],
[data-layout=inner]{
min-height: 27px
}
[data-layout=wrap]::after{
position: relative;
display: block;
color: #9a9a9a;
opacity: .4;
text-align: center;
font-size: 14px;
content: "双击此处输入"
}
[data-layout=layout]:hover [data-layout=inner],
[data-layout=layout]:hover [data-layout=wrap],
section._editor ._layout_active [data-layout=inner],
section._editor ._layout_active [data-layout=inner]{
outline: 2px dashed #07c15e !important;
outline-offset: -3px
}

1776
src/components/page/components/htmlWeChatPreview/index.vue Normal file
View File

File diff suppressed because it is too large Load Diff

5
src/components/page/components/table/wordHtmlTypesetting.vue
View File

@@ -314,6 +314,8 @@
<div class="list-center go-flex-center go-transition" style="width: 100%">
<div class="title">
<span>Add Table </span>
<!-- <span @click.stop="handlePaperclip"><i class="el-icon-paperclip"></i></span> -->
</div>
<div
@@ -640,6 +642,9 @@ export default {
addTable() {
this.$emit('addTable');
},
handlePaperclip() {
this.$emit('handlePaperclip');
},
add(type) {
this.$emit('add', type);
},

1
vue.config.js
View File

@@ -74,6 +74,7 @@ module.exports = {
// target: 'http://www.tougao.com/',
// target: 'http://192.168.110.110/tougao/public/index.php/',
// target: 'http://api.tmrjournals.com/public/index.php/',//正式
// target: 'http://zmzm.tougao.dev.com/',//程晓玲
target: 'https://submission.tmrjournals.com/',//正式
changeOrigin: true,
pathRewrite: {