轮播图优化

zhongshujie

2024-12-27 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99

轮播图优化

 src/books/aviationSafety/assets/images/0049-01.jpg

 src/books/aviationSafety/assets/images/0049-02.jpg

 src/books/aviationSafety/assets/images/0050-01.jpg

 src/books/aviationSafety/assets/images/0050-02.jpg

 src/books/aviationSafety/assets/images/0051-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0052-01.jpg

 src/books/aviationSafety/assets/images/0052-02.jpg

 src/books/aviationSafety/assets/images/0052-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0053-01.jpg

 src/books/aviationSafety/assets/images/0053-02.jpg

 src/books/aviationSafety/assets/images/0053-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0054-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0056-2.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0057-01.jpg

 src/books/aviationSafety/assets/images/0057-02.jpg

 src/books/aviationSafety/assets/images/0057-03.jpg

 src/books/aviationSafety/assets/images/0057-04.jpg

 src/books/aviationSafety/assets/images/0057-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0058-01.jpg

 src/books/aviationSafety/assets/images/0058-02.jpg

 src/books/aviationSafety/assets/images/0058-03.jpg

 src/books/aviationSafety/assets/images/0058-04.jpg

 src/books/aviationSafety/assets/images/0058-05.jpg

 src/books/aviationSafety/assets/images/0058-06.jpg

 src/books/aviationSafety/assets/images/0061-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0061-2.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0062-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0062-2.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0064-01.jpg

 src/books/aviationSafety/assets/images/0064-02.jpg

 src/books/aviationSafety/assets/images/0068-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0072-01.jpg

 src/books/aviationSafety/assets/images/0072-02.jpg

 src/books/aviationSafety/assets/images/0075-01.jpg

 src/books/aviationSafety/assets/images/0075-02.jpg

 src/books/aviationSafety/assets/images/0076-1.jpg

Binary files differ

 src/books/aviationSafety/assets/main.less

@@ -2,52 +2,6 @@
    width: 100%;
    height: 100%;

    // 视频  
    .video-box-cover {
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .video-box {
        margin: 20px 0 20px 8%;
        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;
    }

    .selectInput {
        width: 20px;
        outline: none;
        border: 0;
        text-align: 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%;
    }

    // 自定义内容
    .page-box {
        box-sizing: border-box;
@@ -103,8 +57,7 @@
    }

    .mt-30 {
        margin-top: 30px !important;
        ;
        margin-top: 30px !important;;
    }

    .mt-50 {
@@ -131,126 +84,6 @@
        width: 90%;
    }


    p {
        text-indent: 0em;
        line-height: 20px;
    }
}

.table-title-bc {
    background-color: #8091BC;
    color: #fff;
    line-height: 25px;
}

.table-textarea {
    font-size: 14px;
    font-family: "Times New Roman", "宋体";
    resize: none;

    &:focus {
        outline: none;
    }
}

.table-input-border {
    width: 80%;
    background-color: transparent;
    border: 0;

    &:focus {
        outline: none;
    }
}

.table-input-border-w20 {
    width: 20%;
    background-color: transparent;
    border: 0;

    &:focus {
        outline: none;
    }
}

.table-input-border-w15 {
    width: 15%;
    background-color: transparent;
    border: 0;

    &:focus {
        outline: none;
    }
}

.table-input-border-w10 {
    width: 10%;
    background-color: transparent;
    border: 0;

    &:focus {
        outline: none;
    }
}

.table-input-border-w5 {
    width: 5%;
    background-color: transparent;
    border: 0;

    &:focus {
        outline: none;
    }
}

.input-bottom-border {
    width: 11%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;

    &:focus {
        outline: none;
    }
}

.input-bottom-border1 {
    width: 33%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;

    &:focus {
        outline: none;
    }
}


.input-bottom-border2 {
    width: 21.5%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;

    &:focus {
        outline: none;
    }
}

// 续表
.continued {
    text-align: right;
    margin: 0%;
}


