From 1695fcd442fe2cefb6d3b63869ad8a72ebd5210a Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 04 七月 2025 23:57:18 +0800
Subject: [PATCH] 测试图书 7.4

---
 src/books/toddlerGameImplementation/view/components/chapter001.vue | 1968 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 1,701 insertions(+), 267 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue
index ffd5a44..85eefe9 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter001.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -1,55 +1,57 @@
 <template>
     <div class="chapter" num="2">
         <!-- 1椤� -->
-        <div class="page-box" page="8">
-            <div v-if="showPageList.indexOf(8) > -1">
+        <div class="page-box" page="11">
+            <div v-if="showPageList.indexOf(11) > -1">
                 <div style="display: flex;">
-                    <div style="background-color: #c6eafa;">
-                        <p><br></p>
-                        <!-- <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p> -->
+                    <div class="img-0">
+                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%;" />
                     </div>
-                    <div class="" style="padding: 15% 0;">
-                        <h1 id="a008">瀛︿範妯″潡涓�</h1>
+                    <div class="" style="margin:0 10% 0 3%; padding: 10% 0 22% 0;">
+                        <h1 id="a008" class="ta-l">瀛︿範妯″潡涓�</h1>
                         <p class="h1-zt">濠村辜鍎挎父鎴忔杩�</p>
                         <div class="bj1">
                             <p>娓告垙鏄┐骞煎効鐨勫伐浣滐紝鐞嗚В娓告垙瀵瑰┐骞煎効鍙戝睍鐨勬剰涔夎嚦鍏抽噸瑕併�傚湪鏁欏涓紝鎴戜滑搴斿綋灏嗕績杩涘┐骞煎効娓告垙涓庝繚闅滃┐骞煎効瀹夊叏鍜岃繘琛屾棩甯哥収鎶ゅ悓绛夎鐪熷寰呫�傚彧鏈夐噸瑙嗗苟鏀寔濠村辜鍎跨殑娓告垙锛屼粬浠墠鑳借寔澹垚闀裤�備粠杩欎釜瑙掑害鏉ヨ锛屾垜浠偐璐熺潃涓�椤归噸瑕佺殑璐d换锛屽嵆鍩轰簬濠村辜鍎跨殑鍏磋叮銆佽兘鍔涘拰鍙戝睍杩涚▼鏉ヤ績杩涗粬浠殑娓告垙锛屽府鍔╀粬浠湪鍚勪釜棰嗗煙鑾峰緱鍏ㄩ潰鍙戝睍銆傚洜姝わ紝娣卞叆浜嗚В濠村辜鍎挎棭鏈熷彂灞曠殑鐩稿叧鐭ヨ瘑锛屽苟鍦ㄦ鍩虹涓婅瀵熻褰曞┐骞煎効鐨勫彂灞曟儏鍐靛氨鏄惧緱灏や负閲嶈銆�
                             </p>
                         </div>
                         <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
-                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0013-1.jpg" /></p>
+                        <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0013-1.jpg" /></p>
                         <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
-                        <p>娓告垙鏄瀛愭暣涓殑鐢熸椿銆傚瀛愪袱涓変釜鏈堝ぇ鏃跺氨鍦ㄥ簥涓婁笉鍋滃湴鍔ㄦ墜韪㈣剼锛岀嫭鑷湴鐜┿�傚埌浜嗕簲鍏釜鏈堢殑鏃跺�欙紝鐪嬭涓滆タ灏辫鎶擄紱鍐嶅ぇ涓�鐐瑰氨杩欓噷鎺ㄦ帹銆侀偅閲屾媺鎷夛紝杩樹細涓嶅仠鍦扮埇鏉ョ埇鍘汇�佽蛋鏉ヨ蛋鍘伙紱鍒颁簡涓夊洓宀佺殑鏃跺�欙紝娓告垙鐨勭绫绘洿鍔犵箒澶氥�備綘璁や负娓告垙瀵瑰┐骞煎効鍙戝睍鐨勬剰涔夋槸浠�涔堬紵鐓ф姢鑰呭湪0锝�3宀佸┐骞煎効娓告垙涓殑浣滅敤鏄粈涔堬紵濠村辜鍎跨殑鍙戝睍涓庡叾娓告垙涔嬮棿鏈夋�庢牱鐨勫叧绯诲憿锛�
+                        <p class="fm-KH">
+                            娓告垙鏄瀛愭暣涓殑鐢熸椿銆傚瀛愪袱涓変釜鏈堝ぇ鏃跺氨鍦ㄥ簥涓婁笉鍋滃湴鍔ㄦ墜韪㈣剼锛岀嫭鑷湴鐜┿�傚埌浜嗕簲鍏釜鏈堢殑鏃跺�欙紝鐪嬭涓滆タ灏辫鎶擄紱鍐嶅ぇ涓�鐐瑰氨杩欓噷鎺ㄦ帹銆侀偅閲屾媺鎷夛紝杩樹細涓嶅仠鍦扮埇鏉ョ埇鍘汇�佽蛋鏉ヨ蛋鍘伙紱鍒颁簡涓夊洓宀佺殑鏃跺�欙紝娓告垙鐨勭绫绘洿鍔犵箒澶氥�備綘璁や负娓告垙瀵瑰┐骞煎効鍙戝睍鐨勬剰涔夋槸浠�涔堬紵鐓ф姢鑰呭湪0锝�3宀佸┐骞煎効娓告垙涓殑浣滅敤鏄粈涔堬紵濠村辜鍎跨殑鍙戝睍涓庡叾娓告垙涔嬮棿鏈夋�庢牱鐨勫叧绯诲憿锛�
                         </p>
                     </div>
                 </div>
             </div>
         </div>
         <!-- 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">
+        <div class="page-box" page="12">
+            <div v-if="showPageList.indexOf(12) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                         <span>2</span>
                     </li>
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
-                <div class="bj3">
-                    <div class="bj2">
-                        <h2 id="b001">瀛︿範浠诲姟涓�</h2>
-                        <p class="h2-zt">0锝�3宀佸┐骞煎効鍙戝睍姒傚喌</p>
+                <div class="rw-bg">
+                    <div class="bj4">
+                        <div class="bj5">
+                            <h2 id="b001">瀛︿範浠诲姟涓�</h2>
+                            <p class="h2-zt">0~3宀佸┐骞煎効鍙戝睍姒傚喌</p>
+                        </div>
                     </div>
                 </div>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
+                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
                         <tr class="table-th-bc">
                             <td class="center">椤圭洰</td>
                             <td class="center">鍐呭</td>
                         </tr>
                         <tr>
-                            <td class="center table-th-bc img-h">瀛︿範鐩爣</td>
+                            <td class="center table-th-bc w15">瀛︿範鐩爣</td>
                             <td class="ta-l table-tr-bc">
                                 <p> 鈶犱簡瑙� 0~3 宀佸┐骞煎効鐨勫彂灞曟鍐点��</p>
                                 <p> 鈶℃帉鎻� 0~3 宀佸┐骞煎効鐨勫彂灞曠壒鐐广��</p>
@@ -68,10 +70,10 @@
                             <td class="ta-l table-tr-bc">
                                 <p class="td-0"><b>瀛︿範鍓�:</b></p>
                                 <p>鈶犲畬鎴愭湰浠诲姟鐨勫涔犲垵浣撻獙娲诲姩銆�</p>
-                                <p>鈶℃煡闃� 0~3 宀佸┐鍎胯韩蹇冨彂灞曠壒鐐圭殑鐩稿叧璧勬枡銆�</p>
+                                <p>鈶℃煡闃� 0~3 宀佸┐骞煎効韬績鍙戝睍鐗圭偣鐨勭浉鍏宠祫鏂欍��</p>
                                 <p class="td-0"><b>瀛︿範涓�:</b></p>
                                 <p>鈶犳繁鍏ヤ簡瑙e┐骞煎効鏃╂湡鍙戝睍鐨勭浉鍏崇煡璇嗐��</p>
-                                <p>鈶¤兘澶熷皢濠村辜鍎挎父鎴忓疄鏅笌濠村辜鍎垮彂灞曡繘琛�--瀵瑰簲銆�</p>
+                                <p>鈶¤兘澶熷皢濠村辜鍎挎父鎴忓疄鏅笌濠村辜鍎垮彂灞曡繘琛屼竴涓�瀵瑰簲銆�</p>
                                 <p class="td-0"><b>瀛︿範鍚�:</b></p>
                                 <p>鈶犲畬鎴愭湰浠诲姟鐨勫涔犳晥鏋滄娴嬨��</p>
                                 <p>鈶″皾璇曠粨鍚堟墍瀛﹀濠村辜鍎跨殑琛屼负琛ㄧ幇杩涜鍒濇鍒嗘瀽銆�</p>
@@ -98,24 +100,38 @@
             </div>
         </div>
         <!-- 3椤� -->
-        <div class="page-box" page="10">
-            <div v-if="showPageList.indexOf(10) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-45">
+        <div class="page-box" page="13">
+            <div v-if="showPageList.indexOf(13) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村効娓告垙姒傝堪</li>
-                    <li class="headerNumber">3</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>3</span>
+                    </li>
                 </ul>
                 <div class="bodystyle">
                     <p class="mb-10"><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
-                    <p>1宀佸乏鍙崇殑瀛╁瓙寮�濮嬪枩娆㈣棌鎵炬父鎴忋�備粬浠紑濮嬪枩娆㈢殑钘忔壘娓告垙褰㈠紡灏辨槸钂欒劯鎵撳紑锛屼箰姝や笉鐤层�傚綋瀛╁瓙鏇村ぇ涓�鐐癸紝浠栦滑瀵逛簬钘忔壘娓告垙灏变笉鍐嶆弧瓒充簬钂欒劯鎵撳紑锛屽紑濮嬪枩娆㈡洿楂樼骇鐨勬父鎴忓舰寮忋�傛瘮濡傦紝褰撴垜浠湪瀛╁瓙闈㈠墠鎶婁笢瑗胯棌鍦ㄦ灂澶村簳涓嬨�佹瀛愰噷鎴栧叾浠栧湴鏂癸紝闂�滃畠鍦ㄥ摢閲屽晩鈥濃�滀綘鑳芥壘鍒板畠鍚椻�濇椂锛屽瀛愪細寮�濮嬪鎵撅紝骞朵箰鍦ㄥ叾涓�傜敱姝ゅ彲瑙侊紝娓告垙褰㈠紡涓庡┐骞煎効鐨勫勾榫勬湁瀵嗗垏鍏崇郴銆傚彧鏈変簡瑙d笉鍚屽勾榫勫┐骞煎効鐨勫彂灞曠壒鐐逛笌瑙勫緥锛屾墠鑳戒负浠栦滑鎻愪緵閫傚疁鐨勬父鎴忥紝骞剁湡姝e彂鎸ユ父鎴忓湪濠村辜鍎挎垚闀胯繃绋嬩腑鐨勪綔鐢ㄣ��
+                    <p class="fm-fzfs">
+                        1宀佸乏鍙崇殑瀛╁瓙寮�濮嬪枩娆㈣棌鎵炬父鎴忋�備粬浠紑濮嬪枩娆㈢殑钘忔壘娓告垙褰㈠紡灏辨槸钂欒劯鎵撳紑锛屼箰姝や笉鐤层�傚綋瀛╁瓙鏇村ぇ涓�鐐癸紝浠栦滑瀵逛簬钘忔壘娓告垙灏变笉鍐嶆弧瓒充簬钂欒劯鎵撳紑锛屽紑濮嬪枩娆㈡洿楂樼骇鐨勬父鎴忓舰寮忋�傛瘮濡傦紝褰撴垜浠湪瀛╁瓙闈㈠墠鎶婁笢瑗胯棌鍦ㄦ灂澶村簳涓嬨�佹瀛愰噷鎴栧叾浠栧湴鏂癸紝闂�滃畠鍦ㄥ摢閲屽晩鈥濃�滀綘鑳芥壘鍒板畠鍚椻�濇椂锛屽瀛愪細寮�濮嬪鎵撅紝骞朵箰鍦ㄥ叾涓�傜敱姝ゅ彲瑙侊紝娓告垙褰㈠紡涓庡┐骞煎効鐨勫勾榫勬湁瀵嗗垏鍏崇郴銆傚彧鏈変簡瑙d笉鍚屽勾榫勫┐骞煎効鐨勫彂灞曠壒鐐逛笌瑙勫緥锛屾墠鑳戒负浠栦滑鎻愪緵閫傚疁鐨勬父鎴忥紝骞剁湡姝e彂鎸ユ父鎴忓湪濠村辜鍎挎垚闀胯繃绋嬩腑鐨勪綔鐢ㄣ��
                     </p>
                     <p><b>鎯充竴鎯筹細</b></p>
-                    <p>1.涓轰粈涔�6涓湀宸﹀彸鐨勫瀛愭病鏈夊钘忔壘娓告垙浜х敓鍏磋叮锛�</p>
-                    <p>2.寮�灞曡棌鎵炬父鎴忕殑鍓嶆彁鏄粈涔堬紵</p>
-                    <p>3.娓告垙涓庡┐骞煎効鍙戝睍涔嬮棿鐨勫叧绯绘槸浠�涔堬紵</p>
+                    <p class="fm-kt">1.涓轰粈涔�6涓湀宸﹀彸鐨勫瀛愭病鏈夊钘忔壘娓告垙浜х敓鍏磋叮锛�</p>
+                    <textarea v-model="textQuestionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
+                        @change="saveTextQuestionData"></textarea>
+                    <p class="fm-kt">2.寮�灞曡棌鎵炬父鎴忕殑鍓嶆彁鏄粈涔堬紵</p>
+                    <textarea v-model="textQuestionData.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
+                        @change="saveTextQuestionData"></textarea>
+                    <p class="fm-kt">3.娓告垙涓庡┐骞煎効鍙戝睍涔嬮棿鐨勫叧绯绘槸浠�涔堬紵</p>
+                    <textarea v-model="textQuestionData.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
+                        @change="saveTextQuestionData"></textarea>
                     <h3 id="c001">涓�銆�0锝�1宀佸┐鍎跨殑鍙戝睍姒傚喌</h3>
                     <h4 id="d001">锛堜竴锛�0锝�3涓湀濠村効鐨勫彂灞曟鍐�</h4>
-                    <p>0锝�3涓湀濠村効宸茬粡鍑嗗濂借繋鎺ヤ笘鐣屻�傚湪浠栦滑鐨勪簲澶ф劅瑙夊彂灞曚腑锛屽懗瑙夊拰鍡呰鎴愮啛寰楃浉瀵硅緝鏃┿�備緥濡傦紝浠栦滑鑳界敤寰瑧銆佺毐鐪夊拰浼歌垖澶存潵琛ㄧず瀵圭敎銆佸捀銆佽嫤鐨勫ソ鎭躲�傛柊鐢熷効鍙湁20鍘樼背宸﹀彸鐨勮绋嬶紝鑰屼笖鐪嬩笉娓呮缁嗚妭銆傚埌3涓湀鏃讹紝濠村効涓嶄粎鑳戒粩缁嗚瀵熻繎鐗╋紝杩樿兘瑙嗚杩界墿銆傝繖涓樁娈靛┐鍎跨殑鍔ㄤ綔鍙戝睍涓昏琛ㄧ幇涓哄皬鎵嬩粠鎻℃嫵鍒版澗寮�锛屾湁鎰忚瘑鍦板皾璇曠潃鍘绘姄涓滆タ锛涢閮ㄨ倢鑲変粠鏃犲姏鏀拺澶撮儴鍒颁刊鍗ф椂鎶ご45掳锛涘洓鑲粠闅忔満銆佹棤鎺у埗鍙戝睍鍒版湁鎰忚瘑鍦版姮鑷傘�佽涪鑵裤�備粬浠細杩愮敤鎰熷畼鍜屽姩浣滄帰绱笘鐣屻��<sup>鈶�</sup>
+                    <p>0锝�3涓湀濠村効宸茬粡鍑嗗濂借繋鎺ヤ笘鐣屻�傚湪浠栦滑鐨勪簲澶ф劅瑙夊彂灞曚腑锛屽懗瑙夊拰鍡呰鎴愮啛寰楃浉瀵硅緝鏃┿�備緥濡傦紝浠栦滑鑳界敤寰瑧銆佺毐鐪夊拰浼歌垖澶存潵琛ㄧず瀵圭敎銆佸捀銆佽嫤鐨勫ソ鎭躲�傛柊鐢熷効鍙湁20鍘樼背宸﹀彸鐨勮绋嬶紝鑰屼笖鐪嬩笉娓呮缁嗚妭銆傚埌3涓湀鏃讹紝濠村効涓嶄粎鑳戒粩缁嗚瀵熻繎鐗╋紝杩樿兘瑙嗚杩界墿銆傝繖涓樁娈靛┐鍎跨殑鍔ㄤ綔鍙戝睍涓昏琛ㄧ幇涓哄皬鎵嬩粠鎻℃嫵鍒版澗寮�锛屾湁鎰忚瘑鍦板皾璇曠潃鍘绘姄涓滆タ锛涢閮ㄨ倢鑲変粠鏃犲姏鏀拺澶撮儴鍒颁刊鍗ф椂鎶ご45掳锛涘洓鑲粠闅忔満銆佹棤鎺у埗鍙戝睍鍒版湁鎰忚瘑鍦版姮鑷傘�佽涪鑵裤�備粬浠細杩愮敤鎰熷畼鍜屽姩浣滄帰绱笘鐣屻��<sup
+                            title="鏉庤惀锛氥��0锝�3宀佸┐骞煎効鐜╂暀鍏锋帹鑽愬強娓告垙鎸囧銆嬭棰戞寚瀵肩増锛�2椤碉紝鍖椾含锛屼汉姘戦偖鐢靛嚭鐗堢ぞ锛�2019銆�">鈶�</sup>
                     </p>
                     <p>杩欎釜闃舵鐨勫┐鍎跨殑鎯呯华銆佹儏鎰熷彂灞曚富瑕佽〃鐜颁负鍝0鐨勫垎鍖栧拰绀句細鎬у井绗戠殑浜х敓銆傛瘮璧峰叧娉ㄧ墿浣擄紝浠栦滑鏇村枩娆㈠叧娉ㄤ汉锛屼粠鏈�鍒濈殑鍠滄鐪嬩汉鑴搞�佸枩娆㈠惉浜鸿璇濓紝鍙戝睍鍒板枩娆笌浜轰氦娴併�佺帺鑰嶃�傚挨鍏舵槸瀵逛翰杩戠殑涓昏鏁欏吇浜猴紝濠村効宸插彂灞曞嚭瀵瑰叾鐨勬暣浣撴劅鐭ワ紝娓愭笎渚濇亱涓婅繖涓�煎緱淇¤禆鐨勪汉锛屽苟鏈熷緟涓庝箣鍙戠敓绀句細浜掑姩銆傚叧娉ㄥ郊姝ゆ槸浠や粬浠剦鎮︾殑銆傚緢蹇紝濠村効灏变細瀵逛粬浜猴紙涓昏鏁欏吇浜猴級鐨勫井绗戞垨浣庤鍋氬嚭鐩镐技鐨勫洖搴旓紝鏋勫缓鏈夋潵鏈夊線鐨勪簰鍔ㄥ惊鐜�傝繖鏄竴绉嶆洿澶嶆潅鐨勬父鎴忓舰寮忋��
                     </p>
@@ -124,8 +140,7 @@
                     </p>
                     <p>闅忕潃棰堥儴鍙婅吙閮ㄨ倢鑲夊姏閲忕殑澧炲己锛岃繖涓樁娈电殑濠村効鍙互鑷富杩涜涓や晶缈昏韩锛屽紑濮嬪涔犲實鍖愬墠杩涳紝浠庤鍔ㄧЩ鍔ㄨ浆鍚戣嚜涓荤Щ鍔ㄣ�傞殢鐫�韬綋鍗忚皟鑳藉姏涓庤倢鑲夊姏閲忕殑澧炲己锛屽┐鍎跨殑瑙嗛噹闅忎箣鎷撳锛屽澶栫晫鐨勬帶鍒惰兘鍔涗篃閫愭澧炲己銆�
                     </p>
-                    <p>杩欎釜闃舵鐨勫┐鍎跨殑绉瀬鎯呯华浣撻獙澧炲锛屼粬浠洿瀹规槗琚�楃瑧锛屼篃浼氱敤鑷繁鐨勯潰閮ㄨ〃鎯呭拰韬綋鍔ㄤ綔鍙戝嚭淇″彿锛屼絾骞堕潪瀵规墍鏈変汉閮借繖鏍凤紝鍙韬竟浜茶繎鐨勪汉鎵嶄細杩欐牱銆傞檶鐢熶汉鐨勫嚭鐜板拰闈犺繎鍙嶈�屼細浣胯繖涓�闃舵鐨勫┐鍎块珮搴﹁鎯曪紝鐢氳嚦鎰熷埌鎯婃厡銆佸鎬曡�屽摥闂广�傝繖绉嶇幇璞℃簮浜庡┐鍎跨殑闄岀敓浜虹劍铏戯紝璁ょ敓鐜拌薄涔熷湪杩欎竴闃舵寮�濮嬪嚭鐜般��
-                    </p>
+                    <p><br></p>
                     <hr class="img-g">
                     <p class="p-even note td-0">&nbsp;&nbsp;<a
                             id="m1">鈶�</a>&emsp;鏉庤惀锛氥��0锝�3宀佸┐骞煎効鐜╂暀鍏锋帹鑽愬強娓告垙鎸囧銆嬭棰戞寚瀵肩増锛�2椤碉紝鍖椾含锛屼汉姘戦偖鐢靛嚭鐗堢ぞ锛�2019銆�</p>
@@ -133,9 +148,9 @@
             </div>
         </div>
         <!-- 4椤� -->
