Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

zhongshujie

2024-12-27 8d1b3ab8d78cdcdd745f931ae6a8cf68173cfe69

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

@@ -4,26 +4,77 @@
        <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>
                </ul>
                <div class="bodystyle p-even">
                    <h1 id="a007"><span class="h1-bj">项目三</span><span class="h1-bk">前传检查</span></h1>
                    <p><br></p>
          <h1 id="a007">
            <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></p>
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span
              ><span class="span-text">项目导入</span
              ><span class="span-box"></span>
            </p>
                        <p class="fz-16">
                            前传检查岗位是民航安检过程中的重要一环，对于保障机场安全运营和提高过检效率具有重要意义。前传员需要引导旅客正确摆放过检行李，维持过检秩序，处理突发状况，确保安检过程顺畅有序。掌握前传检查岗位的工作规范，熟练运用处置异常情况的方法，既能提高自身业务素质，也能有效保障机场安全。本项目将详细介绍前传检查岗位的含义、职责安排、工作流程以及特殊情况处置的内容。
                        </p>
                    </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>
            </p>
            <p class="center videoname">
              <span>视频：前传岗位介绍（导入） </span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '3be8acd96beeba7bfb62cf26e46fb7dd'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
              </el-tooltip>
            </p>
          </div>
                    <p class="left mb-20 mt-20"><span class="bj2">·项目导图·</span></p>
                    <p class="left openImgBox"><img class="img-d" alt="" src="../../assets/images/0038-1.jpg" /></p>
          <p class="left openImgBox">
            <img class="img-d" alt="" src="../../assets/images/0038-1.jpg" />
          </p>
                    <h2 id="b006">任务一<br />了解岗位基础知识</h2>
                    <p class="left mb-20 mt-20"><span class="bj2">·任务描述·</span></p>
                    <p>最近，有旅客反映在A机场安检过程中，前传员的引导不够明确，未提醒旅客提前将电脑、雨伞等物品取出单独过检，因此旅客在后端开箱包岗位需要把电脑、雨伞取出并二次过检，导致安检秩序混乱，旅客等候时间过长。据了解，当天值班的前传员是刚到岗不久的新人小王。小王对前传检查岗位的工作内容和职责不太熟悉，未能有效进行引导和秩序维持。那么，作为一名前传员，具体的工作职责有哪些呢？
          <p>
            最近，有旅客反映在A机场安检过程中，前传员的引导不够明确，未提醒旅客提前将电脑、雨伞等物品取出单独过检，因此旅客在后端开箱包岗位需要把电脑、雨伞取出并二次过检，导致安检秩序混乱，旅客等候时间过长。据了解，当天值班的前传员是刚到岗不久的新人小王。小王对前传检查岗位的工作内容和职责不太熟悉，未能有效进行引导和秩序维持。那么，作为一名前传员，具体的工作职责有哪些呢？
                    </p>
                </div>
            </div>