.text-rights {
    width: 230px;
    float: right;
    height: auto;
    margin: auto;
    margin-left: 20px;

    .w80 {
        width: 80%;
@@ -675,7 +508,7 @@
    }

    .table-input-border {
        width: 90%;
        width: 80%;
        background-color: transparent;
        border: 0;

@@ -684,13 +517,51 @@
        }
    }

    .table-input-border-w20 {
        width: 20%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w15 {
        width: 15%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }
    
    .table-input-border-w10 {
        width: 10%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w5 {
        width: 5%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .input-bottom-border {
        width: 11%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

        &:focus {
            outline: none;
        }
@@ -701,7 +572,6 @@
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

        &:focus {
            outline: none;
        }
@@ -717,6 +587,44 @@
        &:focus {
            outline: none;
        }
    }
    // 视频  
    .video-box-cover {
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .video-box {
        margin: 20px 0 20px 8%;
        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%;
    }

    // 续表
@@ -859,7 +767,7 @@

        .img {
            margin: 0 !important;
            font-size: 16px !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);

 src/books/aviationSafety/view/components/chapter002.vue

@@ -4,26 +4,19 @@
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">15</li>
        </ul>
        <div class="bodystyle p-even">
          <h1 id="a007">
            <span class="h1-bj">项目二</span
            ><span class="h1-bk">了解航空安全保卫法律法规</span>
            <span class="h1-bj">项目二</span><span class="h1-bk">了解航空安全保卫法律法规</span>
          </h1>
          <p><br /></p>
          <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-16">
              在民航运输中，安全始终是重要的问题之一。为了保障旅客和机组人员的安全，民航安全检查是必不可少的环节。因此，了解航空安全保卫相关法律法规知识显得尤为重要。只有掌握了相关法律法规知识，才能更好地进行安全检查工作，确保民航运输的安全顺畅。
@@ -78,25 +71,14 @@
            <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"
                  >
                  <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>
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(1)"
                  >任务一 了解航空安全保卫的国际组织.pdf</span
                >
                <span @click="toUrl(1)">任务一 了解航空安全保卫的国际组织.pdf</span>
              </div>
            </div>
          </div>
@@ -105,13 +87,8 @@
            航空安全保卫是民航运输中至关重要的一环，为了确保旅客和机组人员的安全，国际组织在航空安全保卫方面发挥着重要的作用。本任务将介绍一些与民航安全保卫相关的国际组织，包括国际民用航空组织、国际航空运输协会等。通过了解这些组织的职责和工作内容，我们将更好地理解民航安全保卫的整体框架和合作机制。
          </p>
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -165,24 +142,15 @@
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">17</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center w15">学习运用</td>
              <td class="ta-l" colspan="2">
@@ -194,13 +162,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -267,7 +230,7 @@
            国际民用航空组织（International Civil Aviation
            Organization，ICAO）简称国际民航组织，是联合国系统中负责处理国际民航事务的专门机构，总部设在加拿大蒙特利尔。国际民航组织是政府间的国际组织，也是联合国组织的专门机构，其宗旨和目的在于发展国际航行的原则和技术，并促进国际运输的规划与发展。
          </p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-d" alt="" src="../../assets/images/0029-1.jpg" />
          </p>
          <p class="img">国际民航组织标志</p>
@@ -280,9 +243,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">
@@ -309,11 +271,7 @@
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">19</li>
@@ -384,9 +342,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">
@@ -438,11 +395,7 @@
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">21</li>
@@ -464,61 +417,30 @@
          </div>
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.国际民航组织是什么时候成立的？</p>
          <textarea
            v-model="questionData.teskOne.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.我国在何时成为国际民航组织的一类理事国？</p>
          <textarea
            v-model="questionData.teskOne.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>3.国际民航组织的主要宗旨和目的是什么？</p>
          <textarea
            v-model="questionData.teskOne.three"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>4.国际航协的基本职能有哪些？</p>
          <textarea
            v-model="questionData.teskOne.four"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <h2 id="b005">任务二<br />学习有关航空安全保卫的国际公约</h2>
          <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"
                  >
                  <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>
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(2)"
                  >任务二 学习有关航空安全保卫的国际公约.pdf</span
                >
                <span @click="toUrl(2)">任务二 学习有关航空安全保卫的国际公约.pdf</span>
              </div>
            </div>
          </div>
@@ -538,13 +460,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -603,13 +520,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableTwo.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -624,11 +536,7 @@
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">23</li>
@@ -649,9 +557,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">
@@ -667,9 +574,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">
@@ -720,25 +626,14 @@
            <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"
                  >
                  <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>
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(3)"
                  >任务三 掌握《中国民用航空安全检查手册》相关知识.pdf</span
                >
                <span @click="toUrl(3)">任务三 掌握《中国民用航空安全检查手册》相关知识.pdf</span>
              </div>
            </div>
          </div>
@@ -749,11 +644,7 @@
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">25</li>
@@ -762,8 +653,7 @@
          <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>
              </p>
            </div>
            <div class="bj3">
@@ -789,14 +679,16 @@
            </div>
            <p class="left"><span class="bj2">·效果检测·</span></p>
            <p>
              1.以下哪个附件规定了人员执照的颁发？（　<input class="selectInput" type="text" maxlength="1" v-model="questionData.inputOne" @change="setBookQuestion"/>　）
              1.以下哪个附件规定了人员执照的颁发？（　<input class="selectInput" type="text" maxlength="1" v-model="questionData.inputOne"
                @change="setBookQuestion" />　）
            </p>
            <p>A.《人员执照的颁发》</p>
            <p>B.《空中规则》</p>
            <p>C.《国际空中航行的气象服务》</p>
            <p>D.《航空器的国籍和登记标志》</p>
            <p>
              2.根据《国际民用航空公约》，哪个附件规定了航空器的适航性？（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTwo" @change="setBookQuestion"/>　）
              2.根据《国际民用航空公约》，哪个附件规定了航空器的适航性？（　<input class="selectInput" maxlength="1" type="text"
                v-model="questionData.inputTwo" @change="setBookQuestion" />　）
            </p>
            <p>A.《国际标准和建议措施》</p>
            <p>B.《空中规则》</p>
@@ -815,46 +707,21 @@
        </ul>
        <div class="bodystyle p-odd">
          <p>3.《东京公约》的主要目的是什么?</p>
          <textarea
            v-model="questionData.teskTwo.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>4.《蒙特利尔公约补充议定书》对哪个公约进行了补充？</p>
          <textarea
            v-model="questionData.teskTwo.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>5.《北京公约》和《北京议定书》是在哪里、何时通过的？</p>
          <textarea
            v-model="questionData.teskTwo.three"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>6.2014年《蒙特利尔议定书》对哪个公约进行了变更？</p>
          <textarea
            v-model="questionData.teskTwo.four"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
    <preView
      :isClear="dialogVisible"
      :md5="p_md5"
      :pdfTitle="somePdfTitleValue"
      ref="pdfDialogRef"
    ></preView>
    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
  </div>
</template>


 src/books/aviationSafety/view/components/chapter003.vue

@@ -4,11 +4,7 @@
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">27</li>
@@ -20,9 +16,7 @@
          <p><br /></p>
          <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-16">
              前传检查岗位是民航安检过程中的重要一环，对于保障机场安全运营和提高过检效率具有重要意义。前传员需要引导旅客正确摆放过检行李，维持过检秩序，处理突发状况，确保安检过程顺畅有序。掌握前传检查岗位的工作规范，熟练运用处置异常情况的方法，既能提高自身业务素质，也能有效保障机场安全。本项目将详细介绍前传检查岗位的含义、职责安排、工作流程以及特殊情况处置的内容。
@@ -30,40 +24,20 @@
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathOne"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '3be8acd96beeba7bfb62cf26e46fb7dd'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
@@ -88,13 +62,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -152,13 +121,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableOne.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -185,11 +149,7 @@
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">29</li>
@@ -212,62 +172,32 @@
          <p>（6）协助验证检查员复查旅客登机牌，防止出现漏检现象。</p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathTwo"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：前传岗位主要职责 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '1a8b239d665e109faeb1ad12e229a674'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-02')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.请根据前传员的工作职责，两人一组进行情境模拟训练。</p>
          <textarea
            v-model="questionData.teskOne.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>
            2.请旅客取出包内大件金属物品时，旅客表示不理解且不配合，你应该如何处理？
          </p>
          <textarea
            v-model="questionData.teskOne.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <h2 id="b007">任务二<br />遵守岗位规范及情况处置原则</h2>
          <p class="left mt-20 mb-20"><span class="bj2">·任务描述·</span></p>
          <p>
@@ -285,13 +215,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -345,20 +270,15 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableTwo.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
          <p class="left"><span class="bj2">·知识准备·</span></p>
          <h3 id="c015">一、岗位工作流程</h3>
          <p>前传检查岗位的工作流程如图3-2所示。</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-f" alt="" src="../../assets/images/0041-2.jpg" />
          </p>
          <p class="img">图3-2 前传检查岗位工作流程</p>
@@ -369,11 +289,7 @@
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">31</li>
@@ -397,78 +313,38 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathThree"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：前传岗位特殊情况处理 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '94b00baff32320b0c5f06e94951c0d22'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-03')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.请描述前传检查岗位工作的基本流程。</p>
          <textarea
            v-model="questionData.teskTwo.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.当旅客在前传检查岗位提出携带了易碎物品时，应如何处理？</p>
          <textarea
            v-model="questionData.teskTwo.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>
            3.遇到不宜通过金属探测门检查的旅客，前传员应做什么？需要注意什么？
          </p>
          <textarea
            v-model="questionData.teskTwo.three"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -479,78 +355,43 @@
              <td class="center w15">岗位工作流程</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">特殊情况处置</td>
              <td class="center w15">50</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w25">岗位职责</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <preView
      :isClear="dialogVisible"
      :md5="p_md5"
      :pdfTitle="somePdfTitleValue"
      ref="pdfDialogRef"
    ></preView>
    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
  </div>
</template>


 src/books/aviationSafety/view/components/chapter004.vue

@@ -14,9 +14,8 @@
          <p><br /></p>
          <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-16">
              证件检查是民航安检工作中的一项重要内容，也是安检员必备的基本能力之一。安检员对旅客的证件进行检查，核实旅客身份，可以有效地杜绝违规使用证件过检的行为，进而有力地保障航空器及旅客的生命财产安全。
@@ -46,11 +45,7 @@
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">33</li>
@@ -68,13 +63,8 @@
            通过这两个案例描述，我们可以了解到在实际生活中，并非每一位旅客都对证件有一定了解，由于年龄、地区、环境等各方面的影响，很多旅客在乘坐民航客机时对有效证件存在误解或者缺乏了解的情况依旧存在，因此了解原因，采取针对性处理措施是非常必要的。
          </p>
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -131,13 +121,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center w15">学习运用</td>
              <td class="ta-l" colspan="2">
@@ -149,13 +134,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableOne.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                                    class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -186,11 +166,7 @@
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">35</li>
@@ -229,9 +205,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">
@@ -295,9 +270,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">
@@ -322,11 +296,7 @@
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">37</li>
@@ -398,9 +368,9 @@
          <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><span class="zt-zysx1">识</span><span
                                    class="zt-zysx1">点</span>
              </p>
            </div>
            <div class="bj3">
@@ -425,11 +395,7 @@
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">39</li>
@@ -465,9 +431,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">
@@ -523,29 +488,14 @@
          </div>
          <p class="left mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.请写出证件检查工作的步骤。</p>
          <textarea
            v-model="questionData.teskOne.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p>2.请简单总结人像比对的主要内容。</p>
          <textarea
            v-model="questionData.teskOne.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -556,88 +506,48 @@
              <td class="center">熟知证件检查的目的</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.two" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.three" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center img-g">熟知证件检查的程序和方法</td>
              <td class="center w15">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.four" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.five" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w25">能够理解证件检查的三逻辑</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.six" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.seven" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">能够运用证件真伪鉴别的方法</td>
              <td class="center w15">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.eight" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableOne.nine" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -648,11 +558,7 @@
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">41</li>
@@ -670,13 +576,8 @@
            通过这个任务描述，我们可以了解到当居民身份证丢失时，千万不能购买、使用伪证或冒用他人证件，在影响行程的同时也触犯了法律。遇到此类情况时，可向有关部门咨询，按照规定办理乘机手续，或者持相关证件到机场公安机关办理免费临时乘机证明，部分机场也可线上办理临时有效乘机证明。
          </p>
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -726,13 +627,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableTwo.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                                    class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -765,22 +661,35 @@
          </p>
          <p>
            证件正面印有中华人民共和国居民身份证的证件名称，采用彩虹扭索花纹（也称底纹），颜色按从浅蓝色至浅粉红色再至浅蓝色的顺序排列，颜色衔接处相互融合，过渡自然。国徽图案在证件正面左上方突出位置，颜色为红色。国徽庄严醒目，配以“中华人民共和国居民身份证”名称，明确表达了主题。证件
          </p>
          <div class="img-float w220 openImgBox mt-10">
            <p class="center openImgBox">
              <img class="img-b" alt="" src="../../assets/images/0053-1.jpg" />
            </p>
            <p class="img">图4-2 居民身份证（样证）</p>
          </div>
          <span>
            <p class="td-0">
              名称分两行排列于国徽图案右侧上方位置；以点划线构成的浅蓝灰色写意长城图案位于国徽和证件名称下方的版面中心偏下位置，以“万里长城”为背景图案的主标志物代表中华人民共和国长治久安，远山的背景增强了长城图案的纵深感，图案以点线构成。有效期限和签发机关两个项目位于证件下方。
            </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0049-01.jpg" />
                                        <p class="img">图4-2 居民身份证（样证）</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0049-02.jpg" />
                                        <p class="img">图4-2 居民身份证（样证）</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>

            <p>
              证件背面印有与正面相同的彩虹扭索花纹，颜色与正面相同，内容包括姓名、性别、民族、出生日期、常住户口所在地住址、公民身份证号码和本人照片，定向光变色的长城图案位于性别项目的位置，光变光存储的“中国CHINA”字符位于照片与公民身份号码之间的位置。（图4-2）
            </p>
            <p>少数民族居民身份证采用汉字与少数民族文字结合的方式。根</p>
          </span>
                    <p>少数民族居民身份证采用汉字与少数民族文字结合的方式。根据少数民族文字书写特点，采用少数民</p>

        </div>
      </div>
    </div>
@@ -788,23 +697,36 @@
    <div class="page-box" page="50">
      <div v-if="showPageList.indexOf(50) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">43</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="td-0">
            据少数民族文字书写特点，采用少数民族文字的证件有两种排版格式。一种是同时使用汉字和蒙文，蒙文在前，汉字在后；另一种是同时使用汉字和其他少数民族文字（如藏文、壮文、彝文、维吾尔文、朝鲜文等），少数民族文字在上，汉字在下。（图4-3）
                        族文字的证件有两种排版格式。一种是同时使用汉字和蒙文，蒙文在前，汉字在后；另一种是同时使用汉字和其他少数民族文字（如藏文、壮文、彝文、维吾尔文、朝鲜文等），少数民族文字在上，汉字在下。（图4-3）
          </p>
          <p class="center openImgBox">
            <img class="w80" alt="" src="../../assets/images/0054-1.jpg" />
          </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0050-01.jpg" />
          <p class="img">图4-3 少数民族居民身份证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0050-02.jpg" />
                                        <p class="img">图4-3 少数民族居民身份证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
          <h4 id="d031">（二）二代居民身份证的登记内容</h4>
          <p>
            二代居民身份证具备视读与机读两种功能。视读、机读的内容共有九项：姓名、性别、民族、出生日期、常住户口所在地住址、公民身份号码、本人照片、证件的有效期限和签发机关。
@@ -855,40 +777,21 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathOne"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
                            <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(
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '604474fe2ff39196a5017f5a62175959'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
                                    " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
@@ -915,11 +818,7 @@
    <div class="page-box" page="52">
      <div v-if="showPageList.indexOf(52) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">45</li>
@@ -933,40 +832,21 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathTwo"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：中国人民解放军军官证的介绍 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '7505098499fc51f1817efd85e8ede072'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-02')"
                />
                                    " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
@@ -990,10 +870,27 @@
          <p>
            2024年9月1日，军士证和警士证纳入实名制购票有效身份证件类型（图4-6、图4-7）。
          </p>
          <p class="center openImgBox mt-10">
            <img class="img-c" alt="" src="../../assets/images/0056-2.jpg" />
          </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0052-01.jpg" />
          <p class="img">图4-6 中国人民解放军军士证、军士退休证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0052-02.jpg" />
                                        <p class="img">图4-6 中国人民解放军军士证、军士退休证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
        </div>
      </div>
    </div>
@@ -1005,10 +902,27 @@
          <li class="header-left-text">民航安全检查实务（第 2 版）</li>
        </ul>
        <div class="bodystyle p-odd">
          <p class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0057-1.jpg" />
          </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0052-01.jpg" />
          <p class="img">图4-7 中国人民武装警察部队警士证、警士退休证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0052-02.jpg" />
                                        <p class="img">图4-7 中国人民武装警察部队警士证、警士退休证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
          <p>
            这次统一制发的上述证件沿用现行本芯证件式样，证件内芯内容有：照片、编号、发证机关、发证日期、姓名、出生年月、性别、籍贯、民族、部别、职务、衔级等。主要具有以下特点。
          </p>
@@ -1026,7 +940,7 @@
            中国人民解放军义务兵证（图4-8）是配发给现役的义务兵的本芯式证件。
          </p>
          <p class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0057-2.jpg" />
                        <img class="img-d" alt="" src="../../assets/images/0057-2.jpg" />
          </p>
          <p class="img">图4-8 中国人民解放军义务兵证</p>
          <p>
@@ -1042,11 +956,7 @@
    <div class="page-box" page="54">
      <div v-if="showPageList.indexOf(54) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">47</li>
@@ -1117,11 +1027,7 @@
    <div class="page-box" page="56">
      <div v-if="showPageList.indexOf(56) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">49</li>
@@ -1130,9 +1036,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">
@@ -1180,49 +1085,47 @@
          <li class="header-left-text">民航安全检查实务（第 2 版）</li>
        </ul>
        <div class="bodystyle p-odd">
          <p class="center openImgBox">
            <img class="w80" alt="" src="../../assets/images/0061-1.jpg" />
          </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0057-01.jpg" />
          <p class="img">图4-13 港澳居民来往内地通行证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0057-02.jpg" />
                                        <p class="img">图4-13 港澳居民来往内地通行证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
          <p>
            港澳居民来往内地通行证的有效期分为5年和10年。申请人年满18周岁的，签发10年有效通行证，未满18周岁的，签发5年有效通行证。
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathThree"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
                            <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>视频：港澳通行证的介绍 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(
                      (item) => item.id == 'e25d830188859498c839e54fd8d427e6'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-03')"
                />
                                    " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
@@ -1233,10 +1136,27 @@
          <p>
            台湾居民来往大陆通行证为卡式证件，证件内容主要包括：姓名、出生日期、性别、有效期限、签发机关、签发地点、证件号码、签发次数、台湾身份证姓名、台湾身份证号码等，通行证均应印有持证人的照片。
          </p>
          <p class="center openImgBox">
            <img class="w80" alt="" src="../../assets/images/0061-2.jpg" />
          </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0057-03.jpg" />
          <p class="img">图4-14 台湾居民来往大陆通行证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0057-04.jpg" />
                                        <p class="img">图4-14 台湾居民来往大陆通行证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
          <p>
            台湾居民来往大陆通行证可分为一次有效和5年有效。一次有效即签发三个月内一次有效，5年有效是指在有效期限内多次有效。
          </p>
@@ -1254,20 +1174,33 @@
    <div class="page-box" page="58">
      <div v-if="showPageList.indexOf(58) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">51</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="center openImgBox">
            <img class="w90" alt="" src="../../assets/images/0062-1.jpg" />
          </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0057-03.jpg" />
          <p class="img">图4-15 中华人民共和国外国人永久居留身份证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0057-04.jpg" />
                                        <p class="img">图4-15 中华人民共和国外国人永久居留身份证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
          <p>
            中华人民共和国外国人永久居留身份证的有效期为5年或者10年。被批准在中国永久居留的未满18周岁的外国人，发给有效期为5年的外国人永久居留身份证；被批准在中国永久居留的18周岁以上的外国人，发给有效期为10年的外国人永久居留身份证。
          </p>
@@ -1283,10 +1216,39 @@
          <p>
            港澳台居民居住证的外观式样与中国内地（大陆）地区第二代居民身份证相同。可使用第二代居民身份证读卡器读取。（图4-16）
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../assets/images/0062-2.jpg" />
          </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0058-01.jpg" />
          <p class="img">图4-16 港澳台居民居住证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0058-03.jpg" />
                                        <p class="img">图4-16 港澳台居民居住证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0058-02.jpg" />
                                        <p class="img">图4-16 港澳台居民居住证</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0058-04.jpg" />
                                        <p class="img">图4-16 港澳台居民居住证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
        </div>
      </div>
    </div>
@@ -1314,9 +1276,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">
@@ -1356,11 +1317,7 @@
    <div class="page-box" page="60">
      <div v-if="showPageList.indexOf(60) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">53</li>
@@ -1371,76 +1328,37 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFour"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
                            <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>视频：机场临时乘机证明办理流程 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '6ad68a271b500063a496321636ad4835'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-04')"
                />
                                    " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.请列举至少5个军人类有效乘机证件。</p>
          <textarea
            v-model="questionData.teskTwo.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p>2.请写出港澳台有效乘机证件的名称。</p>
          <textarea
            v-model="questionData.teskTwo.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p>3.请写出中国护照的分类。</p>
          <textarea
            v-model="questionData.teskTwo.three"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -1451,88 +1369,48 @@
              <td class="center">熟知证件检查的目的</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.two" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.three" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center img-g">熟知证件检查的程序和方法</td>
              <td class="center w15">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.four" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.five" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w25">能够理解证件检查的三逻辑</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.six" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.seven" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">能够运用证件真伪鉴别的方法</td>
              <td class="center w15">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.eight" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableTwo.nine" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1562,13 +1440,8 @@
            通过这个案例，我们可以了解在实际工作环境中关于证件检查的重要性，也可以了解到在工作中会面临什么样的状况，从而提高责任心和警惕性。
          </p>
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -1620,13 +1493,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableThree.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.one" placeholder="请输入内容" rows="6"
                                    class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1644,11 +1512,7 @@
    <div class="page-box" page="62">
      <div v-if="showPageList.indexOf(62) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">55</li>
@@ -1665,40 +1529,21 @@
          <h4 id="d048">（一）空勤登机证</h4>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFive"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
                            <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>视频：中国民航空勤登机证的介绍 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(
                      (item) => item.id == 'b5180c6eac9ee24dc48fe6e081c27f85'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-05')"
                />
                                    " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
@@ -1714,21 +1559,13 @@
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img
                  class="img-b"
                  alt=""
                  src="../../assets/images/0066-1.jpg"
                />
                                <img class="img-b" alt="" src="../../assets/images/0066-1.jpg" />
              </p>
              <p class="img">图4-17 中国民航空勤登机证</p>
            </span>
            <span>
              <p class="center openImgBox">
                <img
                  class="img-b"
                  alt=""
                  src="../../assets/images/0066-2.jpg"
                />
                                <img class="img-b" alt="" src="../../assets/images/0066-2.jpg" />
              </p>
              <p class="img">图4-18 中国民用航空安全员执照</p>
            </span>
@@ -1736,9 +1573,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">
@@ -1804,11 +1640,7 @@
    <div class="page-box" page="64">
      <div v-if="showPageList.indexOf(64) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">57</li>
@@ -1820,9 +1652,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">
@@ -1836,14 +1667,28 @@
          <p>
            因工作需要进入机场控制区的车辆，应当办理机场控制区车辆通行证。车辆通行证的使用期限一般不超过3年（图4-19）。
          </p>
          <p>各机场控制区车辆通行证式样不尽相同，但应包含以下信息：</p>
          <div class="img-rights w250 openImgBox mt-20">
            <p class="center openImgBox">
              <img class="img-b" alt="" src="../../assets/images/0068-1.jpg" />
            </p>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0064-01.jpg" />
            <p class="img">图4-19 不同类型的车辆通行证</p>
          </div>
          <span>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0064-02.jpg" />
                                        <p class="img">图4-19 不同类型的车辆通行证</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p>各机场控制区车辆通行证式样不尽相同，但应包含以下信息：</p>
            <p>（1）车辆类型及号牌；</p>
            <p>（2）有效起止日期；</p>
            <p>（3）可进入的控制区域；</p>
@@ -1851,25 +1696,14 @@
            <p>（5）车辆使用单位；</p>
            <p>（6）证件编号；</p>
            <p>（7）发证机构；</p>
            <p>（8）其他技术要求。</p>
          </span>

          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.机场控制区通行证有几种？分别是什么？</p>
          <textarea
            v-model="questionData.teskThree.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p>2.哪些证件属于民航各机场制作的人员通行证？</p>
          <textarea
            v-model="questionData.teskThree.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -1882,13 +1716,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -1899,88 +1728,48 @@
              <td class="ta-l">民航统一制作的人员证件</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.two" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.three" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-g">民航各机场制作的人员通行证</td>
              <td class="center w15">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.four" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.five" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l w25">空勤登机证的内容(口述题)</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.six" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.seven" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l">民航各机场自制证件的类型</td>
              <td class="center w15">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.eight" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableThree.nine" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -2005,24 +1794,15 @@
    <div class="page-box" page="66">
      <div v-if="showPageList.indexOf(66) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">59</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -2073,13 +1853,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableFour.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableFour.one" placeholder="请输入内容" rows="6"
                                    class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -2141,9 +1916,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">
@@ -2162,11 +1936,7 @@
    <div class="page-box" page="68">
      <div v-if="showPageList.indexOf(68) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目四</li>
          <li class="headerText">证件检查</li>
          <li class="headerNumber">61</li>
@@ -2247,29 +2017,14 @@
          <p>
            1.作为一名安检员，在工作中，如果发现有一名旅客使用的乘机证件是伪造证件，你该如何处理？
          </p>
          <textarea
            v-model="questionData.teskFour.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p>2.作为一名安检员，在工作中，如果发现查控对象，你应该如何处理？</p>
          <textarea
            v-model="questionData.teskFour.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
                    <textarea v-model="questionData.teskFour.two" placeholder="请输入内容" rows="6"
                        class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -2280,66 +2035,36 @@
              <td class="ta-l">简述识别伪造、变造证件的方法</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableFour.two" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableFour.three" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-g">简述发现查控对象时的处理方法</td>
              <td class="center w15">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableFour.four" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableFour.five" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l w25">简述旅客证件存在问题的处理方法(口述题)</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableFour.six" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                                <textarea v-model="tableData.teskTableFour.seven" placeholder="请输入内容" rows="2"
                                    class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>

 src/books/aviationSafety/view/components/chapter005.vue

@@ -4,11 +4,7 @@
    <div class="page-box" page="70">
      <div v-if="showPageList.indexOf(70) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">63</li>
@@ -20,9 +16,7 @@
          <p><br /></p>
          <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-16">
              人身检查是安全检查的又一重要内容，它是安检工作中难度最大，任务最重的内容之一，在进行人身检查时，不仅要求安检员速度快，准确率高，还要求安检员动作规范，注意力集中，警惕性高。本项目将重点介绍人身检查设备、人身检查的操作流程及方法等，以提高人身检查的实际操作能力。
@@ -82,13 +76,8 @@
            </p>
          </span>
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -133,24 +122,15 @@
    <div class="page-box" page="72">
      <div v-if="showPageList.indexOf(72) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">65</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-tr-bc">
              <td class="center w15">学习建议</td>
              <td class="ta-l" colspan="2">
@@ -168,13 +148,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableOne.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -185,10 +160,27 @@
          <p>
            人身检查是指采用公开的仪器和手工相结合的方式，对旅客人身进行安全检查。其目的是确认旅客身上是否藏匿危险、违禁物品，保障民用航空器及其所载人员的生命财产安全（图5-2）。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../assets/images/0076-1.jpg" />
          </p>
          <!-- 轮播图 -->
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../assets/images/0072-01.jpg" />
          <p class="img">图5-2 人身检查</p>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../assets/images/0072-02.jpg" />
                    <p class="img">图5-2 人身检查</p>
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <h3 id="c034">二、人身检查的重点对象和重点部位</h3>
          <h4 id="d056">（一）人身检查的重点对象</h4>
          <p>（1）精神恐慌、言行可疑、佯装镇静者。</p>
@@ -240,224 +232,115 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathOne"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '56c43ed86d34a55712397dfd59f3dcf1'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathTwo"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：手部检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == 'ee997e31ce174e33d57c3e57bdf039de'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-02')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathThree"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：头部检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '430d75e18615644130195d3d0346ede4'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-03')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFour"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：胸部检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '336ab36a074a2b5ac5d2a1dde94cd9f5'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-04')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFive"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：腰部检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '19d33a36e76e7b5ee465e490deaac65c'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-05')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <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">
              <p class="center"><span class="zt-1">检查注意事项</span></p>
              <div class="img-rights w150 openImgBox mt--25">
                <p class="center openImgBox">
                  <img
                    class="img-e"
                    alt=""
                    src="../../assets/images/0077-1.jpg"
                  />
                  <img class="img-e" alt="" src="../../assets/images/0077-1.jpg" />
                </p>
                <p class="img">图5-3 检查口罩</p>
                <p class="center openImgBox">
                  <img
                    class="img-e"
                    alt=""
                    src="../../assets/images/0077-2.jpg"
                  />
                  <img class="img-e" alt="" src="../../assets/images/0077-2.jpg" />
                </p>
                <p class="img">图5-4 检查手</p>
              </div>
@@ -483,11 +366,7 @@
    <div class="page-box" page="74">
      <div v-if="showPageList.indexOf(74) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">67</li>
@@ -496,20 +375,15 @@
          <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">
              <p class="center"><span class="zt-1">脚部藏匿打火机</span></p>
              <div class="img-rights w170 openImgBox mt-20">
                <p class="center">
                  <img
                    class="img-c"
                    alt=""
                    src="../../assets/images/0078-1.jpg"
                  />
                  <img class="img-c" alt="" src="../../assets/images/0078-1.jpg" />
                </p>
                <p class="img">图5-5 查处多枚打火机</p>
              </div>
@@ -535,11 +409,7 @@
                2021年4月18日，安检员小邹准备对旅客周某进行人身检查。周某神色紧张，面部有些异常，这引起了小邹的注意。小邹仔细观察，发现周某的口罩与别人有些不一样，口罩下坠，下巴部分有些凸起，小邹当即警惕起来。他请旅客正面摘下口罩，随后查处打火机一个（图5-6）。
              </p>
              <p class="center openImgBox">
                <img
                  class="img-f"
                  alt=""
                  src="../../assets/images/0078-2.jpg"
                />
                <img class="img-f" alt="" src="../../assets/images/0078-2.jpg" />
              </p>
              <p class="img">图5-6 查处一个打火机</p>
            </div>
@@ -579,9 +449,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">
@@ -593,12 +462,29 @@
              <p>
                某机场安检员小王在通道执行人身检查任务时，一名女性旅客过安全门时报警声响起，人身检查员小王对该名旅客进行人身检查，当检查到其右腿时，手持金属探测器发出连续报警声，随后小王从旅客右靴子里查获水果刀1把。检查员小王随即将其控制住，并对其人身及行李物品进行了严格检查，未发现其他异常情况（图5-7）。
              </p>
              <!-- 轮播图 -->
              <div class="imgBox-003 openImgBox">
                <div class="swiper-container swiper-img">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/0072-01.jpg" />
                        <p class="img">图5-7 查处物品</p>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/0072-02.jpg" />
                        <p class="img">图5-7 查处物品</p>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
              <p class="center openImgBox">
                <img
                  class="img-c"
                  alt=""
                  src="../../assets/images/0079-1.jpg"
                />
                <img class="img-c" alt="" src="../../assets/images/0079-1.jpg" />
              </p>
              <p class="img">图5-7 查处物品</p>
            </div>
@@ -610,11 +496,7 @@
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">69</li>
@@ -659,25 +541,29 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.对旅客进行人身检查的方法有（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputOne" @change="setBookQuestion"/>　）。</p>
          <p>1.对旅客进行人身检查的方法有（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputOne"
              @change="setBookQuestion" />　）。</p>
          <p>A.一种</p>
          <p>B.两种</p>
          <p>C.三种</p>
          <p>D.四种</p>
          <p>2.对旅客进行人身检查的两种方法包括仪器检查和（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTwo" @change="setBookQuestion"/>　）。</p>
          <p>2.对旅客进行人身检查的两种方法包括仪器检查和（　<input class="selectInput" maxlength="1" type="text"
              v-model="questionData.inputTwo" @change="setBookQuestion" />　）。</p>
          <p>A.金属探测门检查</p>
          <p>B.手持金属探测器检查</p>
          <p>C.手工检查</p>
          <p>D.目测检查</p>
          <p>
            3.（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputThree" @change="setBookQuestion"/>　）是指采用公开的仪器和手工相结合的方式，对旅客人身进行安全检查。
            3.（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputThree"
              @change="setBookQuestion" />　）是指采用公开的仪器和手工相结合的方式，对旅客人身进行安全检查。
          </p>
          <p>A.仪器检查</p>
          <p>B.人身检查</p>
          <p>C.搜身检查</p>
          <p>D.手工人身检查</p>
          <p>
            4.人身检查是为了发现旅客身上藏匿的（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFour" @change="setBookQuestion"/>　）、违禁物品，保障民用航空器及其所载人员的生命财产的安全。
            4.人身检查是为了发现旅客身上藏匿的（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputFour"
              @change="setBookQuestion" />　）、违禁物品，保障民用航空器及其所载人员的生命财产的安全。
          </p>
          <p>A.非违禁品</p>
          <p>B.毒品</p>
@@ -685,13 +571,8 @@
          <p>D.危险</p>
          <p>5.人身检查的重点部位有哪些？</p>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -702,88 +583,48 @@
              <td class="ta-l">掌握人身检查的更点部位</td>
              <td class="center">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-g">熟知人身检查的重点对象</td>
              <td class="center w15">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l w25">熟知从严检查的相关要求</td>
              <td class="center">15</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l">掌握人身检查员工作流程</td>
              <td class="center w15">25</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -794,11 +635,7 @@
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">71</li>
@@ -824,13 +661,8 @@
            </p>
          </span>
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -890,13 +722,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center w15">学习运用</td>
              <td class="ta-l" colspan="2">
@@ -907,13 +734,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableTwo.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -959,11 +781,7 @@
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">73</li>
@@ -1049,11 +867,7 @@
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">75</li>
@@ -1113,49 +927,28 @@
          <p>（3）手持金属探测器应使用微湿柔软的布进行清洁。</p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSix"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：人身检查准备 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '62727bcc2277fab7b057a450c60569e0'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-06')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <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">
@@ -1172,18 +965,21 @@
          </div>
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>
            1.金属探测门应配备视觉警报显示装置，按通过的（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFive" @change="setBookQuestion"/>　）给出一个条形的视觉警报。
            1.金属探测门应配备视觉警报显示装置，按通过的（　<input class="selectInput" maxlength="1" type="text"
              v-model="questionData.inputFive" @change="setBookQuestion" />　）给出一个条形的视觉警报。
          </p>
          <p>A.物品性质</p>
          <p>B.金属比例</p>
          <p>C.物品速度</p>
          <p>D.状态方式</p>
          <p>2.下列关于金属探测门视觉警报的描述正确的是（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputSix" @change="setBookQuestion"/>　）。</p>
          <p>2.下列关于金属探测门视觉警报的描述正确的是（　<input class="selectInput" maxlength="1" type="text"
              v-model="questionData.inputSix" @change="setBookQuestion" />　）。</p>
          <p>A.金属探测门仅配备视觉警报显示装置</p>
          <p>B.金属探测门按通过的金属比例给出一个扇形的视觉警报</p>
          <p>C.视觉警报无论环境光线情况如何，至少可以从5m外被清晰地观察到</p>
          <p>D.信号低于报警限界值时显示红色，高于报警限界值时显示绿色</p>
          <p>3.金属探测门的显示装置应配备（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputSeven" @change="setBookQuestion"/>　）（多选）。</p>
          <p>3.金属探测门的显示装置应配备（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputSeven"
              @change="setBookQuestion" />　）（多选）。</p>
          <p>A.电子</p>
          <p>B.声音警报</p>
          <p>C.视觉警报</p>
@@ -1196,17 +992,14 @@
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">77</li>
        </ul>
        <div class="bodystyle p-even">
          <p>4.下列关于金属探测门声音警报的描述不正确的是（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputEight" @change="setBookQuestion"/>　）。</p>
          <p>4.下列关于金属探测门声音警报的描述不正确的是（　<input class="selectInput" maxlength="1" type="text"
              v-model="questionData.inputEight" @change="setBookQuestion" />　）。</p>
          <p>A.金属探测门应配有声音报警信号调节装置</p>
          <p>B.金属探测门声音报警信号调节装置可以调节持续时间、音调和音量</p>
          <p>C.金属探测门按通过的金属比例给出一个条形的声音警报</p>
@@ -1215,13 +1008,8 @@
            dBA调节到90 dBA
          </p>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -1232,22 +1020,12 @@
              <td class="ta-l td-1">熟知金属探测门的相关知识</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
@@ -1256,44 +1034,24 @@
              </td>
              <td class="center w10">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">掌握手持金属探测器的相关知识</td>
              <td class="center">15</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1334,13 +1092,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -1396,13 +1149,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableThree.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1421,11 +1169,7 @@
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">79</li>
@@ -1448,40 +1192,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSeven"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：人身检查流程 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '3a579e5edbb66561e6d0de9fe86b71c0'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-07')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
@@ -1546,40 +1270,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathEight"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：纯手工检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '743200b86b4e9262632737b0b9660923'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-08')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
@@ -1619,11 +1323,7 @@
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">81</li>
@@ -1646,43 +1346,50 @@
          </p>
          <p>（6）检查完毕后，人身检查员应提醒旅客拿好自己的行李物品。</p>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.手持金属探测器检查的程序为：右膝部内侧→裆部→（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputNine" @change="setBookQuestion"/>　）。</p>
          <p>1.手持金属探测器检查的程序为：右膝部内侧→裆部→（　<input class="selectInput" maxlength="1" type="text"
              v-model="questionData.inputNine" @change="setBookQuestion" />　）。</p>
          <p>A.右膝部外侧</p>
          <p>B.左膝部内侧</p>
          <p>C.左膝部外侧</p>
          <p>D.脚部</p>
          <p>2.人身检查的程序是由上到下，（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTen" @change="setBookQuestion"/>　）、由前到后。</p>
          <p>2.人身检查的程序是由上到下，（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputTen"
              @change="setBookQuestion" />　）、由前到后。</p>
          <p>A.由左到右</p>
          <p>B.由外到里</p>
          <p>C.由里到外</p>
          <p>D.由右到左</p>
          <p>
            3.手工人身检查的程序为：人身检查员面对旅客，先从（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputEle" @change="setBookQuestion"/>　）开始，至双肩、前胸、腰部为止。
            3.手工人身检查的程序为：人身检查员面对旅客，先从（　<input class="selectInput" maxlength="1" type="text"
              v-model="questionData.inputEle" @change="setBookQuestion" />　）开始，至双肩、前胸、腰部为止。
          </p>
          <p>A.衬衫</p>
          <p>B.领带</p>
          <p>C.前衣领</p>
          <p>D.头部</p>
          <p>
            4.人身检查是指采用公开的仪器和（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTev" @change="setBookQuestion"/>　）相结合的方式，对旅客人身进行安全检查。
            4.人身检查是指采用公开的仪器和（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputTev"
              @change="setBookQuestion" />　）相结合的方式，对旅客人身进行安全检查。
          </p>
          <p>A.手工</p>
          <p>B.搜身检查</p>
          <p>C.秘密武器</p>
          <p>D.公开手段</p>
          <p>5.下列属于人身检查重点部位的是（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTir" @change="setBookQuestion"/>　）。</p>
          <p>5.下列属于人身检查重点部位的是（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputTir"
              @change="setBookQuestion" />　）。</p>
          <p>A.头部</p>
          <p>B.颈部</p>
          <p>C.面部</p>
          <p>D.小腿</p>
          <p>
            6.检查中要认真检查旅客的全身，不可只查（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFot" @change="setBookQuestion"/>　），不查下半身，应特别注意检查重点部位。
            6.检查中要认真检查旅客的全身，不可只查（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputFot"
              @change="setBookQuestion" />　），不查下半身，应特别注意检查重点部位。
          </p>
          <p>A.左半身</p>
          <p>B.上半身</p>
          <p>C.右半身</p>
          <p>D.后背</p>
          <p>7.对女性旅客实施手工检查时，必须由（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFit" @change="setBookQuestion"/>　）安检员进行。</p>
          <p>7.对女性旅客实施手工检查时，必须由（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputFit"
              @change="setBookQuestion" />　）安检员进行。</p>
          <p>A.男性</p>
          <p>B.中性</p>
          <p>C.中年</p>
@@ -1699,13 +1406,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -1716,88 +1418,48 @@
              <td class="ta-l td-1">熟知人身检查的顺序和方法</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">掌握使用手持金属探测器检查的顺序</td>
              <td class="center w10">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">掌握手工人身检查的流程</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">熟知移位人身检查法的要求</td>
              <td class="center w10">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1819,13 +1481,8 @@
            通过以上任务描述，我们可以了解到在人身检查岗位上要保持高度的专注力，学会观察旅客的微表情，对异常行为进行有效识别。
          </p>
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -1854,24 +1511,15 @@
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">83</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-tr-bc">
              <td class="center">思政融入</td>
              <td class="ta-l" colspan="2">
@@ -1902,13 +1550,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableFour.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1961,40 +1604,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <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>
              <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>视频：孕妇检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '28102551aa167cbc2666f25bb8ff64fb'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-09')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
@@ -2035,11 +1658,7 @@
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">85</li>
@@ -2111,9 +1730,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">
@@ -2135,29 +1753,14 @@
          </div>
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.人身检查的程序是什么？</p>
          <textarea
            v-model="questionData.teskFour.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.人身检查员进行手工人身检查时有哪些注意事项？</p>
          <textarea
            v-model="questionData.teskFour.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -2168,110 +1771,60 @@
              <td class="ta-l td-1">掌握孕妇、婴儿旅客的检查方法</td>
              <td class="center">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">掌握残疾旅客的检查方法</td>
              <td class="center w10">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">堂握残疾旅客轮椅的检查方法</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">掌握对打绷带、石膏的旅客检查方法</td>
              <td class="center w10">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">熟知残疾旅客“服务犬”的检查注意事项</td>
              <td class="center">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.ten"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.ten" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eleven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eleven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
@@ -2280,22 +1833,12 @@
              </td>
              <td class="center w10">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.twelve"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.twelve" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.thirteen"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.thirteen" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>

 src/books/aviationSafety/view/components/chapter006.vue

@@ -4,26 +4,19 @@
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">开箱包检查</li>
          <li class="headerNumber">87</li>
        </ul>
        <div class="bodystyle p-odd">
          <h1 id="a007">
            <span class="h1-bj">项目六</span
            ><span class="h1-bk">开箱包检查</span>
            <span class="h1-bj">项目六</span><span class="h1-bk">开箱包检查</span>
          </h1>
          <p><br /></p>
          <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-16">
              开箱包检查岗位是机场安检工作中非常重要的一环，其工作的质量直接关系到航班的安全和顺利运行。因此，从事这个岗位的工作人员需要严格遵守相关规定和标准，并且不断提高自己的专业水平和技术能力。本项目将学习开箱包检查的程序、方法和操作技巧，常见物品的检查方法以及特殊情况处置等。
@@ -99,11 +92,7 @@
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">89</li>
@@ -116,13 +105,8 @@
            因此，机场开箱包岗位是机场安全保卫工作的重要岗位，开箱包员需要具备高度的警觉性和专业技能。通过与旅客的沟通和解释，开箱包员可以促使旅客自觉遵守相关规章制度，从而减少潜在的危险和威胁，确保机场和飞机的安全。
          </p>
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -175,13 +159,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableOne.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -237,11 +216,7 @@
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">91</li>
@@ -261,7 +236,8 @@
          </p>
          <p class="img">图6-2 开箱包检查员工作流程</p>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.以下物品可以随身携带的是（　<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputOne" @change="setBookQuestion"/>　）。</p>
          <p>1.以下物品可以随身携带的是（　<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputOne"
              @change="setBookQuestion" />　）。</p>
          <p>A.100 g洗面奶</p>
          <p>B.400 mL洗发水</p>
          <p>C.80 mL发胶喷雾</p>
@@ -278,29 +254,14 @@
        </ul>
        <div class="bodystyle p-odd">
          <p>2.简述开箱包检查员的工作职责。</p>
          <textarea
            v-model="questionData.teskOne.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>3.旅客包内有疑似块状物品，该如何检查？</p>
          <textarea
            v-model="questionData.teskOne.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -311,75 +272,43 @@
              <td class="ta-l td-1">岗位要求</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">开箱包检查员的工作职责</td>
              <td class="center w10">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">情况处置</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
          <h2 id="b017">任务二<br />掌握操作流程和方法</h2>
          <p class="left mb-20 mt-20"><span class="bj2">·任务描述·</span></p>
          <p class="center">
            <span class="zt-1"
              >某机场安检查处一起旅客在随身行李内藏匿剔骨刀事件</span
            >
            <span class="zt-1">某机场安检查处一起旅客在随身行李内藏匿剔骨刀事件</span>
          </p>
          <p>近日，某机场安检员查处一起旅客在随身行李内藏匿剔骨刀事件。</p>
          <p>
@@ -395,11 +324,7 @@
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">93</li>
@@ -409,13 +334,8 @@
            中，安检员首先通过X射线安全检查仪发现了异常，然后立即采取行动，进行进一步的检查。他们秉持不放过任何疑点的工作态度，仔细检查了旅客的行李，并最终发现了藏匿的剔骨刀。这个案例也强调了开箱包岗位的重要性。开箱包员是负责检查旅客行李的直接人员，他们需要仔细检查每一件行李，以确保没有危险物品或违禁物品被携带上飞机。在这个案例中，开箱包员在检查中发现了一个被藏匿的剔骨刀，这对于保障航空安全是非常重要的。此外，这个案例还提醒旅客要注意行李安全。旅客应该了解航空公司规定的行李限制和规定，并且在打包行李时仔细检查，以确保没有危险物品或违禁物品被携带上飞机。总之，这个案例展示了机场安检员的高度责任心和专业性，以及开箱包岗位的重要性。同时，也提醒旅客要注意行李限制规定，以确保航空安全。
          </p>
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -486,23 +406,13 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableTwo.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -551,11 +461,7 @@
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">95</li>
@@ -575,40 +481,20 @@

          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathOne"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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.isCollectVideo1 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo1 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '9034514aa940b7788aaa507e96664904'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
@@ -677,11 +563,7 @@
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">97</li>
@@ -708,19 +590,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">
              <p class="img">毒品的分类</p>
              <p class="center openImgBox">
                <img
                  class="img-0"
                  alt=""
                  src="../../assets/images/0108-2.jpg"
                />
                <img class="img-0" alt="" src="../../assets/images/0108-2.jpg" />
              </p>
            </div>
          </div>
@@ -737,29 +614,14 @@
        <div class="bodystyle p-odd">
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.请简述开箱包的检查程序。</p>
          <textarea
            v-model="questionData.teskTwo.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.对无法判明其性质的物品该如何操作？</p>
          <textarea
            v-model="questionData.teskTwo.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -770,66 +632,36 @@
              <td class="ta-l td-1">箱包的检查程序</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">开箱包检察员的操作程序</td>
              <td class="center w10">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">开箱包检查的方法</td>
              <td class="center">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableTwo.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -851,24 +683,15 @@
    <div class="page-box" page="106">
      <div v-if="showPageList.indexOf(106) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">99</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -929,13 +752,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableThree.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1000,11 +818,7 @@
    <div class="page-box" page="108">
      <div v-if="showPageList.indexOf(108) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">101</li>
@@ -1038,40 +852,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathTwo"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：容器中液态物品检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '702ef3a1bcfd2bc05cb277c6ccca049e'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-02')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
@@ -1105,40 +899,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFour"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：书籍检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '419d16aaeb623c126313e2846787c396'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-04')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
@@ -1151,40 +925,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFive"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：西装外套检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '3744021de603ffdbc805104d0568274c'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-05')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
@@ -1212,40 +966,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathThree"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：皮带检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '419d16aaeb623c126313e2846787c396'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-03')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
@@ -1256,11 +990,7 @@
    <div class="page-box" page="110">
      <div v-if="showPageList.indexOf(110) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">103</li>
@@ -1275,40 +1005,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSix"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：手机检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '151cc69d49b5e5eec6acfb055bcdffcc'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-06')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
@@ -1335,40 +1045,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSeven"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：雨伞检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '97044d1fb78d51bd802ceb8a6a7fa559'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-07')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
@@ -1413,40 +1103,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathEight"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video"
                style="border-radius: 10px"
              ></video>
              <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>视频：相机检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == 'e33ecac9c680004642cf4942eba30724'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-08')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
@@ -1482,11 +1152,7 @@
    <div class="page-box" page="112">
      <div v-if="showPageList.indexOf(112) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">105</li>
@@ -1509,40 +1175,20 @@
          </span>
          <div class="video-box-cover">
            <p class="center text">
              <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>
              <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>视频：鞋子检查 </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                      (item) => item.id == '6787693eefadafa7e8a3154f2e2298fc'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-09')"
                />
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
@@ -1556,20 +1202,15 @@
          <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">
              <p class="center"><span class="zt-1">香蕉水</span></p>
              <div class="img-rights w135 openImgBox mt-10">
                <p class="center">
                  <img
                    class="img-e"
                    alt=""
                    src="../../assets/images/0116-2.jpg"
                  />
                  <img class="img-e" alt="" src="../../assets/images/0116-2.jpg" />
                </p>
                <p class="img">图6-10 香蕉水</p>
              </div>
@@ -1584,9 +1225,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">
@@ -1618,29 +1258,14 @@
          </div>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.简述开箱包检查的要求及注意事项。</p>
          <textarea
            v-model="questionData.teskThree.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.电子设备的检查方法有哪些？</p>
          <textarea
            v-model="questionData.teskThree.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -1651,66 +1276,36 @@
              <td class="ta-l td-1">注意事项</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">十种常见物品检查方法</td>
              <td class="center w10">50</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">操作规范有序</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1729,11 +1324,7 @@
    <div class="page-box" page="114">
      <div v-if="showPageList.indexOf(114) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">107</li>
@@ -1743,13 +1334,8 @@
            通过本任务学习，我们能够掌握办理暂存、移交的程序和可以办理暂存、移交物品的范围，能够正确填写暂存、移交物品单据。
          </p>
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
@@ -1794,13 +1380,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableFour.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1872,11 +1453,7 @@
    <div class="page-box" page="116">
      <div v-if="showPageList.indexOf(116) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">109</li>
@@ -1917,9 +1494,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">
@@ -1978,18 +1554,13 @@
          <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">
              <p class="center openImgBox">
                <img
                  class="img-a"
                  alt=""
                  src="../../assets/images/0121-1.jpg"
                />
                <img class="img-a" alt="" src="../../assets/images/0121-1.jpg" />
              </p>
            </div>
          </div>
@@ -2000,11 +1571,7 @@
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">111</li>
@@ -2023,9 +1590,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><span
                  class="zt-zysx1">视</span><span class="zt-zysx1">角</span>
              </p>
            </div>
            <div class="bj3">
@@ -2042,13 +1608,8 @@
          </div>
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.简述暂存和移交的使用情况。</p>
          <textarea
            v-model="questionData.teskFour.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -2061,22 +1622,12 @@
        </ul>
        <div class="bodystyle p-odd">
          <p>2.旅客办理移交、暂存有哪些步骤？</p>
          <textarea
            v-model="questionData.teskFour.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>3.移交部门大体可分为三种，分别是（　　）、（　　）、（　　）。</p>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
@@ -2087,110 +1638,60 @@
              <td class="ta-l td-1">了解开箱包岗位的概念</td>
              <td class="center">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">了解开箱包检查员的工作职责</td>
              <td class="center w10">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">掌握开箱包岗位的工作流程</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">对异常情况可以正确处置</td>
              <td class="center w10">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">操作规范有序</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.ten"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.ten" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eleven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eleven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>

 src/books/aviationSafety/view/components/index.vue

@@ -165,7 +165,7 @@
  
      // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(9,130);
        this.gotoPage(6,72);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",