-        <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">
+        <div class="page-box" page="14">
+            <div v-if="showPageList.indexOf(14) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                         <span>4</span>
@@ -143,7 +158,8 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <p>杩欎釜闃舵鐨勫┐鍎跨殑鍙戦煶閫愭笎澧炲锛屽澹版瘝銆侀煹姣嶉檰缁嚭鐜帮紝杩炵画闊宠妭涔熼绻佸嚭鐜帮紝骞朵笖寮�濮嬫剰璇嗗埌閫氳繃鍙戝0鍙互灞曞紑浜ゆ祦銆�</p>
+                    <p>杩欎釜闃舵鐨勫┐鍎跨殑绉瀬鎯呯华浣撻獙澧炲锛屼粬浠洿瀹规槗琚�楃瑧锛屼篃浼氱敤鑷繁鐨勯潰閮ㄨ〃鎯呭拰韬綋鍔ㄤ綔鍙戝嚭淇″彿锛屼絾骞堕潪瀵规墍鏈変汉閮借繖鏍凤紝鍙韬竟浜茶繎鐨勪汉鎵嶄細杩欐牱銆傞檶鐢熶汉鐨勫嚭鐜板拰闈犺繎鍙嶈�屼細浣胯繖涓�闃舵鐨勫┐鍎块珮搴﹁鎯曪紝鐢氳嚦鎰熷埌鎯婃厡銆佸鎬曡�屽摥闂广�傝繖绉嶇幇璞℃簮浜庡┐鍎跨殑闄岀敓浜虹劍铏戯紝璁ょ敓鐜拌薄涔熷湪杩欎竴闃舵寮�濮嬪嚭鐜般�傝繖涓樁娈电殑濠村効鐨勫彂闊抽�愭笎澧炲锛屽澹版瘝銆侀煹姣嶉檰缁嚭鐜帮紝杩炵画闊宠妭涔熼绻佸嚭鐜帮紝骞朵笖寮�濮嬫剰璇嗗埌閫氳繃鍙戝0鍙互灞曞紑浜ゆ祦銆�
+                    </p>
                     <h4 id="d003">锛堜笁锛�7锝�9涓湀濠村効鐨勫彂灞曟鍐�</h4>
                     <p>鍦ㄥ姩浣滃彂灞曟柟闈紝7锝�9涓湀濠村効鑳借嚜濡傚湴鐙潗锛屽紑濮嬩簡鎵嬭啙鐖紝鐖璺濈澧炲姞涓旈�熷害鍙樺揩銆備粬浠殑浜旀寚鍒濇鍒嗗寲锛岃兘澶熺敤鎷囨寚鍜屽叾浣欏洓鎸囬厤鍚堟崗鍙栫墿鍝併�傚悓鏃讹紝浠栦滑鐨勫崟鎵嬫搷浣滅墿鍝佸拰鍙屾墜鍚堜綔鐨勮兘鍔涗篃鍦ㄦ彁楂樸�備粬浠細鎽囨檭銆佹姇鎺枫�佹墧涓滆タ锛屼細鐏垫椿鍦扮敤鍙屾墜浜ゆ崲鐗╁搧锛屼細瀵瑰嚮鏁蹭笢瑗裤��
                     </p>
@@ -165,22 +181,22 @@
                     </p>
                     <p>杩欎釜闃舵鐨勫辜鍎挎槸濞寸啛鐨勮鍔ㄨ�呫�備粬浠凡瀛︿細鐔熺粌鍦拌璧般�佷笂涓嬫ゼ姊紝灏濊瘯鐫�璺戞銆佽涪鐞冪瓑锛屽皬鎵嬩篃寮�濮嬫湁鏇村鐨勫姛鑳芥�у姩浣滐紝鍗虫寜鐓т簨鐗╃殑鐗圭偣鍘绘搷浣滐紝濡傛惌绉湪銆佹秱楦︺�佺炕涔︾瓑銆�</p>
                     <p>杩欎釜闃舵鐨勫辜鍎胯繘鍏ョ湡姝g殑璇█鍙戝睍鏈燂紝鑳藉鐢ㄦ墜鍔裤�侀潰閮ㄨ〃鎯呭拰璇嶈涓庝粬浜轰氦娴併�傝櫧鐒跺彧鏄崟涓殑鍚嶈瘝鎴栧姩璇嶏紝浣嗚〃杈剧殑鏄竴鍙ュ畬鏁寸殑璇濄�傝繖涓樁娈电殑骞煎効杩樺枩娆㈢炕闃呭浘涔︼紝鑳藉璇村嚭涔︿笂鍥剧墖鐨勫悕绉般��</p>
-                    <p>杩欎釜闃舵鐨勫辜鍎跨嫭绔嬫剰璇嗗紑濮嬭悓鑺斤紝鑳芥洿鍔犳槑纭湴鎰忚瘑鍒拌嚜宸变笌浠栦汉鐨勪笉鍚岋紝骞朵笖寰堟湁鑷繁鐨勬兂娉曘�備粬浠紑濮嬪澶栫晫鐨勪汉銆佷簨銆佺墿鏈夋洿娓呮櫚鐨勬儏缁拰鎯呮劅鍥炲簲锛屽湪鐭椂闂村唴鎯呯华鍙樺寲浼氬緢寮虹儓銆傚挨鍏舵槸褰撳鐣�
-                    </p>
                 </div>
             </div>
         </div>
         <!-- 5椤� -->
-        <div class="page-box" page="12">
-            <div v-if="showPageList.indexOf(12) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-45">
+        <div class="page-box" page="15">
+            <div v-if="showPageList.indexOf(15) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村効娓告垙姒傝堪</li>
-                    <li class="headerNumber">5</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>5</span>
+                    </li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="td-0">
-                        涓庝粬浠嚜韬殑蹇冪悊鐘舵�佸拰闇�姹備笉绗︼紝濡傚彈鎸椂锛屼粬浠氨浼氬彂鑴炬皵銆備絾涓庢鍚屾椂锛屽辜鍎夸篃鍦ㄥ彂灞曟柊鐨勭Н鏋佹儏鎰燂紝濡傚悓鎯呫��1宀佷互鍚庯紝骞煎効铏界劧浠ョ嫭鑷父鎴忎负涓伙紝浣嗗凡缁忓紑濮嬮暱鏃堕棿鍦拌瀵熷悓榫勪汉鐨勬父鎴忥紝鏈夋椂鍊欏湪鎴愪汉鐨勫紩瀵间笅鑳藉鍙備笌鍒板皬缁勬椿鍔ㄤ腑銆�
+                    <p>杩欎釜闃舵鐨勫辜鍎跨嫭绔嬫剰璇嗗紑濮嬭悓鑺斤紝鑳芥洿鍔犳槑纭湴鎰忚瘑鍒拌嚜宸变笌浠栦汉鐨勪笉鍚岋紝骞朵笖寰堟湁鑷繁鐨勬兂娉曘�備粬浠紑濮嬪澶栫晫鐨勪汉銆佷簨銆佺墿鏈夋洿娓呮櫚鐨勬儏缁拰鎯呮劅鍥炲簲锛屽湪鐭椂闂村唴鎯呯华鍙樺寲浼氬緢寮虹儓銆傚挨鍏舵槸褰撳鐣屼笌浠栦滑鑷韩鐨勫績鐞嗙姸鎬佸拰闇�姹備笉绗︼紝濡傚彈鎸椂锛屼粬浠氨浼氬彂鑴炬皵銆備絾涓庢鍚屾椂锛屽辜鍎夸篃鍦ㄥ彂灞曟柊鐨勭Н鏋佹儏鎰燂紝濡傚悓鎯呫��1宀佷互鍚庯紝骞煎効铏界劧浠ョ嫭鑷父鎴忎负涓伙紝浣嗗凡缁忓紑濮嬮暱鏃堕棿鍦拌瀵熷悓榫勪汉鐨勬父鎴忥紝鏈夋椂鍊欏湪鎴愪汉鐨勫紩瀵间笅鑳藉鍙備笌鍒板皬缁勬椿鍔ㄤ腑銆�
                     </p>
                     <p>鍦ㄨ嚜鎴戞湇鍔℃椿鍔ㄦ柟闈紝杩欎釜闃舵鐨勫辜鍎夸細閰嶅悎鎴愪汉绌胯劚琛f湇銆佹礂鎵嬨�佹礂鑴革紝浼氳嚜宸辩敤鏉瓙鍠濇按銆佺敤鍕哄瓙鍚冮キ锛岀敋鑷充細鑷繁鍒风墮銆備粬浠凡缁忓叿澶囦簡鍩烘湰鐨勭敓娲昏嚜鐞嗚兘鍔涳紝灏界杩樹笉澶熺啛缁冿紝浣嗚繖鏄蛋鍑哄搴�侀�傚簲闆嗕綋鐢熸椿鐨勯噸瑕佷竴姝ャ��
                     </p>
@@ -194,10 +210,12 @@
                     <p>鍦ㄨ嚜鎴戞湇鍔℃椿鍔ㄦ柟闈紝杩欎釜闃舵鐨勫辜鍎垮彲浠ュ煿鍏诲垵姝ョ殑鐢ㄩ涔犳儻锛屽瀹夐潤銆佹剦蹇湴杩涢锛屼笉鎸戦銆佷笉鍋忛锛屼笉璐悆闆堕绛夈�傚辜鍎垮杩涢瑙勫垯鐨勬帉鎻″拰鐩稿簲鎶�鑳界殑鐔熺粌鍖栵紝浣垮闀跨殑鍏昏偛宸ヤ綔閫愭杞绘澗璧锋潵銆�</p>
                     <h3 id="c003">涓夈��2锝�3宀佸辜鍎跨殑鍙戝睍姒傚喌</h3>
                     <h4 id="d007">锛堜竴锛�25锝�30涓湀骞煎効鐨勫彂灞曟鍐�</h4>
-                    <p>闅忕潃骞撮緞鐨勫闀匡紝杩欎釜闃舵鐨勫辜鍎垮凡琛ㄧ幇鍑衡�滃皬澶т汉鈥濈殑鐗硅川锛屼粬浠鐗╁搧鎵�鏈夋潈銆佸父瑙勬椿鍔ㄣ�佸悆楗椂闂翠互鍙婃父鎴忔椿鍔ㄩ兘鏈夎嚜宸辩殑涓昏锛屽湪鏁翠綋鐨勭ぞ浼氶�傚簲鏂归潰宸茬粡濞寸啛浜嗚澶氥��<sup>鈶�</sup>浠栦滑鐨勮鐭ュ彂灞曟寮忚繘鍏ュ墠杩愮畻闃舵锛岃兘澶熷�熷姪琛ㄨ薄杩涜鎬濊�冿紝浠庤�岃璇嗘洿鎶借薄鐨勭鍙蜂綋绯伙紝濡傛暟鐨勬蹇点�佺敤瀹炵墿鎴栧浘褰㈣〃寰佺ぞ浼氱幇瀹炵瓑銆傛柊鐨勬�濈淮鑳藉姏涔熷甫鍔ㄥ辜鍎垮绀句細浜嬩欢鐨勭悊瑙e拰璁板繂鍔涚殑鍙戝睍銆備粬浠兘璁颁綇鑷繁鐨勫鍚嶃�佹�у埆锛岃兘鍥炲繂璧蜂笉涔呭墠浜茶韩缁忓巻鐨勪簨浠躲�傝繖涓�闃舵鐨勫辜鍎跨殑鎬濈淮瀹归噺鏄庢樉澧炲姞锛屾�濈淮鐨勬娊璞℃按骞充篃姣斾笂涓�闃舵鏈夊緢澶ф彁楂樸��
+                    <p>闅忕潃骞撮緞鐨勫闀匡紝杩欎釜闃舵鐨勫辜鍎垮凡琛ㄧ幇鍑衡�滃皬澶т汉鈥濈殑鐗硅川锛屼粬浠鐗╁搧鎵�鏈夋潈銆佸父瑙勬椿鍔ㄣ�佸悆楗椂闂翠互鍙婃父鎴忔椿鍔ㄩ兘鏈夎嚜宸辩殑涓昏锛屽湪鏁翠綋鐨勭ぞ浼氶�傚簲鏂归潰宸茬粡濞寸啛浜嗚澶氥��<sup
+                            title="锛荤編锛絁ulia Luckenbill銆侊蓟缇庯冀AartiSubramaniam銆侊蓟缇庯冀Janet Thompson锛氥��0-3宀佸┐骞煎効娓告垙锛氶�傚疁鐨勭幆澧冨垱璁句笌甯堝辜浜掑姩銆嬶紝寮犲拰棰愩�佸肮闆姏璇戯紝83椤碉紝鍖椾含锛屼腑鍥借交宸ヤ笟鍑虹増绀撅紝2022銆�">鈶�</sup>浠栦滑鐨勮鐭ュ彂灞曟寮忚繘鍏ュ墠杩愮畻闃舵锛岃兘澶熷�熷姪琛ㄨ薄杩涜鎬濊�冿紝浠庤�岃璇嗘洿鎶借薄鐨勭鍙蜂綋绯伙紝濡傛暟鐨勬蹇点�佺敤瀹炵墿鎴栧浘褰㈣〃寰佺ぞ浼氱幇瀹炵瓑銆傛柊鐨勬�濈淮鑳藉姏涔熷甫鍔ㄥ辜鍎垮绀句細浜嬩欢鐨勭悊瑙e拰璁板繂鍔涚殑鍙戝睍銆備粬浠兘璁颁綇鑷繁鐨勫鍚嶃�佹�у埆锛岃兘鍥炲繂璧蜂笉涔呭墠浜茶韩缁忓巻鐨勪簨浠躲�傝繖涓�闃舵鐨勫辜鍎跨殑鎬濈淮瀹归噺鏄庢樉澧炲姞锛屾�濈淮鐨勬娊璞℃按骞充篃姣斾笂涓�闃舵鏈夊緢澶ф彁楂樸��
                     </p>
                     <p>杩欎釜闃舵鐨勫辜鍎跨殑鍔ㄤ綔寮�濮嬪彉寰楁洿鍔犲鏉傦紝浠栦滑鐨勬姄鎻¤兘鍔涖�佸钩琛¤兘鍔涘拰鎵嬬溂鍗忚皟鑳藉姏閮藉湪澧炲己锛屽叾鎶�宸ф�т篃寮�濮嬭〃鐜板嚭鏉ャ�傝繖涓�闃舵褰㈡垚鐨勫姩浣滄妧鑳戒富瑕佹湇鍔′簬鏃ュ父鐢熸椿鍙婃父鎴忎腑涓�浜涚壒瀹氱殑鏃舵満涓庡満鍚堬紝鐗圭偣鏄伒娲昏嚜濡傘�佸钩琛℃�у己锛屽鍊掗��璧般�佽繄杩囬殰纰嶇墿銆佺嫭鑴氱珯鐗囧埢绛夈�傚伐鍏蜂娇鐢ㄧ殑鐔熺粌鍖栦篃鏄繖涓�闃舵鐨勭獊鍑虹壒鐐癸細楠戝皬涓夎疆鑴氳笍杞︼紝鏃嬭浆闂ㄦ妸鎵嬶紝鐢ㄥぇ铚$瑪鐢绘按骞充笌鍨傜洿绾裤�傛棩鐩婂鏉傜殑鍔ㄤ綔涓轰粬浠�傚簲闆嗕綋鐢熸椿鍙婂弬涓庡悇绫诲涔犳椿鍔ㄥ仛濂戒簡鍑嗗銆�
                     </p>
+                    <p><br></p>
                     <hr class="img-g">
                     <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">鈶�</a>&emsp;锛荤編锛絁ulia Luckenbill銆侊蓟缇庯冀Aarti
                         Subramaniam銆侊蓟缇庯冀Janet Thompson锛氥��0-3宀佸┐骞煎効娓告垙锛氶�傚疁鐨勭幆澧冨垱璁句笌甯堝辜浜掑姩銆嬶紝寮犲拰棰愩�佸肮闆姏璇戯紝83椤碉紝鍖椾含锛屼腑鍥借交宸ヤ笟鍑虹増绀撅紝2022銆�</p>
@@ -206,9 +224,9 @@
             </div>
         </div>
         <!-- 6椤� -->
-        <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">
+        <div class="page-box" page="16">
+            <div v-if="showPageList.indexOf(16) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                         <span>6</span>
@@ -228,23 +246,49 @@
                     </p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
-                        <p>璇曠潃鎶�0锝�3宀佸┐骞煎効鐨勫彂灞曟鍐典互鎬濈淮瀵煎浘鐨勫舰寮忓睍绀哄嚭鏉ワ紝鍙互浠庤瑷�銆佸姩浣溿�佽鐭ャ�佹儏缁儏鎰熺瓑瑙掑害鍛堢幇锛屽苟鎬荤粨瀵瑰┐骞煎効鐓ф姢宸ヤ綔瀹炶返鐨勫惎绀鸿鐐广��</p>
+                        <p>璇曠潃鎶�0锝�3宀佸┐骞煎効鐨勫彂灞曟鍐典互鎬濈淮瀵煎浘鐨勫舰寮忓睍绀哄嚭鏉ワ紝鍙互浠庤瑷�銆佸姩浣溿�佽鐭ャ�佹儏缁儏鎰熺瓑瑙掑害鍛堢幇锛屽苟鎬荤粨瀵瑰┐骞煎効鐓ф姢宸ヤ綔瀹炶返鐨勫惎绀鸿鐐广��
+                            <img class="jc-img" alt="" src="../../assets/images/SWDT.svg"
+                                title="璇蜂娇鐢ㄦ�濈淮瀵煎浘宸ュ叿缁樺埗鎬濈淮瀵煎浘锛岀粯鍒跺畬姣曞悗涓嬭浇涓哄浘鐗囷紝涓婁紶鍒版暀鏉愪腑" @click="showMindMapDialog" />
+                        </p>
+                        <div class="w100 textarea-box">
+                            <ul class="fl w80">
+                                <li>
+                                    <el-upload ref="upload" class="upload-demo" action="'#'" :limit="1"
+                                        :http-request="fileUpload" :show-file-list="false">
+                                        <button class="btn-border btn-w">
+                                            涓婁紶鍥剧墖
+                                        </button>
+                                    </el-upload>
+                                </li>
+                                <li class="li-btn">
+                                    <button class="btn-border btn-w" @click="delFile">
+                                        鍒犻櫎鍥剧墖
+                                    </button>
+                                </li>
+                            </ul>
+                            <div>
+                                <img class="img-a" alt="" :src="questionDataImg" />
+                            </div>
+                        </div>
+                        <p><br></p>
                     </div>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="index">
+                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="'unitQuestion' + index">
                         <li>
                             {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
-                        <li v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
-                            {{ citem.value }} . {{ citem.txt }}
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
-                        <li v-if="unitQuestion.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+                        <li v-if="unitQuestion.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.userAnswer
-                                }}</span>
+                            }}</span>
                             <span class="icon-box-big fl al-c">
                                 <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                     version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -267,28 +311,33 @@
             </div>
         </div>
         <!-- 7椤� -->
-        <div class="page-box" page="14">
-            <div v-if="showPageList.indexOf(14) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-45">
+        <div class="page-box" page="17">
+            <div v-if="showPageList.indexOf(17) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村効娓告垙姒傝堪</li>
-                    <li class="headerNumber">7</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>7</span>
+                    </li>
                 </ul>
                 <div class="bodystyle">
-                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="index">
+                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="'unitQuestion2' + index">
                         <li>
                             {{ index + 3 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
-                        <li v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
-                            {{ citem.value }} . {{ citem.txt }}
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
-                        <li v-if="unitQuestion.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+                        <li v-if="unitQuestion.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.userAnswer
-                                }}</span>
+                            }}</span>
                             <span class="icon-box-big fl al-c">
                                 <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                     version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -307,14 +356,40 @@
                             </span>
                         </li>
                     </ul>
-                    <p>5.浣犱細涓�19锝�24涓湀骞煎効璁捐鍝簺鏈夊埄浜庡叾绮剧粏鍔ㄤ綔鍙戝睍鐨勬父鎴忥紵</p>
-                    <textarea v-model="unitQuestion.textOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
-                        @change="saveUnitOne"></textarea>
-                    <p>6.鏍规嵁31锝�36涓湀骞煎効鐨勫彂灞曠壒鐐癸紝浣犱細璁捐鍝簺鏈夊埄浜庝績杩涘叾绮楀ぇ鍔ㄤ綔鍙戝睍鐨勬父鎴忥紵</p>
-                    <textarea v-model="unitQuestion.textTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
-                        @change="saveUnitOne"></textarea>
+                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="'unitQuestionCheck' + index">
+                        <li>
+                            {{ index + 5 }}.锛堝閫夛級{{ item.txt }}銆�
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestion.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestion.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer.join(',') }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer.length ? item.userAnswer.join(',') : ''
+                            }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
                     <!-- 鎻愪氦鎸夐挳 -->
                     <div class="w100 fl ju-cn">
                         <ul class="fl ju-ev w80 choice">
@@ -329,42 +404,64 @@
                                 </button>
                             </li>
                             <li>
-                                <button @click=" unitQuestion.isComplete = !unitQuestion.isComplete"
+                                <button @click="unitQuestion.isShowAnswer = !unitQuestion.isShowAnswer"
                                     class="parimary-btn">
                                     鏌ョ湅绛旀
                                 </button>
                             </li>
                         </ul>
                     </div>
+                    <p><img class="rwmb-1" src="../../assets/images/0019_01.jpg" alt="" /></p>
+                    <p>
+                        鐢熼暱鍙戣偛姝e父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬪憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�0锝�6宀佸効绔ョ殑鍙戝睍閲岀▼纰戯紝鏈夊姪浜庝綘浜嗚В鍜屽叧娉ㄥ┐骞煎効鐨勬棭鏈熸垚闀裤��
+                    </p>
+                    <!-- pdf 鏌ョ湅鍣� -->
+                    <div class="pdf-text">
+                        <div class="pdf-con">
+                            <div class="pdf-view">
+                                <span>
+                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+                                        <path
+                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+                                            p-id="11010"></path>
+                                    </svg>
+                                </span>
+                                <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛� 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�</span>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
         <!-- 8椤� -->
-        <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">
+        <div class="page-box" page="18">
+            <div v-if="showPageList.indexOf(18) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                         <span>8</span>
                     </li>
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
-                <div class="bj3">
-                    <div class="bj2">
-                        <h2 class="pt-10" id="b001">瀛︿範浠诲姟浜�</h2>
-                        <p class="h2-zt">濠村辜鍎挎父鎴忕悊璁哄強鍏跺惎绀�</p>
+                <div class="rw-bg">
+                    <div class="bj4">
+                        <div class="bj5">
+                            <h2 id="b001">瀛︿範浠诲姟浜�</h2>
+                            <p class="h2-zt">濠村辜鍎挎父鎴忕悊璁哄強鍏跺惎绀�</p>
+                        </div>
                     </div>
                 </div>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
+                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
                         <tr class="table-th-bc">
                             <td class="center">椤圭洰</td>
                             <td class="center">鍐呭</td>
                         </tr>
                         <tr>
-                            <td class="center table-th-bc img-h">瀛︿範鐩爣</td>
+                            <td class="center table-th-bc w15">瀛︿範鐩爣</td>
                             <td class="ta-l table-tr-bc">
                                 <p> 鈶犺璇嗕笉鍚屾祦娲剧殑娓告垙鐞嗚瑙傜偣銆�</p>
                                 <p> 鈶¤兘浠庡瑙掑害鎬濊�冨拰闃愯堪濠村辜鍎挎父鎴忕殑鎰忎箟銆�</p>
@@ -412,29 +509,33 @@
             </div>
         </div>
         <!-- 9椤� -->