@@ -37,18 +88,23 @@
                </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>
                            <td class="ta-l">1.了解前传检查岗位;<br />2.掌握前传员的主要职责。</td>
              <td class="ta-l">
                1.了解前传检查岗位;<br />2.掌握前传员的主要职责。
              </td>
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center w15">能力目标</td>
                            <td class="ta-l">
                                能够熟练掌握前传员的主要工作内容。
                            </td>
              <td class="ta-l">能够熟练掌握前传员的主要工作内容。</td>
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center">索养目标</td>
@@ -73,9 +129,7 @@
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">学习设施设备</td>
                            <td class="ta-l" colspan="2">
                                多媒体教学设备。
                            </td>
              <td class="ta-l" colspan="2">多媒体教学设备。</td>
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center">学习时数</td>
@@ -98,21 +152,31 @@
                        <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>
                    <p class="left mt-20 mb-20"><span class="bj2">·知识准备·</span></p>
                    <h3 id="c013">一、前传检查岗位的概述</h3>
                    <div class="img-rights w365 openImgBox">
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0039-2.jpg" /></p>
            <p class="center">
              <img class="img-b" alt="" src="../../assets/images/0039-2.jpg" />
            </p>
                        <p class="img">图3-1 前传检查岗位</p>
                    </div>
                    <span>
                        <p>前传检查岗位是指在安全检查通道内，由专人对已经接受完验证检查的旅客进行引导，协助其将受检物品正确摆放在X射线安全检查仪的传送带上，并维持过检秩序、处理相关突发事件的岗位。（图3-1）
            <p>
              前传检查岗位是指在安全检查通道内，由专人对已经接受完验证检查的旅客进行引导，协助其将受检物品正确摆放在X射线安全检查仪的传送带上，并维持过检秩序、处理相关突发事件的岗位。（图3-1）
                        </p>
                        <p>前传检查岗位设立的目的：保证安全检查通道顺畅、秩序井然。前传员的主要工作是在安检通道内对已通过验证检查并进入安检区域的旅客进行引导。</p>
            <p>
              前传检查岗位设立的目的：保证安全检查通道顺畅、秩序井然。前传员的主要工作是在安检通道内对已通过验证检查并进入安检区域的旅客进行引导。
            </p>
                    </span>
                </div>
            </div>
@@ -121,29 +185,93 @@
        <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>
                </ul>
                <div class="bodystyle p-even ">
                    <h3 id="c014">二、前传员的主要职责</h3>
                    <p>（1）引导和协助旅客将待检的行李物品放置在X射线安全检查仪的传送带上。</p>
                    <p>（2）提醒旅客提前从箱包内取出大件金属物品和需单独检查的物品单独过检，如雨伞、电脑、摄像机、充电宝等。</p>
                    <p>（3）请旅客将随身携带的金属物品（小件物品）放在指定的托盘里，通过X射线安全检查仪进行检查，旅客要求手工检查的特殊物品除外。</p>
          <p>
            （1）引导和协助旅客将待检的行李物品放置在X射线安全检查仪的传送带上。
          </p>
          <p>
            （2）提醒旅客提前从箱包内取出大件金属物品和需单独检查的物品单独过检，如雨伞、电脑、摄像机、充电宝等。
          </p>
          <p>
            （3）请旅客将随身携带的金属物品（小件物品）放在指定的托盘里，通过X射线安全检查仪进行检查，旅客要求手工检查的特殊物品除外。
          </p>
                    <p>（4）引导旅客有序通过安全门。</p>
                    <p>（5）根据验证检查员的示意，通知X射线安全检查仪的操作员和人身检查员需重点检查的对象。</p>
          <p>
            （5）根据验证检查员的示意，通知X射线安全检查仪的操作员和人身检查员需重点检查的对象。
          </p>
                    <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>
            </p>
            <p class="center videoname">
              <span>视频：前传岗位主要职责 </span>
              <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')"
                />
              </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>
                    <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.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>
                    <h2 id="b007">任务二<br />遵守岗位规范及情况处置原则</h2>
                    <p class="left mt-20 mb-20"><span class="bj2">·任务描述·</span></p>
                    <p>某机场一名旅客带瓷器过检，前传员小王要求旅客将瓷器放置在托盘里过检，因放置方式不对，在过X射线安全检查仪时，被X射线安全检查仪的铅门帘一挡，瓷器就顺势倒下并碎裂了，旅客要求赔偿。那么，在本次事件中，前传员小王的处置方法有哪些问题呢？
          <p>
            某机场一名旅客带瓷器过检，前传员小王要求旅客将瓷器放置在托盘里过检，因放置方式不对，在过X射线安全检查仪时，被X射线安全检查仪的铅门帘一挡，瓷器就顺势倒下并碎裂了，旅客要求赔偿。那么，在本次事件中，前传员小王的处置方法有哪些问题呢？
                    </p>
                </div>
            </div>
@@ -157,8 +285,13 @@
                </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>
