From 1995bd9b9e0033445fd44c796e21a1944f1e56b2 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 14 三月 2025 17:42:22 +0800
Subject: [PATCH] 3.14民航服务礼仪新增视频,题目。

---
 src/books/civilAviation/assets/images/fengmian.png         |    0 
 src/books/aviationSafety/assets/images/Cover.jpg           |    0 
 .env.product                                               |    4 
 src/books/aviationEtiquette/view/components/chpater002.vue |  942 +++----
 src/books/aviationEtiquette/view/components/chapter001.vue |  328 ++
 src/books/aviationEtiquette/assets/main.less               |  329 ++
 src/books/aviationEtiquette/assets/images/0129-1.jpg       |    0 
 src/books/aviationEtiquette/assets/images/fengmian.png     |    0 
 src/books/aviationEtiquette/view/components/chapter005.vue |  925 ++++---
 src/books/aviationEtiquette/view/components/index.vue      |   72 
 src/books/aviationBasicSkills/assets/images/fengdi.png     |    0 
 src/books/aviationBasicSkills/assets/images/Cover.jpg      |    0 
 src/books/aviationEtiquette/view/components/chapter003.vue | 2022 +++++++----------
 src/books/aviationEtiquette/assets/images/cbxx.jpg         |    0 
 src/books/meetingPlanners/assets/mian.less                 |    9 
 src/books/aviationEtiquette/assets/examinationList.js      |   33 
 src/books/aviationSafety/assets/images/FD.jpg              |    0 
 src/books/civilServices/assets/images/fengdi.png           |    0 
 src/books/aviationEtiquette/assets/images/FD.jpg           |    0 
 src/books/civilAviation/assets/images/fengdi.png           |    0 
 src/App.vue                                                |    2 
 src/books/civilServices/assets/images/fengmian.png         |    0 
 src/books/aviationEtiquette/view/components/chapter004.vue | 2002 +++++++++-------
 23 files changed, 3,603 insertions(+), 3,065 deletions(-)

diff --git a/.env.product b/.env.product
index 2ed6f61..27ee982 100644
--- a/.env.product
+++ b/.env.product
@@ -1,8 +1,8 @@
 VUE_APP_ENV = 'product'
 VUE_APP_API_URL = "https://jsek.bnuic.com"
 VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/meetingPlanners'
+VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/civilAviation'
 # VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
 # VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/preschoolBasicKnowledge'
 VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge"
-VUE_APP_BOOK_ID = 'meetingPlanners'
\ No newline at end of file
+VUE_APP_BOOK_ID = 'civilAviation'
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 3c5610b..fd2ee27 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -128,7 +128,7 @@
         process.env.VUE_APP_RESOURCE_CTX +
         (process.env.VUE_APP_ENV == "product"
           ? process.env.VUE_APP_BOOK_ID
-          : "aurturingAndEducationAged0to3")
+          : "aviationEtiquette")
       );
 
       // this.activeBook = await this.config.getBookConfig(
diff --git a/src/books/aviationBasicSkills/assets/images/Cover.jpg b/src/books/aviationBasicSkills/assets/images/Cover.jpg
index 89d7304..e443748 100644
--- a/src/books/aviationBasicSkills/assets/images/Cover.jpg
+++ b/src/books/aviationBasicSkills/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/aviationBasicSkills/assets/images/fengdi.png b/src/books/aviationBasicSkills/assets/images/fengdi.png
index cbc1529..e2a81d0 100644
--- a/src/books/aviationBasicSkills/assets/images/fengdi.png
+++ b/src/books/aviationBasicSkills/assets/images/fengdi.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/examinationList.js b/src/books/aviationEtiquette/assets/examinationList.js
new file mode 100644
index 0000000..c02d3f3
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/examinationList.js
@@ -0,0 +1,33 @@
+const testData = {
+  2: {
+    18: [152451, 152452, 152453, 152454, 152455, 152456, 152457, 152458],
+    31: [152549, 152550, 152551, 152552, 152553, 152554, 152555, 152556],
+  },
+  3: {
+    78: [
+      152460, 152461, 152462, 152463, 152464, 152465, 152466, 152467, 152468,
+      152469, 152470, 152471, 152472, 152473, 152474,
+    ],
+    94: [152475, 152476, 152477, 152478, 152479],
+  },
+  4: {
+    108: [152480, 152481, 152487, 152488],
+    117: [152482, 152483, 152484, 152485, 152486, 152489],
+  },
+  5: {
+    134: [152559, 152560, 152561, 152562, 152563, 152564],
+    140: [152494, 152495, 152496, 152497],
+    152: [
+      152498, 152499, 152500, 152501, 152502, 152503, 152504, 152505, 152506,
+      152507,
+    ],
+  },
+  6: {
+    169: [
+      152508, 152509, 152510, 152511, 152512, 152513, 152514, 152515, 152516,
+      152517,
+    ],
+  },
+};
+
+export default testData;
diff --git a/src/books/aviationEtiquette/assets/images/0129-1.jpg b/src/books/aviationEtiquette/assets/images/0129-1.jpg
new file mode 100644
index 0000000..156a9c9
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/0129-1.jpg
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/FD.jpg b/src/books/aviationEtiquette/assets/images/FD.jpg
index cfb4528..b754867 100644
--- a/src/books/aviationEtiquette/assets/images/FD.jpg
+++ b/src/books/aviationEtiquette/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/cbxx.jpg b/src/books/aviationEtiquette/assets/images/cbxx.jpg
index ab6b3e6..1a7dee1 100644
--- a/src/books/aviationEtiquette/assets/images/cbxx.jpg
+++ b/src/books/aviationEtiquette/assets/images/cbxx.jpg
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/fengmian.png b/src/books/aviationEtiquette/assets/images/fengmian.png
index 6ed8bfb..1e58d76 100644
--- a/src/books/aviationEtiquette/assets/images/fengmian.png
+++ b/src/books/aviationEtiquette/assets/images/fengmian.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index c389daf..c98f216 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -10,7 +10,8 @@
         box-shadow: 0 3px 6px 1px #00000029;
         background-color: #fff;
     }