-        <div class="page-box" page="16">
-            <div v-if="showPageList.indexOf(16) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-45">
+        <div class="page-box" page="19">
+            <div v-if="showPageList.indexOf(19) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村効娓告垙姒傝堪</li>
-                    <li class="headerNumber">9</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>9</span>
+                    </li>
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
-                    <p>鍦ㄥ巻鍙茬殑鍙戝睍闀挎渤涓紝鏈変簡浜虹被灏辨湁浜嗘父鎴忥紝鐢氳嚦璇存父鎴忕殑鍙戝睍涓庝汉绫荤ぞ浼氱殑鍙戝睍鏄伅鎭浉鍏崇殑銆備即闅忕潃鏃朵唬鐨勫彉杩侊紝浜轰滑鍏充簬娓告垙鐨勬帰绱㈣秺鏉ヨ秺澶氥�傛湁鐨勭爺绌惰�呰锛氣�滄父鎴忔槸鍎跨鍙戞硠绮惧姏鐨勬柟寮忋�傗�濇湁鐨勫垯璇达細鈥滄父鎴忔槸甯姪鍎跨涓烘棩鍚庣敓娲诲仛鍑嗗鐨勩�傗�濇湁鐨勮繕璇达細鈥滄父鎴忔槸瀵硅繃鍘绘煇涓�浜嬩欢鐨勯噸婕斺�︹�︹�濊澶氱殑璇存硶璁╀汉浠劅鍒版父鎴忕殑璧锋簮瓒婃潵瓒婄绉樸�傛椂鑷充粖鏃ワ紝娓告垙浠庝綍鑰屾潵銆佷负浠�涔堜細瀛樺湪绛夐棶棰樺皻鏈湁瀹氳銆備汉浠鏄粠浜虹被鐨勬湰鑳芥垨鏈�т腑鍘诲鎵剧瓟妗堬紝杩欎簺鐮旂┒浠嶇劧瀵瑰悗浜虹殑鐮旂┒浜х敓鐫�涓�瀹氱殑褰卞搷銆�
+                    <p class="fm-fzfs">
+                        鍦ㄥ巻鍙茬殑鍙戝睍闀挎渤涓紝鏈変簡浜虹被灏辨湁浜嗘父鎴忥紝鐢氳嚦璇存父鎴忕殑鍙戝睍涓庝汉绫荤ぞ浼氱殑鍙戝睍鏄伅鎭浉鍏崇殑銆備即闅忕潃鏃朵唬鐨勫彉杩侊紝浜轰滑鍏充簬娓告垙鐨勬帰绱㈣秺鏉ヨ秺澶氥�傛湁鐨勭爺绌惰�呰锛氣�滄父鎴忔槸鍎跨鍙戞硠绮惧姏鐨勬柟寮忋�傗�濇湁鐨勫垯璇达細鈥滄父鎴忔槸甯姪鍎跨涓烘棩鍚庣敓娲诲仛鍑嗗鐨勩�傗�濇湁鐨勮繕璇达細鈥滄父鎴忔槸瀵硅繃鍘绘煇涓�浜嬩欢鐨勯噸婕斺�︹�︹�濊澶氱殑璇存硶璁╀汉浠劅鍒版父鎴忕殑璧锋簮瓒婃潵瓒婄绉樸�傛椂鑷充粖鏃ワ紝娓告垙浠庝綍鑰屾潵銆佷负浠�涔堜細瀛樺湪绛夐棶棰樺皻鏈湁瀹氳銆備汉浠鏄粠浜虹被鐨勬湰鑳芥垨鏈�т腑鍘诲鎵剧瓟妗堬紝杩欎簺鐮旂┒浠嶇劧瀵瑰悗浜虹殑鐮旂┒浜х敓鐫�涓�瀹氱殑褰卞搷銆�
                     </p>
                     <p><b>鎯充竴鎯筹細</b></p>
                     <p>1.涓轰粈涔堢爺绌惰�呭浜庢父鎴忕殑璁よ瘑鍚勬湁涓嶅悓锛�</p>
                     <textarea v-model="questionData.unitOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                         @change="setQuestionData"></textarea>
                     <p>2.闈㈠鍚勭涓嶅悓鐨勬父鎴忚鐐癸紝鎴戜滑搴旇鏍戠珛鎬庢牱鐨勬�佸害锛�</p>
                     <textarea v-model="questionData.unitOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                         @change="setQuestionData"></textarea>
                     <p>3.鍩轰簬杩欎簺瑙傜偣锛屾垜浠浣曠悊瑙f父鎴忕殑鏈川鍙婂濠村辜鍎跨殑鍙戝睍浠峰�硷紵</p>
                     <textarea v-model="questionData.unitOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                         @change="setQuestionData"></textarea>
                     <h3 id="c004">涓�銆佸墿浣欑簿鍔涜</h3>
                     <p>鍓╀綑绮惧姏璇存槸杈冩棭鍑虹幇鐨勬父鎴忕悊璁轰箣涓�锛岃娓告垙鐞嗚鐨勪唬琛ㄤ汉鐗╂湁甯嫆鍜屾柉瀹惧銆傝娓告垙鐞嗚璁や负锛屾父鎴忔槸鏈轰綋鐨勫熀鏈敓瀛橀渶瑕佹弧瓒冲悗浠嶆湁瀵岃鐨勭簿鍔涚殑浜х墿锛屽嵆娓告垙鐨勫姩鍔涙潵鑷�滃墿浣欑簿鍔涒�濄�傝繖涓�娓告垙鎬濇兂鍒濊浜�18涓栫邯甯嫆鐨勮憲浣滀腑锛屽悗缁�19涓栫邯鏂濉炲彂灞曞苟褰㈡垚銆�
@@ -449,8 +550,7 @@
                         <p class="center text">
                             <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
-                                style=" border-radius: 10px; "></video>
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
                         <p class="center videoname">
                             <span>瑙嗛锛氬墿浣欑簿鍔涜 </span>
@@ -465,9 +565,9 @@
             </div>
         </div>
         <!-- 10椤� -->
-        <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">
+        <div class="page-box" page="20">
+            <div v-if="showPageList.indexOf(20) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                         <span>10</span>
@@ -475,80 +575,124 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <div class="img-float w150">
-                        <div class="bk">
-                            <div class="bk1">
-                                <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
-                            </div>
-                            <p>渚濇嵁鍓╀綑绮惧姏璇达紝濠村辜鍎挎父鎴忕殑鍔ㄥ姏鏉ユ簮浜庡摢閲岋紵濡備綍鐪嬪緟杩欑鍔ㄥ姏锛�</p>
-                            <textarea v-model="questionData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                                style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
-                                @change="setQuestionData"></textarea>
+                    <div class="bk">
+                        <div class="bk1">
+                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
+                        </div>
+                        <p>渚濇嵁鍓╀綑绮惧姏璇达紝濠村辜鍎挎父鎴忕殑鍔ㄥ姏鏉ユ簮浜庡摢閲岋紵濡備綍鐪嬪緟杩欑鍔ㄥ姏锛�</p>
+                        <textarea v-model="questionData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                            style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question ml-30"
+                            @change="setQuestionData"></textarea>
+                    </div>
+                    <h3 id="c005">浜屻�佺敓娲诲噯澶囪</h3>
+                    <p>鐢熸椿鍑嗗璇存垨绉板墠缁冧範璇达紝鏄敱寰峰浗瀛﹁�呮牸椴佹柉鎻愬嚭鏉ョ殑銆傛牸椴佹柉鐨勪唬琛ㄤ綔鏈夈�婂姩鐗╃殑娓告垙銆嬨�婁汉鐨勬父鎴忋�嬨�備粬鍦ㄧ爺绌剁編瀛︾殑杩囩▼涓紝鍙楀腑鍕掔殑鑹烘湳璧锋簮涓庢父鎴忔�濇兂鐨勫奖鍝嶏紝寮�濮嬪鍎跨娓告垙浜х敓鍏磋叮锛屽湪鎵硅瘎鍓╀綑绮惧姏璇寸殑鍩虹涓婂缓鏋勮捣浜嗚嚜宸辩殑鐞嗚銆�
+                    </p>
+                    <p>鏍奸瞾鏂彂鐜颁綆绛夊姩鐗╃殑鏈兘琛屼负鏄笌鐢熶勘鏉ヤ笖鎴愮啛鐨勶紝鍥犳涓嶉渶瑕佹父鎴忥紱鑰屼汉绫诲湪鍑虹敓鏃跺彂鑲插苟涓嶅厖鍒嗭紝闇�瑕佸湪瀹堕暱鐨勫府鍔╁拰鐓ч【涓嬶紝閿荤偧鍜屽彂灞曢�傚簲鐢熸椿鐨勬妧鑳藉拰鏈銆傝繖涓�鎴愰暱鏈熸槸鍔ㄧ墿鐨勪笉鎴愮啛鏈燂紝娓告垙涔熸鏄繖涓�鏃舵湡鐨勭壒鏈夌幇璞°�傚熀浜庢锛屾牸椴佹柉璁や负娓告垙涓嶄粎鏄棤浼ゅ鍦板鐞嗗姩鐗╁墿浣欑簿鍔涚殑鎵嬫锛岃�屼笖涓哄畠浠彁渚涗簡鍙傚姞涓ヨ們鐢熸椿鐨勯�斿緞銆備粬鍧氫俊锛屾父鎴忓叿鏈夌敓鐗╅�傜敤鐨勬妧鑳斤紱娓告垙鏄涓庣敓淇辨潵鐨勪絾涓嶅畬鍠勫拰鎴愮啛鐨勬湰鑳借涓虹殑缁冧範锛岃兘澶熷府鍔╁姩鐗╅�傚簲鏈潵鐨勭敓娲汇��
+                    </p>
+                    <p>鏍奸瞾鏂皢鍎跨鐨勬父鎴忓垎涓轰袱绫伙細缁冧範鎬ф父鎴忓拰绀句細鎬ф父鎴忋�傚墠鑰呭寘鎷劅鐭ヨ繍鍔ㄧ殑缁冧範鍜岄珮绾х殑蹇冪悊鑳藉姏鐨勭粌涔狅紝鍏朵綔鐢ㄥ湪浜庝績杩涜嚜鎴戞帶鍒惰兘鍔涚殑鍙戝睍锛涘悗鑰呭寘鎷拷閫愭墦闂瑰拰妯′豢鎬х殑娓告垙锛屽叾浣滅敤鍦ㄤ簬褰㈡垚浜轰笌浜轰箣闂寸殑鍏崇郴銆�
+                    </p>
+                    <p>鏍奸瞾鏂殑娓告垙鐞嗚鍜屾柉瀹惧鐨勬父鎴忕悊璁哄苟涓嶆槸鐭涚浘鐨勬垨閽堥攱鐩稿鐨勶紝鑰屾槸鐩镐簰琛ュ厖鐨勩�傚畠浠殑鍏卞悓涔嬪鍦ㄤ簬浠庡姩鐗╄繘鍖栫殑瑙嗚鏉ヨВ璇绘父鎴忥紱涓嶅悓涔嬪鍦ㄤ簬涓よ�呰瀵熺殑瑙掑害涓嶅悓锛屽嵆鏂濉炶鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿瀛︽潯浠朵箣闂寸殑鍏崇郴锛岃�屾牸椴佹柉鍒欒繘涓�姝ヨ鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿閫傚簲鏈鸿兘涔嬮棿鐨勫叧绯汇�傛牸椴佹柉鎵�鎸囩殑楂樼瓑鍔ㄧ墿浠呭嚟澶╃敓鏈鏃犳硶閫傚簲鐢熸椿锛岃�岃鍊熷姪鍚庡ぉ鐨勭粌涔犲拰瀛︿範銆傝繖鏄鍚堜簨瀹炵殑銆備粬鎵�寮鸿皟鐨勫辜骞存湡鐨勫彲濉戞�т笌娓告垙鐨勭敓鐗╅�傚簲鏈鸿兘寰楀埌浜嗗拰璋愮粺涓�銆傝繖涔熸湁鍒╀簬鏀瑰彉浜轰滑鐨勫効绔ヨ锛屽鎵浆褰撴椂浜轰滑璁や负鍎跨娓告垙鏃犱环鍊肩殑浼犵粺瑙傚康鏃犵枒鍏锋湁绉瀬鐨勬剰涔夈�備絾浠栬繃鍒嗕緷璧栤�滄湰鑳解�濇蹇碉紝鎶娾�滄湰鑳解�濅綔涓哄彂灞曠殑涓績椹卞姏锛屾妸鍔ㄧ墿鐨勬父鎴忎笌浜虹被鍎跨鐨勬父鎴忕瓑閲忛綈瑙傦紝涔熼伃鍒颁簡璐ㄧ枒銆傚畠缁欐暀鑲茬殑鍚ず鏄紝濠村辜鍎挎椂鏈熸槸閲嶈鐨勬父鎴忔湡锛涙垜浠簲璇ラ噸瑙嗘父鎴忕殑浠峰�硷紝寮曞濠村辜鍎垮湪娓告垙涓彂灞曞皢鏉ョ敓娲绘墍闇�瑕佺殑鍚勭鏈銆�
+                    </p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛氱敓娲诲噯澶囪</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'dcb45feb677250012c73d3a6affb7d27') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
+                    <div class="bk2">
+                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+                        <p class="center mr-0"><span class="ls2">2021骞村垵绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
+                        <ul class='mr-0'  v-for="(item, index) in exampleOne.unitOne" :key="'exampleOne' + index">
+                            <li>
+                                锛堝崟閫夐锛墈{ item.txt }}銆�
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleOne" />
+                                    <span>{{ citem.value }} . {{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                                <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                    item.userAnswer
+                                    }}</span>
+                                <span class="icon-box-big fl al-c">
+                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                        <path
+                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                            fill="#1AFA29" p-id="18768"></path>
+                                    </svg>
+                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                        <path
+                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                            fill="#d81e06" p-id="25746"></path>
+                                    </svg>
+                                </span>
+                            </li>
+                        </ul>
+                        <!-- 鎻愪氦鎸夐挳 -->
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ev w80 choice">
+                                <li>
+                                    <button class="btn-border btn-w" @click="goExampleOne">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleOne" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
                         </div>
                     </div>
-                    <span>
-                        <h3 id="c005">浜屻�佺敓娲诲噯澶囪</h3>
-                        <p>鐢熸椿鍑嗗璇存垨绉板墠缁冧範璇达紝鏄敱寰峰浗瀛﹁�呮牸椴佹柉鎻愬嚭鏉ョ殑銆傛牸椴佹柉鐨勪唬琛ㄤ綔鏈夈�婂姩鐗╃殑娓告垙銆嬨�婁汉鐨勬父鎴忋�嬨�備粬鍦ㄧ爺绌剁編瀛︾殑杩囩▼涓紝鍙楀腑鍕掔殑鑹烘湳璧锋簮涓庢父鎴忔�濇兂鐨勫奖鍝嶏紝寮�濮嬪鍎跨娓告垙浜х敓鍏磋叮锛屽湪鎵硅瘎鍓╀綑绮惧姏璇寸殑鍩虹涓婂缓鏋勮捣浜嗚嚜宸辩殑鐞嗚銆�
-                        </p>
-                        <p>鏍奸瞾鏂彂鐜颁綆绛夊姩鐗╃殑鏈兘琛屼负鏄笌鐢熶勘鏉ヤ笖鎴愮啛鐨勶紝鍥犳涓嶉渶瑕佹父鎴忥紱鑰屼汉绫诲湪鍑虹敓鏃跺彂鑲插苟涓嶅厖鍒嗭紝闇�瑕佸湪瀹堕暱鐨勫府鍔╁拰鐓ч【涓嬶紝閿荤偧鍜屽彂灞曢�傚簲鐢熸椿鐨勬妧鑳藉拰鏈銆傝繖涓�鎴愰暱鏈熸槸鍔ㄧ墿鐨勪笉鎴愮啛鏈燂紝娓告垙涔熸鏄繖涓�鏃舵湡鐨勭壒鏈夌幇璞°�傚熀浜庢锛屾牸椴佹柉璁や负娓告垙涓嶄粎鏄棤浼ゅ鍦板鐞嗗姩鐗╁墿浣欑簿鍔涚殑鎵嬫锛岃�屼笖涓哄畠浠彁渚涗簡鍙傚姞涓ヨ們鐢熸椿鐨勯�斿緞銆備粬鍧氫俊锛屾父鎴忓叿鏈夌敓鐗╅�傜敤鐨勬妧鑳斤紱娓告垙鏄涓庣敓淇辨潵鐨勪絾涓嶅畬鍠勫拰鎴愮啛鐨勬湰鑳借涓虹殑缁冧範锛岃兘澶熷府鍔╁姩鐗╅�傚簲鏈潵鐨勭敓娲汇��
-                        </p>
-                        <p>鏍奸瞾鏂皢鍎跨鐨勬父鎴忓垎涓轰袱绫伙細缁冧範鎬ф父鎴忓拰绀句細鎬ф父鎴忋�傚墠鑰呭寘鎷劅鐭ヨ繍鍔ㄧ殑缁冧範鍜岄珮绾х殑蹇冪悊鑳藉姏鐨勭粌涔狅紝鍏朵綔鐢ㄥ湪浜庝績杩涜嚜鎴戞帶鍒惰兘鍔涚殑鍙戝睍锛涘悗鑰呭寘鎷拷閫愭墦闂瑰拰妯′豢鎬х殑娓告垙锛屽叾浣滅敤鍦ㄤ簬褰㈡垚浜轰笌浜轰箣闂寸殑鍏崇郴銆�
-                        </p>
-                        <p>鏍奸瞾鏂殑娓告垙鐞嗚鍜屾柉瀹惧鐨勬父鎴忕悊璁哄苟涓嶆槸鐭涚浘鐨勬垨閽堥攱鐩稿鐨勶紝鑰屾槸鐩镐簰琛ュ厖鐨勩�傚畠浠殑鍏卞悓涔嬪鍦ㄤ簬浠庡姩鐗╄繘鍖栫殑瑙嗚鏉ヨВ璇绘父鎴忥紱涓嶅悓涔嬪鍦ㄤ簬涓よ�呰瀵熺殑瑙掑害涓嶅悓锛屽嵆鏂濉炶鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿瀛︽潯浠朵箣闂寸殑鍏崇郴锛岃�屾牸椴佹柉鍒欒繘涓�姝ヨ鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿閫傚簲鏈鸿兘涔嬮棿鐨勫叧绯汇�傛牸椴佹柉鎵�鎸囩殑楂樼瓑鍔ㄧ墿浠呭嚟澶╃敓鏈鏃犳硶閫傚簲鐢熸椿锛岃�岃鍊熷姪鍚庡ぉ鐨勭粌涔犲拰瀛︿範銆傝繖鏄鍚堜簨瀹炵殑銆備粬鎵�寮鸿皟鐨勫辜骞存湡鐨勫彲濉戞�т笌娓告垙鐨勭敓鐗╅�傚簲鏈鸿兘寰楀埌浜嗗拰璋愮粺涓�銆傝繖涔熸湁鍒╀簬鏀瑰彉浜轰滑鐨勫効绔ヨ锛屽鎵浆褰撴椂浜轰滑璁や负鍎跨娓告垙鏃犱环鍊肩殑浼犵粺瑙傚康鏃犵枒鍏锋湁绉瀬鐨勬剰涔夈�備絾浠栬繃鍒嗕緷璧栤�滄湰鑳解�濇蹇碉紝鎶娾�滄湰鑳解�濅綔涓哄彂灞曠殑涓績椹卞姏锛屾妸鍔ㄧ墿鐨勬父鎴忎笌浜虹被鍎跨鐨勬父鎴忕瓑閲忛綈瑙傦紝涔熼伃鍒颁簡璐ㄧ枒銆傚畠缁欐暀鑲茬殑鍚ず鏄紝濠村辜鍎挎椂鏈熸槸閲嶈鐨勬父鎴忔湡锛涙垜浠簲璇ラ噸瑙嗘父鎴忕殑浠峰�硷紝寮曞濠村辜鍎垮湪娓告垙涓彂灞曞皢鏉ョ敓娲绘墍闇�瑕佺殑鍚勭鏈銆�
-                        </p>
-                        <div class="video-box">
-                            <p class="center text">
-                                <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
-                                    playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                    x5-playsinline="" controls controlslist="nodownload" class="w100 video"
-                                    style=" border-radius: 10px; "></video>
-                            </p>
-                            <p class="center videoname">
-                                <span>瑙嗛锛氱敓娲诲噯澶囪</span>
-                                <el-tooltip class="item" effect="dark"
-                                    :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                    <img :src="collectResourceList.findIndex(item => item.id == 'dcb45feb677250012c73d3a6affb7d27') > -1 ? collectCheck : collectImg"
-                                        alt="" class="collect-btn" @click="handleCollect('video-02')" />
-                                </el-tooltip>
-                            </p>
-                        </div>
-                        <div class="bk2">
-                            <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                            <p class="center"><span class="ls2">2021骞村垵绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
-                            <p>锛堝崟閫夐锛変互涓嬭娉曠鍚堢敓娲诲噯澶囪瑙傜偣鐨勬槸锛堛��銆�锛夈��</p>
-                            <p>A.娓告垙鏄墿浣欑簿鍔涚殑鍙戞硠</p>
-                            <p>B.娓告垙鏄敤鏉ユ仮澶嶇簿鍔涚殑杞绘澗娲诲姩</p>
-                            <p>C.娓告垙鏄负鏈潵鐢熸椿鍋氬噯澶�</p>
-                            <p>D.娓告垙鏄汉绫荤敓鐗╅仐浼犵殑缁撴灉</p>
-                            <p>鍙傝�冪瓟妗堬細C銆�</p>
-                        </div>
-                        <h3 id="c006">涓夈�佸婕旇</h3>
-                        <p>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠e効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠g敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В
-                        </p>
-                    </span>
+                    <h3 id="c006">涓夈�佸婕旇</h3>
+                    <p>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠e効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠g敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠g殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩��
+                    </p>
+
                 </div>
             </div>
         </div>
         <!-- 11椤� -->
-        <div class="page-box" page="18">
-            <div v-if="showPageList.indexOf(18) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-45">
+        <div class="page-box" page="21">
+            <div v-if="showPageList.indexOf(21) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村効娓告垙姒傝堪</li>
-                    <li class="headerNumber">11</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>11</span>
+                    </li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="td-0">
-                        閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠g殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩��
-                    </p>
                     <p>闇嶅皵鐨勬父鎴忕悊璁哄湪鏌愮绋嬪害涓婂弽鏄犱簡鍎跨娓告垙鍐呭鐨勭ぞ浼氬巻鍙叉�э細绀句細鐜涓嶅悓锛屽効绔ユ父鎴忓唴瀹逛笉鍚屻�備粬娌℃湁灏辫繖绉嶇幇璞″仛鍑烘纭殑瑙i噴銆傝櫧鐒朵粬娌¤兘瀹屾垚杩欎竴浠诲姟锛屼絾鍏舵�濇兂涔熻兘缁欎簣鍚庝汉鐨勭爺绌朵竴浜涙柊鐨勫惎绀恒�傚畠缁欐暀鑲茬殑鍚ず鏄紝鍏虫敞娓告垙缁欎簣鍎跨鐨勫揩涔愭儏鎰熶綋楠岋紱閲嶈绀句細鍘嗗彶瀵瑰効绔ュ彂灞曠殑褰卞搷锛屼篃鍙粠绀句細鍘嗗彶涓彂鐜颁赴瀵岀殑鍜屽彲鍊熼壌鐨勬父鎴忓舰寮忓拰绱犳潗銆�
                     </p>
                     <div class="video-box">
                         <p class="center text">
                             <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