@@ -172,9 +305,7 @@
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center">索养目标</td>
                            <td class="ta-l">
                                通过特殊情况处置，培养处置突发情况的能力。
                            </td>
              <td class="ta-l">通过特殊情况处置，培养处置突发情况的能力。</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">思政融入</td>
@@ -191,9 +322,7 @@
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">学习设施设备</td>
                            <td class="ta-l" colspan="2">
                                多媒体教学设备。
                            </td>
              <td class="ta-l" colspan="2">多媒体教学设备。</td>
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center">学习时数</td>
@@ -216,15 +345,22 @@
                        <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"><img class="img-f" alt="" src="../../assets/images/0041-2.jpg" /></p>
          <p class="center">
            <img class="img-f" alt="" src="../../assets/images/0041-2.jpg" />
          </p>
                    <p class="img">图3-2 前传检查岗位工作流程</p>
                </div>
            </div>
@@ -233,31 +369,106 @@
        <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>
                </ul>
                <div class="bodystyle p-even">
                    <h3 id="c016">二、特殊情况处置</h3>
                    <p>（1）对精密仪器、瓷器等贵重易碎物品，要轻拿轻放，并通知X射线安全检查仪操作员注意接扶，防止将旅客物品损坏。</p>
                    <p>（2）对不宜经过X射线安全检查仪检查的物品，通知开箱包检查员对其进行手工开箱包检查。</p>
                    <p>（3）对怀孕的、带有心脏起搏器的、坐轮椅的或有重病等不宜通过金属探测门检查的旅客，前传员应提醒人身检查员进行手工人身检查。</p>
                    <p>（4）前传检查岗位处于安检通道的中心位置，常需要将安检通道内各种情况通知其他岗位。因此，前传员应掌握暗语，准确传递信息。</p>
                    <p>（5）前传员应根据机场流量、工作标准以及岗位的要求适时验放旅客，合理控制过检速度，保证安检通道的畅通。</p>
          <p>
            （1）对精密仪器、瓷器等贵重易碎物品，要轻拿轻放，并通知X射线安全检查仪操作员注意接扶，防止将旅客物品损坏。
          </p>
          <p>
            （2）对不宜经过X射线安全检查仪检查的物品，通知开箱包检查员对其进行手工开箱包检查。
          </p>
          <p>
            （3）对怀孕的、带有心脏起搏器的、坐轮椅的或有重病等不宜通过金属探测门检查的旅客，前传员应提醒人身检查员进行手工人身检查。
          </p>
          <p>
            （4）前传检查岗位处于安检通道的中心位置，常需要将安检通道内各种情况通知其他岗位。因此，前传员应掌握暗语，准确传递信息。
          </p>
          <p>
            （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>
            </p>
            <p class="center videoname">
              <span>视频：前传岗位特殊情况处理 </span>
              <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')"
                />
              </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>
                    <p>3.遇到不宜通过金属探测门检查的旅客，前传员应做什么？需要注意什么？</p>
                    <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">
          <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>
          <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"
          >
                        <tr class="table-title-bc">
                            <td class="center">任务目标</td>
                            <td class="center">分值</td>
@@ -268,54 +479,88 @@
                            <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>