-    .foreword{
+
+    .foreword {
         font-family: 'FZLTZHJW';
         font-weight: 300;
         font-size: 1.5em;
@@ -19,24 +20,28 @@
         margin-bottom: 0;
         text-indent: 0em;
     }
-    .topBorder{
-        width:120px;
+
+    .topBorder {
+        width: 120px;
         border-top: 1px solid #6E85AF;
         border-bottom: 1px solid #6E85AF;
         height: 2px;
     }
-    .bottomBorder{
-        width:180px;
+
+    .bottomBorder {
+        width: 180px;
         border-top: 1px solid #6E85AF;
         border-bottom: 1px solid #6E85AF;
         height: 2px;
     }
+
     input[type="radio"] {
-        accent-color:#6E85AF !important;
+        accent-color: #6E85AF !important;
         cursor: pointer;
     }
+
     input[type="checkbox"] {
-        accent-color:#6E85AF !important;
+        accent-color: #6E85AF !important;
         cursor: pointer;
     }
 
@@ -261,29 +266,29 @@
     .mb-10 {
         margin-bottom: 10px !important;
     }
-    .pNum{
-        font-size:18px !important;
+
+    .pNum {
+        font-size: 18px !important;
         font-style: italic;
         font-family: "kaiti";
-        padding-top:2px !important;
-        padding-bottom:2px !important;
+        padding-top: 2px !important;
+        padding-bottom: 2px !important;
     }
 
-    .p-Num{
+    .p-Num {
         background-color: #92B0D5;
         color: #fff;
         font-size: 14px;
-        padding: 3px 0;
         padding-right: 8px;
         font-size: 18px;
         font-style: italic;
         font-family: "kaiti";
-        padding-top:2px !important;
-        padding-bottom:2px !important;
+        padding-top: 2px !important;
+        padding-bottom: 2px !important;
     }
 
 
-    .cloud{
+    .cloud {
         padding: 0px 8px 0 0 !important;
     }
 
@@ -350,18 +355,18 @@
 
     .header-right-last {
         font-size: 17px;
-        background-color: #B799B6; 
-        padding: 2px 0;
-        padding-left: 20px; 
- 
+        background-color: #B799B6;
+        padding: 1.5px 0;
+        padding-left: 20px;
+
     }
 
     .header-right-end {
         font-size: 17px;
         background-color: #738DC0;
-        padding: 2px 0;
+        padding: 1.5px 0;
         padding-left: 50px;
-  
+
     }
 
 
@@ -390,19 +395,20 @@
     }
 
     .textarea-box {
-        width:88%;
-        margin-left:2em;
+        width: 88%;
+        margin-left: 2em;
         overflow: auto;
         word-break: break-all;
         resize: none;
-        border:1px solid #738DC0;
+        border: 1px solid #738DC0;
         border-radius: 5px;
-        background-color:rgba(255, 255, 255, 0);
+        background-color: rgba(255, 255, 255, 0);
     }
-    .input-box{
-        border:none;
-        border-bottom:1px solid #333;
-        background-color:rgba(255, 255, 255, 0);
+
+    .input-box {
+        border: none;
+        border-bottom: 1px solid #333;
+        background-color: rgba(255, 255, 255, 0);
         outline: none;
     }
 
@@ -650,12 +656,12 @@
         margin-bottom: 18px;
     }
 
-    
+
     .imgBox {
         display: flex !important;
         flex-direction: column-reverse !important;
         position: relative !important;
-    
+
         .img {
             margin: 0 !important;
             font-size: 14px !important;
@@ -664,7 +670,7 @@
             transform: translateX(-50%);
             bottom: -2% !important;
         }
-    
+
         img {
             height: 80%;
         }
@@ -734,21 +740,22 @@
     .event-header-text-bc {
         background-color: #bbd4ec;
     }
+
     //瑙嗛  
     .video-box-cover {
-        border: 1px dashed #895B2E;
+        border: 1px dashed #6E85AF;
         padding: 2% 2%;
     }
 
     .video-box {
         margin: 20px 0 20px 0;
-        border: 1px dashed #895B2E;
+        border: 1px dashed #6E85AF;
         padding: 2% 2%;
     }
 
     .video-box-left {
         margin: 20px 8% 20px 0;
-        border: 1px dashed #895B2E;
+        border: 1px dashed #6E85AF;
         padding: 2% 2%;
     }
 
@@ -1119,6 +1126,11 @@
         text-align: justify;
     }
 
+    .t-al {
+        text-align-last: justify;
+    }
+
+
     .cover {
         width: 100%;
         padding: 0px;
@@ -1153,6 +1165,7 @@
         margin-left: 0%;
         margin-right: 0%;
     }
+
     .left3 {
         margin: 0 !important;
         line-height: 20px;
@@ -1406,7 +1419,8 @@
         font-size: 1.2em;
         padding: 25px;
         border: 4px dotted #197ABF;
-        .block{
+
+        .block {
             font-family: "kaiti";
         }
     }
@@ -1581,9 +1595,10 @@
         margin-left: -0.6em;
         margin-right: -0.6em;
         margin-top: -0.5em;
-        
+
     }
-    div.bj3 p{
+
+    div.bj3 p {
         font-family: 'FangSong' !important;
     }
 
@@ -1622,7 +1637,7 @@
     }
 
 
-    .bk-video{
+    .bk-video {
         border: 0.15em dashed #92A1CB;
         padding: 1.8em 5px;
         margin-bottom: 2em;
@@ -1896,42 +1911,59 @@
 @font-face {
     font-family: 'FZLTZHJW';
     src: url('./Fonts/FZLTZHJW.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FZLTXIHJW';
     src: url('./Fonts/FZLTXIHJW.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FZHTJW';
     src: url('./Fonts/FZHTJW.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FANGSONG';
     src: url('./Fonts/fangSong.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FANGZHENG';
     src: url('./Fonts/fangZheng.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'ZHUNYUAN';
     src: url('./Fonts/zhunyuan.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'ZHONGDENGXIAN';
     src: url('./Fonts/zhongdengxian.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'BOYA';
     src: url('./Fonts/boYa.ttf');
-  }
+}
+
+
+.dialogQuestion {
+    background-color: #6E85AF;
+    height: 80px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    span {
+        color: #fff;
+        font-size: 20px;
+        padding: 0 40px 0 20px;
+        cursor: pointer;
+    }
+}
 
 // 闅愯棌椤甸潰
 .hidePage {
@@ -1940,10 +1972,153 @@
     box-shadow: none !important;
 }
 
+
+.pdfModal {
+    width: 100%;
+    height: 90vh;
+
+    .pdfBox-component {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        .preview {
+            width: 100%;
+            height: 100%;
+
+            .imageBox {
+                height: calc(100% - 30px);
+                overflow-x: hidden;
+                overflow-y: auto;
+                background: #ccc;
+                box-sizing: border-box;
+            }
+
+            .imageBox:hover {
+                cursor: zoom-in !important;
+            }
+
+            ::v-deep .el-dialog__header {
+                background-color: rgba(0, 0, 0, 0.8);
+
+                .header_title {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+
+                    span:nth-child(2):hover {
+                        cursor: pointer;
+                    }
+                }
+
+                ::v-deep .el-dialog__title,
+                ::v-deep .el-dialog__headerbtn .el-dialog__close {
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+                }
+            }
+
+            .bottom_tool {
+                height: 30px;
+                background-color: rgba(0, 0, 0, 0.8);
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
+
+                svg {
+                    margin-right: 15px;
+                    fill: #d1d1d1;
+                }
+
+                svg:hover {
+                    fill: #fff;
+                    cursor: pointer;
+                }
+            }
+        }
+
+        .notBox {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: calc(100% - 30px);
+            min-height: 300px;
+        }
+    }
+}
+
+.custom-dialog {
+    overflow: hidden !important;
+
+    .el-dialog__body {
+        padding: 0;
+    }
+
+    .el-dialog__header {
+        background-color: rgba(0, 0, 0, 0.8);
+
+        .header_title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+
+            span:nth-child(2):hover {
+                cursor: pointer;
+            }
+        }
+
+        .el-dialog__title,
+        .el-dialog__headerbtn .el-dialog__close {
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+        }
+    }
+}
+
+.examination {
+    height: calc(100% - 50px);
+    overflow-x: hidden;
+    overflow-y: auto;
+    box-sizing: border-box;
+}
+
+
+.header_title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // color: #fff;
+    font-weight: 900;
+    font-size: 16px;
+    font-family: 'FZLTXIHJW';
+
+    span:nth-child(2):hover {
+        cursor: pointer;
+    }
+}
+
+
+.custom-dialog .el-dialog__header{
+    background-color:#6E85AF  !important;
+}
+
 /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
 
 @media screen and (max-width: 1024px) {
-   
+
     .custom-dialog {
         .el-dialog {
             width: 90vw !important;
@@ -1952,7 +2127,7 @@
 }
 
 @media screen and (max-width: 800px) {
-   
+
 
     .custom-dialog {
         .el-dialog {
@@ -1963,27 +2138,27 @@
 
 @media (max-width: 660px) {
     .aviationEtiquette-book {
-        .header-right-Number{
+        .header-right-Number {
             font-size: 9px;
 
-            img{
-                height: 16px;  
+            img {
+                height: 16px;
             }
         }
 
-        .header-left-Number{
+        .header-left-Number {
             font-size: 9px;
         }
 
-        .pad-r-80{
+        .pad-r-80 {
             padding-right: 10px;
         }
-        
-        .pad-l-80{
+
+        .pad-l-80 {
             padding-left: 10px;
         }
 
-        h1{
+        h1 {
             font-size: 1em;
         }
 
@@ -1993,26 +2168,28 @@
             margin-bottom: 1.5em;
             margin-left: 2.5em;
         }
-        .rwmb-4{
+
+        .rwmb-4 {
             margin-top: 1.5em;
             height: 1.5em;
         }
 
-        .header-right-last{
+        .header-right-last {
             font-size: 10px;
         }
 
-        .header-right-end{
+        .header-right-end {
             font-size: 10px;
         }
 
-        .p-Num{
+        .p-Num {
             font-size: 12px;
         }
 
         .mr-70 {
             margin-right: 10px;
         }
+
         /* 鍒嗛〉padding */
         .padding-93 {
             padding: 0 20px;
diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index 07f9b31..3ad97da 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -77,6 +77,25 @@
           <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p>
           <p>2.浜嗚В涓浗绀间华鍙戝睍鐨勫巻绋嬨��</p>
           <p>3.鐞嗚В涓タ鏂圭ぜ浠瀺鍚堝彂灞曠殑鎰忎箟銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>瑙嗛锛�1.1.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d001">涓�銆佺ぜ浠殑璧锋簮</h4>
           <p>
             鎴戝浗绱犳湁鈥滅ぜ浠箣閭︹�濈殑缇庤獕锛岀ぜ浠枃鍖栨簮杩滄祦闀裤�傗�滅ぜ鈥濆瓧鏈�鏃╁嚭鐜板湪閲戞枃閲屻�備汉绫诲彂灞曠殑鍒濇湡锛屼汉浠寰堝鑷劧鐜拌薄锛屽鐏北鍠峰彂銆佸湴闇囥�佺數闂浄楦g瓑鏃犳硶鐞嗚В涔熸棤娉曡В閲婏紝鍙兘褰掔粨涓洪绁炵殑鍔涢噺鎵�鑷达紝浠栦滑璁や负澶╁湴闂存湁绁炵殑鍔涢噺鍦ㄤ富瀹帮紝涔熸湁楝奸瓊鐨勫瓨鍦紝鑰屽嚭浜庡澶╁湴楝肩鐨勬儳鎬曘�佹暚浠帮紝浜轰滑閫氳繃璁捐娴佺▼銆佷妇琛屼华寮忋�佹暚鐚キ鍝佺瓑鏂瑰紡鏉ヨ〃杈炬暚鐣忥紝杩欑娴佺▼閫愭笎鍥哄寲涓轰竴绉嶈鑼冿紝杩欐牱灏变骇鐢熶簡绀笺�傚寳浜殑鈥滃ぉ鍧涒�濃�滃湴鍧涒�濆氨鏄彜浠e浗鍚涚敤鏉ヤ妇琛岃繖绫荤キ澶╃キ鍦版椿鍔ㄧ殑寤虹瓚銆�
@@ -115,7 +134,7 @@
         <div class="bodystyle">
           <h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6>
           <p>
-            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
+            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�欌�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
           </p>
           <h6 id="f005">5.绀肩敓浜庣悊锛屾簮浜庝織</h6>
           <p>
@@ -663,6 +682,24 @@
             <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
               v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶
           </p>
+          <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(1)" 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>
@@ -733,6 +770,25 @@
           <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p>
           <p>2.鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐ㄣ��</p>
           <p>3.浜嗚В骞舵帉鎻℃皯鑸湇鍔¤涓氱殑鍩烘湰鐗瑰緛銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�1.2.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '602e257498cd61657b759edd5be0221d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1066,6 +1122,25 @@
           <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p>
           <p>2.鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹�с��</p>
           <p>3.鎻愬崌涓诲姩鏈嶅姟鐨勬剰璇嗐��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�1.2.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '571b9fb7962e8fc30749893919d2157b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d022">涓�銆佹纭璇嗘湇鍔℃剰璇�</h4>
           <p>
             濡傛灉璇存皯鑸湇鍔′汉鍛樼殑鐭ヨ瘑涓庢妧鑳芥槸鏈嶅姟鐨勬満缈硷紝閭d箞鏈嶅姟鎰忚瘑鎵嶆槸浣胯繖鏋堕鏈哄睍缈呴珮椋炵殑鍙戝姩鏈恒��
@@ -1441,6 +1516,24 @@
           <p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔$殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p>
           <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
             @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(2)" 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>
@@ -1533,6 +1626,25 @@
             鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗姘戠敤鑸┖娉曘�嬬涓夊崄涔濇潯瑙勫畾锛屾皯鐢ㄨ埅绌轰汉鍛樻槸鎸囦粠浜嬫皯鐢ㄨ埅绌烘椿鍔ㄧ殑绌哄嫟浜哄憳鍜屽湴闈汉鍛樸�傜┖鍕や汉鍛橈紝鍖呮嫭椹鹃┒鍛樸�侀琛屾満姊颁汉鍛樸�佷箻鍔″憳锛涘湴闈汉鍛橈紝鍖呮嫭姘戠敤鑸┖鍣ㄧ淮淇汉鍛樸�佺┖涓氦閫氱鍒跺憳銆侀琛岀娲惧憳銆佽埅绌虹數鍙伴�氫俊鍛樸�傛棤璁烘槸璐熻矗鍦ㄨ埍鍐呮彁渚涙湇鍔$殑绌哄嫟浜哄憳杩樻槸璐熻矗涓烘梾瀹㈡彁渚涘湴闈㈡湇鍔★紝鍦ㄩ鏈鸿捣椋炲墠纭繚椋炶瀹夊叏锛屼负椋炶鎻愪緵蹇呬笉鍙皯鐨勯琛屽墠鍑嗗鐨勫湴闈汉鍛橈紝閮芥槸涓烘梾瀹㈢殑鑸掗�傚嚭琛屻�佸畨鍏ㄥ嚭琛屾湇鍔$殑銆�
           </p>
           <h4 id="d026">浜屻�佹皯鐢ㄨ埅绌轰汉鍛樼殑宀椾綅鑱岃矗</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�1.3.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戠敤鑸┖浜哄憳鏈変笉鍚岀殑宀椾綅绉嶇被锛屽矖浣嶈亴璐d篃鏈夋墍涓嶅悓銆備互涓嬫槸瀵归儴鍒嗘皯鐢ㄨ埅绌轰汉鍛樺矖浣嶇绫诲強鍏蜂綋宸ヤ綔鑱岃矗鐨勯槓杩般��
           </p>
@@ -1775,6 +1887,25 @@
           <p>2.鐞嗚В鍚勯」鑳藉姏瀵逛笓涓氬拰宀椾綅鐨勬敮鎾戞�с��</p>
           <p>3.鑳藉鍦ㄥ疄闄呭伐浣滀腑鐏垫椿澶氬彉锛岃繍鐢ㄥ悇椤硅兘鍔涜В鍐冲疄闄呴棶棰樸��</p>
           <p>浠ョ┖涓箻鍔″憳涓轰緥锛屾皯鐢ㄨ埅绌轰汉鍛樺簲鍏峰鐨勮兘鍔涘簲鍖呭惈浠ヤ笅鍑犲ぇ绫汇��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�1.3.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d027">涓�銆佷翰鍜屽姏</h4>
           <p>
             绌轰腑涔樺姟鍛樼殑宸ヤ綔涓嶄粎鏄畝鍗曠殑绔尪閫掓按锛岃�屾槸涓�椤归渶瑕佲�滅溂瑙傚叚璺紝鑰冲惉鍏柟鈥濈殑鍏ㄦ柟浣嶅伐浣滐紝鎵�浠ワ紝婊¤冻鏃呭鐨勯渶姹傚拰涓烘梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙鏄箻鍔″憳鐨勯瑕佷换鍔°�傛梾瀹㈣壇濂界殑鍥為鍙堥鍏堟簮浜庣┖涔樹汉鍛樿壇濂界殑浜插拰鍔涳紝杩欏氨瑕佹眰涔樺姟鍛橀渶鍏峰姝ら」鍩烘湰鑳藉姏銆傚湪鏈嶅姟鏃呭鏃讹紝涔樺姟鍛樹粠鍐呭績鍒板鍦ㄩ兘搴斾紶閫掑弸鍠勪俊鎭紝浣挎梾瀹骇鐢熸剦鎮︺�佸紑蹇冦�佽垝閫傘�佹俯棣ㄣ�佷俊浠荤殑蹇冪悊鎰熷彈锛屼粠鑰屽缓绔嬩箻鍔″憳涓庢梾瀹箣闂寸殑鍙嬪ソ銆佸拰鐫︾殑鍏崇郴銆�
@@ -2229,6 +2360,44 @@
           <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p>
           <p>2.閫氳繃璁粌鍩瑰吇瑙傚療鑳藉姏銆�</p>
           <p>3.閫氳繃璁粌鍩瑰吇鍊惧惉鑳藉姏銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�1.3.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�1.3.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'be07f31967532a808843e53df1a436d5'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d033">涓�銆佷翰鍜屽姏鐨勮缁�</h4>
           <h5 id="e027">锛堜竴锛夊闀滆缁冩硶</h5>
           <p>
@@ -2861,6 +3030,10 @@
         </div>
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2870,18 +3043,32 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterOne",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
       collectResourceList: [],
       showQuestionAnswer: false,
       showChoiceAnswer: false,
@@ -2889,6 +3076,14 @@
       isFocused: null,
       chapterData: {
         isCollectVideo: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+        isCollectVideoEight: false,
       },
       questionData: {
         isComplete: false,
@@ -3037,7 +3232,23 @@
       },
       evaluationOneResults: "", //娴嬭瘎缁撴灉
       evaluationTwoResults: "", //娴嬭瘎缁撴灉
-
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡涓�銆�绀间华璁ょ煡",
+            questionNum: 18,
+          },
+          2: {
+            questionTitleMain: "妯″潡涓�銆�姘戣埅鏈嶅姟鎰忚瘑璁ょ煡",
+            questionNum: 31,
+          },
+        },
+      },
     };
   },
 
@@ -3073,12 +3284,6 @@
       this.evaluationTwoResults = evaluationTwoData;
     }
 
-
-    const videoData = localStorage.getItem("aviationEtiquette-book-chapter01-Data");
-    if (videoData) {
-      this.chapterData = JSON.parse(videoData);
-    }
-
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -3089,6 +3294,28 @@
       this.videoPathOne = await getResourcePath(
         "4f0afd466e16bde40a447ff467452181"
       );
+      this.videoPathTwo = await getResourcePath(
+        "dfa7f3d64168acde32e4ca07a9001e79"
+      );
+      this.videoPathThree = await getResourcePath(
+        "602e257498cd61657b759edd5be0221d"
+      );
+      this.videoPathFour = await getResourcePath(
+        "571b9fb7962e8fc30749893919d2157b"
+      );
+      this.videoPathFive = await getResourcePath(
+        "3b4d6a336fad79e9c4f137e142c26f0b"
+      );
+      this.videoPathSix = await getResourcePath(
+        "2b112927d0029591bee2ad5de73e3e2a"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "e483ec3b940fcc8616b8aea894d5ded0"
+      );
+      this.videoPathEight = await getResourcePath(
+        "be07f31967532a808843e53df1a436d5"
+      );
+
     },
     setBookQuestion() {
       localStorage.setItem(
@@ -3191,16 +3418,79 @@
           "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.1.1"
+        );
+        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "602e257498cd61657b759edd5be0221d",
+          "602e257498cd61657b759edd5be0221d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.2.1"
+        );
+        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "571b9fb7962e8fc30749893919d2157b",
+          "571b9fb7962e8fc30749893919d2157b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.2.2"
+        );
+        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.1"
+        );
+        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.2"
+        );
+        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.3"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "be07f31967532a808843e53df1a436d5",
+          "be07f31967532a808843e53df1a436d5",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.4"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
       }
-      this.handleChapterData();
     },
 
-    handleChapterData() {
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter01-Data",
-        JSON.stringify(this.chapterData)
-      );
-    },
     //璧勬簮鏀惰棌浜嬩欢
     // resourcePath  鏂囦欢璺緞锛�
     // resourceType  鏂囦欢绫诲瀷
@@ -3232,6 +3522,14 @@
         this.collectResourceList
       );
     },
+
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index 136350c..3f65d39 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -40,6 +40,63 @@
           <p>1.浜嗚В姘戣埅娌熼�氱殑鐗圭偣銆�</p>
           <p>2.璁よ瘑姘戣埅娌熼�氱殑浣滅敤銆�</p>
           <p>3.鎺屾彙涓婁笅绾ф矡閫氱殑鏂规硶銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�3.1.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '6f3a3b8b1b5eb8b942f57b7c6ef20ff7'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>瑙嗛锛�3.1.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�3.1.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d071">涓�銆佹皯鑸亴鍦烘矡閫氭杩�</h4>
           <p>
             姘戣埅娌熼�氫竴鑸寘鎷鍙版寚鎸ヤ腑蹇冧笌涔樺姟缁勭殑娌熼�氥�佺┖涓箻鍔$粍鍦ㄥ鑸卞唴涓庡悓浜嬪強鏃呭鐨勬矡閫氥�佸湴闈㈡湇鍔′汉鍛樺湪鏈哄満澶у巺涓庡悓浜嬪強鏃呭鐨勬矡閫氱瓑銆�
@@ -67,6 +124,25 @@
             涓嶅悓鐨勪紒涓氭枃鍖栥�佷笉鍚岀殑绠$悊鍒跺害銆佷笉鍚岀殑涓氬姟閮ㄩ棬锛屾矡閫氶鏍奸兘浼氭湁鎵�涓嶅悓锛屾垜浠椤哄簲姘戣埅涓氱殑瀹夊叏鎬с�佸揩閫熸�с�佹満鍔ㄦ�с�佸浗闄呮�х瓑鐗瑰緛锛屽疄鐜版湁鏁堟矡閫氥��
           </p>
           <h4 id="d072">浜屻�佹皯鑸汉鍛樹笌鏃呭鐨勬矡閫氭妧宸�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�3.1.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f768963b0e70d05a065c3094c9a6a6af'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e070">锛堜竴锛夊鍒濇涔樻満鐨勬梾瀹�</h5>
           <p>
             鍒濇涔樺潗椋炴満锛屾梾瀹㈡棦濂藉鍙堢揣寮犮�備负婊¤冻鏃呭鐨勫ソ濂囧績锛屼箻鍔″憳瑕佷富鍔ㄤ负浠栦滑浠嬬粛鏈鑸彮鐨勬儏鍐碉紝濡傛満鍨嬨�侀琛岄珮搴︺�佸潗鏍囩瓑銆傚垵娆′箻鍧愰鏈虹殑鏃呭缂哄皯涔樺潗椋炴満鐨勫父璇嗐�備竴鏂归潰锛屼箻鍔″憳瑕佽�愬績鍦颁粙缁嶏紝涓嶈鍢茬瑧浠栦滑锛岄伩鍏嶄娇鏃呭鎰熷埌鑷崙锛涘彟涓�鏂归潰锛屼箻鍔″憳杩樿閫氳繃浜插垏浜よ皥鍒嗘暎浠栦滑绱у紶鐨勬儏缁紝浣夸粬浠劅鍒颁箻鍧愰鏈烘槸瀹夊叏鐨勩��
@@ -80,12 +156,31 @@
             渚嬪锛岄噸瑕佹梾瀹竴涓婇鏈猴紝涔樺姟鍛樺簲鑳藉噯纭棤璇湴鐢ㄤ粬浠殑濮撴皬鍜岃亴鍔℃潵闂�欎粬浠紱褰撻噸瑕佹梾瀹㈤�掔粰涔樺姟鍛樺悕鐗囨椂锛屼箻鍔″憳搴斿綋闈㈣鍑烘潵锛屼娇浠栦滑鍦ㄥ績鐞嗕笂浜х敓涓�绉嶆弧瓒虫劅锛涗箻鍔″憳瑕佹敞鎰忎笌鏃呭杩涜娌熼�氾紝浣夸粬浠殑鏁翠釜鏃呯▼閮芥矇娴稿湪鎰夋偊鐨勫績鎯呬腑銆�
           </p>
           <h5 id="e072">锛堜笁锛夊鑰佸勾鏃呭</h5>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�3.1.5</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ada8ecd6349bf5d0c6ee2b6642e9effc'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鑰佸勾鏃呭鏈�鍏冲績鑸彮鐨勫畨鍏ㄩ棶棰橈紝灏ゅ叾鍦ㄩ鏈鸿捣钀芥椂銆傚洜姝ゅ鑰佸勾浜鸿繘琛屾湇鍔℃椂瑕佺粏鑷达紝涓庤�佸勾浜鸿璇濊閫熻鎱紝闊抽噺瑕佺暐澶э紝搴斾富鍔ㄥ叧蹇冧粬浠渶瑕佷粈涔堟湇鍔★紝娲炲療骞跺強鏃舵弧瓒充粬浠殑蹇冪悊闇�姹傦紝灏介噺娑堥櫎浠栦滑鐨勫鐙劅銆�
           </p>
           <h5 id="e073">锛堝洓锛夊鐢熺梾鏃呭</h5>
           <p>
-            杩樻湁涓�浜涚敓鐥呯殑鏃呭浠ュ強鍦ㄤ箻鏈鸿繃绋嬩腑绐佺劧鍙戠梾鐨勬梾瀹紝浠栦滑涓庢甯哥殑鏃呭鐩告瘮鑷悊鑳藉姏杈冨樊锛岃揩鍒囬渶瑕佸緱鍒颁箻鍔$粍鐨勭収椤俱�傛皯鑸湇鍔′汉鍛樹竴瀹氳瀵嗗垏鍏虫敞浠栦滑锛屽浠栦滑浣撹创銆佽�愬績锛屽繀瑕佹椂鍙姩鍛樻満鍦虹殑鍏朵粬鏃呭浜堜互鏀彺鍜屽府鍔┿�傞亣鍒伴渶鎶㈡晳鐨勯噸鐥囨偅鑰咃紝瑕佹彁鍓嶄笌鏈哄満鍜屽尰闄㈠彇寰楄仈绯伙紝璁╂晳鎶よ溅鎶婄梾浜哄強鏃堕�佸埌鍖婚櫌锛屼簤鍙栨姠鏁戞椂闂淬�傚鐥呮儏杈冭交鐨勬梾瀹㈡垨涓�旀偅鎰熷啋鐨勬梾瀹紝闇�瑕佸湪鏈轰笂缁欎簣鏁戝姪锛屾帶鍒剁梾鎯咃紝骞跺瘑鍒囨敞鎰忕梾鎯呭彉鍖栵紝闃叉鐥呮儏鎭跺寲銆傚寰呬粬浠竴瀹氳鐪熻瘹锛岀湡璇氬湴瀹夋叞浠栦滑銆佸府鍔╀粬浠��
+            杩樻湁涓�浜涚敓鐥呯殑鏃呭浠ュ強鍦ㄤ箻鏈鸿繃绋嬩腑绐佺劧鍙戠梾鐨勬梾瀹紝浠栦滑涓庢甯哥殑鏃呭鐩告瘮鑷悊鑳藉姏杈冨樊锛岃揩鍒囬渶瑕佸緱鍒颁箻鍔$粍鐨勭収椤俱�傛皯鑸湇鍔′汉鍛樹竴瀹氳瀵嗗垏鍏虫敞浠栦滑锛屽浠栦滑浣撹创銆佽�愬績锛屽繀瑕佹椂鍙姩鍛樻満鍦虹殑鍏朵粬鏃呭浜堜互鏀彺鍜屽府鍔┿�傞亣鍒伴渶鎶㈡晳鐨勯噸鐥囨偅鑰咃紝瑕佹彁鍓嶄笌鏈哄満鍜屽尰闄㈠彇寰楄仈绯伙紝璁╂晳鎶よ溅鎶婄梾浜哄強鏃堕�佸埌鍖婚櫌锛屼簤鍙栨姠鏁戞椂闂淬�傚鐥呮儏杈冭交鐨勬梾瀹㈡垨涓�旀偅鎰熷啋鐨勬梾瀹紝闇�瑕佸湪鏈轰笂缁欎簣鏁戝姪锛屾帶鍒剁梾鎯咃紝骞跺瘑鍒囧叧娉ㄧ梾鎯呭彉鍖栵紝闃叉鐥呮儏鎭跺寲銆傚寰呬粬浠竴瀹氳鐪熻瘹锛岀湡璇氬湴瀹夋叞浠栦滑銆佸府鍔╀粬浠��
           </p>
         </div>
       </div>
@@ -103,6 +198,25 @@
         </ul>
         <div class="bodystyle">
           <h5 id="e074">锛堜簲锛夊鎸戝墧鏃呭</h5>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�3.1.6</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ff80be5c2badeef45574d9d5fb884b92'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             椋炴満涓婂伓灏旀湁涓埆姣旇緝鎸戝墧鐨勬梾瀹紝浠栦滑瀵规湇鍔″拰璁惧浠ュ強椁愰ギ绛変細鎻愬嚭闅句互杈惧埌鐨勮姹傘�傚湪涓庢梾瀹㈡矡閫氱殑杩囩▼涓紝鍔″繀瑕佽浣忎互鏃呭涓轰腑蹇冿紝鏀惧純鑷垜涓績璁恒�傚仛鍒板績骞虫皵鍜屻�佷笉涔卞彂鐗㈤獨锛岃繖鏍蜂笉浠呰嚜宸卞揩涔愶紝鏃呭涔熶細蹇冩儏鎰夋偊銆�
           </p>
@@ -110,6 +224,25 @@
             瀵规锛屾皯鑸湇鍔′汉鍛樹竴瀹氳鑰愬績銆佷笉鎬ヨ簛锛屼互骞抽潤鐨勫績鎬佸惉鏃呭鐨勫�捐瘔锛岀敤鐑績銆佸懆鍒扮殑鏈嶅姟锛屼娇鏃呭鐨勫績鎯呮參鎱㈠湴骞抽潤涓嬫潵锛屼笉瑕佹�ヤ簬瑙i噴鍜岃京瑙o紝閬垮厤寮曡捣鏃呭鏇村ぇ鐨勫弽鎰熴��
           </p>
           <h4 id="d073">涓夈�佷紭璐ㄦ湇鍔$殑鈥滀簲蹇冣�濇矡閫�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�3.1.7</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '81574f24a780ca2ed16b023eb795ce04'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e075">锛堜竴锛夎矗浠诲績</h5>
           <p>
             璐d换蹇冨氨鏄竴绉嶈嚜瑙夊湴鎶婂垎鍐呯殑浜嬫儏鍋氬ソ骞舵効鎰忔壙鎷呯浉搴旇矗浠荤殑鎯呮劅銆傛皯鑸伐浣滄棦鏄湇鍔″伐浣滐紝涔熸槸瀹夊叏宸ヤ綔锛屾棦鍏崇郴鍒拌埅绌哄叕鍙哥殑鏈嶅姟姘村钩锛屼篃鍏崇郴鍒版梾瀹㈢敓鍛藉拰鍥藉璐骇瀹夊叏锛岃矗浠婚噸澶э紝闇�瑕佹皯鑸湇鍔′汉鍛樹互楂樺害鐨勮矗浠诲績璁ょ湡瀵瑰緟銆傚彲浠ヨ锛岃矗浠诲績鏄竴鍚嶆皯鑸湇鍔′汉鍛樺簲璇ュ叿澶囩殑鍩烘湰鏉′欢銆�
@@ -211,8 +344,8 @@
               <p>
                 鍦ㄥ伐浣滀腑锛屽綋姘戣埅鏈嶅姟浜哄憳閬囧埌瀹汉鎻愬嚭鐨勮姹傛垨闂鑷韩鏃犳硶婊¤冻鎴栬В鍐虫椂锛岃濡備綍鍥炵瓟锛�
               </p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e081">锛堜簩锛夋湇鍔″繉璇�</h5>
@@ -246,7 +379,7 @@
         <div class="bodystyle">
           <h6 id="f034">4.璁ヨ銆佽交瑙嗙殑璇彞</h6>
           <p>
-            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃牭鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
+            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃槦鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
           </p>
           <h6 id="f035">5.鍌績鍛戒护寮忕殑璇彞</h6>
           <p>
@@ -282,8 +415,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>鍦ㄦ湇鍔¤繃绋嬩腑锛岄渶瑕侀伩鍏嶄娇鐢ㄥ摢浜涙墜鍔匡紵</p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -315,6 +448,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戣埅鏈嶅姟涓湁鍏虫矡閫氱殑妗堜緥銆�</p>
           <p>2.浠庢渚嬩腑鍒嗘瀽瀹炶返缁忛獙銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�3.1.8</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '65f1f06c69581442b53aefac9da33353'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d075">涓�銆佸疄璁渚嬩竴 鍚屼簨鐩稿</h4>
           <p>
             鐜嬮懌鏄煇鑸┖鍏徃浜哄姏璧勬簮閮ㄧ殑涓�鍚嶅憳宸ワ紝浜烘瘮杈冮殢鍜岋紝涓嶅枩浜夋墽锛屽拰鍚屼簨澶勫緱閮芥瘮杈冨ソ銆備絾鏄紝鍓嶄竴娈垫椂闂达紝涓嶇煡閬撲负浠�涔堬紝鍚屼竴閮ㄩ棬鐨勬潕鍝嶈�佹槸澶勫鍜屼粬杩囦笉鍘伙紝鏈夋椂鍊欐晠鎰忓湪鍒汉闈㈠墠鎸囨楠傛锛屼笌浠栧悎浣滃伐浣滄椂涔熼兘鏈夋剰璁╃帇閼鍋氾紝鐢氳嚦杩樻姠浜嗙帇閼ソ澶氫笟鍔°��
@@ -337,8 +489,8 @@
               <p>
                 鐜嬮懌鍦ㄥ繊涓嶄笅鍘荤殑鏃跺�欙紝閫夋嫨浜嗗憡鐘躲�傚湪杩欓噷锛岀帇閼�佹�荤粡鐞嗐�佹潕鍝嶄笁浜虹姱浜嗗悓鏍风殑閿欒锛岄偅灏辨槸娌℃湁鍧氭寔鈥滃浜嬩笉瀵逛汉鈥濓紝鎬荤粡鐞嗗仛浜嬩篃杩囦簬鑽夌巼锛屾病鏈夎捣鍒板簲鏈夌殑璋冭妭浣滅敤锛屼粬鐨勪竴鐣壒璇勫弽鑰屽姞鍓т簡浜屼汉涔嬮棿鐨勭煕鐩俱�傛纭殑鍋氭硶鏄妸鍙屾柟涔嬮棿鐨勮浼氥�佺煕鐩捐В寮�锛岀鐫�浠ヤ簨涓氫负閲嶏紝鍔犲己鍛樺伐鐨勬矡閫氭潵澶勭悊杩欎欢浜嬨�傝繖鏍峰仛鐨勮瘽锛岀粨鏋滆偗瀹氫細濂藉緱澶氥��
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -379,11 +531,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.璇峰垎鏋愭湰妗堜緥涓儴闂ㄧ粡鐞嗗拰涓婄骇娌熻�屼笉閫氱殑鍘熷洜銆�</p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.钁f�荤殑瑙e喅鍔炴硶鏈夊摢浜涢棶棰橈紵</p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d077">涓夈�佸疄璁渚嬩笁 绱ф�ヨ揩闄�</h4>
@@ -405,8 +557,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>鏈渚嬩腑锛岃鐐硅瘎涔樺姟浜哄憳鐨勮涓恒�傚摢浜涘湴鏂瑰�煎緱鎴戜滑瀛︿範锛�</p>
-              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -431,175 +583,50 @@
           <p class="center block"><span class="cs1">娴嬭瘯涓� 鑱屽満娌熼�氳兘鍔涙祴璇�</span></p>
           <p class="block">锛堜竴锛夋儏鏅弿杩�</p>
           <p class="block">1.濡傛灉浣犵殑鏈嬪弸鍜屼綘鍙戠敓浜嗕簤鍚碉紝浣犲皢鎬庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovOne"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.one"
-              @change="setEvaluation"
-            />A.涓嶇悊浠栵紝鏂粷鏈嬪弸鍏崇郴</p>
-          <p class="block"><input
-              type="radio"
-              name="eovOne"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.one"
-              @change="setEvaluation"
-            />B.鏆傛椂涓嶈皥杩欎釜闂锛屾眰鍚屽瓨寮傦紝浠ュ悗鍐嶈</p>
-          <p class="block"><input
-              type="radio"
-              name="eovOne"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.one"
-              @change="setEvaluation"
-            />C.璇蜂袱涓汉鍏卞悓鐨勫ソ鏈嬪弸鍔濆拰锛屾墦鐮村兊灞�</p>
+          <p class="block"><input type="radio" name="eovOne" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />A.涓嶇悊浠栵紝鏂粷鏈嬪弸鍏崇郴</p>
+          <p class="block"><input type="radio" name="eovOne" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />B.鏆傛椂涓嶈皥杩欎釜闂锛屾眰鍚屽瓨寮傦紝浠ュ悗鍐嶈</p>
+          <p class="block"><input type="radio" name="eovOne" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />C.璇蜂袱涓汉鍏卞悓鐨勫ソ鏈嬪弸鍔濆拰锛屾墦鐮村兊灞�</p>
           <p class="block">2.浣犲惉璇存湁鍚屼簨鍚戦瀵兼墦浣犵殑灏忔姤鍛婏紝浣犱細鎬庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTwo"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.two"
-              @change="setEvaluation"
-            />A.鐩存帴鍐插埌閭d釜鍚屼簨闈㈠墠锛屽拰浠栧ぇ鍚典竴椤�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTwo"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.two"
-              @change="setEvaluation"
-            />B.鍚戦瀵艰鏄庢儏鍐碉紝璇烽瀵艰皟鏌ョ湡鐩�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTwo"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.two"
-              @change="setEvaluation"
-            />C.娓呰�呰嚜娓咃紝涓嶅幓鐞嗙潿锛屽拰浠ュ墠涓�鏍峰共濂藉伐浣�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />A.鐩存帴鍐插埌閭d釜鍚屼簨闈㈠墠锛屽拰浠栧ぇ鍚典竴椤�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />B.鍚戦瀵艰鏄庢儏鍐碉紝璇烽瀵艰皟鏌ョ湡鐩�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />C.娓呰�呰嚜娓咃紝涓嶅幓鐞嗙潿锛屽拰浠ュ墠涓�鏍峰共濂藉伐浣�</p>
           <p class="block">3.濡傛灉鐖舵瘝鎬ф牸涓嶅悎锛岀粡甯稿惖鏋讹紝浣犱細鎬庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovThree"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.three"
-              @change="setEvaluation"
-            />A.澶у0濞佽儊浠栦滑锛氬啀鍚垫垜灏辨惉鍑哄幓浣�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovThree"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.three"
-              @change="setEvaluation"
-            />B.灏戝洖瀹讹紝涔愬緱娓呴潤</p>
-          <p class="block"><input
-              type="radio"
-              name="eovThree"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.three"
-              @change="setEvaluation"
-            />C.鍦ㄧ埗浜查潰鍓嶅じ姣嶄翰锛屽湪姣嶄翰闈㈠墠澶哥埗浜诧紝璁炬硶澧炶繘浠栦滑鐨勬劅鎯�</p>
+          <p class="block"><input type="radio" name="eovThree" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />A.澶у0濞佽儊浠栦滑锛氬啀鍚垫垜灏辨惉鍑哄幓浣�</p>
+          <p class="block"><input type="radio" name="eovThree" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />B.灏戝洖瀹讹紝涔愬緱娓呴潤</p>
+          <p class="block"><input type="radio" name="eovThree" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />C.鍦ㄧ埗浜查潰鍓嶅じ姣嶄翰锛屽湪姣嶄翰闈㈠墠澶哥埗浜诧紝璁炬硶澧炶繘浠栦滑鐨勬劅鎯�
+          </p>
           <p class="block">
             4.鍚屼簨璺熶綘鐐��濂逛拱浜嗕竴鏉℃柊瑁欏瓙锛屽叾瀹炰綘瑙夊緱寰堜竴鑸�傜湅鐫�濂瑰叴楂橀噰鐑堢殑鏍峰瓙锛屼綘浼氭�庝箞鍋氾紵
           </p>
-          <p class="block"><input
-              type="radio"
-              name="eovFour"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.four"
-              @change="setEvaluation"
-            />A.鐩存帴鍛婅瘔濂硅瀛愪笉鎬庝箞鏍�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.four"
-              @change="setEvaluation"
-            />B.寰瑧鐫�鍊惧惉锛屼笉璇磋瘽</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFour"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.four"
-              @change="setEvaluation"
-            />C.鍛婅瘔濂硅繖鏉¤瀛愭瘮濂逛箣鍓嶄拱鐨勯偅鏉¤濂界湅</p>
+          <p class="block"><input type="radio" name="eovFour" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />A.鐩存帴鍛婅瘔濂硅瀛愪笉鎬庝箞鏍�</p>
+          <p class="block"><input type="radio" name="eovFour" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />B.寰瑧鐫�鍊惧惉锛屼笉璇磋瘽</p>
+          <p class="block"><input type="radio" name="eovFour" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />C.鍛婅瘔濂硅繖鏉¤瀛愭瘮濂逛箣鍓嶄拱鐨勯偅鏉¤濂界湅</p>
           <p class="block">5.鍚屼簨浠竴璧峰湪澶栬仛椁愶紝浣犲埌杈惧悗浼氬仛浠�涔堬紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFive"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.five"
-              @change="setEvaluation"
-            />A.璧炵編楗簵鐨勮豹鍗庢垨鑰呰彍鑲寸殑绮剧編</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFive"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.five"
-              @change="setEvaluation"
-            />B.鐪嬬湅妞呭瓙銆侀鍏锋槸鍚﹁冻澶�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFive"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.five"
-              @change="setEvaluation"
-            />C.鐪嬬湅浜烘槸鍚﹀埌榻愶紝鎷涘懠鍚庢潵鐨勪汉</p>
+          <p class="block"><input type="radio" name="eovFive" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />A.璧炵編楗簵鐨勮豹鍗庢垨鑰呰彍鑲寸殑绮剧編</p>
+          <p class="block"><input type="radio" name="eovFive" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />B.鐪嬬湅妞呭瓙銆侀鍏锋槸鍚﹁冻澶�</p>
+          <p class="block"><input type="radio" name="eovFive" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />C.鐪嬬湅浜烘槸鍚﹀埌榻愶紝鎷涘懠鍚庢潵鐨勪汉</p>
           <p class="block">6.鍧愬叕浜よ溅鐨勬椂鍊欙紝浣犱竴鑸範鎯簬鍋氫粈涔堬紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSix"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.six"
-              @change="setEvaluation"
-            />A.鍧愮潃鐫¤鎴栧彂鍛�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSix"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.six"
-              @change="setEvaluation"
-            />B.鐪嬬湅绔欏湪鏃佽竟鐨勪汉</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSix"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.six"
-              @change="setEvaluation"
-            />C.鐪嬬獥澶栫殑鏅壊锛屽彂鐜颁竴浜涙柊寮�鐨勫簵</p>
+          <p class="block"><input type="radio" name="eovSix" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />A.鍧愮潃鐫¤鎴栧彂鍛�</p>
+          <p class="block"><input type="radio" name="eovSix" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />B.鐪嬬湅绔欏湪鏃佽竟鐨勪汉</p>
+          <p class="block"><input type="radio" name="eovSix" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />C.鐪嬬獥澶栫殑鏅壊锛屽彂鐜颁竴浜涙柊寮�鐨勫簵</p>
         </div>
       </div>
     </div>
@@ -617,117 +644,33 @@
         </ul>
         <div class="bodystyle">
           <p class="block">7.涓婁簡鍏氦鍚庝綘鍙戠幇鑷繁娌″甫闆堕挶锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSeven"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.seven"
-              @change="setEvaluation"
-            />A.鍋峰伔鍦拌翰鍦ㄤ汉鍫嗛噷</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSeven"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.seven"
-              @change="setEvaluation"
-            />B.鎬ョ潃涓嬭溅</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSeven"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.seven"
-              @change="setEvaluation"
-            />C.璺熷徃鏈鸿鏄庢儏鍐碉紝甯屾湜鍏嶆帀杞﹁垂</p>
+          <p class="block"><input type="radio" name="eovSeven" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />A.鍋峰伔鍦拌翰鍦ㄤ汉鍫嗛噷</p>
+          <p class="block"><input type="radio" name="eovSeven" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />B.鎬ョ潃涓嬭溅</p>
+          <p class="block"><input type="radio" name="eovSeven" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />C.璺熷徃鏈鸿鏄庢儏鍐碉紝甯屾湜鍏嶆帀杞﹁垂</p>
           <p class="block">8.鍚屼簨甯︽潵瀹朵埂鐗逛骇鍜屼綘鍒嗕韩锛屼綘浼氭�庝箞鍋氾紵</p>
-          <p class="block"> <input
-              type="radio"
-              name="eovEight"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.eight"
-              @change="setEvaluation"
-            />A.瀹㈡皵鍦版嫆缁濓紝璇磋嚜宸变笉涔犳儻鍚冭繖浜�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovEight"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.eight"
-              @change="setEvaluation"
-            />B.琛ㄨ揪鎰熻阿骞朵笖鎺ュ彈</p>
-          <p class="block"><input
-              type="radio"
-              name="eovEight"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.eight"
-              @change="setEvaluation"
-            />C.鎺ュ彈骞朵笖涔嬪悗涔熷甫闆堕鍜屽悓浜嬪垎浜�</p>
+          <p class="block"> <input type="radio" name="eovEight" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />A.瀹㈡皵鍦版嫆缁濓紝璇磋嚜宸变笉涔犳儻鍚冭繖浜�</p>
+          <p class="block"><input type="radio" name="eovEight" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />B.琛ㄨ揪鎰熻阿骞朵笖鎺ュ彈</p>
+          <p class="block"><input type="radio" name="eovEight" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />C.鎺ュ彈骞朵笖涔嬪悗涔熷甫闆堕鍜屽悓浜嬪垎浜�</p>
           <p class="block">9.棰嗗浜ょ粰浣犱竴椤规湰鏉ヤ笉褰掍綘绠$殑浠诲姟锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovNine"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.nine"
-              @change="setEvaluation"
-            />A.寰堣繜鐤戯紝娴侀湶鍑烘兂鎷掔粷鐨勬剰鎬�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovNine"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.nine"
-              @change="setEvaluation"
-            />B.涓嶇敱寰楃瓟搴斾笅鏉ワ紝鑳戒笉鑳藉姙濂藉氨涓嶇浜�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovNine"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.nine"
-              @change="setEvaluation"
-            />C.浠庨瀵奸偅閲屽敖閲忚幏寰楁湁鍏充俊鎭紝绉佷笅璇锋暀鍚屼簨锛屽姏姹傚仛濂�</p>
+          <p class="block"><input type="radio" name="eovNine" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />A.寰堣繜鐤戯紝娴侀湶鍑烘兂鎷掔粷鐨勬剰鎬�</p>
+          <p class="block"><input type="radio" name="eovNine" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />B.涓嶇敱寰楃瓟搴斾笅鏉ワ紝鑳戒笉鑳藉姙濂藉氨涓嶇浜�</p>
+          <p class="block"><input type="radio" name="eovNine" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />C.浠庨瀵奸偅閲屽敖閲忚幏寰楁湁鍏充俊鎭紝绉佷笅璇锋暀鍚屼簨锛屽姏姹傚仛濂�</p>
           <p class="block">10.鍚屼簨璁蹭簡涓�涓綘浠ュ墠灏卞惉杩囩殑绗戣瘽锛屼綘浼氳〃鐜板嚭浠�涔堟牱鐨勫弽搴旓紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTen"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.ten"
-              @change="setEvaluation"
-            />A.绔嬮┈璇达細鈥滃搱锛岃繖涓垜鏃╁氨鍚繃浜嗭紒鈥�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTen"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.ten"
-              @change="setEvaluation"
-            />B.寰瑧涓嶈</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTen"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.ten"
-              @change="setEvaluation"
-            />C.鍝堝搱澶х瑧</p>
+          <p class="block"><input type="radio" name="eovTen" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />A.绔嬮┈璇达細鈥滃搱锛岃繖涓垜鏃╁氨鍚繃浜嗭紒鈥�</p>
+          <p class="block"><input type="radio" name="eovTen" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />B.寰瑧涓嶈</p>
+          <p class="block"><input type="radio" name="eovTen" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />C.鍝堝搱澶х瑧</p>
           <!-- 鎻愪氦鎸夐挳 -->
           <div class="w100 fl ju-cn">
             <ul class="fl ju-ev w80 choice">
@@ -742,7 +685,8 @@
                 </button>
               </li>
               <li>
-                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree" class="parimary-btn">
+                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree"
+                  class="parimary-btn">
                   璇勫垎鏍囧噯
                 </button>
               </li>
@@ -751,25 +695,25 @@
           <div class="c-r block" v-if="evaluatioThreeResults">鎮ㄧ殑寰楀垎锛歿{ evaluatioThreeResults }}</div>
           <div v-show="evaluation.showCheckAnswerThree" class="mb-30">
             <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗕笌缁撴灉鍒嗘瀽</p>
-          <p class="block">
-            姝ゆ祴璇曚负璁″垎寮忥紝閫堿寰�1鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�3鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
-          </p>
-          <p class="block">1.寰楀垎10锝�15鍒嗭紝鑱屽満娌熼�氬姏锛�20鍒嗐��</p>
-          <p class="block">
-            浣犵殑鑱屽満娌熼�氬姏杩樺仠鐣欏湪鏈夊緟鍙婃牸鐨勭骇鍒摝锛佽澶氬瑙傚療閭d簺浜虹紭濂界殑浜烘槸鎬庢牱璇磋瘽鍋氫簨鐨勫惂锛屼笉鐒舵兂鏅嬪崌鍙槸鏈変簺鍥伴毦鍝︼紒
-          </p>
-          <p class="block">2.寰楀垎16锝�20鍒嗭紝鑱屽満娌熼�氬姏锛�50鍒嗐��</p>
-          <p class="block">
-            浣犺繕鍦ㄥ強鏍肩殑鍒嗘暟绾垮乏鍙冲緲寰婂摝锛佷綘鍜屽悓浜嬬殑鍏崇郴涓嶅捀涓嶆贰锛屼綘鐨勫伐浣滆亴浣嶄篃涓嶉珮涓嶄綆锛屽緢澶у師鍥犲湪浜庝綘骞朵笉鏄偅涔堜細瀵熻█瑙傝壊銆傚鏋滀綘鑳藉湪浜洪檯鍏崇郴涓婂姞鐐规补锛岀浉淇′綘浼氭湁鏇村ぇ鐨勫彂灞曪紒
-          </p>
-          <p class="block">3.寰楀垎21锝�24鍒嗭紝鑱屽満娌熼�氬姏锛�70鍒嗐��</p>
-          <p class="block">
-            涓嶉敊鍛�锛屼綘涔熺畻鏄竴涓儏鍟嗛珮銆佸杽瑙d汉鎰忋�佷綋璐村悓浜嬬殑浜哄暒锛佽櫧鐒朵綘璇翠笉涓婃槸鍏潰鐜茬彂锛屼絾鍦ㄥ叕鍙镐篃绠楁槸浜虹紭闈炲父涓嶉敊鐨勪竴涓汉浜嗭紝鍙渶澶氬娉ㄦ剰涓�浜涘皬缁嗚妭锛屼綘寰堟湁娼滃姏鎴愪负鑱屽満绾汉銆�
-          </p>
-          <p class="block">4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
-          <p class="block">
-            鎭枩浣犺幏寰楀姝ら珮鐨勫垎鏁帮紒鏄剧劧浣犳槸涓�涓儏鍟嗘櫤鍟嗗弻楂樸�佸浜嬪懆璇︺�佷负浜哄拰鍠勭殑浜猴紒鏃犺闈㈠鎬庢牱鐨勬儏鍐碉紝浣犲熀鏈笂閮界煡閬撳浣曞鎵炬渶鍦嗘弧鐨勮В鍐冲姙娉曘��
-          </p>
+            <p class="block">
+              姝ゆ祴璇曚负璁″垎寮忥紝閫堿寰�1鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�3鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
+            </p>
+            <p class="block">1.寰楀垎10锝�15鍒嗭紝鑱屽満娌熼�氬姏锛�20鍒嗐��</p>
+            <p class="block">
+              浣犵殑鑱屽満娌熼�氬姏杩樺仠鐣欏湪鏈夊緟鍙婃牸鐨勭骇鍒摝锛佽澶氬瑙傚療閭d簺浜虹紭濂界殑浜烘槸鎬庢牱璇磋瘽鍋氫簨鐨勫惂锛屼笉鐒舵兂鏅嬪崌鍙槸鏈変簺鍥伴毦鍝︼紒
+            </p>
+            <p class="block">2.寰楀垎16锝�20鍒嗭紝鑱屽満娌熼�氬姏锛�50鍒嗐��</p>
+            <p class="block">
+              浣犺繕鍦ㄥ強鏍肩殑鍒嗘暟绾垮乏鍙冲緲寰婂摝锛佷綘鍜屽悓浜嬬殑鍏崇郴涓嶅捀涓嶆贰锛屼綘鐨勫伐浣滆亴浣嶄篃涓嶉珮涓嶄綆锛屽緢澶у師鍥犲湪浜庝綘骞朵笉鏄偅涔堜細瀵熻█瑙傝壊銆傚鏋滀綘鑳藉湪浜洪檯鍏崇郴涓婂姞鐐规补锛岀浉淇′綘浼氭湁鏇村ぇ鐨勫彂灞曪紒
+            </p>
+            <p class="block">3.寰楀垎21锝�24鍒嗭紝鑱屽満娌熼�氬姏锛�70鍒嗐��</p>
+            <p class="block">
+              涓嶉敊鍛�锛屼綘涔熺畻鏄竴涓儏鍟嗛珮銆佸杽瑙d汉鎰忋�佷綋璐村悓浜嬬殑浜哄暒锛佽櫧鐒朵綘璇翠笉涓婃槸鍏潰鐜茬彂锛屼絾鍦ㄥ叕鍙镐篃绠楁槸浜虹紭闈炲父涓嶉敊鐨勪竴涓汉浜嗭紝鍙渶澶氬娉ㄦ剰涓�浜涘皬缁嗚妭锛屼綘寰堟湁娼滃姏鎴愪负鑱屽満绾汉銆�
+            </p>
+            <p class="block">4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
+            <p class="block">
+              鎭枩浣犺幏寰楀姝ら珮鐨勫垎鏁帮紒鏄剧劧浣犳槸涓�涓儏鍟嗘櫤鍟嗗弻楂樸�佸浜嬪懆璇︺�佷负浜哄拰鍠勭殑浜猴紒鏃犺闈㈠鎬庢牱鐨勬儏鍐碉紝浣犲熀鏈笂閮界煡閬撳浣曞鎵炬渶鍦嗘弧鐨勮В鍐冲姙娉曘��
+            </p>
           </div>
         </div>
       </div>
@@ -786,7 +730,7 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          
+
           <p class="center block">
             <span class="cs1">娴嬭瘯浜� 涓庝笂绾ф矡閫氳兘鍔涙祴璇�</span>
           </p>
@@ -795,178 +739,52 @@
             閬囧埌濡備笅鐨勬儏鏅綘浼氭�庝箞鍋氾紵璇锋牴鎹矡閫氭儏鍐垫墦鍒嗐�傗�滀竴璐姝も�濆緱3鍒嗭紝鈥滅粡甯稿姝も�濆緱2鍒嗭紝鈥滃緢灏戝姝も�濆緱1鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
           </p>
           <p class="block">1.棰嗗甯冪疆浠诲姟鍚庯紝浣犱細椹笂澶勭悊銆�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvone"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.one"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvone"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.one"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvone"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.one"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvone" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvone" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvone" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">
             2.鍚屼簨鎯冲嚭浜嗕竴涓偣瀛愶紝棰嗗璧炴壃杩欐槸缁濆濂借锛屼綘浼氳锛氣�滆繖涓绘剰鐪熶笉閿欍�傗��
           </p>
-          <p class="block"><input
-              type="radio"
-              name="etvtwo"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.two"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvtwo"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.two"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvtwo"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.two"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvtwo" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvtwo" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvtwo" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">
             3.棰嗗闂簡浣犳煇涓笌涓氬姟鏈夊叧鐨勯棶棰橈紝鑰屼綘涓嶇煡璇ュ浣曞洖绛旓紝浣犱細璇达細鈥滆鎴戝啀璁ょ湡鍦版兂涓�鎯筹紝15鐐逛互鍓嶇粰浣犵瓟澶嶅ソ鍚楋紵鈥�
           </p>
-          <p class="block"><input
-              type="radio"
-              name="etvthree"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.three"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvthree"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.three"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvthree"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.three"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvthree" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvthree" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvthree" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">4.闈㈠鎵硅瘎琛ㄧ幇鍐烽潤锛氣�滆阿璋綘鍛婅瘔鎴戯紝鎴戜細浠旂粏鑰冭檻浣犵殑寤鸿銆傗��</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfour"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.four"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.four"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfour"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.four"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvfour" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvfour" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvfour" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">5.鍜岄瀵间氦璋堬紝閫夋嫨棰嗗蹇冩儏鎰夋偊銆佺簿鍔涘厖娌涚殑鏃跺�欍��</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfive"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.five"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfive"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.five"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfive"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.five"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvfive" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvfive" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvfive" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">6.鍚戦瀵兼眹鎶ュ伐浣滃墠宸插噯澶囧ソ浜嗚缁嗙殑璧勬枡鍜屾暟鎹��</p>
-          <p class="block"><input
-              type="radio"
-              name="etvsix"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.six"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvsix"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.six"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvsix"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.six"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
-            <!-- 鎻愪氦鎸夐挳 -->
+          <p class="block"><input type="radio" name="etvsix" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvsix" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvsix" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />寰堝皯濡傛</p>
+          <!-- 鎻愪氦鎸夐挳 -->
           <div class="w100 fl ju-cn">
             <ul class="fl ju-ev w80 choice">
               <li>
@@ -988,75 +806,33 @@
           </div>
           <div class="c-r block" v-if="evaluationFourResults">鎮ㄧ殑寰楀垎锛歿{ evaluationFourResults }}</div>
           <div v-show="evaluation.showCheckAnswerFour" class="mb-30">
-          <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
-          <p class="block">寰楀垎13锝�18鍒嗭細鑳藉湪宸ヤ綔涓緢濂藉湴杩愮敤娌熼�氭妧宸э紝棰嗗涔熷緢娆h祻浣犮��</p>
-          <p class="block">
-            寰楀垎5锝�12鍒嗭細浣犲凡缁忔帉鎻′簡涓�浜涙矡閫氭妧宸э紝浣犵殑棰嗗浼氳涓轰綘鏄竴涓湁娼滃姏鐨勪汉锛屼絾鏄繕闇�瑕佷笉鏂姫鍔涖��
-          </p>
-          <p class="block">
-            寰楀垎5鍒嗕互涓嬶細浣犻渶瑕佸涔犱竴浜涘拰棰嗗娌熼�氱殑鎶�宸т簡銆傞�傚綋鏀瑰杽涓�涓嬫矡閫氭柟寮忥紝浼氫娇浣犲厖鍒嗗湴灞曠ず鑷繁鐨勬墠鑳斤紝浜夊彇鏇村箍闃旂殑鍙戝睍绌洪棿銆�
-          </p>
-        </div>
+            <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
+            <p class="block">寰楀垎13锝�18鍒嗭細鑳藉湪宸ヤ綔涓緢濂藉湴杩愮敤娌熼�氭妧宸э紝棰嗗涔熷緢娆h祻浣犮��</p>
+            <p class="block">
+              寰楀垎5锝�12鍒嗭細浣犲凡缁忔帉鎻′簡涓�浜涙矡閫氭妧宸э紝浣犵殑棰嗗浼氳涓轰綘鏄竴涓湁娼滃姏鐨勪汉锛屼絾鏄繕闇�瑕佷笉鏂姫鍔涖��
+            </p>
+            <p class="block">
+              寰楀垎5鍒嗕互涓嬶細浣犻渶瑕佸涔犱竴浜涘拰棰嗗娌熼�氱殑鎶�宸т簡銆傞�傚綋鏀瑰杽涓�涓嬫矡閫氭柟寮忥紝浼氫娇浣犲厖鍒嗗湴灞曠ず鑷繁鐨勬墠鑳斤紝浜夊彇鏇村箍闃旂殑鍙戝睍绌洪棿銆�
+            </p>
+          </div>
           <p class="center block mt-30">
             <span class="cs1">娴嬭瘯涓� 涓庡悓浜嬬殑娌熼�氳兘鍔涜瘎浠�</span>
           </p>
           <p class="block">锛堜竴锛夋牴鎹儏鏅弿杩拌繘琛岄�夋嫨銆�</p>
           <p class="block">1.闈㈠鍚屼簨鐨勭己鐐瑰拰閿欒锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />A.濮斿娌熼�氾紝寮曞瀵规柟鍙戠幇</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />B.鐩磋█鐩稿憡</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />C.鍜岃嚜宸辨鏃犲叧绯�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />D.褰撻潰涓嶈锛屼簨鍚庡拰鍒汉璋堣捣</p>
+          <p class="block"><input type="radio" name="ethvone" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />A.濮斿娌熼�氾紝寮曞瀵规柟鍙戠幇</p>
+          <p class="block"><input type="radio" name="ethvone" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />B.鐩磋█鐩稿憡</p>
+          <p class="block"><input type="radio" name="ethvone" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />C.鍜岃嚜宸辨鏃犲叧绯�</p>
+          <p class="block"><input type="radio" name="ethvone" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />D.褰撻潰涓嶈锛屼簨鍚庡拰鍒汉璋堣捣</p>
           <p class="block">2.鍙戠幇鍚屼簨鐨勪紭鐐规垨鍚屼簨鍙栧緱浜嗘垚缁╋紝浣犱細锛堛��銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />A.鍙婃椂璧炵編鍜岀绂�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />B.闈炲父鍏冲績锛屾兂瑕佸悜浠栧涔�</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />A.鍙婃椂璧炵編鍜岀绂�</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />B.闈炲父鍏冲績锛屾兂瑕佸悜浠栧涔�</p>
         </div>
       </div>
     </div>
@@ -1073,189 +849,64 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />C.缇℃厱</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />D.蹇冨瓨瀚夊</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />C.缇℃厱</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />D.蹇冨瓨瀚夊</p>
           <p class="block">3.褰撲綘鍚埌鍚屼簨鍦ㄤ綘闈㈠墠璇村叾浠栦汉鍧忚瘽鐨勬椂鍊欙紝浣犱細锛堛��銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />A.涓嶄紶璇濓紝鍙槸闈欓潤鍦板惉</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />B.褰撻潰鍒舵</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />C.褰撻潰鍒舵锛屽苟鎸囧嚭鍚屼簨鐨勭己鐐�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />D.褰撻潰涓嶈锛屼簨鍚庢倓鎮勫憡璇夎璇嬫瘉鐨勯偅涓汉</p>
+          <p class="block"><input type="radio" name="ethvthree" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />A.涓嶄紶璇濓紝鍙槸闈欓潤鍦板惉</p>
+          <p class="block"><input type="radio" name="ethvthree" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />B.褰撻潰鍒舵</p>
+          <p class="block"><input type="radio" name="ethvthree" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />C.褰撻潰鍒舵锛屽苟鎸囧嚭鍚屼簨鐨勭己鐐�</p>
+          <p class="block"><input type="radio" name="ethvthree" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />D.褰撻潰涓嶈锛屼簨鍚庢倓鎮勫憡璇夎璇嬫瘉鐨勯偅涓汉</p>
           <p class="block">4.璇锋眰涓庤嚜宸卞叧绯诲緢濂界殑鍚屼簨甯繖鏃讹紝浣狅紙銆�銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />A.绀艰矊銆佸濠�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />B.鏈夊浜哄湪鏃剁ぜ璨岋紝浜屼汉鍗曠嫭鍦ㄤ竴璧锋椂鐩存帴璇�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />C.閮藉緢鐩存帴</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />D.浠ュ懡浠ょ殑鍙e惢</p>
+          <p class="block"><input type="radio" name="ethvfour" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />A.绀艰矊銆佸濠�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />B.鏈夊浜哄湪鏃剁ぜ璨岋紝浜屼汉鍗曠嫭鍦ㄤ竴璧锋椂鐩存帴璇�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />C.閮藉緢鐩存帴</p>
+          <p class="block"><input type="radio" name="ethvfour" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />D.浠ュ懡浠ょ殑鍙e惢</p>
           <p class="block">
             5.浣犲弬鍔犱簡鑰佸悓瀛︾殑濠氱ぜ锛岃�屼綘鐨勬湅鍙嬪濠氱ぜ寰堟劅鍏磋叮锛屼綘浼氾紙銆�銆�锛夈��
           </p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfive"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />A.璇︾粏鍙欒浠庝綘杩涙潵鍒扮寮�鏃舵墍鐪嬪埌鍜屾劅瑙夊埌鐨勭浉鍏崇粏鑺�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />B.璇翠簺鑷繁璁や负閲嶈鐨�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfive"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />C.鏈嬪弸闂粈涔堝氨绛斾粈涔�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfive"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />D.鎰熻寰堢疮浜嗭紝娌′粈涔堝ソ璇寸殑</p>
+          <p class="block"><input type="radio" name="ethvfive" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />A.璇︾粏鍙欒浠庝綘杩涙潵鍒扮寮�鏃舵墍鐪嬪埌鍜屾劅瑙夊埌鐨勭浉鍏崇粏鑺�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />B.璇翠簺鑷繁璁や负閲嶈鐨�</p>
+          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />C.鏈嬪弸闂粈涔堝氨绛斾粈涔�</p>
+          <p class="block"><input type="radio" name="ethvfive" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />D.鎰熻寰堢疮浜嗭紝娌′粈涔堝ソ璇寸殑</p>
           <p class="block">
             6.鐢变簬鍗曚綅闇�瑕侊紝浣犲拰鍚屼簨闇�瑕佷箻闀块�旀苯杞﹀幓鍙︿竴涓湴鏂癸紝杞︾▼鏄�10灏忔椂銆傝�屼笌浣犲悓琛岀殑鏄竴涓笉鐖卞璁茶瘽鐨勫悓浜嬶紝浣犱細锛堛��銆�锛夈��
           </p>
-          <p class="block"><input type="radio" name="ethvsix" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />A.璇曞浘浜嗚В浠栵紝鎵惧嚭浠栨劅鍏磋叮鐨勮瘽棰�</p>
-          <p class="block"><input type="radio" name="ethvsix" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />B.涓诲姩娌熼�氾紝鎵惧嚭鍏卞悓璇濋</p>
-          <p class="block"><input type="radio" name="ethvfive" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />C.鍜屼粬浜よ皥锛岃皥璋堣嚜宸辩殑鎰熷彈</p>
-          <p class="block"><input type="radio" name="ethvsix" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />D.鐪嬩功銆佺潯瑙夋垨鍚冧笢瑗�</p>
+          <p class="block"><input type="radio" name="ethvsix" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />A.璇曞浘浜嗚В浠栵紝鎵惧嚭浠栨劅鍏磋叮鐨勮瘽棰�</p>
+          <p class="block"><input type="radio" name="ethvsix" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />B.涓诲姩娌熼�氾紝鎵惧嚭鍏卞悓璇濋</p>
+          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />C.鍜屼粬浜よ皥锛岃皥璋堣嚜宸辩殑鎰熷彈</p>
+          <p class="block"><input type="radio" name="ethvsix" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />D.鐪嬩功銆佺潯瑙夋垨鍚冧笢瑗�</p>
           <p class="block">
             7.浣犲垰灏变换涓�瀹惰埅绌哄叕鍙稿湴闈㈡湇鍔¢儴涓荤锛屼笂鐝笉涔咃紝浣犱簡瑙e埌鏈潵鍏徃涓湁鍑犱釜鍚屼簨鎯冲氨浠讳綘鐨勮亴浣嶏紝鎬荤粡鐞嗕笉鍚屾剰鎻愭嫈浠栦滑鎵嶆嫑鑱樹簡浣犮�傚杩欏嚑涓悓浜嬶紝浣犱細锛堛��銆�锛夈��
           </p>
-          <p class="block"><input type="radio" name="ethvseven" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />A.涓诲姩璁よ瘑浠栦滑锛屼簡瑙d粬浠殑闀垮锛屼簤鍙栨垚涓烘湅鍙�</p>
-          <p class="block"><input type="radio" name="ethvseven" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />B.涓嶅叧蹇冭繖涓棶棰橈紝鍋氬ソ鑷繁鐨勬湰鑱屽伐浣滃氨濂�</p>
-          <p class="block"><input type="radio" name="ethvseven" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />C.鏆椾腑鎵撳惉浠栦滑锛屼簡瑙d粬浠槸鍚﹁繕浼氬拰浣犵珵浜�</p>
-          <p class="block"><input type="radio" name="ethvseven" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />D.鏆椾腑鎵撳惉浠栦滑锛屽苟鎵炬満浼氫负闅句粬浠�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />A.涓诲姩璁よ瘑浠栦滑锛屼簡瑙d粬浠殑闀垮锛屼簤鍙栨垚涓烘湅鍙�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />B.涓嶅叧蹇冭繖涓棶棰橈紝鍋氬ソ鑷繁鐨勬湰鑱屽伐浣滃氨濂�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />C.鏆椾腑鎵撳惉浠栦滑锛屼簡瑙d粬浠槸鍚﹁繕浼氬拰浣犵珵浜�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />D.鏆椾腑鎵撳惉浠栦滑锛屽苟鎵炬満浼氫负闅句粬浠�</p>
           <p class="block">8.涓庝笉鍚岃韩浠界殑瀵硅薄璁茶瘽锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethveight" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />A.涓嶇鏄粈涔堝満鍚堬紝浣犻兘鐢ㄤ竴鏍风殑鎬佸害涓庝箣璁茶瘽</p>
+          <p class="block"><input type="radio" name="ethveight" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />A.涓嶇鏄粈涔堝満鍚堬紝浣犻兘鐢ㄤ竴鏍风殑鎬佸害涓庝箣璁茶瘽</p>
         </div>
       </div>
     </div>
@@ -1271,106 +922,49 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="block"><input type="radio" name="ethveight" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
-          <p class="block"><input type="radio" name="ethveight" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />C.涓庡湴浣嶉珮鐨勪汉璇磋瘽锛屼綘鎬绘槸鏈夌偣绱у紶</p>
-          <p class="block"><input type="radio" name="ethveight" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />D.涓庡湴浣嶄綆鐨勪汉璇磋瘽锛屼綘鎬绘槸婕笉缁忓績</p>
+          <p class="block"><input type="radio" name="ethveight" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
+          <p class="block"><input type="radio" name="ethveight" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />C.涓庡湴浣嶉珮鐨勪汉璇磋瘽锛屼綘鎬绘槸鏈夌偣绱у紶</p>
+          <p class="block"><input type="radio" name="ethveight" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />D.涓庡湴浣嶄綆鐨勪汉璇磋瘽锛屼綘鎬绘槸婕笉缁忓績</p>
           <p class="block">9.鍚埆浜鸿璇濇椂锛屼綘鎬绘槸浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethvnine" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />A.瀵瑰埆浜虹殑璇濊〃绀烘劅鍏磋叮锛岃浣忔墍璁茬殑瑕佺偣</p>
-          <p class="block"><input type="radio" name="ethvnine" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />B.璇峰鏂硅鍑洪棶棰樼殑閲嶇偣</p>
-          <p class="block"><input type="radio" name="ethvnine" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />C.瀵规柟鑰佹槸璁蹭簺娌″繀瑕佺殑璇濇椂锛屼綘浼氱珛鍗虫墦鏂粬</p>
-          <p class="block"><input type="radio" name="ethvnine" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />D.瀵规柟涓嶇煡鎵�浜戞椂锛屼綘浼氬緢鐑﹁簛锛屽氨鍘绘兂鎴栧仛鍒殑浜�</p>
+          <p class="block"><input type="radio" name="ethvnine" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />A.瀵瑰埆浜虹殑璇濊〃绀烘劅鍏磋叮锛岃浣忔墍璁茬殑瑕佺偣</p>
+          <p class="block"><input type="radio" name="ethvnine" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />B.璇峰鏂硅鍑洪棶棰樼殑閲嶇偣</p>
+          <p class="block"><input type="radio" name="ethvnine" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />C.瀵规柟鑰佹槸璁蹭簺娌″繀瑕佺殑璇濇椂锛屼綘浼氱珛鍗虫墦鏂粬</p>
+          <p class="block"><input type="radio" name="ethvnine" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />D.瀵规柟涓嶇煡鎵�浜戞椂锛屼綘浼氬緢鐑﹁簛锛屽氨鍘绘兂鎴栧仛鍒殑浜�</p>
           <p class="block">10.褰撲綘鍦ㄥ彂琛ㄨ嚜宸辩殑鐪嬫硶锛屽埆浜哄嵈涓嶆兂鍚綘璇存椂锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethvten" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />A.浠旂粏鍒嗘瀽瀵规柟涓嶆兂鍚殑鍘熷洜锛屾壘鏈轰細鎹竴涓柟寮忓幓璇�</p>
-          <p class="block"><input type="radio" name="ethvten" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />B.绛夌瓑鐪嬭繕鏈夋病鏈夎鐨勬満浼�</p>
-          <p class="block"><input type="radio" name="ethvten" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />C.灏变笉璇翠簡锛屼絾浣犲彲鑳戒細寰堢敓姘�</p>
-          <p class="block"><input type="radio" name="ethvten" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />D.椹笂姘旀劋鍦拌蛋寮�</p>
+          <p class="block"><input type="radio" name="ethvten" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />A.浠旂粏鍒嗘瀽瀵规柟涓嶆兂鍚殑鍘熷洜锛屾壘鏈轰細鎹竴涓柟寮忓幓璇�</p>
+          <p class="block"><input type="radio" name="ethvten" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />B.绛夌瓑鐪嬭繕鏈夋病鏈夎鐨勬満浼�</p>
+          <p class="block"><input type="radio" name="ethvten" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />C.灏变笉璇翠簡锛屼絾浣犲彲鑳戒細寰堢敓姘�</p>
+          <p class="block"><input type="radio" name="ethvten" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />D.椹笂姘旀劋鍦拌蛋寮�</p>
           <p class="block">11.褰撲綘鍜屽悓浜嬩骇鐢熻浼氭椂锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethveleven" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />A.涓诲姩銆佸強鏃舵壘瀵规柟娌熼�氾紝娑堥櫎璇細</p>
-          <p class="block"><input type="radio" name="ethveleven" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />B.閫氳繃绗笁鏂瑰崗璋冿紝娑堥櫎璇細</p>
-          <p class="block"><input type="radio" name="ethveleven" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />C.绛夊�欏鏂规壘鑷繁娑堥櫎璇細</p>
-          <p class="block"><input type="radio" name="ethveleven" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />D.鎬�鎭ㄥ湪蹇冿紝鎵炬満浼氱粰瀵规柟鐐归鑹茬湅鐪�</p>
+          <p class="block"><input type="radio" name="ethveleven" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />A.涓诲姩銆佸強鏃舵壘瀵规柟娌熼�氾紝娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />B.閫氳繃绗笁鏂瑰崗璋冿紝娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />C.绛夊�欏鏂规壘鑷繁娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />D.鎬�鎭ㄥ湪蹇冿紝鎵炬満浼氱粰瀵规柟鐐归鑹茬湅鐪�</p>
           <p class="block">12.褰撲綘杩涘叆涓�瀹舵柊鍏徃鏃讹紝浣犺璇嗘柊鍚屼簨鐨勬柟娉曟槸锛堛��銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />A.鎵炬満浼氫富鍔ㄤ粙缁嶈嚜宸憋紝璁よ瘑姣忎竴涓汉</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />B.绉瀬璁よ瘑鏈儴闂ㄧ殑浜�</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />C.鍦ㄥ伐浣滀腑鎱㈡參鐔熸倝</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />D.绛夊緟鍒汉鏉ヨ璇嗕綘</p>
-            <div class="w100 fl ju-cn">
+          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />A.鎵炬満浼氫富鍔ㄤ粙缁嶈嚜宸憋紝璁よ瘑姣忎竴涓汉</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />B.绉瀬璁よ瘑鏈儴闂ㄧ殑浜�</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />C.鍦ㄥ伐浣滀腑鎱㈡參鐔熸倝</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />D.绛夊緟鍒汉鏉ヨ璇嗕綘</p>
+          <div class="w100 fl ju-cn">
             <ul class="fl ju-ev w80 choice">
               <li>
                 <button class="btn-border btn-w" @click="goCheckFive">
@@ -1389,16 +983,17 @@
               </li>
             </ul>
           </div>
-          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">鎮ㄧ殑寰楀垎锛歿{ evaluationFiveResults }}</div>
-            <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
-          <p class="block">
-            浠ヤ笂鍚勯锛岄�堿寰�3鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�1鍒嗭紝閫塂寰�0鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
-          </p>
-          <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
-          <p class="block">寰楀垎涓�28鍒嗕互涓婏細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘緢濂斤紝璇风户缁繚鎸併��</p>
-          <p class="block">寰楀垎涓�18锝�28鍒嗭細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涗竴鑸紝璇峰姫鍔涙彁鍗囥��</p>
-          <p class="block">寰楀垎涓�18鍒嗕互涓嬶細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘崄鍒嗘瑺缂猴紝闇�瑕佸姫鍔涙彁鍗囥��</p>
-        </div>
+          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">鎮ㄧ殑寰楀垎锛歿{
+            evaluationFiveResults }}</div>
+          <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
+            <p class="block">
+              浠ヤ笂鍚勯锛岄�堿寰�3鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�1鍒嗭紝閫塂寰�0鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
+            </p>
+            <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
+            <p class="block">寰楀垎涓�28鍒嗕互涓婏細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘緢濂斤紝璇风户缁繚鎸併��</p>
+            <p class="block">寰楀垎涓�18锝�28鍒嗭細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涗竴鑸紝璇峰姫鍔涙彁鍗囥��</p>
+            <p class="block">寰楀垎涓�18鍒嗕互涓嬶細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘崄鍒嗘瑺缂猴紝闇�瑕佸姫鍔涙彁鍗囥��</p>
+          </div>
         </div>
       </div>
     </div>
@@ -1427,57 +1022,48 @@
           <p>瀛﹀畬鏈」鐩唴瀹癸紝璇疯皥璋堜綘鍦ㄧ敓娲诲涔犱腑娌熼�氱殑鏂规硶鍜屼笉瓒充箣澶勩��</p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.绠�杩颁笌鍚屼簨娌熼�氱殑鎶�宸с��</p>
-          <textarea v-model="questionData.projectOne.one.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.one.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>2.绠�杩板伐浣滀腑鍒嗘鐨勫鐞嗘柟寮忋��</p>
-          <textarea v-model="questionData.projectOne.two.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.two.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>3.绠�杩颁笌鐢熺梾鏃呭鐨勬矡閫氭柟娉曘��</p>
           <textarea v-model="questionData.projectOne.three.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>4.姘戣埅鏈嶅姟浜哄憳涓庝汉娌熼�氱殑鍘熷垯搴斿寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.鐖卞績</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.璐d换蹇�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.鍖呭蹇�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.鍚屾儏蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.鐖卞績</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.璐d换蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.鍖呭蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.鍚屾儏蹇�</p>
           <p>5.涓庨噸瑕佹梾瀹㈣濡備綍娌熼�氾紵璋堣皥浣犵殑瑙佽В銆�</p>
-          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>6.娌熼�氫腑鈥滀簲蹇冩湇鍔♀�濇槸鎸囧摢浜斿績锛�</p>
-          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(1)" 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>
@@ -1521,7 +1107,7 @@
             <p class="fz-15">
               鑸▼涓紝褰撲箻鍔″憳鍦ㄤ负鏃呭鍙戞斁楗枡鍋氬噯澶囨椂锛屼竴鍚嶆儏缁縺鍔ㄧ殑鏃呭鍐茶繘鏈嶅姟闂撮樆纰嶄箻鍔″憳宸ヤ綔銆傚彂鐜伴棶棰樺悗锛屼箻鍔¢暱绗竴鏃堕棿璧朵簡杩囨潵锛屽惉瑙佽繖浣嶄腑骞存梾瀹㈡鍦ㄥぇ澹版枼璐o細鈥滀綘浠槸浠�涔堟�佸害锛佹垜鎯宠姣涙锛屾寜浜嗕袱娆″懠鍞ら搩锛屼箻鍔″憳閮芥病鏈夌粰鎴戙�傛垜瑕佹姇璇変綘浠�傗��
             </p>
-            <p  class="fz-15">
+            <p class="fz-15">
               鍘熸潵锛岃繖浣嶆槸浠庡晢鍔¤埍璋冩暣鍒版櫘閫氳埍鐨勬梾瀹紝鍥犱负鎰熻绌鸿皟娓╁害澶綆锛屾壘涔樺姟鍛樿姣涙锛屼箻鍔″憳浜嗚В闇�姹傚苟鍥炲伐浣滈棿鍙栨瘺姣殑杩囩▼涓紝閬囧埌鍚屼簨鍦ㄨ繘琛岄楗噯澶囷紝涔樺姟鍛樺氨椤轰究甯悓浜嬪仛璧蜂簡澶囬宸ヤ綔銆�
             </p>
           </div>
@@ -1534,11 +1120,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.鎮ㄨ涓烘梾瀹㈢殑鎶曡瘔鏈夐亾鐞嗗悧锛�</p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.濡傛灉浣犳槸杩欏悕涔樺姟闀匡紝浣犱細鎬庝箞澶勭悊璇ユ姇璇夊憿锛�</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1564,6 +1150,25 @@
           <p>1.浜嗚В鏃呭鎶曡瘔鐨勬蹇点��</p>
           <p>2.浜嗚В鏃呭鎶曡瘔鐨勫師鍥犮��</p>
           <p>3.鐞嗚В姝g‘澶勭悊鏃呭鎶曡瘔鐨勬剰涔夈��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" 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>瑙嗛锛�3.2.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoEight ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '1f04f081f61aa13373daa7b8b92cc750'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d078">涓�銆佹梾瀹㈡姇璇夌殑姒傚康</h4>
           <p>
             鏃呭鎶曡瘔鏄寚鏃呭閫氳繃淇″嚱銆佺數璇濄�佷紶鐪熴�佹潵璁跨瓑褰㈠紡鍙嶆槧浜у搧鎴栨湇鍔¤川閲忛棶棰樼殑琛屽姩銆�
@@ -1575,6 +1180,25 @@
             鏃呭鎶曡瘔鍦ㄤ竴瀹氱▼搴︿笂鍙嶆槧浜嗚埅绌哄叕鍙哥殑鏈嶅姟鎬佸害鍜屾湇鍔¤川閲忥紝鎶樺皠鍑烘湇鍔′汉鍛樼殑鏈嶅姟鎶�宸у拰缁煎悎绱犲吇锛屼細瀵硅埅绌哄叕鍙哥殑鍝佺墝鍜屽競鍦哄彂灞曞甫鏉ラ噸瑕佺殑褰卞搷銆�
           </p>
           <h4 id="d079">浜屻�佹皯鑸梾瀹㈡姇璇夌殑鍘熷洜</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" 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>瑙嗛锛�3.2.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoNine ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '222a20d4bcb6805836684e0d96752ae3'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戣埅鏈嶅姟鏄竴绉嶆棤褰㈢殑浜у搧锛屽叿鏈変笉鍙偍瀛樻�с�佺敓浜у拰娑堣垂鐨勫悓姝ユ�с�傚洜姝わ紝鏃呭瀵规湇鍔$殑婊℃剰绋嬪害鏉ヨ嚜鏃呭鍦ㄦ湇鍔$幇鍦轰笌鏈嶅姟浜哄憳浜ゅ線杩囩▼涓殑鐐规淮浣撻獙銆傛垜浠彲浠ョ患鍚堜互涓嬪洜绱犲垎鏋愭皯鑸梾瀹㈡姇璇夌殑鍘熷洜銆�
           </p>
@@ -1620,13 +1244,13 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.璇ユ渚嬩腑寮曞彂鏃呭鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楁梾瀹㈡姇璇夎涓烘槸鍚﹀悎鐞嗭紵姘戣埅鏈嶅姟浼佷笟璇ュ浣曢伩鍏嶈繖绉嶆儏鍐碉紵
               </p>
-              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1652,11 +1276,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.鏃呭瀵硅浜嬩欢鎻愬嚭鎶曡瘔鏄惁鍚堢悊锛熷鑷存姇璇夌殑鍘熷洜鏄粈涔堬紵</p>
-              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.鑸┖鍏徃鍚庣画搴斿浣曞鐞嗘墠鑳芥秷闄ゆ梾瀹㈢殑璇В锛�</p>
-              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1741,11 +1365,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.鑸┖鍏徃瀵规浜嬩欢鏄惁搴旀壙鎷呰矗浠伙紵</p>
-              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣犱綔涓鸿埅绌哄叕鍙哥殑璐熻矗浜鸿濡備綍澶勭悊姝や簨锛�</p>
-              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1810,8 +1434,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>璇ユ渚嬩腑锛屾▕灏忓鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1820,6 +1444,7 @@
           <p>
             濡傛灉鑸徃鑳芥彁鍓嶅憡鐭ユ梾瀹紝缁欐梾瀹㈠厖鍒嗙殑鐭ユ儏鏉冨拰閫夋嫨鏉冿紝灏辫兘閬垮厤寰堝鐭涚浘鍜屾姇璇夈��
           </p>
+
         </div>
       </div>
     </div>
@@ -1853,8 +1478,8 @@
               <p>
                 瀵逛簬淇濇寔淇℃伅鍏紑浠ュ強绉瀬閲囩撼鏃呭鎶曡瘔鐨勯�斿緞锛屼綘杩樻湁鍝簺寤鸿锛�
               </p>
-              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e092">锛堜笁锛夌Н鏋佹矡閫氾紝涓诲姩鎵挎媴鍘熷垯</h5>
@@ -1912,7 +1537,7 @@
             <div class="bj3 fz-15">
               <p>浠庡皬寮犵殑缁忓巻涓紝浣犲鍒颁簡浠�涔堝憿锛�</p>
               <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d082">浜屻�佹皯鑸梾瀹㈡姇璇夊鐞嗙殑绛栫暐</h4>
@@ -1937,6 +1562,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鑳藉鏍规嵁璁惧畾鐨勫満鏅畬鎴愭梾瀹㈡姇璇夌殑娴嬭瘯銆�</p>
           <p>2.鑳藉瀹屾垚澶勭悊鏃呭鎶曡瘔鐨勫疄璁换鍔°��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEleven" 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>瑙嗛锛�3.2.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTen ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'b0ff55db0549ccb2f6c1b332798aa8d3'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1959,197 +1603,80 @@
           <p>
             1.姘戣埅鏈嶅姟杩囩▼涓毦鍏嶄細鍑虹幇涓�浜涗笉鍙鐭ョ殑绐佸彂鐘跺喌锛岃�屽杩欎簺绐佸彂鐘跺喌鐨勫缃紝鏈夊彲鑳戒細寮曡捣鎶曡瘔鎴栧叾浠栬繛閿佺殑鍙嶅簲銆備笅鍒楀摢浜涘睘浜庢皯鑸梾瀹㈡姇璇夌殑鍘熷洜锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.闈㈠鏃呭鎶曡瘔鏃剁鐞嗘粸鍚庡拰涓嶅仴鍏紝浣挎梾瀹㈡姇璇夋棤鐢ㄦ垨鎶曡瘔鏃犻棬</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.姘戣埅鏈嶅姟浜哄憳鐨勬湇鍔℃剰璇嗕笉瓒筹紝鍥犱负琛屼负涓炬鎴栬瑷�瀵艰嚧鐭涚浘浜х敓</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.姘戣埅鏈嶅姟浜哄憳棰滃�间笉楂�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.姘戣埅鏈嶅姟浜哄憳鐨勪笓涓氱煡璇嗘按骞充笉楂樺強鏈嶅姟鎶�鑳戒笉瓒�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.闈㈠鏃呭鎶曡瘔鏃剁鐞嗘粸鍚庡拰涓嶅仴鍏紝浣挎梾瀹㈡姇璇夋棤鐢ㄦ垨鎶曡瘔鏃犻棬</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.姘戣埅鏈嶅姟浜哄憳鐨勬湇鍔℃剰璇嗕笉瓒筹紝鍥犱负琛屼负涓炬鎴栬瑷�瀵艰嚧鐭涚浘浜х敓
+          </p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.姘戣埅鏈嶅姟浜哄憳棰滃�间笉楂�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.姘戣埅鏈嶅姟浜哄憳鐨勪笓涓氱煡璇嗘按骞充笉楂樺強鏈嶅姟鎶�鑳戒笉瓒�</p>
           <p>
             2.鏃呭鎶曡瘔鏄竴鎶婂弻鍒冨墤锛屽綋鍑虹幇鏃呭鎶曡瘔鐨勬椂鍊欙紝搴旈伒寰摢浜涘鐞嗙殑鍩烘湰鍘熷垯锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鏃呭涓哄厛銆佺湡璇氭湇鍔$殑鍘熷垯</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.绉瀬娌熼�氥�佷富鍔ㄦ媴璐g殑鍘熷垯</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.浜嬩笉鍏冲繁銆侀珮楂樺湪涓婄殑鍘熷垯</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.鍙婃椂瑙e喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鏃呭涓哄厛銆佺湡璇氭湇鍔$殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.绉瀬娌熼�氥�佷富鍔ㄦ媴璐g殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.浜嬩笉鍏冲繁銆侀珮楂樺湪涓婄殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍙婃椂瑙e喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p>
           <p>3.鍏充簬瀹㈡埛鎶曡瘔瀵硅埅鍙哥殑鎰忎箟锛岃〃杩颁笉姝g‘鐨勬槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.鍙互鎸界暀浣忛【瀹�</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鎸藉洖瀹㈡埛瀵硅埅鍙哥殑淇′换</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.澧炲姞鑸徃鐭ュ悕搴�</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.甯姪浼佷笟鍙婃椂鍙戠幇闂</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.鍙互鎸界暀浣忛【瀹�</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎸藉洖瀹㈡埛瀵硅埅鍙哥殑淇′换</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.澧炲姞鑸徃鐭ュ悕搴�</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.甯姪浼佷笟鍙婃椂鍙戠幇闂</p>
           <p>4.鍦ㄦ姇璇夊鐞嗗悗锛屽鏈嶄汉鍛樼殑宸ヤ綔涓嶅寘鎷紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.鑷垜鎺у埗</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.鑷垜瀵硅瘽</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.鑷垜妫�璁�</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />D.鑷垜瀹夋叞</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鑷垜鎺у埗</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鑷垜瀵硅瘽</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鑷垜妫�璁�</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鑷垜瀹夋叞</p>
           <p>
             5.涓嬪垪閫夐」涓笉灞炰簬姘戣埅鍛樺伐姝g‘澶勭悊鏃呭鎶曡瘔鐨勫師鍒欑殑鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />A.杩呴�熼噰鍙栬鍔�</p>
-          <p><input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p>
-          <p><input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />C.鍏堝鐞嗕簨浠讹紝鍚庡鐞嗘儏鎰�</p>
-          <p><input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />D.鑰愬績鍊惧惉鏃呭鐨勬姳鎬�</p>
-        </div>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.杩呴�熼噰鍙栬鍔�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.鍏堝鐞嗕簨浠讹紝鍚庡鐞嗘儏鎰�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="D" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />D.鑰愬績鍊惧惉鏃呭鐨勬姳鎬�</p>
+              <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(2)" 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>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2159,117 +1686,134 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterThree",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
-          six:'',
-          seven:'',
-          eight:'',
-          nine:'',
-          ten:'',
-          eleven:'',
-          twelve:'',
-          thirteen:'',
-          fourteen:'',
-          fifteen:'',
-          sixteen:'', 
-          seventeen:''
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
+          ten: '',
+          eleven: '',
+          twelve: '',
+          thirteen: '',
+          fourteen: '',
+          fifteen: '',
+          sixteen: '',
+          seventeen: ''
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          six:{
-            value:""
+          six: {
+            value: ""
           }
-          
+
         },
-        projectTwo:{
-          one:{
-            value:[]
+        projectTwo: {
+          one: {
+            value: []
           },
-          two:{
-            value:[]
+          two: {
+            value: []
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:""
+          four: {
+            value: ""
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          
-          
+
+
         },
 
       },
-      evaluation:{
+      evaluation: {
         isCompleteThree: false,
         isCompleteFour: false,
         isCompleteFive: false,
-        showCheckAnswerThree:false,
-        showCheckAnswerFour:false,
-        showCheckAnswerFive:false,
+        showCheckAnswerThree: false,
+        showCheckAnswerFour: false,
+        showCheckAnswerFive: false,
         evaluationThreeValue: {
-          one:"",
+          one: "",
           two: "",
           three: "",
           four: "",
           five: "",
-          six:"",
+          six: "",
           seven: "",
           eight: "",
           nine: "",
           ten: "",
         }, //娴嬭瘎绛旀
-        
+
         evaluationFourValue: {
-          one:"",
+          one: "",
           two: "",
           three: "",
           four: "",
           five: "",
-          six:"",
+          six: "",
         }, //娴嬭瘎绛旀
         evaluationFiveValue: {
-          one:"",
+          one: "",
           two: "",
           three: "",
           four: "",
           five: "",
-          six:"",
+          six: "",
           seven: "",
           eight: "",
           nine: "",
@@ -2278,10 +1822,40 @@
           twelve: "",
         }, //娴嬭瘎绛旀
       },
+      chapterData: {
+        isCollectVideo: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+        isCollectVideoEight: false,
+        isCollectVideoNine: false,
+        isCollectVideoTen: false,
+        isCollectVideoEleven: false,
+      },
       evaluatioThreeResults: '', //娴嬭瘎缁撴灉
       evaluationFourResults: '', //娴嬭瘎缁撴灉
       evaluationFiveResults: '', //娴嬭瘎缁撴灉
-      
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡涓夈��姘戣埅鑱屽満娌熼��",
+            questionNum: 108,
+          },
+          2: {
+            questionTitleMain: "妯″潡涓夈��姘戣埅鏃呭鎶曡瘔搴斿鎶�宸�",
+            questionNum: 117,
+          },
+        },
+      },
     };
   },
   async mounted() {
@@ -2313,17 +1887,55 @@
     if (evaluationFourData) {
       this.evaluationFourResults = evaluationFourData;
     }
-    
+
     const evaluationFiveData = localStorage.getItem(
       "aviationEtiquette-book-evaluation-five"
     );
     if (evaluationFiveData) {
       this.evaluationFiveResults = evaluationFiveData;
     }
-  
-   
+
+    this.getVidoePath();
+    this.collectResourceList = await getCollectResource(
+      this.config.activeBook.bookId
+    );
   },
   methods: {
+    async getVidoePath() {
+      this.videoPathOne = await getResourcePath(
+        "6f3a3b8b1b5eb8b942f57b7c6ef20ff7"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "45d4dc432a32a81d20421fa6b8ebe50b"
+      );
+      this.videoPathThree = await getResourcePath(
+        "05d9e675723ecfe512ae2aba64ba08fa"
+      );
+      this.videoPathFour = await getResourcePath(
+        "f768963b0e70d05a065c3094c9a6a6af"
+      );
+      this.videoPathFive = await getResourcePath(
+        "ada8ecd6349bf5d0c6ee2b6642e9effc"
+      );
+      this.videoPathSix = await getResourcePath(
+        "ff80be5c2badeef45574d9d5fb884b92"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "81574f24a780ca2ed16b023eb795ce04"
+      );
+      this.videoPathEight = await getResourcePath(
+        "65f1f06c69581442b53aefac9da33353"
+      );
+      this.videoPathNine = await getResourcePath(
+        "1f04f081f61aa13373daa7b8b92cc750"
+      );
+      this.videoPathTen = await getResourcePath(
+        "222a20d4bcb6805836684e0d96752ae3"
+      );
+      this.videoPathEleven = await getResourcePath(
+        "b0ff55db0549ccb2f6c1b332798aa8d3"
+      );
+    },
 
     setBookQuestion() {
       localStorage.setItem(
@@ -2331,111 +1943,195 @@
         JSON.stringify(this.questionData)
       );
     },
-
     //娴嬭瘯鎻愪氦
-    setEvaluation(){
+    setEvaluation() {
       // localStorage.setItem(
       //   "aviationEtiquette-book-chapter01-evaluation",
       //   JSON.stringify(this.evaluation)
       // );
     },
 
-    goCheckThree(){
+    goCheckThree() {
       let obj = 0
       let index = 0
       for (let key in this.evaluation.evaluationThreeValue) {
         if (this.evaluation.evaluationThreeValue[key] !== '') {
           let cont = Number(this.evaluation.evaluationThreeValue[key])
           obj = obj + cont
-        }else{
-          index ++ 
+        } else {
+          index++
         }
       }
-      console.log(index,this.evaluation.evaluationThreeValue)
-      if(index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
+      console.log(index, this.evaluation.evaluationThreeValue)
+      if (index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
         this.$message({
-            message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-            type: "warning"
-          });
-          return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluatioThreeResults = obj
         this.evaluation.showCheckAnswerThree = true
         this.evaluation.isCompleteThree = true
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-three",this.evaluatioThreeResults);
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-three", this.evaluatioThreeResults);
       }
     },
-    changeCheckThree(){
+    changeCheckThree() {
       this.evaluatioThreeResults = ''
       this.evaluation.evaluationThreeValue = {}
       this.evaluation.isCompleteThree = false
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-three");
     },
-    goCheckFour(){
+    goCheckFour() {
       let obj = 0
       let index = 0
       for (let key in this.evaluation.evaluationFourValue) {
         if (this.evaluation.evaluationFourValue[key] !== '') {
           let cont = Number(this.evaluation.evaluationFourValue[key])
           obj = obj + cont
-        }else{
+        } else {
           index++
         }
       }
-      if(index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
+      if (index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
         this.$message({
-            message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-            type: "warning"
-          });
-          return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluationFourResults = obj
         this.evaluation.showCheckAnswerFour = true
         this.evaluation.isCompleteFour = true
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-four",this.evaluationFourResults);
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-four", this.evaluationFourResults);
       }
     },
-    changeCheckFour(){
+    changeCheckFour() {
       this.evaluationFourResults = ''
       this.evaluation.evaluationFourValue = {}
       this.evaluation.isCompleteFour = false
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-four");
     },
-    goCheckFive(){
+    goCheckFive() {
       let obj = 0
       let index = 0
       for (let key in this.evaluation.evaluationFiveValue) {
         if (this.evaluation.evaluationFiveValue[key] !== '') {
           let cont = Number(this.evaluation.evaluationFiveValue[key])
           obj = obj + cont
-        }else{
+        } else {
           index++
         }
       }
-      if(index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
+      if (index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
         this.$message({
-            message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-            type: "warning"
-          });
-          return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluationFiveResults = obj
         this.evaluation.showCheckAnswerFive = true
         this.evaluation.isCompleteFive = true
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-five",this.evaluationFiveResults);
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-five", this.evaluationFiveResults);
       }
     },
-    changeCheckFive(){
+    changeCheckFive() {
       this.evaluationFiveResults = ''
       this.evaluation.evaluationFiveValue = {}
       this.evaluation.isCompleteFive = false
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-five");
+    },
+
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "4f0afd466e16bde40a447ff467452181",
+          "4f0afd466e16bde40a447ff467452181",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
+        );
+        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.1.1"
+        );
+        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "602e257498cd61657b759edd5be0221d",
+          "602e257498cd61657b759edd5be0221d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.2.1"
+        );
+        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "571b9fb7962e8fc30749893919d2157b",
+          "571b9fb7962e8fc30749893919d2157b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.2.2"
+        );
+        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.1"
+        );
+        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.2"
+        );
+        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "c4d252f413d11539fd11db913c073e5b",
+          "c4d252f413d11539fd11db913c073e5b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.3"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.4"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }
+      this.handleChapterData();
     },
 
 
@@ -2444,6 +2140,13 @@
     },
     handleBlur() {
       this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse
+    },
+
+    handleChapterData() {
+      localStorage.setItem(
+        "aviationEtiquette-book-chapter03-Data",
+        JSON.stringify(this.chapterData)
+      );
     },
 
     //璧勬簮鏀惰棌浜嬩欢
@@ -2477,6 +2180,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index ab751db..5089c7b 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -5,16 +5,11 @@
       <div v-if="showPageList.indexOf(118) > -1">
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerText pNum">112</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/yemei.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a008">
-            <span class="h1-bj">妯″潡鍥�</span
-            ><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
+            <span class="h1-bj">妯″潡鍥�</span><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
           </h1>
           <h2 id="b008">椤圭洰涓�銆�鍊欐満妤兼湇鍔$ぜ浠�</h2>
           <div class="tp-3">
@@ -24,9 +19,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鍗冲皢鍜屽悓瀛︿滑涓�璧峰幓鍊欐満妤艰繘琛屼负鏈熶袱涓湀鐨勫矖浣嶅涔犮�傚ス杩垏鎯崇煡閬撳�欐満妤兼湇鍔$殑鍒嗙被锛岄渶瑕佹帉鎻′粈涔堟牱鐨勭煡璇嗗拰鎶�鑳斤紝鍙兘浼氶亣鍒板摢浜涙梾瀹㈢殑鐤戦棶锛岃鎬庢牱澶勭悊銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e�欐満妤奸棶璇€�佸涔樸�佸�兼満鍜岃吹瀹惧巺鏈嶅姟鐨勮亴璐h姹傚強绀间华瑙勮寖锛屽舰鎴愬鍊欐満妤煎父瑙佺殑鍑犱釜涓昏宀椾綅鏈嶅姟瑙勮寖鍜屾搷浣滄祦绋嬬殑鍏ㄩ潰璁ょ煡锛屾彁楂樺鍊欐満妤兼梾瀹㈢殑鏈嶅姟鏁堢巼锛屼负姘戣埅浼佷笟鐨勬湇鍔″搧鐗屻�佹湇鍔″嵃璞$鐞嗗仛璐$尞锛屽苟閫氳繃浼樿川鏈嶅姟锛屾惌寤鸿壇濂界殑瀹㈡埛鍏崇郴銆�
@@ -34,9 +27,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               2018骞�6鏈�11鏃ワ紝涓嬪崍涓ょ偣鍗婏紝涓�鍚嶅绫嶆梾瀹㈢劍鎬ュ湴鏉ュ埌闂鍙帮紝鏈嶅姟浜哄憳灏忔潕绔嬪嵆璧疯韩杩庢帴鏃呭骞朵富鍔ㄨ闂湁浠�涔堣兘甯繖鐨勩�傞�氳繃杩欏悕澶栫睄鏃呭鐨勮〃杈撅紝灏忔潕浜嗚В鍒帮紝鏃呭鍦ㄦ暣鐞嗚鏉庢椂锛屼笉鎱庢妸鎶ょ収寮勪涪浜嗐�傚皬鏉庣珛鍗抽�氱煡骞挎挱绔欒繘琛屽け鐗╂嫑棰嗘挱鎶ワ紝闅忓悗瀹夋姎鏃呭鎯呯华锛屽ぇ姒�5鍒嗛挓锛屽氨鎺ュ埌宸ヤ綔浜哄憳鍥炲锛屾壘鍒颁簡璇ュ悕鏃呭鐨勬姢鐓э紝鑰屾鏃惰窛绂昏鍚嶆梾瀹箻鍧愮殑鑸彮鍏抽棴杩樻湁6鍒嗛挓銆備负浜嗚鏃呭鑳藉椤哄埄涔樺潗鑸彮锛屽皬鏉庣洿鎺ヤ负杩欏悕澶栫睄鏃呭瀹夋帓浜嗕笓闂ㄧ殑瀵间箻鍛橈紝鍏ㄧ▼寮曞锛屽湪鏈�鍚庝竴鍒绘梾瀹㈡垚鍔熷姙鐞嗕簡鍊兼満鎵嬬画銆�
@@ -45,32 +36,21 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>
                 1.妗堜緥涓紝澶栫睄鏃呭椤哄埄鐧绘満浣撶幇浜嗗�欐満妤兼湇鍔′腑鍝簺宀椾綅浜哄憳鐨勪紭璐ㄦ湇鍔″憿锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.one"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.鏈哄満闂鏈嶅姟宀椾綅閫氬父鏄�欐満妤间腑瑙g瓟鏃呭鐤戦毦鐨勯噸瑕佺獥鍙o紝浣犺寰楀湪闂鏈嶅姟涓垜浠簲璇ユ敞鎰忓摢浜涚ぜ浠鑼冨憿锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.two"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -91,13 +71,50 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c026">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">闂鏈嶅姟绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">闂鏈嶅姟绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鍊欐満妤奸棶璇㈡湇鍔$殑鍒嗙被銆�</p>
           <p>2.浜嗚В鍊欐満妤奸棶璇㈡湇鍔″矖浣嶈亴璐c��</p>
           <p>3.鎺屾彙鍊欐満妤奸棶璇㈡湇鍔″矖浣嶅伐浣滀汉鍛樼ぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�4.1.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'e9002557d1ba0b28dbddf10c52612e3f'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>瑙嗛锛�4.1.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'da82b43c7571108d00a19ffcb5233a2e'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d083">涓�銆佸�欐満妤奸棶璇㈡湇鍔$殑鍒嗙被</h4>
           <p>
             鏈哄満闂鏈嶅姟浜哄憳鏄埅绌哄叕鍙哥殑瀵瑰褰㈣薄澶т娇锛岃繖涓矖浣嶆槸涓轰箻瀹㈠揩閫熻В鍐崇枒闅鹃棶棰樸�佸紩瀵间箻瀹㈤『鍒╃櫥鏈鸿�岃绔嬬殑锛屾槸鑸┖鍏徃瀵瑰鎵胯鈥滄梾瀹㈣嚦涓婏紝鎵撻�犵粏鑷村叆寰殑鏈嶅姟鈥濈殑涓�绉嶄綋鐜般�傞棶璇㈡湇鍔″矖浣嶄汉鍛樺簲褰撻伒寰満鍦哄拰鑸徃鍒跺畾鐨勫伐浣滆鑼冧互鍙婂伐浣滄爣鍑嗭紝鍋氬埌娉ㄩ噸浠〃銆佸睍鐜扮ぜ璨屻�傚�欐満妤奸棶璇㈡湇鍔″彲閫氳繃浠ヤ笅鏂瑰紡杩涜鍒嗙被銆�
@@ -113,21 +130,13 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-b"
-                  alt=""
-                  src="../../assets/images/0119-1.jpg"
-                />
+                <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
               </p>
               <p class="img">鍥�4-1-1 鐜板満闂</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-b"
-                  alt=""
-                  src="../../assets/images/0119-2.jpg"
-                />
+                <img class="img-b" alt="" src="../../assets/images/0119-2.jpg" />
               </p>
               <p class="img">鍥�4-1-2 鐢佃瘽闂</p>
             </span>
@@ -141,11 +150,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">114</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -218,9 +223,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -228,13 +232,8 @@
               <p>
                 鍒嗘瀽锛氬湪鏈哄満锛岄亣鍒拌埅鐝欢璇紝骞挎挱鎾姤鏈�澶氱殑鏄�滃ぉ姘斿師鍥犫�濓紝鑰屽線寰�鏃呭鐪煎墠鐪嬪埌鐨勬槸鏈楁湕鏅寸┖锛屽啀鍘绘煡鐪嬬洰鐨勫湴鐨勫ぉ姘旀椂锛屽彂鐜颁篃鏄剧ず鏅存湕锛屾鏃舵梾瀹㈤毦鍏嶄細瀵硅埅鐝欢璇殑鍘熷洜浜х敓鎬�鐤戙�備簨瀹炰笂锛屸�滃ぉ姘斿師鍥犫�濇湁寰堝绉嶆儏鍐碉細涓�鏄鏈哄洜鍑哄彂鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗簩鏄鏈哄洜鐩殑鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗笁鏄鏈哄洜椋炶鑸矾涓婄殑澶╂皵鐘跺喌涓嶉�傚疁璧烽绛夈�傚湪鍏ㄧ▼鑸嚎涓婏紝鍙鏈変竴涓湴鏂圭殑澶╂皵鐘跺喌鍑虹幇寮傚父锛岄鏈哄氨鍙兘鐢变簬鈥滃ぉ姘斿師鍥犫�濆湪鍘熷湴鍋滅暀銆傛墍浠ワ紝鏅寸┖涓囬噷涓嶄唬琛ㄩ琛屾剰涔変笂鐨勩�佹梾瀹㈣涓虹殑姝e父澶╂皵銆�
               </p>
-              <textarea
-                v-model="questionData.askAbout.three"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e097">锛堜簩锛夌數璇濋棶璇㈡湇鍔$ぜ浠�</h5>
@@ -254,11 +253,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">116</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -315,9 +310,27 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣鍙嶆�澛�</span></p>
           <p>閫氳繃瀵归棶璇㈡湇鍔$殑瀛︿範锛屽悓瀛︿滑鏈変綍鎰熸偀鍜屾柊棰栫殑鎯虫硶锛�</p>
           <h3 id="c027">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
           </h3>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�4.1.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '36f02743b633758c2ecdee90af20fe34'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鑳岃�佷汉璧惰埅鐝殑鈥滃皬璺戝摜鈥�</span></p>
           <p class="block">
@@ -326,20 +339,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>閫氳繃涓婅堪鎻忚堪锛屼綘璁や负鍦ㄥ涔樻湇鍔′腑搴旀敞鎰忎粈涔堬紵鏈変粈涔堜綔鐢紵</p>
-              <textarea
-                v-model="questionData.askAbout.four"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p><b>浠诲姟鐩爣锛�</b></p>
@@ -365,11 +372,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">118</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -392,6 +395,44 @@
             闅旂妗╃殑缁存姢锛氶殧绂绘々瀹屽ソ鐜�100%锛屽鏈夋晠闅滈渶閫氱煡鍊兼満涓讳换锛涢殧绂绘々涓嶅緱鏈夌矘绾搞�佸皹鍦熴�佹墦缁撱�佺紶缁曘�佹澗鍔ㄣ�佺己鎹熺瓑鐜拌薄锛涢殧绂诲甫鏁寸悊棰戠巼涓嶅緱灏戜簬10鍒嗛挓/娆★紝鎽嗘斁闂磋窛鐩哥瓑锛屾í骞崇珫鐩达紝妯悜鍜岀旱鍚戝憟90掳锛涢伒寰�滀笁妗╀袱甯︹�濆師鍒欙紝鍗虫瘡涓�涓殧绂诲甫鐢变袱涓珫妗╅厤涓�鏍归殧绂诲甫锛屽苟鍛堜竴鏉$洿绾裤�傞殧绂诲甫涓嶅緱瓒呰繃涓�绫抽粍绾夸綅缃紱涓嶅緱瓒呰繃鍒掑畾鍖哄煙锛屼笉寰楀奖鍝嶆梾瀹㈤�氳銆�
           </p>
           <h4 id="d089">涓夈�佸�欐満妤煎涔樻湇鍔$ぜ浠鑼�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�4.1.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '810345cbf8f3d003d9ff7247a5247570'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�4.1.5</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2336e67a853728fa6a1d2b7a4a2d9abf'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e098">锛堜竴锛夌Н鏋佷富鍔ㄥ搷搴旀梾瀹㈤渶姹�</h5>
           <p>
             鍝嶅簲鎬ф槸鎸囧涔樹汉鍛樺悜鏃呭鎻愪緵鏈嶅姟鐨勮嚜鍙戞�э紝鍝嶅簲鎬у喅瀹氫簡鏃呭涓烘湇鍔$瓑寰呯殑鏃堕棿鍜岄棶棰樿В鍐崇殑鏁堢巼銆傚涔樹汉鍛樺鏃呭鍝嶅簲鍙婃椂锛岃兘澶熷鍔犳梾瀹㈢殑淇′换搴﹀拰婊℃剰搴︼紝閬垮厤鏃呭鍑虹幇涓嶆弧鎯呯华銆�
@@ -424,28 +465,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>1.妗堜緥涓紝鍊兼満鍛樺皬钁d负鏃呭鎻愪緵浜嗗摢浜涙殩蹇冩湇鍔★紵</p>
-              <textarea
-                v-model="questionData.askAbout.five"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璋堜竴璋堬紝浣犱粠璇ユ渚嬩腑寰楀埌浜嗗摢浜涘惎绀猴紵</p>
-              <textarea
-                v-model="questionData.askAbout.six"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e100">锛堜笁锛変弗瀹堣鑼冩彁鍗囨湇鍔¤川閲�</h5>
@@ -467,11 +497,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">120</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -484,82 +510,39 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>璇峰皢鍒氭墠鎻愬埌鐨勬湇鍔″繉璇繘琛屾敼杩涳紝鍙樻垚娓╂殩瑙勮寖鐨勬湇鍔$敤璇��</p>
               <p>
-                涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-15 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.seven"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.seven" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-15 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.eight"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.eight" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 130px"
-                  v-model="questionData.askAbout.nine"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
+                  v-model="questionData.askAbout.nine" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 115px"
-                  v-model="questionData.askAbout.ten"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 115px"
+                  v-model="questionData.askAbout.ten" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.eleven"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.eleven" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 130px"
-                  v-model="questionData.askAbout.twelve"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
+                  v-model="questionData.askAbout.twelve" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 140px"
-                  v-model="questionData.askAbout.thirteen"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 140px"
+                  v-model="questionData.askAbout.thirteen" @change="setBookQuestion" />
               </p>
             </div>
           </div>
@@ -568,13 +551,31 @@
             <img class="img-0" alt="" src="../../assets/images/0126-1.jpg" />
           </p>
           <h3 id="c028">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">鍊兼満鏈嶅姟绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">鍊兼満鏈嶅姟绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾鍊欐満妤煎�兼満鏈嶅姟宀椾綅宸ヤ綔浜哄憳鐨勫伐浣滄祦绋嬨��</p>
           <p>2.浜嗚В鍊欐満妤煎�兼満鏈嶅姟宀椾綅宸ヤ綔浜哄憳鐨勭ぜ浠鑼冦��</p>
           <p>3.鑳界啛缁冭繍鐢ㄧぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�4.1.6</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f60bcf0daea848fdd87d931e0debffe7'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d090">涓�銆佸�欐満妤煎�兼満鏈嶅姟姒傝堪</h4>
           <p>
             鍊兼満鏈嶅姟鏄寚鑸┖鍏徃涓烘梾瀹㈠姙鐞嗕箻鏈烘墜缁殑鍏ㄦ祦绋嬫湇鍔★紝鍩烘湰娴佺▼鍖呮嫭锛氳繋鎺ユ梾
@@ -596,7 +597,7 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>
+          <p class="td-0">
             瀹€�佹煡楠屾梾瀹㈠绁ㄥ強璇佷欢銆佷负鏃呭瀹夋帓搴т綅銆佹敹杩愭墭杩愭梾瀹㈣鏉庛�佸拰鏃呭鍛婂埆銆傛瘡涓�涓祦绋嬶紝鍊兼満浜哄憳閮藉簲閬靛畧鐩稿簲鐨勭ぜ浠鑼冿紝涓烘梾瀹㈡彁渚涙弧鎰忕殑鏈嶅姟锛屼互鎻愰珮姘戣埅浼佷笟鐨勫舰璞★紝杩涜�屼績杩涙皯鑸紒涓氱殑鍙戝睍銆�
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -611,21 +612,13 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-a"
-                  alt=""
-                  src="../../assets/images/0127-1.jpg"
-                />
+                <img class="img-a" alt="" src="../../assets/images/0127-1.jpg" />
               </p>
               <p class="img">鍥�4-1-3 杩庢帴鏃呭</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-a"
-                  alt=""
-                  src="../../assets/images/0127-2.jpg"
-                />
+                <img class="img-a" alt="" src="../../assets/images/0127-2.jpg" />
               </p>
               <p class="img">鍥�4-1-4 寰瑧</p>
             </span>
@@ -634,20 +627,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鍦ㄦ鏌ユ梾瀹㈠绁ㄥ拰璇佷欢鏃讹紝搴旀敞鎰忓摢浜涙柟闈紵</p>
-              <textarea
-                v-model="questionData.askAbout.fourteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e102">锛堜簩锛夋煡楠屾梾瀹㈠绁ㄥ強璇佷欢绀间华</h5>
@@ -666,11 +653,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">122</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -696,15 +679,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>浣犵煡閬撳鑸卞骇浣嶇殑瀹夋帓涓�鑸兘閬靛惊鍝簺鍘熷垯鍚楋紵</p>
-              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -756,25 +738,63 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鍦ㄩ�掓帴瀹㈢エ銆佽韩浠借瘉鍙婄櫥鏈虹墝鏃讹紝鍊兼満浜哄憳搴旀敞鎰忓摢浜涙柟闈紵</p>
-              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <div class="bk4">
-            <div class="bk5">
-              <p><span class="bj2">路鎬濇斂鍥湴路</span></p>
-            </div>
-            <p>
-              鍊兼満浜哄憳鍦ㄦ暣涓皯鑸梾瀹㈣繍杈撴祦绋嬩腑鎵紨鐫�闈炲父閲嶈鐨勮鑹层�傚�兼満浜哄憳涓嶄粎闇�瑕佹敞鎰忚嚜韬殑绀间华涓炬锛岃繕瑕佹敞鎰忚瀵熸梾瀹㈢殑瑷�琛屼妇姝紝浠庤�屾爲绔嬪拰濉戦�犺壇濂界殑褰㈣薄锛屾彁鍗囦翰鍜屽姏銆�
-            </p>
-          </div>
+          <h5 id="e105">锛堝叚锛夋満鍦烘櫤鎱у�兼満鏈嶅姟</h5>
+          <p>
+            涓轰簡缁欐梾瀹㈡彁渚涙洿鍔犲畨鍏ㄣ�佷究鎹枫�侀珮鏁堛�佹櫤鑳界殑鏈嶅姟锛岃繎骞存潵锛屾皯鑸笟姝e姞蹇柊鎶�鏈殑鍒涙柊搴旂敤锛屾寔缁彁鍗囨湇鍔″伐浣滅殑鏁板瓧鍖栥�佹櫤鎱у寲姘村钩銆傛垜鍥界殑鍚勭褰㈠紡鐨勭壒鑹插�兼満涓氬姟鍙戝睍涔熷緢蹇紝杩戝勾鏉USS鏈哄湪姘戠敤鏈哄満鐨勬櫘鍙婄巼鏄捐憲鎻愰珮锛屽悇鑸┖鍏徃缃戠珯涓婃櫘閬嶈缃簡鑷姪鍊兼満鏉垮潡锛屾梾瀹娇鐢ㄧ殑鏂逛究鎬т篃澶уぇ鏀瑰杽銆備腑鍥借埅绌哄叕鍙哥殑鐗硅壊鍊兼満鍙戝睍鍦ㄥ叏鐞冨凡缁忓浜庡墠鍒椼��
+          </p>
+          <p>
+            浠庢満鍦烘湇鍔″埌鑸彮杩愯锛屼粠绌轰腑浜ら�氬埌鍦伴潰淇濋殰锛屽綋鍓嶏紝鏅烘収姘戣埅寤鸿鎻愬崌浜嗘皯鑸繍钀ユ晥鐜囧拰鏈嶅姟姘村钩锛屾垚鏋滄儬鍙婁竾鍗冩梾瀹€�傞櫎浜嗘満鍦哄畨妫�锛屽湪鍊兼満銆佽鏉庢墭杩愬拰鐧绘満鐨勫悇涓幆鑺傦紝鏃呭鍦ㄥ畬鎴愬埛鑴稿悗渚胯兘蹇�熷姙鐞嗘墜缁�傚湪瑙嗚璇嗗埆銆佷汉宸ユ櫤鑳界畻娉曠瓑鎶�鏈殑甯姪涓嬶紝鏃呭涓嶄粎鍙互浜彈鏇翠究鎹风殑鐧绘満鏈嶅姟锛岃繕鍙互浣撻獙鏇撮珮鏁堝畨鍏ㄧ殑琛屾潕鎵樿繍鏈嶅姟銆�
+          </p>
+          <p class="center openImgBox">
+            <img class="img-b" alt="" src="../../assets/images/0129-1.jpg" />
+          </p>
+          <p class="img">鍥�4-1-6 CUSS鏈�</p>
+          <p>
+            鑷姪鍊兼満涔熸垚涓哄緢澶氭梾瀹㈠嚭琛岀殑棣栭�夛紝鑷姪鍊兼満鏄梾瀹㈣嚜涓荤嫭绔嬪畬鎴愬�兼満鐨勫叏杩囩▼銆�
+          </p>
+          <p>
+            鏃呭鍦ㄨ嚜鍔╁�兼満鏃舵満鍦哄伐浣滀汉鍛樼殑绀间华鏈嶅姟涔熼潪甯搁噸瑕併��
+          </p>
+          <p>
+            璐熻矗鑷姪鍊兼満鐨勬湇鍔′汉鍛樹笉浠呴渶瑕佺啛鎮夋櫤鑳藉寲璁惧鐨勬搷浣滐紝杩橀渶涓烘梾瀹㈡彁渚涢珮鏁堛�佸弸濂界殑鏈嶅姟锛屽叾鏈嶅姟瑙勮寖涓昏鍖呮嫭浠ヤ笅鍐呭锛�
+          </p>
+          <p>
+            锛�1锛夌敤瑙勮寖涓撲笟鐨勬湇鍔$敤璇噯纭В绛旀梾瀹娇鐢ㄨ嚜鍔╁�兼満缁堢銆佽嚜鍔╄鏉庢墭杩愯澶囩瓑鐨勬搷浣滈棶棰樸��
+          </p>
+          <p>
+            锛�2锛夊叧娉ㄥ�兼満璁惧锛岀‘淇濊澶囨甯歌繍琛屻�傚閬囦笉鑳芥湇鍔℃梾瀹㈢殑鏁呴殰璁惧锛岄櫎鍙婃椂澶勭悊鎴栬仈绯绘妧鏈敮鎸佸锛屾洿瑕佸仛濂芥梾瀹㈢殑鍒嗘祦寮曞鍜岃В閲婂伐浣溿��
+          </p>
+          <p>
+            锛�3锛夊紩瀵兼梾瀹㈠畬鎴愯嚜鍔╁�兼満銆佽鏉庢墭杩愩�佸畨妫�绛夋祦绋嬶紝鎸夋搷浣滆鑼冨噺灏戞帓闃熸椂闂淬��
+          </p>
+          <p>
+            锛�4锛変负鐗规畩鏃呭鏈嶅姟锛屽鑰佷汉銆佸効绔ャ�佹畫闅滀汉澹瓑鎻愪緵涓�瀵逛竴鍗忓姪锛岀‘淇濋『鍒╁�兼満銆�
+          </p>
+          <p>
+            锛�5锛夊強鏃朵负鏃呭鎻愪緵鑸彮鍔ㄦ�併�佺櫥鏈哄彛淇℃伅銆佽鏉庢斂绛栫瓑鍜ㄨ鏈嶅姟锛岃В绛旀梾瀹㈠叧浜庡�兼満鏃堕棿銆佽鏉庨檺棰濄�侀�夊骇瑙勫垯绛夐棶棰樸��
+          </p>
+          <p>
+            锛�6锛夊府鍔╂梾瀹㈠畬鎴愪汉鑴歌瘑鍒�兼満锛岀‘淇濊韩浠戒俊鎭噯纭棤璇�傚強鏃惰繘琛屽紓甯告儏鍐靛鐞嗭紝鍥犺韩浠戒俊鎭笉绗︽垨绯荤粺璇嗗埆澶辫触瀵艰嚧鐨勯棶棰樸��
+          </p>
+          <p>
+            锛�7锛夊湪鏃呭楂樺嘲鏈熷悎鐞嗗垎娴侊紝寮曞鏃呭鍚堢悊浣跨敤鑷姪璁惧鎴栦汉宸ユ煖鍙帮紝浠庤�屾彁楂樺�兼満鏁堢巼鍜岀‘淇濆�兼満鍖哄煙绉╁簭浜曠劧锛岄伩鍏嶆嫢鍫靛拰娣蜂贡銆�
+          </p>
+          <p>
+            锛�8锛変负閮ㄥ垎鏃呭鎻愪緵涓�у寲鏈嶅姟锛屼负鍏舵彁渚涢�夊骇銆佸崌鑸便�佺壒娈婇椋熺瓑鏈嶅姟銆備负鑸┖鍏徃甯告梾瀹㈡垨VIP鏃呭鎻愪緵涓撳睘鍊兼満閫氶亾鍜屼紭鍏堟湇鍔$瓑銆�
+          </p>
+          <p>
+            锛�9锛夎褰曟梾瀹㈠湪浣跨敤鏅烘収鍊兼満鏈嶅姟鏃堕亣鍒扮殑甯歌闂锛岀敱鎵�鍦ㄩ儴闂ㄥ弽棣堢粰鎶�鏈洟闃熶紭鍖栫郴缁熴�傛牴鎹梾瀹㈠弽棣堬紝鎻愬嚭鏀硅繘鍊兼満娴佺▼鍜屾湇鍔¤川閲忕殑寤鸿銆�
+          </p>
         </div>
       </div>
     </div>
@@ -784,28 +804,79 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">124</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
+          <p>
+            锛�10锛夋櫤鎱у�兼満浼氳妭鐪侀儴鍒嗕汉鍔涙湇鍔★紝浣嗗鍦ㄥ矖鐨勫伐浣滀汉鍛樼‘鏈夋洿楂樼殑鏈嶅姟瑕佹眰锛屾満鍦哄悇宀椾綅宸ヤ綔浜哄憳锛屽湪鏈嶅姟杩囩▼涓渶鍏ㄧ▼淇濇寔寰瑧鏈嶅姟锛岃�愬績瑙g瓟鏃呭鎻愬嚭鐨勫悇绫婚棶棰橈紝骞舵彁渚涙俯棣ㄦ湇鍔′綋楠屻�傝繕瑕佷繚鎸佸ソ涓撲笟鐨勮亴涓氬舰璞★紝鐫�瑁呮暣娲侊紝瑷�琛屽緱浣擄紝灞曠幇鏈哄満鏈嶅姟浜哄憳鐨勪笓涓氱礌鍏汇��
+          </p>
+          <p>
+            鍗忓姪鏅烘収鍊兼満鐨勫伐浣滀汉鍛樹笉浠呮槸鎶�鏈搷浣滅殑鏀寔鑰咃紝鏇存槸鏃呭鏈嶅姟鐨勬牳蹇冦�傞渶瑕侀�氳繃涓撲笟鐨勬妧鏈兘鍔涖�佺粏鑷寸殑鏈嶅姟鎬佸害鍜岄珮鏁堢殑搴旀�ュ鐞嗚兘鍔涳紝纭繚鏃呭鍦ㄦ櫤鎱у�兼満杩囩▼涓幏寰楅『鐣呫�佽垝閫傜殑浣撻獙銆傞殢鐫�鏅烘収鏈哄満鐨勪笉鏂彂灞曪紝鏈哄満宸ヤ綔浜哄憳鐨勮鑹插皢鏇村姞澶氬厓鍖栧拰涓撲笟鍖栥��
+          </p>
+          <div class="bk2">
+            <div class="zysx">
+              <p>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
+              </p>
+            </div>
+            <div class="bj3 fz-15">
+              <p>閭d箞鍦ㄥ紩瀵兼梾瀹㈣繘琛岃嚜鍔╁�兼満鏃讹紝鎴戜滑搴斿綋浣跨敤浠�涔堟牱鐨勬湇鍔℃墜鍔垮憿锛�</p>
+              <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
+            </div>
+          </div>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <p>
+            璇蜂互灏忕粍涓哄崟浣嶏紝妯℃嫙涓鸿嚜鍔╁�兼満鏃呭鐨勬湇鍔★紝浣撲細骞舵�荤粨鏈嶅姟鐢ㄨ銆�
+          </p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p>瀹炰範鐢熷皬鏄庡湪鏈哄満鑷姪鍊兼満鍖哄煙宸ヤ綔锛屼竴浣嶈�佸勾鏃呭鎬庝箞涔熷惉涓嶆槑鐧藉皬鏄庣粰浠栧仛鐨勬寚瀵硷紝涔熶笉澶兘鐞嗚В鑷姪鍊兼満鏈哄櫒鐨勬彁绀哄拰鎸囦护锛屽皬鏄庡績鐞嗗緢鐫�鎬ワ紝涔熷緢鐑﹁簛锛屽湪鏃呭闈㈠墠琛ㄧ幇鐨勫緢涓嶈�愮儲锛屽鑷存梾瀹㈤潪甯稿眬淇冦��</p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瀵荤ぜ涔嬮棶路</span></p>
+          <p>
+            鎮ㄦ槸灏忔槑鐨勫笀鍌呫�傛偍灏嗘�庢牱澶勭悊鍜岃В鍐崇幇鍦虹殑杩欎釜鍦烘櫙闂鍛紵
+          </p>
+          <div class="bk4">
+            <div class="bk5">
+              <p><span class="bj2">路鎬濇斂鍥湴路</span></p>
+            </div>
+            <p>
+              鍊兼満浜哄憳鍦ㄦ暣涓皯鑸梾瀹㈣繍杈撴祦绋嬩腑鎵紨鐫�闈炲父閲嶈鐨勮鑹层�傚�兼満浜哄憳涓嶄粎闇�瑕佹敞鎰忚嚜韬殑绀间华涓炬锛岃繕瑕佹敞鎰忚瀵熸梾瀹㈢殑瑷�琛屼妇姝紝浠庤�屾爲绔嬪拰濉戦�犺壇濂界殑褰㈣薄锛屾彁鍗囦翰鍜屽姏銆�
+            </p>
+          </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
             <img class="img-0" alt="" src="../../assets/images/0130-1.jpg" />
           </p>
           <h3 id="c029">
-            <span class="h3-zt1">浠诲姟4</span
-            ><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟4</span><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾璐靛鍘呮湇鍔$殑娴佺▼鍙婂唴瀹广��</p>
           <p>2.鎺屾彙璐靛鍘呮湇鍔$ぜ浠苟鑳藉湪瀹炶返涓啛缁冭繍鐢ㄣ��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�4.1.7</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '51ee040702ff1402026c948b82f8df55'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d092">涓�銆佽吹瀹惧巺鏈嶅姟姒傝堪</h4>
           <p>
             鍊欐満妤艰吹瀹惧巺鏈嶅姟鏄寚涓洪噸瑕佷汉澹彁渚涙満鍦哄叏绋嬪紩瀵笺�佸崗鍔╁姙鐞嗙櫥鏈烘墜缁瓑鏈嶅姟銆傝吹瀹炬湇鍔′富瑕佸垎涓鸿繋鏈烘湇鍔″拰閫佹満鏈嶅姟涓ょ銆�
@@ -864,9 +935,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -874,7 +944,7 @@
                 浠庡皬涓滅殑鏈嶅姟鏁呬簨涓紝浣犵湅鍑轰簡璐靛鍘呮湇鍔$殑鍝簺鍐呭锛熶綘瑙夊緱璐靛鍘呮湇鍔′汉鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠憿锛�
               </p>
               <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d093">浜屻�佽吹瀹惧巺鏈嶅姟绀间华</h4>
@@ -895,11 +965,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">126</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -927,6 +993,25 @@
             鍦ㄤ负鏃呭鏈嶅姟鏃讹紝鐑瘺宸惧簲鏀剧疆浜庡浜哄乏鎵嬫柟鍚戙�傞�佸嚭鏃讹紝鏈嶅姟浜哄憳搴旂敤鎵嬫彙浣忔瘺宸剧洏杈圭紭锛屾敞鎰忔墜鎸囦笉瑕佽Е鎽稿埌姣涘肪锛屽洖鏀舵椂锛屼娇鐢ㄦ瘺宸惧す鍜屽彟澶栫殑姣涘肪鐩樸��
           </p>
           <h6 id="f041">2.鑼舵按鏈嶅姟绀间华</h6>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�4.1.8</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '14ada4ec3e004795ecb3a9c2ad8ea386'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             锛�1锛夊湪涓烘梾瀹㈣繘琛岃尪姘存湇鍔″墠锛屽簲娉ㄦ剰涓嶈浣跨敤鏈夌己鍙f垨瑁傜棔鐨勮尪鏉紝淇濇寔鑼舵澂骞插噣鍗敓銆�
           </p>
@@ -994,11 +1079,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">128</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1008,241 +1089,113 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.鍊欐満妤奸棶璇㈡湇鍔℃牴鎹彁渚涙柟鍙垎涓猴紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.鏈哄満闂
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.鏈哄満闂
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.鑱斿悎闂
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑱斿悎闂
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.鑱斿悎闂銆佽埅绌哄叕鍙搁棶璇€�佹満鍦洪棶璇�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鑱斿悎闂銆佽埅绌哄叕鍙搁棶璇€�佹満鍦洪棶璇�
           </p>
           <p>2.鍊欐満妤肩幇鍦洪棶璇㈡湇鍔$ぜ浠湁鍝簺锛燂紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.杩庢帴鏃呭绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.杩庢帴鏃呭绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.搴旂瓟鏃呭闂绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.搴旂瓟鏃呭闂绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.鍛婂埆鏃呭绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.鍛婂埆鏃呭绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.浠ヤ笂閮芥槸
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.浠ヤ笂閮芥槸
           </p>
           <p>
             3.鐩磋甯﹀伐浣滆姹傦細鎺掗槦瓒呰繃锛堛��銆�锛変汉鏃讹紝澧炲姞鏌滃彴锛涘洟闃熻秴杩囷紙銆�銆�锛変汉鏃讹紝澧炲姞鏌滃彴銆�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />A.4锝�5锛�6
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.4锝�5锛�6
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />B.6锝�8锛�8
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.6锝�8锛�8
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />C.8锝�10锛�9
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.8锝�10锛�9
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />D.8锝�10锛�10
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.8锝�10锛�10
           </p>
           <p>4.鍊欐満妤煎�兼満鏈嶅姟鐨勫熀鏈祦绋嬫湁锛堛��銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.杩庢帴鏃呭锛屾敹杩愩�佹墭杩愭梾瀹㈣鏉�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.杩庢帴鏃呭锛屾敹杩愩�佹墭杩愭梾瀹㈣鏉�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.鏌ユ鏃呭瀹㈢エ鍙婅瘉浠讹紝鍚屾梾瀹㈠憡鍒�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏌ユ鏃呭瀹㈢エ鍙婅瘉浠讹紝鍚屾梾瀹㈠憡鍒�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.涓烘梾瀹㈠畨鎺掑骇浣�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.涓烘梾瀹㈠畨鎺掑骇浣�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.杩庢帴鏃呭锛屾鏌ユ梾瀹㈠绁ㄥ強璇佷欢锛屼负鏃呭瀹夋帓搴т綅锛屾敹杩愭墭杩愭梾瀹㈣鏉�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.杩庢帴鏃呭锛屾鏌ユ梾瀹㈠绁ㄥ強璇佷欢锛屼负鏃呭瀹夋帓搴т綅锛屾敹杩愭墭杩愭梾瀹㈣鏉�
           </p>
           <p>5.閰掓按鏈嶅姟绀间华涓紝绾㈣憽钀勯厭搴斿�掓弧鏉瓙鐨勶紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />A.1/3
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />A.1/3
           </p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />B.2/3
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />B.2/3
           </p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />C.鍊掓弧
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />C.鍊掓弧
           </p>
           <p>6.鏈夋晥鐨勮韩浠借瘉浠跺寘鎷粈涔堬紵</p>
-          <textarea
-            v-model="questionData.projectOne.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>7.绠�杩板洖绛旀梾瀹㈤棶棰樼殑鎶�宸с��</p>
-          <textarea
-            v-model="questionData.projectOne.seven.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.seven.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>8.绠�杩拌吹瀹惧巺鏈嶅姟涓殑鈥滀笁杞绘湇鍔♀�濃�滃惊鐜紡涓嶉棿鏂湇鍔♀�濃�滈浂鍛煎敜绠$悊鈥濄��</p>
-          <textarea
-            v-model="questionData.projectOne.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>9.鐢垫寮曞绀间华搴旈伒寰摢浜涘師鍒欙紵</p>
-          <textarea
-            v-model="questionData.projectOne.nine.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.nine.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(1)" 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>
@@ -1266,11 +1219,28 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" 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>瑙嗛锛�4.2.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '808ca04bce334463e3e10b26edecec82'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鍦ㄥ�欐満妤兼湇鍔″疄涔犱腑锛屾潕涓界湅鍒颁竴浣嶆梾瀹㈠洜涓鸿鏉庢�绘槸鏃犳硶閫氳繃瀹夋鏈鸿�屼笉婊★紝鏉庝附鏃㈤渶瑕佸悜浠栧仛濂借В閲婂拰鏈嶅姟锛屾洿瑕佺‘淇濇皯鑸畨鍏紝纭繚鏈嶅姟绗﹀悎瑙勮寖銆傛潕涓藉簲璇ユ�庢牱鍋氭墠鑳借濂圭殑瀹夋鏈嶅姟鑾峰緱鏃呭鐨勮鍙憿锛熼�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e畨妫�鏈嶅姟鐨勮亴璐h姹傚強鏈嶅姟绀间华瑙勮寖锛屽舰鎴愬瀹夋鏈嶅姟鐨勫叏闈㈣鐭ュ苟鍙婃椂鏈夋晥鍦板畬鎴愭梾瀹㈠畨鍏ㄦ鏌ワ紝鎻愰珮鏈嶅姟鏃呭鐨勬晥鐜囷紝閬垮厤瀹夊叏闅愭偅鐨勫彂鐢燂紝涓烘梾瀹繚椹炬姢鑸��
@@ -1278,9 +1248,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏃呭寮犲コ澹姙鐞嗗畬鐧绘満鎵嬬画鍑嗗杩涜瀹夊叏妫�鏌ワ紝瀹夋鍛樿姹傚叾鑴辨帀澶ц。鍐嶈繃妫�锛岀敱浜庡紶濂冲+澶ц。閲岄潰鍙┛浜嗘棤琚栫殑T鎭わ紝渚胯涓嶆柟渚胯劚澶ц。銆傜湅鍒板紶濂冲+涓嶉厤鍚堝畨妫�鐨勮姹傦紝瀹夋鍛樺緢鐢熸皵锛屽氨杩炴帴杩囧紶濂冲+鐨勬墜鎻愯鏉庢椂涔熸病鑳芥帶鍒惰嚜宸辩殑涓嶆弧锛岄殢鎵嬪皢寮犲コ澹殑鎵嬫彁琛屾潕鎵斿埌浼犻�佸甫涓娿�傜湅鍒拌嚜宸辩殑琛屾潕琚墧鍒颁紶閫佸甫涓婏紝寮犲コ澹潪甯哥敓姘斿湴璇达細鈥滀负浠�涔堟墧鎴戠殑鍖咃紵鈥濆畨妫�鍛樿锛氣�滀綘涓嶉厤鍚堟垜浠殑宸ヤ綔锛屾垜涓轰粈涔堜笉鑳芥墧锛佲�濅袱浜哄彂鐢熶簡鍙h涔嬩簤鍜岃偄浣撳啿绐併��
@@ -1289,15 +1257,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>浣犺涓哄湪瀹夋鏈嶅姟涓簲鎬庢牱瑙勮寖鑷繁鐨勮█琛屼妇姝紵</p>
-              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1315,11 +1282,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">130</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1327,12 +1290,30 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c030">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">浜鸿韩瀹夊叏妫�鏌ョぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">浜鸿韩瀹夊叏妫�鏌ョぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾浜鸿韩瀹夊叏妫�鏌ユ湇鍔′汉鍛樼殑宀椾綅鑱岃矗鍙婅姹傘��</p>
           <p>2.鎺屾彙浜鸿韩瀹夊叏妫�鏌ユ湇鍔′汉鍛樼ぜ浠鑼冿紝骞跺湪瀹炶返涓啛缁冭繍鐢�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" 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>瑙嗛锛�4.2.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8086dfd8f1307041be4e7e4b15aee1b4'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d094">涓�銆佷汉韬畨鍏ㄦ鏌ユ湇鍔$殑姒傝堪</h4>
           <p>
             浜鸿韩瀹夊叏妫�鏌ヤ富瑕佹槸閫氳繃妫�鏌ユ梾瀹㈣韩涓婃槸鍚︽惡甯︽灙鏀�佹槗鐕冩槗鐖嗙墿鍝併�佽厫铓�鎬х墿鍝併�佹湁姣掔墿鍝佺瓑锛屼繚闅滆埅绌哄櫒鍙婃梾瀹㈢殑瀹夊叏銆備汉韬畨鍏ㄦ鏌ヤ笉瀛樺湪鍏嶆鎯呭喌锛屽繀椤诲湪鏃呭鐧绘満鍓嶈繘琛岋紝鍚﹀垯涓嶅厑璁哥櫥鏈猴紙瑙佸浘4-2-1锛夈��
@@ -1373,9 +1354,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -1385,16 +1365,35 @@
               <p>
                 1.涓婅堪妗堜緥涓弿杩扮殑鏄摢涓畨妫�宀椾綅瀹夋鍛樼殑宸ヤ綔鍦烘櫙锛熷綋鍊煎畨妫�鍛樻湁鍝簺绀间华缂哄け鐨勫湴鏂癸紵
               </p>
-              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.涓婅堪妗堜緥涓紝璐熻矗浜鸿韩妫�鏌ョ殑瀹夋鍛樻槸鍚﹀彲浠ュ湪涓�瀹氱▼搴︿笂瀵瑰洜鍓嶅簭宸ヤ綔瀵艰嚧涓嶆弧鎯呯华鐨勬梾瀹㈣繘琛屽畨鎶氬憿锛熷鏋滃彲浠ワ紝搴旇鎬庝箞鍋氬憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d096">涓夈�佷汉韬畨鍏ㄦ鏌ユ湇鍔$殑绀间华瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEleven" 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>瑙嗛锛�4.2.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo10 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'a77181ba5fdb0f851bb43cb61ec3fed2'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e112">锛堜竴锛変汉韬畨鍏ㄦ鏌ュ憳鎵у嫟绀间华瑙勮寖</h5>
           <p>
             锛�1锛夊畨妫�鍛樹笂鐝墠涓嶅悆鏈夊紓鍛崇殑椋熺墿锛屼笉鍠濋厭銆佹娊鐑燂紝涓嶅悆闆堕锛屼笂鐝华鎬佽绔簞銆�
@@ -1427,11 +1426,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">132</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1439,12 +1434,30 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c031">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">寮�绠卞寘妫�鏌ョぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">寮�绠卞寘妫�鏌ョぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾寮�绠卞寘妫�鏌ヤ汉鍛樼殑宀椾綅鑱岃矗鍙婃鏌ユ柟娉曘��</p>
           <p>2.鎺屾彙寮�绠卞寘妫�鏌ヤ汉鍛樼殑绀间华瑙勮寖锛屽苟鍦ㄥ疄闄呰缁冧腑鐔熺粌杩愮敤銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwelve" 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>瑙嗛锛�4.2.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo11 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c583ec4fcdef8acae289d050c6e7eb78'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-12')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d097">涓�銆佸紑绠卞寘妫�鏌ユ湇鍔℃杩�</h4>
           <p>
             寮�绠卞寘妫�鏌ユ槸鎸囧鐢╔灏勭嚎鏈烘鏌ユ椂锛屽浘鍍忔ā绯婁笉娓呯殑锛孹灏勭嚎鏈哄彂鐜扮被浼肩數姹犮�佺矇鐘剁墿銆佹恫浣撶姸銆佸绾跨瓑鍙枒鐗╁搧锛孹灏勭嚎鏈哄浘鍍忎腑鏄剧ず鏈夊鍣ㄧ殑鐗╁搧锛屾潵鍘嗕笉鏄庣殑鐗╁搧绛夎繘琛岀殑妫�鏌ャ��
@@ -1526,48 +1539,20 @@
             1.寮�绠卞寘妫�鏌ョ殑姝g‘姝ラ鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.妫�鏌ュ唴灞傘�佹鏌ョ鍖呭唴鐗╁搧
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.妫�鏌ュ唴灞傘�佹鏌ョ鍖呭唴鐗╁搧
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.瑙傚療澶栬銆佹鏌ョ鍖呭唴鐗╁搧
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.瑙傚療澶栬銆佹鏌ョ鍖呭唴鐗╁搧
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.瑙傚療澶栬銆佹鏌ュ唴灞傚拰澶瑰眰銆佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.瑙傚療澶栬銆佹鏌ュ唴灞傚拰澶瑰眰銆佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.瑙傚療澶栬銆佹鏌ュす灞傘�佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.瑙傚療澶栬銆佹鏌ュす灞傘�佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
           </p>
         </div>
       </div>
@@ -1578,11 +1563,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">134</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1591,118 +1572,65 @@
         <div class="bodystyle">
           <p>2.寮�绠卞寘妫�鏌ユ椂锛屼互涓嬪摢浜涗笉鏄彲鐤戠墿鍝侊紵锛堛��銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鐢垫睜
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鐢垫睜
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.绮夌姸鐗�
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.绮夌姸鐗�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鍥轰綋鐘剁墿
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍥轰綋鐘剁墿
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.瀵肩嚎
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.瀵肩嚎
           </p>
           <p>3.甯歌鐨勫紑绠卞寘妫�鏌ユ墜娉曟湁锛堛��銆�锛夛紙澶氶�夐锛�</p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.鍚�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.鍚�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鍡�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鍡�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鏁�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏁�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鎽�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鎽�
           </p>
           <p>4.绠�杩颁汉韬畨鍏ㄦ鏌ョ殑鍒嗙被銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.four.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>5.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樻墽鍕ょぜ浠鑼冦��</p>
-          <textarea
-            v-model="questionData.projectTwo.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>6.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樼殑浠浠〃绀间华瑙勮寖銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(2)" 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>
@@ -1726,11 +1654,28 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThirteen" 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>瑙嗛锛�4.3.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo12 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '027d59276957d481732b80db9aad6768'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-13')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勮亴涓氳鍒掓槸鎴愪负涓�鍚嶇┖涓箻鍔″憳锛屽湪鍊欐満妤肩殑鏈嶅姟涓ス浜嗚В浜嗙┖鍦拌仈鍔ㄧ殑閲嶈鎬э紝鐞嗚В浜嗗湴闈㈡湇鍔′笌绌轰腑鏈嶅姟鐨勫叧绯汇�傚鑸辨湇鍔℃槸鑸┖鏈嶅姟鐨勫叧閿疄鏂介樁娈碉紝瑕佹垚涓轰竴鍚嶅悎鏍肩殑绌轰腑涔樺姟鍛橈紝涓嶄粎闇�瑕佹帉鎻″鑸辨湇鍔$殑鎶�鑳斤紝鏇磋鐢ㄥ績閿ょ偧瀹㈣埍鏈嶅姟鑹烘湳銆傛潕涓借揩鍒囧湴闇�瑕佸皢鎵�瀛︾殑娌熼�氱ぜ浠�佺潃瑁呯ぜ浠�佽涓虹ぜ浠�佸Э鎬佺ぜ浠笌绌轰箻涓撲笟鎶�鑳芥湁鏁堣瀺鍚堝苟鍛堢幇鍦ㄥ鑸辨湇鍔′腑銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屽皢鍓嶆湡鎵�瀛︾殑绀间华鐭ヨ瘑鍜屾妧鑳借瀺浼氳疮閫氬湴杩愮敤鍒版ā鎷熷疄璁腑锛屾彁鍗囧瀹㈣埍鏈嶅姟绀间华鐨勫疄鎴樿兘鍔涳紝鍏绘垚鑹ソ鐨勫伐浣滅ぜ浠範鎯紝鎻愬崌瀹㈣埍鏈嶅姟绱犲吇銆�
@@ -1738,9 +1683,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勫濮愭潕闈欓�氳繃闈㈣瘯鎴愪簡鑸┖鍏徃鐨勫疄涔犱箻鍔″憳锛岀粡杩囧煿璁悗锛屽ス缁堜簬瑕佽蛋鍚戣嚜宸辩殑绗竴涓墽椋炶埅鐝簡銆傜敱浜庤埅鐝椂鍒昏緝鏃╋紝鏉庨潤鍙戠幇濂圭殑澶忓鍒舵湇瑁欐竻娲楀悗鏈共锛屼簬鏄┛涓婄瀛e埗鏈嶈锛屽苟鐢讳笂绮捐嚧鐨勫瀹癸紝杩樼壒鎰忔埓涓婁簡鐢熸棩鏃跺濡堥�佺殑杩愬姩鎵嬭〃銆傛病鎯冲埌鍙紑鍑嗗浼氭椂涔樺姟闀垮嵈瀵瑰ス鐨勭潃瑁呭拰閰嶉グ閮芥彁鍑轰簡鎵硅瘎銆傛潕闈欏緢闅捐繃锛屾槑鏄庡凡缁忓緢鐢ㄥ績鏁寸悊浜嗭紝涓轰粈涔堜箻鍔¢暱瑕佹壒璇勫ス鍛紵
@@ -1749,30 +1692,47 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>1.浣滀负鏉庨潤鐨勫濡癸紝闈㈠闅捐繃鐨勬潕闈欙紝鏉庝附鍙互璺熷ス璇翠簺浠�涔堬紵</p>
               <textarea v-model="questionData.askAbout.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍏充簬涔樺姟鍛樿埅鍓嶇殑浠浠〃瑙勮寖锛屾垜浠簡瑙e灏戝憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.鑸墠鍑嗗闃舵杩橀渶瑕佹帉鎻″摢浜涚ぜ浠鑼冨憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c032">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">鑸墠鍑嗗闃舵绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">鑸墠鍑嗗闃舵绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В涔樺姟鍛樼潃瑁呯ぜ浠鑼冦��</p>
           <p>2.浜嗚В鍑嗗浼氱ぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFourteen" 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>瑙嗛锛�4.3.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo13 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '0ca2f6d71dca30320627286ffbf5d60c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-14')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1782,11 +1742,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">136</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1794,6 +1750,63 @@
         </ul>
         <div class="bodystyle">
           <h4 id="d101">涓�銆佷箻鍔″憳鐫�瑁呯ぜ浠鑼�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFifteen" 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>瑙嗛锛�4.3.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo14 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '7923cd0317296eaea5fa8c513fe7dcca'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-15')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSixteen" 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>瑙嗛锛�4.3.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo15 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c1fa8a017a5538ff2e560b31d35232e1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-16')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeventeen" 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>瑙嗛锛�4.3.5</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo16 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ea653cf2afa7376a6a032053596d9773'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-17')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             涔樺姟鍛樿亴涓氳鑳藉鍑告樉浼佷笟鏂囧寲鍜岃亴涓氱壒鎬э紝瀹冧笉浠呮槸鑸┖鍏徃鍜屼箻鍔″憳鑷韩瀹$編鐨勪綋鐜帮紝涔熸槸婊¤冻琚湇鍔℃梾瀹㈢殑瀹$編銆佽埅绋嬮绾﹀拰鑹ソ涔樻満浣撻獙鐨勯渶瑕併�備箻鍔″憳鍦ㄧ┛鐫�鍒舵湇鏃讹紝鏇磋鐗瑰埆娉ㄦ剰鑷繁鐨勪华琛ㄥ舰璞★紝浣胯嚜宸辩殑瑷�琛屻�佷妇姝㈢鍚堝埗鏈嶅簲琛ㄧ幇鍑虹殑浼佷笟鏂囧寲鍜屽搧鐗屼环鍊笺��
           </p>
@@ -1847,6 +1860,25 @@
             鏈嶆椂锛屼篃搴旀寜瑕佹眰绌跨潃鍒舵湇锛岄櫎姝や箣澶栫殑鍏朵粬鏃堕棿銆佸満鍚堜笉鑳界┛鐫�鍒舵湇锛屾洿涓嶅厑璁稿皢鍒舵湇鍊熺粰浠栦汉浣跨敤銆�
           </p>
           <h4 id="d102">浜屻�佸噯澶囦細绀间华瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEighteen" 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>瑙嗛锛�4.3.6</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo17 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '53644acc8e99901f5794c047c6bb9c0c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-18')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鑸墠鍑嗗浼氭槸瀹㈣埍涔樺姟浜哄憳椋炶浠诲姟鍓嶇殑涓�娆℃�诲姩鍛橈紝鐢变箻鍔¢暱涓绘寔鍙紑銆傝埅鍓嶅噯澶囦細鐨勪富瑕佸唴瀹瑰寘鎷細鑷垜浠嬬粛銆佹鏌ユ湁鏁堣瘉浠跺拰浠浠〃銆佺‘璁よ埅鐝俊鎭�佸伐浣滆亴璐e垎閰嶃�佸噯澶囩┖闃查妗堝拰搴旀�ラ妗堛�傚噯澶囦細绀间华瑙勮寖鍖呮嫭瑙侀潰鐨勭ぜ浠鑼冦�佺墿鍝佹憜鏀剧殑绀间华瑙勮寖銆佸骇搴忕殑绀间华瑙勮寖銆佷細璁殑绀间华瑙勮寖銆備互涓嬪唴瀹瑰皢璇︾粏浠嬬粛鍑嗗浼氱ぜ浠鑼冦��
           </p>
@@ -1887,11 +1919,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">138</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1911,15 +1939,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鑸墠鍑嗗闃舵鐨勭ぜ浠腑铻嶅悎浜嗗墠闈㈣绋嬩腑鐨勫摢浜涢噸鐐圭煡璇嗭紵</p>
               <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -1943,9 +1970,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -1954,10 +1980,10 @@
               </p>
               <p>1.浣犺寰楀垬鎱у仛寰楀鍚楋紵</p>
               <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.瀵逛簬杩庡鐨勭ぜ浠鑼冿紝浣犵煡閬撳灏戯紵</p>
               <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1978,14 +2004,70 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c033">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">绌轰腑瀹炴柦闃舵绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绌轰腑瀹炴柦闃舵绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В杩庡绀间华瑙勮寖銆�</p>
           <p>2.鎺屾彙椁愰ギ鍙戞斁绀间华瑙勮寖銆�</p>
           <p>3.鎺屾彙鑸▼涓棶璇㈢ぜ浠鑼冦��</p>
           <p>4.浜嗚В瀹㈣埍瀹夊叏妫�鏌ョぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNineteen" 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>瑙嗛锛�4.3.7</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo18 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '9a3ca4974c773071810305bc71d0686c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-19')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwenty" 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>瑙嗛锛�4.3.8</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo19 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '992d774600338d541b8311e623488367'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-20')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwentyOne" 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>瑙嗛锛�4.3.9</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo20 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '6f51dba939e06ba2e93109dc99576899'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-21')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d103">涓�銆佽繋瀹㈢ぜ浠鑼�</h4>
           <p>
             鑹ソ銆佸緱浣撶殑绀间华杩愮敤锛屼細甯︾粰鏃呭涓撲笟銆佷翰鍒囥�佹俯棣ㄧ殑鍗拌薄锛屼负鍚庣画鎻愪緵鐨勫鑸辨湇鍔″瀹氳壇濂界殑鍩虹銆�
@@ -2000,15 +2082,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷鍛紵</p>
               <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e128">锛堜簩锛夎繋瀹㈢珯浣嶄笌绔欏Э鐨勮鑼�</h5>
@@ -2035,11 +2116,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">140</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2147,11 +2224,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">142</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2249,11 +2322,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">144</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2330,130 +2399,53 @@
           <p class="mb-10 mt-10 td-0"><span class="bj2">路椤圭洰妫�娴嬄�</span></p>
           <p>1.鍒舵湇缁熶竴瑙勮寖瑕佹眰涓紝鏈嶈鐨勶紙銆�銆�锛夊繀椤荤粺涓�銆�</p>
           <p>
-            <input
-              type="radio"
-              name="Qusone"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />A.澶у皬銆侀鑹层�佽叞甯�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.澶у皬銆侀鑹层�佽叞甯�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusone"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />B.閰嶉グ銆侀瀷瀛愩�侀鑹�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.閰嶉グ銆侀瀷瀛愩�侀鑹�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusone"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />C.瀛h妭銆佹寮忋�侀厤楗�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.瀛h妭銆佹寮忋�侀厤楗�
           </p>
           <p>2.鐫�鍒舵湇鏃讹紝宸ュ彿鐗岃浣╂埓鍦紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="radio"
-              name="Qustwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />A.鍙宠兏
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.鍙宠兏
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qustwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />B.鍙宠兏姝d笂鏂�
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.鍙宠兏姝d笂鏂�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qustwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />C.宸﹁兏姝d笂鏂�
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.宸﹁兏姝d笂鏂�
           </p>
           <p>3.鎵嬭〃鏄┖鍕や汉鍛樺繀澶囩殑閰嶉グ锛屽鎵嬭〃鐨勮姹傛槸蹇呴』鍏峰锛堛��銆�锛夈��</p>
           <p>
-            <input
-              type="radio"
-              name="Qusthree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />A.2閽�6鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.2閽�6鍒诲害
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusthree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />B.3閽�12鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.3閽�12鍒诲害
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusthree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />C.浠绘剰鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.浠绘剰鍒诲害
           </p>
           <p>
             4.鎴磋繎瑙嗙溂闀滅殑涔樺姟鍛樺湪鎵ц鑸彮浠诲姟鏃讹紝蹇呴』浣╂埓锛堛��銆�锛夛紝鍚屾椂涓洪槻姝㈢獊鍙戞儏鍐碉紝杩橀渶瑕佸涓�鍓紙銆�銆�锛夈��
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />A.闅愬舰鐪奸暅銆佹鏋剁溂闀�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />A.闅愬舰鐪奸暅銆佹鏋剁溂闀�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�
           </p>
         </div>
       </div>
@@ -2464,11 +2456,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">146</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2476,97 +2464,66 @@
         </ul>
         <div class="bodystyle">
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />C.妗嗘灦鐪奸暅銆佺編鐬�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />C.妗嗘灦鐪奸暅銆佺編鐬�
           </p>
           <p>
             5.鍙紑鑸墠鍑嗗浼氭椂搴旇娉ㄦ剰涔樺姟鍛樺埌鍦哄悗锛屽簲鍏堝皢绠卞寘锛堛��銆�锛夌劧鍚庡啀钀藉骇銆�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />A.闅忔剰瀹夋斁
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />A.闅忔剰瀹夋斁
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />B.鏀惧湪鑵胯竟
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />B.鏀惧湪鑵胯竟
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�
           </p>
           <p>6.鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷杩庡鍛紵</p>
-          <textarea
-            v-model="questionData.projectThree.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>7.璇峰啓涓�鍐欒繋瀹㈡椂鎴栧洖绛旀梾瀹㈢櫥鏈虹殑璇㈤棶鏃跺簲璇ヨ鍝簺璇█銆�</p>
-          <textarea
-            v-model="questionData.projectThree.seven.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.seven.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>8.璇峰啓涓�鍐欑鎵樼洏鏃跺簲娉ㄦ剰鍝簺绀间华瑙勮寖銆�</p>
-          <textarea
-            v-model="questionData.projectThree.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>
             9.濡傛灉浣犳槸鏈鑸彮鐨勫ご绛夎埍涔樺姟鍛橈紝闇�瑕佸悜鏃呭寮犳�诲仛鑷垜浠嬬粛锛岃鍐欏嚭鎮ㄧ殑鑷垜浠嬬粛鍐呭銆�
           </p>
-          <textarea
-            v-model="questionData.projectThree.nine.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.nine.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>10.璇峰啓涓�鍐欏湪瀹夊叏妫�鏌ヤ腑涔樺姟鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠鑼冿紵</p>
-          <textarea
-            v-model="questionData.projectThree.ten.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.ten.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(3)" 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>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2576,18 +2533,44 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterFour",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
+      videoPathTwelve: "",
+      videoPathThirteen: "",
+      videoPathFourteen: "",
+      videoPathFifteen: "",
+      videoPathSixteen: "",
+      videoPathSeventeen: "",
+      videoPathEighteen: "",
+      videoPathNineteen: "",
+      videoPathTwenty: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
@@ -2602,23 +2585,24 @@
           eight: "",
           nine: "",
           ten: "",
-          eleven:'',
-          twelve:'',
-          thirteen:'',
-          fourteen:'',
-          fifteen:'',
-          sixteen:'', 
-          seventeen:'',
-          eighteen:'',
-          nineteen:'',
-          twenty:'',
-          twentyOne:'',
-          twentyTwo:'',
-          twentyThree:'',
-          twentyFour:'',
-          twentyFive:'',
-          twentySix:'',
-          twentySeven:''
+          eleven: '',
+          twelve: '',
+          thirteen: '',
+          fourteen: '',
+          fifteen: '',
+          sixteen: '',
+          seventeen: '',
+          eighteen: '',
+          nineteen: '',
+          twenty: '',
+          twentyOne: '',
+          twentyTwo: '',
+          twentyThree: '',
+          twentyFour: '',
+          twentyFive: '',
+          twentySix: '',
+          twentySeven: '',
+          twentyEight: '',
         },
         projectOne: {
           one: {
@@ -2702,25 +2686,49 @@
           },
         },
       },
-      chapter004: {
-        videoMd5: [
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
-          },
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
-          },
-        ],
-      },
       chapterData: {
         isCollectVideo: false,
         isCollectVideo01: false,
+        isCollectVideo02: false,
+        isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+        isCollectVideo10: false,
+        isCollectVideo11: false,
+        isCollectVideo12: false,
+        isCollectVideo13: false,
+        isCollectVideo14: false,
+        isCollectVideo15: false,
+        isCollectVideo16: false,
+        isCollectVideo17: false,
+        isCollectVideo18: false,
+        isCollectVideo19: false,
+        isCollectVideo20: false,
+      },
+       // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡鍥涖��鍊欐満妤兼湇鍔$ぜ浠�",
+            questionNum: 134,
+          },
+          2: {
+            questionTitleMain: "妯″潡鍥涖��瀹夋鏈嶅姟绀间华",
+            questionNum: 140,
+          },
+          3: {
+            questionTitleMain: "妯″潡鍥涖��瀹㈣埍鏈嶅姟绀间华",
+            questionNum: 152,
+          },
+        },
       },
     };
   },
@@ -2739,12 +2747,6 @@
       this.chapterData = JSON.parse(choiceQuestion);
     }
 
-    const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter004"
-    );
-    if (videoData) {
-      this.chapter004 = JSON.parse(videoData);
-    }
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2753,17 +2755,68 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "e9002557d1ba0b28dbddf10c52612e3f"
       );
       this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
