轮播图优化

zhongshujie

2024-12-27 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99

 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>