From 2993016ca5e4d32408cc22582c3c1e7d69ee41f8 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 26 三月 2025 11:21:06 +0800
Subject: [PATCH] 口语交际
---
src/books/OralAndBroadcasting/assets/images/0026-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0174-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0016-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0062-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0082-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0079-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0069-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0167-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0177-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0049-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0065-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0059-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/xm3.jpg | 0
src/books/OralAndBroadcasting/assets/images/0032-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0117-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0147-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0157-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0170-2.jpg | 0
src/books/OralAndBroadcasting/view/components/chapter001.vue | 1299 +++++++++++++++++++
src/books/OralAndBroadcasting/assets/images/0168-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0060-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0176-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0161-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/xm5.jpg | 0
src/books/OralAndBroadcasting/assets/images/0080-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0141-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0086-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0023-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0043-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0063-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0083-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0175-3.jpg | 0
src/books/OralAndBroadcasting/assets/images/0064-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0054-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0080-3.jpg | 0
src/books/OralAndBroadcasting/assets/images/0094-1.jpg | 0
src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf | 0
src/books/OralAndBroadcasting/assets/images/SMY.jpg | 0
src/books/OralAndBroadcasting/assets/images/FD.jpg | 0
src/books/OralAndBroadcasting/assets/images/0169-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0027-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0014-1.jpg | 0
src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf | 0
src/books/OralAndBroadcasting/assets/images/0024-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0112-1.jpg | 0
src/components/examinations/index.vue | 2
src/books/OralAndBroadcasting/assets/images/0152-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0162-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0065-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0171-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0068-2.jpg | 0
src/books/OralAndBroadcasting/view/index.vue | 78 +
src/books/OralAndBroadcasting/assets/images/xm1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0070-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0175-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0100-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0140-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0081-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0123-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0158-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0061-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/xm4.jpg | 0
src/books/OralAndBroadcasting/assets/images/0177-2.jpg | 0
src/books/OralAndBroadcasting/view/components/index.vue | 961 ++++++++++++++
src/books/OralAndBroadcasting/assets/images/0167-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/icon/heart.png | 0
src/books/OralAndBroadcasting/assets/images/0062-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0082-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0032-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0092-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0145-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0027-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0161-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/headerlogo.png | 0
src/books/OralAndBroadcasting/assets/images/0063-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0170-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0094-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0148-1.jpg | 0
src/books/OralAndBroadcasting/assets/main.less | 1442 +++++++++++++++++++++
src/books/OralAndBroadcasting/assets/images/0058-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0168-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0176-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0156-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0018-1.jpg | 0
src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf | 0
src/books/OralAndBroadcasting/assets/images/0084-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/icon/heart-check.png | 0
src/books/OralAndBroadcasting/assets/images/0064-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0021-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0061-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0139-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0149-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0142-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0145-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/Cover.jpg | 0
src/books/OralAndBroadcasting/assets/images/0044-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0080-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0172-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0057-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0175-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0050-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/xm2.jpg | 0
src/books/OralAndBroadcasting/view/components/header.vue | 229 +++
src/books/OralAndBroadcasting/assets/images/0085-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0120-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0068-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0174-2.jpg | 0
src/books/OralAndBroadcasting/assets/images/0138-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0171-1.jpg | 0
src/books/OralAndBroadcasting/assets/images/0143-1.jpg | 0
src/App.vue | 7
111 files changed, 4,015 insertions(+), 3 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 7e69a13..f869d85 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -27,6 +27,7 @@
</preschoolEvaluation>
<preschoolBasicKnowledge v-if="activeBook.name == 'preschoolBasicKnowledge'"></preschoolBasicKnowledge>
<policiesAndRegulations v-if="activeBook.name == 'policiesAndRegulations'"></policiesAndRegulations>
+ <OralAndBroadcasting v-if="activeBook.name == 'OralAndBroadcasting'" ></OralAndBroadcasting>
</div>
</template>
<script>
@@ -77,6 +78,7 @@
preschoolEvaluation: () => import("./books/preschoolEvaluation/view/index.vue"),
preschoolBasicKnowledge: ()=> import("./books/preschoolBasicKnowledge/view/index.vue"),
policiesAndRegulations: ()=> import("./books/policiesAndRegulations/view/index.vue"),
+ OralAndBroadcasting:()=> import("./books/OralAndBroadcasting/view/index.vue"),
},
data() {
return {
@@ -127,11 +129,12 @@
// preschoolEvaluation // 瀛﹀墠鏁欒偛璇勪环
// preschoolBasicKnowledge //瀛﹀墠鏁欒偛鍩虹鐭ヨ瘑
// policiesAndRegulations //鏀跨瓥娉曞緥涓庢硶瑙剕鏃呮父绀�
+ console.log(1,process.env,process.env.VUE_APP_RESOURCE_CTX);
this.activeBook = await this.config.getBookConfig(
- process.env.VUE_APP_RESOURCE_CTX +
+ 'http://182.92.203.7:3007/books/resource/' +
(process.env.VUE_APP_ENV == "product"
? process.env.VUE_APP_BOOK_ID
- : "policiesAndRegulations")
+ : "OralAndBroadcasting")
);
// this.activeBook = await this.config.getBookConfig(
diff --git a/src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf b/src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf
new file mode 100644
index 0000000..0e8a216
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf b/src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf
new file mode 100644
index 0000000..e3c7f7c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf b/src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf
new file mode 100644
index 0000000..ef5ec15
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0014-1.jpg b/src/books/OralAndBroadcasting/assets/images/0014-1.jpg
new file mode 100644
index 0000000..7b3c4c2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0014-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0016-1.jpg b/src/books/OralAndBroadcasting/assets/images/0016-1.jpg
new file mode 100644
index 0000000..8599086
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0016-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0018-1.jpg b/src/books/OralAndBroadcasting/assets/images/0018-1.jpg
new file mode 100644
index 0000000..4be3fb6
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0018-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0021-1.jpg b/src/books/OralAndBroadcasting/assets/images/0021-1.jpg
new file mode 100644
index 0000000..efb0c77
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0021-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0023-1.jpg b/src/books/OralAndBroadcasting/assets/images/0023-1.jpg
new file mode 100644
index 0000000..1ee7d0f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0023-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0024-1.jpg b/src/books/OralAndBroadcasting/assets/images/0024-1.jpg
new file mode 100644
index 0000000..d891b5a
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0024-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0026-1.jpg b/src/books/OralAndBroadcasting/assets/images/0026-1.jpg
new file mode 100644
index 0000000..cd93980
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0026-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0027-1.jpg b/src/books/OralAndBroadcasting/assets/images/0027-1.jpg
new file mode 100644
index 0000000..4de8abb
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0027-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0027-2.jpg b/src/books/OralAndBroadcasting/assets/images/0027-2.jpg
new file mode 100644
index 0000000..c3ae054
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0027-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0032-1.jpg b/src/books/OralAndBroadcasting/assets/images/0032-1.jpg
new file mode 100644
index 0000000..5931c33
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0032-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0032-2.jpg b/src/books/OralAndBroadcasting/assets/images/0032-2.jpg
new file mode 100644
index 0000000..4540206
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0032-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0043-1.jpg b/src/books/OralAndBroadcasting/assets/images/0043-1.jpg
new file mode 100644
index 0000000..53b24b2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0043-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0044-1.jpg b/src/books/OralAndBroadcasting/assets/images/0044-1.jpg
new file mode 100644
index 0000000..cba0ef5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0044-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0049-1.jpg b/src/books/OralAndBroadcasting/assets/images/0049-1.jpg
new file mode 100644
index 0000000..abb806d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0049-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0050-1.jpg b/src/books/OralAndBroadcasting/assets/images/0050-1.jpg
new file mode 100644
index 0000000..870bdc8
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0050-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0054-1.jpg b/src/books/OralAndBroadcasting/assets/images/0054-1.jpg
new file mode 100644
index 0000000..e086fe1
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0054-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0057-1.jpg b/src/books/OralAndBroadcasting/assets/images/0057-1.jpg
new file mode 100644
index 0000000..c2f7d58
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0057-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0058-1.jpg b/src/books/OralAndBroadcasting/assets/images/0058-1.jpg
new file mode 100644
index 0000000..3bb4025
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0058-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0059-1.jpg b/src/books/OralAndBroadcasting/assets/images/0059-1.jpg
new file mode 100644
index 0000000..e23683c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0059-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0060-1.jpg b/src/books/OralAndBroadcasting/assets/images/0060-1.jpg
new file mode 100644
index 0000000..9c4592a
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0060-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0061-1.jpg b/src/books/OralAndBroadcasting/assets/images/0061-1.jpg
new file mode 100644
index 0000000..563e081
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0061-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0061-2.jpg b/src/books/OralAndBroadcasting/assets/images/0061-2.jpg
new file mode 100644
index 0000000..0ecc6d4
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0061-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0062-1.jpg b/src/books/OralAndBroadcasting/assets/images/0062-1.jpg
new file mode 100644
index 0000000..c7a17bb
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0062-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0062-2.jpg b/src/books/OralAndBroadcasting/assets/images/0062-2.jpg
new file mode 100644
index 0000000..6242d58
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0062-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0063-1.jpg b/src/books/OralAndBroadcasting/assets/images/0063-1.jpg
new file mode 100644
index 0000000..ca5a5c1
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0063-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0063-2.jpg b/src/books/OralAndBroadcasting/assets/images/0063-2.jpg
new file mode 100644
index 0000000..e4f5c68
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0063-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0064-1.jpg b/src/books/OralAndBroadcasting/assets/images/0064-1.jpg
new file mode 100644
index 0000000..27ad77d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0064-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0064-2.jpg b/src/books/OralAndBroadcasting/assets/images/0064-2.jpg
new file mode 100644
index 0000000..728f907
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0064-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0065-1.jpg b/src/books/OralAndBroadcasting/assets/images/0065-1.jpg
new file mode 100644
index 0000000..4fb6f06
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0065-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0065-2.jpg b/src/books/OralAndBroadcasting/assets/images/0065-2.jpg
new file mode 100644
index 0000000..e4622b9
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0065-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0068-1.jpg b/src/books/OralAndBroadcasting/assets/images/0068-1.jpg
new file mode 100644
index 0000000..03f1496
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0068-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0068-2.jpg b/src/books/OralAndBroadcasting/assets/images/0068-2.jpg
new file mode 100644
index 0000000..719f54b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0068-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0069-1.jpg b/src/books/OralAndBroadcasting/assets/images/0069-1.jpg
new file mode 100644
index 0000000..80edfbd
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0069-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0070-1.jpg b/src/books/OralAndBroadcasting/assets/images/0070-1.jpg
new file mode 100644
index 0000000..7ee1a6d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0070-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0079-1.jpg b/src/books/OralAndBroadcasting/assets/images/0079-1.jpg
new file mode 100644
index 0000000..4466dce
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0079-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0080-1.jpg b/src/books/OralAndBroadcasting/assets/images/0080-1.jpg
new file mode 100644
index 0000000..cc00162
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0080-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0080-2.jpg b/src/books/OralAndBroadcasting/assets/images/0080-2.jpg
new file mode 100644
index 0000000..3feeb20
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0080-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0080-3.jpg b/src/books/OralAndBroadcasting/assets/images/0080-3.jpg
new file mode 100644
index 0000000..1a592b1
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0080-3.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0081-1.jpg b/src/books/OralAndBroadcasting/assets/images/0081-1.jpg
new file mode 100644
index 0000000..01db87b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0081-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0082-1.jpg b/src/books/OralAndBroadcasting/assets/images/0082-1.jpg
new file mode 100644
index 0000000..237069d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0082-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0082-2.jpg b/src/books/OralAndBroadcasting/assets/images/0082-2.jpg
new file mode 100644
index 0000000..ec57959
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0082-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0083-1.jpg b/src/books/OralAndBroadcasting/assets/images/0083-1.jpg
new file mode 100644
index 0000000..17f7e03
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0083-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0084-1.jpg b/src/books/OralAndBroadcasting/assets/images/0084-1.jpg
new file mode 100644
index 0000000..ed39d93
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0084-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0085-1.jpg b/src/books/OralAndBroadcasting/assets/images/0085-1.jpg
new file mode 100644
index 0000000..80c864f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0085-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0086-1.jpg b/src/books/OralAndBroadcasting/assets/images/0086-1.jpg
new file mode 100644
index 0000000..b205c00
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0086-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0092-1.jpg b/src/books/OralAndBroadcasting/assets/images/0092-1.jpg
new file mode 100644
index 0000000..9324830
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0092-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0094-1.jpg b/src/books/OralAndBroadcasting/assets/images/0094-1.jpg
new file mode 100644
index 0000000..ee8366d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0094-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0094-2.jpg b/src/books/OralAndBroadcasting/assets/images/0094-2.jpg
new file mode 100644
index 0000000..0da03b5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0094-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0100-1.jpg b/src/books/OralAndBroadcasting/assets/images/0100-1.jpg
new file mode 100644
index 0000000..934b049
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0100-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0112-1.jpg b/src/books/OralAndBroadcasting/assets/images/0112-1.jpg
new file mode 100644
index 0000000..be75b93
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0112-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0117-1.jpg b/src/books/OralAndBroadcasting/assets/images/0117-1.jpg
new file mode 100644
index 0000000..f4d5340
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0117-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0120-1.jpg b/src/books/OralAndBroadcasting/assets/images/0120-1.jpg
new file mode 100644
index 0000000..7d58652
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0120-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0123-1.jpg b/src/books/OralAndBroadcasting/assets/images/0123-1.jpg
new file mode 100644
index 0000000..7e33717
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0123-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0138-1.jpg b/src/books/OralAndBroadcasting/assets/images/0138-1.jpg
new file mode 100644
index 0000000..54a8f1f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0138-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0139-1.jpg b/src/books/OralAndBroadcasting/assets/images/0139-1.jpg
new file mode 100644
index 0000000..e19d3a7
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0139-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0140-1.jpg b/src/books/OralAndBroadcasting/assets/images/0140-1.jpg
new file mode 100644
index 0000000..cf4e0a5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0140-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0141-1.jpg b/src/books/OralAndBroadcasting/assets/images/0141-1.jpg
new file mode 100644
index 0000000..0c3adee
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0141-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0142-1.jpg b/src/books/OralAndBroadcasting/assets/images/0142-1.jpg
new file mode 100644
index 0000000..7d8ec92
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0142-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0143-1.jpg b/src/books/OralAndBroadcasting/assets/images/0143-1.jpg
new file mode 100644
index 0000000..e33698f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0143-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0145-1.jpg b/src/books/OralAndBroadcasting/assets/images/0145-1.jpg
new file mode 100644
index 0000000..f7ec4c8
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0145-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0145-2.jpg b/src/books/OralAndBroadcasting/assets/images/0145-2.jpg
new file mode 100644
index 0000000..d8e1a69
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0145-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0147-1.jpg b/src/books/OralAndBroadcasting/assets/images/0147-1.jpg
new file mode 100644
index 0000000..de5d03e
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0147-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0148-1.jpg b/src/books/OralAndBroadcasting/assets/images/0148-1.jpg
new file mode 100644
index 0000000..12c98af
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0148-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0149-1.jpg b/src/books/OralAndBroadcasting/assets/images/0149-1.jpg
new file mode 100644
index 0000000..b477b69
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0149-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0152-1.jpg b/src/books/OralAndBroadcasting/assets/images/0152-1.jpg
new file mode 100644
index 0000000..35b20ac
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0152-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0156-1.jpg b/src/books/OralAndBroadcasting/assets/images/0156-1.jpg
new file mode 100644
index 0000000..69e4175
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0156-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0157-1.jpg b/src/books/OralAndBroadcasting/assets/images/0157-1.jpg
new file mode 100644
index 0000000..8222e83
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0157-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0158-1.jpg b/src/books/OralAndBroadcasting/assets/images/0158-1.jpg
new file mode 100644
index 0000000..570c1c6
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0158-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0161-1.jpg b/src/books/OralAndBroadcasting/assets/images/0161-1.jpg
new file mode 100644
index 0000000..8868d19
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0161-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0161-2.jpg b/src/books/OralAndBroadcasting/assets/images/0161-2.jpg
new file mode 100644
index 0000000..453e510
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0161-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0162-1.jpg b/src/books/OralAndBroadcasting/assets/images/0162-1.jpg
new file mode 100644
index 0000000..867d4d0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0162-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0167-1.jpg b/src/books/OralAndBroadcasting/assets/images/0167-1.jpg
new file mode 100644
index 0000000..49f9ac7
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0167-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0167-2.jpg b/src/books/OralAndBroadcasting/assets/images/0167-2.jpg
new file mode 100644
index 0000000..e1499ab
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0167-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0168-1.jpg b/src/books/OralAndBroadcasting/assets/images/0168-1.jpg
new file mode 100644
index 0000000..a8895e6
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0168-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0168-2.jpg b/src/books/OralAndBroadcasting/assets/images/0168-2.jpg
new file mode 100644
index 0000000..3b226ef
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0168-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0169-1.jpg b/src/books/OralAndBroadcasting/assets/images/0169-1.jpg
new file mode 100644
index 0000000..0c0b52f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0169-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0170-1.jpg b/src/books/OralAndBroadcasting/assets/images/0170-1.jpg
new file mode 100644
index 0000000..fabcd79
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0170-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0170-2.jpg b/src/books/OralAndBroadcasting/assets/images/0170-2.jpg
new file mode 100644
index 0000000..e301653
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0170-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0171-1.jpg b/src/books/OralAndBroadcasting/assets/images/0171-1.jpg
new file mode 100644
index 0000000..ff48e9d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0171-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0171-2.jpg b/src/books/OralAndBroadcasting/assets/images/0171-2.jpg
new file mode 100644
index 0000000..171e2c3
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0171-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0172-1.jpg b/src/books/OralAndBroadcasting/assets/images/0172-1.jpg
new file mode 100644
index 0000000..3febfd0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0172-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0174-1.jpg b/src/books/OralAndBroadcasting/assets/images/0174-1.jpg
new file mode 100644
index 0000000..b145765
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0174-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0174-2.jpg b/src/books/OralAndBroadcasting/assets/images/0174-2.jpg
new file mode 100644
index 0000000..0bc720b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0174-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0175-1.jpg b/src/books/OralAndBroadcasting/assets/images/0175-1.jpg
new file mode 100644
index 0000000..2bb51b2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0175-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0175-2.jpg b/src/books/OralAndBroadcasting/assets/images/0175-2.jpg
new file mode 100644
index 0000000..528628f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0175-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0175-3.jpg b/src/books/OralAndBroadcasting/assets/images/0175-3.jpg
new file mode 100644
index 0000000..265ed2a
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0175-3.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0176-1.jpg b/src/books/OralAndBroadcasting/assets/images/0176-1.jpg
new file mode 100644
index 0000000..bc6720f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0176-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0176-2.jpg b/src/books/OralAndBroadcasting/assets/images/0176-2.jpg
new file mode 100644
index 0000000..6c7029b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0176-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0177-1.jpg b/src/books/OralAndBroadcasting/assets/images/0177-1.jpg
new file mode 100644
index 0000000..35927d0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0177-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0177-2.jpg b/src/books/OralAndBroadcasting/assets/images/0177-2.jpg
new file mode 100644
index 0000000..8b5fb69
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0177-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/Cover.jpg b/src/books/OralAndBroadcasting/assets/images/Cover.jpg
new file mode 100644
index 0000000..313724c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/FD.jpg b/src/books/OralAndBroadcasting/assets/images/FD.jpg
new file mode 100644
index 0000000..bf98ee2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/SMY.jpg b/src/books/OralAndBroadcasting/assets/images/SMY.jpg
new file mode 100644
index 0000000..0749ef5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/SMY.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/headerlogo.png b/src/books/OralAndBroadcasting/assets/images/headerlogo.png
new file mode 100644
index 0000000..72282b2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/headerlogo.png
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/icon/heart-check.png b/src/books/OralAndBroadcasting/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/icon/heart.png b/src/books/OralAndBroadcasting/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm1.jpg b/src/books/OralAndBroadcasting/assets/images/xm1.jpg
new file mode 100644
index 0000000..82148fb
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm2.jpg b/src/books/OralAndBroadcasting/assets/images/xm2.jpg
new file mode 100644
index 0000000..4f36042
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm3.jpg b/src/books/OralAndBroadcasting/assets/images/xm3.jpg
new file mode 100644
index 0000000..36e6e50
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm3.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm4.jpg b/src/books/OralAndBroadcasting/assets/images/xm4.jpg
new file mode 100644
index 0000000..00da0d7
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm4.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm5.jpg b/src/books/OralAndBroadcasting/assets/images/xm5.jpg
new file mode 100644
index 0000000..3dccda0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm5.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/main.less b/src/books/OralAndBroadcasting/assets/main.less
new file mode 100644
index 0000000..8945b7b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/main.less
@@ -0,0 +1,1442 @@
+.OralAndBroadcasting {
+ width: 100%;
+ height: 100%;
+
+ // 鑷畾涔夊唴瀹�
+ .page-box {
+ box-sizing: border-box;
+ min-height: 1128px;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 6px 1px #00000029;
+ background-color: #fff;
+ }
+ .videos-box {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ li {
+ width: 40%;
+ }
+ }
+ .collect-btn {
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+ margin-left: 10px;
+ }
+ .ds-txt {
+ width: 59%;
+ display: inline-block;
+ }
+ .db-box {
+ span {
+ width: 52%;
+ display: inline-block;
+ }
+ img {
+ float: right;
+ width: 40%;
+ }
+ }
+ .openImgBox {
+ cursor: pointer;
+ }
+ .bk2 {
+ border: 2px solid #f0f3e2;
+ padding: 20px;
+ margin-bottom: 2em;
+ margin-top: 2.5em;
+ }
+ .c-g {
+ color: green;
+ }
+ .pr-15 {
+ padding-right: 15%;
+ }
+ .c-r {
+ color: red;
+ }
+
+ .t-right {
+ text-align: right;
+ }
+
+ .mr-0 {
+ margin: 0;
+ }
+
+ .mt-20 {
+ margin-top: 20px !important;
+ }
+
+ .mt-30 {
+ margin-top: 30px;
+ }
+
+ .mb-30 {
+ margin-bottom: 30px;
+ }
+
+ .mb-10 {
+ margin-bottom: 10px;
+ }
+
+ .pd-5 {
+ padding: 0 5px;
+ }
+
+ .w100 {
+ width: 100%;
+ }
+
+ .w90 {
+ width: 90%;
+ }
+
+ .w80 {
+ width: 80%;
+ }
+
+ sup {
+ vertical-align: super;
+ /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
+ font-size: smaller;
+ // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */
+ // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */
+ }
+
+ .fz-13 {
+ font-size: 13px !important;
+ }
+
+ .fz-14 {
+ font-size: 14px !important;
+ }
+
+ .fz-16 {
+ font-size: 16px !important;
+ }
+
+ .fz-18 {
+ font-size: 18px !important;
+ }
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .pt-20 {
+ padding-top: 20px;
+ }
+
+ .td-0 {
+ text-indent: 0em !important;
+ }
+
+ .fl {
+ display: flex;
+ }
+ .al-cn {
+ align-items: center;
+ }
+ .ju-cn {
+ justify-content: center;
+ }
+
+ .ju-ev {
+ justify-content: space-evenly;
+ }
+
+ .fd-c {
+ flex-direction: column;
+ }
+
+ .fd-r {
+ flex-direction: row-reverse;
+ }
+
+ .al-c {
+ align-items: center;
+ }
+
+ .al-fe {
+ align-items: flex-end;
+ }
+
+ .ac-f {
+ align-content: flex-end;
+ }
+
+ .jc-fe {
+ justify-content: flex-end;
+ }
+
+ .jc-c {
+ justify-content: center;
+ }
+
+ .jc-sa {
+ justify-content: space-around;
+ }
+
+ .mr-70 {
+ margin-right: 70px;
+ }
+
+ .mr-45 {
+ margin-right: 45px;
+ }
+
+ .mr-10 {
+ margin-right: 10px;
+ }
+
+ .ma-l {
+ margin-left: 10%;
+ }
+
+ .pad-t-55 {
+ padding-top: 55px;
+ }
+
+ .pad-l-60 {
+ padding-left: 60px;
+ }
+
+ .mb-45 {
+ margin-bottom: 45px;
+ }
+
+ .headerImg {
+ width: 30px;
+ }
+
+ .headerText {
+ font-size: 12px;
+ padding: 0 8px;
+ color: #b98c64;
+ }
+
+ .headerNumber {
+ color: #231f20;
+ font-size: 12px;
+ padding: 0 8px;
+ border-left: 1px solid #231f20;
+ }
+
+ .header-left-Number {
+ color: #231f20;
+ font-size: 12px;
+ padding-right: 8px;
+ border-right: 1px solid #000;
+ }
+
+ .header-left-text {
+ margin-left: 8px;
+ font-size: 12px;
+ color: #fff;
+ background-color: #0082d4;
+ }
+
+ .table-tr-bc {
+ color: #fff;
+ }
+
+ .task {
+ width: 16%;
+ margin-bottom: 3.5em;
+ margin-top: 0;
+ border-top: 0.7em solid #f0bd40;
+ }
+
+ .task-u2-c {
+ width: 16%;
+ margin-bottom: 3.5em;
+ margin-top: 0;
+ border-top: 0.7em solid #f89c1c;
+ }
+
+ .task-u3-c {
+ width: 16%;
+ margin-bottom: 3.5em;
+ margin-top: 0;
+ border-top: 0.7em solid #0a9cac;
+ }
+
+ .task-u4-c {
+ width: 16%;
+ margin-bottom: 3.5em;
+ margin-top: 0;
+ border-top: 0.7em solid #92b03d;
+ }
+
+ .task-u5-c {
+ width: 16%;
+ margin-bottom: 3.5em;
+ margin-top: 0;
+ border-top: 0.7em solid #0180cd;
+ }
+
+ .p-odd {
+ padding-right: 10%;
+ }
+
+ .p-even {
+ padding-left: 10%;
+ }
+
+ .img-float-smaller {
+ width: 200px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+ .img-float-medium {
+ width: 250px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+ .img-float {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .img-float-formula {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .img-rights {
+ width: 47%;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+ .references {
+ margin-top: 140px;
+
+ hr {
+ font-weight: bold;
+ margin-left: 0;
+ width: 15%;
+ }
+ }
+
+ .w395 {
+ width: 395px;
+ }
+
+ .w430 {
+ width: 430px;
+ }
+
+ .w280 {
+ width: 280px;
+ }
+
+ .w270 {
+ width: 270px;
+ }
+
+ .w250 {
+ width: 250px;
+ }
+
+ .w230 {
+ width: 230px;
+ }
+
+ .w220 {
+ width: 220px;
+ }
+
+ .w200 {
+ width: 200px;
+ }
+
+ .w180 {
+ width: 180px;
+ }
+
+ .w115 {
+ width: 115px;
+ }
+
+ .text-rights {
+ width: 230px;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+ .pdf-text {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 20px;
+
+ p {
+ margin: 0;
+ margin-right: 10px;
+ }
+
+ .pdf-con {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 10px 0;
+ box-sizing: border-box;
+ border-radius: 10px;
+
+ .pdf-view {
+ min-width: 160px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 0.15em dashed #895b2e;
+ margin-right: 15px;
+ padding: 0 15px;
+ border-radius: 5px;
+ margin-top: 15px;
+
+ span {
+ font-size: 14px;
+ text-align: center;
+ font-family: "FZLTXIHJW";
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #895b2e;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
+ }
+
+ span:hover {
+ color: #895b2e;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
+ }
+ }
+
+ .pdf-con-15 {
+ margin-top: -20px;
+ }
+ }
+
+ div.bk-ztgs {
+ border: 0.15em dotted #5192c6;
+ padding: 1.5em 0.5em;
+ margin-bottom: 2em;
+ margin-top: 2em;
+ border-radius: 1em;
+ position: relative;
+ }
+
+ p.bj1-ztgs {
+ background-color: #5192c6;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 1em;
+ padding: 0.1em 0.7em 0.12em 0.7em;
+ font-weight: bold;
+ border-radius: 0em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -1.2em;
+ }
+
+ .link-float {
+ width: 120px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-top: 12px;
+ margin-right: 20px;
+ }
+
+ .imgBox-003 {
+ width: 100%;
+ height: 280px;
+ margin-bottom: 18px;
+ }
+
+ // 棰樼洰
+ .textarea-box {
+ background-color: transparent;
+ max-width: 85%;
+ min-width: 85%;
+ outline: none;
+ }
+
+ .textarea-box-left {
+ background-color: transparent;
+ margin-left: 12%;
+ max-width: 85%;
+ min-width: 85%;
+ outline: none;
+ }
+
+ .textarea-box-right {
+ background-color: transparent;
+ margin-left: 8%;
+ max-width: 85%;
+ min-width: 85%;
+ outline: none;
+ }
+
+ .textarea-focused {
+ border-color: #5192c6 !important;
+ box-shadow: #5192c6 !important;
+ }
+
+ .select-border {
+ width: 60px;
+ border: 0;
+ border-bottom: 1px solid #767676;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .btn-border {
+ border-radius: 6px;
+ border-color: #5192c6;
+ }
+
+ .btn-w {
+ cursor: pointer;
+ font-size: 14px;
+ border-width: 1px;
+ width: 80px;
+ height: 30px;
+ background-color: #fff;
+
+ &:hover {
+ background-color: #5192c6;
+ color: #fff;
+ }
+ }
+
+ .parimary-btn {
+ cursor: pointer;
+ min-width: 80px;
+ height: 30px;
+ font-size: 14px;
+ margin-left: 5px;
+ background-color: #5192c6;
+ border-color: #5192c6;
+ border-width: 1px;
+ color: #fff;
+ border-radius: 6px;
+
+ &:hover {
+ background-color: #a1afc8;
+ border-color: #a1afc8;
+ }
+ }
+
+ .event-header-text-bc {
+ background-color: #bbd4ec;
+ }
+
+ // 杩佺Щ
+ .bk-bwh {
+ min-height: 800px;
+ background-color: #dfebf7;
+ font-size: 1.2em;
+ padding: 25px;
+ border: 4px dotted #197abf;
+ }
+
+ ul {
+ list-style-type: none;
+ }
+
+ li {
+ list-style-type: none;
+ }
+
+ .custom_tag2 {
+ background-color: #f1be49;
+ color: #ffffff;
+ display: inline-block;
+ padding: 0.5px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 2px 10px 2px 10px;
+ font-weight: bold;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag1 {
+ background-color: #35acd6;
+ color: #ffffff;
+ display: inline-block;
+ padding: 1px;
+ font-size: 1.1em;
+ padding: 3px 10px 3px 10px;
+ font-weight: bold;
+ box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag {
+ background-color: #35509f;
+ color: #ffffff;
+ display: inline-block;
+ padding: 1px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 10px 20px 10px 20px;
+ font-weight: bold;
+ box-shadow: 30px 0px 0px 0px #f5d83e;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ span.under1 {
+ -webkit-text-emphasis-style: dot;
+ -moz-text-emphasis-style: dot;
+ -ms-text-emphasis-style: dot;
+ text-emphasis-style: dot;
+ -webkit-text-emphasis-position: under;
+ -moz-text-emphasis-position: under;
+ -ms-text-emphasis-position: under;
+ text-emphasis-position: under;
+ }
+ div.bodycontent-div-center {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+ img.bodycontent-divcenter-image {
+ float: center;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+ .module_block {
+ display: flex;
+ font-size: 1.1em;
+ position: relative;
+ padding-left: 90px;
+ justify-content: center;
+ align-items: center;
+ margin-right: 91px;
+ }
+ .module_block .custom1 {
+ background-color: #9acc77;
+ padding: 10px 20px;
+ color: #ffffff;
+ /* position: absolute; */
+ /* left:0; */
+ /* top: 50%; */
+ border-radius: 0.5em 0em 0em 0.5em;
+ /* transform: translateY(-50%); */
+ }
+ .module_block .custom2 {
+ background-color: #e9f3e0;
+ padding: 10px 20px;
+ color: #75a64e;
+ font-weight: bold;
+ border-radius: 0em 0.5em 0.5em 0em;
+ }
+
+ div.bodycontent-div-left1 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ background-color: #f0f8ff;
+ }
+ div.bodycontent-div-left {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+ img.bodycontent-divright-image {
+ float: right;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+
+ img.bodycontent-divleft-image {
+ float: left;
+ clear: both;
+ height: 110px;
+ margin: 15px;
+ }
+
+ .img {
+ text-align: center;
+ font-size: 16px;
+ text-indent: 0em;
+ color: #75a64e;
+ }
+
+ .img1 {
+ font-weight: bold;
+ color: #4b9cdd;
+ text-align: center;
+ font-size: 1em;
+ text-indent: 0em;
+ }
+
+ div.bodystyle {
+ font-family: 'FZLTXIHJW';
+ text-align: justify;
+ margin: 0 10%;
+ padding-bottom: 80px;
+ line-height: 30px;
+ }
+
+ span.zt-0 {
+ color: #0087af;
+ }
+
+ p.pzt-0 {
+ color: #0087af;
+ font-size: 18px;
+ }
+ p.pzt-0-right {
+ font-size: 18px;
+ color: #0087af;
+ text-align: right;
+ }
+ p.pzt-1 {
+ font-weight: bold;
+ color: #0087af;
+ font-size: 18px;
+ }
+
+ div.sgc-toc-title {
+ font-size: 2em;
+ font-weight: bold;
+ margin-bottom: 1em;
+ text-align: center;
+ }
+
+ div.sgc-toc-level-1 {
+ margin-left: 0em;
+ }
+
+ div.sgc-toc-level-2 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-3 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-4 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-5 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-6 {
+ margin-left: 2em;
+ }
+ .imz {
+ width: 100%;
+ text-align: center;
+ }
+
+ .note {
+ font-size: 0.85em;
+ }
+
+ .block {
+ }
+
+ .block1 {
+ text-align: center;
+ }
+
+ p {
+ font-family: "瀹嬩綋";
+ margin-top: 0.2em;
+ margin-bottom: 0.2em !important;
+ text-indent: 2em;
+ line-height: 30px;
+ text-align: justify;
+ }
+ .cover {
+ width: 100%;
+ padding: 0px;
+ }
+ .center {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+ .center-ss {
+ text-align: center;
+ color: #ef8472;
+ font-weight: bold;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+ .left {
+ text-indent: 0em;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+ .left2 {
+ font-size: 1.3em;
+ text-indent: 0em;
+ font-weight: bold;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+ .right {
+ text-align: right;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+ .left1 {
+ text-indent: 0em;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+ .center1 {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ font-size: 1.2em;
+ text-indent: 0em;
+ font-weight: bold;
+ }
+ .right1 {
+ text-align: right;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+ .quote {
+ margin-top: 0%;
+ margin-bottom: 0%;
+ margin-left: 1em;
+ margin-right: 1em;
+ text-align: justify;
+ font-family: "cnepub", serif;
+ }
+
+ h1 {
+ font-family: "FZLTZHJW";
+ font-weight: bold;
+ font-size: 1.2em;
+ color: #5eb7bf;
+ margin-top: 0.2em;
+ margin-bottom: 0.5em;
+ text-indent: 0em;
+ text-align: center;
+ }
+
+ .front {
+ font-family: "FZLTZHJW";
+ font-weight: bold;
+ font-size: 1.2em;
+ color: #5eb7bf;
+ margin-top: 0.2em;
+ margin-bottom: 0.5em;
+ text-indent: 0em;
+ text-align: center;
+ }
+
+ h2 {
+ font-family: "FZHTJW";
+ color: #5193c7;
+ font-weight: bold;
+ font-size: 1.7em;
+ margin-bottom: 0.1em;
+ margin-top: 1.5em;
+ text-indent: 0em;
+ }
+
+ div.h2-ys {
+ border-bottom: 0.6em solid #5193c7;
+ margin-top: -0.5em;
+ }
+
+ h3 {
+ font-family: "FZHTJW";
+ color: #f0b54f;
+ font-weight: 500;
+ font-size: 1.4em;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ text-indent: 0em;
+ }
+
+ .h3-zt {
+ color:#f0bd40;
+ border-radius: 1.5em;
+ }
+
+ .h3-zt1 {
+ font-family: "HiFont Hei GB";
+ color: #f0bd40;
+ font-weight: bold;
+ text-indent: 0em;
+ margin-left: 0%;
+ font-size: 0.8em;
+ }
+
+ h4 {
+ font-family: "FZHTJW";
+ color: #000;
+ font-size: 18px;
+ font-weight: normal;
+ margin-bottom: 1em;
+ margin-top: 1em;
+ margin-left: 0em;
+ text-indent: 1em;
+ }
+ h5 {
+ font-family: "FZHTJW";
+ color: #ef8472;
+ text-align: left;
+ font-weight: bold;
+ margin-bottom: 0.5em;
+ margin-top: 2em;
+ font-size: 1.15em;
+ text-indent: 0em;
+ }
+ h6 {
+ font-family: "FZHTJW";
+ font-weight: bold;
+ margin-bottom: 0.5em;
+ margin-top: 2em;
+ font-size: 1em;
+ text-indent: 2em;
+ }
+ .zt-h6 {
+ font-family: "FZHTJW";
+ color: #65c097;
+ margin-bottom: 0.5em;
+ margin-top: 1em;
+ font-size: 1.15em;
+ text-indent: 2em;
+ }
+ .bb {
+ font-family: "cnepub", serif;
+ font-family: "FZHTJW";
+ color: #66cccc;
+ font-size: 1.1em;
+ margin-top: 10px;
+ text-indent: 2em;
+ margin-bottom: 10px;
+ border-bottom: 5px dotted #f4c388;
+ margin-left: 2em;
+ margin-bottom: 0.5em;
+ text-indent: 0em;
+ }
+ .u {
+ text-decoration: underline;
+ }
+
+ .img-0 {
+ width: 100%;
+ }
+ .img-a {
+ width: 95%;
+ }
+ .img-b {
+ width: 70%;
+ }
+ .img-c {
+ width: 60%;
+ }
+ .img-d {
+ width: 50%;
+ }
+ .img-e {
+ width: 45%;
+ }
+ .img-f {
+ width: 40%;
+ }
+ .img-g {
+ width: 30%;
+ }
+ .img-h {
+ width: 20%;
+ }
+ .img-i {
+ width: 10%;
+ }
+ .img-j {
+ width: 5%;
+ }
+ .img-l {
+ width: 25%;
+ }
+ .img-k {
+ width: 35%;
+ }
+ .img-zt {
+ height: 6em;
+ margin-top: -1.5em;
+ margin-bottom: -0.4em;
+ margin-left: 15%;
+ }
+ .inline {
+ height: 1em;
+ margin-bottom: -0.3em;
+ }
+ .inline1 {
+ height: 2.5em;
+ margin-top: 0.5em;
+ margin-bottom: -0.5em;
+ }
+
+ .inline4 {
+ height: 2em;
+ margin-left: -2em;
+ margin-right: 0.5em;
+ margin-bottom: -0.6em;
+ }
+ .img-qj {
+ height: 7.5em;
+ margin-bottom: -3.4em;
+ margin-right: 0.5em;
+ }
+ .kaiti {
+ }
+ .kaiti1 {
+ }
+
+ .bk-bwh {
+ background-color: #dfebf7;
+ font-size: 1.2em;
+ padding: 25px;
+ border: 4px dotted #197abf;
+ }
+
+ .zt-ls1 {
+ color: #93b03c;
+ font-size: 1.1em;
+ font-weight: bold;
+ }
+
+ .zt-cs1 {
+ color: #fa9d1a;
+ }
+
+ span.lsyq-1 {
+ background-color: #0082d4;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ border-radius: 1.5em;
+ margin-right: 0.5em;
+ color: #ffffff;
+ font-weight: bold;
+ font-size: 1.5em;
+ }
+
+ span.hsyq-1 {
+ background-color: #ffb7d4;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ border-radius: 1.5em;
+ margin-right: 0.5em;
+ color: #ffffff;
+ font-weight: bold;
+ font-size: 1.5em;
+ }
+
+ .zt-hs1 {
+ font-weight: bold;
+ color: #f0855b;
+ font-size: 1.2em;
+ }
+
+ .h2-zt1 {
+ padding: 5px 25px 5px 25px;
+ border-radius: 10px 0px 0px 10px;
+ background-color: #5392c7;
+ font-size: 1.2em;
+ color: #ffffff;
+ }
+ .h2-zt2 {
+ padding: 10px;
+ background-color: #b1dde0;
+ margin-right: 2em;
+ color: #ffffff;
+ padding: 5px 50px 5px 25px;
+ border-radius: 0px 5px 80px 0px;
+ font-size: 1.2em;
+ }
+
+ .bk {
+ border: 0.15em solid #5492c3;
+ padding: 0.5em;
+ margin-bottom: 2em;
+ margin-top: 0.5em;
+ position: relative;
+ }
+
+ p.bj1-qjms {
+ background-color: #5392c7;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 1em;
+ padding: 0.1em 0.7em 0.12em 0.7em;
+ font-weight: bold;
+ border-radius: 1.5em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -2em;
+ }
+ .bj {
+ background-color: #e1e7f3;
+ padding: 0.2em 0.8em 0.2em 0.8em;
+ margin-bottom: 2em;
+ }
+
+ span.bj1 {
+ background-color: #5193c7;
+ padding: 0.2em 0.8em 0.2em 0.8em;
+ margin-bottom: 2em;
+ color: #ffffff;
+ font-size: 1.2em;
+ border-radius: 0.5em;
+ margin-left: -2em;
+ }
+
+ .bj5 {
+ background-color: #3d8b9f;
+ padding: 0.2em;
+ font-size: 1.3em;
+ font-weight: bold;
+ border-radius: 0.5em;
+ color: #ffffff;
+ }
+ .bj3 {
+ background-color: #ffdeb5;
+ padding: 20px;
+ margin-bottom: 2em;
+ margin-top: 2.5em;
+ }
+
+ span.bj3-xts {
+ background-color: #fa9d1a;
+ color: #ffffff;
+ border-radius: 1.5em;
+ padding: 5px 20px 5px 20px;
+ font-size: 1em;
+ font-weight: bold;
+ }
+
+ div.bj3-xts {
+ margin-top: -3em;
+ margin-bottom: 1.5em;
+ margin-left: -2.5em;
+ }
+ .ts-1 {
+ font-weight: bold;
+ }
+
+ .zt-h4 {
+ background-color: #f0bd40;
+ padding: 10px;
+ color: #ffffff;
+ margin-left: -2em;
+ border-radius: 1.5em;
+ }
+
+ .qyls-h4 {
+ font-family: "HiFont Hei GB";
+ color: #6cb26c;
+ font-weight: bold;
+ padding: 0.2em;
+ text-indent: 0em;
+ margin-left: 0%;
+ }
+
+ .bj4 {
+ background-color: #5193c7;
+ padding: 5px 10px 5px 10px;
+ color: #ffffff;
+ font-size: 1.1em;
+ font-weight: bold;
+ margin-left: 0em;
+ margin-bottom: 2em;
+ margin-top: 2.5em;
+ }
+
+ .bj2 {
+ background-color: #f0f3e2;
+ padding: 20px;
+ margin-bottom: 2em;
+ margin-top: 2.5em;
+ }
+
+ span.bj2-dyd {
+ background-color: #95b321;
+ color: #ffffff;
+ border-radius: 1.5em;
+ padding: 5px 20px 5px 20px;
+ font-size: 1em;
+ font-weight: bold;
+ }
+
+ div.bj2-dyd {
+ margin-top: -3em;
+ margin-bottom: 1.5em;
+ margin-left: -2.5em;
+ }
+
+ .zt-lvs1 {
+ color: #95b321;
+ }
+
+ div.bj-1 {
+ background-color: #fef7e5;
+ color: #6cb26c;
+ border-radius: 2em;
+ margin-bottom: 1.5em;
+ margin-top: 1.5em;
+ }
+ .bj-1-zt {
+ font-weight: bold;
+ font-size: 1.2em;
+ line-height: 1.8em;
+ }
+}
+
+.custom-dialog {
+ overflow: hidden !important;
+
+ .el-dialog__body {
+ padding: 0;
+ }
+
+ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: "FZLTXIHJW";
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ .el-dialog__title,
+ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: "FZLTXIHJW";
+ }
+ }
+}
+
+.header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ // color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: "FZLTXIHJW";
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+}
+
+@font-face {
+ font-family: "FZLTZHJW";
+ src: url("./Fonts/FZLTZHJW.ttf");
+}
+
+@font-face {
+ font-family: "FZLTXIHJW";
+ src: url("./Fonts/FZLTXIHJW.ttf");
+}
+
+@font-face {
+ font-family: "FZHTJW";
+ src: url("./Fonts/FZHTJW.ttf");
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media (max-width: 660px) {
+ .civilAviation-book {
+ .pad-l-60 {
+ padding-left: 10px;
+ }
+
+ .mr-70 {
+ margin-right: 15px;
+ }
+ /* 鍒嗛〉padding */
+ .padding-93 {
+ padding: 0 20px;
+ }
+
+ .padding-102 {
+ padding: 0 20px;
+ }
+
+ .img-float {
+ width: 130px;
+ }
+
+ .img-rights {
+ width: 130px;
+ }
+
+ .btn-w {
+ width: 42px;
+ }
+ }
+}
+
+@media (min-width: 660px) {
+ .civilAviation-book {
+ .padding-93 {
+ padding: 0 93px 0px 93px;
+ }
+
+ .padding-102 {
+ padding: 0 102px 0 102px;
+ }
+ }
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+ background-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+ height: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+ width: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
diff --git a/src/books/OralAndBroadcasting/view/components/chapter001.vue b/src/books/OralAndBroadcasting/view/components/chapter001.vue
new file mode 100644
index 0000000..936cbfc
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/components/chapter001.vue
@@ -0,0 +1,1299 @@
+h4鎬庢牱璇存湇鍒汉<template>
+ <div class="chapter" num="2">
+ <!-- 绗竴鍗曞厓灏侀潰 -->
+ <div class="page-box" page="9">
+ <div v-if="showPageList.indexOf(9) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">040</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <h3 id="c001" class="p-even">浠诲姟鍥�<br />娌熼�氫笌璇存湇</h3>
+ <div class="task ma-l"></div>
+ <p class="p-even">
+ 鑸┖鏈嶅姟涓殑娌熼�氬寘鍚袱涓柟闈紝涓�鏄寚淇℃伅鐨勪紶閫掞紝浜屾槸鎸囨劅鎯呯殑浜ゆ祦锛屼簩鑰呮槸鐩歌緟鐩告垚鐨勩�傚悓鏃讹紝浠庢湇鍔℃晥鏋滅殑瑙掑害璁诧紝娌熼�氭椂涓嶄粎寮鸿皟淇℃伅鐨勪紶閫掑拰鐞嗚В锛屾洿閲嶈鐨勬槸瑕佸緱鍒板ソ鐨勭粨鏋溿�傚啀濂界殑娌熼�氾紝濡傛灉娌℃湁寰楀埌濂界殑缁撴灉锛屼篃鏄棤鏁堢殑銆�
+ </p>
+ <h3 id="c015">
+ <span class="h3-zt p-even">涓�銆�</span
+ ><span class="h3-zt1">娌熼��</span>
+ </h3>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">鎭板綋鐨勮瑷�</span></p>
+ <p>
+ 鏌愯埅鐝欢璇簡锛屾梾瀹㈠湪鍦伴潰绛変簡鍑犲皬鏃跺悗锛岀粓浜庣櫥鏈轰簡銆備箻鍔″憳甯︾潃姝夋剰鍚戞梾瀹㈤棶鍊欓亾锛氣�滄偍濂斤紝璁╂偍涔呯瓑浜嗐�傗�濊繖鍙ラ棶鍊欒鏄瓨鍦ㄩ棶棰樼殑銆傜涓�锛屸�滄偍濂解�濊繖涓瘝鍑虹幇鍦ㄤ笂闈㈢殑璇閲岋紝瀹规槗璁╂梾瀹㈡劅瑙変箻鍔″憳鐨勯棶鍊欐槸娌℃湁璇氭剰鐨勶紝鏄疆韬簨澶栫殑绋嬪簭鍖栫殑闂�欙紱绗簩锛屸�滀箙鈥濆瓧鐨勫嚭鐜板己鍖栦簡鏃呭鍙兘鏈凡娣″幓鐨勬椂闂存劅锛屾槗璁╂梾瀹㈠皢鍘嬫姂杈冧箙鐨勪笉婊℃儏缁�熼鍙戞尌鍑烘潵銆傚湪杩欐牱鐨勫満鏅腑锛屾�庢牱鐨勯棶鍊欒杈冮�傚疁鍛紵鎴戜滑鍦ㄥ疄闄呭満鏅腑鍋氳繃灏濊瘯锛屼娇鐢ㄢ�滃崄鍒嗘姳姝夆�濃�滆阿璋㈡偍鐨勭瓑鍊欌�濃�滄偍杈涜嫤鍟︹�濃�滄劅璋㈡偍鐨勪箻鍧愨�濃�滆阿璋㈡偍鐨勭悊瑙ｅ拰鏀寔鈥濊繖鏍风殑闂�欒锛屾梾瀹㈡洿鑳芥帴鍙椼�傚涓�浜涚埗姣嶆潵璇达紝浠栦滑鎰熷埌涓嶆弧鐨勫師鍥犲父甯告槸瑙夊緱鑷繁鐨勫瀛愬彈鑻︿簡锛屾墍浠ユ鏃跺皢鐢ㄨ瘝鐨勫叧娉ㄩ噸蹇冩斁鍦ㄥ瀛愯韩涓婂彲鑳芥洿濂姐�傞櫎姝や箣澶栵紝鍦ㄥ洖搴旀梾瀹㈢殑闇�姹傛椂锛屽鐢ㄤ簺鍚湁姝ｉ潰淇℃伅鐨勮瘝璇紝鍙兘璁╂梾瀹㈠湪鎷ユ湁濂界殑蹇冪悊鎰熷彈鐨勫悓鏃跺鏈嶅姟浜堜互璁ゅ悓銆備緥濡傦紝灏嗏�滅◢绛夆�濇崲涓衡�滈┈涓婂氨鏉モ�濓紝鈥滄湁浜嬪悧鈥濇崲涓衡�滄垜鑳戒负鎮ㄥ仛鐐逛粈涔堚�濓紝鈥滄偍瑕佸摢绉嶉キ鈥濇崲涓衡�滄偍鍠滄浠�涔堝彛鍛斥�濃�︹�﹀瓧璇嶆柟闈㈢殑灏忔敼鍔ㄥ彲鑳戒細璁╂梾瀹㈢殑鏈嶅姟婊℃剰绋嬪害澶у箙鎻愬崌銆�
+ </p>
+ </div>
+ <p class="p-even">
+ 瀵规梾瀹㈣皟鏌ョ殑缁撴灉琛ㄦ槑锛氭枃鏄庣ぜ璨屻�佺湡鎸氬拰鍠勭殑璇█鑳借鏃呭浜х敓鍙戣嚜鍐呭績鐨勫ソ鎰燂紱鏄庣‘绠�娲併�侀�傚綋涓偗鐨勮瑷�鑳藉寮烘梾瀹㈢殑淇′换鎰燂紱閫傚簲瀵硅薄銆佺伒娲诲鍙樼殑璇█鑳界粰鏃呭浠ヤ翰鍒囨劅锛屼娇鏃呭鑾峰緱蹇冪悊涓婄殑婊¤冻銆傚鑸辫瑷�浣�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="10">
+ <div v-if="showPageList.indexOf(10) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">041</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0">涓轰竴绉嶇壒娈婄殑琛屼笟鐢ㄨ锛屼綋鐜板嚭浠ヤ笅鐗圭偣銆�</p>
+ <p>
+ 涓�鏄噯纭�с�傞鏈轰綔涓轰氦閫氬伐鍏凤紝鍏跺畨鍏ㄦ�т竴鐩存槸鏃呭鏈�涓哄叧蹇冪殑闂锛岃埅绌烘湇鍔′汉鍛樺湪瑙ｇ瓟鏃呭鐤戦棶鍜屽姙鐞嗕笟鍔℃椂锛岃瑷�蹇呴』绮剧畝銆佸噯纭�佽嚜淇★紝浠ヤ綋鐜拌嚜韬殑涓撲笟鎬т笌鍥炵瓟鐨勫彲闈犳�с��
+ </p>
+ <p>
+ 浜屾槸鐏垫椿鎬с�傚湪淇濊瘉鏈嶅姟涓�鑷存�х殑杩囩▼涓紝鑸┖鏈嶅姟浜哄憳搴斿叿鏈夌伒娲绘�у拰鍒涢�犳�э紱搴斾笌鏃呭淇濇寔鑹ソ鐨勫叧绯伙紝涓嶈鍙槸鏈烘鍦板仛浜嬨�傝繖閲屾湁涓�涓浣曚繚鎸佷袱鑰呴棿骞宠 鐨勯棶棰樸�備緥濡傦紝鍦ㄤ箻鍔″憳涓烘梾瀹㈡彁渚涙湇鍔℃椂锛屼竴浣嶆梾瀹㈣姹傚悆绱犻锛屾�庢牱鍘昏В鍐宠繖涓�闂鍛紵鎴戜滑鍙互鎶婂悇寮忓悇鏍风殑钄彍銆佹按鏋滄垨鏄満涓婄殑鐐瑰績銆侀潰鍖呮惌閰嶅湪涓�璧凤紝渚涙梾瀹㈤�夋嫨銆傚鏋滀笉鐭ラ亾鍙橀�氬湴鐩存帴鍛婅瘔鏃呭鈥滄垜浠病鏈夊噯澶囪繖绉嶉鐗┾�濓紝灏变細浣挎梾瀹㈡劅鍒板け鏈涖��
+ </p>
+ <p>
+ 涓夋槸鐢熷姩鎬с�備箻鍔″憳瑕佺敤鍏锋湁娲诲姏鐨勮瑷�鍘绘墦鍔ㄦ梾瀹紝浠庤�屽紩璧锋梾瀹㈢殑鍏遍福锛屽鏃呭鎵�浣滅殑涓�浜涘叧浜庢櫙鐐广�佸悕鑳滃彜杩圭殑浠嬬粛鏇村簲濡傛銆傝瘯涓句竴渚嬶紝瀵光�滃窛鍓р�濆彲浠ヨ繖鏍蜂粙缁嶏細鍥涘窛锛屽彜绉板崕闃筹紝鍙堝悕宸磋渶锛屽叾姘戦娣虫湸锛岀墿闃滄皯瀹夛紝琚獕涓衡�滃ぉ搴滀箣鍥解�濄�備織璇濊锛氣�滃灞卞姘存湁濂囨澃銆傗�濆洓宸濊繖鍧楁矁鍦熶笉浠呮秾鐜板嚭浜嗘棤鏁伴泟鎵嶅ぇ鐣ョ殑鏀挎不瀹躲�佸啗浜嬪鍜屼竴澶ф壒鍗撹秺鐨勬墠澹紝杩橀�犲氨浜嗕竴鎵逛紭绉�鐨勮〃婕旇壓鏈锛涗笉浠呯（鐮哄嚭浜嗘棤鏁板畯浼熺殑璇楃瘒浣充綔锛屽悓鏃朵篃瀛曡偛鍑轰簡涓�绉嶇嫭鍏风壒鑹茬殑鎴忔洸鑹烘湳褰㈠紡鈥斺�斿窛鍓с�傚窛鍓э紝杩欎釜琚獕涓衡�滃ぉ搴滀箣鑺扁�濈殑鎴忔洸鍓х锛屼互瀹冧赴瀵岀殑鍓х洰銆佸鏍风殑澹拌厰銆佺嫭鐗圭殑琛ㄦ紨锛屽湪涓浗鎴忓墽鑸炲彴涓婄嫭鏍戜竴甯滐紝鎴愪负宸磋渶涔嬪湴鐨勫張涓�楠勫偛銆�
+ </p>
+ <p>
+ 鍥涙槸浜插垏鎬с�傞壌浜庤埅绌烘湇鍔″伐浣滅殑鐗圭偣鍜屾�ц川锛屾湇鍔＄敤璇浜插垏銆佺畝娲併�備緥濡傦細鈥滄杩庢偍涔樺潗鏈鑸彮锛佲�濃�滆闂偍鎯冲枬鐐逛粈涔堬紵鈥濃�滆鎮ㄤ箙绛変簡銆傗�濃�滄偍鐨勮劯鑹蹭笉澶ソ锛岃闂偍鏈夊摢鍎夸笉鑸掓湇鍚楋紵鈥濃�滆阿璋㈡偍瀵规垜浠殑鏈嶅姟鎻愬嚭鐨勫疂璐垫剰瑙侊紝鎴戜竴瀹氭妸鎮ㄧ殑鎰忚鍙嶉缁欏叕鍙搞�傗�濅翰鍒囩畝娲佺殑璇濊鍙互澶уぇ鎻愰珮鏃呭鐨勬弧鎰忓害銆�
+ </p>
+ <p>
+ 浜旀槸濮斿鎬с�傝埅绌烘湇鍔℃矡閫氳绌惰壓鏈殑璇磋瘽鏂瑰紡銆傚湪涓庢梾瀹㈠璇濇椂锛屼竴鑸儏鍐典笅瑕侀噰鐢ㄨ闂紡銆佽姹傚紡銆佸晢閲忓紡銆佽В閲婂紡绛夋伆褰撶殑璇磋瘽鏂瑰紡銆傚洜宸ヤ綔闇�瑕佹垨鏉′欢闄愬埗鑰岄渶瑕佹嫆缁濇梾瀹㈡椂锛屼篃瑕佸敖閲忕敤濮斿鐨勮〃杈炬柟寮忥紝涓嶅厑璁镐娇鐢ㄥ懡浠ゅ紡鐨勮姘斾笌鏃呭浜ゆ祦銆�
+ </p>
+ <p>鍙﹀锛屽湪璇█娌熼�氳繃绋嬩腑瑕佸敖閲忓仛鍒颁互涓嬪嚑鐐广��</p>
+ <p>
+ 绗竴锛岃█鑰屾湁绀笺�傝繖鏄湪浜よ皥涓渶瑕佸仛濂界殑绗竴姝ャ�備换浣曚汉閮藉笇鏈涜兘鍜屽浆褰湁
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="11">
+ <div v-if="showPageList.indexOf(11) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">042</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0 p-even">
+ 绀肩殑浜轰氦娴併�傝唉閫婄殑鎬佸害銆佸弸濂界殑璇皵鍙互涓轰氦璋堣惀閫犲拰璋愩�佹剦蹇殑姘涘洿锛屽湪鈥滄偍濂解�濃�滆鈥濃�滃涓嶈捣鈥濃�滄墦鎼呬簡鈥濃�滃啀瑙佲�濈瓑涓�浜涢潪甯哥畝鍗曠殑绀艰矊鐢ㄨ鐨勭粏鑺備笂鍗冧竾涓嶈兘蹇借锛屽畠浠篃璁歌兘鍦ㄤ氦娴佽繃绋嬩腑甯姪鎴戜滑鎻愰珮鑷繁鐨勫嵃璞″垎銆�
+ </p>
+ <p class="p-even">
+ 绗簩锛岃█鑰屾湁搴忋�傝█鑰屾湁搴忥紝涓昏寮鸿皟鐨勬槸璋堣瘽鐨勫眰娆★紝鍗充氦璋堣鏈夐�昏緫鎬с�傝繖涓�鐐瑰湪宸ヤ綔涓挨涓洪噸瑕併�傛垜浠笉闅惧彂鐜帮紝韬竟琚叕璁や负骞茬粌鐨勫悓浜嬫垨鑰呴瀵硷紝浠栦滑鍦ㄤ笌浜轰氦璋堟椂閫氬父鎬濊矾娓呮櫚銆佽█鑰屾湁搴忋�佽〃杈惧緱浣撴槑纭�傝鐭ラ亾锛屽湪鏈嶅姟宸ヤ綔涓紝鍙ｅご琛ㄨ揪鑳藉姏鑳藉弽鏄犱竴涓汉鐨勮兘鍔涙按骞炽�傝璇濇病鏈夐噸鐐广�佽瑷�鏀鐮寸銆佹兂鍒板摢鍎胯鍒板摢鍎匡紝鍙細璁╀汉瑙夊緱杩欎釜浜鸿璇濇潅涔辨棤绔犮�佹�濊矾娣蜂贡銆傛墍浠ワ紝浜よ皥鏃惰鎯冲ソ鍏堣浠�涔堬紝鍚庤浠�涔堬紝鎬濊矾瑕佹竻鏅帮紝鍐呭瑕佹湁鏉＄悊锛屽竷灞�瑕佸悎鐞嗐��
+ </p>
+ <p class="p-even">
+ 绗笁锛岃█鑰屾湁淇°�傝嚜鍙や互鏉ワ紝璇氫俊涓�鐩存槸琚汉浠禐璧忓拰鎺ㄥ磭鐨勫搧鏍笺�傚ぇ鍒颁紒涓氾紝灏忓埌涓汉锛岃瘹淇￠兘鏄畨韬珛鍛戒箣鏈�傚挨鍏舵槸鍦ㄨ亴鍦轰笂锛屼竴涓█鍑哄繀琛屻�佽鍒板仛鍒扮殑浜烘�昏兘寰楀埌鏇村浜虹殑娆ｈ祻涓庝俊浠汇�傚悓鏍凤紝鍦ㄤ笌浜虹殑浜よ皥涓紝鐪熻瘹銆佽唉閫娿�佽笍瀹炵殑璇█涔熶細澧炲己浠栦汉鐨勪俊鏈嶆劅銆傚湪瑷�鑰屾湁淇℃柟闈紝瑕佹妸鎻″ソ涓夌偣锛氫竴鏄嚭瑷�瑕佹厧锛屼簩鏄姫鍔涗俊瀹堬紝涓夋槸璁茬┒閬撳痉銆備竴浠惰嚜宸辨病鏈夋妸鎻″仛鍒扮殑浜嬫儏锛屾�庝箞鑳戒俊瑾撴棪鏃﹀湴璁镐笅鎵胯鍛紵涓嶅仛娌℃湁鎶婃彙鐨勪簨鎯咃紝涓嶅仛娌℃湁鎶婃彙鐨勬壙璇猴紝涔熸槸璁叉眰璇氫俊鐨勯噸瑕佽〃鐜般��
+ </p>
+ <h3 id="c016 ">
+ <span class="h3-zt p-even">浜屻��</span
+ ><span class="h3-zt1">璇存湇</span>
+ </h3>
+ <img
+ class="img-k openImgBox"
+ src="../../assets/images/0054-1.jpg"
+ align="right"
+ hspace="5"
+ />
+ <p class="p-even">
+ 姣忎釜浜洪兘鏄嫭绔嬬殑涓綋锛屽姣忎欢浜嬫儏鐨勭湅娉曚篃浼氭湁宸紓锛屽嵆浣挎槸蹇楀悓閬撳悎鐨勬寶鍙嬶紝涔熶笉鍙兘鍋氬埌浜嬩簨璁よ瘑銆佽瑙ｆ案杩滃畬鍏ㄤ竴鑷淬�傚湪涓�浜涙儏鍐典笅锛岃嫢瑕佸彇寰椾竴鑷达紝灏辫鍔姏璇存湇瀵规柟銆傝兘澶熸湁鏁堝湴璇存湇鍒汉锛屼篃鏄埅绌烘湇鍔″伐浣滅殑閲嶈缁勬垚閮ㄥ垎銆�
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">鎬庢牱璇存湇鍒汉</span></p>
+ <p>
+ 鏈変竴澶╋紝鍖楅涓庡お闃充负浜嗚皝鐨勫姏閲忓ぇ鑰屼簤璁轰笉浼戙�傚畠浠喅瀹氾紝璋佽兘璁╄浜�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="12">
+ <div v-if="showPageList.indexOf(12) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">043</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <p class="td-0">鑴变笅琛ｆ湇锛岃皝灏辫儨鍒┿��</p>
+ <p>
+ 鍖楅涓�寮�濮嬪氨鐚涚儓鍦板埉锛岃矾涓婄殑琛屼汉閮借９绱т簡鑷繁鐨勮。鏈嶃�傚寳椋庤鐘讹紝鍒緱鏇寸寷浜嗭紱琛屼汉鍐峰緱鍙戞姈锛屼究娣诲姞鏇村鐨勮。鏈嶃�傚寳椋庣柌鍊︿簡锛屼究璁╀綅缁欏お闃炽��
+ </p>
+ <p>
+ 澶槼鍙槸缂撶紦鍦板彂鐑紝灏嗘俯鍜岀殑闃冲厜娲掑悜琛屼汉銆傝浜烘劅鍒版殩娲嬫磱鐨勶紝渚胯劚鎺変簡鍘氬帤鐨勮。鏈嶃��
+ </p>
+ <p>
+ 鐢辨绫绘帹锛屽鏋滆璇存湇涓�涓汉锛屽厛瑕佷簡瑙ｄ粬鐨勬兂娉曪紝鐒跺悗寮曞瀵规柟灏嗕綘甯屾湜鐨勭粨鏋滃拰浠栬嚜宸辩殑鎯虫硶鎸傞挬銆傝繖鏍风殑璇存湇寰�寰�鑳借瀵规柟鎰熷埌鑸掗�傚苟蹇冪敇鎯呮効鍦版帴鍙椼��
+ </p>
+ </div>
+ <p>锛堜竴锛夎鏈嶇殑鍘熷垯</p>
+ <p>1.灏婇噸瀵规柟锛屽缓绔嬩俊浠�</p>
+ <p>
+ 鍦ㄦ棩甯稿伐浣滀腑锛屾垜浠拰瀵规柟鐨勬剰瑙佷笉鍚堟椂锛屽垏鑾〃鐜板嚭鏁屾剰銆傛棤璁烘槸琛ㄦ儏锛岃繕鏄鍔ㄣ�佽璇濓紝閮藉簲鍔姏琛ㄧ幇鍑哄皧閲嶅鏂广�傚彧鏈夊彇寰椾簡瀵规柟鐨勪俊浠伙紝璇存湇鎵嶈兘鏈夋晥鍦拌繘琛屼笅鍘汇�傝鏈嶆槸骞崇瓑浜ゆ祦鐨勮瑷�鑹烘湳锛屽鏋滅敤鐩涙皵鍑屼汉銆佸眳楂樹复涓嬬殑鎬佸害锛岃皝涔熶笉鑳芥帴鍙椼�傚鏋滀笉灏婇噸瀵规柟锛岃繖鏍风殑璇存湇鍙兘鎷涙潵閫嗗弽鎯呯华锛屼笉鍙兘浣挎剰瑙佽揪鎴愪竴鑷淬�傚彧鏈夊皧閲嶅鏂癸紝寤虹珛璧蜂俊浠荤殑鍏崇郴锛屾墠鑳藉緱鍒板埆浜虹殑鎺ョ撼涓庤鍚岋紝浠庤�屼负璇存湇鎵撲笅鑹ソ鐨勫熀纭�銆�
+ </p>
+ <p>2.鍧氭寔鍙岃耽</p>
+ <p>
+ 璇存湇鍒汉鎺ュ彈鎴戜滑鐨勮鐐癸紝蹇呯劧浼氫娇瀵规柟鏀惧純鍘熷厛鎵�鍧氭寔鐨勫師鍒欏拰鐪嬫硶銆�
+ 鑰屽湪澶у鏁版椂鍊欙紝瀵规柟涓嶆効鎰忔帴鍙楁垜浠殑瑙傜偣鐨勫師鍥犳槸鎰熷彈鍒颁簡鏀瑰彉涓庤杩�傚洜姝わ紝鍦ㄨ鏈嶇殑杩囩▼涓鍧氭寔鍙岃耽鐨勫師鍒欙紝璁╁鏂规劅鍒版帴鍙椾簡鎴戜滑鐨勮鐐逛篃鑳界粰浠栧甫鏉ュ埄鐩婏紝鑰岄潪鍥犱负鏀瑰彉鑰屾湁鎵�鎹熷け銆傛垜浠璁╁鏂硅璇嗗埌锛屽弻鏂归兘鏄负鐫�鍚屼竴涓洰鏍囪�屽姫鍔涳紝鍙槸鍦ㄦ柟寮忓拰鏂规硶涓婃湁鎵�鍖哄埆銆�
+ </p>
+ <p>3.蹇冨钩姘斿拰锛屼笉瑕佹�ヤ簬姹傛垚</p>
+ <p>
+ 鈥滃績鎬ュ悆涓嶄簡鐑眴鑵愩�傗�濊鏈嶅埆浜鸿浆鍙樻�濇兂銆佹帴鍙椾笉鍚岀殑瑙傜偣涓嶆槸涓�浠剁畝鍗曠殑浜嬫儏銆傚湪璇存湇鐨勮繃绋嬩腑锛岀敱浜庢剰瑙佷笉缁熶竴锛屽彲鑳戒細婵�鍖栫煕鐩俱�傚湪鏃呭鎯呯华婵�鍔ㄧ殑鎯呭喌涓嬶紝涔樺姟鍛樺氨闇�瑕佸績骞虫皵鍜岋紝涓嶈兘鎬ヤ簬姹傛垚锛岃�岃鑰愬績缁嗚嚧銆佺ǔ鎵庣ǔ鎵撱�傝繖鏍峰線寰�鑳藉緱鍒版洿澶氭湁鐢ㄧ殑淇℃伅锛屽�熷姪杩欎簺淇℃伅瀹夋姎鏃呭鐨勬儏缁紝鏇存槗瑙ｅ喅闂銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="13">
+ <div v-if="showPageList.indexOf(13) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">044</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p>锛堜簩锛夎鏈嶇殑鏂规硶</p>
+ <p>
+ 鎴愬姛鍦拌鏈嶅埆浜哄苟涓嶆槸浠惰交鑰屾槗涓剧殑浜嬨�傛垜浠湪璇曞浘璇存湇瀵规柟鏃朵笉瑕佹�ヤ簬姹傛垚锛屽彲浠モ�滃惊搴忔笎杩涒�濄�傝鏈嶇殑鍓嶆彁鏄湁瓒冲鐨勪俊浠伙紝鍥犳瑕佸厛鑾峰彇瀵规柟鐨勪俊浠伙紝鍐嶉�愭璇存湇瀵规柟銆傚彲浠ュ厛鐢卞鏂逛笉缁忔剰鐨勯棶棰樺垏鍏ワ紝鍐嶅惊搴忔笎杩涖�佹姝ユ繁鍏ワ紝浠庤�岄�愭笎寮曞悜瀹炶川鎬ч棶棰橈紝浣垮鏂硅窡闅忔垜浠眰灞傛帹璁虹殑鎬濈淮杞ㄨ抗锛屾笎娓愭帴鍙楁垜浠墍璁茬殑浜嬬悊銆�
+ </p>
+ <p>鍦ㄥ叿浣撶殑宸ヤ綔鎯呭涓紝璇存湇涓昏鏈変互涓嬪嚑绉嶆柟娉曘��</p>
+ <p>1.铻嶆儏鍔ㄥ績娉�</p>
+ <p>
+ 鈥滃姩浜哄績鑰呰帿鍏堜簬鎯呫�傗�濆啺鍐风殑鎬佸害銆佸叕浜嬪叕鍔炵殑瑷�杈烇紝閮戒細寮曡捣瀵规柟鐨勯�嗗弽蹇冪悊銆傚湪鏈嶅姟宸ヤ綔涓紝鎴戜滑闇�瑕佹梾瀹㈤厤鍚堟椂锛岄兘瑕佸厛鑾峰彇鏃呭鐨勪俊浠讳笌鏀寔銆傝繖鏃讹紝涓烘梾瀹㈡彁渚涗竴浜涘府鍔╋紝寮曞瀵规柟鍊捐瘔鑷繁鐨勭儲鎭硷紝閮藉彲浠ュ揩閫熸媺杩戞垜浠笌鏃呭鐨勮窛绂伙紝浠庤�岃鏃呭绉瀬閰嶅悎鎴戜滑鐨勫伐浣溿�傛病鏈夊績鐞嗕笂鐨勬矡閫氬仛鍩虹锛屽嵆浣挎湁鐞嗭紝涔熷緢闅鹃『鍒╄揪鍒拌鏈嶇殑鐩殑銆�
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">璇█鐨勫樊寮�</span></p>
+ <p>
+ 涓�浣嶄箻鍔￠暱娌夌潃鑴稿涓�涓繜鍒颁簡涓�鍒嗛挓鐨勪箻鍔″憳鍘夊０璇达細鈥滆繜鍒颁簡!鎵ｉ挶锛佲�濇妸杩熷埌鐨勪箻鍔″憳璇村摥浜嗐��
+ </p>
+ <p>
+ 鍙︿竴浣嶄箻鍔￠暱鍦ㄥ悓鏍风殑鎯呭喌涓嬭锛氣�滀綘杩欎笣宸句粖澶╂墦寰楃湡涓嶉敊銆備絾鏄繜鍒板暒锛岃刀绱у幓鎶婅惤涓嬬殑宸ヤ綔琛ヤ笂銆傗��
+ </p>
+ <p>
+ 杩樻湁涓�浣嶄箻鍔￠暱缁嗗０缁嗚鍦拌锛氣�滃埆鐫�鎬ワ紝鐪嬩綘璺戝緱涓婃皵涓嶆帴涓嬫皵锛屽噯鏄湁浠�涔堟�ヤ簨鑰借浜嗗惂锛岃刀绱у伐浣溿�傗��
+ </p>
+ <p>
+ 涓変綅涔樺姟闀跨殑鐩殑閮芥槸涓�鏍风殑锛屽彲鏄瑷�鐨勫樊寮傚嵈浣垮緱缁撴灉瀹屽叏涓嶅悓銆傜涓�浣嶆槑鏄鹃潪甯告秷鏋併�傜浜屼綅涓嶄粎鎵硅瘎浜嗭紝杩樿惤鍦ㄤ簡瀹為檯宸ヤ綔涓娿�傜涓変綅鍏虫��澶囪嚦锛岃浜烘劅鍔ㄣ��
+ </p>
+ </div>
+ <p>2.鍊熸璇村郊娉�</p>
+ <p>
+ 鍊熸璇村郊鏄寚鍒╃敤涓や釜浜嬬墿涔嬮棿鐨勬煇涓�鐩镐技鐐癸紝鍊熺敳浜嬬墿璇存槑涔欎簨鐗╋紝杩欑鏂规硶寰�寰�閫氫織鏄撴噦鑰屼笖鍏锋湁寰堝己鐨勮鏈嶅姏锛屽崄鍒嗛�傚悎琛ㄨ揪鑷繁鐨勬劅鍚岃韩鍙椼�傚父瑙佺殑濡傝埅绌烘湇鍔′汉鍛樺湪鑸彮寤惰鏃讹紝鍚戞梾瀹㈣〃绀鸿韩涓鸿埅绌烘湇鍔′汉鍛樹篃缁忓父閬亣鑸彮寤惰鐨�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="14">
+ <div v-if="showPageList.indexOf(14) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">045</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0">
+ 鎯呭喌锛岄潪甯稿奖鍝嶅伐浣溿�佺敓娲伙紝鐒跺悗浠嬬粛鑷繁鍦ㄨ繖绉嶆儏鍐典笅閫氬父濡備綍澶勭悊濂戒簨鎯呫�佸畨鎺掑ソ宸ヤ綔銆傝繖鏍凤紝灏变笉鏄珯鍦ㄦ梾瀹㈢殑瀵圭珛闈紝鑰屾槸鍜屾梾瀹㈢珯鍦ㄢ�滃悓涓�杈光�濓紝灏辫兘璁╂梾瀹㈡洿濂藉湴鎺ョ撼鑷繁锛屽線寰�鍙互椤哄埄鍦版妸鏃呭鍚戣В鍐崇溂涓嬬殑闂鐨勬柟鍚戜笂寮曞锛岃繖鏈夊姪浜庢洿濂藉湴瀹屾垚鏃呭瀹夋姎宸ヤ綔銆�
+ </p>
+ <p>3.浠ラ��涓鸿繘</p>
+ <p>
+ 鍦ㄨ鏈嶅埆浜烘椂锛岃鍏堢珯鍦ㄥ埆浜虹殑绔嬪満涓婏紝浠ラ��涓鸿繘锛屽惊寰杽璇憋紝鏈�缁堣揪鍒扮洰鐨勩�傝繖绉嶆柟娉曢渶瑕佷粠鍒汉鐨勫埄鐩婄殑瑙掑害鍑哄彂锛屽悓鏃舵妸鎻′綇鑷繁鐨勮鐐瑰拰鍘熷垯锛岀鎵跨潃娓╂煍涓斿潥瀹氱殑鎬佸害锛屼笉鍙竴鍛冲悗閫�銆傛垜浠鎬佸害鏌斿拰鍦颁紶杈捐嚜韬潥瀹氱殑绔嬪満锛屽惁鍒欏氨瀹规槗琚埆浜鸿鏈嶃��
+ </p>
+ <p>4.鏃佹暡渚у嚮娉�</p>
+ <p class="db-box">
+ <span>
+ 璇存湇涓嶄竴瀹氬叏閮介噰鍙栫洿鎺ュ嚭鍑荤殑鏂规硶锛屽彲浠ユ梺鏁蹭晶鍑汇�佹殫绀哄埆浜猴紝鍏堥伩寮�鑷繁鐨勮鐐癸紝鍜屽鏂瑰洿缁曠浉鍏宠瘽棰樺睍寮�璁ㄨ锛岃繖涔熸槸琛屼箣鏈夋晥鐨勬柟娉曚箣涓�銆傛梺鏁蹭晶鍑绘硶濡傛灉鐢ㄥ緱鎭板埌濂藉锛岃兘浣夸汉寰堝揩鎺ュ彈鎴戜滑鐨勮鐐癸紝骞朵笖蹇冩偊璇氭湇銆�
+ </span>
+ <img class="img-b openImgBox" alt="" src="../../assets/images/0057-1.jpg" />
+ </p>
+ <p>5.宸у�熷悕瑷�娉�</p>
+ <p>
+ 鍚嶈█鏄汉绫诲嚑鍗冨勾鏉ユ櫤鎱х殑缁撴櫠銆傜煭灏忕簿鎮嶇殑鍚嶈█鍑嗙‘銆佺簿缁冦�佷竴璇腑鐨勶紝寮曠敤鍚嶈█鏉ヨ鏈嶅埆浜猴紝鍏锋湁鏉冨▉鎬э紝鑳借捣鍒板緢濂界殑鏁堟灉銆�
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">涓�鏉按骞虫伅涓�鍦洪娉�</span></p>
+ <p>
+ 鏌愯埅鐝洜鏈烘鏁呴殰寤惰銆傚綋鏃舵鍊奸叿鏆戯紝鏃呭琚椃鍦ㄥ鑸遍噷锛屾病鏈夌┖璋冿紝鏃呭鐨勬儏缁殢鐫�姘旀俯鐨勫崌楂樹笉鏂彉宸�傜湅鍒拌繖绉嶆儏鏅紝涔樺姟鍛樹竴杈瑰ぇ澹板湴瑕佹眰鏃呭瀹夐潤锛屼竴杈瑰畨鎶氭梾瀹紝鍙箻鍔″憳鐨勮璇濆０瀹屽叏琚饭娌″湪鍚甸椆澹颁腑銆備竴鍚嶇敺鏃呭鎸夋嵑涓嶄綇锛屼娇鍔叉寜鍛煎彨閾冦�備箻鍔″憳鎬ュ繖璧拌繃鍘伙紝韫蹭笅韬棶浠栵細鈥滃厛鐢燂紝鎮ㄦ湁浠�涔堥渶瑕佹垜甯繖鐨勫悧锛熷ぉ杩欎箞鐑紝鎮ㄥ厛鍧愪笅鏉ヤ紤鎭紤鎭紝鍠濇澂姘村ソ鍚楋紵鈥濈劧鍚庡浠栧井寰湴绗戜簡绗戯紝閭ｄ綅鏃呭鍏堟槸鎰ｄ簡涓�涓嬶紝鎰忚瘑鍒拌嚜宸卞け鎬佸悗锛岃刀绱ф帴杩囦箻鍔″憳鐨勬按锛屽枬浜嗚捣鏉ワ紝骞跺洖浜嗗０锛氣�滆阿璋紒鈥濆叾浠栨梾瀹㈢湅鍒拌繖鏍风殑鎯呮櫙锛屾剰璇嗗埌鑷繁涔熷彛骞茶垖鐕ヤ簡锛屼簬鏄悍绾峰悜涔樺姟鍛樿姹傛彁渚涢ギ鏂欙紝涔樺姟鍛樻剦蹇湴绛斿簲浜嗭紝涓�鍦洪娉㈠氨杩欐牱寰堝揩骞虫伅涓嬫潵銆�
+ </p>
+ </div>
+ <div class="bk2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">鎷撳睍瑙嗛鈻�</span></p>
+ </div>
+ <!-- 瑙嗛 -->
+ <ul class="videos-box">
+ <li>
+ <video
+ :src="videos[0].url"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="video-border w100"
+ ></video>
+ <p class="img fl al-cn ju-cn">
+ <span>{{ videos[0].name }}</span>
+ <img
+ :src="
+ collectResourceList.includes(videos[0].md5)
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect(0)"
+ />
+ </p>
+ </li>
+ <li>
+ <video
+ :src="videos[1].url"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="video-border w100"
+ ></video>
+ <p class="img fl al-cn ju-cn">
+ <span>{{ videos[1].name }}</span>
+ <img
+ :src="
+ collectResourceList.includes(videos[1].md5)
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect(1)"
+ />
+ </p>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="15">
+ <div v-if="showPageList.indexOf(15) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">046</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <h3 id="c001" class="p-even">浠诲姟浜�<br />鐗规畩鎯呭喌鐨勬矡閫�</h3>
+ <div class="task ma-l"></div>
+ <p class="p-even">
+ 鑸┖鏈嶅姟浜哄憳鍦ㄥ伐浣滀腑鍙兘浼氶亣鍒颁竴浜涚壒娈婃儏鍐碉紝濡傛梾瀹㈤棿鍙戠敓鐭涚浘銆侀亣鍒扮揣鎬ユ儏鍐点�佹梾瀹㈣繚瑙勩�侀鏈哄欢璇瓑銆傝埅绌烘湇鍔′汉鍛橀渶瑕佸叿澶囧鐞嗚繖浜涚壒娈婃儏鍐电殑鑳藉姏銆�
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center">
+ <span class="zt-ls1">鈥滆兘涓嶈兘鎶婇鏈哄彨鍥炴潵锛熻兘涓嶈兘甯府鎴戜滑锛熲��</span>
+ </p>
+ <p>
+ <img
+ class="img-e openImgBox"
+ alt=""
+ src="../../assets/images/0058-1.jpg"
+ align="right"
+ width="120"
+ hspace="5"
+ vspace="1"
+ />
+ 杩欐槸2021骞�4鏈�30鏃ユ繁澶滃拰鐢版満鍦哄崡鏂硅埅绌哄叕鍙歌惀涓氬鍑犱綅鏃呭鐒︽�ユ眰鍔╃殑璇濊銆傚綋澶╋紝鏂扮枂鍜岀敯涓�鍚�7宀佺敺瀛╁洜鎵嬭噦琚嫋鎷夋満缁炴柇锛岄渶绱ф�ュ墠寰�涔岄瞾鏈ㄩ綈杩涜鎺ヨ噦鎵嬫湳锛岀劧鑰屽綋澶╂渶鍚庝竴鐝敱鍜岀敯椋炲線涔岄瞾鏈ㄩ綈鐨勮埅鐝凡鎸夎鍒掓帹鍑哄粖妗ワ紝鍑嗗婊戣璧烽銆傜粡杩囨矡閫氬崗璋冿紝椋炴満涓轰簡鐢峰浜屾寮�闂紝璁╃敺瀛╅『鍒╃櫥鏈猴紝鍙婃椂寰楀埌浜嗘不鐤楋紝瀹屾垚浜嗘帴鑷傛墜鏈紝韬綋鎭㈠鐘跺喌鑹ソ銆�
+ </p>
+ <p>
+ 鍦ㄨ繖娆′簨浠剁殑澶勭悊杩囩▼涓紝鑸┖鍏徃銆佹満缁勪汉鍛樸�佹梾瀹紝閮借〃鐜板嚭浜嗗鐢熷懡楂樺害鐨勫皧閲嶃�傛柇鑲㈠啀妞嶆槸鏈夋椂闄愮殑锛屽苟涓旈渶瑕侀�傚疁鐨勬俯搴︺�傛晳鍔╂柇鑲㈢敺瀛╂槸鐪熸鍦ㄤ笌鏃堕棿璧涜窇銆�
+ </p>
+ <p>
+ 鍦ㄨ繖涓�滆禌璺戞湡鈥濓紝鏈哄満宸ヤ綔浜哄憳鍗忚皟鑸嚎锛屾満缁勬矡閫氭梾瀹紝101鍚嶆梾瀹㈡病鏈変竴涓汉涓嶆効鎰忥紝鏁翠釜杩囩▼鐪熸鍋氬埌浜嗕互浜轰负鏈�傜礌涓嶇浉璇嗙殑浜烘効鎰忓湪瑙勫垯涔嬪鑰冭檻浜烘儏锛岀敤鏈�鐭殑鏃堕棿锛屼竴璧锋晳鍔╀簡涓�涓瀛愩��
+ </p>
+ </div>
+ <p class="p-even">
+ 鑸┖鏈嶅姟浜哄憳闄や簡瑕佹湁娓婂崥鐨勭煡璇嗐�佽瘹鎭崇殑鏈嶅姟鎬佸害銆佷笓涓氱殑鏈嶅姟鎶�鑳斤紝杩樿鎺屾彙涓�浜涚壒娈婃儏鍐典笅鐨勬矡閫氭妧宸э紝瑕佺敤鐖卞績鍜屾櫤鎱ф壆婕旀弧瓒虫梾瀹㈤渶瑕佺殑瑙掕壊銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="16">
+ <div v-if="showPageList.indexOf(16) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">047</li>
+ </ul>
+ <div class="bodystyle">
+ <h3 id="c017">
+ <span class="h3-zt">涓�銆�</span
+ ><span class="h3-zt1">鐗规畩鎯呭喌涓嬬殑娌熼�氭妧宸�</span>
+ </h3>
+ <h4 id="d032">锛堜竴锛夊洖绛旀晱鎰熸垨灏村艾闂鐨勬妧宸�</h4>
+ <p>
+ 鏃呭鏉ヨ嚜涓嶅悓鐨勫湴鏂癸紝鏈夌潃涓嶅悓鐨勫叴瓒ｇ埍濂斤紝鎻愬嚭鐨勯棶棰樹篃鏄簲鑺卞叓闂紝鍦ㄨ繖鏍风殑鎯呭喌涓嬶紝鏄惁鎺屾彙涓�瀹氱殑鍥炵瓟闂鐨勬妧宸т篃灏辨垚涓鸿 閲忚埅绌烘湇鍔′汉鍛樻矡閫氳兘鍔涢珮浣庣殑涓�涓爣鍑嗐�傝埅绌烘湇鍔′汉鍛樺湪鍥炵瓟闂鏃讹紝瀵逛簬鍘熷垯鎬ч棶棰樿鍋氬埌鏄潪鍒嗘槑锛屽鍦ㄥ洖绛斾竴浜涙秹鍙婃皯鏃忓皧涓ャ�佸浗瀹跺舰璞＄殑闂鏃讹紝涓�瀹氳鍧氭寔鍘熷垯锛岀粰浜堟槑纭殑鍥炵瓟銆傚浜庢梾瀹㈡彁鍑虹殑姣旇緝鍒侀捇鐨勯棶棰橈紝鍙噰鍙栤�滄洸绾垮洖閬库�濈殑鏂瑰紡鍥炲鏃呭锛屾瘮濡傚彲閲囩敤鍙嶉棶鐨勬柟寮忥紝鎶婇棶棰樿繑缁欏鏂广�備緥濡傦紝涓�娆￠鏈哄湪閫旂粡娌冲寳鎵垮痉鏃讹紝鏈変竴鍚嶅鍥芥梾瀹㈤棶锛氣�滄壙寰蜂互鍓嶆槸钂欏彜鏃忓眳浣忕殑鍦版柟锛屽洜涓哄畠鍦ㄩ暱鍩庝互澶栵紝瀵瑰悧锛熲�濅箻鍔″憳鍥炵瓟锛氣�滄槸鐨勶紝鐜板湪鎵垮痉鐨勬煇涓潙钀借繕鏄挋鍙よ鍚嶅瓧銆傗�濊鏃呭鍙堥棶锛氣�滈偅涔堬紝鍙笉鍙互杩欐牱璇达紝鐜板湪姹夋棌渚电暐浜嗚挋鍙ゆ棌鐨勫湴鐩樺憿锛熲�濅箻鍔″憳鍥炵瓟锛氣�滀笉锛岃繖搴旇鍙皯鏃忎氦铻嶃�備腑鍥界殑鍖楁柟鏈夋眽鏃忎汉锛屽悓鏍峰崡鏂逛篃鏈夎挋鍙ゆ棌浜恒�傚氨鍍忓緢澶氬浗瀹朵竴鏍凤紝涓浗鏄竴涓姘戞棌鍥藉锛岃繖鏄绉嶅師鍥犻�犳垚鐨勶紝骞朵笉鏄镜鐣ャ�傗��
+ </p>
+ <h4 id="d033">锛堜簩锛夋梾瀹箣闂村彂鐢熺籂绾风殑璋冭В鎶�宸�</h4>
+ <p>
+ 鏃呭涔嬮棿鍙戠敓绾犵悍鏃讹紝鑸┖鏈嶅姟浜哄憳涓嶅彲缃箣涓嶇悊锛岃�屽簲璇ヨ鎯呭喌閲囩敤涓�瀹氱殑璋冭В鎶�宸э紝甯姪鏃呭瑙ｅ喅绾犵悍銆傝繖浜涙妧宸у寘鎷繚鎸佸喎闈欍�佽�愬績鑱嗗惉銆佸鎵惧叡鍚屽埄鐩娿�佸缓绔嬩俊浠汇�侀�傚綋濡ュ崗绛夈��
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">宸ц搴斿彉</span></p>
+ <p>
+ 涔樺姟鍛樺皬鐜嬪垰缁欏潗鍦�43C鐨勬梾瀹㈠姞濂借尪姘达紝鏀惧湪灏忔鏉夸笂锛屾病鎯冲埌灏辫鍧愬湪42C鐨勬梾瀹㈤噸閲嶆斁涓嬬殑搴ф闈犺儗纰板�掍簡銆傝繖鏉按鐩存帴娲掑湪浜�43C鏃呭鐨勫ぇ鑵夸笂锛屼笂鍗婇儴鍒嗚￥鑵块兘婀夸簡锛岃�屽潗鍦�42C鐨勬梾瀹㈣繕涓嶇煡閬撹韩鍚庡彂鐢熺殑浜嬫儏锛屼緷鏃у畨鐒跺湴浼戞伅鐫�銆傚潗鍦�43C鐨勬梾瀹㈠崄鍒嗙敓姘旓紝浼告墜灏卞噯澶囧幓鎺ㄦ鑳岋紝瑕佸拰鍓嶆帓鐨�
+ </p>
+ <p>
+ <img
+ class="openImgBox"
+ width="36%"
+ src="../../assets/images/0059-1.jpg"
+ align="right"
+ hspace="5"
+ vspace="1"
+ />
+ 鏃呭鐞嗚锛岃繖涓�骞曟伆濂借灏忕帇灏芥敹鐪煎簳锛屽ス鍙婃椂鎷︿綇浜嗗潗鍦�43C鐨勬梾瀹㈢殑鎵嬶紝骞惰刀绱х敤鎵嬩腑鐨勫皬姣涘肪甯粬鎿︽嫮锛屽悓鏃惰閬擄細鈥滆繖浣嶅厛鐢燂紝鎬庝箞绉板懠鎮紵杩欎釜灏忓け璇儲璇锋偍澶氭媴寰咃紝鎴戜滑浼氱粰鎮ㄤ竴涓弧鎰忕殑缁撴灉锛岃阿璋㈡偍鐨勯厤鍚堛�傚笇鏈涢�氳繃杩欎釜鎻掓洸锛屾湁缂樹笌鎮ㄧ浉璇嗐�傗�濇梾瀹㈠惉鍚庝笉绂佺О璧為亾锛氣�滀綘鍙湡浼氳璇濆晩!鈥濆皬鐜�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="17">
+ <div v-if="showPageList.indexOf(17) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">048</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <p class="td-0">
+ 鎺ョ潃璇达細鈥滀織璇濊锛屸�樼櫨骞翠慨寰楀悓鑸规浮鈥欙紝鍜变滑杩欎竴椋炴満鐨勫彲閮芥槸鏈夌紭浜哄晩锛屾偍鍗冧竾鍒線蹇冮噷鍘汇�傛偍鏈夊鐢ㄧ殑瑁ゅ瓙鍚楋紵鎴戝甫鎮ㄥ幓鍗敓闂存洿鎹竴涓嬪惂銆傗�濊繖浣嶆梾瀹㈠惉瀹屽悗锛屼竴涓姴鍦拌锛氣�滄垜娌′簨锛屾病浜嬶紝楹荤儲浣犲暒銆傗�濇渶鍚庤繖浣嶆梾瀹㈣〃绀鸿鍦ㄦ剰瑙佹湰涓婂灏忕帇鐨勬湇鍔¤繘琛岃〃鎵�傚墠闈㈢殑鏃呭鍚埌浜嗚繖鐣璇濓紝鐭ラ亾璺熻嚜宸辨湁鍏筹紝鍗佸垎涓嶅ソ鎰忔�濆湴杩涜浜嗛亾姝夈�備箻鍔″憳鐨勫阀璇簲鍙樺氨杩欐牱涓哄嚭鐜版棤蹇冧箣澶辩殑鏃呭鎻愪緵浜嗗彴闃讹紝鍖栬В浜嗕竴娆′簤绔紝璧㈠緱浜嗙殕澶ф鍠滅殑灞�闈€��
+ </p>
+ </div>
+ <h4 id="d034">
+ 锛堜笁锛夊強鏃朵负鏃呭浼犻�掑悇绉嶄俊鎭紝鎶婃湇鍔″仛鍦ㄦ梾瀹㈠紑鍙ｄ箣鍓�
+ </h4>
+ <p>
+ 鍙婃椂鏄竴绉嶆槑瀵熺姣殑鑳藉姏锛屽叿浣撹〃鐜颁负鍙婃椂鍙戠幇鏃呭鐨勭粏灏忓彉鍖栵紝鐢ㄥ績浣撹创锛屽杽瑙ｄ汉鎰忥紝鎬ユ梾瀹箣鎵�鎬ワ紝鎯虫梾瀹箣鎵�鎯筹紝鐢氳嚦鍦ㄦ梾瀹㈡湰浜鸿繕鏈槑纭剰璇嗗埌浠栨墍闇�瑕佺殑鏈嶅姟鏃讹紝灏变富鍔ㄤ负鏃呭鎻愪緵鐩稿叧鏈嶅姟锛屽府鍔╂梾瀹㈣В鍐充粬鎵�闈复鐨勯棶棰樸�備紭绉�鐨勮埅绌烘湇鍔′汉鍛樿兘澶熶笌鏃呭鍙栧緱蹇冪伒涓婄殑娌熼�氾紝浠庤�岃鏃呭婊℃剰锛屽苟璁╂梾瀹㈡劅鍒版俯棣ㄣ��
+ </p>
+ <h4 id="d035">锛堝洓锛変弗鑲冨寰呮梾瀹㈤棿鐨勭煕鐩�</h4>
+ <p>
+ 鍦ㄩ鏈轰笂鍙戠敓鑲綋鍐茬獊涓嶆槸涓�浠跺皬浜嬶紝鑰屾槸褰卞搷椋炶瀹夊叏鐨勫ぇ浜嬨�傛瘡涓�鏋堕鏈哄湪璧烽鍓嶏紝浜哄憳閰嶆瘮銆佽揣鐗╄杞界姸鍐甸兘瑕佺粡杩囦弗鏍肩殑娴嬬畻锛屽敖閲忚椋炴満鍦ㄩ琛屾椂淇濇寔骞宠 濮挎�併�備竴鏃﹂鏈轰笂鏈夋梾瀹㈠彂鐢熸縺鐑堢殑鑲綋鍐茬獊锛屽鏋滃啀鍔犱笂鍑犱釜浜哄姖鏋讹紝椋炴満鐨勫钩琛″Э鎬佸氨鍙兘浼氬彈鍒板奖鍝嶏紝涓ラ噸鏃剁敋鑷冲彲鑳藉鑷撮鏈哄け浜嬨��
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center">
+ <span class="zt-ls1">鏃呭鎵撴灦锛岃鍋氬ソ鍔濊В宸ヤ綔</span>
+ </p>
+ <p>
+ 鏌愭棩涓婂崍锛屾煇鏈哄満璀︽柟鎺ュ埌鎶ヨ锛屾煇鑸┖鍏徃鑸彮鏈虹粍浜哄憳绉帮紝姝ｅ湪椋炶銆侀璁�9鏃�40鍒嗚闄嶈惤姝︽眽鐨勯鏈轰笂锛屾湁浜斿悕鏃呭鍦ㄦ墦鏋躲��
+ </p>
+ <p>
+ <img
+ class="img-e openImgBox"
+ alt=""
+ src="../../assets/images/0060-1.jpg"
+ style="float: left"
+ />
+ 鍦ㄨ埅鐝埌杈惧悗锛岃埅绔欐ゼ娲惧嚭鎵�姘戣绗竴鏃堕棿涓庤鑸彮鐨勫畨鍏ㄥ憳鍙栧緱鑱旂郴锛屽緱鐭ユ湰娆¤埅鐝敱鏄嗘槑椋炲線娌堥槼锛岀粡鍋滄姹夛紝璇ヨ埅鐝湪椋炶杩囩▼涓紝鏃呭鍒樺コ澹笌鍥涘悕鏃呭鍙戠敓鍐茬獊銆傚畨鍏ㄥ憳鍏堝悗鍑犳灏嗗弻鏂规媺寮�锛岄兘鏃犳硶鍒舵銆傛渶鍚庯紝椋炴満涓婂叾浠栨梾瀹�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="18">
+ <div v-if="showPageList.indexOf(18) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">049</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <p class="td-0">
+ 鍙備笌鍔濊В锛屽弻鏂规墠鏆傛椂鈥滃仠鐏�濄�傚畨鍏ㄥ憳鍙ソ涓�鐩村潗鍦ㄥ垬濂冲＋鏃佽竟锛屼互淇濊瘉濂圭殑瀹夊叏銆傚湪椋炴満鎶佃揪姝︽眽鍚庯紝鏈洪暱鑰冭檻鍒伴鏈洪琛岀殑瀹夊叏锛屽皢浜斿悕鎵撴灦鐨勬梾瀹㈣涓嬩簡椋炴満锛岀Щ浜ょ粰鏈哄満鍏畨鏈哄叧澶勭悊锛屽苟鍛婄煡璀︽柟锛屼粬宸插彇娑堣繖浜斿悕鏃呭涔樺潗璇ヨ埅鐝殑璧勬牸銆�
+ </p>
+ </div>
+ <h3 id="c018">
+ <span class="h3-zt">浜屻��</span
+ ><span class="h3-zt1">澶勭悊鍐茬獊鐨勫師鍒�</span>
+ </h3>
+ <h4 id="d036">锛堜竴锛夊喎闈欑儹鎯�</h4>
+ <p>
+ 鍐烽潤锛氶潰瀵瑰啿绐佹椂瑕佸仛鍒板ご鑴戝喎闈欙紝涓嶆劅鎯呯敤浜嬶紝瑕佽涓虹悊鏅猴紝鎯呯华绋冲畾锛屾嘲鐒跺涔嬶紝涓嶆�ヨ簛锛屼笉鏆磋烦濡傞浄锛屼笉鍞囨灙鑸屽墤銆�
+ </p>
+ <div>
+ <img class="openImgBox" src="../../assets/images/0061-1.jpg" align="right" width="35%" />
+ <p>鐑儏锛氭�佸害鐑儏锛屼笉鍐疯惤锛屼笉鎸囪矗銆�</p>
+ <h4 id="d037">锛堜簩锛夎瘹淇″皧閲� </h4>
+ <p>璇氫俊锛氬鍏徃璐熻矗锛屽鏃呭璐熻矗锛屽绀句細璐熻矗銆�</p>
+ <p>灏婇噸锛氭暚浜鸿�咃紝浜烘亽鏁箣锛岃灏婇噸姣忎竴浣嶆梾瀹€��</p>
+ </div>
+ <h4 id="d038">锛堜笁锛夊悎娉曚緷绔�</h4>
+ <p>澶勭悊鍐茬獊鏃讹紝瑕佷緷鎹埅绌烘硶寰嬨�佹硶瑙勪互鍙婅埅绌哄叕鍙稿悇绫昏绔犲埗搴︺��</p>
+ <div>
+ <img class="openImgBox" src="../../assets/images/0061-2.jpg" align="left" width="35%" hspace="10" />
+ </div>
+ <h4 id="d039">锛堝洓锛夊瀹瑰弸鍠�</h4>
+ <p class="pr-15" >
+ 鍦ㄤ汉闄呬氦寰�杩囩▼涓紝瑕佽兘澶熶綋浼氫粬浜虹殑鎯呯华鍜屾兂娉曪紝鐞嗚В浠栦汉鐨勭珛鍦哄拰鎰熷彈骞剁珯鍦ㄤ粬浜虹殑瑙掑害鎬濊�冨拰澶勭悊闂锛屼篃灏辨槸鎹綅鎬濊�冦�佽韬鍦般�佸皢蹇冩瘮蹇冦�傚畠鍖呮嫭锛氣憼閬囧埌闂瑕佸敖閲忎簡瑙ｅ苟閲嶈鏃呭鐨勬兂娉曪紝杩欐牱灏辫兘鏇村鏄撳湴鎵惧埌瑙ｅ喅鏂规锛屽挨鍏舵槸鍦ㄥ彂鐢熺籂绾锋垨璇В鏃讹紝濡傛灉鑳芥妸鑷繁鏀惧湪鏃呭鐨勫澧冧腑鎯充竴鎯筹紝涔熻灏卞彲浠ヤ簡瑙ｆ梾瀹㈢殑绔嬪満鍜屽垵琛凤紝杩涜�屾眰鍚屽瓨寮傘�佽В鍐崇籂绾锋垨娑堥櫎璇В銆傗憽鐞嗚В鏃呭锛屽�惧惉鍜屼簡瑙ｆ梾瀹㈢殑闇�姹傦紝绔欏湪鏃呭鐨勮搴︾湅闂锛屼綋璋呮梾瀹紝瀹炵幇鏈夋晥娌熼�氥�傚湪瑙ｅ喅闂鏃跺彲閫傚綋骞介粯锛屾�佸害搴旂湡璇氬弸鍠勩��
+ </p>
+ <p>鍚煶杈ㄥ舰鈥斺�斿惉锛氬杽浜庤亞鍚��</p>
+ <p>璇█绀艰矊寰椾綋鈥斺�旇锛氶�傚綋骞介粯銆�</p>
+ <p>鎬佸害鐪熻瘹鍙嬪杽銆�</p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="19">
+ <div v-if="showPageList.indexOf(19) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">050</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <h3 id="c019" class="p-even" >
+ <span class="h3-zt">涓夈��</span
+ ><span class="h3-zt1">璋冭В绾犵悍鐨勫悇绉嶆妧宸�</span>
+ </h3>
+ <h4 id="d040" class="p-even">锛堜竴锛夊悓鐞嗗績娉�</h4>
+ <p class="p-even">
+ 椤惧悕鎬濅箟锛屽悓鐞嗗績娉曞氨鏄�氳繃璇█鍜岃涓轰妇姝㈢殑娌熼�氭柟寮忓悜鏃呭琛ㄨ揪閬楁喚銆佸悓鎯咃紝鐗瑰埆闇�瑕佸己璋冪殑鏄紝杩欐槸鍦ㄦ梾瀹㈡劅鍒版劋鎬掑拰濮斿眻鏃剁殑涓�绉嶇簿绁炲畨鎱版柟娉曘��
+ </p>
+ <p class="p-even">鐢ㄨ涓句緥锛�</p>
+ <p class="p-even">路鎴戣兘鏄庣櫧鎮ㄤ负浠�涔堣寰楅偅鏍封�︹��</p>
+ <p class="p-even">路鎴戣兘鐞嗚В鎮ㄧ幇鍦ㄧ殑鎰熷彈鈥︹��</p>
+ <p class="p-even">路閭ｄ竴瀹氶潪甯搁毦杩団�︹��</p>
+ <p class="p-even">路鎴戝姝ゆ劅鍒伴仐鎲锯�︹��</p>
+ <img class="img-k openImgBox" src="../../assets/images/0062-1.jpg" align="left" hspace="5" />
+ <h4 id="d041">锛堜簩锛夆�滀笁鏄庢不娉曗��</h4>
+ <p>
+ 鈥滀笁鏄庢不娉曗�濇槸涓庢梾瀹㈡矡閫氭椂閬垮厤璇粹�滀笉鈥濈殑鏂规硶锛岄�傜敤浜庝笌鏃呭鍗忓晢瑙ｅ喅鏂规鍜屾梾瀹㈠瑙ｅ喅鏂规涓嶆弧鎰忕瓑鎯呭喌銆�
+ </p>
+ <p>涓夋槑娌诲嵆涓ょ墖闈㈠寘澶圭伀鑵裤�傗�滀笁鏄庢不娉曗�濆氨鏄袱鐗団�滈潰鍖呪�濆す鎷掔粷銆�</p>
+ <p>
+ 绗竴鐗団�滈潰鍖呪�濇槸鈥滄垜鍙互鍋氱殑鏄�︹�︹�濓紝鎰忓湪鍛婅瘔鏃呭锛屼綘浼氭兂灏戒竴鍒囨柟娉曟潵甯姪浠栵紝浣犲彲浠ユ彁渚涗竴浜涘彲閫夋嫨鐨勮鍔ㄧ粰鏃呭锛岃櫧鐒惰繖浜涘彲鑳戒笉鏄粬鎯宠鐨勶紝浣嗘湁鍔╀簬鍑忚交鏃呭娌抚鐨勫績鐞嗘劅瑙夈��
+ </p>
+ <p>
+ 绗簩鐗団�滈潰鍖呪�濇槸鈥滄偍鑳藉仛鐨勬槸鈥︹�︹�濓紝鎰忓湪鍛婅瘔鏃呭锛屼綘宸叉帶鍒朵簡涓�浜涙儏鍐电殑缁撴灉锛屽悓鏃跺悜鏃呭鎻愬嚭涓�浜涘彲琛岀殑寤鸿锛屼緵鏃呭鍙傝�冦��
+ </p>
+ <img class="img-k openImgBox" src="../../assets/images/0062-2.jpg" align="left" hspace="5" />
+ <h4 id="d042">锛堜笁锛夎皡瑙ｆ硶</h4>
+ <p>
+ 璋呰В娉曟槸涓�绉嶅悜鏃呭琛ㄧず姝夋剰锛屽畨鎶氬叾鎯呯华锛屽敖閲忕敤鏃呭鑳藉鎺ュ彈鐨勬柟寮忓彇寰楁梾瀹㈢殑璋呰В鐨勬柟娉曘��
+ </p>
+ <p>
+ 璋呰В娉曚娇鐢ㄧ殑鎶�宸у氨鍦ㄤ簬娌熼�氭椂浠ュ悓鎰忓彇浠ｅ弽瀵癸紝浠ユ洿濂藉湴涓庢梾瀹㈡矡閫氾紝浠庤�岃幏寰楁梾瀹㈢殑璁ゅ悓銆傝繖绉嶆柟娉曢�傜敤浜庝笌鏃呭鍗忓晢瑙ｅ喅鏂规鍜屾梾瀹㈠瑙ｅ喅鏂规涓嶆弧鎰忕瓑鎯呭喌銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="20">
+ <div v-if="showPageList.indexOf(20) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">051</li>
+ </ul>
+ <div class="bodystyle">
+ <p>鐢ㄨ涓句緥锛�</p>
+ <p>路閬垮厤璇达細鈥滄偍璇村緱寰堟湁閬撶悊锛屼絾鏄�︹�︹��</p>
+ <p>路鍙互璇达細鈥滄垜寰堝悓鎰忔偍鐨勮鐐癸紝鍚屾椂鎴戜滑鑰冭檻鍒扳�︹�︹��</p>
+ <h4 id="d043">锛堝洓锛夌揣鎬ユ儏鍐典笅鐨勮鏈嶆妧宸�</h4>
+ <p>
+ 璇存湇涓嶆槸浠跺鏄撶殑浜嬫儏锛屽彲鑳介亣鍒扮绉嶆湁褰€�佹棤褰㈢殑鎶楁嫆銆傚鑸彮涓婂嚭鐜颁笉瑙勮寖琛屼负鐨勬梾瀹紝瑕佽鏈嶅叾鏈夋晥鏀规锛岃繖涓嶄粎瑕佹眰璇存湇鑰呯殑浜哄搧浠や汉淇℃湇锛岃�屼笖瑕佷互瀵规柟鍏冲績鐨勪簨涓鸿瘽棰橈紝绗﹀悎瀵规柟鐨勭悊瑙ｆ�濊矾銆備竴鑸潵璇达紝搴斾粠璧炶祻鍜岄紦鍔卞紑濮嬶紝缁欏鏂圭暀鏈夐潰瀛愶紝璁╁鏂硅兘澶熺悊瑙ｈ鏈嶈�呯殑闅惧鍜岃埅绌哄叕鍙哥殑瑙勫畾锛岃浣胯皥璇濈殑姘旀皼淇濇寔铻嶆唇銆�
+ </p>
+ <h4 id="d044">锛堜簲锛夊杩濊鏃呭鐨勮鏈嶆妧宸�</h4>
+ <img class="img-l openImgBox" src="../../assets/images/0063-1.jpg" align="right" hspace="5" />
+ <p>
+ 鍦ㄦ梾瀹㈣繚鍙嶅畨鍏ㄨ瀹氭椂锛岃鍙婃椂鍒舵锛岃繕瑕佹敞鎰忔柟娉曪紝灏介噺閬垮厤婵�鍖栫煕鐩撅紝鍚﹀垯鍙細閫犳垚鏇村鍐茬獊銆�
+ </p>
+ <p>
+ 渚嬪锛屾寜鐓ц埅绌哄叕鍙哥殑瑙勫畾锛屼笉鍏佽绉佽嚜绌挎晳鐢熻。銆傚彲鏈夌殑鏃呭鍦ㄤ箻鍔″憳婕旂ず鏃朵細闈炲父濂藉锛屾兂瑕佹妸鏁戠敓琛ｆ嬁鍑烘潵锛岃繖鏃朵箻鍔″憳瑕佺珛鍗冲埗姝㈠苟杩涜璇存湇鏁欒偛锛岃鏄庡埄瀹冲叧绯汇�傚彲鍏堜粠鏃呭鐨勮搴﹀叆鎵嬶細鈥滆繖浣嶆梾瀹紝鎮ㄥソ锛佹垜寰堢悊瑙ｆ偍瀵归鏈洪潪甯稿ソ濂囩殑鎰熻銆傝繖绉嶆晳鐢熻。鏄竴娆℃�х敤鍝侊紝鎮ㄦ墦寮�鍚庤繖浠舵晳鐢熻。灏辨姤搴熶簡锛屽湪椋炴満閬囧埌鍗辨�ユ儏鍐垫椂锛屾偍鍜屼粬浜虹殑鐢熷懡瀹夊叏灏卞緱涓嶅埌淇濊瘉浜嗐�傗��
+ </p>
+ <img class="img-l openImgBox" alt="" src="../../assets/images/0063-2.jpg" align="right" hspace="5" />
+ <p>
+ 澶勭悊鎵嬫搴旇鏃呭琛屼负甯︽潵鐨勫悗鏋滐紙鏄惁鍗卞強椋炶锛夊強鏃呭琛屼负鐨勬�ц川锛堟棤鎰忔垨鏈夋剰锛夎�屽畾銆�
+ </p>
+ <p>
+ 涔樺姟鍛樺湪杩庡鏃跺簲娉ㄦ剰瑙傚療锛屽強鏃跺埗姝㈡梾瀹㈢殑涓嶅綋琛屼负銆傛瘮濡傦紝濡傛灉鏃呭宸茬粡灏嗘満涓婄殑璁惧鎷夸笅鏉ワ紝鏀句簡鑷繁鐨勮鏉庯紝涔樺姟鍛樺簲宸у鍦拌闂鏉庣殑涓讳汉鏄皝锛岀劧鍚庡府浠栨壘涓�涓Ε鍠勭殑浣嶇疆鏀剧疆琛屾潕锛屾渶鍚庣ぜ璨屽湴鍚戜粬瑙ｉ噴姝や綅缃殑鐗规畩鐢ㄩ�旓紝浠ュ緛寰楁梾瀹㈢殑鐞嗚В鍜岄厤鍚堛�傚湪澶勭悊浜嬫儏鏃跺簲椤惧叏澶у眬锛屾妸鎻″ソ鈥滃害鈥濄�傚湪鑷繁鑳藉姏鑼冨洿鍐咃紝鍙互鑷瑙ｅ喅鐨勶紝鍙簨鍚庡悜鏈洪暱姹囨姤锛屼互鍏嶅共鎵版満闀跨殑姝ｅ父宸ヤ綔锛岄伩鍏嶅洜澶勭疆杩囧害鑰岄�犳垚鑸彮寤惰銆�
+ </p>
+ <h4 id="d045">锛堝叚锛夊鐞嗛鏈哄欢璇殑鎶�宸�</h4>
+ <p>
+ 鍦ㄩ鏈哄欢璇椂锛屾梾瀹㈢殑鎯呯华鏅亶鐑﹁簛锛屼箻鍔″憳瑕佺敤鍔犲�嶅懆鍒扮殑鏈嶅姟鏉ョ紦瑙ｆ梾瀹㈢殑鐑﹁簛銆傚悓鏃讹紝瑕佸湪瑙ｉ噴鐨勮繃绋嬩腑闃愭槑鑸┖鍏徃浠ュ畨鍏ㄤ负鏍规湰锛屼互姹傚緱鏃呭鐨勭悊瑙ｅ拰鏀寔銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="21">
+ <div v-if="showPageList.indexOf(21) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">052</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center">
+ <span class="zt-ls1">涔樺姟闀胯繖鏍峰鐞嗚埅鐝欢璇�</span>
+ </p>
+ <p>椋炴満椤哄埄闄嶈惤锛屽鑸遍噷鍐嶄竴娆″搷璧蜂簡涔樺姟闀跨殑澹伴煶銆備笉杩囪繖娆★紝濂规病鏈変娇鐢ㄦ満杞芥挱闊宠澶囷紝鑰屾槸绔欏湪浜嗗拰绗竴鎺掑钩琛岀殑浜鸿閫氶亾閲屽鎵�鏈夋梾瀹㈣璇濓紝澹伴煶涓嶅ぇ锛屼絾寮傚父娓呮櫚锛氣�滄垜浠ｈ〃鏈鑸彮鐨勬墍鏈夊伐浣滀汉鍛樻劅璋㈡偍涔樺潗脳脳鑸┖</p>
+ <p class="center">
+ <img class="img-k openImgBox" src="../../assets/images/0064-1.jpg" align="right" hspace="5" />
+ </p>
+ <p class="td-0" >
+ 鍏徃鐨勭彮鏈猴紝瀵规湰娆¤埅鐝殑寤惰鍜屾湇鍔′笉鍛ㄥ埌鐨勫湴鏂癸紝鎴戜滑鍚戞偍琛ㄧず姝夋剰骞舵杩庢偍鍐嶆涔樺潗脳脳鑸┖鍏徃鐨勭彮鏈猴紝鍐嶈锛佲�濊瀹岋紝濂瑰悜鏃呭浠繁娣卞湴闉犱簡涓�韬�傛梾瀹滑閮芥劊浜嗕竴涓嬶紝绱ф帴鐫�锛屽鑸卞唴鍝嶈捣浜嗕竴闃电儹鐑堢殑鎺屽０銆�
+ </p>
+ </div>
+ <p class="center">
+ <img class="img-k openImgBox" src="../../assets/images/0064-2.jpg" align="left" hspace="5" />
+ </p>
+ <h4 id="d046">锛堜竷锛変笌鐥呬汉娌熼�氱殑鎶�宸�</h4>
+ <p>
+ 涔樺姟鍛樺湪涓庣梾浜鸿繘琛屾矡閫氭椂涓�瀹氳璁茬┒鎶�宸э紝澶氱粰浜堝鏂瑰叧蹇冨拰榧撳姳銆傛瘮濡傦紝鏈夌粡楠岀殑涔樺姟鍛樺線寰�浼氳锛氣�滀笉鐢ㄦ媴蹇冿紝鎴戜滑浼氬儚鍖绘姢浜哄憳涓�鏍风収椤句綘銆傗��
+ </p>
+ <h4 id="d047">锛堝叓锛変笌鐗规畩鏃呭娌熼�氱殑鎶�宸�</h4>
+ <p>
+ 椋炴満涓婃湁鍚勭鍚勬牱鐨勬梾瀹細瀛よ韩涓�浜虹殑鑰佸勾浜恒�佹棤鎴愪汉闄即鐨勫効绔ャ�佸甫灏忓鐨勬梾瀹€�佸瓡濡囥�佹畫鐤炬梾瀹互鍙婂叾浠栫壒娈婃梾瀹㈢瓑銆傚仛濂借繖浜涙梾瀹㈢殑鏈嶅姟宸ヤ綔锛岃浠栦滑鐨勪翰浜哄湪閫佷粬浠笂椋炴満鍚庢斁蹇冿紝浣夸粬浠畨鍏ㄥ埌杈剧洰鐨勫湴锛屾槸涓�鍚嶅悎鏍肩殑鑸┖鏈嶅姟浜哄憳鐨勮亴璐ｃ�傛妸鏈嶅姟鍋氬湪鏃呭寮�鍙ｄ箣鍓嶏紝鍗充娇浠栦滑娌℃兂鍒帮紝涔熻缁嗗績鍦板幓鍙戠幇锛屽敖鍔涘仛鍒拌创蹇冦�佸懆璇︺��
+ </p>
+ <p>
+ 涓庤�佸勾鏃呭娌熼�氭椂锛屼富鍔ㄨ闂苟鐑儏甯姪鑰佸勾鏃呭涓婁笅椋炴満锛堝韬綋杈冨ソ鐨勮�佸勾鏃呭浠ュ強澶栧浗鏃呭瑕佽鎯呭喌鑰屽畾锛夈��
+ </p>
+ <p>
+ 鍦ㄩ琛岄�斾腑锛屽簲娉ㄦ剰瑙傚療鑰佸勾浜猴紝鍦ㄤ笌鑰佸勾浜鸿璇濇椂锛岃閫熻鎱竴浜涳紝璁茶В瑕佽缁嗕竴浜涳紝韬綋瑕佺鑰佸勾浜鸿繎涓�浜涳紙鍚屾椂娉ㄦ剰涓嶈鍥犱负澹伴煶澶ぇ鑰屽奖鍝嶅叾浠栨梾瀹級銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="22">
+ <div v-if="showPageList.indexOf(22) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">053</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">浣犱滑鐨勬湇鍔″緢濂�</span></p>
+ <p>
+ 鍦ㄦ煇鑸彮涓婏紝鏃呭寮�濮嬬櫥鏈猴紝涔樺姟鍛樼珯鍦ㄥ墠鑸辫繋瀹紝鐪嬭涓�浣嶈�佸ザ濂舵彁鐫�涓�涓ぇ绠卞瓙鑹伴毦鍦拌蛋杩涙潵銆備箻鍔″憳绔嬪嵆杩庝笂鍘伙細鈥滃ザ濂讹紝鑳借鎴戠湅涓�涓嬫偍鐨勭櫥鏈虹墝鍚楋紵鎴戝府鎮ㄦ斁琛屾潕濂藉悧锛熲�濊�佸ザ濂剁偣澶村悓鎰忓悗锛屼箻鍔″憳寮曞濂规潵鍒板ス鐨勫骇浣嶄笂锛岀劧鍚庢妸绠卞瓙涓捐捣鏉ワ紝鏀惧埌琛屾潕鏋堕噷銆傝�佸ザ濂惰繛澹拌璋㈣阿锛岃繕璇寸瀛愬お娌変簡銆備箻鍔″憳绗戠潃鍥炲簲锛氣�滄病浜嬶紝涓嶅お娌夛紝濂跺ザ鎮ㄥ厛鍧愮潃锛屾湁浜嬫偍鍙互鎸夊懠鍙搩鍙垜浠紝濂藉悧锛熲�濊�佸ザ濂剁瑧鐫�鐐瑰ご绛斿簲銆傜湅鑰佷汉杩欎箞寮�蹇冿紝涔樺姟鍛樼敱琛峰湴鏉句簡
+ </p>
+ <p class="center">
+ <img class="img-k openImgBox" alt="" src="../../assets/images/0065-1.jpg" align="right" hspace="5" />
+ </p>
+ <p class="td-0" >鍙ｆ皵銆傚湪鑸彮鍒拌揪鐩殑鍦扮殑20鍒嗛挓鍓嶏紝鑰佸ザ濂惰姹傜粰濂逛竴寮犳剰瑙佸崱锛屽懆鍥寸殑鏃呭涔熺悍绾风储瑕併�傚湪鏀跺崱鐨勬椂鍊欙紝涔樺姟鍛樼壒鎰忕湅浜嗙湅鑰佸ザ濂剁殑锛屽彧瑙佷笂闈㈠啓鐫�锛氣�滃鑸辨湇鍔″緢濂斤紝涔樺姟鍛樼儹鎯呭懆鍒般�傚綋鎴戠湅瑙佷竴涓皬濮戝鎶婃垜閭ｄ釜閲嶉噸鐨勫ぇ绠卞瓙鍚冨姏鍦版斁鍒拌鏉庢灦閲屾椂锛屾垜寰堝績鐤硷紝鐪熺殑蹇冪柤銆備綘浠殑鏈嶅姟寰堝ソ銆傗��</p>
+ </div>
+ <p>
+ 涓庝竴鑸惌涔樿埅鐝殑鎴愪汉鏃呭涓嶅悓锛屽効绔ュ湪鎼箻鑸彮鏃堕渶瑕佸綋鐝満缁勭殑涔樺姟鍛樻洿澶氱殑鍗忓姪銆佸叧蹇冧笌鐓ч【銆傚箍涔夌殑鍎跨鏃呭鍒嗕负鍥涚被锛氬┐鍎挎梾瀹€�佹湁鎴愪汉闄即鐨勫効绔ユ梾瀹€�佽埅绌哄叕鍙稿彈鎵樼収椤剧殑鏃犳垚浜洪櫔浼寸殑鍎跨鏃呭鍜屽叾浠栭渶瑕佺壒娈婄収椤剧殑鍎跨鏃呭銆傜嫮涔夌殑鍎跨鏃呭涓嶅寘鎷┐鍎挎梾瀹€��
+ </p>
+ <p class="center">
+ <img class="img-k openImgBox" src="../../assets/images/0065-2.jpg" align="right" hspace="5" />
+ </p>
+ <p>
+ 濠村効鏃呭锛堝悇鑸┖鍏徃瀵瑰┐鍎挎梾瀹㈠勾榫勭殑瑙勫畾鏈変竴瀹氱殑宸埆锛夊熀鏈笂鏄敱鐖舵瘝绛夐櫔鍚屽嚭琛岀殑锛屽洜姝ょ浉瀵规潵璇翠笉浼氱粰涔樺姟鍛樼殑宸ヤ綔甯︽潵澶ぇ鐨勫帇鍔涖�備笉杩囷紝瀵瑰┐鍎挎梾瀹㈢殑鐓ч【锛屼箻鍔″憳杩樻槸闇�瑕佹敞鎰忎竴浜涖��
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">濠村効鏃呭鐨勫鑸辨湇鍔�</span></p>
+ <p>
+ 濡傛灉鑸彮涓婃湁濠村効鏃呭锛屽湪鏃呭鐧绘満鍚庯紝涔樺姟鍛樿鍦ㄧ涓�鏃堕棿鍚戝叾鐖舵瘝锛堟垨闅忚鏃呭锛夊姘斿湴璇㈤棶鍦ㄩ琛屾湡闂寸殑瀹㈣埍鏈嶅姟杩囩▼涓湁娌℃湁闇�瑕佺壒鍒敞鎰忕殑闂锛堝濂剁摱鍐茬亴銆佷复鏃跺┐鍎跨敤鐫″搧绛夛級銆傛彁鍓嶄簡瑙ｈ繖浜涢棶棰橈紝瀵逛腑銆侀暱閫�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="23">
+ <div v-if="showPageList.indexOf(23) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">054</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <p class="td-0">鑸彮涓婄殑濠村効鏃呭鏈嶅姟宸ヤ綔鏉ヨ灏や负閲嶈銆�</p>
+ <p>
+ 鍦ㄩ鏈鸿捣椋炲悗锛岃鍦ㄧ涓�鏃堕棿鍚戝叾鐖舵瘝锛堟垨闅忚鏃呭锛夊姘斿湴璇㈤棶濠村効鐨勫喎鏆栨儏鍐碉紝浠ヤ究绗竴鏃堕棿涓哄┐鍎挎梾瀹㈡坊鍔犲┐鍎跨敤鐫℃绛変繚鏆栧搧銆�
+ </p>
+ <p>
+ 鍦ㄩ鏈鸿捣椋炲悗锛屽甯﹀┐鍎跨殑鏃呭鎵撳紑浜嗗┐鍎夸笓鐢ㄧ殑鐫¤溅鎴栫潯绡紝涓�瀹氳娉ㄦ剰淇濊瘉鐫¤溅鎴栫潯绡浐瀹氱墷鍥猴紝杩樿娉ㄦ剰鍦ㄦ杩囩▼涓皢鍏跺櫔澹伴檷鑷虫渶浣庯紝浠ュ厤鎵撴壈鍛ㄨ竟鏃呭銆�
+ </p>
+ <p>
+ 鍦ㄤ负甯﹀┐鍎跨殑鏃呭鍑嗗鎵�闇�瑕佺殑楗搧锛堟垨椁愰锛夋椂锛岃灏ゅ叾娉ㄦ剰鍔犵儹鏃堕棿銆佸懗閬撳強椁愰ギ鍣ㄥ叿绛夋柟闈€�傝鐗瑰埆娉ㄦ剰锛屼竴瀹氫笉瑕佹妸濠村効鐨勯楗墿鍔犵儹鏃堕棿澶暱锛屼互鍏嶉�犳垚鐑激绛夐棶棰橈紝鑰屼笖涓�瀹氳閬垮厤浣跨敤閿嬪埄鐨勯楗櫒鍏枫��
+ </p>
+ <p>
+ 鍦ㄩ琛岃繃绋嬩腑锛岃姣忛殧涓�娈垫椂闂村悜鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級瀹㈡皵鍦拌闂湁鏃犻渶瑕佸府蹇欑殑鍦版柟锛屼絾鍚屾椂涓嶈杩囧鎵撴壈鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級鍙婂懆鍥存梾瀹€��
+ </p>
+ <p>
+ 鍦ㄩ鏈轰笂锛屼竴鏃﹀惉鍒板┐鍎挎梾瀹㈠摥娉ｆ垨鏈夊叾浠栧紓鏍峰０鍝嶏紝涔樺姟鍛樺簲璇ョ涓�鏃堕棿鍓嶅線鏌ョ湅锛屼互渚胯兘鍦ㄦ渶鐭殑鏃堕棿鍐呬负鍏舵彁渚涚浉搴旂殑鏈嶅姟鎴栨墍闇�鐗╁搧銆�
+ </p>
+ <p>
+ 鍦ㄥ┐鍎挎梾瀹㈢殑鐖舵瘝锛堟垨闅忚鏃呭锛夊叆鐫℃垨涓婃礂鎵嬮棿鏈熼棿锛屼箻鍔″憳瑕佸府蹇欑収鐪嬪┐鍎挎梾瀹紝浠ュ厤鍑虹幇闂銆�
+ </p>
+ <p>
+ 鍦ㄤ箻鍔″憳閫侀銆侀ギ鍝佹垨鍏朵粬鐗╁搧缁忚繃濠村効鏃呭鏃讹紝瑕佹敞鎰忓敖閲忓皢澹伴煶闄嶈嚦鏈�浣庯紝鏇磋瀵瑰┐鍎挎梾瀹㈢殑瀹夊叏澶氬姞鐣欐剰锛岃鐧惧垎涔嬬櫨閬垮厤璇稿鎵嬩腑鐗╁搧涓嶅皬蹇冩帀钀藉苟鐮稿帇鍦ㄥ┐鍎挎梾瀹㈣韩浣撲换浣曢儴浣嶇瓑浜嬩欢鐨勫彂鐢熴��
+ </p>
+ <p>
+ 鍦ㄨ埅鐝檷钀藉墠锛屽濠村効鏃呭浠嶅湪浣跨敤涓撶敤鐫¤溅鎴栫潯绡紝瑕佽窡鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級鍋氬ソ瑙ｉ噴宸ヤ綔锛屽強鏃跺皢鐫¤溅鎴栫潯绡敹鏀惧ソ锛屼互淇濊瘉闄嶈惤瀹夊叏銆�
+ </p>
+ <p>
+ 鍦ㄨ埅鐝檷钀藉悗锛屽鏋滃┐鍎挎梾瀹㈢殑鐖舵瘝锛堟垨闅忚鏃呭锛夊悓鎰忥紝搴斿敖閲忓畨鎺掍粬浠渶鍚庝笅椋炴満锛屼互鍏嶅湪涓嬫満杩囩▼涓濠村効閫犳垚鎰忓浼ゅ銆傛澶栵紝鍦ㄥ叾浠栨梾瀹笅鏈鸿繃绋嬩腑锛屽簲鎻愰啋鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級灏嗗┐鍎垮畨缃湪涓嶉潬杩戞満鑸辫繃閬撶殑搴т綅涓婏紝浠ュ厤鍦ㄥ叾浠栨梾瀹笅鏈虹殑杩囩▼涓嚭鐜颁换浣曟剰澶栥��
+ </p>
+ </div>
+ <p>
+ 涓庡┐鍎挎梾瀹㈡湁寰堝ぇ鐨勫樊鍒紝缁濆ぇ閮ㄥ垎鍎跨鏃呭鍙互鐙珛杩涢鎴栨椿鍔紝鍥犳锛屼粬浠熀鏈笂涓嶉渶瑕佷箻鍔″憳鎻愪緵绫讳技浜庘�滃┐鍎挎墭鎶も�濈殑鏈嶅姟銆傛澶栵紝閭ｄ簺鏈夋垚浜洪櫔浼寸殑鍎跨鏃呭锛屼竴鑸篃涓嶄細鍦ㄦ満鑸卞唴鍒堕�犲お澶氬櫔澹版垨褰卞搷鍏朵粬鏃呭銆傛墍浠ワ紝浠庡鑸辨湇鍔＄殑瑙掑害鐪嬶紝鍦ㄥ効绔ユ梾瀹腑锛屼粬浠浉瀵规潵璇存槸杈冨ソ鐓ч【鐨勭兢浣撱��
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="24">
+ <div v-if="showPageList.indexOf(24) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">055</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">鍎跨鏃呭鐨勫鑸辨湇鍔�</span></p>
+ <p>
+ 鍦ㄧ櫥鏈哄悗锛屼箻鍔″憳搴斿強鏃跺悜甯﹀効绔ユ梾瀹㈢殑鐖舵瘝锛堟垨闅忚鏃呭锛夊姘斿湴璇㈤棶鍦ㄩ琛屾湡闂寸殑瀹㈣埍鏈嶅姟涓紝鏈夋病鏈夐渶瑕佺壒鍒敞鎰忕殑闂锛堝鏄惁闇�瑕佺壒瀹氱殑楗搧绛夛級锛岃鎻愬墠浜嗚В杩欎簺闂锛岃繖鍦ㄤ腑銆侀暱閫旇埅鐝笂灏や负閲嶈銆�
+ </p>
+ <p>
+ 鍦ㄧ櫥鏈哄悗锛岃绗竴鏃堕棿鍚戝効绔ユ梾瀹㈣禒閫佽埅绌哄叕鍙镐笓涓哄効绔ユ梾瀹㈠噯澶囩殑绀煎搧锛堝彲鏍规嵁瀹為檯鎯呭喌鑰屽畾锛屾煇浜涜埅绌哄叕鍙告病鏈夋绫荤墿鍝侊級銆�
+ </p>
+ <p>
+ 涓嶈灏嗗甫鍎跨鐨勬梾瀹㈠畨鎺掑湪闈犺繎绱ф�ュ嚭鍙ｅ拰搴旀�ョ獥鍙ｇ殑浣嶇疆涓娿�傚湪椋炴満璧烽鍓嶏紝搴斿悜鍎跨鏃呭鎴栧叾鐖舵瘝锛堟垨闅忚鏃呭锛夎闂槸鍚﹂渶瑕佸彛棣欑硸绛夋湁鍔╀簬缂撹В鑰抽福鐨勭墿鍝侊紝骞惰鎻愰啋鍏剁郴濂藉畨鍏ㄥ甫銆�
+ </p>
+ <p>
+ 鍦ㄩ鏈鸿捣椋炲悗锛岃姣忛殧涓�娈垫椂闂村悜鍎跨鏃呭鏈汉鎴栧叾鐖舵瘝锛堟垨闅忚鏃呭锛夎闂槸鍚︽湁浠讳綍闇�瑕併��
+ </p>
+ <p>
+ 鍦ㄦ彁渚涢椋熸椂瑕佸緛姹傚叾鐖舵瘝锛堟垨闅忚鏃呭锛夌殑鎰忚銆傝娉ㄦ剰涓嶈閰嶅澶繃閿嬪埄鎴栧彲鑳藉鍎跨閫犳垚浼ゅ鐨勯楗櫒鍏凤紝鑰屼笖椁愰娓╁害瑕佸敖閲忛�備腑銆傚彟澶栵紝瀵瑰効绔ユ梾瀹㈡墍闇�瑕佺殑楗搧锛屾敞鎰忔彁渚涘ぇ绾︿负鎵�鐢ㄦ澂瀛愮殑涓�鍗婂閲忓嵆鍙紙鍚勪釜鑸┖鍏徃涓嶅お涓�鏍凤紝涓�鑸梾瀹㈠湪70%宸﹀彸姣旇緝鍚堥�傦級锛屼互鍏嶅嚭鐜颁笉灏忓績纰版磼绛夋儏鍐点��
+ </p>
+ </div>
+ <p>
+ 鍦ㄩ珮绌洪琛岃繃绋嬩腑锛岀┖姘斾腑姘ф皵鍑忓皯锛屾皵鍘嬮檷浣庯紝鍥犳瀛曞涔樻満闇�瑕佷竴瀹氱殑闄愬埗鏉′欢銆�
+ </p>
+ <p>
+ 鎬�瀛�32鍛ㄦ垨涓嶈冻32鍛ㄧ殑瀛曞涔樻満锛岄櫎鍖荤敓璇婃柇涓嶉�傚疁涔樻満鑰呭锛屽彲鎸変竴鑸梾瀹㈣繍杈撱��
+ </p>
+ <p>
+ 鎬�瀛曡秴杩�32鍛ㄧ殑瀛曞涔樻満锛屽簲鎻愪緵鍖呮嫭鏃呭濮撳悕銆佸勾榫勩�佹��瀛曟椂闂淬�佹梾琛岃埅绋嬪拰鏃ユ湡銆佹槸鍚﹂�傚疁涔樻満銆佸湪鏈轰笂鏄惁闇�瑕佹彁渚涘叾浠栫壒娈婄収椤剧瓑鍐呭鐨勫尰鐢熻瘖鏂瘉鏄庛��
+ </p>
+ <p>
+ 瀵逛簬棰勪骇鏈熷湪4鍛ㄤ互鍐咃紝鎴栭浜ф湡涓嶇‘瀹氫絾宸茬煡涓哄鑳庡垎濞╂垨棰勮鏈夊垎濞╁苟鍙戠棁鑰咃紝涓嶄簣鎺ュ彈杩愯緭銆�
+ </p>
+ <p>
+ 涔樺姟鍛樺湪宸ヤ綔涓細鎺ヨЕ鍒版畫鐤句汉鍙婃畫鐤句汉鏈嶅姟鑰咃紝瑕佷负浠栦滑鎻愪緵璐村績鐨勬湇鍔°�備緥濡傦紝鑸┖鏈嶅姟浜哄憳鍦ㄥ伐浣滀腑搴旈噸瑙嗗鑱嬪搼鏃呭鐨勫叧鐖憋紝鍙互瀛︿範涓�浜涘繀瑕佺殑鎵嬭锛屾瀯寤轰笌鑱嬪搼鏃呭娌熼�氱殑妗ユ銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="25">
+ <div v-if="showPageList.indexOf(25) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">056</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center">
+ <span class="zt-ls1">鍏充簬鐩蹭汉鏃呭鐨勫嚑鏉¤瀹�</span>
+ </p>
+ <p>
+ 鐩蹭汉鏃呭鏄寚鍙岀洰澶辨槑鐨勬梾瀹€�傛瘡涓�鑸彮鐨勬瘡涓�鑸涓婏紝瀵规棤瀵肩洸鐘紩璺殑鐩蹭汉鏃呭鐨勬暟閲忔湁涓�瀹氱殑闄愬埗锛岀敱搴т綅鎺у埗閮ㄩ棬璐熻矗绠＄悊鍜岄檺鍒剁洸浜烘梾瀹㈢殑鎺ユ敹浜烘暟銆�
+ </p>
+ <p>
+ 鏈変汉闄即锛堝彧闄愪互鎴愪汉鏃呭闄即鍚岃锛夌殑鐩蹭汉鏃呭鎸夋櫘閫氭梾瀹㈡帴鍙楄繍杈撱��
+ </p>
+ <p>
+ 鏈夊鐩茬姮寮曡矾鐨勭洸浜烘梾瀹㈠彲鎼哄甫瀵肩洸鐘箻鏈猴紝鍏峰涔樻満鏉′欢鐨勭洸浜烘梾瀹㈠簲鍚戠浉鍏抽儴闂ㄦ彁渚涘鐩茬姮鐨勮韩浠借瘉鏄庡拰妫�鐤瘉鏄庯紝瀵肩洸鐘拰鏃呭涓�鏍凤紝蹇呴』鎺ュ彈瀹夊叏妫�鏌ャ��
+ </p>
+ </div>
+ <h3 id="c020" class="p-even" >
+ <span class="h3-zt">鍥涖��</span
+ ><span class="h3-zt1">濡備綍涓烘梾瀹㈡湇鍔�</span>
+ </h3>
+ <h4 id="d048" class="p-even" >锛堜竴锛夎�愬績澶氫竴鐐�</h4>
+ <p class="p-even" >
+ 鍦ㄥ疄闄呯殑宸ヤ綔涓紝鑸┖鏈嶅姟浜哄憳瑕佽�愬績鑱嗗惉锛屼笉瑕佽交鏄撴墦鏂梾瀹㈢殑鍙欒堪锛屾洿涓嶈鎵硅瘎鏃呭鐨勪笉瓒筹紝瑕侀紦鍔辨梾瀹㈣繘琛屽�捐瘔锛岃浠栦滑灏芥儏瀹ｆ硠蹇冧腑鐨勪笉婊°�傚湪鑰愬績鍚畬鏃呭鐨勫�捐瘔鍜屾姳鎬ㄥ悗锛屾梾瀹㈣嚜鐒跺氨鑳藉鍚繘鍘绘湇鍔′汉鍛樼殑瑙ｉ噴鍜岄亾姝変簡銆�
+ </p>
+ <p class="center">
+ <img class="img-c openImgBox" alt="" src="../../assets/images/0068-1.jpg" />
+ </p>
+ <h4 id="d049" class="p-even" >锛堜簩锛夋�佸害濂戒竴鐐�</h4>
+ <p class="p-even">鏃呭鏈夋姳鎬ㄦ垨鎶曡瘔鎰忓懗鐫�鏃呭瀵逛紒涓氱殑浜у搧鎴栨湇鍔′笉婊℃剰銆傝埅绌烘湇鍔�</p>
+ <p class="center">
+ <img class="img-k openImgBox" alt="" src="../../assets/images/0068-2.jpg" align="left" hspace="5" />
+ </p>
+ <p class="p-even td-0" >
+ 浜哄憳鍦ㄥ鐞嗙殑杩囩▼涓鏋滀笉鍙嬪ソ锛屼細浣挎梾瀹㈢殑蹇冪悊鎰熷彈鍙婃儏缁彉宸紝鐢氳嚦鍙兘鎭跺寲涓庢梾瀹㈢殑鍏崇郴锛涘弽涔嬶紝鑻ユ湇鍔′汉鍛樻�佸害璇氭伋锛岀ぜ璨岀儹鎯咃紝鍒欎細鍑忓急鏃呭鐨勬姷瑙︽儏缁�備織璇濊鈥滀几鎵嬩笉鎵撶瑧鑴镐汉鈥濓紝鎬佸害璋﹀拰鍙嬪ソ锛屼細淇冧娇鏃呭骞冲鎯呯华锛岀悊鏅哄湴涓庢湇鍔′汉鍛樺崗鍟嗗鐞嗛棶棰樸��
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="26">
+ <div v-if="showPageList.indexOf(26) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">057</li>
+ </ul>
+ <div class="bodystyle">
+ <h4 id="d050">锛堜笁锛夊姩浣滃揩涓�鐐�</h4>
+ <p>
+ 闈㈠鏃呭鎻愬嚭鐨勯渶瑕侊紝鑸┖鏈嶅姟浜哄憳搴旇绗竴鏃堕棿缁欎簣瑙ｇ瓟锛屼笉鑳芥妸鈥滄墜澶存湁浜嬧�濆綋鍊熷彛鏉ユ帹鎵橈紝涓鸿嚜宸辨壘鐞嗙敱銆傚湪宸ヤ綔涓紝鑸┖鏈嶅姟浜哄憳鎵嬭剼瑕佸埄钀斤紝浜夊彇鍦ㄦ渶鐭殑鏃堕棿鍐呰揪鍒版渶浣崇殑鏁堟灉銆�
+ </p>
+ <h4 id="d051">锛堝洓锛夎瑷�寰椾綋涓�鐐�</h4>
+ <p>
+ 鏃呭瀵规湇鍔′笉婊★紝鍦ㄥ彂娉勭殑闄堣堪涓湁鍙兘浼氳█璇繃婵�锛屽鏋滆埅绌烘湇鍔′汉鍛樹笌涔嬮拡閿嬬浉瀵癸紝鍔垮繀鎭跺寲褰兼鐨勫叧绯汇�傚湪瑙ｅ喅闂鐨勮繃绋嬩腑锛岃埅绌烘湇鍔′汉鍛樼殑鎺緸搴斿崄鍒嗘敞鎰忥紝瑕佸悎鎯呭悎鐞嗭紝寰椾綋澶ф柟锛屼笉瑕佽鍑轰激浜鸿嚜灏婄殑璇濄�傚簲灏介噺鐢ㄥ濠夌殑璇█涓庢梾瀹㈡矡閫氾紝鍗充娇鏃呭瀛樺湪涓嶅悎鐞嗙殑鍦版柟锛屼篃涓嶈鍐插姩锛屽惁鍒欙紝鍙細璁╂梾瀹㈠け鏈涳紝浣块棶棰樻洿闅捐В鍐炽��
+ </p>
+ <p class="center">
+ <img class="img-k openImgBox" alt="" src="../../assets/images/0069-1.jpg" align="right" hspace="5" />
+ </p>
+ <h4 id="d052">锛堜簲锛夊姙娉曞涓�鐐�</h4>
+ <p>
+ 鍦ㄥ鐞嗘梾瀹㈢殑鎶曡瘔涓庢姳鎬ㄦ椂锛屼笉瑕佷竴鍛冲湴閲囩敤鎱伴棶銆侀亾姝夈�佽ˉ鍋裤�佽禒閫佸皬绀煎搧绛夋柟寮忋�傚叾瀹炶В鍐抽棶棰樼殑鍔炴硶鏈夊緢澶氾紝闄や笂杩版柟寮忓锛岃繕鍙個璇锋梾瀹㈠弬鍔犳満鍦哄唴閮ㄨ璁轰細锛屾垨鑰呯粰浠栦滑鍏朵粬琛ュ伩绛夈��
+ </p>
+ <div class="bk2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">鎷撳睍瑙嗛鈻�</span></p>
+ </div>
+ <!-- 瑙嗛 -->
+ <ul class="videos-box">
+ <li>
+ <video
+ :src="videos[2].url"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="video-border w100"
+ ></video>
+ <p class="img fl al-cn ju-cn">
+ <span>{{ videos[2].name }}</span>
+ <img
+ :src="
+ collectResourceList.includes(videos[2].md5)
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect(2)"
+ />
+ </p>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="27">
+ <div v-if="showPageList.indexOf(27) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">058</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <h3 id="c001" class="p-even">浠诲姟鍏�<br />瀛︿細濡備綍鎷掔粷</h3>
+ <div class="task ma-l"></div>
+ <p class="center">
+ <img class="img-k openImgBox" src="../../assets/images/0070-1.jpg" align="left" hspace="5" />
+ </p>
+ <p>
+ 鑸┖鏈嶅姟浣滀负涓�绉嶇壒娈婃湇鍔★紝瀵瑰畨鍏ㄤ繚闅滆姹傛瀬楂樸�傚嚭浜庡畨鍏ㄧ殑鑰冭檻锛屾湇鍔′汉鍛樻椂甯歌鎷掔粷鏃呭鐨勪笉褰撶敋鑷虫槸鏃犵悊鐨勮姹傘��
+ </p>
+ <p>
+ 鎳傚緱鐏垫椿杩愮敤鎷掔粷鐨勮瑷�鎶�宸э紝鍙互鎶婃嫆缁濆甫鏉ョ殑璐熼潰褰卞搷闄嶅埌鏈�浣庨檺搴︼紝鏃㈣兘澶熼伩鍏嶅緢澶氶夯鐑︼紝鍙堜笉浼氫激鍙婂鏂圭殑鎰熸儏涓庤嚜灏娿��
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">绯熺硶鐨勬湇鍔�</span></p>
+ <p>鏌愭満鍦哄彂鐢熻繃杩欐牱涓�璧蜂簨浠躲��</p>
+ <p>
+ 涓�浣嶆梾瀹㈠埌鐢靛瓙瀹㈢エ鏌滃彴鍙栫エ锛屽苟鍔炵悊鏀圭涓氬姟銆傛煖鍙版湇鍔′汉鍛樼‘璁ゆ満绁ㄥ凡鏇存敼鍚庯紝鍛婄煡鏃呭闇�瑕佷氦绾虫洿鏀硅垂銆傛梾瀹㈠緱鐭ュ悗琛ㄧず锛氣�滄病浜鸿杩囥�備负浠�涔堣浜わ紵鈥濇湇鍔′汉鍛樺彧濂藉啀涓夎В閲婏紝浣嗘梾瀹緷鐒朵笉鎺ュ彈銆傚湪杩欐牱鐨勬儏鍐典笅锛屾煖鍙版湇鍔′汉鍛樿浜嗕竴鍙ワ細鈥滃鏋滀綘涓嶄氦鏇存敼璐癸紝浣犱粖澶╁氨涓嶈兘鐢ㄨ繖寮犵エ鐧绘満銆傗�濊繖鍙ヨ瘽鐬棿婵�鎬掍簡鏃呭锛屾梾瀹㈡渶鍚庤繘琛屼簡鎶曡瘔銆�
+ </p>
+ <p>
+ 鍦ㄨ繖璧蜂簨浠朵腑锛岃櫧鐒舵梾瀹㈢殑瑕佹眰鏄笉绗﹀悎瑙勫畾鐨勶紝浣嗘湇鍔′汉鍛樺鏃呭鐨勬寚璐ｅ凡缁忎粠鏍规湰涓婂惁瀹氫簡鏈嶅姟銆傝櫧鐒舵姇璇夊睘浜庢棤鏁堟姇璇夛紝浣嗗鏃呭鐨勪激瀹虫槸鏃犳硶鎸藉洖鐨勩�傛敼鍙樻梾瀹㈢殑鏈�濂芥柟娉曟案杩滄槸浼樿川鐨勬湇鍔°��
+ </p>
+ </div>
+ <h3 id="c021">
+ <span class="h3-zt">涓�銆�</span
+ ><span class="h3-zt1">鎷掔粷鐨勫熀鏈柟娉�</span>
+ </h3>
+ <p>
+ 鏃犺鏄嫆缁濆埆浜鸿繕鏄鍒汉鎷掔粷锛屾渶浠や汉闅惧牚鐨勫線寰�涓嶆槸浜嬫儏娌″姙鎴愶紝鑰屾槸鑷皧琚激瀹筹紝澶变簡闈㈠瓙銆傜簿閫氭嫆缁濈殑鑹烘湳鐨勪汉锛屽線寰�鑳藉湪璇粹�滀笉鈥濈殑鍚屾椂缁欒冻瀵规柟闈㈠瓙锛屾棦杈惧埌鑷繁鐨勭洰鐨勶紝鍙堣兘涓庡鏂规垚涓洪暱涔呯殑濂芥湅鍙嬨�傚洜姝わ紝瑕佹兂宸у鍦版嫆缁濆埆浜猴紝闇�瑕佹帉鎻′竴浜涘叿浣撱�佸疄鐢ㄧ殑鏂规硶銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="28">
+ <div v-if="showPageList.indexOf(28) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">059</li>
+ </ul>
+ <div class="bodystyle">
+ <h4 id="d053">锛堜竴锛夎總鍥炲惁瀹�</h4>
+ <p>
+ 瀵逛簬瀵规柟鎻愬嚭鐨勪笉鍚堢悊鐨勮姹傦紝涓嶈鎬ョ潃鎷掔粷銆傚彲浠ュ厛琛ㄧず瀵瑰鏂圭殑鑲畾锛岃〃鏄庤嚜宸卞彲浠ユ帴鍙椾粬鐨勮鐐癸紝鐒跺悗鍐嶈總鍥炪�佸濠夊湴琛ㄨ揪鑷繁鐨勮瑙ｏ紝鎻愬嚭涓嶈兘璁ゅ悓鐨勬剰瑙併�傝繖绉嶆煍鍜岀殑鎷掔粷鏂规硶锛屽彲浠ヤ娇浠栨瘮杈冨鏄撳湴鎺ュ彈鍙嶅鐨勮鐐广��
+ </p>
+ <p>
+ 鍦ㄩ噰鐢ㄨ繖绉嶆柟娉曟嫆缁濆埆浜烘椂锛屽彲浠ヨ鈥滄槸鐨勶紝鎴戜篃杩欐牱璁や负锛屸�︹�﹂棶棰樻槸鈥︹�︹�濃�滃鍛�锛屸�︹�﹁繖鏍锋病閿欙紝浣嗘槸鈥︹�︹�濄��
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">鏃呭闇插嚭浜嗙瑧瀹�</span></p>
+ <p>
+ 鍦ㄦ煇娆¤埅鐝笂锛岄鏈哄凡缁忚繘鍏ラ檷钀介樁娈碉紝鍗敓闂村凡缁忓仠姝娇鐢ㄣ�傛鏃讹紝涓�鍚嶆梾瀹㈣В寮�瀹夊叏甯︼紝鍚戜箻鍔″憳鎻愬嚭鍒氱潯閱掞紝闇�瑕佷笂鍘曟墍鐨勮姹傘�備箻鍔″憳鑰愬績瑙ｉ噴閬擄細鈥滄偍濂斤紝鎴戜滑闈炲父鐞嗚В鎮ㄧ殑闇�姹傦紝浜烘湁涓夋�ョ紦涓嶅緱銆備絾鏄洜椋炴満涓嬮檷杩囩▼涓彲鑳戒骇鐢熼绨革紝鍏抽棴鍗敓闂存槸鍑轰簬瀹夊叏鐨勮�冭檻锛屾墍浠ュ笇鏈涙偍鍙互鐞嗚В銆傗�濆惉鍒颁箻鍔″憳鐨勮В閲婏紝璇ユ梾瀹㈠潗鍥炰簡搴т綅锛屼絾闈㈤湶涓嶆偊銆備箻鍔″憳缁х画璇撮亾锛氣�滄劅璋㈡偍鐨勭悊瑙ｏ紝璇锋偍绯诲ソ瀹夊叏甯︼紝椋炴満闄嶈惤鍚庢垜浼氬府鍔╂偍鎻愬墠涓嬫満锛岃阿璋㈤厤鍚堛�傗�濆惉鍒颁箻鍔″憳鐨勫洖绛旓紝杩欏悕鏃呭缁堜簬闇插嚭浜嗙紦鍜岀殑绗戝銆�
+ </p>
+ </div>
+ <h4 id="d054">锛堜簩锛夊紩瀵艰繘琛岃嚜鎴戝綊璋�</h4>
+ <p>
+ 褰撲笉濂界洿鎺ユ嫆缁濇梾瀹㈢殑璇锋眰鏃讹紝鍙互閲囩敤鍚戝鏂规彁闂紝寮曞瀵规柟杩涜鑷垜褰掕艾鐨勬柟娉曘�傞鍏堝彲浠ユ彁鍑洪棶棰橈紝寮曞瀵规柟瀵规墍鎻愯姹備腑涓嶅悎鐞嗙殑閮ㄥ垎杩涜鎬濊�冿紝浠庤�屽緱鍑虹粨璁猴紝闃愭槑鍚庢灉锛岃瀵规柟鑷繁鍚﹀畾鑷繁鐨勮鐐癸紝杩涜�屾斁寮冩墍鎻愮殑瑕佹眰銆�
+ </p>
+ <h4 id="d055">锛堜笁锛夐噰鐢ㄥ濠夈�佹ā绯婄殑璇█</h4>
+ <p>
+ 褰撶浜庢儏闈紝鏃犳硶瀵规梾瀹㈠紑鍙ｈ鈥滀笉鈥濈殑鏃跺�欙紝鍙互鐢ㄥ濠夈�佹ā绯婄殑璇█鎷掔粷鍏舵彁鍑虹殑瑕佹眰銆傝繖绉嶄技鏄�岄潪鐨勮瑷�锛岀湅浼煎洖搴斾簡鏃呭鐨勮姹傦紝浣嗗疄闄呬笂锛屽湪鍙嶉缁欎粬鐨勪俊鎭腑骞舵病鏈夊疄璐ㄦ�х殑鍐呭锛岃繖鏍锋棦杈惧埌浜嗘嫆缁濈殑鐩殑锛屽張涓嶅奖鍝嶅弻鏂圭殑浜洪檯鍏崇郴銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="29">
+ <div v-if="showPageList.indexOf(29) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">060</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center">
+ <span class="zt-ls1">鍔濆憡鏃呭淇濇寔瀹㈣埍瀹夐潤</span>
+ </p>
+ <p>
+ 鍦ㄦ煇鑸彮鐨勫叕鍔¤埍涓紝鐢ㄩ鍚庣伅鍏夊叧闂紝鏃呭澶у寮�濮嬩紤鎭�備絾鏈変袱鍚嶆梾瀹㈠悇楗敤浜嗕袱鏉▉澹繉锛屽紑濮嬪ぇ澹拌亰澶╋紝鍏堕棿锛屽悗鎺掔殑涓�鍚嶆梾瀹篃鍔犲叆浜嗚亰澶╋紝澹伴煶鏇村ぇ浜嗐�備箻鍔″憳澶氭鎻愰啋鏃犳灉鍚庯紝鍏堟妸閭昏繎搴т綅鐨勪竴瀹朵笁鍙ｈ皟绂昏嚦C2鑸憋紝鎺ョ潃鍚戞梺杈瑰崟鐙骇浣嶄笂鐨勬梾瀹㈤亾姝夛紝骞惰闂叾鏄惁闇�瑕佽皟鏁村骇浣嶃�傛梾瀹㈣〃绀轰笉鐢紝涔樺姟鍛樹究寤鸿鏃呭鎴翠笂鑰虫満闃插櫔銆傞殢鍚庢潵鍒板ぇ澹拌亰澶╃殑鏃呭韬竟璇撮亾锛氣�滃嚑浣嶆梾瀹㈢殑涓氬姟铏界劧寰堢箒蹇欙紝浣嗘槸鍥犱负鎴戜滑鐨勫鑸辨梾瀹㈠ぇ澶氬凡缁忎紤鎭紝鐜杈冧负瀹夐潤锛岃繕璇锋敞鎰忎笅涓氬姟闅愮锛屽悓鏃朵篃鐓ч【涓�涓嬪叾浠栨梾瀹㈢殑涔樻満浣撻獙銆傗��
+ </p>
+ <p>
+ 鍦ㄦ湰妗堜緥涓紝鑸┖鏈嶅姟浜哄憳澶勭悊鐨勫熀鏈師鍒欐槸鐓ч【鍒板叏浣撴梾瀹㈢殑鎰熷彈锛屽涓嶆枃鏄庢梾瀹互鈥滃姖鍛婁负涓伙紝寮哄埗涓鸿緟鈥濓紝涔樺姟缁勫鐞嗙殑鍩烘湰姝ラ涓哄姖鍛娿�佸埗姝€�侀殧绂汇�佸畨鎶氥�傝繖鏍锋棦鐓ч【鍒颁簡鏃呭鐨勬劅鍙楋紝鍙堣〃杈句簡鍧氬畾鐨勭珛鍦恒��
+ </p>
+ </div>
+ <h4 id="d056">锛堝洓锛夐�傚綋鎷栧欢</h4>
+ <p>
+ 褰撲笉濂芥弧瓒虫梾瀹㈡彁鍑虹殑瑕佹眰鏃讹紝涓嶇敤鏄庣‘缁欏嚭绛斿锛屽彲浠ラ噰鐢ㄩ�傚綋鎷栧欢鐨勫姙娉曟潵鎷掔粷銆傞亣鍒拌繖绉嶆儏鍐碉紝鍙互瀵规梾瀹㈣锛氣�滆璁╂垜鍐嶈�冭檻鑰冭檻銆傗��
+ </p>
+ <h4 id="d057">锛堜簲锛夊強鏃惰浆绉昏瘽棰�</h4>
+ <p>
+ 鍦ㄥ弻鏂硅瘽涓嶆姇鏈猴紝鍙堜竴鏃堕毦浠ユ嫆缁濈殑鏃跺�欙紝鍙互鍙婃椂杞Щ璇濋锛岃亰涓�浜涜交鏉剧殑璇濋锛涗篃鍙互鏀瑰彉璋堣瘽璇皵锛岄伩瀹炲氨铏氾紝灏嗘梾瀹㈢殑娉ㄦ剰鍔涘紩寮�锛屼粠鑰岃揪鍒版嫆缁濆叾瑕佹眰鐨勭洰鐨勩��
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">鍙婃椂杞Щ璇濋</span></p>
+ <p>
+ 鍦ㄥ帵闂ㄦ満鍦虹殑鐧绘満鍙ｏ紝鍥犲ぉ姘斿師鍥狅紝閮ㄥ垎鑸彮鍙栨秷锛屼竴鍚嶆梾瀹㈡儏缁縺鍔紝瑕佹眰鑸┖鍏徃缁欎簣璧斿伩銆�
+ </p>
+ <p>
+ 鍦ㄦ皯鑸伐浣滀腑锛岄潪鑸┖鍏徃鍘熷洜瀵艰嚧鐨勮埅鐝彇娑堟槸浠呮彁渚涢��绁ㄦ湇鍔℃垨鏄崗鍔╁畨鎺掗瀹挎湇鍔＄殑銆傞潰瀵规儏缁縺鍔ㄨ姹傞澶栬禂鍋跨殑鏃呭锛岀櫥鏈哄彛鐨勬湇鍔′汉鍛樿�愬績鍦颁笌鍏惰繘琛屼簡娌熼�氾細浠嬬粛浜嗗帵闂ㄧ殑涓�浜涚壒鑹茬編椋熴�佹梾娓告櫙鐐癸紝寤鸿鏃呭鐢宠閫�绁ㄥ娓哥帺鍑犳棩锛涘鏋滃洜涓虹瓑寰呰埅鐝韩蹇冪柌鎯紝涓嶅Θ鍓嶅線閰掑簵缇庣編鍦扮潯涓婁竴瑙夛紝鎰熷彈涓�涓嬪帵闂ㄦ竻鏂扮殑绌烘皵銆傛參鎱㈠湴锛岃鏃呭鐨勬敞鎰忓姏琚叧浜庡帵闂ㄧ殑浠嬬粛鍚�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="30">
+ <div v-if="showPageList.indexOf(30) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">061</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <p class="td-0">寮曚簡锛屾儏缁篃鎱㈡參骞冲浜嗭紝鏈�缁堜簨浠跺緱浠ラ『鍒╄В鍐炽��</p>
+ </div>
+ <h3 id="c022">
+ <span class="h3-zt">浜屻��</span><span class="h3-zt1">鎷掔粷鐨勬妧宸�</span>
+ </h3>
+ <p>
+ 鍦ㄩ潰瀵规梾瀹㈡彁鍑虹殑涓嶅悎鐞嗚姹傛椂锛岃埅绌烘湇鍔′汉鍛樿浣跨敤涓�瀹氱殑鎷掔粷鎶�宸э紝鍋氬埌鎺緸寰椾綋锛屾�佸害璇氭伋锛屼笖瑕佹妸鎻′竴瀹氱殑鍒嗗锛屾棦瑕佸洖缁濇梾瀹㈢殑瑕佹眰锛屽張涓嶈鏃呭澶勪簬灏村艾鐨勫眬闈€��
+ </p>
+ <p>
+ 鎷掔粷鏄毦鍏嶇殑锛岄伃鍒版嫆缁濇槸涓嶆剦蹇殑锛屾�庝箞鎷掔粷鎵嶅彲浠ユ妸绉嶇涓嶆剦蹇檷鍒版渶浣庨檺搴︼紝浠庤�屽緱鍒板鏂圭殑璋呰В鍜岃鍙憿锛�
+ </p>
+ <p>浠ヤ笅鏄嫆缁濈殑鍑犵鎶�宸с��</p>
+ <h4 id="d058">锛堜竴锛夊阀鐢ㄦ瘮鍠�</h4>
+ <p>
+ 褰撻潰瀵规梾瀹㈡彁鍑虹殑涓嶆伆褰撹姹傛椂锛屽彲浠ュ阀濡欏湴杩愮敤姣斿柣鐨勬柟寮忚繘琛屾嫆缁濄�傝繖绉嶆嫆缁濇柟寮忥紝鏃㈣兘杈惧埌鑷繁鐨勭洰鐨勶紝鍙堣兘閬垮厤鍙屾柟灏村艾銆�
+ </p>
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">宸х敤姣斿柣鎷掔粷瀵规柟</span></p>
+ <p>
+ 鏇剧粡鏈変竴浣嶈鑰呯湅浜嗛挶閿轰功鐨勩�婂洿鍩庛�嬪悗鍗佸垎鍠滄锛屾墦鐢佃瘽鍛婅瘔閽遍敽涔﹁鑷繁闈炲父浠版厱浠栵紝鎯崇害閽遍敽涔﹁闈€�傞挶閿轰功鍥炵瓟璇达細鈥滃亣濡備綘鍚冧簡涓�涓潪甯镐笉閿欑殑楦¤泲锛岃繕闇�瑕佸幓瑙侀偅鍙敓铔嬬殑姣嶉浮鍚楋紵鈥�
+ </p>
+ <p>
+ 閽遍敽涔︾簿濡欑殑姣斿柣锛屾棦璁╅偅浣嶈鑰呬簡瑙ｅ埌鑷繁涓嶆効涓庝箣瑙侀潰锛屽張娌℃湁浼ゅ璇昏�呯殑鎰熸儏鍜岃嚜灏婏紝鐢辨宸у鍦拌В鍐充簡闂銆�
+ </p>
+ </div>
+ <h4 id="d059">锛堜簩锛夋彁鍑烘潯浠�</h4>
+ <p>
+ 鏈夋椂涓嶇敤灏嗘嫆缁濈殑璇濊鍑哄彛锛屽彧闇�瑕佸憡璇夋梾瀹細濡傛灉瑕佺瓟搴斾粬鐨勮姹傦紝灏遍渶瑕佷粬婊¤冻鑸┖鏈嶅姟浜哄憳鎻愬嚭鐨勪竴浜涗粬涓嶅お鍙兘杈惧埌鐨勬潯浠讹紝浠庤�岃浠栫煡闅捐�岄��銆備竴鑸湪鎻愬嚭涓嶅お鍙兘杈惧埌鐨勬潯浠朵箣鍚庯紝鏈�濂藉啀涓烘梾瀹㈡彁渚涗竴浜涘叾鍙互鎺ュ彈鐨勬柟妗堬紝杩欐牱鏃呭灏变笉浼氳涓烘湇鍔′汉鍛樺湪鍒绘剰鍒侀毦锛屼細閫�鑰屾眰鍏舵閫夋嫨鍏朵粬鐨勫鐞嗘柟妗堛��
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="31">
+ <div v-if="showPageList.indexOf(31) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">062</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="bj2">
+ <div class="bj2-dyd">
+ <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+ </div>
+ <p class="center"><span class="zt-ls1">鎻愬嚭鏉′欢濠夋嫆鏃呭</span></p>
+ <p>
+ 鍦ㄦ煇鑸┖鍏徃鐨勮埅鐝笂锛屼竴鍚嶄箻鍧愮粡娴庤埍鐨勬梾瀹㈡壘鍒颁箻鍔″憳锛岃姹備负鍏舵彁渚涘ご绛夎埍鎵嶈兘渚涘簲鐨勭孩閰掋�備箻鍔″憳鍚畬鍚庯紝鐪熻瘹鍦板悜鏃呭閬撴瓑锛屽苟鍛婄煡鏃呭锛氣�滄垜浠粖澶╃殑鑸彮浠呬负澶寸瓑鑸遍厤澶囦簡绾㈤厭锛屽鏋滄湁闇�瑕佺殑璇濓紝鎴戝彲浠ヤ负鎮ㄥ姙鐞嗗崌鑸辨湇鍔°�傛垨鑰呮垜鍙互涓烘偍鎻愪緵鍟ら厭锛屽鏋滃彲浠ョ殑璇濓紝鎴戝幓鎷跨粰鎮ㄣ�傗�濇渶缁堬紝璇ユ梾瀹㈠湪鎷垮埌浜嗗暏閰掑悗娌℃湁鎻愬嚭鏇村鐨勮姹傘��
+ </p>
+ </div>
+ <h4 id="d060">锛堜笁锛夊彟鏈夐�夋嫨</h4>
+ <p>
+ 鍦ㄤ笉鑳芥弧瓒虫梾瀹㈡彁鍑虹殑瑕佹眰鏃讹紝鑸┖鏈嶅姟浜哄憳鍙悜鍏惰〃鏄庯細姣旇捣浠栫殑瑕佹眰锛岃嚜宸辨湁鏇村ソ鐨勯�夋嫨銆傝繖涔熸槸鏈夋晥鎷掔粷鍒汉鐨勬柟娉曚箣涓�銆傝埅绌烘湇鍔′汉鍛橀�氬父鍙互璇达細鈥滀笉閿欏晩锛屼絾鎴戞洿鎰挎剰鈥︹�︹�濃�滄偍鐨勬彁璁笉閿欙紝涓嶈繃鎴戞洿璧炴垚鈥︹�︹�濃�滄垜浠槸涓嶆槸鈥︹�︽洿濂斤紵鈥�
+ </p>
+ <h4 id="d061">锛堝洓锛夊鎵惧悎鐞嗙殑鍊熷彛</h4>
+ <p>
+ 鍙互瀵绘壘涓�涓悎鐞嗙殑鍊熷彛锛岃鏃呭鐞嗚В鑸┖鏈嶅姟浜哄憳鐨勯毦澶勶紝骞跺皢鍏朵綔涓烘嫆缁濈殑鐞嗙敱锛岃�屼笉鐢ㄧ洿鎺ュ皢鈥滀笉鈥濆瓧璇村嚭鍙ｃ�傝繖绉嶅�熷彛鍙互鎴愪负鈥滄尅绠墝鈥濓紝鑳介『鍒╁湴鎷掔粷鏃呭锛岃�屽張涓嶄激瀹充笌鏃呭鐨勬劅鎯呫��
+ </p>
+ <h4 id="d062">锛堜簲锛夌湡璇氳嚧姝�</h4>
+ <p>
+ 閬汉鎷掔粷鏄竴浠朵护浜哄按灏殑浜嬶紝鎵�浠ュ湪鎷掔粷鏃呭鐨勬煇浜涜姹傛椂涓�瀹氳鐪熻瘹锛屽嵆浣胯姹備笉鍚堢悊涔熻濮斿鍦拌锛氣�滅湡鐨勫緢鎶辨瓑锛屾病鑳藉府涓婃偍鐨勫繖锛岃繕璇锋偍璋呰В銆傗�濊繖鏍锋梾瀹細姣旇緝瀹规槗鎺ュ彈銆備緥濡傦紝鏈変釜鍒梾瀹㈠緢鍠滄椋炴満涓婄殑灏忔瘺姣垨灏忕锛岃�屾寜鐓ц瀹氳繖浜涗笢瑗挎槸蹇呴』娓呯偣鍥炴敹鐨勩�傝繖鏃讹紝杩愮敤璇█鎶�宸ц繘琛屾嫆缁濆繀涓嶅彲灏戙�備箻鍔″憳瑕佽�愬績鍦板悜鏃呭瑙ｉ噴鐩稿叧鐨勮绔犲埗搴︼紝涓嶈鍥犱负鏃呭涓嶇煡鎯呰�屾祦闇插嚭璐ｅ鐨勮姘斻��
+ </p>
+ <h4 id="d063">锛堝叚锛夊瑷�鍥為伩</h4>
+ <p>
+ 鑸┖鏈嶅姟浜哄憳鍙互鐢ㄥ濠夌殑鏂瑰紡浠庝晶闈㈡嫆缁濇垨鐢ㄦā绯婄殑璇█鍥為伩鏃呭鐨勯攱鑺掋�備緥濡傦紝鍦ㄩ鏈轰笂锛屼箻鍔″憳鎵嬩腑姝ｆ嬁鐫�楗枡锛屾煇鏃呭瑕佹眰鍏舵挙璧扮┖鏉瓙銆備箻鍔″憳璇达細鈥滆鎮ㄥ府蹇欓�掕繃鏉ュソ鍚楋紵鈥濊鏃呭鍗佸垎涓嶆弧锛岃劚鍙ｈ�屽嚭锛氣�滄垜閫掓澂瀛愶紝鐢ㄤ綘骞�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="32">
+ <div v-if="showPageList.indexOf(32) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰浜�</li>
+ <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙ｈ浜ら檯鍩虹</li>
+ <li class="headerNumber">063</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0">
+ 鍚楋紵鈥濅箻鍔″憳瑁呬綔鏈惉娓呮梾瀹㈣瘽鐨勬牱瀛愶紝闈㈠甫寰瑧鍦伴棶閬擄細鈥滃厛鐢燂紝鎮ㄩ渶瑕佹垜鍋氫粈涔堬紵鈥濊鏃呭鐨勫悓浼磋繛蹇欐妸鏉瓙閫掕繃鏉ワ紝涓�鍦哄啿绐佸氨杩欐牱鍦ㄦ棤褰腑鍖栬В浜嗐��
+ </p>
+ <h4 id="d064">锛堜竷锛夋秷闄や笉婊�</h4>
+ <p>
+ 濡傛灉鏃呭鍥犲椋炴満璁炬柦涓嶆弧鑰屽彂鐗㈤獨锛岃埅绌烘湇鍔′汉鍛樺彲浠ュ厛鎰熻阿瀵规柟瀵规皯鑸伐浣滅殑鍏冲績鍜屾敮鎸侊紝鍐嶈〃绀轰竴瀹氬強鏃舵妸璇ユ梾瀹㈢殑鎰忚鍙嶉缁欏叕鍙镐互渚垮強鏃舵洿鏂般��
+ </p>
+ <h2 id="b025"><span class="bj4">鎬濊�冧笌缁冧範</span></h2>
+ <h4 id="d065">涓�銆佹�濊�冧笌璁粌</h4>
+ <p>
+ 1.鏁欏笀閭�璇蜂竴浣嶅鐢熶笂璁插彴锛岀劧鍚庤鍏朵粬瀛︾敓涓炬墜鍙戣█锛屽璁插彴涓婄殑瀛︾敓杩涜璧炵編锛岃姹傝瑷�鍏蜂綋缁嗚嚧銆�
+ </p>
+ <p>2.璇峰悇浣嶅悓瀛︽敹闆嗕竴浜涘菇榛樼殑璇█锛屽苟灏嗚繖浜涜瑷�涓茶仈璧锋潵璁蹭釜鏁呬簨銆�</p>
+ <p>
+ 3.璇峰悇浣嶅悓瀛﹁涓嬪噯澶囦竴浜涚敓娲讳腑鐨勭瑧璇濓紝鍦ㄤ笂璇炬椂褰撶潃鍏ㄧ彮鍚屽鐨勯潰璁插嚭鏉ワ紝鐢ㄨ繖鏍风殑鏂瑰紡鏉ョН绱菇榛樼殑绱犳潗銆�
+ </p>
+ <p>
+ 4.浣犳潵璇达紝鎴戞潵鐚溿�傛暀甯堝噯澶囪嫢骞叉垚璇紝璁╀竴鍚嶅鐢熺敤璇█鎻忚堪鎴愯锛屽彟澶栦竴鍚嶅鐢熺寽鏄粈涔堟垚璇�傝姹傜敤鏈�绮剧粌鐨勮瑷�鎻忚堪銆�
+ </p>
+ <p>
+ 5.璇峰悇浣嶅悓瀛﹂�夋嫨涓�浣嶅悓瀛︿笂璁插彴锛岃鍙颁笅姣忎釜浜虹敤鏈�鍏蜂綋鐨勮瑷�鎻忚堪涓�涓嬭鍙颁笂鐨勫悓瀛︺��
+ </p>
+ <p>6.鏁欏笀瑙勫畾鍑犱釜鍦烘櫙锛岃瀛︾敓鏍规嵁瑙勫畾鍦烘櫙鐨勫唴瀹硅鏈嶆梾瀹€��</p>
+ <h4 id="d066">浜屻�佹渚嬪垎鏋�</h4>
+ <p>1.椋炴満寤惰锛屾梾瀹㈠緢鐢熸皵銆�</p>
+ <p>
+ 2.鍦ㄦ煇鑸彮涓婏紝涔樺姟鍛樺儚寰�甯镐竴鏍凤紝涓轰竴鍚嶆鍦ㄧ湅鎶ョ焊鐨勬梾瀹㈡墦寮�浜嗛槄璇荤伅锛屼负涓�鍚嶈�佸勾鏃呭璁茶В瀹㈣埍璁惧鐨勪娇鐢ㄦ柟娉曪紝娑堥櫎浠栧垵娆′箻鏈虹殑涓嶅畨鈥︹�﹀湪宸¤埍鏃讹紝涔樺姟鍛樺彂鐜板悗鎺掑骇浣嶄笂鏈変竴鍚嶆棤鎴愪汉闄即鐨勫効绔ユ梾瀹紝澶х害鍏瞾銆傚ス鐨勫弻鎵嬬揣绱у湴鎶撶潃搴ф鎵舵墜锛屽ご绱ц创鍦ㄩ潬鑳屼笂銆備粠灏忓コ瀛╃殑鐪肩閲屽彲浠ョ湅鍑猴紝濂瑰杩欎釜搴炲ぇ鐨勨�滄�墿鈥濇棦濂藉鍙堝鎬曘��
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="32">
+ <div v-if="showPageList.indexOf(32) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">064</li>
+ <li class="header-left-text">
+ 鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <h4 id="d067">涓夈�佽鍔ㄥ缓璁�</h4>
+ <p>
+ 1.璇峰鐢熸寜鐓ц埅绌烘湇鍔′汉鍛樼殑鍙ｈ浜ら檯瑕佹眰骞朵娇鐢ㄧ浉鍏虫妧宸т笌鍎跨鏃呭娌熼�氥��
+ </p>
+ <p>
+ 鐢ㄨ鑹叉壆婕旂殑鏂瑰紡锛屾暀甯堝皢鐝噷鐨勫鐢熷垎鎴愪笉鍚岀殑瑙掕壊锛屽苟涓斿竷缃笉鍚岀殑鍦烘櫙锛岃瀛︾敓鍦ㄥ悇绉嶅満鏅腑杩涜浜ゆ祦锛屾渶鍚庢暀甯堢粰浜堢偣璇勩��
+ </p>
+ <p>2.姣忕粍閫夊嚭涓�鍚嶄唬琛紝瀵瑰悓涓�涓瘽棰橀槓杩拌嚜宸辩殑鐞嗚В銆�</p>
+ <p>
+ 3.璁╀竴鍚嶅鐢熷湪娌℃湁鍑嗗鐨勬儏鍐典笅褰撶潃鍏ㄧ彮瀛︾敓鐨勯潰涓庝换鎰忎竴鍚嶅鐢熻繘琛岃瑷�浜ゆ祦銆傛暀甯堣璁″満鏅拰鍐呭锛岃�冩煡瀛︾敓鏄惁鎺屾彙浜嗚瑷�鐨勪慨楗版柟娉曘��
+ </p>
+ <p>4.鏁欏笀璁茶堪涓�涓晠浜嬶紝璁╁鐢熷杩帮紝浠ユ鍔犳繁瀛︾敓瀵硅亞鍚殑鐞嗚В銆�</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import {
+ getResourcePath,
+ getCollectResource,
+ setCollectResource,
+} from "@/assets/methods/resources";
+export default {
+ name: "chapterOne",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ components: {},
+ data() {
+ return {
+ collectImg: require("../../assets/images/icon/heart.png"),
+ collectCheck: require("../../assets/images/icon/heart-check.png"),
+ collectResourceList: [],
+ videos: [
+ {
+ name: "瑙嗛锛氬洟闃熸梾瀹�",
+ md5: "50a2d3b63fcba85133deaf6089eab421",
+ },
+ {
+ name: "瑙嗛锛氶��绁ㄧ殑鏈嶅姟娌熼��",
+ md5: "a0deaeb6cee31dd1181775d6bc0d0b71",
+ },
+ {
+ name: "瑙嗛锛氳鏈烘梾瀹㈡矡閫�",
+ md5: "2f16aec9f278c495a12fc3caca3b517c",
+ }
+ ],
+ };
+ },
+ async mounted() {
+ this.getVideoPath();
+ this.collectResourceList = await getCollectResource(
+ this.config.activeBook.bookId
+ );
+ },
+ methods: {
+ async getVideoPath(value) {
+ for (let index = 0; index < this.videos.length; index++) {
+ const item = this.videos[index];
+ item["url"] = await getResourcePath(item.md5);
+ }
+ console.log(111, this.videos);
+ },
+ handleCollect(num) {
+ const data = this.videos[num];
+ this.handleCollectResource(
+ data.md5,
+ data.md5,
+ "",
+ "瑙嗛",
+ "bits",
+ data.name
+ );
+ },
+ //璧勬簮鏀惰棌浜嬩欢
+ handleCollectResource(
+ id,
+ md5,
+ resourcePath,
+ resourceType,
+ source,
+ resourceName
+ ) {
+ let list = this.collectResourceList;
+ if (list.findIndex((item) => item.id == id) > -1) {
+ list = list.filter((item) => item.id != id);
+ } else {
+ list.push({
+ id,
+ md5,
+ resourcePath,
+ resourceType,
+ source,
+ resourceName,
+ });
+ }
+ this.collectResourceList = list;
+ setCollectResource(
+ this.config.activeBook.bookId,
+ this.collectResourceList
+ );
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.table-p {
+ font-size: 16px !important;
+ line-height: 20px !important;
+}
+
+.imgBox {
+ display: flex !important;
+ flex-direction: column-reverse !important;
+ position: relative !important;
+
+ .img {
+ margin: 0 !important;
+ font-size: 16px !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%);
+ bottom: -2% !important;
+ }
+
+ img {
+ height: 80%;
+ }
+}
+
+.choice {
+ padding: 0% !important;
+}
+
+hr {
+ margin-left: 0;
+ margin-bottom: 4px;
+ width: 15.5%;
+ border: none;
+ height: 2px;
+ background-color: #000;
+}
+</style>
diff --git a/src/books/OralAndBroadcasting/view/components/header.vue b/src/books/OralAndBroadcasting/view/components/header.vue
new file mode 100644
index 0000000..361c332
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/components/header.vue
@@ -0,0 +1,229 @@
+<template>
+ <div class="chapter" num="1">
+ <!-- 灏侀潰 -->
+ <div class="page-box mt-30" page="1" style="min-height: auto">
+ <div v-if="showPageList.indexOf(1) > -1">
+ <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+ </div>
+ </div>
+ <!-- 鎵夐〉 -->
+ <div class="page-box" page="2" style="min-height: auto">
+ <div v-if="showPageList.indexOf(2) > -1">
+ <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
+ </div>
+ </div>
+ <!-- 浠嬬粛椤甸潰 -->
+ <div class="page-box" page="3">
+ <div v-if="showPageList.indexOf(3) > -1">
+ <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
+ <hr />
+ <p class=""><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+ <p class="left3 block mr-0">
+ >鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸�/榄忓叏鏂屼富缂�.鈥�2鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2024.10
+ </p>
+ <p class="left3 block">ISBN 978-7-303-29417-6</p>
+ <p class="left3 block mt-20">
+ 鈪�.鈶犺埅鈥� 鈪�.鈶犻瓘鈥�
+ 鈪�.鈶犳梾瀹㈣繍杈�-鍟嗕笟鏈嶅姟-鍙ｈ-鏁欐潗鈶℃皯鐢ㄨ埅绌�-鏃呭杩愯緭-鎾煶-璇█鑹烘湳-鏁欐潗
+ 鈪�.鈶燜560.9
+ </p>
+ <p class="left3 block">涓浗鍥藉鐗堟湰棣咰IP鏁版嵁鏍稿瓧锛�2023锛夌195087鍙�</p>
+ <hr />
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p class="left block mt-20">鏁欐潗鎰忚鍙嶉銆�zhijiao@bnupg.com</p>
+ <p class="left block">钀ラ攢涓績鐢佃瘽銆�010-58802755 58800035</p>
+ <p class="left block">缂栬緫閮ㄧ數璇濄��銆�010-58802751</p>
+ <hr />
+ <p class="left block">鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com</p>
+ <p class="left block">銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙ｅ澶ц12-3鍙�</p>
+ <p class="left block">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+ <p class="left block">鍗般��銆�鍒凤細淇濆畾甯備腑鐢荤編鍑嵃鍒锋湁闄愬叕鍙�</p>
+ <p class="left block">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+ <p class="left block">寮�銆�銆�鏈細889mm脳1194mm銆�1/16</p>
+ <p class="left block">鍗般��銆�寮狅細11.25</p>
+ <p class="left block">瀛椼��銆�鏁帮細245鍗冨瓧</p>
+ <p class="left block">鐗堛��銆�娆★細2024骞�10鏈堢2鐗�</p>
+ <p class="left block">鍗般��銆�娆★細2024骞�10鏈堢1娆″嵃鍒�</p>
+ <p class="left block">瀹氥��銆�浠凤細41.00鍏�</p>
+ <hr />
+ <p class="left block">
+ 绛栧垝缂栬緫锛氱帇浜戣嫳銆�銆�銆�璐ｄ换缂栬緫锛氬畨銆�鍋ャ��鍚寸函鐕�
+ </p>
+ <p class="left block">缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�瑁呭抚璁捐锛氱劍銆�涓�</p>
+ <p class="left block">
+ 璐ｄ换鏍″锛氶檲銆�姘戙��銆�銆�璐ｄ换鍗板埗锛氶┈銆�娲併��璧点��榫�
+ </p>
+ <p class="center mt-20"><b>鐗堟潈鎵�鏈夈��渚垫潈蹇呯┒</b></p>
+ <p class="left center">
+ <b>鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細</b><span class="block">010-58808104</span>
+ </p>
+ <p class="left center block">鍖椾含璇昏�呮湇鍔￠儴鐢佃瘽锛�010-58808104</p>
+ <p class="left center block">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+ <p class="left center block">
+ 鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�
+ </p>
+ <p class="left center block">鍗板埗绠＄悊閮ㄧ數璇濓細010-58808284</p>
+ </div>
+ </div>
+ </div>
+ <!-- 浠嬬粛椤甸潰 -->
+ <div class="page-box" page="4">
+ <div v-if="showPageList.indexOf(4) > -1">
+ <div style="max-width: 600px; margin: 0 auto; padding: 10% 0">
+ <div class="bk-bwh">
+ <h1 id="a003" class="front">
+ 鑱屼笟鏁欒偛鑸┖杩愯緭绫讳笓涓氣�滀骇鏁欒瀺鍚堚�濇柊褰㈡�佹暀鏉愪笓瀹舵寚瀵煎鍛樹細
+ </h1>
+ <p class="center"></p>
+ <p class="center"><span class="zt-ls1">涓汇��浠�</span></p>
+ <p class="block fz-14">
+ 榄忓叏鏂屻��鍥涘窛瑗垮崡鑸┖鑱屼笟瀛﹂櫌 鑽ｈ獕闄㈤暱銆佺爺绌跺憳
+ </p>
+ <p class="block fz-14">
+ 銆�銆�銆�銆�鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐ｄ换鍏徃 钁ｄ簨闀�
+ </p>
+ <p class="center mt-30"><span class="zt-ls1">鍓富浠�</span></p>
+ <p class="block fz-14">鏉ㄦ柊婀︺��涓浗姘戣埅澶у 鍓牎闀裤�佹暀鎺�</p>
+ <p class="block fz-14">
+ 鍙躲��鑰掋��涓浗鍟嗙敤椋炴満鏈夐檺璐ｄ换鍏徃鍥涘窛鍒嗗叕鍙�
+ 鎬荤粡鐞嗗姪鐞嗐�佷汉鍔涜祫婧愰儴閮ㄩ暱
+ </p>
+ <p class="block fz-14">鐜嬫捣娑涖��鎴愰兘鑸┖鏈夐檺鍏徃 浜哄姏璧勬簮閮ㄦ�荤粡鐞�</p>
+ <p class="center mt-30"><span class="zt-ls1">濮斻��鍛�</span></p>
+ <p class="block fz-14">閮鼎澶忋��涓浗姘戣埅澶у 鏁欐巿</p>
+ <p class="block fz-14">闄堢帀鍗庛��鎴愰兘鑸┖鑱屼笟鎶�鏈闄� 鏁欐巿</p>
+ <p class="block fz-14">瑁存槑瀛︺��鍥涘窛瑗垮崡鑸┖鑱屼笟瀛﹂櫌 闄㈤暱銆佺爺绌跺憳</p>
+ <p class="block fz-14">
+ 榫欍��寮恒��鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐ｄ换鍏徃 鐗硅仒涓撳
+ </p>
+ <p class="block fz-14">
+ 鍒樸��妗︺��鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐ｄ换鍏徃 鍓�昏銆佺壒绾ф暀甯�
+ </p>
+ <p class="block fz-14">
+ 鏇捐繙蹇椼��鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐ｄ换鍏徃 鍓�昏
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1">
+ <div style="padding: 136px 66px">
+ <div class="fl fd-r">
+ <div class="fl fd-c al-c" style="margin: 100px 0">
+ <h1 id="a004">鍓嶈█</h1>
+ <p class="td-0">PREFACE</p>
+ <p class="zt-hs1 td-0">锛堢 2 鐗堬級</p>
+ </div>
+ </div>
+ <p>
+ 銆婅埅绌烘湇鍔″彛璇氦闄呬笌鎾煶鎶�宸э紙绗�2鐗堬級銆嬫槸鍦ㄧ1鐗堢殑鍩虹涓婏紝浠ヤ範杩戝钩鏂版椂浠ｄ腑鍥界壒鑹茬ぞ浼氫富涔夋�濇兂鍜屽厷鐨勪簩鍗佸ぇ绮剧涓烘寚瀵间慨璁㈣�屾垚锛屾柊鐗堟暀鏉愬潥鎸佽惤瀹炵珛寰锋爲浜烘牴鏈换鍔★紝閬靛惊鏁欐潗寤鸿瑙勫緥銆佽亴涓氭暀鑲叉暀瀛﹁寰嬶紝绗﹀悎鑱屼笟闄㈡牎瀛︾敓鐨勮鐭ョ壒鐐广�傛湰鏁欐潗鍏卞垎涓轰簲涓」鐩紝鍒嗗埆鏄簡瑙ｈ埅绌烘湇鍔″彛璇氦闄呫�佹墦濂借埅绌烘湇鍔″彛璇氦闄呭熀纭�銆佹墦濂芥櫘閫氳瘽涓庢挱闊宠闊冲熀纭�銆佹彁鍗囪埅绌烘湇鍔″彛璇氦闄呬笌鎾煶鑳藉姏銆佹帉鎻¤埅绌烘湇鍔￠潪璇█娌熼�氫笌鐗规畩鏈嶅姟浜ら檯鎶�鑳姐�傛柊鐗堟暀鏉愭湁浠ヤ笅鐗圭偣銆�
+ </p>
+ <p>
+ 绗竴锛屼骇鏁欒瀺鍚堬紝鍙屽厓寮�鍙戙�傛湰鏁欐潗鐢卞洓宸濊タ鍗楄埅绌鸿亴涓氬闄㈢粍缁囩紪鍐欙紝鐢辨硾缇庤埅绌鸿亴鏁欓泦鍥㈠拰鍟嗙敤椋炴満琛屼笟浜ф暀铻嶅悎鍏卞悓浣撳悎浣滃畬鎴愶紝姹囪仛浜嗕腑鍥芥皯鑸ぇ瀛︺�佸洓宸濊タ鍗楄埅绌鸿亴涓氬闄€�佹垚閮借埅绌鸿亴涓氭妧鏈闄㈢殑涓�绾挎暀甯堜笌涓浗鍟嗙敤椋炴満鏈夐檺璐ｄ换鍏徃鍥涘窛鍒嗗叕鍙搞�佹垚閮借埅绌烘湁闄愬叕鍙哥瓑浼佷笟涓撳锛屽洟闃熸垚鍛樼殑涓板瘜鏁欏缁忛獙銆佸鏈�犺浠ュ強琛屼笟缁忛獙纭繚浜嗘暀鏉愮殑绉戝鎬с�佸疄鐢ㄦ�т笌閫傜敤鎬с��
+ </p>
+ <p>
+ 绗簩锛屾�濇斂铻嶅叆锛屼环鍊煎鍚戙�傛湰鏁欐潗鍏ㄩ潰钀藉疄璇剧▼鎬濇斂鐨勮姹傦紝閫氳繃瀛︿範鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊崇殑鎶�宸э紝鍩瑰吇瀛︾敓宕囧皻瀹硶銆侀伒绾畧娉曘�佸磭寰峰悜鍠勩�佽瘹瀹炲畧淇°�佸皧閲嶇敓鍛姐�佺儹鐖卞姵鍔ㄧ殑鍝佽川锛屽煿鍏诲鐢熺殑绀句細璐ｄ换鎰燂紝澧炲己瀛︾敓鐨勭ぞ浼氬弬涓庢剰璇嗭紱璺佃鈥滃繝璇氭媴褰撶殑鏀挎不鍝佹牸锛屼弗璋ㄧ瀛︾殑涓撲笟绮剧锛屽洟缁撳崗浣滅殑宸ヤ綔浣滈锛屾暚涓氬鐚殑鑱屼笟鎿嶅畧鈥濈殑褰撲唬姘戣埅绮剧锛涘叿鏈夊畨鍏ㄦ剰璇嗗拰鑹ソ鐨勬湇鍔℃剰璇嗭紱寮曞瀛︾敓鏍戠珛姝ｇ‘鐨勪笘鐣岃銆佷汉鐢熻鍜屼环鍊艰銆�
+ </p>
+ <p>
+ 绗笁锛屽唴瀹圭瀛︼紝浣撲緥鍒涙柊銆傛柊鐗堟暀鏉愪緷鐓ц亴涓氭暀鑲插浗瀹舵暀瀛︽爣鍑嗕綋绯伙紝瀵规帴鑱屼笟鏍囧噯鍜屽矖浣嶈兘鍔涜姹傦紝浣撶幇浜嗕骇涓氬彂灞曠殑鏂版妧鏈�佹柊瑙勮寖銆佹柊鏍囧噯锛屾繁鍏ユ寲鎺樻皯鑸紒涓氱殑瀹為檯宸ヤ綔闇�姹傚拰宀椾綅瑕佹眰锛岀‘淇濇暀鏉愬唴瀹逛笌瀹為檯鐨勫矖浣嶉渶瑕佹棤缂濊鎺ャ�傛湰鏁欐潗浠ラ」鐩�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">002</li>
+ <li class="header-left-text">鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0">
+ 浠诲姟涓鸿浇浣擄紝浣撶幇浜嗚亴涓氭暀鑲茬殑绫诲瀷鐗圭偣锛涙彁渚涗簡澶ч噺鐨勬渚嬪拰瀹為檯鎯呭锛岃瀛︾敓鑳藉皢鎵�瀛︾悊璁烘洿濂藉湴杩佺Щ鍒板疄闄呭伐浣滈渶姹備腑銆傜粨鍚堝鐢熺壒鐐癸紝缂栧啓鍔涙眰鏂囧瓧绠�娲併�侀�氫織鏄撴噦銆傛湰鏁欐潗浣撶幇浜嗏�滆创杩戠ぞ浼氱敓娲汇�佽创杩戝伐浣滃疄闄呫�佽创杩戝鐢熺壒鐐光�濃�滀笌鑱屼笟宀椾綅缇ゅ鎺ャ�佷笌鑱屼笟璧勬牸鏍囧噯瀵规帴銆佷笌瀹為檯宸ヤ綔杩囩▼瀵规帴鈥濈殑鈥滀笁璐磋繎鈥濃�滀笁瀵规帴鈥濆師鍒欙紝娉ㄩ噸瀵瑰鐢熻亴涓氭牳蹇冭兘鍔涚殑鍩瑰吇锛屼綋鐜颁簡鈥滃矖璇捐禌璇佲�濊瀺閫氱殑鐞嗗康銆�
+ </p>
+ <p>
+ 绗洓锛岃祫婧愪赴瀵岋紝鏂板舰鎬佹暀鏉愩�傚湪淇杩囩▼涓紝鑱斿悎琛屼笟銆佷紒涓氫笓瀹讹紝鏀堕泦鐪熷疄鐨勫伐浣滄渚嬶紝閰嶅涓板瘜鐨勬暀瀛﹁祫婧愩�傛湰鏁欐潗鐨勮璁″拰鍛堢幇鍏呭垎浣撶幇浜嗚亴涓氭暀鑲叉柊褰㈡�佹暀鏉愮殑鐞嗗康锛岀粨鍚堣瀺濯掍綋鍜屾暟瀛楀寲鎶�鏈紝浠ラ�傚簲瀛︾敓鐨勯渶姹傘��
+ </p>
+ <p>
+ 绗�2鐗堟暀鏉愮敱榄忓叏鏂屾媴浠讳富缂栵紝璐熻矗鏁翠綋鎬濊矾鐨勭鍒掞紝鎷熷畾鍏蜂綋鐨勭紪鍐欐柟妗堛�傛潹涔愩�佹鐜夎秴銆佺帇浣虫媴浠诲壇涓荤紪锛岀帇鍢夋銆佹潕鏋椼�佽档闈掋�佷綍闇茬懚鍙備笌缂栧啓銆傚瓩鐨濄�佸垬璐�佹湵鐜夐緳銆侀珮褰便�佸懆闆ㄩ湶銆侀┈淇婁紵涔熶负鏈暀鏉愮殑鍑虹増浣滃嚭浜嗚础鐚�備腑鍥芥皯鑸ぇ瀛﹂偣閾佸か瀵规湰鏁欐潗杩涜浜嗗璇伙紝鎴愰兘鑸┖鏈夐檺鍏徃闄堝噷鍦ㄨ鏈暀鏉愪綋鐜版柊鎶�鏈�佹柊瑙勮寖銆佹柊鏍囧噯鏂归潰鎻愪緵浜嗕紭绉�鐨勫缓璁紝鏈夋晥鍦颁繚璇佷簡鏈暀鏉愮殑绉戝鎬с�佷笓涓氭�с�佸疄鐢ㄦ�с�侀�傜敤鎬э紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋€��
+ </p>
+ <p>
+ 鏈暀鏉愪笉浠呴�傜敤浜庤埅绌鸿繍杈撶被鐩稿叧涓撲笟鏁欏锛屼篃鍙互浣滀负鑸┖鍏徃鐨勫煿璁暀鏉愩�傚彈缂栬�呮按骞虫墍闄愶紝鏈暀鏉愰毦鍏嶅瓨鍦ㄤ竴瀹氱殑涓嶅綋涔嬪锛屾伋璇峰箍澶ц鑰呮彁鍑哄疂璐垫剰瑙侊紝浠ヤ究鎴戜滑浣滆繘涓�姝ョ殑淇瀹屽杽銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="7">
+ <div v-if="showPageList.indexOf(7) > -1">
+ <div style="padding: 136px 98px">
+ <div class="fl fd-r">
+ <div class="fl fd-c al-c" style="margin: 100px 0">
+ <h1 id="a004">鍓嶈█</h1>
+ <p class="td-0">PREFACE</p>
+ <p class="zt-hs1 td-0">锛堢 1 鐗堬級</p>
+ </div>
+ </div>
+ <p>銆婂浗瀹朵腑闀挎湡鏁欒偛鏀归潻鍜屽彂灞曡鍒掔翰瑕侊紙2010鈥�2020骞达級銆嬫槑纭彁鍑猴細涓瓑鑱屼笟鏁欒偛涓庨珮绛夎亴涓氭暀鑲插崗璋冨彂灞曪紝鏋勫缓鐜颁唬鑱屼笟鏁欒偛浣撶郴銆傝亴涓氭暀鑲蹭负绀句細銆佺粡娴庡拰浜虹殑鍙戝睍鏈嶅姟鎴愪负鑱屼笟鏁欒偛鐞嗚宸ヤ綔鑰呬笌瀹炶返宸ヤ綔鑰呯殑鍏辫瘑銆�</p>
+ <p>杩戝勾鏉ワ紝闅忕潃绀句細銆佺粡娴庣殑杩涙锛屾皯鑸笟寰楀埌浜嗙┖鍓嶇殑鍙戝睍銆傛皯鑸笟鐨勫ぇ鍙戝睍闇�瑕佸ぇ閲忛亾寰烽珮灏氥�佺礌璐ㄤ紭鑹�佹妧鑳藉ù鐔熺殑涓�涓撳鑳界殑浜烘墠銆傛鍥犱负濡傛锛屼竴鎵瑰姙瀛︾悊蹇靛厛杩涖�佹暀瀛︿笌瀹炰範瀹炶璁惧绮捐壇銆佸笀璧勫姏閲忛泟鍘氱殑瀛︽牎鎴栦笓涓氬簲杩愯�岀敓锛屼负淇冭繘姘戣埅涓氱殑鍙戝睍浣滃嚭浜嗛噸瑕佽础鐚��</p>
+ <p>瑕佸煿鍏婚珮绱犺川鐨勪汉鎵嶏紝绂讳笉寮�楂樿川閲忕殑瀛︽牎锛岀涓嶅紑楂樻按骞崇殑鏁欏笀锛屾洿绂讳笉寮�鐞嗗康鍏堣繘銆佸唴瀹逛赴瀵屻�佸舰寮忔柊棰栫殑绮惧搧鏁欐潗銆備负姝わ紝鎴戜滑缁勭粐浜嗗叏鍥借涓氳亴涓氭暀鑲叉暀瀛︽寚瀵煎鍛樹細銆佸叏鍥戒腑绛夎亴涓氭暀鑲叉暀瀛︽敼闈╁垱鏂版寚瀵煎鍛樹細銆佽亴涓氭暀鑲叉暀瀛︾爺绌舵満鏋勭殑涓撳锛屽叏鍥借繎20瀹朵紒涓氱殑琛屽浠ュ強鍏锋湁涓板瘜鐨勬暀瀛︿笌鏁欐潗缂栧啓缁忛獙鐨勪紭绉�鏁欏笀缇ょ瓥缇ゅ姏缂栧啓浜嗘湰濂楁暀鏉愩��</p>
+ <p>鏈鏁欐潗绔嬭冻鍥藉唴杩�20瀹朵紒涓氱浉鍏冲伐浣滃矖浣嶅浜烘墠绱犺川涓庤兘鍔涚殑瑕佹眰锛岄拡瀵瑰鐢熻亴涓氱敓娑彂灞曠殑闇�姹傜紪鍐欍�傚湪浣撶郴缁撴瀯涓婏紝鏈鏁欐潗涓殑鍚勫唽鏁欐潗鏈夋満琛旀帴锛屼綋绯诲畬鏁淬�傚湪鍐呭涓婏紝鏈鏁欐潗娑电洊浜嗗吀鍨嬬殑宸ヤ綔浠诲姟锛屼綋鐜颁簡鈥滆创杩戠ぞ浼氱敓娲汇�佽创杩戝伐浣滃疄闄呫�佽创杩戝鐢熺壒鐐光�濃�滀笌鑱屼笟宀椾綅缇ゅ鎺ャ�佷笌鑱屼笟璧勬牸鏍囧噯瀵规帴銆佷笌瀹為檯宸ヤ綔杩囩▼瀵规帴鈥濈殑鈥滀笁璐磋繎鈥濃�滀笁瀵规帴鈥濆師鍒欙紝娉ㄩ噸瀛︾敓鑱屼笟鏍稿績鑳藉姏鐨勫煿鍏汇�傚湪褰㈠紡涓婏紝鏈鏁欐潗鎸夌収鈥滃叿浣撯�旀娊璞♀�斿疄璺碘�濈殑閫昏緫椤哄簭锛岃璁′簡鈥滄渚嬪鍏モ�濃�滆涓�璇烩�濃�滃皬璐村＋鈥濃�滄�濊�冧笌缁冧範鈥濈瓑鏍忕洰锛岃鏂囦腑鍥炬枃骞惰寕锛岀獊鍑轰簡鏁欐潗鐨勫彲璇绘�т笌浜掑姩鎬э紝鏃㈡柟渚挎暀甯堢殑鏁欙紝涔熸柟渚垮鐢熺殑瀛︺�傛湰濂楁暀鏉愭棦鍙緵鑱屼笟闄㈡牎鑸┖杩愯緭绫讳笓涓氬鐢熶娇鐢紝涔熷彲浣滀负姘戣埅浼佷笟鍛�</p>
+
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="8">
+ <div v-if="showPageList.indexOf(8) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">002</li>
+ <li class="header-left-text">鑸┖鏈嶅姟鍙ｈ浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0" >宸ョ殑鍩硅鏁欐潗鎴栧弬鑰冭祫鏂欍��</p>
+ <p>鏈暀鏉愮敱鑱屼笟鏁欒偛涓撳榄忓叏鏂屾媴浠讳富缂栵紝鐢遍檰寤哄崕銆佹潹鐪佽吹銆佹鍓戦攱銆佹浘杩滃織銆佸紶涔夊厜鎷呬换鍓富缂栥�傚弬鍔犳湰鏁欐潗缂栧啓鐨勪汉鍛樻湁锛氫腑鍥芥皯鑸琛屽闄㈤檲鏂帮紝鍥涘窛瑗垮崡鑸┖涓撲慨瀛﹂櫌鍒樻ˇ銆佸紶鑿茶彶銆佹潹娲厜銆佺帇寤哄锛屾垚閮借埅绌烘梾娓歌亴涓氬鏍＄▼鍐层�佷綑纾婄瓑銆傚叏涔︾敱涓浗姘戣埅椋炶瀛﹂櫌鏉ㄧ渷璐电粺绋裤��</p>
+ <p>鍦ㄧ紪鍐欐湰鏁欐潗鐨勮繃绋嬩腑锛屽緱鍒颁簡涓婃捣鏈哄満璐靛鏈嶅姟鍏徃鎬荤粡鐞嗙帇鍩圭珛銆佹繁鍦冲疂瀹夊浗闄呮満鍦哄畨妫�绔欑珯闀胯档钀嶃�佹垚閮藉弻娴佸浗闄呮満鍦哄畨妫�绔欏壇绔欓暱澶忛潤銆佹繁鍦宠埅绌哄叕鍙哥淮淇伐绋嬮儴鎬荤粡鐞嗗姪鐞嗙帇缁ц惀銆佸洓宸濇柊鍔涜埅绌烘妧鏈湁闄愬叕鍙革紙鏈哄姟锛夋�荤粡鐞嗘潕鍏冦�佷竴姹藉ぇ浼椾汉鍔涜祫婧愰儴閮ㄩ暱鍗㈣崈绛夎埅绌轰紒涓氱殑涓撲笟鐨勬寚瀵硷紱鍚哥撼浜嗗洓宸濊タ鍗楄埅绌轰笓淇闄€�佹垚閮借埅绌烘梾娓歌亴涓氬鏍°�佹垚閮界ぜ浠亴涓氫腑瀛︺�佹垚閮借储璐歌亴涓氫腑涓撳鏍°�佹垚閮界幇浠ｈ亴涓氭妧鏈鏍＄瓑鑱屼笟闄㈡牎楠ㄥ共鏁欏笀鐨勫疂璐靛缓璁紱灏ゅ叾鏄紝鐢卞叏鍥藉悇澶ц埅绌哄叕鍙搞�佹満鍦烘湇鍔′紒涓氱煡鍚嶇殑涓撳鍜岄瀵肩粍鎴愮殑鈥滆亴涓氶櫌鏍¤埅绌烘湇鍔′笓涓氭暀鏉愬缓璁句紒涓氫笓瀹舵寚瀵煎鍛樹細鈥濈殑涓撳閽堝鏁欐潗鐨勫唴瀹广�佺紪鍐欎綋渚嬬瓑鎻愬嚭浜嗗ぇ閲忕殑寤鸿锛屾湁鏁堝湴淇濊瘉浜嗘湰鏁欐潗涓庢皯鑸湇鍔′紒涓氱殑瀹為檯宸ヤ綔瑕佹眰鐩稿惢鍚堬紝鍦ㄦ涓�骞惰〃绀鸿》蹇冪殑鎰熻阿銆傚湪缂栧啓鏈暀鏉愮殑杩囩▼涓紝鎴戜滑鍙傞槄浜嗙浉鍏宠钁楀拰璧勬枡锛屽紩鐢ㄤ簡涓�浜涙渶鏂扮殑鐮旂┒鎴愭灉锛屼絾鐢变簬鑱旂郴鏂瑰紡涓嶅噯纭瓑鍘熷洜锛屾湭鑳戒竴涓�寰佸緱鍘熸垚鏋滀綔鑰呯殑鍚屾剰锛屾暚璇峰師鎴愭灉浣滆�呰皡瑙ｅ苟涓庢垜浠仈绯伙紝鎴戜滑灏嗗瀵勭閰拰鏍蜂功锛屽苟鍦ㄩ噸鍗版垨鍐嶇増鏃舵牴鎹師鎴愭灉浣滆�呯殑瑕佹眰杩涜鐩稿簲鐨勮皟鏁淬��</p>
+ <p>鏁欐潗涓毦鍏嶆湁涓嶅敖濡備汉鎰忎箣澶勶紝鎭宠骞垮ぇ璇昏�呮彁鍑哄疂璐电殑鎰忚锛屼互渚挎垜浠湪淇鏃跺姞浠ュ畬鍠勩��</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "pageHeader",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ data() {
+ return {};
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.box {
+ max-width: 400px;
+ margin: 0 auto;
+}
+p {
+ font-size: 16px !important;
+}
+
+.preface {
+ height: 224px;
+ background: linear-gradient(to right, #8fc58c, #fff);
+}
+
+.preface-text {
+ font-size: 26px !important;
+ color: #000 !important;
+}
+
+.mt-100 {
+ margin-top: 100px !important;
+}
+</style>
diff --git a/src/books/OralAndBroadcasting/view/components/index.vue b/src/books/OralAndBroadcasting/view/components/index.vue
new file mode 100644
index 0000000..0ca0536
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/components/index.vue
@@ -0,0 +1,961 @@
+<template>
+ <div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
+ </div>
+ <div
+ class="page-content"
+ :style="{
+ fontSize: fontSize + 'px',
+ transform: `scale(${pageZoom})`,
+ transformOrigin: 'center top',
+ }"
+ >
+ <pageHeader
+ v-if="showCatalogList.indexOf(1) > -1"
+ :showPageList="loadPageList"
+ ></pageHeader>
+ <chapter001
+ v-if="showCatalogList.indexOf(2) > -1"
+ :showPageList="loadPageList"
+ ></chapter001>
+ </div>
+ </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+import chapter001 from "./chapter001.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+ name: "pageContent",
+ data() {
+ return {
+ catalogLength: 2, // 鎬荤珷鑺傛暟
+ showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+ loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+ throttleThreshold: 100, // 鑺傛祦闃堝��
+ previousScrollTop: 0,
+ throttledScrollHandler: null,
+ observer: null,
+ loadPageObserver: null,
+ loadPageList: [],
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
+ audioPath: "",
+ currentTime: null,
+ videoList: [],
+ };
+ },
+ computed: {
+ fontSize() {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ return this.$store.state.qiankun.fontSize
+ ? this.$store.state.qiankun.fontSize
+ : 18;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale
+ ? this.$store.state.qiankun.scale / 100
+ : 1;
+ },
+ },
+ watch: {
+ showCatalogList: {
+ handler(newVal, oldVal) {
+ if (
+ this.$store.state.qiankun &&
+ this.$store.state.qiankun.catalogChange
+ ) {
+ // 璋冪敤鐖跺眰鏂规硶
+ this.$store.state.qiankun.catalogChange({
+ showCatalogList: newVal,
+ });
+ }
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+ },
+ },
+ loadPageList: {
+ handler(newVal, oldVal) {
+ setTimeout(() => {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ this.initSwiper();
+ this.initViewer();
+ this.closeAudio();
+ this.closeVideo();
+ }, 200);
+ },
+ },
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
+ },
+ mounted() {
+ // 榛樿鍔犺浇绔犺妭
+ this.showCatalogList = [1];
+ // 婊氬姩鐩戝惉鑺傛祦
+ this.throttledScrollHandler = _.throttle(
+ this.scrollFun,
+ this.throttleThreshold,
+ { leading: true, trailing: false }
+ );
+ // 瀹氫箟瀛愬眰鏂规硶
+ if (this.setGlobalState) {
+ // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+ this.setGlobalState({
+ gotoPage: (catalog, page) => {
+ this.gotoPage(catalog, page);
+ },
+ // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+ renderSign: (type, data) => {
+ // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+ this.handelSignData(type, data);
+ // this.renderSign(type, data);
+ },
+ // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+ delSign: (data) => {
+ this.delSign(data);
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
+ },
+ });
+ }
+
+ // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+ // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+ this.observer = new IntersectionObserver(this.pageChangeCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+
+ // 娴嬭瘯椤甸潰璺宠浆
+ // setTimeout(() => {
+ // this.gotoPage(2, 23);
+ // setTimeout(() => {
+ // this.renderSign("Highlight", {
+ // id: "2ACA9359",
+ // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+ // page: "10",
+ // type: "Highlight",
+ // color: "#F5E12A"
+ // });
+ // setTimeout(() => {
+ // this.delSign({
+ // ids: ["2ACA9359"]
+ // });
+ // }, 2000);
+ // }, 500);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 500);
+ },
+ methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // 婊氬姩鐩戝惉
+ scrollFun(event) {
+ this.handleVideoPicture();
+ // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+ if (event.target.scrollTop > this.previousScrollTop) {
+ this.getAduio();
+ // 鍚戜笅
+ const currentScrollTop =
+ event.target.scrollTop + event.target.offsetHeight;
+ if (
+ currentScrollTop >=
+ event.target.scrollHeight - this.loadThreshold
+ ) {
+ console.log(1);
+
+ // 鍒拌揪闃堝��
+ if (
+ this.showCatalogList[this.showCatalogList.length - 1] <
+ this.catalogLength
+ ) {
+ // 鍔犺浇涓嬩竴绔�
+ this.showCatalogList.push(
+ this.showCatalogList[this.showCatalogList.length - 1] + 1
+ );
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+ this.showCatalogList.shift();
+ }
+ }
+ }
+ } else if (event.target.scrollTop < this.previousScrollTop) {
+ this.handleAudio();
+ // 鍚戜笂
+ const currentScrollTop = event.target.scrollTop;
+ if (currentScrollTop <= this.loadThreshold) {
+ // 鍒拌揪闃堝��
+ if (this.showCatalogList[0] > 0) {
+ // 鍔犺浇涓婁竴绔�
+ this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+ this.showCatalogList.pop();
+ }
+ }
+ }
+ }
+ // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+ // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+ this.previousScrollTop = event.target.scrollTop;
+ },
+ // 绔犺妭銆侀〉闈㈣烦杞�
+ gotoPage(catalog, page) {
+ if (catalog >= 0 && catalog <= this.catalogLength) {
+ // 澶勭悊娓叉煋绔犺妭
+ if (catalog == 0) {
+ this.showCatalogList = [0, 1];
+ } else if (catalog == this.catalogLength) {
+ this.showCatalogList = [
+ this.catalogLength - 2,
+ this.catalogLength - 1,
+ this.catalogLength,
+ ];
+ } else {
+ this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+ }
+ setTimeout(() => {
+ // 璺宠浆椤电爜
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${page}"]`);
+ if (pageDom) {
+ pageDom.scrollIntoView();
+ } else {
+ console.log("椤电爜閿欒锛�");
+ }
+ }, 500);
+ } else {
+ console.log("绔犺妭閿欒锛�");
+ }
+ },
+
+ // 澶勭悊鏍囪鏁版嵁
+ handelSignData(type, data) {
+ if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+ // 绔嬪嵆娓叉煋
+ this.renderSign(type, data);
+ }
+
+ // 鍌ㄥ瓨鏁版嵁
+ if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+ if (!this.renderSignMap[type][data.page])
+ this.renderSignMap[type][data.page] = [];
+ this.renderSignMap[type][data.page].push(data);
+ },
+
+ // 娓叉煋鏍囪
+ renderSign(type, data) {
+ // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+ if (this.$store.state.qiankun.disableSign) {
+ return false;
+ }
+ const existence = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${data.id}"]`);
+ // 鍘婚噸
+ if (!existence) {
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${data.page}"]`);
+ // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+ const treeWalker = document.createTreeWalker(
+ pageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ const allTextNodes = [];
+ let currentNode = treeWalker.nextNode();
+ while (currentNode) {
+ allTextNodes.push(currentNode);
+ currentNode = treeWalker.nextNode();
+ }
+ for (let i = 0; i < allTextNodes.length; i++) {
+ const textDom = allTextNodes[i];
+ if (textDom.textContent.indexOf(data.txt) > -1) {
+ let reg = new RegExp(`${data.txt}`, "ig");
+ switch (type) {
+ case "Highlight":
+ // 楂樹寒
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Dashing":
+ // 鍒掔嚎
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Note":
+ // 绗旇
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+ );
+ break;
+ }
+ }
+ }
+ }
+ },
+ // 鍒犻櫎鏍囪娓叉煋
+ delSign({ ids, type }) {
+ if (ids && ids.length) {
+ for (let i = 0; i < ids.length; i++) {
+ const id = ids[i];
+ const dom = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${id}"]`);
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ if (type) {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(`[datatype="${type}"]`);
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ },
+ initObservation() {
+ const sections = (
+ this.container ? this.container : document
+ ).querySelectorAll(".page-box");
+ sections.forEach((section) => {
+ if (this.config.activeBook && this.config.activeBook.tryPageCount) {
+ const page = section.getAttribute("page");
+ if (Number(page) > this.config.activeBook.tryPageCount) {
+ let chapterDom = this.getParentWithClass(section, "chapter");
+ const chapterNum = chapterDom.getAttribute("num");
+ this.catalogLength = Number(chapterNum) - 1;
+ section.remove();
+ return false;
+ }
+ }
+ // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+ const isObserver = section.getAttribute("observer");
+ const isLoadObserver = section.getAttribute("loadObserver");
+ if (!isObserver) {
+ this.observer.observe(section);
+ section.setAttribute("observer", "1");
+ }
+ if (!isLoadObserver) {
+ this.loadPageObserver.observe(section);
+ section.setAttribute("loadObserver", "1");
+ }
+ });
+ },
+ initThemeColor() {
+ // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+ const colorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-color");
+ const backgroundColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-back");
+ const borderColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-border");
+ // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+ const bookThemeColor =
+ this.config.activeBook && this.config.activeBook.bookThemeColor
+ ? this.config.activeBook.bookThemeColor
+ : null;
+ const chapterThemeColor =
+ this.config.activeBook && this.config.activeBook.chapterThemeColor
+ ? this.config.activeBook.chapterThemeColor
+ : null;
+ const pageThemeColor =
+ this.config.activeBook && this.config.activeBook.pageThemeColor
+ ? this.config.activeBook.pageThemeColor
+ : null;
+ colorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.color = themeColor;
+ }
+ });
+ backgroundColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.backgroundColor = themeColor;
+ }
+ });
+ borderColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.borderColor = themeColor;
+ }
+ });
+ },
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ pageChangeCallback(entries, observer) {
+ //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+ entries.forEach((entry) => {
+ //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+ const page = target.getAttribute("page");
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ const catalog = catalogDom.getAttribute("num");
+ let text = null;
+ if (target.querySelector("p")) {
+ text = target.querySelector("p").textContent.substring(0, 50);
+ }
+ // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+ if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+ this.$store.state.qiankun.pageChange({
+ page: page,
+ catalog: catalog,
+ text,
+ });
+ // const sections = Array.from(document.querySelectorAll(".section"));
+ //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+ // let index = sections.findIndex((section) => section === target) + 1;
+ //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+ }
+ });
+ },
+ loadPageCallback(entries, observer) {
+ entries.forEach(async (entry) => {
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ const page = target.getAttribute("page");
+ if (this.loadPageList.indexOf(Number(page)) == -1) {
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ // 娣诲姞椤电爜
+ this.loadPageList.push(Number(page));
+ const catalog = catalogDom.getAttribute("num");
+ // if (!this.questionDataMap[page]) {
+ // if (testData && testData[catalog]) {
+ // if (testData[catalog][page]) {
+ // if (Array.isArray(testData[catalog][page])) {
+ // this.questionDataMap[page] = await getQuestionList(
+ // page,
+ // testData[catalog][page],
+ // this.config.activeBook
+ // );
+ // } else {
+ // const obj = {};
+ // for (let key in testData[catalog][page]) {
+ // obj[key] = await getQuestionList(
+ // [],
+ // testData[catalog][page][key],
+ // this.config.activeBook
+ // );
+ // }
+ // this.questionDataMap[page] = obj;
+ // }
+ // console.log("棰樼洰", this.questionDataMap);
+ // }
+ // }
+ // }
+ // 娓叉煋杩欎竴椤电殑鏍囪
+ for (const key in this.renderSignMap) {
+ if (this.renderSignMap[key][page]) {
+ this.renderSignMap[key][page].forEach((item) => {
+ this.renderSign(key, item);
+ });
+ }
+ }
+ // 澶勭悊楂樹寒
+ if (this.highlightData) {
+ // 楂樹寒琛�
+ setTimeout(() => {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ target,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
+ if (txtIndex > -1) {
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
+ }
+ }
+ }, 100);
+ }
+ if (this.loadPageList.length > 5) {
+ // 瓒呰繃5椤�
+ this.loadPageList.shift();
+ }
+ }
+ }
+ });
+ },
+ initSwiper() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper-img");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: {
+ //鑷姩寮�濮�
+ delay: 3000, //鏃堕棿闂撮殧
+ disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ },
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ // observer: true,
+ // observeParents: true
+ // // 濡傛灉闇�瑕佸垎椤靛櫒
+ // pagination: {
+ // el: (this.container ? this.container : document).querySelector(
+ // ".swiper-pagination"
+ // ),
+ // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+ // }
+ });
+ }
+ const pptDoms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper_ppt");
+ for (let i = 0; i < pptDoms.length; i++) {
+ const dom = pptDoms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: false,
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ observer: true,
+ observeParents: true,
+ on: {
+ init: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ slideChange: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ },
+ });
+ }
+ },
+ initViewer() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".openImgBox");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Viewer(dom, {
+ container: this.container
+ ? this.container.querySelector("#app")
+ : "body",
+ navbar: true, // 鏄剧ず瀵艰埅鏍�
+ toolbar: true, // 鏄剧ず宸ュ叿鏍�
+ title: true, // 鏄剧ず鏍囬
+ });
+ }
+ },
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ chapter001
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ thisPageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ }
+ }
+ }
+ }
+ // 杈撳嚭鎼滅储缁撴灉
+ console.log(searchResult);
+ return searchResult;
+ },
+ // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+ searchItemLocation(data) {
+ // 璁板綍楂樹寒淇℃伅
+ this.highlightData = data;
+ // 璺宠浆
+ this.gotoPage(data.catalog, data.page, () => {});
+ },
+ // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+ getAduio() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ this.videoList = allVideo;
+ if (allVideo.length) {
+ // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉￠煶棰�
+ const playAudio = allVideo
+ .reverse()
+ .find((item) => item.paused == false);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap < 0) {
+ playAudio.pause();
+ this.audioPath = playAudio.src;
+ this.currentTime = playAudio.currentTime;
+ }
+ }
+ }
+ },
+ // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+ handleAudio() {
+ if (!this.audioPath) return false;
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ if (allVideo.length) {
+ //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+ const playAudio = allVideo.find((item) => item.src == this.audioPath);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap >= 0) {
+ if (this.$refs.audioPlayer) {
+ const playerState = this.$refs.audioPlayer.getVideoPlayer();
+ this.audioPath = "";
+ playAudio.currentTime = playerState.currentTime;
+ if (!playerState.paused) playAudio.play();
+ }
+ }
+ }
+ }
+ },
+ // 鍏抽棴mini video
+ closeMiniAudio() {
+ this.audioPath = "";
+ },
+ // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
+ closeAudio() {
+ let allAudio = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ for (let index = 0; index < allAudio.length; index++) {
+ const item = allAudio[index];
+ item.addEventListener("play", () => {
+ const audioList = Array.from(allAudio);
+ for (let cindex = 0; cindex < audioList.length; cindex++) {
+ const citem = audioList[cindex];
+ if (citem.currentSrc != item.src) {
+ citem.pause();
+ }
+ }
+ this.closeMiniAudio();
+ });
+ }
+ },
+ // 鐐瑰嚮瑙嗛鍏抽棴鍏朵粬
+ closeVideo() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".video");
+ for (let index = 0; index < allVideo.length; index++) {
+ const item = allVideo[index];
+ item.addEventListener("playing", (item) => {
+ const path = item.srcElement.src;
+ const videoList = Array.from(allVideo);
+ for (let cindex = 0; cindex < videoList.length; cindex++) {
+ const citem = videoList[cindex];
+ if (citem.currentSrc != path && path) {
+ citem.pause();
+ }
+ }
+ });
+ }
+ },
+ // 瑙嗛灏忕獥
+ handleVideoPicture() {
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".video"
+ );
+ doms = Array.from(doms);
+ if (!doms.length) return false;
+ const playVudio = doms.reverse().find((item) => item.paused == false);
+ if (playVudio) {
+ const bottomGap = playVudio.getBoundingClientRect().bottom;
+ const topGap = playVudio.getBoundingClientRect().top;
+ if (bottomGap < 0 || topGap > window.innerHeight) {
+ try {
+ if (playVudio.readyState) playVudio.requestPictureInPicture();
+ } catch (error) {
+ console.log(error, "灏忕獥閿欒error");
+ }
+ }
+ }
+ },
+ //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+ transformDom(fs) {
+ if (!fs) return;
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".block"
+ );
+ if (!doms.length) return;
+ for (let index = 0; index < doms.length; index++) {
+ const dom = doms[index];
+ dom.style.fontSize = fs + "px";
+ }
+ },
+ },
+ components: {
+ pageHeader,
+ chapter001
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+ width: 100% !important;
+ height: 100% !important;
+ overflow: auto;
+
+ .page-content {
+ max-width: 816px;
+ min-width: 375px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+ }
+}
+</style>
diff --git a/src/books/OralAndBroadcasting/view/index.vue b/src/books/OralAndBroadcasting/view/index.vue
new file mode 100644
index 0000000..88e2241
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/index.vue
@@ -0,0 +1,78 @@
+<template>
+ <div class="OralAndBroadcasting" @mouseup="handleMouseUp">
+ <pageContent></pageContent>
+ </div>
+ </template>
+
+ <script>
+ import pageContent from "./components/index.vue"
+ export default {
+ name: "civilAviation",
+ components: { pageContent },
+ computed: {
+ fontSize() {
+ return this.$store.state.qiankun.fontSize;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale / 100;
+ },
+ },
+ methods: {
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ handleMouseUp(e) {
+ const selection = (
+ this.container ? this.container : window
+ ).getSelection();
+ const txt = selection.toString();
+ if (selection.type != "none" && txt) {
+ let node = selection.anchorNode.parentNode;
+ let pageHtml = this.getParentWithClass(
+ selection.anchorNode,
+ "page-box"
+ );
+ let chapterDom = this.getParentWithClass(
+ selection.anchorNode,
+ "chapter"
+ );
+ let chapterNum;
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ if (pageHtml) {
+ const page = pageHtml.getAttribute("page");
+ // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum,
+ txt,
+ page,
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ } else {
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum: "",
+ txt: "",
+ page: "",
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ },
+ },
+ };
+ </script>
+
+ <style lang="less">
+ @import "../assets/main.less";
+ </style>
+
\ No newline at end of file
diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index 34463b6..95c9fe5 100644
--- a/src/components/examinations/index.vue
+++ b/src/components/examinations/index.vue
@@ -972,7 +972,7 @@
</style>
<style lang="less" scoped>
-.catalogName {
+.catalogName {
display: flex;
text-indent: 1em !important;
font-size: 16px;
--
Gitblit v1.9.1