<script>
import preView from '@/components/pdfview/index.vue'
import preView from "@/components/pdfview/index.vue";
import { getResourcePath } from "@/assets/methods/resources";
import {
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
export default {
    name: "chapterThree",
    props: {
@@ -328,9 +573,20 @@
    },
    data() {
        return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      collectResourceList: [],
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      chapterData: {
        isCollectVideo: false,
        isCollectVideo2: false,
        isCollectVideo3: false,
      },
            pdfDialogRef: "",
            somePdfTitleValue: '',
            p_md5: '',
      somePdfTitleValue: "",
      p_md5: "",
            dialogVisible: false,
            questionData: {
                isComplete: false,
@@ -377,33 +633,127 @@
            chapter003: {
                pdfMd5: {
                    1: {
                        md5: '23b0cd2e134a17df3673303d454ec776',
                        name: '任务一 了解航空安全保卫的国际组织',
            md5: "23b0cd2e134a17df3673303d454ec776",
            name: "任务一 了解航空安全保卫的国际组织",
                    },
                    2: {
                        md5: '79af409325c02b86f3589f5fc936afec',
                        name: '任务二 学习有关航空安全保卫的国际公约',
            md5: "79af409325c02b86f3589f5fc936afec",
            name: "任务二 学习有关航空安全保卫的国际公约",
                    },
                    3: {
                        md5: '78aab60eadd44c12ca7e2559f3134ce1',
                        name: '任务三 掌握《中国民用航空安全检查手册》相关知识',
            md5: "78aab60eadd44c12ca7e2559f3134ce1",
            name: "任务三 掌握《中国民用航空安全检查手册》相关知识",
                    },
                },
            },
        };
    },
    mounted() {
  async mounted() {
        const bookQuestion = localStorage.getItem("safety-book-chapter03");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("safety-book-chapter03-tableData");
    const bookTableData = localStorage.getItem(
      "safety-book-chapter03-tableData"
    );
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    const choiceQuestion = localStorage.getItem("safety-book-chapter03-Data");
    if (choiceQuestion) {
      this.chapterData = JSON.parse(choiceQuestion);
    }

    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
    );
    },
    methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "3be8acd96beeba7bfb62cf26e46fb7dd"
      );
      this.videoPathTwo = await getResourcePath(
        "1a8b239d665e109faeb1ad12e229a674"
      );
      this.videoPathThree = await getResourcePath(
        "94b00baff32320b0c5f06e94951c0d22"
      );
    },
    handleCollect(e) {
      if (e == "video-01") {
        this.handleCollectResource(
          "3be8acd96beeba7bfb62cf26e46fb7dd",
          "3be8acd96beeba7bfb62cf26e46fb7dd",
          "",
          "视频",
          "bits",
          "视频：前传岗位介绍（导入）"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "1a8b239d665e109faeb1ad12e229a674",
          "1a8b239d665e109faeb1ad12e229a674",
          "",
          "视频",
          "bits",
          "视频：前传岗位主要职责"
        );
        this.chapterData.isCollectVideo2 = !this.chapterData.isCollectVideo2;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "94b00baff32320b0c5f06e94951c0d22",
          "94b00baff32320b0c5f06e94951c0d22",
          "",
          "视频",
          "bits",
          "视频：前传岗位特殊情况处理"
        );
        this.chapterData.isCollectVideo3 = !this.chapterData.isCollectVideo3;
      }
      this.handleChapterData();
    },

    //资源收藏事件
    // resourcePath  文件路径，
    // resourceType  文件类型
    // source        文件来源
    handleCollectResource(
      id,
      md5,
      resourcePath,
      resourceType,
      source,
      resourceName
    ) {
      let list = this.collectResourceList;
      if (list.findIndex((item) => item.id == id) > -1) {
        list = list.filter((item) => item.id != id);
      } else {
        list.push({
          id,
          md5,
          resourcePath,
          resourceType,
          source,
          resourceName,
        });
      }
      this.collectResourceList = list;
      setCollectResource(
        this.config.activeBook.bookId,
        this.collectResourceList
      );
    },
    handleChapterData() {
      localStorage.setItem(
        "safety-book-chapter03-Data",
        JSON.stringify(this.chapterData)
      );
    },
        setBookQuestion() {
            localStorage.setItem(
                "safety-book-chapter03",
@@ -418,9 +768,9 @@
        },
        toUrl(val) {
            if (val) {
                this.p_md5 = this.chapter003.pdfMd5[val].md5
                this.somePdfTitleValue = this.chapter003.pdfMd5[val].name
                this.$refs.pdfDialogRef.openDialog()
        this.p_md5 = this.chapter003.pdfMd5[val].md5;
        this.somePdfTitleValue = this.chapter003.pdfMd5[val].name;
        this.$refs.pdfDialogRef.openDialog();
            }
        },
    },