+        "da82b43c7571108d00a19ffcb5233a2e"
       );
-      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
-        const item = this.chapter004.videoMd5[index];
-        if (item.md5 && !item.md5.includes("https:")) {
-          item.handleMd5 = await getResourcePath(item.md5);
-        }
-      }
+      this.videoPathThree = await getResourcePath(
+        "36f02743b633758c2ecdee90af20fe34"
+      );
+      this.videoPathFour = await getResourcePath(
+        "810345cbf8f3d003d9ff7247a5247570"
+      );
+      this.videoPathFive = await getResourcePath(
+        "2336e67a853728fa6a1d2b7a4a2d9abf"
+      );
+      this.videoPathSix = await getResourcePath(
+        "f60bcf0daea848fdd87d931e0debffe7"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "51ee040702ff1402026c948b82f8df55"
+      );
+      this.videoPathEight = await getResourcePath(
+        "14ada4ec3e004795ecb3a9c2ad8ea386"
+      );
+      this.videoPathNine = await getResourcePath(
+        "808ca04bce334463e3e10b26edecec82"
+      );
+      this.videoPathTen = await getResourcePath(
+        "8086dfd8f1307041be4e7e4b15aee1b4"
+      );
+      this.videoPathEleven = await getResourcePath(
+        "a77181ba5fdb0f851bb43cb61ec3fed2"
+      );
+      this.videoPathTwelve = await getResourcePath(
+        "c583ec4fcdef8acae289d050c6e7eb78"
+      );
+      this.videoPathThirteen = await getResourcePath(
+        "027d59276957d481732b80db9aad6768"
+      );
+      this.videoPathFourteen = await getResourcePath(
+        "0ca2f6d71dca30320627286ffbf5d60c"
+      );
+      this.videoPathFifteen = await getResourcePath(
+        "7923cd0317296eaea5fa8c513fe7dcca"
+      );
+      this.videoPathSixteen = await getResourcePath(
+        "c1fa8a017a5538ff2e560b31d35232e1"
+      );
+      this.videoPathSeventeen = await getResourcePath(
+        "ea653cf2afa7376a6a032053596d9773"
+      );
+      this.videoPathEighteen = await getResourcePath(
+        "53644acc8e99901f5794c047c6bb9c0c"
+      );
+      this.videoPathNineteen = await getResourcePath(
+        "9a3ca4974c773071810305bc71d0686c"
+      );
+      this.videoPathTwenty = await getResourcePath(
+        "992d774600338d541b8311e623488367"
+      );
+      this.videoPathTwentyOne = await getResourcePath(
+        "6f51dba939e06ba2e93109dc99576899"
+      );
     },
 
     setBookQuestion() {
@@ -2779,12 +2832,7 @@
         JSON.stringify(this.chapterData)
       );
     },
