From d539ff4e3376b889d212e90db1c3434f4b0de8d0 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期五, 24 一月 2025 10:27:34 +0800
Subject: [PATCH] 托育

---
 src/books/childcareInstitutionsManagement/assets/images/answerImg2.png   |    0 
 src/books/childcareInstitutionsManagement/view/components/header.vue     |   43 +-
 src/books/childcareInstitutionsManagement/view/components/chapter001.vue |  455 +++++++++++++++++++------
 src/components/pdfview/index.vue                                         |    1 
 src/books/aviationEtiquette/assets/main.less                             |    4 
 src/books/childcareInstitutionsManagement/assets/images/ym1.png          |    0 
 src/books/childcareInstitutionsManagement/assets/images/ym.png           |    0 
 src/books/childcareInstitutionsManagement/assets/main.less               |  563 ++++++++++++++++++++++++-------
 src/assets/methods/resources.js                                          |   12 
 src/books/childcareInstitutionsManagement/assets/images/Cover.jpg        |    0 
 src/App.vue                                                              |    2 
 src/books/childcareInstitutionsManagement/assets/images/answerfour.png   |    0 
 src/books/childcareInstitutionsManagement/assets/images/answerImg1.png   |    0 
 13 files changed, 814 insertions(+), 266 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index db0a26a..bdb1624 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -116,7 +116,7 @@
       process.env.VUE_APP_RESOURCE_CTX +
         (process.env.VUE_APP_ENV == "product"
           ? process.env.VUE_APP_BOOK_ID
-          : "toddlerGameImplementation")
+          : "childcareInstitutionsManagement")
       );
 
       // this.activeBook = await this.config.getBookConfig(
diff --git a/src/assets/methods/resources.js b/src/assets/methods/resources.js
index f98cbb3..c67ba2f 100644
--- a/src/assets/methods/resources.js
+++ b/src/assets/methods/resources.js
@@ -9,11 +9,15 @@
       appRefCode,
     })
     .then((res) => {
-      if (res.data != "" && res.data != undefined) {
-        path = res.data;
-      } else {
+      if (res) {
+        if (res && res.data == '') {
+          path = process.env.VUE_APP_API_URL + "/file/api/ApiDownload?md5=" + md5;
+        } else {
+          path = res;
+        }
+      } else if (md5) {
         path = process.env.VUE_APP_API_URL + "/file/api/ApiDownload?md5=" + md5;
-      }
+      } 
     });
   return path;
 };
diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 00cbba6..9b48708 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -39,9 +39,6 @@
         accent-color:#6E85AF !important;
         cursor: pointer;
     }
-    input[type="text"] :focus{
-        border: none !important;
-    }
 
 
     .wh-no {
@@ -406,6 +403,7 @@
         border:none;
         border-bottom:1px solid #333;
         background-color:rgba(255, 255, 255, 0);
+        outline: none;
     }
 
 
diff --git a/src/books/childcareInstitutionsManagement/assets/images/Cover.jpg b/src/books/childcareInstitutionsManagement/assets/images/Cover.jpg
new file mode 100644
index 0000000..fb2ac5a
--- /dev/null
+++ b/src/books/childcareInstitutionsManagement/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/childcareInstitutionsManagement/assets/images/answerImg1.png b/src/books/childcareInstitutionsManagement/assets/images/answerImg1.png
new file mode 100644
index 0000000..4820011
--- /dev/null
+++ b/src/books/childcareInstitutionsManagement/assets/images/answerImg1.png
Binary files differ
diff --git a/src/books/childcareInstitutionsManagement/assets/images/answerImg2.png b/src/books/childcareInstitutionsManagement/assets/images/answerImg2.png
new file mode 100644
index 0000000..ba141fb
--- /dev/null
+++ b/src/books/childcareInstitutionsManagement/assets/images/answerImg2.png
Binary files differ
diff --git a/src/books/childcareInstitutionsManagement/assets/images/answerfour.png b/src/books/childcareInstitutionsManagement/assets/images/answerfour.png
new file mode 100644
index 0000000..5b5ea63
--- /dev/null
+++ b/src/books/childcareInstitutionsManagement/assets/images/answerfour.png
Binary files differ
diff --git a/src/books/childcareInstitutionsManagement/assets/images/ym.png b/src/books/childcareInstitutionsManagement/assets/images/ym.png
new file mode 100644
index 0000000..08aad5b
--- /dev/null
+++ b/src/books/childcareInstitutionsManagement/assets/images/ym.png
Binary files differ
diff --git a/src/books/childcareInstitutionsManagement/assets/images/ym1.png b/src/books/childcareInstitutionsManagement/assets/images/ym1.png
new file mode 100644
index 0000000..ba5bd24
--- /dev/null
+++ b/src/books/childcareInstitutionsManagement/assets/images/ym1.png
Binary files differ
diff --git a/src/books/childcareInstitutionsManagement/assets/main.less b/src/books/childcareInstitutionsManagement/assets/main.less
index cf8a67f..e5381dc 100644
--- a/src/books/childcareInstitutionsManagement/assets/main.less
+++ b/src/books/childcareInstitutionsManagement/assets/main.less
@@ -83,6 +83,7 @@
     .al-c {
         align-items: center;
     }
+
     .ju-cn {
         justify-content: center;
     }
@@ -195,7 +196,7 @@
         font-family: "FangSong";
     }
 