-                                style=" border-radius: 10px; "></video>
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
                         <p class="center videoname">
                             <span>瑙嗛锛氬婕旇</span>
@@ -570,8 +714,7 @@
                         <p class="center text">
                             <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
-                                style=" border-radius: 10px; "></video>
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
                         <p class="center videoname">
                             <span>瑙嗛锛氭澗寮涜</span>
@@ -587,15 +730,13 @@
                     </p>
                     <p>濂ュ湴鍒╁尰鐢熷紬娲涗紛寰锋槸绮剧鍒嗘瀽瀛︽淳鐨勫垱濮嬩汉銆傚湪鍏朵汉鏍兼瀯鎴愬璇寸殑鍩虹涓婏紝浠栬涓哄効绔ョ殑娓告垙瀵逛簬浜烘牸鐨勬甯稿彂灞曞叿鏈夐噸瑕佺殑浣滅敤锛涙父鎴忓彲浠ュ府鍔╁効绔ラ噴鏀惧洜鍐呴┍鍔涘彈绀句細鍘嬪埗鑰屼骇鐢熺殑绱у紶鍜屽帇鍔涳紝甯姪鍎跨澶勭悊閫傚簲涓嶈壇鐨勭粡楠岋紝鍥犺�屽叿鏈夆�滄不鐤椻�濈殑浣滅敤锛涙父鎴忎负鍎跨鎻愪緵浜嗕竴涓畨鍏ㄧ殑鐜锛屽彲浠ヨ鍎跨鍦ㄧ幇瀹炵敓娲讳腑涓嶈兘瀹炵幇鐨勬効鏈涘湪鎯宠薄涓緱鍒板疄鐜帮紱娓告垙浣滀负涓�绉嶆兂璞℃垨鍋囪鐨勮鍔紝鍙互浣垮効绔ヤ互鑷繁鐨勬柟寮忔潵澶勭悊鐜板疄鐢熸椿閭d簺瓒呭嚭浠栦滑鐨勮兘鍔涗絾瀵逛簬浠栦滑鍏锋湁鐗规畩鎰忎箟鐨勪簨鎯呫�傚綋鐒讹紝娓告垙涓嶄竴瀹氬叏鏄剦蹇殑浣撻獙锛屼篃鍙兘鏄笉鎰夊揩鐨勪綋楠屻��
                     </p>
-                    <p>鍦ㄥ紬娲涗紛寰风殑鍩虹涓婏紝鍙︿竴浣嶇悊璁哄鍩冮噷鍏嬫.鍦ㄥ叾鍩虹涓婅繘涓�姝ヤ赴瀵屻�佸厖瀹炰簡鍏充簬娓告垙鐨勮鐐广�傚焹閲屽厠妫涓烘父鎴忓彲浠ュ噺灏戠劍铏戞儏缁�佽ˉ鍋挎�у湴婊¤冻鍎跨鐨勬効鏈涖�佸湪鍎跨浜烘牸鐨勫彂灞曚腑鏈夌Н鏋佺殑浣滅敤銆傚悓鏍凤紝鍩冮噷鍏嬫.鍦ㄥ叾寤烘瀯鐨勪汉鏍煎彂灞曠悊璁轰腑杩涗竴姝ラ槓杩颁簡瀵规父鎴忕殑璁よ瘑銆備粬璁や负锛屽効绔ュ湪鏃╂湡鐨勫┐骞煎効闃舵鏄浉瀵硅蒋寮辨棤鑳界殑锛屽畬鍏ㄤ緷璧栦粬浜虹殑鍏昏偛鍜屼繚鎶わ紱濠村辜鍎块渶瑕佷粠鐢熺悊闇�瑕佺殑婊¤冻涓紝浣撻獙鍒拌韩浣撶殑搴峰畞涓庣幆澧冪殑瀹夊叏锛屼粠鑰屽缓绔嬪鍛ㄥ洿鐜鐨勪俊浠绘劅锛涙父鎴忓浜庢瘝瀛愬叧绯荤殑褰㈡垚鍜屼俊浠绘劅鐨勪骇鐢熷叿鏈夐噸瑕佺殑鎰忎箟銆傝繖涓�
-                    </p>
                 </div>
             </div>
         </div>
         <!-- 12椤� -->
-        <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">
+        <div class="page-box" page="22">
+            <div v-if="showPageList.indexOf(22) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                         <span>12</span>
@@ -603,15 +744,13 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="td-0">
-                        闃舵鐨勫┐骞煎効寰�寰�涓庢瘝浜茬浉浜掑嚌瑙嗭紝杩欑瑙嗚鐨勭浉浜掍綔鐢ㄥ繀鐒跺甫鏈夋煇绉嶆父鎴忔�с�傛瘝浜茬殑鐪肩涓嶄粎浼犻�掔潃鐖辩殑淇℃伅锛屼篃鍚湁娓告垙鎬х殑榧撳姳銆傚焹閲屽厠妫繕璁や负锛屾父鎴忓彲浠ラ�氳繃鍒涢�犵壒瀹氭儏澧冿紝骞跺湪瑙掕壊鎵紨涓寲瑙e悇闃舵浜烘牸鐨勫嵄鏈猴紝璁╁効绔ヨ幏寰楁垚闀匡紱姝ゅ锛屽効绔ョ殑娓告垙鏈夌潃鏄庢樉鐨勬�у埆宸紓銆�
+                    <p>鍦ㄥ紬娲涗紛寰风殑鍩虹涓婏紝鍙︿竴浣嶇悊璁哄鍩冮噷鍏嬫.鍦ㄥ叾鍩虹涓婅繘涓�姝ヤ赴瀵屻�佸厖瀹炰簡鍏充簬娓告垙鐨勮鐐广�傚焹閲屽厠妫涓烘父鎴忓彲浠ュ噺灏戠劍铏戞儏缁�佽ˉ鍋挎�у湴婊¤冻鍎跨鐨勬効鏈涖�佸湪鍎跨浜烘牸鐨勫彂灞曚腑鏈夌Н鏋佺殑浣滅敤銆傚悓鏍凤紝鍩冮噷鍏嬫.鍦ㄥ叾寤烘瀯鐨勪汉鏍煎彂灞曠悊璁轰腑杩涗竴姝ラ槓杩颁簡瀵规父鎴忕殑璁よ瘑銆備粬璁や负锛屽効绔ュ湪鏃╂湡鐨勫┐骞煎効闃舵鏄浉瀵硅蒋寮辨棤鑳界殑锛屽畬鍏ㄤ緷璧栦粬浜虹殑鍏昏偛鍜屼繚鎶わ紱濠村辜鍎块渶瑕佷粠鐢熺悊闇�瑕佺殑婊¤冻涓紝浣撻獙鍒拌韩浣撶殑搴峰畞涓庣幆澧冪殑瀹夊叏锛屼粠鑰屽缓绔嬪鍛ㄥ洿鐜鐨勪俊浠绘劅锛涙父鎴忓浜庢瘝瀛愬叧绯荤殑褰㈡垚鍜屼俊浠绘劅鐨勪骇鐢熷叿鏈夐噸瑕佺殑鎰忎箟銆傝繖涓�闃舵鐨勫┐骞煎効寰�寰�涓庢瘝浜茬浉浜掑嚌瑙嗭紝杩欑瑙嗚鐨勭浉浜掍綔鐢ㄥ繀鐒跺甫鏈夋煇绉嶆父鎴忔�с�傛瘝浜茬殑鐪肩涓嶄粎浼犻�掔潃鐖辩殑淇℃伅锛屼篃鍚湁娓告垙鎬х殑榧撳姳銆傚焹閲屽厠妫繕璁や负锛屾父鎴忓彲浠ラ�氳繃鍒涢�犵壒瀹氭儏澧冿紝骞跺湪瑙掕壊鎵紨涓寲瑙e悇闃舵浜烘牸鐨勫嵄鏈猴紝璁╁効绔ヨ幏寰楁垚闀匡紱姝ゅ锛屽効绔ョ殑娓告垙鏈夌潃鏄庢樉鐨勬�у埆宸紓銆�
                     </p>
                     <div class="video-box">
                         <p class="center text">
                             <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
-                                style=" border-radius: 10px; "></video>
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
                         <p class="center videoname">
                             <span>瑙嗛锛氱簿绁炲垎鏋愬娲剧殑娓告垙鐞嗚</span>
@@ -627,7 +766,7 @@
                         <p class="center"><span class="ls2">寮楁礇浼婂痉銆佸焹閲屽厠妫殑浜烘牸鍙戝睍闃舵鐨勫姣�</span></p>
                         <p>鍖椾含甯堣寖澶у鍒樼劚鏁欐巿瀵瑰紬娲涗紛寰枫�佸焹閲屽厠妫殑浜烘牸鍙戝睍闃舵杩涜浜嗗姣旓紝濡傝〃1-1鎵�绀恒��</p>
                         <p class="img">琛�1-1 寮楁礇浼婂痉涓庡焹閲屽厠妫殑浜烘牸鍙戝睍闃舵鐨勫姣�</p>
-                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0024-1.jpg" />
+                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0024-1.png" />
                         </p>
                         <p>璧勬枡鏉ユ簮锛氬垬鐒憋紝銆婂効绔ユ父鎴忛�氳銆嬶紝109椤碉紝绂忓窞锛岀寤轰汉姘戝嚭鐗堢ぞ锛�2015銆�</p>
                     </div>
@@ -641,12 +780,15 @@
             </div>
         </div>
         <!-- 13椤� -->
-        <div class="page-box" page="20">
-            <div v-if="showPageList.indexOf(20) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-45">
+        <div class="page-box" page="23">
+            <div v-if="showPageList.indexOf(23) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村効娓告垙姒傝堪</li>
-                    <li class="headerNumber">13</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>13</span>
+                    </li>
                 </ul>
                 <div class="bodystyle">
                     <h3 id="c009">鍏�佽鐭ュ彂灞曞娲剧殑娓告垙鐞嗚</h3>
@@ -658,8 +800,7 @@
                         <p class="center text">
                             <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
-                                style=" border-radius: 10px; "></video>
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
                         <p class="center videoname">
                             <span>瑙嗛锛氳鐭ュ彂灞曞娲剧殑娓告垙鐞嗚</span>
@@ -679,21 +820,70 @@
                     </p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                        <p class="center"><span class="ls2">2019骞撮珮绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
-                        <p>锛堝崟閫夐锛夋垜浠簲璇ユ姄浣忓┐骞煎効鎰熸儏鍩瑰吇鐨勶紙銆�銆�锛夛紝閫氳繃鏈夐拡瀵规�х殑娲诲姩涓庢父鎴忔縺鍙戝叾鍏磋叮銆�</p>
-                        <p>A.鏈轰細</p>
-                        <p>B.鏃舵満</p>
-                        <p>C.鏁忔劅鏈�</p>
-                        <p>D.鏃舵湡</p>
-                        <p>鍙傝�冪瓟妗堬細C銆�</p>
+                          <p class="center mr-0"><span class="ls2">2019 骞撮珮绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
+                        <ul class='mr-0' v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
+                            <li>
+                                锛堝崟閫夐锛墈{ item.txt }}銆�
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleTwo.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleTwo" />
+                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                                <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                    item.userAnswer
+                                }}</span>
+                                <span class="icon-box-big fl al-c">
+                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                        <path
+                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                            fill="#1AFA29" p-id="18768"></path>
+                                    </svg>
+                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                        <path
+                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                            fill="#d81e06" p-id="25746"></path>
+                                    </svg>
+                                </span>
+                            </li>
+                        </ul>
+                        <!-- 鎻愪氦鎸夐挳 -->
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ev w80 choice">
+                                <li>
+                                    <button class="btn-border btn-w" @click="goExampleTwo">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleTwo" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleTwo.isShowAnswer = !exampleTwo.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
         <!-- 14椤� -->
-        <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">
+        <div class="page-box" page="24">
+            <div v-if="showPageList.indexOf(24) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                         <span>14</span>
@@ -730,8 +920,7 @@
                         <p class="center text">
                             <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
-                                style=" border-radius: 10px; "></video>
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
                         <p class="center videoname">
                             <span>瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚</span>
@@ -751,33 +940,30 @@
             </div>
         </div>
         <!-- 15椤� -->
-        <div class="page-box" page="22">
-            <div v-if="showPageList.indexOf(22) > -1">
-                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
-                    <li class="header-left-Number">
-                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+        <div class="page-box" page="25">
+            <div v-if="showPageList.indexOf(25) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+                    <li class="headerText">濠村効娓告垙姒傝堪</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                         <span>15</span>
                     </li>
-                    <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <div class="img-rights w115">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-3 img-b" alt="" src="../../assets/images/xyx.png" /></p>
-                            </div>
-                            <p>濡備綍甯姪缁存寔鍎跨鐨勫敜閱掑浜庝腑绛夋按骞筹紵</p>
-                            <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                                style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
-                                @change="setQuestionData"></textarea>
+                    <h4 id="d011">锛堜笁锛夋父鎴忕殑鍏冧氦闄呯悊璁�</h4>
+                    <p>娓告垙鐨勫厓浜ら檯鐞嗚灏嗘父鎴忕湅浣滀竴绉嶆剰璇嗕笌淇℃伅鐨勬剰涔変氦娴佸拰鐞嗚В杩囩▼銆備綔涓轰竴绉嶅厓浜ら檯娲诲姩锛屾父鎴忔湰韬槸鏈変环鍊肩殑锛屾父鎴忔槸鍎跨杩涘叆浜虹被鐨勬枃鍖栧拰琛ㄥ緛涓栫晫鐨勪竴绉嶅繀闇�鐨勬妧鑳藉拰閲嶈閫斿緞銆�</p>
+                    <p>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞$殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁$悊瑙g殑鈥滃叧蹇冣�濓紱濡傛灉淇℃伅浜ゆ祦鐨勫弻鏂规棤娉曞噯纭悊瑙e厓浜ら檯鎵�浼犻�掔殑淇℃伅锛屽氨浼氫娇浜ら檯杩囩▼闃绘柇锛屼骇鐢熸剰涔夌悊瑙d笂鐨勫垎姝с�傚厓浜ら檯鑳藉姏鏄竴绉嶉潪甯搁噸瑕佺殑绀句細浜ゅ線鑳藉姏锛屾槸涓�绉嶅氨鍐呴殣鐨勪氦闄呮墍浼犺揪鐨勪俊鎭繘琛屾剰涔夋矡閫氱殑鑳藉姏銆傜己涔忚繖绉嶈兘鍔涳紝灏辨棤娉曡儨浠荤ぞ浼氭�т氦寰�娲诲姩銆�
+                    </p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" /></p>
                         </div>
+                        <p>濡備綍甯姪缁存寔鍎跨鐨勫敜閱掑浜庝腑绛夋按骞筹紵</p>
+                        <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                            style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-question ml-30"
+                            @change="setQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h4 id="d011">锛堜笁锛夋父鎴忕殑鍏冧氦闄呯悊璁�</h4>
-                        <p>娓告垙鐨勫厓浜ら檯鐞嗚灏嗘父鎴忕湅浣滀竴绉嶆剰璇嗕笌淇℃伅鐨勬剰涔変氦娴佸拰鐞嗚В杩囩▼銆備綔涓轰竴绉嶅厓浜ら檯娲诲姩锛屾父鎴忔湰韬槸鏈変环鍊肩殑锛屾父鎴忔槸鍎跨杩涘叆浜虹被鐨勬枃鍖栧拰琛ㄥ緛涓栫晫鐨勪竴绉嶅繀闇�鐨勬妧鑳藉拰閲嶈閫斿緞銆�</p>
-                        <p>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞$殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁$悊瑙g殑鈥滃叧蹇冣�濓紱濡傛灉淇℃伅浜ゆ祦鐨勫弻鏂规棤娉曞噯纭悊瑙e厓浜ら檯鎵�浼犻�掔殑淇℃伅锛屽氨浼氫娇浜ら檯杩囩▼闃绘柇锛屼骇鐢熸剰涔夌悊瑙d笂鐨勫垎姝с�傚厓浜ら檯鑳藉姏鏄竴绉嶉潪甯搁噸瑕佺殑绀句細浜ゅ線鑳藉姏锛屾槸涓�绉嶅氨鍐呴殣鐨勪氦闄呮墍浼犺揪鐨勪俊鎭繘琛屾剰涔夋矡閫氱殑鑳藉姏銆傜己涔忚繖绉嶈兘鍔涳紝灏辨棤娉曡儨浠荤ぞ浼氭�т氦寰�娲诲姩銆�
-                        </p>
-                    </span>
                     <p>鏈�鏃╂妸娓告垙涓庡厓浜ら檯鑱旂郴鍦ㄤ竴璧疯В閲婃父鎴忎綔涓轰竴绉嶅厓浜ら檯鐨勬繁鍒绘剰涔夌殑鏄汉绫诲瀹惰礉鐗规.銆備粬鍦ㄥ姩鐗╃殑娓告垙涓彂鐜帮紝娓告垙涓殑璁稿鍔ㄤ綔濡傛灉鏄彂鐢熷湪瀹為檯鐢熸椿涓紝灏嗕細寮曡捣涓ラ噸鐨勫悗鏋滐紝浣嗘槸鍥犱负鍙戠敓鍦ㄦ父鎴忎腑锛屾墍浠ュ氨涓嶈褰撳洖浜嬨�傜敱姝わ紝浠栨彁鍑猴紝鎵�鏈夌殑鍔ㄧ墿鍦ㄦ父鎴忔椂锛岄兘浼氬彂鍑烘煇绉嶉�傚簲鎬х殑淇″彿浠ヤ娇浼欎即鐭ラ亾鎵�鍙戠敓鐨勫姩浣滅殑鐩殑鏄粈涔堬紝鏄湡鐨勮繕鏄亣瑁呯殑銆傛父鎴忔椿鍔ㄤ互鍏冧氦闄呰繃绋嬩负鍩虹锛屾父鎴忔椿鍔ㄧ殑寮�灞曢渶瑕佷互娓告垙鍙屾柟鑳藉璇嗗埆瀵规柟鐨勬父鎴忔剰鍥句负鍓嶆彁锛屾父鎴忔椿鍔ㄥ叿鏈夐�傚簲鐨勬妧鑳藉拰鎰忎箟銆�
                     </p>
                     <p>鍎跨鍏冧氦闄呰兘鍔涚殑鍙戝睍绂讳笉寮�鎴愪汉鐨勬敮鎸併�傚厓浜ら檯鑳藉姏鏄湪涓庢垚浜虹敓娲绘父鎴忕殑鐩镐簰浣滅敤鐨勮繃绋嬩腑閫愭涔犲緱鐨勶紝鏈�鏃╄悓鍙戜簬姣嶅┐娓告垙涓�傛父鎴忎綔涓哄厓浜ら檯涔熸槸涓�绉嶉噸瑕佺殑瀛︿範鏂瑰紡锛屽彲浠ラ敾鐐煎効绔ユ帉鎻′汉绫绘枃鍖栫粡楠岀郴缁熸墍蹇呴渶鐨勫厓浜ら檯鑳藉姏銆�
@@ -786,20 +972,22 @@
                     </p>
                     <p>鍚勭鍚勬牱鐨勬父鎴忚鐐硅櫧鐒朵笉灏界浉鍚岋紝浣嗗畠浠兘鏄墠浜哄疂璐电殑鎺㈢储缁忛獙锛屼篃淇冭繘浜嗘垜浠濠村辜鍎挎父鎴忕殑鐞嗚В銆傛棤璁哄湪鍝竴涓椂浠o紝娓告垙濮嬬粓閮芥槸閲嶈鐨勪换鍔★紝鏄┐骞煎効鍦ㄥ彂灞曚箣璺笂涓嶅彲鎴栫己鐨勬垚闀挎椿鍔ㄣ��</p>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="index">
+                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="'unitQuestionOne' + index">
                         <li>
                             {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
-                        <li v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
-                            {{ citem.value }} . {{ citem.txt }}
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
-                        <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.userAnswer
-                                }}</span>
+                            }}</span>
                             <span class="icon-box-big fl al-c">
                                 <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                     version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -822,30 +1010,32 @@
             </div>
         </div>
         <!-- 16椤� -->
-        <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">
+        <div class="page-box" page="26">
+            <div v-if="showPageList.indexOf(26) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
-                        <span>16</span> 
+                        <span>16</span>
                     </li>
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="index">
+                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="'unitQuestionOne2' + index">
                         <li>
                             {{ index + 4 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
-                        <li v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
-                            {{ citem.value }} . {{ citem.txt }}
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
-                        <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.userAnswer
-                                }}</span>
+                            }}</span>
                             <span class="icon-box-big fl al-c">
                                 <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                     version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -864,22 +1054,23 @@
                             </span>
                         </li>
                     </ul>
-                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="index">
+                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="'unitTwoChoice' + index">
                         <li>
                             {{ index + 6 }}.锛堝閫夛級{{ item.txt }}銆�
                         </li>
-                        <li v-for="(citem, cindex) in item.option" :key="cindex">
-                            <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
-                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
-                            {{ citem.value }} . {{ citem.txt }}
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
                         </li>
-                        <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
-                            <span class="c-g"> 绛旀锛�<span v-for="(answer, index) in item.answer"
-                                    :key="'answer-' + index">{{ answer }}銆�</span></span>
-
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                                    }}銆�</span></span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
-                                    v-for="(userAnswer, index) in item.userAnswer" :key="'userAnswer-' + index">{{
-                                    userAnswer }}銆�</span></span>
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
                             <span class="icon-box-big fl al-c">
                                 <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                     version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -898,14 +1089,6 @@
                             </span>
                         </li>
                     </ul>
-                    <p>8.绠�杩扮毊浜氭澃娓告垙鐞嗚瀵规父鎴忔湰璐ㄧ殑鐞嗚В鍙婂叾灞�闄愭�с��</p>
-                    <textarea v-model="unitQuestionOne.textOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
-                        @change="saveUnitTwo"></textarea>
-                    <p>9.缁撳悎褰撲笅濠村辜鍎挎父鎴忓彂灞曪紝璋堣皥娓告垙鐞嗚瀵瑰┐骞煎効娓告垙寮�灞曠殑鍚ず銆�</p>
-                    <textarea v-model="unitQuestionOne.textTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
-                        @change="saveUnitTwo"></textarea>
                     <!-- 鎻愪氦鎸夐挳 -->
                     <div class="w100 fl ju-cn">
                         <ul class="fl ju-ev w80 choice">