-    handlechapter004() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter004",
-        JSON.stringify(this.chapter004)
-      );
-    },
+
 
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
@@ -2794,38 +2842,219 @@
     },
 
     handleCollect(e) {
-      if (e.md5) {
+      if (e == "video-01") {
         this.handleCollectResource(
-          e.md5,
-          e.md5,
+          "e9002557d1ba0b28dbddf10c52612e3f",
+          "e9002557d1ba0b28dbddf10c52612e3f",
           "",
           "瑙嗛",
           "bits",
-          "寰灏忚鍫傦細" + e.name
-        );
-        e.isCollectVideo = !e.isCollectVideo;
-      } else if (e == "video-01") {
-        this.handleCollectResource(
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "",
-          "瑙嗛",
-          "bits",
-          "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+          "瑙嗛锛�4.1.1"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
       } else if (e == "video-02") {
         this.handleCollectResource(
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "700cfdb8b85b372045b1e97e3356ae3a",
+          "da82b43c7571108d00a19ffcb5233a2e",
+          "da82b43c7571108d00a19ffcb5233a2e",
           "",
           "瑙嗛",
           "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
+          "瑙嗛锛�4.1.2"
         );
         this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "36f02743b633758c2ecdee90af20fe34",
+          "36f02743b633758c2ecdee90af20fe34",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.1.3"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
       }
-      this.handlechapter004();
+      else if (e == "video-04") {
+        this.handleCollectResource(
+          "810345cbf8f3d003d9ff7247a5247570",
+          "810345cbf8f3d003d9ff7247a5247570",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.1.4"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
+      }
+      else if (e == "video-05") {
+        this.handleCollectResource(
+          "2336e67a853728fa6a1d2b7a4a2d9abf",
+          "2336e67a853728fa6a1d2b7a4a2d9abf",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.1.5"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "f60bcf0daea848fdd87d931e0debffe7",
+          "f60bcf0daea848fdd87d931e0debffe7",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.1.6"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "51ee040702ff1402026c948b82f8df55",
+          "51ee040702ff1402026c948b82f8df55",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.1.7"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "14ada4ec3e004795ecb3a9c2ad8ea386",
+          "14ada4ec3e004795ecb3a9c2ad8ea386",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.1.8"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "808ca04bce334463e3e10b26edecec82",
+          "808ca04bce334463e3e10b26edecec82",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.2.1"
+        );
+        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "8086dfd8f1307041be4e7e4b15aee1b4",
+          "8086dfd8f1307041be4e7e4b15aee1b4",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.2.2"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
+      } else if (e == "video-11") {
+        this.handleCollectResource(
+          "a77181ba5fdb0f851bb43cb61ec3fed2",
+          "a77181ba5fdb0f851bb43cb61ec3fed2",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.2.3"
+        );
+        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
+      } else if (e == "video-12") {
+        this.handleCollectResource(
+          "c583ec4fcdef8acae289d050c6e7eb78",
+          "c583ec4fcdef8acae289d050c6e7eb78",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.2.4"
+        );
+        this.chapterData.isCollectVideo11 = !this.chapterData.isCollectVideo11;
+      } else if (e == "video-13") {
+        this.handleCollectResource(
+          "027d59276957d481732b80db9aad6768",
+          "027d59276957d481732b80db9aad6768",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.1"
+        );
+        this.chapterData.isCollectVideo12 = !this.chapterData.isCollectVideo12;
+      } else if (e == "video-14") {
+        this.handleCollectResource(
+          "0ca2f6d71dca30320627286ffbf5d60c",
+          "0ca2f6d71dca30320627286ffbf5d60c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.2"
+        );
+        this.chapterData.isCollectVideo13 = !this.chapterData.isCollectVideo13;
+      } else if (e == "video-15") {
+        this.handleCollectResource(
+          "7923cd0317296eaea5fa8c513fe7dcca",
+          "7923cd0317296eaea5fa8c513fe7dcca",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.3"
+        );
+        this.chapterData.isCollectVideo14 = !this.chapterData.isCollectVideo14;
+      } else if (e == "video-16") {
+        this.handleCollectResource(
+          "c1fa8a017a5538ff2e560b31d35232e1",
+          "c1fa8a017a5538ff2e560b31d35232e1",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.4"
+        );
+        this.chapterData.isCollectVideo15 = !this.chapterData.isCollectVideo15;
+      } else if (e == "video-17") {
+        this.handleCollectResource(
+          "ea653cf2afa7376a6a032053596d9773",
+          "ea653cf2afa7376a6a032053596d9773",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.5"
+        );
+        this.chapterData.isCollectVideo16 = !this.chapterData.isCollectVideo16;
+      } else if (e == "video-18") {
+        this.handleCollectResource(
+          "53644acc8e99901f5794c047c6bb9c0c",
+          "53644acc8e99901f5794c047c6bb9c0c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.6"
+        );
+        this.chapterData.isCollectVideo17 = !this.chapterData.isCollectVideo17;
+      } else if (e == "video-19") {
+        this.handleCollectResource(
+          "9a3ca4974c773071810305bc71d0686c",
+          "9a3ca4974c773071810305bc71d0686c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.7"
+        );
+        this.chapterData.isCollectVideo18 = !this.chapterData.isCollectVideo18;
+      } else if (e == "video-20") {
+        this.handleCollectResource(
+          "992d774600338d541b8311e623488367",
+          "992d774600338d541b8311e623488367",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.8"
+        );
+        this.chapterData.isCollectVideo19 = !this.chapterData.isCollectVideo19;
+      } else if (e == "video-21") {
+        this.handleCollectResource(
+          "6f51dba939e06ba2e93109dc99576899",
+          "6f51dba939e06ba2e93109dc99576899",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�4.3.9"
+        );
+        this.chapterData.isCollectVideo20 = !this.chapterData.isCollectVideo20;
+      }
       this.handleChapterData();
     },
     //璧勬簮鏀惰棌浜嬩欢
@@ -2859,6 +3088,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index 6c19b1f..de4a5c8 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -17,6 +17,44 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>瑙嗛锛�5.1.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '49cdf2e707f9f69b91167c285890c6f8'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�5.1.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'd4b25959b1c7f85b2762be516aefe078'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -42,13 +80,13 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.浣犵湅杩囩殑鎯呮櫙鍓ф湁鍝簺锛熻瘯鐫�涓惧嚑涓緥瀛愩��</p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楀簲濡備綍婕旂粠绀间华鎯呮櫙鍓э紵璇ラ�夋嫨浠�涔堟牱鐨勬儏鏅墽鏉ヨ缁冨憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c034">
@@ -57,6 +95,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鎯呮櫙鍓х殑閲婁箟鍜屼綔鐢ㄣ��</p>
           <p>2.浜嗚В绀间华鎯呮櫙鍓х殑鐗圭偣鍜屽垱浣滄�濊矾銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�5.1.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '78a2562f8f80c90e54d299d38abb2d1d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -141,6 +198,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鎯呮櫙鍓х殑鑸炲彴鈥滃叆鐢烩�濄��</p>
           <p>2.鎺屾彙绀间华鎯呮櫙鍓х殑缂栧垱鏂瑰紡銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�5.1.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '460dbcdc0c34cbac9ca90c343dbf89b9'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d109">涓�銆佺ぜ浠儏鏅墽鐨勨�滃叆鐢烩��</h4>
           <p>
             绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯涓�鑸垎涓哄叚涓尯锛屽嵆1鈥斾腑鍓嶅尯銆�2鈥斾腑鍚庡尯銆�3鈥斿彸鍓嶅尯銆�4鈥斿乏鍓嶅尯銆�5鈥斿彸鍚庡尯銆�6鈥斿乏鍚庡尯锛屽叾涓�
@@ -272,8 +348,8 @@
               <p class="block">
                 鏍规嵁浣犲绀间华瑙勮寖鐨勪簡瑙o紝鍙惁瀵瑰叾涓殑鏁呬簨杩涜鎯呮櫙鍓х粨鏋勫垱閫狅紵浣犱細鎬庝箞璁捐鎯呮櫙鍓х殑缁撴瀯鍛紵
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -329,157 +405,46 @@
           <p>
             1.绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯鍒嗕负锛堛��銆�锛変釜鍖恒�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.4</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.5</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.6</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />D.7</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.4</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.5</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.6</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.7</p>
           <p>
             2.缇庡浗濂借幈鍧炴湁涓�濂楃紪鍓ц寰嬶紝鍗冲紑绔�佽缃煕鐩俱�佽В鍐崇煕鐩俱�佸啀璁剧疆鐭涚浘锛岀洿鑷崇粨灞�銆備腑鍥戒篃鏈夎嚜宸辩殑缂栧墽瑙勫緥锛屽嵆锛堛��銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.娴撴贰鐩稿疁</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.楂樹綆閿欒惤</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.鎶戞壃椤挎尗</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.璧锋壙杞悎</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.娴撴贰鐩稿疁</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.楂樹綆閿欒惤</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.鎶戞壃椤挎尗</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.璧锋壙杞悎</p>
           <p>
-            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value1"
-                  @change="setBookQuestion"
-                />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value2"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value3"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value4"
-                  @change="setBookQuestion"
-                />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
+            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value1" @change="setBookQuestion" />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value2"
+              @change="setBookQuestion" />銆�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value3" @change="setBookQuestion" />銆�<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value4"
+              @change="setBookQuestion" />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
           </p>
           <p>4.鎯呮櫙鍓х殑涓夊ぇ鍏冪礌鏄紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.涓昏</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.鏁呬簨</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.鍦烘櫙</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.鏃堕棿</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.涓昏</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏁呬簨</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.鍦烘櫙</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.鏃堕棿</p>
           <p>5.璇风畝杩板垱浣滅ぜ浠儏鏅墽鐨勫熀鏈師鍒欍��</p>
-          <textarea
-            v-model="questionData.projectOne.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -500,6 +465,44 @@
           <div class="tp-3">
             <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�5.2.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f8ca26a51e475fb9921db5c4bdf5d1be'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�5.2.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8afe53c2f626fc193a3bfb160c33f99c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
             </p>
           </div>
           <div class="bk">
@@ -548,8 +551,8 @@
               <p>
                 浣犺兘鍚︽牴鎹嚜宸辩殑瑙傚療杩涜绀间华鎶�鑳借〃杩板拰灞曠ず锛熻兘鍚﹂拡瀵硅嚜韬笓涓氭垨宀椾綅闇�姹傝繘琛岀ぜ浠鑼冭В璇伙紵
               </p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c036">
@@ -558,6 +561,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.璁よ瘑绀间华琛ㄦ紨銆�</p>
           <p>2.鎺屾彙绀间华琛ㄦ紨鐨勮姹備笌鍘熷垯銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�5.2.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '964332e9334f71db8d9174fa1a4911b1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
           <p>
             鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇
@@ -594,8 +616,8 @@
               <p>
                 琛ㄦ紨鑹烘湳鐨勫垱浣滀换鍔¤姹傛紨鍛樺垱浣滃嚭鏉ョ殑浜虹墿褰㈣薄鍏锋湁瀹$編鐨勪环鍊硷紝杈惧埌鐪熴�佸杽銆佺編鐨勫拰璋愮粺涓�锛岃繖涔熸槸鍒涗綔鑰呭拰瑙傝祻鑰呭叡鍚岃拷姹傜殑鏍囧噯銆備綘璁や负绀间华琛ㄦ紨涓殑缇庢潵鑷綍澶勫憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -746,11 +768,11 @@
               <p>
                 1.姘戣埅绀间华鎶�鑳藉睍绀虹殑浜虹墿澶栭儴褰㈣薄搴旇鏄粈涔堟牱瀛愮殑锛熷寘鎷湇瑁呫�佸彂鍨嬬瓑澶栭儴鐗瑰緛鐨勬瀯寤恒��
               </p>
-              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.姘戣埅绀间华鎶�鑳藉睍绀虹殑琛屽姩浠诲姟鍜岀湡姝g洰鐨勬槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d114">浜屻�佹皯鑸ぜ浠妧鑳藉睍绀虹殑鍐呭璁捐</h4>
@@ -790,6 +812,44 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鎺屾彙姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶銆�</p>
           <p>2.浜嗚В姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾涓庢敞鎰忎簨椤广��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" 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>瑙嗛锛�5.2.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '344eb0db9295fbfd83736cf3431a134a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" 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>瑙嗛锛�5.2.5</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c8ce4540a2e9e2122ebb6cd64c6c0c4c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d115">涓�銆佹皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶</h4>
           <h5 id="e156">锛堜竴锛夌啛璇绘儏鏅墽鍓ф湰</h5>
           <p>
@@ -877,11 +937,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.浜轰负浠�涔堜竴瀹氳璁叉枃鏄庣ぜ浠紵搴旇鎬庢牱鍋氾紵</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣滀负姘戣埅涓撲笟浜哄憳鐨勬垜浠紝搴旇鎬庢牱鎻愬崌绀间华绱犲吇锛�</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -951,42 +1011,14 @@
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.姘戣埅绀间华鎶�鑳藉睍绀轰富瑕佹槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.瑙掕壊</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.鎶�鑳�</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.鍓ф儏</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.琛ㄦ紨</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.瑙掕壊</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鎶�鑳�</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鍓ф儏</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.琛ㄦ紨</p>
         </div>
       </div>
     </div>
@@ -1003,167 +1035,94 @@
         </ul>
         <div class="bodystyle">
           <p>2.姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鎯呰妭璁捐</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.鍙拌瘝璁捐</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鎯呮櫙閲嶇幇</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.鑸炲彴琛ㄧ幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鎯呰妭璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍙拌瘝璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鎯呮櫙閲嶇幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鑸炲彴琛ㄧ幇</p>
           <p>
             3.鎯呮櫙鍓ф晠浜嬫垨浜虹墿鍐茬獊涓昏鏄寚锛堛��銆�锛夊啿绐併�傚寘鎷汉鐗╁湪鎰忓康銆佹�ф牸銆佷俊浠般�佺簿绁炲拰浠峰�肩瓑涓婄殑宸紓銆傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.绀句細鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鎯呯华鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鎬濇兂鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鏍煎眬鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.绀句細鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎯呯华鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鎬濇兂鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鏍煎眬鎬�</p>
           <p>
             4.绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗭紙銆�銆�锛夊睍绀哄嚭鏉ャ�傦紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.椋庤矊</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.椋庡皻</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.绱犲吇</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />D.鐗硅壊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.椋庤矊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.椋庡皻</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.绱犲吇</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鐗硅壊</p>
           <p>
             5.涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟銆傦紙銆�銆�锛夛紙鍒ゆ柇棰橈級
           </p>
-          <p><input
-              type="radio"
-              name="qtDataFive"
-              :disabled="questionData.isComplete"
-              value="瀵�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />瀵�</p>
-          <p><input
-              type="radio"
-              name="qtDataFive"
-              :disabled="questionData.isComplete"
-              value="閿�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />閿�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="瀵�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />瀵�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="閿�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />閿�</p>
           <p>
-            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value1" @change="setBookQuestion"/>
-            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value2" @change="setBookQuestion"/>绀间华銆佸紩棰嗙ぜ浠��
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value3" @change="setBookQuestion"/>绀间华銆佸骇娆$ぜ浠��
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value4" @change="setBookQuestion"/>绀间华绛夈��
+            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value1" @change="setBookQuestion" />
+            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value2" @change="setBookQuestion" />绀间华銆佸紩棰嗙ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value3" @change="setBookQuestion" />绀间华銆佸骇娆$ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value4" @change="setBookQuestion" />绀间华绛夈��
           </p>
           <p>
-            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion"/>銆�
-            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion"/>銆�
-            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion"/>銆�
-            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion"/>鈥濅负涓婚锛�
-            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion"/>鈥�
-            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion"/>鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
+            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion" />銆�
+            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion" />銆�
+            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion" />銆�
+            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion" />鈥濅负涓婚锛�
+            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion" />鈥�
+            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion" />鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
           </p>
           <p>8.璇风畝杩版皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔娉ㄦ剰浜嬮」銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
-
+          <textarea v-model="questionData.projectTwo.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(1)" 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>
@@ -1173,6 +1132,10 @@
         <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -1182,93 +1145,135 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterFive",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
+      videoPathNine: "",
+      videoPathTen: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
-          six:'',
-          seven:'',
-          eight:'',
-          nine:'',
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
+          three: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           }
-          
+
         },
-        projectTwo:{
-          one:{
-            value:''
+        projectTwo: {
+          one: {
+            value: ''
           },
-          two:{
-            value:''
+          two: {
+            value: ''
           },
-          three:{
-            value:''
+          three: {
+            value: ''
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:''
+          five: {
+            value: ''
           },
-          six:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
+          six: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          seven:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
-            value5:"",
-            value6:"",
-            value7:"",
-            value8:"",
-            value9:"",
+          seven: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
+            value5: "",
+            value6: "",
+            value7: "",
+            value8: "",
+            value9: "",
           },
-          eight:{
-            value:''
+          eight: {
+            value: ''
           }
         },
       },
       chapterData: {
         isCollectVideo: false,
+        isCollectVideo01: false,
+        isCollectVideo02: false,
+        isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+        isCollectVideo10: false,
+      },
+      // 璇锋眰棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "鎷撳睍妯″潡銆�绀间华娲诲姩绛栧垝",
+            questionNum: 169,
+          },
+        },
       },
     };
   },