-    .br {
+    .br1 {
         text-align: center;
         padding: 0 15px;
         color: #fff;
@@ -205,13 +206,33 @@
 
     }
 
-    .br-r{
+    .br-r {
+        width: 100px;
+        height: 35px;
+        background-image: url(../assets/images/ym1.png);
+        background-size: 100% 100%;
         text-align: center;
-        padding: 0 30px;
         color: #fff;
-        background: #8ed9fc;
-        border-radius: 10px 0 0 10px;
         margin-left: 5px;
+        margin-bottom: 6px;
+        line-height: 43px;
+    }
+
+    .br {
+        width: 50px;
+        height: 35px;
+        background-image: url(../assets/images/ym.png);
+        background-size: 100% 100%;
+        text-align: center;
+        color: #fff;
+        line-height: 47px;
+        margin-right: 5px;
+
+    }
+
+    .lh {
+        height: 35px;
+        line-height: 47px;
     }
 
     .rw-bg {
@@ -221,7 +242,8 @@
         color: #00B1F5;
         margin-bottom: 1em;
     }
-    .rw-bg1{
+
+    .rw-bg1 {
         width: 90%;
         height: 90px;
         position: relative;
@@ -248,23 +270,25 @@
         mix-blend-mode: multiply;
     }
 
-    .table{
+    .table {
         border: 2px solid #00B1F5;
         border-collapse: collapse;
-     td{
-        border: 1px solid #00B1F5;
-        border-collapse: collapse;
-        padding: 0 10px;
-        background: #C7EAFD;
-     }
-        
+
+        td {
+            border: 1px solid #00B1F5;
+            border-collapse: collapse;
+            padding: 0 10px;
+            background: #C7EAFD;
+        }
+
         .td1 {
             width: 100px;
-            color:#01AFEE;
+            color: #01AFEE;
             background: #9ADBF9;
         }
 
     }
+
     .block1 {
         font-family: "FangSong";
         margin-top: 0.2em;
@@ -275,22 +299,24 @@
         text-align: justify;
     }
 
-    .img-rights{
-        
+    .img-rights {
+
         width: 160px;
         float: right;
         height: auto;
         margin: auto;
         margin-left: 18px;
     }
-    .pt-1{
-       padding:120px 0;
-    }
-    .pt-2{
-        padding:30px 0;
+
+    .pt-1 {
+        padding: 120px 0;
     }
 
-    .img-lefts{
+    .pt-2 {
+        padding: 30px 0;
+    }
+
+    .img-lefts {
         width: 160px;
         float: left;
         height: auto;
@@ -336,26 +362,27 @@
     }
 
     .textarea-box {
-        width:100%;
+        width: 100%;
         overflow: auto;
         word-break: break-all;
         resize: none;
-        border:1px solid #01AFEE;
+        border: 1px solid #01AFEE;
         border-radius: 5px;
-        background-color:rgba(255, 255, 255, 0);
+        background-color: rgba(255, 255, 255, 0);
     }
+
     .textarea-box1 {
-        width:100%;
+        width: 100%;
         overflow: auto;
         word-break: break-all;
         resize: none;
-        border:0;
+        border: 0;
         border-radius: 5px;
-        background-color:rgba(255, 255, 255, 0);
+        background-color: rgba(255, 255, 255, 0);
+        outline: none;
     }
 
 
-    
     .imgBox-003 {
         width: 100%;
         height: 280px;
@@ -366,7 +393,7 @@
         display: flex !important;
         flex-direction: column-reverse !important;
         position: relative !important;
-    
+
         .img {
             margin: 0 !important;
             font-size: 14px !important;
@@ -375,13 +402,13 @@
             transform: translateX(-50%);
             bottom: -2% !important;
         }
-    
+
         img {
             height: 80%;
         }
     }
 
-    .btn-box{
+    .btn-box {
         margin-left: 5px;
         cursor: pointer;
         text-indent: 0;
@@ -391,13 +418,132 @@
         padding: 5px;
         background-color: #01AFEE;
         border-radius: 5px;
+
         svg {
             fill: #fff;
         }
     }
-    .jc-img{
+
+    .jc-img {
         margin-bottom: -5px;
+        cursor: pointer;
     }
+
+    //瑙嗛  
+    .video-box-cover {
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .video-box {
+        margin: 20px 0 20px 0;
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .video-box-left {
+        margin: 20px 8% 20px 0;
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .videoname {
+        display: flex;
+        justify-content: center;
+    }
+
+    .collect-btn {
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    .collect-btn1 {
+        cursor: pointer;
+        width: 10px;
+        height: 10px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    .w100 {
+        width: 100%;
+    }
+    
+    
+
+    .pdf-text {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 20px;
+
+        p {
+            margin: 0;
+            margin-right: 10px;
+        }
+
+        .pdf-con {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            padding: 10px 0;
+            box-sizing: border-box;
+            border-radius: 10px;
+
+            .pdf-view {
+                min-width: 160px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border: 0.15em dashed #01AFEE;
+                margin-right: 15px;
+                padding: 0 15px;
+                border-radius: 5px;
+                margin-top: 15px;
+
+                span {
+                    font-size: 14px;
+                    text-align: center;
+                    font-family: 'FZLTXIHJW';
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+
+                    svg {
+                        fill: #01AFEE;
+                    }
+                }
+
+                span:nth-child(2) {
+                    padding-top: 5px;
+                    box-sizing: border-box;
+                }
+
+                span:hover {
+                    color: #01AFEE;
+                    cursor: pointer;
+                    text-decoration: underline;
+                    -webkit-user-select: none;
+                    /* Safari 3.1+ */
+                    -moz-user-select: none;
+                    /* Firefox 2+ */
+                    -ms-user-select: none;
+                    /* IE 10+ */
+                    user-select: none;
+                    /* 鏍囧噯璇硶 */
+                }
+            }
+        }
+
+        .pdf-con-15 {
+            margin-top: -20px;
+        }
+    }
+
     
 
     //杩佺Щ
@@ -408,12 +554,13 @@
     li {
         list-style-type: none;
     }
-    
-    .note{
-    font-size: 0.8em;
+
+    .note {
+        font-size: 0.8em;
     }
+
     .note-line {
-        width:200px;
+        width: 200px;
         margin: 10px 0;
     }
 
@@ -503,31 +650,33 @@
     }
 
     h3 {
-        font-family:'FZHTJW';
-        color:#03AFED;
-        font-weight:400;
-        font-size:1em;
-        margin-bottom:1em;
-        margin-top:1em;
-        text-indent:0em;
+        font-family: 'FZHTJW';
+        color: #03AFED;
+        font-weight: 400;
+        font-size: 1em;
+        margin-bottom: 1em;
+        margin-top: 1em;
+        text-indent: 0em;
     }
+
     h4 {
-        font-family:'FZHTJW';
-        font-weight:400;
-        color:#03AFED;
-        margin-bottom:0.5em;
-        margin-top:1em;
-        font-size:1em;
-        text-indent:1em;
+        font-family: 'FZHTJW';
+        font-weight: 400;
+        color: #03AFED;
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        font-size: 1em;
+        text-indent: 1em;
     }
+
     h5 {
-        font-family:'FZHTJW';
-        font-weight:400;
-        color:#03AFED;
-        margin-bottom:0.5em;
-        margin-top:1em;
-        font-size:1em;
-        text-indent:2em;
+        font-family: 'FZHTJW';
+        font-weight: 400;
+        color: #03AFED;
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        font-size: 1em;
+        text-indent: 2em;
     }
 
     .rwmb-1 {
@@ -536,43 +685,46 @@
         margin-top: 0.5em;
         height: 3.5em;
     }
-    .rwmb-2{
-        margin-left:-2.3em;
-        margin-bottom:-0.5em;
-        margin-top:0.2em;
-        height:2em;
-    }
-    
-    .rwmb-3{
-        margin-left:0.5em;
-        margin-bottom:-0.5em;
-        margin-top:-0.5em;
-        height:2em;
-    }
-    .rwmb-4{
-        margin-left:0.5em;
-        margin-bottom:-0.5em;
-        margin-top:1.2em;
-        height:1em;
+
+    .rwmb-2 {
+        margin-left: -2.3em;
+        margin-bottom: -0.5em;
+        margin-top: 0.2em;
+        height: 2em;
     }
 
-    .rwmb-5{
-        margin-left:-2.75em;
-        margin-bottom:1em;
-        margin-top:-5em;
-        height:2em;
+    .rwmb-3 {
+        margin-left: 0.5em;
+        margin-bottom: -0.5em;
+        margin-top: -0.5em;
+        height: 2em;
     }
 
-    .rwmb-6{
-        height:1.2em;
-        margin-top:0.5em;
+    .rwmb-4 {
+        margin-left: 0.5em;
+        margin-bottom: -0.5em;
+        margin-top: 1.2em;
+        height: 1em;
     }
-    .rwmb-7{
-        margin-top:0.5em;
-        height:1.2em;
+
+    .rwmb-5 {
+        margin-left: -2.75em;
+        margin-bottom: 1em;
+        margin-top: -5em;
+        height: 2em;
     }
-        
-    .block { 
+
+    .rwmb-6 {
+        height: 1.2em;
+        margin-top: 0.5em;
+    }
+
+    .rwmb-7 {
+        margin-top: 0.5em;
+        height: 1.2em;
+    }
+
+    .block {
         font-size: 15px;
         color: #00ADEF;
         font-family: "FangSong";
@@ -601,11 +753,12 @@
         margin-left: 0%;
         margin-right: 0%;
     }
-    .img{
+
+    .img {
         font-weight: bold;
-        font-family:'FZLTXIHJW';
+        font-family: 'FZLTXIHJW';
         text-align: center;
-        font-size:0.85em;
+        font-size: 0.85em;
         margin-left: 0%;
         margin-right: 0%;
         text-indent: 0em;
@@ -662,52 +815,200 @@
         margin-left: 15%;
     }
 
-    .bk{
-        border:2px solid #3FC6F6;
+    .bk {
+        border: 2px solid #3FC6F6;
         box-shadow: 8px 8px 0px 0px #B0E2F9;
-        padding:3px 10px 3px 10px;
-        margin-top:2em;
-        border-radius:1.5em;
-        margin-bottom:1em;
-    }
-    .bk2{
-        background:#E2F4FE;
-        border:2px solid #3EC9F4;
-        padding:3px 10px 3px 10px;
-        margin-top:2em;
-        margin-bottom:1em;
+        padding: 3px 10px 3px 10px;
+        margin-top: 2em;
+        border-radius: 1.5em;
+        margin-bottom: 1em;
     }
 
-    .bk1{
-        margin-top:-2.2em;
-        margin-bottom:0.5em;
-        margin-left:-1.2em;
+    .bk2 {
+        background: #E2F4FE;
+        border: 2px solid #3EC9F4;
+        padding: 3px 10px 3px 10px;
+        margin-top: 2em;
+        margin-bottom: 1em;
     }
-    
-   .bk3{
-        margin-top:-1.5em;
-        margin-bottom:0em;
-        margin-left:-1.2em;
+
+    .bk1 {
+        margin-top: -2.2em;
+        margin-bottom: 0.5em;
+        margin-left: -1.2em;
     }
-    
-    
-    .bk4{
-        border:2px solid #00AEED;
-        padding:1px 10px 1px 10px;
-        margin-top:2em;
-        border-radius:1.5em;
-        margin-bottom:1em;
-    }
-    
-    .bk4-1{
-        background:#E2F4FE;
-        padding:1px 10px 1px 10px;
-        margin-top:2em;
-        border-radius:1.5em;
-        margin-bottom:1em;
+
+    .bk3 {
+        margin-top: -1.5em;
+        margin-bottom: 0em;
+        margin-left: -1.2em;
     }
 
 
+    .bk4 {
+        border: 2px solid #00AEED;
+        padding: 1px 10px 1px 10px;
+        margin-top: 2em;
+        border-radius: 1.5em;
+        margin-bottom: 1em;
+    }
+
+    .bk4-1 {
+        background: #E2F4FE;
+        padding: 1px 10px 1px 10px;
+        margin-top: 2em;
+        border-radius: 1.5em;
+        margin-bottom: 1em;
+    }
+
+    .bk-t {
+        background: #E2F4FE;
+        border: 1px solid #00AEED;
+        border-radius: 0.5em;
+        width: 75px;
+        padding: 0 5px;
+        margin-left: 2em;
 
 
+    }
+
+}
+.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 {
+
+    .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';
+        }
+    }
+}
+
+
+@media screen and (max-width: 1024px) {
+    .pdfModal {
+        width: 100%;
+        height: 80vh;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
+}
+
+@media screen and (max-width: 800px) {
+    .pdfModal {
+        width: 100%;
+        height: 60vh;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/books/childcareInstitutionsManagement/view/components/chapter001.vue b/src/books/childcareInstitutionsManagement/view/components/chapter001.vue
index d5c69c0..5f70108 100644
--- a/src/books/childcareInstitutionsManagement/view/components/chapter001.vue
+++ b/src/books/childcareInstitutionsManagement/view/components/chapter001.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="chapter" num="2">
     <!-- P1 -->
-    <div class="page-box" page="10">
-      <div v-if="showPageList.indexOf(10) > -1" class="fl f1">
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(11) > -1" class="fl f1">
         <div class="img-g">
           <img class="" alt="" src="../../assets/images/mk.png" class="mk-img"/>
         </div>
@@ -27,11 +27,11 @@
       </div>
     </div>
     <!-- P2 -->
-    <div class="page-box" page="11">
-      <div v-if="showPageList.indexOf(11) > -1">
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">2</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="rw-bg">
           <div class="bj4">
@@ -101,10 +101,10 @@
       </div>
     </div>
     <!-- P3 -->
-    <div class="page-box" page="12">
-      <div v-if="showPageList.indexOf(12) > -1">
+    <div class="page-box" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">3</li>
         </ul>
@@ -148,11 +148,11 @@
       </div>
     </div>
     <!-- P4 -->
-    <div class="page-box" page="13">
-      <div v-if="showPageList.indexOf(13) > -1">
+    <div class="page-box" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">4</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p>
@@ -177,10 +177,10 @@
     </div>
 
     <!-- P5 -->
-    <div class="page-box" page="14">
-      <div v-if="showPageList.indexOf(14) > -1">
+    <div class="page-box" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">5</li>
         </ul>
@@ -231,11 +231,11 @@
       </div>
     </div>
     <!-- P6 -->
-    <div class="page-box" page="15">
-      <div v-if="showPageList.indexOf(15) > -1">
+    <div class="page-box" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">6</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <div class="img-lefts">
@@ -279,10 +279,10 @@
     </div>
 
     <!-- P7 -->
-    <div class="page-box" page="16">
-      <div v-if="showPageList.indexOf(16) > -1">
+    <div class="page-box" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">7</li>
         </ul>
@@ -326,11 +326,11 @@
     </div>
 
     <!-- P8 -->
-    <div class="page-box" page="17">
-      <div v-if="showPageList.indexOf(17) > -1">
+    <div class="page-box" page="18">
+      <div v-if="showPageList.indexOf(18) > -1">
         <ul class="fl al-c fc ml-9">
           <li class="br">8</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p class="td-0">
@@ -382,10 +382,10 @@
     </div>
 
     <!-- P9 -->
-    <div class="page-box" page="18">
-      <div v-if="showPageList.indexOf(18) > -1">
+    <div class="page-box" page="19">
+      <div v-if="showPageList.indexOf(19) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">9</li>
         </ul>
@@ -403,12 +403,27 @@
               鐢靛奖銆婂晩锛佹憞绡�嬪氨鏄牴鎹浜嬩欢鏀圭紪鑰屾垚銆傝鎵弿浜岀淮鐮侀槄璇汇�婇┈鑳屼笂鐨勬憞绡�嬪叏鏂囥��
             </p>
             <p>鎬濊�冿細浣犲湪闃呰瀹屽叏鏂囦箣鍚庢湁浠�涔堟劅鎯筹紵</p>
+            <div class="pdf-text">
+              <div class="pdf-con">
+                <div class="pdf-view">
+                  <span>
+                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+                      <path
+                        d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+                        p-id="11010"></path>
+                    </svg>
+                  </span>
+                  <span @click="toUrl(1)">椹儗涓婄殑鎽囩.pdf</span>
+                </div>
+              </div>
+            </div>
           </div>
           <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
           <p class="td-0">
             1.璇蜂綘鏍规嵁鏈涔犱换鍔$殑鍐呭锛屽皢鍥藉鎵樿偛鏈烘瀯鐨勫彂灞曞巻鍙插拰鎴戝浗鎵樿偛鏈烘瀯鐨勫彂灞曞巻鍙插埗浣滄垚鎬濈淮瀵煎浘锛屽苟杩涜瀵圭収鍒嗘瀽銆�
             <img class="jc-img" alt="" src="../../assets/images/SWDT.svg" />
-            <span class="btn-box" @click="askAnswerOne = !askAnswerOne">
+            <span class="btn-box" @click="askAnswerOne = !askAnswerOne" title="鏌ョ湅绛旀">
                 <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                   <path class="a"
                     d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -431,11 +446,31 @@
               </li>
             </ul>
           </div>
+          <div class="w100 " v-show="askAnswerOne">
+            <img class="img-a" alt="" src="../../assets/images/answerImg1.png" />
+            <img class="img-a" alt="" src="../../assets/images/answerImg1.png" />
+          </div>
           <p class="td-0">
             2.缁撳悎鏈涔犱换鍔℃墍瀛︿範鐨勫唴瀹瑰拰鐢熸椿瀹為檯锛岃涓�璇翠綘瀵规垜鍥藉啘鏉戝湴鍖烘墭鑲叉満鏋勫彂灞曠殑鐪嬫硶銆�
+            <span class="btn-box" @click="askAnswerTwo = !askAnswerTwo" title="鏌ョ湅绛旀">
+                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+                  <path class="a"
+                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                    transform="translate(-3327.144 15329)" />
+                </svg>
+              </span>
           </p>
           <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+           <div v-show="askAnswerTwo">
+            <p>鍙傝�冪瓟妗堝涓嬨��</p>
+            <p>鎴戝浗鍐滄潙鍦板煙宸紓杈冨ぇ锛屾湁浜涘湴鍖烘墭鑲叉満鏋勫笀璧勫姏閲忓急锛屾暀甯堜笓涓氱礌璐ㄤ笉楂橈紝鏁欏笀澶栧嚭鍩硅鏈轰細灏戯紝鏁欏纭欢鏉′欢宸�傛湁浜涘亸杩滅殑鍐滄潙鏍规湰娌℃湁鎵樿偛鏈烘瀯銆�</p>
+            <p>鍙互鎬荤粨涓�:</p>
+            <p>(1)璧勬簮涓嶅潎锛屽箍搴﹀彈闄愩��</p>
+            <p>(2)缁撴瀯灞�閮ㄥけ琛★紝娣卞害涓嶈冻銆�</p>
+            <p>(3)鏂囧寲搴曡暣杈冨急锛屽帤搴︿笉瓒炽��</p>
+            <p>(4)鏍囧噯鍖栫▼搴﹁緝浣庯紝鏁堝害娆犱匠銆�</p>
+           </div>   
           <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
           <p>
             1.寮犳檽姊呫�佺敵鐞崇惓銆佹綐闆ㄦ櫞锛氥�婂浗鍐呭0鈥�3宀佸┐骞煎効鎵樿偛鐮旂┒姣斿鍙婂惎绀恒�嬶紝杞姐�婂ぇ搴嗗笀鑼冨闄㈠鎶ャ�嬶紝2021锛�4锛夈��
@@ -448,11 +483,11 @@
     </div>
 
     <!-- P10 -->
-    <div class="page-box" page="19">
-      <div v-if="showPageList.indexOf(19) > -1">
+    <div class="page-box" page="20">
+      <div v-if="showPageList.indexOf(20) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">10</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p>
@@ -465,10 +500,10 @@
       </div>
     </div>
     <!-- P11 -->
-    <div class="page-box" page="20">
-      <div v-if="showPageList.indexOf(20) > -1">
+    <div class="page-box" page="21">
+      <div v-if="showPageList.indexOf(21) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">11</li>
         </ul>
@@ -521,12 +556,18 @@
             <tr class="tr">
               <td class="td1">瀛︿範杩愮敤</td>
               <td class="td">
-                浣犺寰楀湪鍝簺宸ヤ綔鍦烘櫙涓彲浠ヨ繍鐢ㄥ埌鏈涔犱换鍔℃墍瀛﹀唴瀹�?
+                <p>浣犺寰楀湪鍝簺宸ヤ綔鍦烘櫙涓彲浠ヨ繍鐢ㄥ埌鏈涔犱换鍔℃墍瀛﹀唴瀹�?</p>
+                <textarea v-model="questionData.taskData.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                class="fz-15 textarea-box1" @change="setBookQuestion"></textarea>
               </td>
             </tr>
             <tr class="tr">
               <td class="td1">瀛︿範鍙嶆��</td>
-              <td class="td">璇疯褰曚綘鍦ㄥ涔犺繃绋嬩腑鐨勬�濊�冦��</td>
+              <td class="td">
+                <p>璇疯褰曚綘鍦ㄥ涔犺繃绋嬩腑鐨勬�濊�冦��</p>
+                <textarea v-model="questionData.taskData.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                class="fz-15 textarea-box1" @change="setBookQuestion"></textarea>
+              </td>
             </tr>
           </table>
         </div>
@@ -534,11 +575,11 @@
     </div>
 
     <!-- P12 -->
-    <div class="page-box" page="21">
-      <div v-if="showPageList.indexOf(21) > -1">
+    <div class="page-box" page="22">
+      <div v-if="showPageList.indexOf(22) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">12</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
@@ -580,10 +621,10 @@
     </div>
 
     <!-- P13 -->
-    <div class="page-box" page="22">
-      <div v-if="showPageList.indexOf(22) > -1">
+    <div class="page-box" page="23">
+      <div v-if="showPageList.indexOf(23) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">13</li>
         </ul>
@@ -597,7 +638,7 @@
               <p class="fz-14">
                 璇蜂綘閫氳繃瀹炲湴璧拌鎴栬�呯綉缁滈棶鍗风瓑鏂瑰紡瀵规墍鍦ㄥ湴鐨勬墭鑲叉満鏋勮繘琛岃皟鐮旓紝涓昏浜嗚В褰撳湴鎵樿偛鏈烘瀯鐨勭被鍨嬪苟鍋氭暣鐞嗐��
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="73"
+              <textarea v-model="questionData.practiceData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="73"
                 class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -626,11 +667,11 @@
     </div>
 
     <!-- P14 -->
-    <div class="page-box" page="23">
-      <div v-if="showPageList.indexOf(23) > -1">
+    <div class="page-box" page="24">
+      <div v-if="showPageList.indexOf(24) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">14</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p>
@@ -671,10 +712,10 @@
     </div>
 
     <!-- P15 -->
-    <div class="page-box" page="24">
-      <div v-if="showPageList.indexOf(24) > -1">
+    <div class="page-box" page="25">
+      <div v-if="showPageList.indexOf(25) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">15</li>
         </ul>
@@ -688,6 +729,21 @@
               璇蜂綘鎵弿浜岀淮鐮侊紝浠旂粏闃呰涓崕浜烘皯鍏卞拰鍥戒綇鎴垮拰鍩庝埂寤鸿閮ㄥ彂甯冪殑銆婃墭鍎挎墍銆佸辜鍎垮洯寤虹瓚璁捐瑙勮寖銆嬶紙JGJ
               39鈥�2016锛夛紙2019骞寸増锛夌殑鐩稿叧鍐呭銆�
             </p>
+            <div class="pdf-text">
+              <div class="pdf-con">
+                <div class="pdf-view">
+                  <span>
+                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+                      <path
+                        d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+                        p-id="11010"></path>
+                    </svg>
+                  </span>
+                  <span @click="toUrl(2)">鎵樺効鎵�銆佸辜鍎垮洯寤虹瓚璁捐瑙勮寖.pdf</span>
+                </div>
+              </div>
+            </div>
           </div>
           <h3 id="c006">鍥涖�佹墭鑲叉満鏋勬埧灞嬬┖闂村姛鑳借璁�</h3>
           <p>
@@ -712,11 +768,11 @@
     </div>
 
     <!-- P16 -->
-    <div class="page-box" page="25">
-      <div v-if="showPageList.indexOf(25) > -1">
+    <div class="page-box" page="26">
+      <div v-if="showPageList.indexOf(26) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">16</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p class="img">琛�1-1 鐝骇瑙勬ā璁剧疆鍙傝�冿紙鍏ㄦ棩鍒躲�佸崐鏃ュ埗锛�</p>
@@ -748,10 +804,10 @@
     </div>
 
     <!-- P17 -->
-    <div class="page-box" page="26">
-      <div v-if="showPageList.indexOf(26) > -1">
+    <div class="page-box" page="27">
+      <div v-if="showPageList.indexOf(27) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">17</li>
         </ul>
@@ -767,7 +823,7 @@
               <p class="fz-14">
                 璇蜂綘鏍规嵁鎵樿偛鏈烘瀯鎴垮眿绌洪棿鍔熻兘璁捐瑕佹眰鐨勫唴瀹圭粯鍒舵湰鐭ヨ瘑鐐圭殑鎬濈淮瀵煎浘锛屽苟杩涜灞曠ず鍜岃瑙c��
               </p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="30"
+              <textarea v-model="questionData.practiceData.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="30"
                   class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -792,11 +848,11 @@
     </div>
 
     <!-- P18 -->
-    <div class="page-box" page="27">
-      <div v-if="showPageList.indexOf(27) > -1">
+    <div class="page-box" page="28">
+      <div v-if="showPageList.indexOf(28) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">18</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <!-- 杞挱鍥� -->
@@ -857,10 +913,10 @@
     </div>
 
     <!-- P19 -->
-    <div class="page-box" page="28">
-      <div v-if="showPageList.indexOf(28) > -1">
+    <div class="page-box" page="29">
+      <div v-if="showPageList.indexOf(29) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">19</li>
         </ul>
@@ -881,24 +937,74 @@
     </div>
 
     <!-- P20 -->
-    <div class="page-box" page="29">
-      <div v-if="showPageList.indexOf(29) > -1">
+    <div class="page-box" page="30">
+      <div v-if="showPageList.indexOf(30) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">20</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
           <p>
             1.璇蜂綘缁撳悎鏈涔犱换鍔$殑鍐呭锛屽埄鐢ㄧ綉缁滄悳闆嗗叧浜庢垜鍥�0锝�3宀佸┐骞煎効鎵樿偛鏈烘瀯涓�3锝�6宀佸辜鍎挎暀鑲叉満鏋勫湪鎴垮眿绌洪棿鍔熻兘璁捐鏂归潰鐨勪笉鍚岀偣銆�
+            <span class="btn-box" @click="askAnswerThree = !askAnswerThree" title="鏌ョ湅绛旀">
+                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+                  <path class="a"
+                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                    transform="translate(-3327.144 15329)" />
+                </svg>
+              </span>
           </p>
-          <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <div v-show ="askAnswerThree">
+            <p>鍙傝�冪瓟妗堝涓嬨��</p>
+            <p>0~3宀佸┐骞煎効鐨勬埧闂村姛鑳藉寘鍚敓娲荤敤鎴胯璁°�傚┐骞煎効鐨勭敓娲荤敤鎴垮寘鎷椿鍔ㄥ銆佺洢娲楀銆�
+              鍗敓闂淬�佺潯鐪犲銆佸偍钘忓鍜屼笓鐢ㄦ椿鍔ㄥ(濡傜編鏈椿鍔ㄥ)銆備钩鍎跨彮鎴块棿鐨勮缃簲鍖呮嫭鐫$湢
+              鍖恒�佹椿鍔ㄥ尯銆侀厤椁愬尯銆佹竻娲佸尯銆佸偍钘忓尯绛�;鎵樺皬鐝櫎浜嗗寘鎷潯鐪犲尯銆佹椿鍔ㄥ尯銆侀厤椁愬尯銆佹竻娲�
+              鍖恒�佸偍钘忓尯涔嬪锛岃繕搴旇鏈夊崼鐢熼棿绛�;鎵樺ぇ鐝敓娲荤敤鎴跨殑浣跨敤闈㈢Н鍙婅姹傚熀鏈笌骞煎効鍥敓娲�
+              鐢ㄦ埧鐩稿悓銆傛墭鑲叉満鏋勭┖闂磋璁℃棬鍦ㄤ负濠村辜鍎垮垱璁句竴涓�傚簲鍏跺彂灞曠殑绌洪棿鐜锛屾弧瓒冲┐骞煎効鎴�
+              闀垮彂鑲查渶姹傦紝浣垮叾鎰熺煡鐖变笌鑷敱銆傛墭鑲叉満鏋勭┖闂翠笓灞炵殑妗屻�佹绛夊鍏凤紝搴斾紶閫掑嚭鍖呭銆佹帴
+              绾炽�佸弸濂界殑蹇冪悊鎰熷彈銆傚鍏疯竟瑙掓墦纾ㄦ垚鍦嗗姬褰€�佸甫鏈夎緟鍔╁┐骞煎効绋冲畾韬綋閲嶅績鐨勬壎鎵嬬瓑锛屼娇
+              浠栦滑浣跨敤鏃舵湁瀹夊叏鎰熴�傛湁瓒g殑閫犲瀷銆佹槑蹇殑鑹插僵銆侀�傚疁鐨勬父鎴忎富棰樺満鏅紝涓哄┐骞煎効鎵撻�犱竴涓�
+              鍙堜竴涓ⅵ骞荤殑娓告垙鐜锛屼娇浠栦滑鍦ㄦ父鎴忎腑浣撻獙涔愯叮锛屽疄鐜颁釜浣撳彂灞曘��</p>
+              <p>鏈嶅姟绠$悊鐢ㄦ埧鍖呮嫭鍓嶅彴宸ヤ綔鍖恒�佸姙鍏銆佷繚鍋ュ銆佹瘝濠村銆佸�肩彮瀹ゃ�佽祫婧愬绛夌┖闂淬��</p>
+              <p>鎵樿偛鏈烘瀯鐨勫崼鐢熼棿搴斾緷鎹┐骞煎効骞撮緞鐝繘琛岀瀛﹁缃紝闈㈢Н搴斾笉灏忎簬10骞虫柟绫炽�傛墭灏�
+              鐝拰鎵樺ぇ鐝殑鍗敓闂村唴搴旈厤澶囩浉搴旀暟閲忕殑骞煎効涓撶敤鍧愪究鍣ㄣ�佸皬渚挎枟鎴栧皬渚挎睜锛屾墭澶х彮鍗敓闂�
+              鍐呰繕鍙互閰嶇疆涓�浜涢�傚悎骞煎効涓�浜轰竴浣嶇殑韫蹭究銆佸皬渚挎睜锛屽苟鍔犺闅旀澘鍜屾壎鎵嬶紝浠庡皬鍩瑰吇骞煎効淇�
+              鎶ら殣绉佸拰灏婇噸浠栦汉闅愮鐨勬剰璇嗗拰涔犳儻銆�</p>
+              <p>3~6宀佸辜鍎挎暀鑲叉満鏋勬埧灞嬬┖闂村姛鑳藉寘鎷�:瀹ゅ鐜銆佹暀瀹ゃ�佸鍔熻兘瀹ゃ�佽蛋寤娿�侀鍘呫�佸崸
+              瀹ょ瓑銆�</p>
+              <p>鎵樿偛鏈烘瀯瑕佹眰鍖哄煙鍒掑垎鍚堢悊锛屽寘鎷椿鍔ㄥ尯銆佸氨椁愬尯銆佺潯鐪犲尯銆佸杺鍏诲尯銆佸崼鐢熼棿銆佺洢娲楀銆�
+              閰嶉闂淬�佷繚鍋ュ锛屽崼鐢熼棿鏈�濂藉共婀垮垎绂汇��3~6宀佸辜鍎挎暀鑲叉満鏋勬病鏈夊杺鍏诲尯锛屽叾浣欑殑鍜屾墭鑲叉満
+              鏋勮姹傚樊涓嶅銆�</p>
+              <p>鎵樿偛鏈烘瀯娲诲姩鍖�:鎵樺皬鐝�佹墭澶х彮瑕佹眰鍜屽辜鍎垮洯涓�鏍凤紝鎴垮眿浣跨敤闈㈢Н鑷冲皯70 骞虫柟绫炽��
+                <p>鐫$湢鍖�:鎵樺皬鐝�佹墭澶х彮瑕佹眰鍜屽辜鍎垮洯涓�鏍凤紝鎴垮眿浣跨敤闈㈢Н鑷冲皯60骞虫柟绫炽��</p>
+                <p>濡傛灉娌℃湁鍗曠嫭鐨勬椿鍔ㄥ尯鍜岀潯鐪犲尯锛屼簩鑰呭彲浠ュ悎骞讹紝鍚堝苟涔嬪悗浣跨敤闈㈢Н涓嶅緱浣庝簬105骞虫柟
+              绫炽�傛渶濂芥瘡闂存暀瀹ら兘閰嶅鍗敓闂达紝濡傛灉涓嶈兘杈惧埌杩欎釜鏍囧噯锛屽彲浠ヨ缃叕鍏卞崼鐢熼棿銆傚効绔ラ┈
+              妗剁殑瑕佹眰鏄瘡涓埧闂存瘡5鍚嶅効绔ラ厤澶�1涓┈妗讹紝鍗虫寜1:5鐨勬瘮渚嬮厤澶囥�傚鏋滆缃叕鍏遍┈妗讹紝
+              鑷冲皯瑕佹湁4涓紝鐢峰コ鍒嗗紑骞朵笖闇�瑕佸噯澶�1~2涓皬渚跨泦銆傜洢娲楀鐨勬礂鎵嬫睜涔熻鎸夌収1:5鐨勬瘮
+              渚嬭缃�傞厤椁愰棿瑕佹湁鐙珛鐨勪笂涓嬫按銆備繚鍋ュ鑷冲皯12骞虫柟绫筹紝涔熷簲鏈変笂涓嬫按锛屾病鏈夌殑璇濆垯瑕�
+              鏈夊鍐呮祦鍔ㄦ按璁炬柦銆傛埧灞嬪唴鐨勫紑鍏崇鍦伴潰搴斿湪1.8绫充互涓娿�備竴宸句竴鏉灦涓�瀹氳璁剧疆鍦ㄨ窛绂�
+              鍦伴潰20鍘樼背浠ヤ笂锛岄伩鍏嶆湁鍗敓姝昏銆�</p>
+
+          </div>
           <p>
             2.濡傛灉浣犳槸涓�瀹舵墭鑲叉満鏋勭殑宸ヤ綔浜哄憳锛屼綘浠崟浣嶇殑璐熻矗浜轰氦缁欎綘涓�涓竷缃瘝濠村鐨勫伐浣滀换鍔★紝璇蜂綘鏍规嵁鎵�瀛﹀唴瀹硅璁″钩闈㈠浘骞跺垪涓炬墍闇�璁炬柦鍜岃澶囥��
+            <span class="btn-box" @click="askAnswerFour = !askAnswerFour" title="鏌ョ湅绛旀">
+                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+                  <path class="a"
+                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                    transform="translate(-3327.144 15329)" />
+                </svg>
+              </span>
           </p>
-          <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <div v-show ="askAnswerFour">
+            <p>鍙傝�冪瓟妗堝涓嬨��</p>
+            <img class="img-a" alt="" src="../../assets/images/answerfour.png" /></p>
+          </div>
           <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
           <p>
             鏈功缂栧啓缁勶細銆�0鈥�3宀佸┐骞煎効鎵樿偛鏈烘瀯瀹炵敤鎸囧崡銆嬶紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2019銆�
@@ -911,10 +1017,10 @@
     </div>
 
     <!-- P21 -->
-    <div class="page-box" page="30">
-      <div v-if="showPageList.indexOf(30) > -1">
+    <div class="page-box" page="31">
+      <div v-if="showPageList.indexOf(31) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">21</li>
         </ul>
@@ -965,12 +1071,18 @@
             <tr class="tr">
               <td class="td1">瀛︿範杩愮敤</td>
               <td class="td">
-                浣犺寰楀湪鍝簺宸ヤ綔鍦烘櫙涓彲浠ヨ繍鐢ㄥ埌鏈涔犱换鍔℃墍瀛﹀唴瀹�?
+                <p>浣犺寰楀湪鍝簺宸ヤ綔鍦烘櫙涓彲浠ヨ繍鐢ㄥ埌鏈涔犱换鍔℃墍瀛﹀唴瀹�?</p>
+                <textarea v-model="questionData.taskData.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                class="fz-15 textarea-box1" @change="setBookQuestion"></textarea>
               </td>
             </tr>
             <tr class="tr">
               <td class="td1">瀛︿範鍙嶆��</td>
-              <td class="td">璇疯褰曚綘鍦ㄥ涔犺繃绋嬩腑鐨勬�濊�冦��</td>
+              <td class="td">
+                <p>璇疯褰曚綘鍦ㄥ涔犺繃绋嬩腑鐨勬�濊�冦��</p>
+                <textarea v-model="questionData.taskData.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                class="fz-15 textarea-box1" @change="setBookQuestion"></textarea>
+              </td>
             </tr>
           </table>
         </div>
@@ -978,11 +1090,11 @@
     </div>
 
     <!-- P22 -->
-    <div class="page-box" page="31">
-      <div v-if="showPageList.indexOf(31) > -1">
+    <div class="page-box" page="32">
+      <div v-if="showPageList.indexOf(32) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">22</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
@@ -1020,10 +1132,10 @@
     </div>
 
     <!-- P23 -->
-    <div class="page-box" page="32">
-      <div v-if="showPageList.indexOf(32) > -1">
+    <div class="page-box" page="33">
+      <div v-if="showPageList.indexOf(33) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">23</li>
         </ul>
@@ -1073,11 +1185,11 @@
       </div>
     </div>
     <!-- P24 -->
-    <div class="page-box" page="33">
-      <div v-if="showPageList.indexOf(33) > -1">
+    <div class="page-box" page="34">
+      <div v-if="showPageList.indexOf(34) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">24</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p class="td-0">
@@ -1112,10 +1224,10 @@
     </div>
 
     <!-- P25 -->
-    <div class="page-box" page="34">
-      <div v-if="showPageList.indexOf(34) > -1">
+    <div class="page-box" page="35">
+      <div v-if="showPageList.indexOf(35) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">25</li>
         </ul>
@@ -1159,11 +1271,11 @@
     </div>
 
     <!-- P26 -->
-    <div class="page-box" page="35">
-      <div v-if="showPageList.indexOf(35) > -1">
+    <div class="page-box" page="36">
+      <div v-if="showPageList.indexOf(36) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">26</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <h5 id="e024">1.鎵樿偛鏈烘瀯鍖哄煙鏉愭枡</h5>
@@ -1186,10 +1298,25 @@
               <img class="img-0" alt="" src="../../assets/images/0037-1.jpg" />
             </p>
           </div>
-          <p class="center">
-            <img class="img-g" alt="" src="../../assets/images/0037-2.jpg" />
-          </p>
-          <p class="img">瑙嗛璧勬簮锛氬┐骞煎効鐩婃櫤绫荤帺鍏封�斺�旈厤瀵规父鎴�</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>瑙嗛锛氬┐骞煎効鐩婃櫤绫荤帺鍏封�斺�旈厤瀵规父鎴�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '016175AFC879C8DD70F3D5C5E04D3680'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             寮�鍙戝┐骞煎効鏅哄姏銆佹彁楂樺┐骞煎効鎿嶄綔鎺㈢储鑳藉姏鍜屼績杩涘┐骞煎効绮剧粏鍔ㄤ綔鍙戝睍鏄泭鏅哄尯鐨勪富瑕佺洰鏍囥�傛墭鑲叉満鏋勫彲浠ユ彁渚涚殑鏉愭枡鍖呮嫭鎷煎浘銆佸浘褰㈢帺鍏枫�佷覆鐝犮�佸垎绫荤帺鍏枫�佸妗躲�佹墦缁撶怀銆侀厤瀵圭帺鍏枫�佸鍣ㄣ�佺摱鐩栫瓑銆�
           </p>
@@ -1201,10 +1328,10 @@
     </div>
 
     <!-- P27 -->
-    <div class="page-box" page="36">
-      <div v-if="showPageList.indexOf(36) > -1">
+    <div class="page-box" page="37">
+      <div v-if="showPageList.indexOf(37) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">27</li>
         </ul>
@@ -1258,11 +1385,11 @@
     </div>
 
     <!-- P28-->
-    <div class="page-box" page="37">
-      <div v-if="showPageList.indexOf(37) > -1">
+    <div class="page-box" page="38">
+      <div v-if="showPageList.indexOf(38) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">28</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p class="td-0">
@@ -1316,10 +1443,10 @@
     </div>
 
     <!-- P29 -->
-    <div class="page-box" page="38">
-      <div v-if="showPageList.indexOf(38) > -1">
+    <div class="page-box" page="39">
+      <div v-if="showPageList.indexOf(39) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">29</li>
         </ul>
@@ -1348,11 +1475,11 @@
     </div>
 
     <!-- P30-->
-    <div class="page-box" page="39">
-      <div v-if="showPageList.indexOf(39) > -1">
+    <div class="page-box" page="40">
+      <div v-if="showPageList.indexOf(40) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">30</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p class='td-0'>
@@ -1392,10 +1519,10 @@
     </div>
 
     <!-- P31 -->
-    <div class="page-box" page="40">
-      <div v-if="showPageList.indexOf(40) > -1">
+    <div class="page-box" page="41">
+      <div v-if="showPageList.indexOf(41) > -1">
         <ul class="fl al-c jc-fe fc">
-          <li class="br">妯″潡涓�</li>
+          <li class="br1">妯″潡涓�</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
           <li class="br-r">31</li>
         </ul>
@@ -1419,11 +1546,11 @@
     </div>
 
     <!-- P32-->
-    <div class="page-box" page="41">
-      <div v-if="showPageList.indexOf(41) > -1">
+    <div class="page-box" page="42">
+      <div v-if="showPageList.indexOf(42) > -1">
         <ul class="fl al-c  fc ml-9">
           <li class="br">32</li>
-          <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
+          <li class="lh">鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
           <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
@@ -1453,9 +1580,16 @@
         </div>
       </div>
     </div>
+    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="pdfTitle" ref="pdfDialogRef"></preView>
   </div>
 </template>
 <script>
+import { getResourcePath } from "@/assets/methods/resources";
+import {
+  getCollectResource,
+  setCollectResource,
+} from "@/assets/methods/resources";
+import preView from '@/components/pdfview/index.vue'
 export default {
   name: "chapterOne",
   props: {
@@ -1463,12 +1597,28 @@
       type: Array,
     },
   },
+  components: {
+    preView,
+  },
   data() {
     return {
+      dialogVisible: false,
+      pdfTitle: '',
+      p_md5: '',
+      pdfDialogRef: "",
+      collectImg: require("../../assets/images/icon/heart.png"),
+      collectCheck: require("../../assets/images/icon/heart-check.png"),
+      videoPathOne: "",
+      collectResourceList: [],
+      chapterData: {
+        isCollectVideo: false,
+      },
       questionData: {
         taskData:{
           one:"",
           two:"",
+          three:"",
+          four:"",
         },
         askAbout: {
           one: "",
@@ -1479,12 +1629,27 @@
           six:"",
           seven:"",
           eight:""
+        },
+        practiceData:{
+          one:"",
+          two:""
         }
       },
       askAnswerOne: false,
       askAnswerTwo: false,
       askAnswerThree: false,
       askAnswerFour: false,
+      pdfMd5: {
+          1: {
+            md5: '0107C87C520689110F980461151A7DDE',
+            name: '椹儗涓婄殑鎽囩',
+          },
+          2: {
+            md5: '4F277404C357505B6B316C7CEEB3F431',
+            name: '銆婃墭鍎挎墍銆佸辜鍎垮洯寤虹瓚璁捐瑙勮寖銆�',
+          }
+         
+        },
     };
   },
   async mounted() {
@@ -1495,8 +1660,29 @@
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
+    this.getVidoePath();
+    this.collectResourceList = await getCollectResource(
+      this.config.activeBook.bookId
+    );
   },
   methods: {
+    async getVidoePath() {
+      this.videoPathOne = await getResourcePath(
+        "016175AFC879C8DD70F3D5C5E04D3680"
+      );
+      console.log(this.videoPathOne,111)
+    },
+    closeDialog() {
+      this.dialogVisible = false
+    },
+    toUrl(val) {
+      if (val) {
+        this.dialogVisible = true
+        this.p_md5 = this.pdfMd5[val].md5
+        this.pdfTitle = this.pdfMd5[val].name
+        this.$refs.pdfDialogRef.openDialog();
+      }
+    },
     setBookQuestion() {
       localStorage.setItem(
         "childcareInstitutionsManagement-book-chapter01-question",
@@ -1504,6 +1690,59 @@
       );
     },
 
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "016175AFC879C8DD70F3D5C5E04D3680",
+          "016175AFC879C8DD70F3D5C5E04D3680",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬┐骞煎効鐩婃櫤绫荤帺鍏封�斺�旈厤瀵规父鎴�"
+        );
+        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      }
+      this.handleChapterData();
+    },
+
+    handleChapterData() {
+      localStorage.setItem(
+        "childcareInstitutionsManagement-book-chapter01-Data",
+        JSON.stringify(this.chapterData)
+      );
+    },
+    //璧勬簮鏀惰棌浜嬩欢
+    // resourcePath  鏂囦欢璺緞锛�
+    // resourceType  鏂囦欢绫诲瀷
+    // source        鏂囦欢鏉ユ簮
+    handleCollectResource(
+      id,
+      md5,
+      resourcePath,
+      resourceType,
+      source,
+      resourceName
+    ) {
+      let list = this.collectResourceList;
+      if (list.findIndex((item) => item.id == id) > -1) {
+        list = list.filter((item) => item.id != id);
+      } else {
+        list.push({
+          id,
+          md5,
+          resourcePath,
+          resourceType,
+          source,
+          resourceName,
+        });
+      }
+      this.collectResourceList = list;
+      setCollectResource(
+        this.config.activeBook.bookId,
+        this.collectResourceList
+      );
+    },
+
   }
 };
 </script>
diff --git a/src/books/childcareInstitutionsManagement/view/components/header.vue b/src/books/childcareInstitutionsManagement/view/components/header.vue
index d4d7e5f..bd709d1 100644
--- a/src/books/childcareInstitutionsManagement/view/components/header.vue
+++ b/src/books/childcareInstitutionsManagement/view/components/header.vue
@@ -3,12 +3,17 @@
     <!-- 灏侀潰 -->
     <div class="page-box mt-20" page="1" style="min-height: auto">
       <div v-if="showPageList.indexOf(1) > -1">
+        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+      </div>
+    </div>
+    <div class="page-box mt-20" page="2" style="min-height: auto">
+      <div v-if="showPageList.indexOf(2) > -1">
         <img class="img-0" alt="" src="../../assets/images/fengmian.png" />
       </div>
     </div>
     <!-- 浠嬬粛椤甸潰 -->
-    <div class="page-box" page="2">
-      <div v-if="showPageList.indexOf(2) > -1">
+    <div class="page-box" page="3">
+      <div v-if="showPageList.indexOf(3) > -1">
         <div style="margin: 0 25%; padding: 10% 0">
           <hr />
           <p><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
@@ -49,8 +54,8 @@
       </div>
     </div>
     <!-- 浠嬬粛椤甸潰 -->
-    <div class="page-box fl" page="3">
-      <div v-if="showPageList.indexOf(3) > -1" class="bg-color">
+    <div class="page-box fl" page="4">
+      <div v-if="showPageList.indexOf(4) > -1" class="bg-color">
         <div class="bg-color1">
           <div class="title">
             <div class="bj1">
@@ -71,8 +76,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="4">
-      <div v-if="showPageList.indexOf(4) > -1">
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
         <div class="pt">
         <img class="img-0" alt="" src="../../assets/images/sysm.jpg"/>
         </div>
@@ -97,10 +102,10 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="5">
-      <div v-if="showPageList.indexOf(5) > -1">
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
         <ul class="fl al-c  fc ml-9">
-          <li class="br">2</li>
+          <li class="br1">2</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
@@ -108,8 +113,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="6">
-      <div v-if="showPageList.indexOf(6) > -1">
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
         <div>
           <div class="pt"><img class="img-0" alt="" src="../../assets/images/csx.jpg"/></div>
         </div>
@@ -124,10 +129,10 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="7">
-      <div v-if="showPageList.indexOf(7) > -1">
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
         <ul class="fl al-c  fc ml-9">
-          <li class="br">2</li>
+          <li class="br1">2</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
@@ -141,8 +146,8 @@
         
       </div>
     </div>
-    <div class="page-box" page="8">
-      <div v-if="showPageList.indexOf(8) > -1">
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
         <div>
           <div class="pt"><img class="img-0" alt="" src="../../assets/images/qy.jpg"/></div>
         </div>
@@ -159,10 +164,10 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="9">
-      <div v-if="showPageList.indexOf(9) > -1">
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
         <ul class="fl al-c  fc ml-9">
-          <li class="br">2</li>
+          <li class="br1">2</li>
           <li>鎵樿偛鏈烘瀯绠$悊瀹炲姟</li>
         </ul>
         <div class="bodystyle">
diff --git a/src/components/pdfview/index.vue b/src/components/pdfview/index.vue
index a295a3a..5dd67ad 100644
--- a/src/components/pdfview/index.vue
+++ b/src/components/pdfview/index.vue
@@ -104,6 +104,7 @@
       this.localDialogVisible = true
     },
     async downloadPdf() {
+      console.log(this.preViewMd5)
       window.open(await getResourcePath(this.preViewMd5))
     },
     domViewer() {

--
Gitblit v1.9.1