@@ -920,7 +1103,7 @@
                                 </button>
                             </li>
                             <li>
-                                <button @click="unitQuestionOne.isComplete = !unitQuestionOne.isComplete"
+                                <button @click="unitQuestionOne.isShowAnswer = !unitQuestionOne.isShowAnswer"
                                     class="parimary-btn">
                                     鏌ョ湅绛旀
                                 </button>
@@ -930,21 +1113,641 @@
                 </div>
             </div>
         </div>
+        <!-- 17椤� -->
+        <div class="page-box" page="27">
+            <div v-if="showPageList.indexOf(27) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+                    <li class="headerText">濠村効娓告垙姒傝堪</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>17</span>
+                    </li>
+                </ul>
+                <div class="rw-bg ml-9">
+                    <div class="bj4">
+                        <div class="bj5">
+                            <h2 id="b001" class="td-1">瀛︿範浠诲姟涓�</h2>
+                            <p class="h2-zt td-1">濠村辜鍎挎父鎴忕殑浠峰�笺�佸垎绫诲拰鐗圭偣</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="bodystyle">
+                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
+                        <tr class="table-th-bc">
+                            <td class="center">椤圭洰</td>
+                            <td class="center">鍐呭</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-th-bc w15">瀛︿範鐩爣</td>
+                            <td class="ta-l table-tr-bc">
+                                <p> 鈶犺兘澶熺粨鍚堝┐骞煎効鐨勮韩蹇冨彂灞曠壒鐐瑰拰鐩稿叧娓告垙鐞嗚鐨勬牳蹇冩�濇兂锛屽垎鏋愬┐骞煎効娓告垙鐨勪环鍊笺��</p>
+                                <p> 鈶′簡瑙d笉鍚岀被鍒殑濠村辜鍎挎父鎴忋��</p>
+                                <p> 鈶㈢悊瑙e┐骞煎効娓告垙鐨勭壒鐐广��</p>
+                                <p> 鈶f爲绔嬬瀛︾殑濠村辜鍎挎父鎴忚銆�</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-th-bc">瀛︿範瑕佺偣</td>
+                            <td class="ta-l table-tr-bc">
+                                <p>浠诲姟閲嶇偣锛氳兘缁撳悎濠村辜鍎跨殑韬績鍙戝睍鐗圭偣鍜岀浉鍏虫父鎴忕悊璁虹殑鏍稿績鎬濇兂锛屽垎鏋愬┐骞煎効娓告垙鐨勪环鍊笺��</p>
+                                <p>浠诲姟闅剧偣锛氱悊瑙e┐骞煎効娓告垙鐨勭壒鐐�;鏍戠珛绉戝鐨勫┐骞煎効娓告垙瑙傘��</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-th-bc">瀛︿範寤鸿</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0"><b>瀛︿範鍓嶏細</b></p>
+                                <p>鈶犳煡闃呭┐骞煎効娓告垙鐨勫垎绫诲強鍚勭被鍨嬫父鎴忕殑鐗瑰緛锛屽苟璁板綍涓嬫潵銆�</p>
+                                <p>鈶℃�濊�冧笉鍚岀被鍨嬫父鎴忓濠村辜鍎垮彂灞曠殑浠峰�笺��</p>
+                                <p class="td-0"><b>瀛︿範涓細</b></p>
+                                <p>鈶犳繁鍏ュ涔犲┐骞煎効娓告垙鐨勭壒鐐癸紝缁樺埗鎬濈淮瀵煎浘銆�</p>
+                                <p>鈶″皬缁勮璁猴紝鎬荤粨濠村辜鍎挎父鎴忕殑浠峰�笺��</p>
+                                <p class="td-0"><b>瀛︿範鍚庯細</b></p>
+                                <p>瀹屾垚鏈换鍔$殑瀛︿範鏁堟灉妫�娴嬨��</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-th-bc">瀛︿範杩愮敤</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">浣犺寰楀湪鍝簺宸ヤ綔鍦烘櫙涓彲浠ヨ繍鐢ㄥ埌鎵�瀛﹀唴瀹�?</p>
+                                <textarea v-model="tableData.unitOne.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="9"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-th-bc">瀛︿範鍙嶆��</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">璇疯褰曚綘鍦ㄥ涔犺繃绋嬩腑鐨勪换浣曟�濊�冦��</p>
+                                <textarea v-model="tableData.unitOne.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="9"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <!-- 18椤� -->
+        <div class="page-box" page="28">
+            <div v-if="showPageList.indexOf(28) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>18</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+                </ul>
+                <div class="bodystyle">
+                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
+                    <p class="fm-fzfs">
+                        浜轰滑璇磋捣濠村辜鍎挎父鎴忔椂锛屾湁鐫�璁歌澶氬涓嶄竴鏍风殑鍗拌薄銆傛湁浜鸿锛氣�滃┐骞煎効鐨勬父鎴忓氨鏄皬鏈嬪弸鎷跨潃鐜╁叿鎽嗗紕涓や笅銆傗�濅篃鏈変汉璇达細鈥滃┐骞煎効鐨勬父鎴忎粬浠嚜宸卞氨鑳界帺锛屼笉闇�瑕佹垚浜虹殑闄即銆傗�濊繕鏈変汉鐢氳嚦璇达細鈥滃┐骞煎効鐜╁浜嗘父鎴忎笉濂斤紝浠ュ悗瀛︿範灏遍潤涓嶄笅鏉ヤ簡锛屼細鑰借浠栦滑鐨勬椂闂淬�傗�濇湁浜涘闀胯寰楀┐骞煎効涓嶉渶瑕佽繃澶氱殑娓告垙锛岀敋鑷宠寰楁湁杩欎釜娓告垙鐨勬椂闂磋繕涓嶅澶氬涔犱竴鐐瑰効鐭ヨ瘑銆�
+                    </p>
+                    <p><b>鎯充竴鎯筹細</b></p>
+                    <p class="fm-kt">1.涓轰粈涔堟湁鐨勫闀夸細涓嶆敮鎸佸拰涓嶇悊瑙f父鎴忥紵</p>
+                    <textarea v-model="textQuestionData.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
+                        @change="saveTextQuestionData"></textarea>
+                    <p class="fm-kt">2.娓告垙瀵逛簬濠村辜鍎跨殑鍙戝睍浠峰�兼湁鍝簺锛�</p>
+                    <textarea v-model="textQuestionData.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
+                        @change="saveTextQuestionData"></textarea>
+                    <p class="fm-kt">3.鎬庢牱鑳藉淇冧娇瀹堕暱鏇村鍦版帴鍙楀┐骞煎効鐨勬父鎴忓苟鍙備笌鍏朵腑锛�</p>
+                    <textarea v-model="textQuestionData.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
+                        @change="saveTextQuestionData"></textarea>
+                    <h3 id="c011">涓�銆佸┐骞煎効娓告垙鐨勪环鍊�</h3>
+                    <p>姣忎釜濠村辜鍎跨殑绔ュ勾閮界涓嶅紑娓告垙鐨勭偣缂�銆傚彲浠ヨ锛屾父鎴忓湪濠村辜鍎跨殑鎴愰暱閬撹矾涓婂崰鎹簡鍗佸垎閲嶈鐨勫湴浣嶃�傚畠涓嶄粎鏄┐骞煎効鐢熸椿鐨勬柟寮忥紝涔熸槸濠村辜鍎垮涔犵煡璇嗐�佺Н绱妧鑳界殑涓昏鎵嬫锛屽浜庡┐骞煎効鐨勫彂灞曚环鍊兼槸涓嶈█鑰屽柣鐨勩��
+                    </p>
+                    <h4 id="d012">锛堜竴锛夋父鎴忓濠村辜鍎胯韩浣撳彂灞曠殑浣滅敤</h4>
+                    <p>娓告垙鏄┐骞煎効鑷彂鐨勮繍鍔ㄣ�備綔涓烘椿鍔ㄤ笌閿荤偧鐨勫洜绱犲拰鎯呮劅鍥犵礌锛屾父鎴忕洿鎺ュ奖鍝嶅┐骞煎効鐨勮韩浣撳仴搴峰拰杩愬姩鑳藉姏鐨勫彂灞曪紝瀵逛簬濠村辜鍎胯韩浣撶殑鐢熼暱鍙戣偛鍜岄�傚簲鑳藉姏鐨勬敼鍠勬湁绉瀬鐨勫奖鍝嶃��</p>
+                    <p>鍦ㄦ父鎴忎腑锛屽┐骞煎効韬綋鐨勫悇绉嶅櫒瀹橀兘鑳藉緱鍒版椿鍔細浠庡叏韬埌灞�閮ㄣ�佷粠杩愬姩閲忓ぇ鐨勫埌杩愬姩閲忓皬鐨勩�傝繖浜涙椿鍔ㄤ笌杩愬姩涓嶄粎鑳戒績杩涘┐骞煎効韬綋楠ㄩ鑲岃倝鐨勬垚鐔燂紝涔熸湁鍒╀簬鍐呰剰鍣ㄥ畼鍜岀缁忕郴缁熺殑鍙戣偛銆傚悇绉嶅悇鏍峰姩浣滅粌涔犵殑娓告垙濡傚璺戙�佽烦璺冦�佹攢鐧荤瓑锛岄兘鍙互閿荤偧濠村辜鍎跨殑绮楀ぇ鍔ㄤ綔锛屼績杩涗粬浠韩浣撶殑鍗忚皟鑳藉姏鍜屾帶鍒惰兘鍔涚殑鍙戝睍锛涗笌姝ゅ悓鏃讹紝涓�浜涜濡傛彃濉戙�佹惌绉湪绛夋父鎴忎篃鍙互鍙戝睍濠村辜鍎挎墜閮ㄧ殑灏忚倢鑲夌兢銆傚湪杩欎簺娓告垙娲诲姩涓紝濠村辜鍎夸笉浠呴敾鐐间簡鑲綋锛岃繕瀛︿範浜嗙浉搴旂殑鍔ㄤ綔鎶�鑳斤紝淇冧娇浠栦滑鍦ㄤ笉鏂皾璇曢敊璇腑杩涜閲嶆柊寤烘瀯锛屼粠鑰岃繘涓�姝ョ粌涔犲拰鎻愰珮鏂扮殑鎶�鑳姐��
+                    </p>
+                    <p>娓告垙涓哄┐骞煎効鎻愪緵浜嗕赴瀵岀殑鎺㈢储鏈轰細銆備粬浠湪娓告垙涓笌鐜绉瀬鍦颁簰鍔紝鈥滃搧鍛斥�濈幆澧冪殑鍚屾椂涔熷湪涓嶆柇鍦版帰绱㈠拰鍙戠幇鑷繁鐨勮繍鍔ㄦ綔鑳斤紝鍦ㄧН绱繍鍔ㄧ粡楠屼腑涓嶆柇淇冧娇韬綋鐨勬甯稿彂鑲层�傝繖瀵瑰┐骞煎効鐨勮韩蹇冨仴搴峰彂灞曞叿鏈夌Н鏋佺殑鎰忎箟銆�
+                    </p>
+                    <div class="bk2">
+                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+                        <p>鍦ㄥ疄璺典腑瑙傚療涓�涓┐骞煎効娓告垙鎯呮櫙锛屽垎鏋愬濠村辜鍎胯韩浣撳彂灞曠殑浣滅敤銆�</p>
+                        <p>绗竴姝ワ紝閫夋嫨娓告垙绫诲瀷锛屽埗璁㈣瀵熻鍒掋��</p>
+                        <p>绗簩姝ワ紝瑙傚療娓告垙锛岃褰曟父鎴忚繃绋嬨��</p>
+                        <p>绗笁姝ワ紝姊崇悊杩囩▼锛屽垎鏋愬濠村辜鍎胯韩浣撳彂灞曠殑浣滅敤銆�</p>
+                    </div>
+                    <h4 id="d013">锛堜簩锛夋父鎴忓濠村辜鍎胯鐭ュ彂灞曠殑浣滅敤</h4>
+                    <p>璁ょ煡鍙戝睍鏄汉绫诲彂灞曠殑閲嶈缁勬垚閮ㄥ垎銆傚彈鐨簹鏉扮悊璁虹殑褰卞搷锛屼汉浠湪鐮旂┒鍎跨鐨勬父鎴忔椂锛屽父甯哥敤鈥滆В鍐抽棶棰樷�濃�滃垱閫犳�р�濃�滃畧鎭掆�濃�滃幓鑷垜涓績鈥濈瓑姒傚康闃愯堪娓告垙瀵硅鐭ュ彂灞曠殑閲嶈鎬с��</p>
+                </div>
+            </div>
+        </div>
+        <!-- 19椤� -->
+        <div class="page-box" page="29">
+            <div v-if="showPageList.indexOf(29) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+                    <li class="headerText">濠村効娓告垙姒傝堪</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>19</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <p class="">
+                        娓告垙鏄┐骞煎効璁よ瘑澶栭儴涓栫晫鐨勪富瑕侀�斿緞銆傚湪娓告垙涓紝濠村辜鍎块�氳繃娓告垙鐨勬柟寮忕Н绱父鎴忕粡楠岋紝浠庤�岄�愭笎寤烘瀯鑷繁鐨勮鐭ョ粨鏋勩�傚湪浜虹敓鏈�鍒濈殑涓ゅ勾閲岋紝鎰熺煡瑙変笌鍔ㄤ綔鏄┐骞煎効璁よ瘑涓栫晫涓庤嚜鎴戠殑閲嶈鎵嬫锛屾劅鐭ヨ繍鍔ㄦ父鎴忔槸浠栦滑涓庣幆澧冪浉浜掍綔鐢ㄧ殑鍩烘湰褰㈠紡銆傛瘮濡傦紝鏌愪簺鐗╀綋鍙互鎶撴彙銆佸彲浠ユ斁鍢撮噷鎴栧彲浠ユ墧鐫�鐜┿�傞�氳繃涓庣墿浣撶殑鎺ヨЕ锛屼粬浠�愭笎璁よ瘑鍒扮墿浣撶殑鍚勭灞炴�с�傞殢鐫�鎺ヨЕ鐨勭墿浣撶殑澧炲锛屼粬浠�氳繃鐭ヨ瀵圭墿浣撶殑鐩镐技鎬ц繘琛屼簡姒傛嫭銆傝繖渚挎槸鏈�鍒濈殑鐭ヨ姒傚康銆傛澶栵紝濠村辜鍎垮湪娓告垙涓�愭笎褰㈡垚浜嗘渶鍒濈殑瀹綋姒傚康鍜岃嚜鎴戞蹇碉紝娓告垙缁忛獙鐨勭Н绱篃璁╀粬浠�愭笎鍏峰浜嗚В鍐抽棶棰樼殑鑳藉姏銆傛�濈淮鐨勬椿璺冩�т笌鏃ヤ勘澧烇紝浣垮┐骞煎効鐨勮鐭ュ彂灞曢�愭笎鎴愮啛銆傚┐骞煎効鍦ㄦ父鎴忎腑鐨勮澶氭敹鑾疯鏄庝簡娓告垙鍦ㄥ効绔ユ棭鏈熸暀鑲蹭腑鍙戞尌鐨勪綔鐢ㄣ�傚効绔ユ棭鏈熸槸濂犲畾鏅哄姏鍙戝睍鐨勫熀纭�鐨勪护浜哄叴濂嬬殑銆佹湁鏁堢殑鏃舵湡銆傛父鎴忕殑杩囩▼姝f槸鏅哄姏鍙戠敓鐨勯潪鍚屼竴鑸殑銆佺壒娈婄殑杩囩▼銆�<sup
+                            title="锛荤編锛紹.D.鎴翠紛锛氥�婃父鎴忓湪鍎跨鏃╂湡鏁欒偛涓殑浠峰�笺�嬶紝鍒樼劚璇戯紝杞姐�婂鍥芥暀鑲插姩鎬併�嬶紝1984锛�3锛夈��">鈶�</sup>
+                    </p>
+                    <h4 id="d014">锛堜笁锛夋父鎴忓濠村辜鍎跨ぞ浼氭�у彂灞曠殑浣滅敤</h4>
+                    <p>娓告垙鏄┐骞煎効绀句細浜ゅ線鐨勪富瑕佸舰寮忥紝涔熸槸濠村辜鍎跨ぞ浼氭�у彂灞曠殑閲嶈閫斿緞銆傚湪娓告垙鐨勮繃绋嬩腑锛屽┐骞煎効涓嶅彲閬垮厤鍦伴渶瑕佷笌鈥滅帺浼粹�濅氦娴侊紝涓嶅緱涓嶅幓鐞嗚В鈥滅帺浼粹�濈殑鎯呮劅涓庤鐐癸紝涔熷氨淇冧娇濠村辜鍎夸笉寰椾笉鍘诲浼氫笌浠栦汉鐨勭浉澶勩�傚浜庡┐骞煎効鏉ヨ锛屾渶鍏堝浼氱殑鏄笌韬竟浜蹭汉锛屽鐖朵翰銆佹瘝浜茬瓑鐨勭浉澶勩�傚湪鍑虹敓鍚庣殑涓ゅ勾涓紝浜插瓙娓告垙鏄叾涓昏鐨勬父鎴忓舰寮忋�傜ぞ浼氭�ф父鎴忔槸浠ヤ汉闄呬氦寰�涓哄熀纭�锛岃暣鍚潃淇冭繘濠村辜鍎跨ぞ浼氭�у彂灞曠殑鏈轰細涓庢潯浠剁殑娲诲姩銆傚湪杩欎簺娓告垙涓紝濠村辜鍎垮彲浠ヤ綋楠屸�滃悎浣溾�濃�滃垎浜�濃�滅瓑寰呪�濈瓑绀句細浜ゅ線锛屽寮哄綊灞炴劅锛屼簡瑙e拰鐞嗚В浠栦汉鐨勬兂娉曘�佹儏缁儏鎰燂紝鍦ㄧН绱氦寰�缁忛獙鐨勫悓鏃跺舰鎴愬拰鍙戝睍涓庝粬浜虹浉澶勭殑鑳藉姏銆�
+                    </p>
+                    <p>浜插瓙鍏崇郴鏄渶鏃╁舰鎴愪篃鏄熀鏈殑涓�绉嶄汉闄呭叧绯汇�備翰瀛愬叧绯昏櫧鐒朵互琛�缂樹负绾藉甫锛屼絾杩橀渶瑕佸湪鍚庨潰鐨勫叡鍚岀敓娲讳腑閫愭笎鍙戝睍澹ぇ骞剁ǔ瀹氥�備翰瀛愬叧绯荤殑寤虹珛鏈夎禆浜庝翰瀛愪緷鎭嬬殑褰㈡垚锛岃�屼翰瀛愭父鎴忓鑹ソ渚濇亱鍏崇郴鐨勫舰鎴愭湁鐫�绉瀬鐨勬剰涔夈�傝澶氱爺绌惰〃鏄庯紝涓�鏂归潰锛屼翰瀛愭父鎴忓彲浠ヤ娇濠村辜鍎挎劅鍙楀闀跨殑鍏虫敞涓庣埍锛屼笌瀹堕暱褰㈡垚瀵嗗垏鐨勬儏鎰熻仈绯伙紱鍙︿竴鏂归潰锛屽┐骞煎効鍦ㄦ父鎴忎腑鐨勮〃鐜颁互鍙婂湪娓告垙涓幏寰楃殑蹇箰鍙堝彲浠ュ湪寮哄寲瀹堕暱涓庡┐骞煎効鐨勬儏鎰熻仈绯讳腑锛岃繘涓�姝ユ帹鍔ㄥ闀夸笌濠村辜鍎挎父鎴忋�傚┐骞煎効鍦ㄤ笌瀹堕暱鐨勬父鎴忎腑瀛︿細浜嗗垵姝ョ殑鍚堜綔锛屽缓绔嬭捣鍏冧氦闄呰兘鍔涖�傝繖浜涗氦寰�缁忛獙鍙互琚縼绉诲埌浼欎即娓告垙涓紝骞朵笉鏂湴鍙戝睍鍜屾垚鐔熴�傛渶鏃╁缓绔嬬殑姣嶅┐鍏崇郴甯姪濠村辜鍎垮彂灞曚簡鍩烘湰鐨勪俊浠诲拰鍚堜綔鍊惧悜锛屼负浠ュ悗鐨勮█璇寲浜ゆ祦鍑嗗浜嗗績鐞嗗熀纭�锛屽瀹氫簡绀句細鎬т氦寰�鐨勫熀鏈粨鏋勶紝鏄棩鍚庡彂灞曟墍鏈変汉闄呭叧绯荤殑鍓嶆彁銆�
+                    </p>
+                    <div class="bk2">
+                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+                        <p class="center mr-0"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
+                        <ul class="mr-0" v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
+                            <li>
+                                锛堝崟閫夐锛墈{ item.txt }}
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleThree.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleThree" />
+                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                                <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                    item.userAnswer
+                                }}</span>
+                                <span class="icon-box-big fl al-c">
+                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                        <path
+                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                            fill="#1AFA29" p-id="18768"></path>
+                                    </svg>
+                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                        <path
+                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                            fill="#d81e06" p-id="25746"></path>
+                                    </svg>
+                                </span>
+                            </li>
+                            <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
+                                渚濇亱鏄湪鍎跨涓庡闀跨浉浜掍綔鐢ㄧ殑杩囩▼涓紝鍦ㄦ儏鎰熶笂閫愭笎褰㈡垚鐨勪竴绉嶈仈缁撱�佺航甯︽垨鎸佷箙鐨勫叧绯汇�傛牴鎹矋灏旀瘮鐨勫垝鍒嗭紝渚濇亱鐨勫彂灞曢樁娈靛寘鎷細鏃犲樊鍒ぞ浼氬弽搴旈樁娈碉紙鍑虹敓鑷�3涓湀锛夈�佹湁宸埆绀句細鎬у弽搴旈樁娈碉紙3鑷�6涓湀锛夈�佺壒娈婄殑鎯呮劅鑱旂粨闃舵锛�6涓湀鑷�2宀侊級銆佺洰鏍囪皟鏁寸殑浼欎即鍏崇郴闃舵锛�2宀佷互鍚庯級銆�
+                            </li>
+                        </ul>
+                        <!-- 鎻愪氦鎸夐挳 -->
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ev w80 choice">
+                                <li>
+                                    <button class="btn-border btn-w" @click="goExampleThree">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleThree" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleThree.isShowAnswer = !exampleThree.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <p><br></p>
+                    <p><br></p>
+                    <hr class="img-g">
+                    <p class="p-even note td-0">&nbsp;&nbsp;<a
+                            id="m1">鈶�</a>&emsp;锛荤編锛紹.D.鎴翠紛锛氥�婃父鎴忓湪鍎跨鏃╂湡鏁欒偛涓殑浠峰�笺�嬶紝鍒樼劚璇戯紝杞姐�婂鍥芥暀鑲插姩鎬併�嬶紝1984锛�3锛夈��</p>
+
+                </div>
+            </div>
+        </div>
+        <!-- 20椤� -->
+        <div class="page-box" page="30">
+            <div v-if="showPageList.indexOf(30) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>20</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+                </ul>
+                <div class="bodystyle">
+                    <h4 id="d015">锛堝洓锛夋父鎴忓濠村辜鍎夸釜鎬у彂灞曠殑浣滅敤</h4>
+                    <p>娓告垙瀵逛簬濠村辜鍎胯韩蹇冨彂灞曠殑浣滅敤涓嶄粎浣撶幇涓哄韬績鍙戝睍鐨勫悇涓柟闈㈢殑褰卞搷锛岃繕浣撶幇涓哄濠村辜鍎挎暣浣撶殑涓�у彂灞曠殑绉瀬鎰忎箟銆傛父鎴忕殑鏈川灏卞喅瀹氫簡娓告垙鏈韩鏈夊緢寮虹殑璇曢獙鎬у拰寰堝ぇ鐨勫寘瀹规�с��</p>
+                    <p>娓告垙涓嶆槸鏈烘鍖栫殑鎯呭妯′豢锛岃�屾槸鎯宠薄鐨勮垶鍙般�傚畠涓哄┐骞煎効鍦ㄥ綋涓嬬敓娲讳腑鏃犳硶瀹炵幇鐨勬効鏈涙彁渚涗簡杈炬垚鐨勯�斿緞銆傚彲浠ヨ锛屾父鎴忓厖婊′簡鎯宠薄鍜屽垱閫犳�э紝濠村辜鍎垮湪娓告垙鐨勪笘鐣岄噷鍙互灏濊瘯鍚勭鍒涙柊鐨勭帺娉曘�傚姞涓婂闀垮拰鏁欏笀鐨勯紦鍔变笌鏀寔锛屾父鎴忔洿鏄煿鍏诲┐骞煎効鎯宠薄鍔涘拰鍒涢�犲姏缁濅匠鐨勬垚闀块�斿緞銆傝澶氱爺绌惰〃鏄庯紝鐜╂兂璞℃父鎴忚緝澶氱殑鍎跨锛屽揩涔愩�佹椿娉笺�佹湁鎺㈢储鐨勫叴瓒o紝鍦ㄨ瑷�鐨勬祦鐣呮�с�佷换鍔$殑鍧氭寔鎬с�佸尯鍒够鎯充笌鐜板疄鐨勮兘鍔涖�佺Щ鎯呫�佸悎浣溿�侀瀵艰兘鍔涖�佹姉鎷掕鎯戞垨寤惰繜婊¤冻绛夋柟闈㈤兘鎷ユ湁鍙戝睍鐨勪紭鍔匡紝鍥犺�屼篃琛ㄧ幇鍑鸿緝寮虹殑娓告垙鎬с�傚┐骞煎効鎷ユ湁涓�涓厖婊℃兂璞″拰娓告垙鐨勭骞达紝浼氫负浠栦滑鏃ュ悗搴斿鍜岄�傚簲澶嶆潅鐨勭ぞ浼氱幆澧冩墍蹇呴渶鐨勫垱閫犺兘鍔涚殑鍙戝睍鎵撲笅鑹ソ鐨勫熀纭�锛屼篃鑳戒績杩涗粬浠釜鎬у寲鐨勬垚闀匡紝瀵逛粬浠垚涓衡�滃畬鏁寸殑浜衡�濅篃鏈変笉鍙拷瑙嗙殑浣滅敤銆�
+                    </p>
+                    <h3 id="c012">浜屻�佸┐骞煎効娓告垙鐨勭被鍨�</h3>
+                    <p>濠村辜鍎挎父鎴忓绉嶅鏍枫�佷笉鎷樹竴鏍笺�傛寜鐓т笉鍚岀殑缁村害鏈変笉鍚岀殑鍒嗙被鏂规硶锛屽父瑙佺殑娓告垙绫诲瀷鏈夋寜鐓ф父鎴忎腑鐨勪氦寰�瀵硅薄鍒嗕负浜插瓙娓告垙銆佺帺鐗╂父鎴忓拰浼欎即娓告垙锛涙寜鐓у┐骞煎効鐨勮鐭ュ彂灞曟按骞冲垎涓烘劅瑙夎繍鍔ㄦ父鎴忋�佽薄寰佹�ф父鎴忋�佺粨鏋勬�ф父鎴忓拰瑙勫垯鎬ф父鎴忥紱鎸夌収娓告垙鑰呯殑娲诲姩褰㈠紡鍒嗕负杩愬姩鎬ф父鎴忋�佹櫤鍔涙�ф父鎴忋�佽鎵�ф父鎴忋�佹搷浣滄�ф父鎴忓拰鎺ュ彈鎬ф父鎴忥紱鎸夌収娓告垙鐨勫姛鑳芥�у垎涓烘椿鍔ㄦ�ф父鎴忋�佸彂灞曡瑷�鐨勬父鎴忋�佹劅瀹樻父鎴忋�佹櫤鍔涙父鎴忋�侀煶涔愬拰濞变箰娓告垙绛夛紱鎸夌収娓告垙鑰呯殑娲诲姩鍐呭鍒嗕负鍔ㄤ綔鎶�鑳芥�ф父鎴忋�佽鐭ユ�ф父鎴忋�佺ぞ浼氭垙鍓ф�ф父鎴忓拰鏈烘瀯鎬ф父鎴忥紱鎸夌収鏁欒偛浣跨敤鐨勮搴﹀垎涓哄垱閫犳�ф父鎴忓拰瑙勫垯娓告垙绛夈��
+                    </p>
+                    <p>瀵逛簬濠村辜鍎挎父鎴忕殑鍒掑垎铏界劧鏈夊绉嶏紝浣嗚繖浜涙父鎴忛兘鏄湪鍚勮嚜鐨勫畾浣嶄腑瀵绘眰鐫�濠村辜鍎挎暣浣撱�佸叏闈㈢殑鍙戝睍銆備笅鏂囧皢閫夋嫨閲嶇偣鐨勬父鎴忕被鍨嬭繘琛屼粙缁嶃��</p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛氬┐骞煎効娓告垙鐨勭被鍨� </span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '8215ef4093c9b916f147c41cdbe8f60a') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
+                    <h4 id="d016">锛堜竴锛夋寜鐓ф父鎴忎腑鐨勪氦寰�瀵硅薄鍒�</h4>
+                    <h5 id="e001">1.浜插瓙娓告垙</h5>
+                    <p>浜插瓙娓告垙鏄┐骞煎効绀句細鎬ф父鎴忕殑涓�绉嶉噸瑕佸舰寮忥紝涓昏鎸囩殑鏄闀垮拰濠村辜鍎夸箣闂寸殑浜掑姩娓告垙銆備翰瀛愭父鎴忓彂鐢熷緱寰堟棭锛屽┐骞煎効浠庝竴鐢熶笅鏉ワ紝渚垮彈鍒颁簡鍛ㄥ洿鐜鐨勫奖鍝嶃�傚闀挎垨濠村辜鍎跨殑鍏朵粬鐓ф枡鐪嬫姢鑰呬笉浠呬负濠村辜鍎挎彁渚涗簡鐢熺悊鎵�闇�瑕佺殑鍚勭钀ュ吇锛岃繕鏄笌濠村辜鍎挎渶鏃╂帴瑙︾殑浜ゅ線瀵硅薄鍜岀涓�涓噸瑕佺殑娓告垙浼欎即锛屽湪杩欑浜ゅ線鐨勮繃绋嬩腑渚夸骇鐢熶簡浜插瓙娓告垙杩欑鏈�鏃╃殑绀句細鎬ф父鎴忋��
+                    </p>
+                    <p>鏈�鏃╃殑绀句細鎬ф父鎴忎骇鐢熺殑鏍囧織鏄┐骞煎効鍑虹幇绀句細鎬у井绗戜互鍥炲簲鎴愪汉銆傛牴鎹垚浜哄拰濠村辜鍎跨殑浜ゅ線鏂瑰紡锛屾棭鏈熺殑浜插瓙娓告垙鍙互鍒嗕负涓ょ绫诲瀷銆傜涓�绉嶆槸鐩存帴鐨勪氦浜掓ā浠裤�傛瘮濡傦紝姣嶄翰鍦ㄧ粰濠村辜鍎垮杺濂躲�佹崲灏垮竷鏃讹紝鎴戜滑鍙互鐪嬪埌姣嶄翰閫楀紕鐫�濠村辜鍎匡紝鎴栨槸閫氳繃璇磋瘽锛屾垨鏄井绗戯紝鐢氳嚦鏄ā浠垮┐骞煎効鐨勮涓恒�傛鏃讹紝3涓湀鐨勫┐鍎块潰瀵规瘝浜茬殑寰瑧浼氭湁鏄庢樉鐨勫井绗戯紝浠夸經鍦ㄥ洖搴斿濡堢殑鐑儏銆傜浜岀鏄互鐗╀负缁堢粨鐨勫崗鍚屾椿鍔ㄣ�傛瘮濡傦紝鎴愪汉鐢ㄦ嫧娴紦鍚稿紩濠村辜鍎跨殑娉ㄦ剰銆傚湪杩欑浜掑姩涓紝鎴愪汉寰�寰�杩樹細甯︾潃鍏朵粬鐩殑锛屽彲浠ュ悜濠村辜鍎夸粙缁嶇帺鍏风殑鍚嶇О銆侀鑹层�佸舰鐘舵垨绀鸿寖鍔ㄤ綔绛夈��
+                    </p>
+                    <p>鏃╂湡鐨勪翰瀛愭父鎴忕殑鍙戝睍瓒嬪娍涓猴細濠村辜鍎夸粠琚姩鍒颁富鍔ㄣ�傚垰寮�濮嬫椂锛屽鏁版槸鐢辨垚浜洪�楀紕濠村辜鍎匡紝鍚稿紩浠栦滑鍔犲叆涓庢垚浜虹殑鍏卞悓娓告垙锛涚洿鍒�12涓湀鏃讹紝浠栦滑寮�濮嬪甫鐫�鎴愪汉鐜┿�傛鏃朵粬浠槸涓诲姩鐨勬父鎴忚�咃紝濡備粬浠兘澶熸妸姣涘肪浠庤嚜宸辩殑鑴镐笂鎴栨瘝浜茬殑鑴镐笂鎸紑銆傞殢鐫�濠村辜鍎挎棩娓愰暱澶э紝鎴愪汉閫愭笎浠庢父鎴忕殑涓昏鍙備笌鑰呭拰鍗忓悓鑰呰浆鍙樹负鏃佽鑰呭拰寮曞鑰呫��
+                    </p>
+                    <h5 id="e002">2.鐜╃墿娓告垙</h5>
+                    <p>闅忕潃灏忚倢鑲夊姩浣滆兘鍔涘拰鎵嬬溂鍗忚皟鑳藉姏鐨勫彂灞曪紝濠村辜鍎块�愭笎鑳藉鎶撴彙鍜屾憜寮勭墿浣撱�傚湪娲诲姩涓紝濠村辜鍎垮涔� 鎶婄墿鍝佸綋浣溾�滃伐鍏封�濇潵鐪嬪緟锛屽湪鎽嗗紕鐗╁搧涓�愭笎璁よ瘑鍜屾帉鎻$ぞ浼氭�у湴浣跨敤宸ュ叿鐨勭敤閫斿拰鏂规硶銆傝繖渚挎槸鐜╃墿娓告垙銆�
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- 21椤� -->
+        <div class="page-box" page="31">
+            <div v-if="showPageList.indexOf(31) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+                    <li class="headerText">濠村効娓告垙姒傝堪</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>21</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <p>鍦ㄥ嚭鐢熷悗鏈�鍒濈殑涓ゅ勾锛岀浉瀵瑰懆鍥寸墿鍝侊紝濠村辜鍎垮涓庡闀跨殑浜掑姩鏄庢樉鏇存劅鍏磋叮銆備絾闅忕潃鎰熻杩愬姩鎶�鑳界殑鍙戝睍涓庡崗璋冿紝濠村辜鍎挎帰绱㈢墿浣撶殑娓告垙鍔ㄤ綔瓒婃潵瓒婂锛岄�愭笎鍛堢幇浠ヤ笅瓒嬪娍锛氣憼浠庢渶鍒濈殑鏈垎鍖栫殑鍜岄噸澶嶇殑鍔ㄤ綔锛岄�愭笎鍙戝睍鎴愭湁缁勭粐銆佹湁椤哄簭鐨勫姩浣滄ā寮忥紱鈶′粠鏈�鍒濆彈鐗╀綋鐨勬敮閰嶅埌鎺у埗鍙戝睍鍐嶅埌閫愭笎鑳芥帶鍒剁墿浣擄紝骞惰繘涓�姝ユ鎷寲鎶婂畠杩愮敤鍒板叾浠栫墿浣撲笂锛涒憿浠庡鐗╀綋鐨勭墿鐞嗘�ц川鐨勬帰绱㈠拰鐗╃悊鍏崇郴鐨勬帉鎻¤繃娓″埌瀵圭墿浣撶殑绀句細鎬х壒鎬у拰璞″緛鎬у叧绯荤殑鎺㈢储鍜屾帉鎻°��<sup
+                            title="鍒樼劚:銆婂効绔ユ父鎴忛�氳銆�,289椤�,绂忓窞,绂忓缓浜烘皯鍑虹増绀�,2015銆�">鈶�</sup></p>
+                    <p>鎴愪汉鍜屽┐骞煎効鐨勫崗鍚屾椿鍔ㄦ槸濠村辜鍎跨帺鐗╂父鎴忕殑閲嶈鐗瑰緛銆傛垚浜哄湪濠村辜鍎挎父鎴忎腑鎵紨鐫�濠村辜鍎夸笌鐗╄川涔嬮棿鐨勪腑浠嬭鑹层�傛垚浜轰笉浠呭奖鍝嶅┐骞煎効鐨勬父鎴忕幆澧冿紝杩樿兘瀵瑰叾鎵�鎺ヨЕ鐨勭帺鍏锋垨鐗╀綋鐩存帴鍙戞尌浣滅敤銆傚彲浠ヨ锛屾渶鍒濆┐骞煎効鎺ヨЕ鐨勭墿浣撴垨鐜╁叿鍩烘湰涓婃槸鐢辨垚浜烘墍鎻愪緵鐨勩�傛垚浜烘彁渚涚殑鐜╁叿闇�瑕佸紩瀵煎┐骞煎効杩涜鎺㈢储锛岄渶瑕佹弧瓒冲┐骞煎効鐨勫鏍峰寲闇�姹傘�傞櫎姝や箣澶栵紝鎴愪汉鍦ㄧ帺鐗╂父鎴忎腑杩樻壆婕旂潃绀句細鏂囧寲缁忛獙鐨勪紶閫掕�呯殑韬唤銆傛垚浜哄悜濠村辜鍎夸粙缁嶇帺鐗╃殑鍩烘湰淇℃伅鍜屼娇鐢ㄦ柟娉曪紝鍚戝┐骞煎効浼犻�掔潃绉穩鍦ㄧ帺鍏蜂腑鐨勭ぞ浼氭枃鍖栥�傛垚浜烘棤鏃舵棤鍒讳笉鍦ㄥ彂鎸ョ潃鑷繁鐨勭Н鏋佷綔鐢紝濡傞紦鍔变笌鏀寔绛夋槸鏈夊埄浜庡┐骞煎効娓告垙鐨勩��
+                    </p>
+                    <h5 id="e003">3.浼欎即娓告垙</h5>
+                    <p>浼欎即娓告垙锛岄【鍚嶆�濅箟鏄┐骞煎効涓庘�滀紮浼粹�濅箣闂寸殑浜掑姩娓告垙銆傚┐骞煎効寰堟棭鍏跺疄灏卞凡缁忔剰璇嗗埌浼欎即鐨勫瓨鍦ㄣ�傚綋浼欎即鍦ㄥ満鏃讹紝浠栦滑浼氭湁涓�浜涗笉涓�鏍风殑鍙嶅簲锛屽绱х揣鍦扮洴鐫�銆佸�炬枩韬綋绛夈��1宀佷互鍓嶏紝濡傛灉娌℃湁鐜╁叿锛屽┐鍎夸箣闂寸殑浼欎即琛屼负浼氭洿澶氬湴鍙戠敓锛涘湪绗簩骞存椂锛屽辜鍎夸箣闂村凡缁忓浼氫簡浜ゆ崲寰瑧骞舵湁瑷�璇氦娴侊紝浠庤�屼綋鐜板嚭骞煎効鍦ㄦ父鎴忎腑鐨勪氦寰�鎰忓浘銆�
+                    </p>
+                    <p>鍦ㄦ棭鏈熺殑浜ゅ線涓紝濠村辜鍎块棿寰�寰�闇�瑕佷互鐜╁叿鎴栨父鎴忔潗鏂欎负浜ゅ線娲诲姩鐨勪富瑕佸獟浠嬨�傜帺鍏疯兘澶熷惛寮曚粬浠湪涓�璧风帺寰楁洿涔咃紝鎴栨槸鏇磋兘涓板瘜娓告垙鐨勫唴瀹广�傞殢鐫�鍦ㄤ竴璧风帺鑰嶆椂闂寸殑澧為暱锛屼粬浠浉浜掑涔犮�佹ā浠裤�佷氦娴佷娇鐢ㄧ帺鍏风殑缁忛獙锛屽涔犳�庢牱涓�璧疯繘琛岀ぞ浼氭�ф父鎴忥紝灏嗕粠鍓嶄笌瀹堕暱娓告垙鐨勭粡楠岀敤浜庝笌浼欎即鐨勪氦寰�涓�傚埌2宀佹湯锛屽辜鍎垮嚭鐜颁簡鏈�鍒濈殑鐜╀即閫夋嫨鍋忓ソ锛屾渶鍒濈殑鍙嬭皧涔熷紑濮嬭悓鑺姐��
+                    </p>
+                    <h4 id="d017">锛堜簩锛夋寜鐓у┐骞煎効鐨勮鐭ュ彂灞曟按骞冲垎</h4>
+                    <h5 id="e004">1.鎰熻杩愬姩娓告垙</h5>
+                    <p>澶勪簬浜虹敓鏈�鍒濋樁娈电殑濠村辜鍎跨殑韬績娲诲姩琛ㄧ幇鍑烘劅瑙夎繍鍔ㄦ�х殑鐗圭偣锛屽叾鏈�鍒濈殑娓告垙褰㈠紡鏄満鑳芥�ф父鎴忥紝鍗虫劅瑙夎繍鍔ㄦ父鎴忋�傝绫绘父鎴忔槸浠ユ劅鐭ュ姩浣滀负涓昏娲诲姩鏂瑰紡鐨勬父鎴忕被鍨嬶紝寮曞濠村辜鍎垮湪娓告垙涓粌涔犲姩浣滄妧鑳斤紝浠庤�屽涔犳帶鍒惰嚜宸辩殑韬綋銆傚┐骞煎効鏈�鍒濅互鎰熺煡瑙夋潵璁よ瘑鑷垜鍜屽懆鍥翠笘鐣岋紝閫氳繃娓告垙涓庡浣撳彂鐢熺浉浜掍綔鐢紝閫愭笎鍙戝睍瀵逛簬浜嬬墿涓庣幇璞$殑鍥犳灉鍏崇郴鐨勭洿瑙変笌鐞嗚В锛屼粠鑰岃幏寰楅�昏緫缁忛獙鍙婂舰鎴愭渶鍒濈殑鑷垜鎰忚瘑銆備笌姝ゅ悓鏃讹紝濠村辜鍎夸篃鍙互杩涜澶ц倢鑲夊姩浣滃拰灏忚倢鑲夊姩浣滅殑缁冧範锛屼粠鑰屾湁鏁堜績杩涜韩浣撴満鑳界殑鍙戝睍銆�
+                    </p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <hr class="img-g">
+                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">鈶�</a>&emsp;鍒樼劚:銆婂効绔ユ父鎴忛�氳銆�,289椤�,绂忓窞,绂忓缓浜烘皯鍑虹増绀�,2015銆�</p>
+
+                </div>
+            </div>
+        </div>
+        <!-- 22椤� -->
+        <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-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>22</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+                </ul>
+                <div class="bodystyle">
+                    <p>鎰熻杩愬姩娓告垙鍖呮嫭涓嶉殢鎰忕殑鎰熻杩愬姩娓告垙锛堝瑙嗗惉瑙﹁鐨勬劅瀹樻父鎴忥級銆侀殢鎰忕殑鎰熻杩愬姩娓告垙锛堝濠村辜鍎胯兘鍋氬嚭绠�鍗曟湁鏁堢殑闅忔剰鍔ㄤ綔锛夊拰鎽嗗紕瀹炵墿鐨勬父鎴忕瓑锛屼富瑕佽〃鐜颁负鍔ㄤ綔鐨勭粌涔犮�傝繖绉嶅姩浣滃湪鏃╂湡鍏锋湁閲嶅鎬с�佹ā浠挎�х殑鐗圭偣銆備絾闅忕潃鏃ョН鏈堢疮锛屽┐骞煎効鍦ㄥ弽澶嶆憜寮勮嚜宸辩殑韬綋鎴栫墿浣撲腑鏃㈡敹鑾蜂簡鈥滄満浣撳揩涔愨�濓紝鍙堣幏寰椾簡杩愬姩鑳藉姏鐨勫彂灞曘��
+                    </p>
+                    <h5 id="e005">2.璞″緛鎬ф父鎴�</h5>
+                    <p>璞″緛鎬ф父鎴忎富瑕佸嚭鐜板湪2宀佷互鍚庯紝瀹冮噸瑕佺殑鐗瑰緛鏄�滀互鐗╀唬鐗┾�濓紝鍗崇敤涓�涓笢瑗垮幓鍋囪褰撲綔鎴栦唬鏇垮彟涓�涓笉鍦ㄧ溂鍓嶇殑涓滆タ銆傞�氳繃璇ョ被娓告垙锛屽効绔ヨ兘缁冧範鐞嗚В绗﹀彿鎴栬薄寰佺墿涓庡畠鎵�浠h〃鐨勭墿浣撲箣闂寸殑鍏崇郴銆傛渶鍒濈殑浠f浛鐗╁拰琚浛浠g墿涔嬮棿鐨勫叧绯婚渶瑕佷互鐜板疄鐨勭墿浣撲负濯掍粙锛屼笖骞撮緞瓒婂皬鐨勫効绔ュ線寰�瑕佹眰涓ょ墿涔嬮棿鍏锋湁鏋侀珮鐨勭浉浼兼�ф墠鍙兘寤虹珛鑱旂郴銆傞殢鐫�骞撮緞鐨勫闀匡紝鍎跨瀵圭墿鐨勪緷璧栨�у噺寮憋紝浠栦滑鍊熷姪鎴栦笉鍊熷姪鐜╁叿閮藉彲浠ュ仛鍑烘兂璞$殑琛屼负锛岀敋鑷冲彲浠ュ�熷姪璇█鏉ユ弿杩颁粬浠墍鎯宠薄鐨勪笘鐣屻��
+                    </p>
+                    <p>璞″緛鎬ф父鎴忓嚭鐜板湪鎰熺煡杩愬姩闃舵鏈湡锛屽湪鍓嶈繍绠楅樁娈靛緱鍒拌繘涓�姝ュ彂灞曘�傛渶鍒濈殑璞″緛鎬ф父鎴忎富瑕佹槸鍎跨鑷繁鏃ュ父鐢熸椿鍔ㄤ綔鐨勫啀鐜帮紝鍏锋湁鈥滄垜鍚戔�濈殑鐗圭偣锛屽嵆鑷繁鏃㈡槸鍔ㄤ綔鐨勪富浣擄紝涔熸槸鍔ㄤ綔鐨勫彈浣撱�傝薄寰佺墿寮曞鐫�骞煎効鐨勫姩浣滐紝璞″緛鎬у姩浣滄洿澶氭槸妯′豢鍜岃仈鎯炽�傗�滀互浜轰唬浜衡�濊鑹叉父鎴忕殑鍑虹幇鏄薄寰佹�ф父鎴忓湪鍙戝睍涓婄殑閲嶈杞姌锛屽畠浣胯薄寰佺墿銆佽薄寰佹�у姩浣滃紑濮嬪洿缁曚汉鐨勬椿鍔ㄥ幓缁勭粐锛屼粠鑰屼娇鍏舵垚涓轰竴涓湁涓婚鍜屾儏鑺傜殑鏁翠綋銆�
+                    </p>
+                    <p>3宀佸墠锛岃鑹叉父鎴忚〃鐜扮殑鐗圭偣涓猴細鍏朵竴锛屾ā浠挎�х殑瑙掕壊琛屼负锛屽嵆鍎跨甯稿父妯′豢鎴愪汉鐨勫姩浣滐紝鍗存病鏈夎鑹叉壆婕旂殑鎰忚瘑锛涘叾浜岋紝鏇村鍦板叧娉ㄢ�滅墿鈥濊�屼笉鏄�滀汉鈥濓紝鍗宠鑹叉壆婕斾晶閲嶁�滅墿鈥濈殑鎿嶄綔銆傛墍浠ワ紝鏈�鍒濈殑瑙掕壊鎵紨鍜屽効绔ョ殑鐜╃墿娓告垙寰堢浉浼笺��
+                    </p>
+                    <h5 id="e006">3.缁撴瀯鎬ф父鎴�</h5>
+                    <p>缁撴瀯鎬ф父鎴忔槸鏄庢樉鍏锋湁鏁欒偛鎰忎箟鐨勬椿鍔紝鑳藉鐢ㄤ簬濠村辜鍎跨殑鐭ヨ瘑鎶�鑳借缁冿紝瀹冧篃鏄墭鍎挎墍銆佹墭鑲叉満鏋勫父瑙佺殑娓告垙褰㈠紡銆傚湪鎵樿偛鏈烘瀯锛岀粨鏋勬�ф父鎴忓線寰�缁撳悎鏁欏杩涜锛屾秹鍙婂┐骞煎効鍙戝睍鐨勬柟鏂归潰闈€��</p>
+                    <p>寤烘瀯娓告垙灞炰簬缁撴瀯鎬ф父鎴忕殑涓�绉嶃��3宀佸乏鍙崇殑鍎跨寰�寰�鐢ㄧН鏈ㄥ瑝鎴忥紝浠栦滑涔愪簬娌夋蹈鍦ㄦ潗鏂欑殑鍔ㄤ綔杩囩▼涓�傝繖鏄鐭ョ殑鎰熻杩愬姩鎬х殑寤朵几銆傚湪寤烘瀯鏃讹紝鍎跨寰�寰�鐩殑鎬т笉鏄庣‘锛岃〃鐜颁负鍏堝仛鍚庢兂锛屾垨鏄兘闅忔椂鏀瑰彉涓绘剰銆傝繖绉嶇帺鑰嶅父瑙佷簬4宀佸効绔ヨ韩涓娿�傚埌浜嗗辜鍎垮悗鏈燂紝缁撴瀯鎬ф父鎴忎腑鐨勪綔鍝佸彲浠ユ垚涓哄紩鍙戣薄寰佹�ф父鎴忕殑璇卞洜锛屽姞鍏ヤ簡瑙掕壊鍜屾儏鑺傚悗閫愭笎鍙戝睍涓虹ぞ浼氭�ц〃婕旀父鎴忋��
+                    </p>
+                    <p>缁撴瀯鎬ф父鎴忓拰璞″緛鎬ф父鎴忓湪濠村辜鍎跨殑鍙戝睍涓瓨鍦ㄤ氦鍙変笌铻嶅悎锛屾父鎴忕敱鎰熻杩愬姩鎬ф按骞冲悜璞″緛鎬ф按骞宠浆鍖栧拰鍗囩骇銆�</p>
+                    <h5 id="e007">4.瑙勫垯鎬ф父鎴�</h5>
+                    <p>闅忕潃濠村辜鍎胯鐭ヨ寖鍥寸殑鎵╁ぇ銆佹�濈淮鑳藉姏浠ュ強绀句細鍖栫▼搴︾殑鎻愰珮锛屽湪璞″緛鎬ф父鎴忓彂灞曠殑鍩虹涓婂嚭鐜颁簡瑙勫垯鎬ф父鎴忋�傝鍒欐�ф父鎴忔槸濠村辜鍎夸紮浼存父鎴忕殑鐗规畩褰㈠紡锛屼竴鑸璁や负鏄父鎴忓彂灞曠殑楂樼骇闃舵銆�</p>
+                    <p>瑙勫垯鎬ф父鎴忎腑鐨勮鍒欎富瑕佹槸鍏充簬鍔ㄤ綔鎴栬瑷�鐨勯『搴忎互鍙婂湪娓告垙涓鍏佽鎴栬绂佹鐨勫姩浣滄垨璇█鐨勮瀹氥�傛父鎴忕殑鍙備笌鑰呭潎鍙楀埌娓告垙瑙勫垯鐨勭害鏉熴�傚┐骞煎効蹇呴』鍘绘帴鍙楀苟閫傚簲浜嬪厛绾﹀畾鐨勮鍒欙紝鍚屾椂蹇呴』瀛︿細鎺у埗鑷繁鐨勮涓猴紝浠ヤ娇鑷繁鐨勮涓虹鍚堜簨鍏堢害瀹氱殑瑙勫垯銆傛父鎴忚�呴渶瑕佺悊瑙e苟鎺屾彙娓告垙瑙勫垯锛屽洜姝よ鍒欐�ф父鎴忎竴鑸埌鍎跨6宀佹椂鎵嶅彲鑳藉嚭鐜般�傝鍒欐�ф父鎴忕殑寮�灞曢渶瑕佸効绔ュ叿澶囪緝楂樼殑鎴愮啛姘村钩锛屽効绔ュ娓告垙瑙勫垯鎴栫帺娉曠殑鐞嗚В鍏锋湁涓汉鐨勫拰骞撮緞鐨勮鐭ョ壒寰併��
+                    </p>
+                    <p>瑙勫垯鎬ф父鎴忎粠璞″緛鎬ф父鎴忥紝灏ゅ叾鏄粠鍏锋湁鎯宠薄鎯呭鍜岃鑹茬殑绀句細鎬т富棰樿鑹叉父鎴忎腑鍙戝睍鑰屾潵銆傚湪绀句細鎬т富棰樿鑹叉父鎴忎腑锛屽┐骞煎効骞朵笉鏄笉閬靛畧瑙勫垯锛岃鍒欏線寰�闅愬尶鍦ㄨ鑹蹭腑锛岀害鏉熺潃濠村辜鍎垮仛鍑虹鍚堣鑹茶涓虹殑鍙嶅簲銆傝鍒欐�ф父鎴忕殑瑙勫垯涓庡叾涓嶅敖鐩稿悓銆傛湁鐨勮鍒欐�ф父鎴忓鍙傚姞鑰呯殑瑕佹眰鏄瘮杈冧弗鏍肩殑锛岄殢鎰忔�ц緝灏忥紝浣嗗绀句細鎬т富棰樿鑹叉父鎴忕殑瑙勫垯鍙互鎸夌収鎯呭鍙樺寲鏉ュ埗瀹氭柊鐨勬垨鑰呮敼閫犲凡鏈夌殑瑙掕壊瑙勫垯銆�
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- 23椤� -->
+        <div class="page-box" page="33">
+            <div v-if="showPageList.indexOf(33) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+                    <li class="headerText">濠村効娓告垙姒傝堪</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>23</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <p>姝ゆ椂铏界劧鎴愪汉涓嶅啀鏄┐骞煎効娓告垙涓父瑙佺殑浼欎即锛屼絾鏄┐骞煎効娓告垙浠嶇劧绂讳笉寮�鎴愪汉鐨勬敮鎸侊紝鎴愪汉搴旀媴浠诲ソ鐩稿簲鐨勮緟鍔╄鑹层��</p>
+                    <div class="bk2">
+                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+                        <p class="center mr-0"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
+                        <ul class="mr-0" v-for="(item, index) in exampleFour.unitOne" :key="'exampleFour' + index">
+                            <li>
+                                锛堝崟閫夛級{{ item.txt }}
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleFour.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleFour" />
+                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                                <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                    item.userAnswer
+                                }}</span>
+                                <span class="icon-box-big fl al-c">
+                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                        <path
+                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                            fill="#1AFA29" p-id="18768"></path>
+                                    </svg>
+                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                        <path
+                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                            fill="#d81e06" p-id="25746"></path>
+                                    </svg>
+                                </span>
+                            </li>
+                            <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
+                                鏈鑰冩煡鐨勬槸瀵瑰┐骞煎効涓嶅悓绫诲瀷娓告垙鐨勭悊瑙c�傝鐭ラ鍩熺殑娓告垙鏄互濠村辜鍎胯鐭ュ彂灞曟按骞充负鍩虹鏉ヨ璁$殑娓告垙銆�
+                            </li>
+                        </ul>
+                        <!-- 鎻愪氦鎸夐挳 -->
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ev w80 choice">
+                                <li>
+                                    <button class="btn-border btn-w" @click="goExampleFour">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleFour" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleFour.isShowAnswer = !exampleFour.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <h3 id="c013">涓夈�佸┐骞煎効娓告垙鐨勭壒鐐�</h3>
+                    <p>濠村辜鍎挎父鎴忎笌鏅亶鎰忎箟涓婄殑鍎跨娓告垙鍏锋湁鐩稿悓鐨勫睘鎬с�備絾鍥犲┐骞煎効鐨勫彂灞曟按骞冲強涓嶅悓骞撮緞鐗圭偣锛屽┐骞煎効娓告垙鍏锋湁鍏剁壒娈婃�с��</p>
+                    <h4 id="d018">锛堜竴锛夋父鎴忓舰寮忕殑閲嶅鎬с�佺畝鍗曞寲</h4>
+                    <p>濠村辜鍎挎父鎴忓浠ユ劅鐭ヨ鑳藉姏鐨勮缁冨拰鍙戝睍涓轰富瑕佺洰鐨勩�傛劅鐭ュ姩浣滅被鐨勬父鎴忎富瑕佹槸濠村辜鍎垮�熷姪鎰熺煡鍔ㄤ綔鏉ユ帰绱㈠懆鍥寸幆澧冪殑娲诲姩褰㈠紡锛屼篃鏄渶鍒濈殑娓告垙褰㈠紡銆傚叾娓告垙鐨勫唴瀹瑰涓烘ā浠垮姩浣滅殑鍙嶅缁冧範銆傜毊浜氭澃灏嗚繖涓�绯诲垪鍔ㄤ綔鐨勯噸澶嶇О涓哄惊鐜弽搴斻��
+                    </p>
+                    <p>濠村辜鍎挎父鎴忔湁鏃朵細绠�鍗曞埌涓嶅儚鐪熸鐨勬父鎴忥紝浠呬粎鏄竴涓姄鎻″姩浣溿�佷竴涓0鍝嶃�傛瘮濡傦紝1宀佸乏鍙崇殑鍎跨鍠滄鎶婁笢瑗挎墧鍒板湴涓婏紝鎴愪汉甯粬鎹¤捣鏉ワ紝浠栬繕鏄細鎵斿埌鍦颁笂銆傝繖浜涚湅浼肩畝鍗曠殑娲诲姩瀵逛簬鍎跨鏉ヨ纭疄宸茬粡鍏峰浜嗘父鎴忕殑鐗瑰緛銆傝繖鏄効绔ユ帰绱笘鐣岀殑涓�绉嶆柟寮忋�傚効绔ュ彲浠ヤ粠涓幏寰楀揩涔愶紝涔熻兘棰勮娓告垙鐨勫彂灞曘�傛墍浠ヨ繖浜涙椿鍔ㄥ浜庡┐骞煎効鍙戝睍鍚屾牱鍏锋湁绉瀬浣滅敤銆�
+                    </p>
+                    <div class="bk2">
+                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+                        <p class="center"><span class="ls2">鐞嗘�х湅寰呭疂瀹濈殑鐜╂按鍏磋叮</span></p>
+                        <p>蹇冨績2宀佷簡銆傛湁涓�澶╋紝濂圭湅鍒板濡堝湪楗按鏈烘梺鎺ユ按锛屼篃琚惛寮曚綇浜嗐�傚ス鎷跨潃鑷繁鐨勫皬鏉瓙璺戝埌楗按鏈烘梺鎺ユ按锛屾帴涓�鐐瑰枬鎺夛紝鍐嶆帴涓�鐐瑰啀鍠濇帀锛屾渶鍚庡枬涓嶄笅灏卞�掓帀锛屼竴鐩撮噸澶嶏紝涔愭涓嶇柌銆傚濡堣寰楀績蹇冩妸姘村紕寰楀埌澶勯兘鏄紝蹇嶄笉浣忓幓鍒舵濂广��
+                        </p>
+                        <p>鍏跺疄锛屽浜庡績蹇冭繖涓噸澶嶆帴姘寸殑琛屼负锛屽闀挎病鏈夊繀瑕佹媴蹇冿紝涔熶笉瑕佺洿鎺ラ樆鎷︼紝鑰屾槸瑕佺粰浜堢悊瑙c�侀�傚疁寮曞銆傛瘮濡傦紝鍙互鎶婁粠楗按鏈烘帴姘存敼涓轰粠鐩嗛噷鑸�姘寸亴鍒扮摱瀛愰噷锛岀亴婊″�掔┖鍐嶇亴銆傝繖涓嶄粎鍙互婊¤冻瀛╁瓙鐜╂按鐨勯渶姹傦紝鑰屼笖鍙互閿荤偧瀛╁瓙鐨勬墜閮ㄧ簿缁嗗姩浣溿��
+                        </p>
+                    </div>
+
+                    <h4 id="d019">锛堜簩锛夋父鎴忓唴瀹圭殑鎯呮劅鎬с�佺敓娲诲寲</h4>
+                    <p>鏃犺鏄父鎴忕殑鍙戠敓杩樻槸缁存寔锛屽┐骞煎効閮戒緷璧栧鐣岀粰浜堢殑鍒烘縺銆傝繖涓埡婵�寰�寰�鏄垚浜鸿瀺鍏ユ儏鎰熴�佽垂浜嗗績鍔涜璁$殑鎯呭銆傚┐骞煎効鏃╂湡鏈�鍏堟帴瑙︾殑娓告垙灏辨槸浜插瓙娓告垙锛岃繖涓�娓告垙绫诲瀷甯︽湁娴撳帤鐨勬劅鎯呰壊褰┿�傚湪浜插瓙浜ゆ祦涓紝鍏呮弧鏌旀儏鐨勮韩浣撴帴瑙︿笌鍏呮弧鍠勬剰鐨勮█璇氦娴侀兘鍑濊仛鐫�瀹堕暱鐨勭埍锛屼娇濠村辜鍎挎劅鍙楀埌鐖变笌鍏虫敞銆傝繖涓嶄粎鑳戒績杩涗翰瀛愰棿鎰熸儏鐨勭灛闂村崌娓╋紝杩樻湁鍒╀簬濠村辜鍎夸釜鎬х殑鍙戝睍銆�
+                    </p>
+                    <div class="bk mb-40">
+                        <div class="bk1">
+                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
+                        </div>
+                        <p>濡備綍鎸囧瀹堕暱鏀寔鍜屾帹杩涘┐骞煎効娓告垙锛�</p>
+                        <textarea v-model="questionData.unitOne.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                            style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question ml-30"
+                            @change="setQuestionData"></textarea>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 24椤� -->
+        <div class="page-box" page="34">
+            <div v-if="showPageList.indexOf(34) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>24</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+                </ul>
+                <div class="bodystyle">
+                    <p>
+                        鐢变簬濠村辜鍎跨殑韬績鍙戝睍姘村钩浣庯紝鍏峰鐨勭粡楠屾湁闄愶紝鍥犳瀵逛簬濠村辜鍎挎潵璇达紝鐢熸椿灏辨槸娓告垙锛屾父鎴忓氨鏄敓娲汇�備粬浠殑娓告垙琛屼负鍏呮枼鍦ㄦ暣涓敓娲讳腑锛屼粬浠殑鐢熸椿绂讳笉寮�娓告垙鐨勬蹈娑︺�傛父鎴忕殑鍐呭涔熷涓庡┐骞煎効鐨勭敓娲荤浉鍏炽��
+                    </p>
+                    <h4 id="d020">锛堜笁锛夋父鎴忓彂灞曠殑杩呴�熸�с�佹暣浣撳寲</h4>
+                    <p>濠村辜鍎挎父鎴忓彂灞曠殑杩呴�熸�т笌鍏惰韩蹇冨彂灞曠殑閫熷害鐩存帴鐩稿叧銆傚湪濠村辜鍎挎垚闀跨殑鐭煭杩欏嚑骞达紝浠栦滑鐨勫悇椤硅兘鍔涘彂灞曞崄鍒嗚繀閫燂紝鐗瑰埆鏄姩浣滅殑鍙戝睍銆傚湪鍑虹敓鍚庣煭鐭嚑涓湀鐨勬椂闂村唴锛屽┐骞煎効灏卞浼氫簡鎶ご銆佺炕韬�佸潗绔嬨�佺埇琛屻�佺珯绔嬨�佽璧扮瓑涓�绯诲垪鍔ㄤ綔銆傞櫎姝や箣澶栵紝濠村辜鍎垮湪鎿嶄綔鐗╀綋鐨勫彂灞曚笂涔熻〃鐜板嚭杈冨揩鐨勯�熷害銆傚湪涓�骞村乏鍙崇殑鏃堕棿锛屽┐骞煎効灏变粠闅忔剰鐨勩�侀噸澶嶇殑鎽嗗紕锛岄�愭笎鍙戝睍鎴愭湁搴忕殑銆佹湁缁勭粐鐨勭帺鑰嶅姩浣滐紝骞朵笖浼撮殢鐫�鎬濈淮鑳藉姏鐨勫彂灞曪紝瀵逛簬浜嬬墿闂村叧鑱旀�х殑鐞嗚В涔熸湁浜嗕竴瀹氱殑鍙戝睍銆�
+                    </p>
+                    <p>铏界劧鎴戜滑浠庡┐骞煎効鐨勫悇涓柟闈㈠幓鎺㈢储娓告垙瀵逛簬鍏跺彂灞曠殑绉瀬浣滅敤锛屼絾瀹為檯涓婂┐骞煎効浣滀负涓�涓畬鏁寸殑涓綋锛屽叾鍙戝睍鍛堢幇鍑烘暣浣撳寲銆傚浜庡┐骞煎効鏉ヨ锛屼粬浠劅鐭ヤ笘鐣岀殑鏂瑰紡涔熸槸鏁翠綋鍖栫殑銆傚綋濠村辜鍎挎父鎴忔椂锛屼粬浠槸鍏ㄨ韩蹇冩矇娴稿湪浠栦滑鎵�鍒涢�犵殑涓栫晫閲屻�傚洜涓哄湪浠栦滑鐨勪笘鐣岄噷锛屼粬浠槸鏃犳墍涓嶈兘鐨勶紝鏄兘瀹炵幇浠栦滑涓�鍒囩殑鎰挎湜鐨勩�傚洜姝わ紝浠栦滑蹇呴』璋冨姩鍏ㄨ韩鍔涙皵鍘诲畬鎴愭父鎴忥紝鍦ㄧ帺鑰嶅拰鎺㈢储涓幏寰楄韩蹇冪殑鍏ㄩ潰鍙戝睍銆�
+                    </p>
+                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitTwo" :key="'unitQuestionTwo' + index">
+                        <li>
+                            {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                            }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitTwoChoice" :key="'unitTwoChoice2' + index">
+                        <li>
+                            {{ index + 6 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                                    }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitThree">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitThree" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+        <!-- 25椤� -->
+        <div class="page-box" page="35">
+            <div v-if="showPageList.indexOf(35) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+                    <li class="headerText">濠村効娓告垙姒傝堪</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>25</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
+                    <p><span class="ls1 fm-fzfs">鍏充簬璁よ瘑濠村辜鍎挎父鎴忕殑涔︾睄锛�</span></p>
+                    <p>1.鍒樼劚锛氥�婂効绔ユ父鎴忛�氳銆嬶紝鍖椾含锛屽寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2004銆�</p>
+                    <p>2.锛昏嫳锛界弽濡壒路鑾紛钑炬柉锛氥�婁粎浠呮槸娓告垙鍚椻�斺�旀父鎴忓湪鏃╂湡鍎跨鏁欒偛涓殑浣滅敤涓庡湴浣嶃�嬶紝鍒樼劚銆佸垬宄板嘲銆侀浄缇庣惔璇戯紝鍖椾含锛屽寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2010銆�</p>
+                    <p>3.锛荤編锛芥墭灏悸稺. 鏋楀痉锛氥�婂湪娓告垙涓彂灞曞効绔モ�斺�斾互娓告垙涓哄熀纭�鐨勮法瀛︾鍎跨骞查娉曘�嬶紝闄堝宄般�佹睙娉借彶绛夎瘧锛屼笂娴凤紝鍗庝笢甯堣寖澶у鍑虹増绀撅紝2008銆�</p>
+                    <p><span class="ls1 fm-fzfs">鍏充簬濠村辜鍎垮彂灞曞叧閿湡鐨勪功绫嶏細</span></p>
+                    <p>1.鍐浗寮猴細銆�0锝�6宀佽韩蹇冩櫤鍙戝睍瀹炵敤鍏ㄥ吀锛氬┐骞煎効鍏抽敭鏈烶.E.D鏃╂暀娉曘�嬶紝鍖椾含锛屼腑鍥藉濂冲嚭鐗堢ぞ锛�2016銆�</p>
+                    <p>2.闊╂#鍗庯細銆�0锝�3宀侊細瀛╁瓙鎴愰暱鐨勫叧閿湡銆嬶紝鍖椾含锛屽寳浜嚭鐗堢ぞ锛�2004銆�</p>
+                    <p class="dialogQuestion mt-20 mb-20" @click="openQuestion(1)">
+                        <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+                        <span class="td-0">
+                            <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                xmlns="http://www.w3.org/2000/svg" p-id="2536"
+                                xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28">
+                                <path
+                                    d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                                    fill="#fff" p-id="2537"></path>
+                                <path
+                                    d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                                    fill="#fff" p-id="2538"></path>
+                                <path
+                                    d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                                    fill="#fff" p-id="2539"></path>
+                            </svg>
+                        </span>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
+            :questionTitle="questionTitleMain" ref="dialogRef">
+        </dialogExaminations>
+        <mindMapView :isClear="mapDialogVisible" ref="mindMapDialogRef"></mindMapView>
     </div>
 </template>
 
 <script>
-import { getResourcePath } from "@/assets/methods/resources";
+import { getResourcePath, uploadFilePath } from "@/assets/methods/resources";
 import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
+import preView from "@/components/pdfview/index.vue";
+import mindMapView from '@/components/mindMapView/index.vue'
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
+import tool from '@/assets/js/toolClass.js'
+import { Message } from 'element-ui'
 export default {
     name: "chapterOne",
     props: {
         showPageList: {
             type: Array,
         },
+        interfaceQuestion: {
+            type: Object,
+        },
+    },
+    components: {
+        mindMapView,
+        preView,
+        dialogExaminations,
     },
     data() {
         return {
+            mindMapDialogRef: '',
+            mapDialogVisible: false,
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
@@ -952,7 +1755,34 @@
             videoPathThree: "",
             videoPathFour: "",
             videoPathFive: "",
+            videoPathSix: "",
+            videoPathSeven: "",
+            videoPathEight: "",
             collectResourceList: [],
+            // pdf
+            dialogVisible: false,
+            pdfDialogRef: "",
+            somePdfTitleValue: "",
+            p_md5: "",
+            chapter001: {
+                pdfMd5: {
+                    1: {
+                        md5: "4b012884ed1396953ceebfca2893df63",
+                        name: " 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�",
+                    },
+                },
+                question: {
+                    1: {
+                        questionTitleMain: "瀛︿範妯″潡涓�",
+                        questionNum: 35,
+                    },
+                },
+            },
+            // 棰樼洰
+            dialogVisibleOne: false,
+            themeColor: "#6dcff6",
+            questionNum: 0,
+            questionTitleMain: "",
             chapterData: {
                 isCollectVideo: false,
                 isCollectVideo01: false,
@@ -961,6 +1791,17 @@
                 isCollectVideo04: false,
                 isCollectVideo05: false,
                 isCollectVideo06: false,
+                isCollectVideo07: false,
+            },
+            textQuestionData: {
+                one: "",
+                two: "",
+                three: "",
+                four: "",
+                five: "",
+                six: "",
+                seven: "",
+                eight: "",
             },
             questionData: {
                 unitOne: {
@@ -970,7 +1811,10 @@
                     four: "",
                     five: "",
                     six: "",
-                }
+                },
+                askAbout: {
+                    one: "",
+                },
             },
             tableData: {
                 unitOne: {
@@ -980,10 +1824,13 @@
                     four: "",
                     five: "",
                     six: "",
+                    seven: "",
+                    eight: "",
                 }
             },
             unitQuestion: {
                 isComplete: false,
+                isShowAnswer: false,
                 unitOne: [
                     {
                         txt: "鏂扮敓鍎跨殑瑙嗙▼澶ф鏄紙銆�銆�锛�",
@@ -1081,12 +1928,36 @@
                             },
                         ]
                     },
+                    {
+                        txt: "渚濇嵁31~36涓湀濠村辜鍎垮彂灞曠壒鐐癸紝浠ヤ笅鍝簺娓告垙鏄�傚疁鐨勶紵锛堛��銆�锛�",
+                        type: "checkbox",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鎶涙帴鐞�",
+                                value: "A"
+                            },
+                            {
+                                txt: "杩囧瀹�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鎼Н鏈�",
+                                value: "C"
+                            },
+                            {
+                                txt: "缁樻湰闃呰",
+                                value: "D"
+                            },
+                        ]
+                    },
                 ],