@@ -1296,6 +1301,33 @@
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
         "d3ac730a06dcc8381de684ace3263a63"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "49cdf2e707f9f69b91167c285890c6f8"
+      );
+      this.videoPathThree = await getResourcePath(
+        "d4b25959b1c7f85b2762be516aefe078"
+      );
+      this.videoPathFour = await getResourcePath(
+        "78a2562f8f80c90e54d299d38abb2d1d"
+      );
+      this.videoPathFive = await getResourcePath(
+        "460dbcdc0c34cbac9ca90c343dbf89b9"
+      );
+      this.videoPathSix = await getResourcePath(
+        "f8ca26a51e475fb9921db5c4bdf5d1be"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "8afe53c2f626fc193a3bfb160c33f99c"
+      );
+      this.videoPathEight = await getResourcePath(
+        "964332e9334f71db8d9174fa1a4911b1"
+      );
+      this.videoPathNine = await getResourcePath(
+        "344eb0db9295fbfd83736cf3431a134a"
+      );
+      this.videoPathTen = await getResourcePath(
+        "c8ce4540a2e9e2122ebb6cd64c6c0c4c"
       );
     },
 
@@ -1330,6 +1362,96 @@
           "瑙嗛锛氱ぜ浠椂瑁呯"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "49cdf2e707f9f69b91167c285890c6f8",
+          "49cdf2e707f9f69b91167c285890c6f8",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.1.1"
+        );
+        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "d4b25959b1c7f85b2762be516aefe078",
+          "d4b25959b1c7f85b2762be516aefe078",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.1.2"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.1.3"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.1.4"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.2.1"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.2.2"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "964332e9334f71db8d9174fa1a4911b1",
+          "964332e9334f71db8d9174fa1a4911b1",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.2.3"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "344eb0db9295fbfd83736cf3431a134a",
+          "344eb0db9295fbfd83736cf3431a134a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.2.4"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�5.2.5"
+        );
+        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
       }
       this.handleChapterData();
     },
@@ -1364,6 +1486,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 5bef93c..9342a4d 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -44,8 +44,8 @@
               <p>
                 鏉庝附鍐冲畾閫氳繃鏈嶈鎼厤浠ュ強鏇村鍦颁簡瑙h埅鍙哥殑褰㈣薄鏂囧寲鏉ヤ负鑷繁鐨勯潰璇曞姞鍒嗐�傞偅涔堬紝鏉庝附璇ユ�庢牱鍘讳簡瑙h埅鍙告湇瑁呮枃鍖栵紵濡備綍寰椾綋鍦版惌閰嶅拰淇グ鑷繁鍛紵
               </p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -70,6 +70,25 @@
           <p>1.浜嗚В姘戣埅鍒舵湇鐨勫彂灞曞強浣滅敤銆�</p>
           <p>2.浜嗚В姘戣埅鏈嶅姟涓嶅悓宀椾綅鍒舵湇鐨勫熀鏈壒鐐广��</p>
           <p>3.浜嗚В姘戣埅涔樺姟鍛樼殑鐫�瑁呰姹傘��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�2.1.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '5a13c9aa455c8fae34faa1ae9f021d30'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戣埅鍒舵湇鏄亴涓氬舰璞$殑鍩烘湰瑕佺礌涔嬩竴銆傜粺涓�鐨勫埗鏈嶄笉浠呰兘灞曠幇鑸┖鍏徃鐨勯鏍硷紝涔熻兘浣挎梾瀹㈠涔樺姟浜哄憳浜х敓淇¤禆鎰熷拰瀹夊叏鎰熴�傝埅绌哄叕鍙哥殑鍒舵湇椋庢牸寰�寰�鐩存帴浣撶幇浜嗕竴瀹朵紒涓氱殑鏂囧寲涓庢湇鍔℃按鍑嗐��
           </p>