-                textOne: "",
-                textTwo: "",
             },
             unitQuestionOne: {
                 isComplete: false,
+                isShowAnswer: false,
                 unitTwo: [
                     {
                         txt: "璁や负娓告垙鏄敤鏉ユ仮澶嶇簿鍔涚殑杞绘澗娲诲姩鐨勬父鎴忕悊璁烘槸锛堛��銆�锛�",
@@ -1115,7 +1986,7 @@
                     {
                         txt: "鎻愬嚭鐢熸椿鍑嗗璇寸殑浠h〃浜虹墿鏄紙銆�銆�锛�",
                         isRight: null,
-                        answer: "C",
+                        answer: "B",
                         userAnswer: "",
                         option: [
                             {
@@ -1187,7 +2058,7 @@
                     {
                         txt: "娓告垙鐨勫敜閱掔悊璁哄憡璇夋垜浠紝缁勭粐鍜屽垱璁炬墭骞兼満鏋勭殑鐜搴旀敞鎰忥紙銆�銆�锛�",
                         isRight: null,
-                        answer: "A",
+                        answer: "C",
                         userAnswer: "",
                         option: [
                             {
@@ -1213,7 +2084,7 @@
                     {
                         txt: "浠ヤ笅娓告垙鐞嗚涓睘浜庣粡鍏告父鎴忕悊璁虹殑鏈夛紙銆�銆�锛�",
                         isRight: null,
-                        answer: ["A", "B", "C"],
+                        answer: ["A", "C", "D"],
                         userAnswer: [],
                         option: [
                             {
@@ -1235,9 +2106,9 @@
                         ]
                     },
                     {
-                        txt: "鎻愬嚭鐢熸椿鍑嗗璇寸殑浠h〃浜虹墿鏄紙銆�銆�锛�",
+                        txt: "浠ヤ笅灞炰簬绮剧鍒嗘瀽瀛︽淳鐨勪唬琛ㄤ汉鐗╂湁锛堛��銆�锛�",
                         isRight: null,
-                        answer: ["A", "B", "C"],
+                        answer: ["A", "B"],
                         userAnswer: [],
                         option: [
                             {
@@ -1259,9 +2130,304 @@
                         ]
                     },
                 ],
-                textOne: "",
-                textTwo: "",
-            }
+            },
+            unitQuestionTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitTwo: [
+                    {
+                        txt: "濠村辜鍎垮弽澶嶆暡鎵撴瀛愶紝鍦ㄦ瀛愪笂鎽囨潵鎽囧幓銆傝繖绫绘父鎴忓睘浜庯紙銆�锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "锛堛��锛夌殑鍑虹幇涓�鑸璁や负鏄父鎴忓彂灞曠殑楂樼骇闃舵銆�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鈥滀互鐗╀唬鐗┾�濃�滀互浜轰唬浜衡�濇槸锛堛��锛夐噷濠村辜鍎跨殑鍏稿瀷琛ㄧ幇銆�",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鐢变簬0锝�2宀佸┐骞煎効澶勪簬鎰熺煡杩愬姩闃舵锛屽洜姝ゅ┐骞煎効娓告垙浠ワ紙銆�锛変负涓汇��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "瀹堕暱鍦ㄦ寚瀵煎┐骞煎効寮�灞曟父鎴忔椂搴旀敞鎰忥紙銆�锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鎬佸害鐢熺‖",
+                                value: "A"
+                            },
+                            {
+                                txt: "鏈嶄粠濠村辜鍎跨殑鎰忔効",
+                                value: "B"
+                            },
+                            {
+                                txt: "灏婇噸鍜屼俊浠诲┐骞煎効",
+                                value: "C"
+                            },
+                            {
+                                txt: "鎵硅瘎鐘敊璇殑濠村辜鍎�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitTwoChoice: [
+                    {
+                        txt: "鎸夌収娓告垙涓殑浜ゅ線瀵硅薄锛屽┐骞煎効娓告垙鍒嗕负锛堛��锛夈��",
+                        isRight: null,
+                        answer: ["B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "浜插瓙娓告垙",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐜╃墿娓告垙",
+                                value: "C"
+                            },
+                            {
+                                txt: "浼欎即娓告垙",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "濠村辜鍎挎父鎴忕殑浠峰�兼湁锛堛��锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "淇冭繘韬綋鍙戝睍",
+                                value: "A"
+                            },
+                            {
+                                txt: "淇冭繘璁ょ煡鍙戝睍",
+                                value: "B"
+                            },
+                            {
+                                txt: "淇冭繘绀句細鎬у彂灞�",
+                                value: "C"
+                            },
+                            {
+                                txt: "淇冭繘涓�у彂灞�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            exampleOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "浠ヤ笅璇存硶绗﹀悎鐢熸椿鍑嗗璇磋鐐圭殑鏄紙銆�銆�锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "娓告垙鏄墿浣欑簿鍔涚殑鍙戞硠",
+                                value: "A"
+                            },
+                            {
+                                txt: "娓告垙鏄敤鏉ユ仮澶嶇簿鍔涚殑杞绘澗娲诲姩",
+                                value: "B"
+                            },
+                            {
+                                txt: "娓告垙鏄负鏈潵鐢熸椿鍋氬噯澶�",
+                                value: "C"
+                            },
+                            {
+                                txt: "娓告垙鏄汉绫荤敓鐗╅仐浼犵殑缁撴灉",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            exampleTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "鎴戜滑搴旇鎶撲綇濠村辜鍎挎劅鎯呭煿鍏荤殑锛堛��銆�锛夛紝閫氳繃鏈夐拡瀵规�х殑娲诲姩涓庢父鎴忔縺鍙戝叾鍏磋叮",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鏈轰細",
+                                value: "A"
+                            },
+                            {
+                                txt: "鏃舵満",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏁忔劅鏈�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鏃舵湡",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            exampleThree: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "锛堛��锛夋槸鍎跨渚濇亱鍙戝睍鐨勭涓夐樁娈碉細鐗规畩鐨勬儏鎰熻仈缁撻樁娈点��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍑虹敓鑷�3涓湀",
+                                value: "A"
+                            },
+                            {
+                                txt: "3鑷�6涓湀",
+                                value: "B"
+                            },
+                            {
+                                txt: "6涓湀鑷�2宀�",
+                                value: "C"
+                            },
+                            {
+                                txt: "2宀佷互鍚�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            exampleFour: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "鏍规嵁濠村辜鍎胯鐭ラ鍩熺殑鍙戣偛骞撮緞锛屽埗瀹氬拰璁捐锛堛��锛夌殑娓告垙鏂规銆�",
+                        isRight: null,
+                        answer: "D",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "璇█棰嗗煙",
+                                value: "A"
+                            },
+                            {
+                                txt: "绀句細棰嗗煙",
+                                value: "B"
+                            },
+                            {
+                                txt: "绀句細棰嗗煙",
+                                value: "C"
+                            },
+                            {
+                                txt: "璁ょ煡棰嗗煙",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            questionDataImg: ""
         }
     },
     async mounted() {
@@ -1283,6 +2449,37 @@
         const unitTwo = localStorage.getItem("toddleGame-book-chapter01-UnitTwo");
         if (unitTwo) {
             this.unitQuestionOne = JSON.parse(unitTwo);
+        }
+
+        const unitThree = localStorage.getItem("toddleGame-book-chapter01-unitThree");
+        if (unitThree) {
+            this.unitQuestionTwo = JSON.parse(unitThree);
+        }
+
+        const exampleOne = localStorage.getItem("toddleGame-book-chapter01-exampleOne");
+        if (exampleOne) {
+            this.exampleOne = JSON.parse(exampleOne);
+        }
+
+        const exampleTwo = localStorage.getItem("toddleGame-book-chapter01-exampleTwo");
+        if (exampleTwo) {
+            this.exampleTwo = JSON.parse(exampleTwo);
+        }
+
+        const exampleThree = localStorage.getItem("toddleGame-book-chapter01-exampleThree");
+        if (exampleThree) {
+            this.exampleThree = JSON.parse(exampleThree);
+        }
+
+        const exampleFour = localStorage.getItem("toddleGame-book-chapter01-exampleFour");
+        if (exampleFour) {
+            this.exampleFour = JSON.parse(exampleFour);
+        }
+
+
+        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter001-textQuestionData");
+        if (textQuestionData) {
+            this.textQuestionData = JSON.parse(textQuestionData);
         }
 
         this.getVidoePath()
@@ -1311,6 +2508,12 @@
             this.videoPathSeven = await getResourcePath(
                 "4f1f70e849911a2a90ce4df6b08fd3cc"
             );
+
+            this.videoPathEight = await getResourcePath(
+                "8215ef4093c9b916f147c41cdbe8f60a"
+            );
+
+
         },
         handleCollect(e) {
             if (e == 'video-01') {
@@ -1334,9 +2537,10 @@
             } else if (e == 'video-07') {
                 this.handleCollectResource("4f1f70e849911a2a90ce4df6b08fd3cc", "4f1f70e849911a2a90ce4df6b08fd3cc", '', "瑙嗛", "bits", '瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚')
                 this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
+            } else if (e == 'video-08') {
+                this.handleCollectResource("  isCollectVideo06: false,", "8215ef4093c9b916f147c41cdbe8f60a", '', "瑙嗛", "bits", '瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚')
+                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
             }
-
-            this.handleChapterData();
         },
         //璧勬簮鏀惰棌浜嬩欢
         // resourcePath  鏂囦欢璺緞锛�
@@ -1380,26 +2584,41 @@
         goCheckJudge() {
             for (let index = 0; index < this.unitQuestion.unitOne.length; index++) {
                 const item = this.unitQuestion.unitOne[index];
-                if (item.userAnswer == item.answer) {
-                    item.isRight = true
+                if (item.type == 'checkbox') {
+                    const sortedArr1 = item.answer.slice().sort();
+                    const sortedArr2 = item.userAnswer.slice().sort();
+                    const isRight = sortedArr1.every(
+                        (value, index) => value === sortedArr2[index]
+                    );
+                    item.isRight = isRight
                 } else {
-                    item.isRight = false
+                    if (item.userAnswer == item.answer) {
+                        item.isRight = true
+                    } else {
+                        item.isRight = false
+                    }
                 }
             }
             this.unitQuestion.isComplete = true
+            this.unitQuestion.isShowAnswer = true
+            this.saveUnitOne()
         },
         changeCheckData() {
             localStorage.removeItem("toddleGame-book-chapter01-UnitOne")
             for (let index = 0; index < this.unitQuestion.unitOne.length; index++) {
                 const item = this.unitQuestion.unitOne[index];
-                item.userAnswer = ""
-                item.isRight = null
+                if (item.type == 'checkbox') {
+                    item.userAnswer = []
+                    item.isRight = null
+                } else {
+                    item.userAnswer = ""
+                    item.isRight = null
+                }
+
             }
             this.unitQuestion.isComplete = false
-            this.unitQuestion.textOne = ""
-            this.unitQuestion.textTwo = ""
+            this.unitQuestion.isShowAnswer = false
         },
-
         goUnitTwo() {
             for (let index = 0; index < this.unitQuestionOne.unitTwo.length; index++) {
                 const item = this.unitQuestionOne.unitTwo[index];
@@ -1422,6 +2641,8 @@
                 }
             }
             this.unitQuestionOne.isComplete = true
+            this.unitQuestionOne.isShowAnswer = true
+            this.saveUnitTwo()
         },
         changeUnitTwo() {
             localStorage.removeItem("toddleGame-book-chapter01-UnitTwo")
@@ -1436,13 +2657,226 @@
                 item.isRight = null
             }
             this.unitQuestionOne.isComplete = false
+            this.unitQuestionOne.isShowAnswer = false
             this.unitQuestionOne.textOne = ""
             this.unitQuestionOne.textTwo = ""
-        }
+        },
+        saveUnitThree() {
+            localStorage.setItem('toddleGame-book-chapter01-UnitThree', JSON.stringify(this.unitQuestionTwo))
+        },
+        goUnitThree() {
+            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
+                const item = this.unitQuestionTwo.unitTwo[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
 
+            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
+                const item = this.unitQuestionTwo.unitTwoChoice[index];
+                if (item.userAnswer.length === item.answer.length) {
+                    // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+                    item.isRight = isRight;
+                } else {
+                    // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+                    item.isRight = false;
+                }
+            }
+            this.unitQuestionTwo.isComplete = true
+            this.unitQuestionTwo.isShowAnswer = true
+        },
+        changeUnitThree() {
+            localStorage.removeItem("toddleGame-book-chapter01-UnitThree")
+            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
+                const item = this.unitQuestionTwo.unitTwo[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
+                const item = this.unitQuestionTwo.unitTwoChoice[index];
+                item.userAnswer = []
+                item.isRight = null
+            }
+            this.unitQuestionTwo.isComplete = false
+            this.unitQuestionTwo.isShowAnswer = false
+            this.unitQuestionTwo.textOne = ""
+            this.unitQuestionTwo.textTwo = ""
+        },
+        saveExampleOne() {
+            localStorage.setItem('toddleGame-book-chapter01-exampleOne', JSON.stringify(this.exampleOne))
+        },
+        goExampleOne() {
+            for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
+                const item = this.exampleOne.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleOne.isComplete = true
+            this.exampleOne.isShowAnswer = true
+        },
+        changeExampleOne() {
+            localStorage.removeItem("toddleGame-book-chapter01-exampleOne")
+            for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
+                const item = this.exampleOne.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleOne.isComplete = false
+            this.exampleOne.isShowAnswer = false
+        },
+        saveExampleTwo() {
+            localStorage.setItem('toddleGame-book-chapter01-exampleTwo', JSON.stringify(this.exampleTwo))
+        },
+        goExampleTwo() {
+            for (let index = 0; index < this.exampleTwo.unitOne.length; index++) {
+                const item = this.exampleTwo.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleTwo.isComplete = true
+            this.exampleTwo.isShowAnswer = true
+        },
+        changeExampleTwo() {
+            localStorage.removeItem("toddleGame-book-chapter01-exampleTwo")
+            for (let index = 0; index < this.exampleTwo.unitOne.length; index++) {
+                const item = this.exampleTwo.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleTwo.isComplete = false
+            this.exampleTwo.isShowAnswer = false
+        },
+        saveExampleThree() {
+            localStorage.setItem('toddleGame-book-chapter01-exampleThree', JSON.stringify(this.exampleThree))
+        },
+        goExampleThree() {
+            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
+                const item = this.exampleThree.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleThree.isComplete = true
+            this.exampleThree.isShowAnswer = true
+        },
+        changeExampleThree() {
+            localStorage.removeItem("toddleGame-book-chapter01-exampleThree")
+            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
+                const item = this.exampleThree.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleThree.isComplete = false
+            this.exampleThree.isShowAnswer = false
+        },
+        saveExampleFour() {
+            localStorage.setItem('toddleGame-book-chapter01-exampleFour', JSON.stringify(this.exampleFour))
+        },
+        goExampleFour() {
+            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
+                const item = this.exampleFour.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleFour.isComplete = true
+            this.exampleFour.isShowAnswer = true
+        },
+        changeExampleFour() {
+            localStorage.removeItem("toddleGame-book-chapter01-exampleFour")
+            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
+                const item = this.exampleFour.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleFour.isComplete = false
+            this.exampleFour.isShowAnswer = false
+        },
+        saveTextQuestionData() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter001-textQuestionData",
+                JSON.stringify(this.textQuestionData)
+            );
+        },
+        toUrl(val) {
+            if (val) {
+                this.p_md5 = this.chapter001.pdfMd5[val].md5;
+                this.somePdfTitleValue = this.chapter001.pdfMd5[val].name;
+                this.$refs.pdfDialogRef.openDialog();
+            }
+        },
+        openQuestion(num) {
+            if (num) {
+                this.questionNum = this.chapter001.question[num].questionNum;
+                this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+                this.$refs.dialogRef.openDialogQuestion();
+            }
+        },
 
+        //涓婁紶鍥剧墖
+        fileUpload(file) {
 
+            return new Promise((resolve, reject) => {
+                const isJPG = file.file.type === 'image/jpeg' || file.file.type === 'image/png'
+                if (!isJPG) {
+                    Message.error('涓婁紶鏂囦欢鍙兘鏄� jpg/png 鏍煎紡!')
+                    return reject()
+                }
+                const FileName = file.file.name.split('.')[0]
+                const Extension = file.file.name.split('.')[1]
+                const FileType = file.file.type
+                let size = 1024
+                tool
+                    .getFileMd5(file.file, size * 1024)
+                    .then(async (e) => {
+                        if (!(this.questionData.askAbout.one == e)) {
+                            const imgData = new FormData()
+                            imgData.append('Md5', e)
+                            imgData.append('FileName', FileName)
+                            imgData.append('Extension', Extension)
+                            imgData.append('FileType', FileType)
+                            imgData.append('MetaData', null)
+                            imgData.append('file', file.file)
+                            let rData = await uploadFilePath(imgData);
+                            if (rData) {
+                                this.questionData.askAbout.one = e
+                                this.questionDataImg = await getResourcePath(e);
+                                this.$refs.upload.clearFiles(); // 娓呴櫎鏂囦欢鍒楄〃
+                            }
+                        } else {
+                            Message.error('褰撳墠鏂囦欢宸蹭笂浼狅紝璇峰嬁閲嶅鎿嶄綔锛�')
+                            this.$refs.upload.clearFiles(); // 娓呴櫎鏂囦欢鍒楄〃
+                        }
+                    })
+                    .catch((e) => {
+                        console.error(e);
+                        this.$refs.upload.clearFiles(); // 娓呴櫎鏂囦欢鍒楄〃
+                    })
+            })
 
+        },
+        //鍒犻櫎
+        delFile() {
+            this.questionData.askAbout.one = ''
+            this.questionDataImg = ''
+        },
+        showMindMapDialog() {
+            this.mapDialogVisible = true
+            this.$refs.mindMapDialogRef.openDialog();
+        },
     }
 }
 </script>

--
Gitblit v1.9.1