@@ -129,8 +148,8 @@
             2008骞达紝鐧戒簯鏈哄満鎴愮珛浜嗚埅绌虹墿娴佸垎鍏徃锛屽畨妫�鐨勮揣妫�涓氬姟鏉垮潡琚垝褰掔墿娴併�備负鍖哄垎璐ф涓庢梾妫�锛岀櫧浜戞満鍦哄畨妫�绔欏張瀵瑰埗鏈嶅仛浜嗕竴娆″井璋冿紝璁捐鍑衡�滅櫧浜戝畨妫�鈥濆瓧鏍风殑鑳稿窘锛屽苟缂濆埗鍦ㄥ埗鏈嶇殑鍙冲墠鑳搞�傝嚦姝わ紝鈥滅櫧浜戝畨妫�鈥濊繖涓韩瑾夊叏鍥芥皯鑸殑瀹夊叏鍝佺墝宸茬粡娓呮櫚娴嚭鈥滄按闈⑩�濄��
           </p>
           <h5 id="e031">锛堜簩锛変腑鍥芥皯鑸吹瀹惧巺鍒舵湇鍙戝睍</h5>
-          <p>
-            浼撮殢鐫�姘戣埅涓氱殑楂橀�熷彂灞曪紝鏃呭鍚炲悙閲忕殑澶у箙澧炲姞锛岃秺鏉ヨ秺澶氱殑姘戣埅鏃呭寮�濮嬫帴瑙﹀拰浣撻獙鍒版満鍦虹殑璐靛鏈嶅姟銆傛満鍦鸿吹瀹炬湇鍔℃寚鏈哄満鎴栧叾浠栨湇鍔℃満鏋勪负涔樺鎻愪緵鐨勬満鍦虹壒娈婃湇鍔★紝鍖呮嫭璐靛浼戞伅鍘呫�佺娓櫔鍚屻�佽吹瀹句腑蹇冨仠杞﹀満娉婅溅绛夈�傝吹瀹炬湇鍔″凡缁忔垚涓烘満鍦洪潰鍚戞梾瀹㈡湇鍔$殑閲嶈绐楀彛銆備负鎻愬崌鏈嶅姟璐ㄩ噺锛屽繀椤绘妸鏈嶅姟鍐呭鍋氬埌绮剧粏锛屽皢鏈嶅姟鍝佽川鍋氬埌绮剧粏锛涙彁鍗囩鐞嗘按骞筹紝瀵瑰伐浣滄祦绋嬫姄鍒扮簿缁嗭紝鎶婂矖浣嶈亴璐e垝鍒嗙簿缁嗭紝骞朵笖瀵瑰憳宸ョ殑褰㈣薄杩涜涓ユ牸鎶婃帶锛屼粠鑰屾彁楂樻皯鑸満鍦虹殑鏁翠綋绔炰簤鍔涳紝涓烘梾瀹㈠嚭琛屾彁渚涙洿鍔犲畬鍠勬弧鎰忕殑鏈�
+          <p class="t-al">
+            浼撮殢鐫�姘戣埅涓氱殑楂橀�熷彂灞曪紝鏃呭鍚炲悙閲忕殑澶у箙澧炲姞锛岃秺鏉ヨ秺澶氱殑姘戣埅鏃呭寮�濮嬫帴瑙﹀拰浣撻獙鍒版満鍦虹殑璐靛鏈嶅姟銆傛満鍦鸿吹瀹炬湇鍔℃寚鏈哄満鎴栧叾浠栨湇鍔℃満鏋勪负涔樺鎻愪緵鐨勬満鍦虹壒娈婃湇鍔★紝鍖呮嫭璐靛浼戞伅鍘呫�佺娓櫔鍚屻�佽吹瀹句腑蹇冨仠杞﹀満娉婅溅绛夈�傝吹瀹炬湇鍔″凡缁忔垚涓烘満鍦洪潰鍚戞梾瀹㈡湇鍔$殑閲嶈绐楀彛銆備负鎻愬崌鏈嶅姟璐ㄩ噺锛屽繀椤绘妸鏈嶅姟鍐呭鍋氬埌绮剧粏锛屽皢鏈嶅姟鍝佽川鍋氬埌绮剧粏锛涙彁鍗囩鐞嗘按骞筹紝瀵瑰伐浣滄祦绋嬫姄鍒扮簿缁嗭紝鎶婂矖浣嶈亴璐e垝鍒嗙簿缁嗭紝骞朵笖瀵瑰憳宸ョ殑褰㈣薄杩涜涓ユ牸鎶婃帶锛屼粠鑰屾彁楂樻皯鑸満鍦虹殑鏁翠綋绔炰簤鍔涳紝涓烘梾瀹㈠嚭琛屾彁渚涙洿鍔犲畬鍠勬弧鎰忕殑鏈�&shy;
           </p>
         </div>
       </div>
@@ -254,7 +273,7 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
+          <p class="td-0 t-al">
             姝e紡鎴愮珛銆備笢鑸粡鍘嗕簡浜斾唬鍒舵湇鐨勫彉杩侊紝闅忕潃鍥介檯鑸彮鐨勪笉鏂紑杈燂紝鍒舵湇鐨勫彉鍖栨繁鍙椻�滀笢浜氶鈥濆厓绱犵殑褰卞搷銆�21涓栫邯锛屼笢鑸紑濮嬩簡瀵逛釜鎬у寲涓庡搧浣嶇殑杩芥眰锛屼笢鑸殑浼佷笟鏍稿績浠峰�艰鍗冲鎴疯嚦灏婏紝绮剧粏鑷磋繙銆傛敼闈╁紑鏀�40澶氬勾鏉ワ紝涓�濂楀鍒舵湇璁板綍鐫�涓�涓釜鍘嗗彶鐢婚潰銆傚埗鏈嶇殑鍙樺寲瑙佽瘉浜嗕笢鑸�40澶氬勾鐨勫彉杩佽繃绋嬶紝璁╂垜浠湅鍒颁簡鍥介檯鍖栦笢鑸殑澶氬厓鍙戝睍銆�
           </p>
           <div class="img-rights w220 openImgBox ">
@@ -269,7 +288,7 @@
             </p>
           </span>
           <p>锛�3锛変腑鍥藉崡鏂硅埅绌鸿偂浠芥湁闄愬叕鍙革紙浠ヤ笅绠�绉板崡鑸級鍒舵湇銆�</p>
-          <p>
+          <p class="t-al">
             绉夋壙鈥滃鎴疯嚦涓娾�濈殑鎵胯锛屽崡鑸�氳繃鎻愪緵鈥滃彲闈犮�佸噯鐐广�佷究鎹封�濈殑浼樿川鏈嶅姟锛岃嚧鍔涗簬婊¤冻骞惰秴瓒婂鎴风殑鏈熸湜銆傛敼闈╁紑鏀�40澶氬勾鏉ワ紝绌轰箻鍒舵湇涓�鐩村湪鍙橈紝鑰屽崡鑸汉鐨勫垵蹇冧粠鏈敼鍙樸�備粠浠呬粎鎻愪緵鎶ョ焊銆佽尪姘寸殑鍗曚竴鏈嶅姟鍒板浠婄┖涓湇鍔$殑鍝佺墝鍖栥�佹爣鍑嗗寲銆佷綋绯诲寲锛涗粠鏁负澶╀笅鍏堬紝涓诲姩鍙備笌鍥介檯绔炰簤鍒板悜鐫�瑙勮寖鍖栥�佷竴浣撳寲銆佹櫤鑳藉寲銆佸浗闄呭寲涓嶆柇鍙�
           </p>
           <div class="img-rights w220 openImgBox ">
@@ -325,7 +344,7 @@
             </p>
           </span>
           <p>锛�3锛夋捣鍗楄埅绌哄叕鍙革紙浠ヤ笅绠�绉版捣鑸級鍒舵湇銆�</p>
-          <p>
+          <p class="t-al">
             娴疯埅鎴愮珛浜�1993骞�1鏈堬紝1993骞�5鏈堝紑濮嬭繍钀ャ�傛捣鑸互浼樿川鐨勪骇鍝佸強鏈嶅姟杩炵画鏁板勾鑾峰緱鈥淪KYTRAX浜旀槦鑸┖鍏徃鈥濊崳瑾夈�傛捣鑸箻鍔″憳鍒舵湇缁忓巻浜嗕簲娆℃洿鏂版崲浠o紝绗簲浠e埗鏈�
           </p>
         </div>
@@ -373,7 +392,7 @@
           </p>
           <h4 id="d038">涓夈�佹皯鑸箻鍔″憳鐨勭潃瑁呰姹�</h4>
           <h5 id="e038">锛堜竴锛夊悎韬緱浣�</h5>
-          <p>
+          <p class="t-al">
             鍒舵湇鐨勫昂瀵稿繀椤荤鍚堟皯鑸汉鍛樼殑韬潗鐗圭偣銆傚埗鏈嶇┛鐫�蹇屼贡锛屽繀椤诲悎浣撱�傝绌垛�滃洓闀库�濓紝鍗宠鑷虫墜鑵曪紝琛h嚦铏庡彛锛岃¥鑷宠剼闈紝瑁欒嚦鑶濈洊銆傝绌垛�滃洓鍥粹�濓紝鍗抽鍥翠互鎻掑叆涓�
           </p>
         </div>
@@ -409,7 +428,7 @@
           <p>
             姘戣埅鍛樺伐濂虫�х潃濂楄鏃讹紝搴旀牴鎹韩鏉愪綋褰㈢殑涓嶅悓锛岄�夋嫨涓嶅悓绫诲瀷鐨勫瑁欍��
           </p>
-          <p><b>濂楄娆惧紡</b></p>
+          <p class="center"><b>濂楄娆惧紡</b></p>
           <p>
             鈥淗鈥濆瀷锛氫笂琛h緝涓哄鏉撅紝瑁欏瓙涓虹瓛寮忥紝杩欑娆惧紡鏄惧緱浼橀泤銆佸惈钃勶紝鍙互涓鸿韩鏉愯偉鑳栬�呴伩鐭��
           </p>
@@ -423,7 +442,7 @@
           <p>
             姘戣埅鐢锋�у憳宸ュ湪绀句氦鎴栧晢鍔″満鍚堝簲閫夋嫨瑗挎湇娆惧紡锛堣鏍规嵁鑷繁鐨勮韩褰㈠畾鍒讹級锛屽洜瑗挎湇绉嶇被鍋忓锛屽彲鏍规嵁鍦哄悎鍜屼綋褰㈤�夋嫨閫傚悎鑷繁鐨勬寮忋��
           </p>
-          <p><b>瑗胯鐨勬寮�</b></p>
+          <p class="center"><b>瑗胯鐨勬寮�</b></p>
           <p>瑗胯娆惧紡鍙垎涓烘寮忋�佽嫳寮忋�佺編寮忓拰鏃ュ紡鍥涘ぇ娆惧紡銆�</p>
           <p>娆у紡锛氶鍨嬬嫮闀匡紝鑳搁儴鏀剁揣绐佸嚭锛岃鎷笌鍨偐杈冮珮锛岄�犲瀷楂橀泤銆�</p>
           <p>鑻卞紡锛氫笌娆у紡鐩镐豢锛屼絾鍨偐杈冭杽锛屽悗鑳屽紑琛┿��</p>
@@ -449,6 +468,25 @@
         </ul>
         <div class="bodystyle">
           <h4 id="d039">鍥涖�佹皯鑸埗鏈嶇殑鍩烘湰瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�2.1.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'a1d05c3a38a322dc67861f9f3d35fb09'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e042">锛堜竴锛夎鏈嶅瑁�</h5>
           <p>瑁欐湇濂楄涓�鑸垎涓烘槬绉嬭鍜屽瑁呫��</p>
           <p>
@@ -526,11 +564,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.濯涘獩涓轰粈涔堜細灏村艾鍛紵</p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣犵煡閬撶殑姘戣埅鍒舵湇瑙勮寖鏈夊摢浜涘憿锛�</p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -630,9 +668,10 @@
             鐗х缁擄細涓濆肪瀵规姌鍛堝�掍笁瑙掑舰锛屽啀浠庨暱绔彔鍔犲憟3锝�4涓ざ鐨憋紝涓濆肪鏈涓庡钩缁撶郴娉曚竴鑷达紝绯诲湪鑴栭澶勬暣鐞嗐��
           </p>
           <div class="bk-video fl">
-            <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg t="1729840629103"
-                  class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34778"
-                  xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
+            <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg
+                  t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="34778" xmlns:xlink="http://www.w3.org/1999/xlink" width="34"
+                  height="40">
                   <path
                     d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
                     fill="#92A1CB" p-id="34779"></path>
@@ -695,119 +734,35 @@
           <p>3.缁冧範棰嗗甫鐨勭郴娉曘��</p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.锛堛��銆�锛変綋褰㈢殑鐗圭偣鏄笂韬槮銆佽噣閮ㄥぇ銆�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.O鍨�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.H鍨�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.A鍨�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />D.X鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.O鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.H鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.A鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.X鍨�</p>
           <p>2.鍦嗚劯鍨嬬殑浜洪�夋嫨琛i鏃讹紝搴旈�夛紙銆�銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.鍦嗗舰</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.涓�瀛楀舰</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.姊舰</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.V鍨�</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.鍦嗗舰</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.涓�瀛楀舰</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.姊舰</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.V鍨�</p>
           <p>3.鏈嶈鐨勶紙銆�銆�锛夌殑鏍峰紡锛屼笌鑴稿瀷鏈夌洿鎺ュ叧绯汇��</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />A.瑁ゅ瓙</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />B.琛。</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />C.棰嗗瓙</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />D.琚栧瓙</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.瑁ゅ瓙</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.琛。</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.棰嗗瓙</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.琚栧瓙</p>
           <p>4.绠�杩拌亴涓氬埗鏈嶇潃瑁呯殑瑕佹眰銆�</p>
-          <textarea v-model="questionData.projectOne.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p><br /></p>
           <p><br /></p>
           <h3 id="c013">
@@ -817,6 +772,25 @@
           <p>1.浜嗚В姘戣埅鏈嶅姟浜哄憳濡嗗鐨勭壒鎬у拰鍘熷垯銆�</p>
           <p>2.浜嗚В鍖栧鍝佺殑鍒嗙被鍙婂寲濡嗗伐鍏枫��</p>
           <p>3.鎺屾彙闈㈤儴濡嗗绫诲埆銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�2.1.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8e02ef51cadfb9b2611b0e6ab47f54b9'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鍖栧鎶�鏈殢鐫�绀句細鏃跺皻瀹$編鐨勫彉鍖栬�屼笉鏂湴鍙戠敓鐫�鍙樺寲锛屽湪褰撲粖鐨勭ぞ浼氱敓娲讳腑锛屼汉浠洿鍔犲�惧悜浜庤嚜鐒躲�佹竻鏂般�佹贰闆呯殑濡嗗椋庢牸銆傚畬缇庣殑濡嗗鍖呭惈澶氱鍥犵礌锛岀敱浜庤亴涓氥�佽韩浠姐�佹�ф牸銆佸満鍚堜笉鍚岀瓑锛屽睍鐜扮殑濡嗗涔熶笉灏界浉鍚屻�傝壇濂界殑濡嗛潰璁捐涓�瀹氳濂戝悎鑱屼笟鍜屾�ф牸绛夌壒鐐广�傚瀹圭殑灞曠幇锛屽緢澶х▼搴︿笂鍙栧喅浜庝釜浜虹殑瀹$編鑳藉姏銆佹兂璞″姏鍜屽績鐏靛閫犺兘鍔涖�傚涔犲寲濡嗘槸涓轰簡鍑嗙‘浜嗚В鑷繁鐨勫褰㈢壒鐐瑰苟鍔犱互缇庡寲锛屼娇涓汉榄呭姏涓庢皵璐ㄤ慨鍏昏揪鍒版渶浣崇姸鎬併�傚浜庢皯鑸湇鍔′汉鍛樻潵璇达紝杩欐槸涓�闂ㄥ繀淇銆�
           </p>
@@ -1238,7 +1212,7 @@
           </p>
           <h4 id="d049">涓�銆佹皯鑸亴涓氬彂鍨嬬殑璁捐鍘熷垯</h4>
           <h5 id="e061">锛堜竴锛夊共鍑�鐨勫師鍒�</h5>
-          <p>
+          <p class="t-al">
             澶撮儴鐨勬磥鍑�绋嬪害瀹屽叏鍙互浣撶幇涓�涓汉鐨勭簿绁炵姸鎬佸拰鐢熸椿涔犳儻锛屸�滆摤澶村灑闈⑩�濈殑褰㈣薄涓嶇鍚堣亴涓氳姹傚拰浠浠〃瑕佹眰銆傛皯鑸湇鍔′汉鍛樺簲缁忓父娲楀ご鍙戯紝娉ㄦ剰澶村彂鐨勫共鍑�搴︼紝鏈�
           </p>
         </div>
@@ -1544,229 +1518,79 @@
         <div class="bodystyle">
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.鑴搁儴鑹茶皟鍋忕孩锛屽彲鐢紙銆�銆�锛変慨楗般��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.娣$传鑹�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.娣$豢鑹�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.绫宠壊</p>
+          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.娣$传鑹�</p>
+          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.娣$豢鑹�</p>
+          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.绫宠壊</p>
           <p>2.娑傞珮鍏夎壊搴旂敤锛堛��銆�锛夌殑鎵嬫硶娑傛姽銆�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.骞虫秱娉�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.鎸夊帇娉�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鐐规媿娉�</p>
+          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.骞虫秱娉�</p>
+          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鎸夊帇娉�</p>
+          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鐐规媿娉�</p>
           <p>3.鍦嗚劯鍨嬭�呭湪姊崇悊澶村彂鏃讹紙銆�銆�锛夐儴鍒嗛�傚疁钃澗浜涖��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.澶撮《涓や晶</p>
-          <p><input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.澶撮《</p>
-          <p><input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.闈㈠瀷涓や晶</p>
+          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.澶撮《涓や晶</p>
+          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.澶撮《</p>
+          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.闈㈠瀷涓や晶</p>
           <p>4.姝f柟褰㈣劯鍨嬭�呴�傚疁鎻忕敾锛堛��銆�锛夌殑鐪夊舰銆�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.four"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.涓嬫寕</p>
-          <p><input
-              type="radio"
-              name="projectTwo.four"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.鎷卞舰</p>
-          <p><input
-              type="radio"
-              name="projectTwo.four"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.骞崇洿</p>
+          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.涓嬫寕</p>
+          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鎷卞舰</p>
+          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.骞崇洿</p>
           <p>5.涓ょ溂闂磋窛绂昏繎锛岀溂褰辩殑淇グ閲嶇偣搴旀斁鍦紙銆�銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.five"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />A.鍐呯溂瑙�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.five"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />B.鐪奸儴涓ぎ</p>
-          <p><input
-              type="radio"
-              name="projectTwo.five"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />C.澶栫溂瑙�</p>
+          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.鍐呯溂瑙�</p>
+          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.鐪奸儴涓ぎ</p>
+          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.澶栫溂瑙�</p>
           <p>6.涓夌偣涓�绾挎槸鎸囧皢锛堛��銆�锛夎繛鎴愪竴鏉$嚎銆�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.six"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="6"
-              v-model="questionData.projectTwo.six.value"
-              @change="setBookQuestion"
-            />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.six"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="6"
-              v-model="questionData.projectTwo.six.value"
-              @change="setBookQuestion"
-            />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.six"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="6"
-              v-model="questionData.projectTwo.six.value"
-              @change="setBookQuestion"
-            />C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
+          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="A" id="6"
+              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
+          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="B" id="6"
+              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
+          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="C" id="6"
+              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
           <p>7.涓哄姞寮虹溂閮ㄧ珛浣撴劅锛屽彲鍦ㄧ湁楠ㄦ姽涓婏紙銆�銆�锛夌溂褰便��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.seven"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="7"
-              v-model="questionData.projectTwo.seven.value"
-              @change="setBookQuestion"
-            />A.鏆楄壊</p>
-          <p><input
-              type="radio"
-              name="projectTwo.seven"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="7"
-              v-model="questionData.projectTwo.seven.value"
-              @change="setBookQuestion"
-            />B.鏄庝寒鑹�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.seven"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="7"
-              v-model="questionData.projectTwo.seven.value"
-              @change="setBookQuestion"
-            />C.瑜愯壊</p>
+          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="A" id="7"
+              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />A.鏆楄壊</p>
+          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="B" id="7"
+              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />B.鏄庝寒鑹�</p>
+          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="C" id="7"
+              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />C.瑜愯壊</p>
           <p>8.涓庡攪鑶忕殑棰滆壊鐩告瘮锛屽攪绾跨瑪鐨勯鑹插簲锛堛��銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.eight"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="8"
-              v-model="questionData.projectTwo.eight.value"
-              @change="setBookQuestion"
-            />A.鐣ユ繁涓�搴�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.eight"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="8"
-              v-model="questionData.projectTwo.eight.value"
-              @change="setBookQuestion"
-            />B.鐣ユ祬涓�搴�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.eight"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="8"
-              v-model="questionData.projectTwo.eight.value"
-              @change="setBookQuestion"
-            />C.鐩稿悓</p>
+          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="A" id="8"
+              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />A.鐣ユ繁涓�搴�</p>
+          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="B" id="8"
+              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />B.鐣ユ祬涓�搴�</p>
+          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="C" id="8"
+              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />C.鐩稿悓</p>
+          <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(1)" 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>
@@ -1841,8 +1665,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>璇疯皥璋堝井绗戝姘戣埅鏈嶅姟宸ヤ綔鐨勯噸瑕佹�с��</p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1857,6 +1681,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В寰瑧鐨勫師鍒欏拰鍒嗙被銆�</p>
           <p>2.瀛︿細鐪熻瘹寰瑧銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�2.2.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '0fb36763d6a22916a6deb1f3779004bf'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             寰瑧锛屾槸涓栫晫涓婃渶缇庝附鐨勮瑷�锛屾槸鍚箟鐢氬箍鐨勪氦闄呮墜娈碉紝鏄嚜淇$殑璞″緛锛屾槸绀艰矊鐨勮〃绀猴紝鑳藉厖鍒嗕綋鐜颁竴涓汉鐨勭儹鎯呫�佷慨鍏诲拰榄呭姏銆傚井绗戜篃鑳藉甫缁欒嚜宸辫壇濂界殑蹇冪悊鏆楃ず锛岃惀閫犲揩涔愮殑姘涘洿銆傚井绗戝湪涓�鍒归偅闂翠骇鐢燂紝鍗磋兘缁欎汉鐣欎笅姘告亽鐨勮蹇嗐�傜湡姝g敎缇庤�岄潪鍋囨�х殑寰瑧鏄彂鑷唴蹇冦�佽嚜鐒跺ぇ鏂广�佺湡瀹炰翰鍒囩殑寰瑧銆�
           </p>
@@ -1972,6 +1815,44 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鎺屾彙甯歌绔欏Э鐨勫姩浣滆棰嗐��</p>
           <p>2.鐞嗚В绔欑珛鏃剁殑娉ㄦ剰浜嬮」銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" 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>瑙嗛锛�2.2.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '00768adb601ee16a6d55bac5e5e85c70'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" 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>瑙嗛锛�2.2.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2f749e9b603637e801909ef01c3c5f77'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             绔欙紝鏄汉鐨勯潤鎬佸拰鍔ㄦ�佸姩浣滈�犲瀷鐨勮捣鐐瑰拰鍩虹锛屸�滅珯濡傛澗鈥濇槸瀵瑰仴缇庣珯濮跨殑褰㈣薄鎻忚堪銆�
           </p>
@@ -2162,8 +2043,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>璇磋浣犵煡閬撶殑閫氱敤鎵嬪娍璇兘鏈夊摢浜涳紵</p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d057">涓�銆佹墜鍔跨殑鍒嗙被鍙婁娇鐢ㄨ寖鍥�</h4>
@@ -2524,42 +2405,14 @@
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.涓庡瀹㈡尌鎵嬩綔鍒悗锛屽簲锛堛��銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />B.绔嬮┈杞韩绂诲紑</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />D.鏀炬澗韬綋</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.绔嬮┈杞韩绂诲紑</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.鏀炬澗韬綋</p>
         </div>
       </div>
     </div>
@@ -2579,79 +2432,52 @@
           <p>
             2.浠婂ぉ浣犱唬琛ㄥ叕鍙稿嚭甯細璁紝鍒拌揪浼氳鍘呮椂澶у宸插氨搴с�傜獊鐒堕亣瑙佷竴浣嶆湅鍙嬶紝璺濈绾�5绫筹紝浠栧悜浣犺〃杈鹃棶鍊欙紝姝ゆ椂浣犲簲锛堛��銆�锛夈��
           </p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />B.寰瑧鐐瑰ご绀烘剰</p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />D.鎵撻�氱數璇濈ず鎰�</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.寰瑧鐐瑰ご绀烘剰</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.鎵撻�氱數璇濈ず鎰�</p>
           <p>3.闈㈣瘯鏃讹紝浠ラ灎韬ぜ闂ソ鐨勮韩浣撳集鏇插害鏁板簲涓猴紙銆�銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectThree.three"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />A.15掳</p>
-          <p><input
-              type="radio"
-              name="projectThree.three"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />B.30掳</p>
-          <p><input
-              type="radio"
-              name="projectThree.three"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />C.45掳</p>
+          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.15掳</p>
+          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.30掳</p>
+          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.45掳</p>
           <p>4.绠�杩板墠鑵瑰紡绔欏Э鐨勮棰嗐��</p>
           <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>5.绠�杩板叆搴т笌绂诲骇鐨勫熀鏈師鍒欍��</p>
           <textarea v-model="questionData.projectThree.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(2)" 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>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2661,12 +2487,19 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterTwo",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
@@ -2676,72 +2509,78 @@
       videoPathTwo: "",
       videoPathThree: "",
       videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:[]
+          two: {
+            value: []
           },
-          three:{
-            value:''
+          three: {
+            value: ''
           },
-          four:{
-            value:''
+          four: {
+            value: ''
           }
         },
-        projectTwo:{
-          one:{
-            value:""
+        projectTwo: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:""
+          four: {
+            value: ""
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          six:{
-            value:""
+          six: {
+            value: ""
           },
-          seven:{
-            value:""
+          seven: {
+            value: ""
           },
-          eight:{
-            value:""
+          eight: {
+            value: ""
           }
-          
+
         },
-        projectThree:{
-          one:{
-            value:""
+        projectThree: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:''
+          four: {
+            value: ''
           },
-          five:{
-            value:''
+          five: {
+            value: ''
           }
         },
       },
@@ -2784,6 +2623,29 @@
         isCollectVideo01: false,
         isCollectVideo02: false,
         isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+      },
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡浜屻��姘戣埅鏈嶅姟浜哄憳鑱屼笟褰㈣薄",
+            questionNum: 78,
+          },
+          2: {
+            questionTitleMain: "妯″潡浜屻��姘戣埅浜哄憳浠�佺ぜ浠鐭�",
+            questionNum: 94,
+          },
+        },
       },
     };
   },
@@ -2808,7 +2670,7 @@
     if (videoData) {
       this.chapter002 = JSON.parse(videoData);
     }
-    
+
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2828,6 +2690,27 @@
       this.videoPathFour = await getResourcePath(
         "e5ac247c68c93dbb8fb3eb56ea4bb3aa"
       );
+
+      // 鏂板鐨勮棰�
+      this.videoPathFive = await getResourcePath(
+        "5a13c9aa455c8fae34faa1ae9f021d30"
+      );
+      this.videoPathSix = await getResourcePath(
+        "a1d05c3a38a322dc67861f9f3d35fb09"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "8e02ef51cadfb9b2611b0e6ab47f54b9"
+      );
+      this.videoPathEight = await getResourcePath(
+        "0fb36763d6a22916a6deb1f3779004bf"
+      );
+      this.videoPathNine = await getResourcePath(
+        "00768adb601ee16a6d55bac5e5e85c70"
+      );
+      this.videoPathTen = await getResourcePath(
+        "2f749e9b603637e801909ef01c3c5f77"
+      );
+
       for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
         const item = this.chapter002.videoMd5[index];
         if (item.md5 && !item.md5.includes("https:")) {
@@ -2835,6 +2718,15 @@
         }
       }
     },
+
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
+
     setBookQuestion() {
       localStorage.setItem(
         "aviationEtiquette-book-chapter02-question",
@@ -2902,7 +2794,7 @@
           "瑙嗛锛氭皵璐ㄥ瀷鍙戝瀷"
         );
         this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo01;
-      }else if (e == "video-04") {
+      } else if (e == "video-04") {
         this.handleCollectResource(
           "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
           "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
@@ -2912,6 +2804,66 @@
           "瑙嗛锛氫紭闆呭瀷鍙戝瀷"
         );
         this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "5a13c9aa455c8fae34faa1ae9f021d30",
+          "5a13c9aa455c8fae34faa1ae9f021d30",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�2.1.1"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "a1d05c3a38a322dc67861f9f3d35fb09",
+          "a1d05c3a38a322dc67861f9f3d35fb09",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�2.1.2"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "8e02ef51cadfb9b2611b0e6ab47f54b9",
+          "8e02ef51cadfb9b2611b0e6ab47f54b9",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�2.1.3"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "0fb36763d6a22916a6deb1f3779004bf",
+          "0fb36763d6a22916a6deb1f3779004bf",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�2.2.1"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "00768adb601ee16a6d55bac5e5e85c70",
+          "00768adb601ee16a6d55bac5e5e85c70",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�2.2.2"
+        );
+        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "2f749e9b603637e801909ef01c3c5f77",
+          "2f749e9b603637e801909ef01c3c5f77",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�2.2.3"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
       }
       this.handleChapter002();
       this.handleChapterData();
diff --git a/src/books/aviationEtiquette/view/components/index.vue b/src/books/aviationEtiquette/view/components/index.vue
index 41631e7..1b8e48f 100644
--- a/src/books/aviationEtiquette/view/components/index.vue
+++ b/src/books/aviationEtiquette/view/components/index.vue
@@ -9,11 +9,11 @@
       transformOrigin: 'center top',
     }">
       <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
-      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
-      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
-      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
-      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
-      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"> </chapterFive>
+      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterOne>
+      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterTwo>
+      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterThree>
+      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterFour>
+      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"> </chapterFive>
     </div>
   </div>
 </template>
@@ -26,6 +26,8 @@
 import chapterFour from "./chapter004.vue";
 import chapterFive from "./chapter005.vue";
 import NoteIcon from "@/assets/images/biji.png";
+import getQuestionList from "@/assets/methods/examination";
+import testData from "../../assets/examinationList";
 import _ from "lodash";
 import Swiper from "swiper/bundle";
 import "swiper/swiper-bundle.css";
@@ -157,9 +159,9 @@
       this.initThemeColor();
     }, 500);
 
-    // 娴嬭瘯椤甸潰璺宠浆
-    // setTimeout(() => {
-    //   this.gotoPage(2, 9);
+    //娴嬭瘯椤甸潰璺宠浆
+    setTimeout(() => {
+      this.gotoPage(6, 169);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
@@ -173,7 +175,7 @@
       //     ids: ["2ACA9359"]
       //   });
       // }, 2000);
-    // }, 500);
+    }, 500);
 
     // const pageDom = (this.container ? this.container : document)
     //   .querySelector("#app")
@@ -543,30 +545,30 @@
             // 娣诲姞椤电爜
             this.loadPageList.push(Number(page));
             const catalog = catalogDom.getAttribute("num");
-            // if (!this.questionDataMap[page]) {
-            //   if (testData && testData[catalog]) {
-            //     if (testData[catalog][page]) {
-            //       if (Array.isArray(testData[catalog][page])) {
-            //         this.questionDataMap[page] = await getQuestionList(
-            //           page,
-            //           testData[catalog][page],
-            //           this.config.activeBook
-            //         );
-            //       } else {
-            //         const obj = {};
-            //         for (let key in testData[catalog][page]) {
-            //           obj[key] = await getQuestionList(
-            //             [],
-            //             testData[catalog][page][key],
-            //             this.config.activeBook
-            //           );
-            //         }
-            //         this.questionDataMap[page] = obj;
-            //       }
-            //       console.log("棰樼洰", this.questionDataMap);
-            //     }
-            //   }
-            // }
+            if (!this.questionDataMap[page]) {
+              if (testData && testData[catalog]) {
+                if (testData[catalog][page]) {
+                  if (Array.isArray(testData[catalog][page])) {
+                    this.questionDataMap[page] = await getQuestionList(
+                      page,
+                      testData[catalog][page],
+                      this.config.activeBook
+                    );
+                  } else {
+                    const obj = {};
+                    for (let key in testData[catalog][page]) {
+                      obj[key] = await getQuestionList(
+                        [],
+                        testData[catalog][page][key],
+                        this.config.activeBook
+                      );
+                    }
+                    this.questionDataMap[page] = obj;
+                  }
+                  console.log("棰樼洰", this.questionDataMap);
+                }
+              }
+            }
             // 娓叉煋杩欎竴椤电殑鏍囪
             for (const key in this.renderSignMap) {
               if (this.renderSignMap[key][page]) {
@@ -918,9 +920,9 @@
         const topGap = playVudio.getBoundingClientRect().top;
         if (bottomGap < 0 || topGap > window.innerHeight) {
           try {
-            if(playVudio.readyState) playVudio.requestPictureInPicture();
+            if (playVudio.readyState) playVudio.requestPictureInPicture();
           } catch (error) {
-              console.log(error,"灏忕獥閿欒error");
+            console.log(error, "灏忕獥閿欒error");
           }
         }
       }
diff --git a/src/books/aviationSafety/assets/images/Cover.jpg b/src/books/aviationSafety/assets/images/Cover.jpg
index d28253c..37280b0 100644
--- a/src/books/aviationSafety/assets/images/Cover.jpg
+++ b/src/books/aviationSafety/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/aviationSafety/assets/images/FD.jpg b/src/books/aviationSafety/assets/images/FD.jpg
index 0bb92ae..8a0bb45 100644
--- a/src/books/aviationSafety/assets/images/FD.jpg
+++ b/src/books/aviationSafety/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/civilAviation/assets/images/fengdi.png b/src/books/civilAviation/assets/images/fengdi.png
index 71a99a7..5dba7dc 100644
--- a/src/books/civilAviation/assets/images/fengdi.png
+++ b/src/books/civilAviation/assets/images/fengdi.png
Binary files differ
diff --git a/src/books/civilAviation/assets/images/fengmian.png b/src/books/civilAviation/assets/images/fengmian.png
index 627b16d..50257e8 100644
--- a/src/books/civilAviation/assets/images/fengmian.png
+++ b/src/books/civilAviation/assets/images/fengmian.png
Binary files differ
diff --git a/src/books/civilServices/assets/images/fengdi.png b/src/books/civilServices/assets/images/fengdi.png
index 3f76a0a..3a19d05 100644
--- a/src/books/civilServices/assets/images/fengdi.png
+++ b/src/books/civilServices/assets/images/fengdi.png
Binary files differ
diff --git a/src/books/civilServices/assets/images/fengmian.png b/src/books/civilServices/assets/images/fengmian.png
index a56c983..0cf1ecc 100644
--- a/src/books/civilServices/assets/images/fengmian.png
+++ b/src/books/civilServices/assets/images/fengmian.png
Binary files differ
diff --git a/src/books/meetingPlanners/assets/mian.less b/src/books/meetingPlanners/assets/mian.less
index a4f35e4..998f365 100644
--- a/src/books/meetingPlanners/assets/mian.less
+++ b/src/books/meetingPlanners/assets/mian.less
@@ -1290,10 +1290,10 @@
 
     .pdfModal {
         width: 100%;
-    
+
     }
 
-    .examination{
+    .examination {
         height: calc(100% - 80px);
     }
 }
@@ -1307,9 +1307,10 @@
 
     .pdfModal {
         width: 100%;
-    
+
     }
-    .examination{
+
+    .examination {
         height: calc(100% - 80px);
     }
 }

--
Gitblit v1.9.1