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

QYF-GitLab1

2025-02-17 1b3fd3be47ea0c06b80db9603eb1279daa0dad07

 src/books/aviationEtiquette/view/components/chpater002.vue

@@ -40,12 +40,12 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p>
                李丽决定通过服装搭配以及更多地了解航司的形象文化来为自己的面试加分。那么，李丽该怎样去了解航司服装文化？如何得体地搭配和修饰自己呢？
              </p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -57,7 +57,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">47</li>
          <li class="p-Num">47</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -141,7 +141,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">49</li>
          <li class="p-Num">49</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -248,7 +248,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">51</li>
          <li class="p-Num">51</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -310,20 +310,16 @@
              <img class="img-c" alt="" src="../../assets/images/0058-1.jpg" />
            </p>
            <p class="img">图2-1-6 川航制服</p>
            <p class="center openImgBox">
              <img class="img-c mt-20" alt="" src="../../assets/images/0058-2.jpg" />
            </p>
            <p class="img">图2-1-7 厦航制服</p>
          </div>
          <span>
            <p>
              川航以“真、善、美、爱”之心为旅客提供精品服务。以美丽关爱感动人心，以感恩事业铸造和谐。2008年，川航空乘统一换上第七代制服，制服灵感来自川航主题色——川航红，主款为红色七分袖连衣裙，黑色腰带，浅立领，胸前有红黑相间的“褶皱”折饰。红色连衣裙整体线条简洁流畅，能够展现川航乘务员娴静端庄的职业仪态。浅立领能够衬托乘务员的优雅气质；黑色线条为服装注入理性、沉稳的特质；“褶皱”折饰在行走时自然律动，传递灵动之美。考虑到空乘的职业特性，袖子采用干练利落的七分袖设计，裙身下摆微收，留有足够活动裕度，方便乘务员在客舱中开展服务操作（见图2-1-6）。
            </p>
          </span>
          <p>（2）厦门航空有限公司（以下简称厦航）制服。</p>
          <div class="img-rights w220 openImgBox ">
            <p class="center openImgBox">
              <img class="img-c" alt="" src="../../assets/images/0058-2.jpg" />
            </p>
            <p class="img">图2-1-7 厦航制服</p>
          </div>
          <span>
            <p>（2）厦门航空有限公司（以下简称厦航）制服。</p>
            <p>
              厦航乘务队形成了“六勤”（眼勤、手勤、腿勤、嘴勤、耳勤、脑勤）、“五心”（热心、诚心、细心、耐心、恒心）、“四美”（心灵美、语言美、行为美、形象美）、“三不怕”（不怕脏、不怕累、不怕烦）的服务作风。空乘制服经历了泡泡袖、白蝴蝶结、中式旗袍等阶段。2018年8月，厦航新一代空乘制服惊艳亮相，融合了复古元素与现代简约时尚，勾勒出更加高雅、自信、干练的空乘形象。俏皮的小帽上带有“一鹭高飞”航徽，衣袖为七分袖，并配有深蓝色的宽腰带（见图2-1-7）。不同明度“天空蓝”制服，区分乘务员不同的岗位，由浅到深的蓝色新制服分属于普通乘务员、客舱乘务长和客舱经理。
            </p>
@@ -341,7 +337,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">53</li>
          <li class="p-Num">53</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -446,7 +442,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">55</li>
          <li class="p-Num">55</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -528,13 +524,13 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p>1.媛媛为什么会尴尬呢？</p>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.你知道的民航制服规范有哪些呢？</p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -552,7 +548,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">57</li>
          <li class="p-Num">57</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -633,6 +629,32 @@
          <p>
            牧童结：丝巾对折呈倒三角形，再从长端叠加呈3～4个褶皱，丝巾末端与平结系法一致，系在脖颈处整理。
          </p>
          <div class="bk-video fl">
            <p class="bj4-qjms fl al-c"><span class="span-text-video">视频库</span><span class="span-svg"><svg t="1729840629103"
                  class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34778"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
                  <path
                    d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
                    fill="#92A1CB" p-id="34779"></path>
                </svg></span></p>
            <div class="fl jc-fs fw-w">
              <div style="width: 200px; height: auto; margin: 0 5px;" v-for="(item, index) in chapter002.videoMd5"
                :key="index">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls controlslist="nodownload"
                  class="video-border w100" :src="item.handleMd5"></video>
                <div class="fl al-c jc-c">
                  <p class="td-0" style="font-size: 12px;">微课小课堂：{{ item.name }}</p>
                  <el-tooltip class="item" effect="dark" :content="item.isCollectVideo ? '点击取消' : '点击收藏'"
                    placement="top-start">
                    <img
                      :src="collectResourceList.findIndex(citem => citem.id == item.md5) > -1 ? collectCheck : collectImg"
                      alt="" class="collect-btn1" @click="handleCollect(item)" />
                  </el-tooltip>
                </div>
              </div>
            </div>
          </div>
          <h6 id="f009">2.领带佩戴规范</h6>
          <p>
            不管是制服还是一般商务西服，首先要与领带搭配。领带也是男士在仪表方面的一个标志，配上合体的西服，可以使穿者显得潇洒、精神、绅士、稳重，同时也体现出对场合的重视。
@@ -661,7 +683,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">59</li>
          <li class="p-Num">59</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -674,8 +696,8 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.（　　）体形的特点是上身瘦、臀部大。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
@@ -683,8 +705,8 @@
              @change="setBookQuestion"
            />A.O型</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
@@ -692,8 +714,8 @@
              @change="setBookQuestion"
            />B.H型</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
@@ -701,8 +723,8 @@
              @change="setBookQuestion"
            />C.A型</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
@@ -711,8 +733,8 @@
            />D.X型</p>
          <p>2.圆脸型的人选择衣领时，应选（　　）。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
@@ -720,8 +742,8 @@
              @change="setBookQuestion"
            />A.圆形</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
@@ -729,8 +751,8 @@
              @change="setBookQuestion"
            />B.一字形</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
@@ -738,8 +760,8 @@
              @change="setBookQuestion"
            />C.梯形</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
@@ -748,8 +770,8 @@
            />D.V型</p>
          <p>3.服装的（　　）的样式，与脸型有直接关系。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
@@ -757,8 +779,8 @@
              @change="setBookQuestion"
            />A.裤子</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
@@ -766,8 +788,8 @@
              @change="setBookQuestion"
            />B.衬衣</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
@@ -775,8 +797,8 @@
              @change="setBookQuestion"
            />C.领子</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
@@ -862,7 +884,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">61</li>
          <li class="p-Num">61</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -975,7 +997,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">63</li>
          <li class="p-Num">63</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1065,7 +1087,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">65</li>
          <li class="p-Num">65</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1083,6 +1105,25 @@
          </p>
          <h5 id="e058">（三）职业妆程序</h5>
          <p>职业妆的化妆程序与日常妆一致，请查看视频。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：日常妆步骤</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'dfa8717a72ef7a1e6349b6ba21455739'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d047">六、男士面部化妆</h4>
          <p>
            通过遮瑕和修容，将面部肤色调整得更加均匀，使气色红润，展现最好的精神面貌。遮瑕主要掩盖脸部瑕疵，使整个面部干净清爽；修容主要是增加面部立体感；眉的修饰主要是去除杂眉，调整和修补眉形（见图2-1-17）。
@@ -1147,6 +1188,25 @@
          <p class="block">
            卸除粉底等脸部的底妆时，可用沾有卸妆液的棉片分别按额头、鼻子、脸颊、口周的顺序来卸除。必须一遍一遍地卸除，并按面部肌肉的纹理及走向擦拭。
          </p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：卸妆</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '1f4b5a2bee9544f3b357f4cdf7d09e87'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1156,7 +1216,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">67</li>
          <li class="p-Num">67</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1197,7 +1257,7 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p>好是保持无头皮屑，无分叉、枯燥的发质，发面不油腻。</p>
          <p class="td-0">好是保持无头皮屑，无分叉、枯燥的发质，发面不油腻。</p>
          <h5 id="e062">（二）长度适宜的原则</h5>
          <h6 id="f012">1.男士</h6>
          <p>前发：男士应为短发，前发要求不遮盖额头一半（见图2-1-18）。</p>
@@ -1270,13 +1330,13 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">69</li>
          <li class="p-Num">69</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>的造型不杂乱。发型工具多种多样，其作用也是根据发质而定的。</p>
          <p class="td-0">的造型不杂乱。发型工具多种多样，其作用也是根据发质而定的。</p>
          <h5 id="e065">（一）发型工具</h5>
          <p>
            尖尾梳：别名挑梳、分针梳，主要用于盘发。一边梳，一边用尖尾顺次把头发挑起（见图2-1-24）。
@@ -1375,6 +1435,25 @@
          <p>
            ⑧检查：正面无碎发，纹理整齐，表面光滑；侧面发夹对称，发髻底端不低于两耳垂；背面发髻圆润、饱满，直径不小于8cm。
          </p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：气质型发型</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '26aaec2c0eb64bed629e13f68b9ce848'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            （2）优雅型。优雅型发型亦是斜刘海发型，即前额留有刘海修饰，根据脸部长度适当调整头顶弧度及刘海区域，刘海为圆弧形，发髻为芭蕾式或发髻式，前后左右碎发应以发胶和发夹固定，发夹、皮筋、发网均为黑色，头发上发夹不超过四个。适合椭圆形脸、长方形脸及上庭偏长偏宽的脸型。
          </p>
@@ -1391,7 +1470,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">71</li>
          <li class="p-Num">71</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1415,6 +1494,25 @@
          <p>
            ⑨检查：正面刘海区纹理整齐，表面光滑，刘海最低点与眉尾有一指至两指宽距离。侧面无碎发，分缝线不外露。发髻圆润、饱满，直径不小于8cm。
          </p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：优雅型发型</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'e5ac247c68c93dbb8fb3eb56ea4bb3aa'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p class="center">
            <img class="img-0" alt="" src="../../assets/images/0077-2.jpg" />
@@ -1447,8 +1545,8 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.脸部色调偏红，可用（　　）修饰。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
@@ -1456,8 +1554,8 @@
              @change="setBookQuestion"
            />A.淡紫色</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
@@ -1465,8 +1563,8 @@
              @change="setBookQuestion"
            />B.淡绿色</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
@@ -1475,8 +1573,8 @@
            />C.米色</p>
          <p>2.涂高光色应用（　　）的手法涂抹。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
@@ -1484,8 +1582,8 @@
              @change="setBookQuestion"
            />A.平涂法</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
@@ -1493,8 +1591,8 @@
              @change="setBookQuestion"
            />B.按压法</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
@@ -1503,8 +1601,8 @@
            />C.点拍法</p>
          <p>3.圆脸型者在梳理头发时（　　）部分适宜蓬松些。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
@@ -1512,8 +1610,8 @@
              @change="setBookQuestion"
            />A.头顶两侧</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
@@ -1521,8 +1619,8 @@
              @change="setBookQuestion"
            />B.头顶</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
@@ -1531,8 +1629,8 @@
            />C.面型两侧</p>
          <p>4.正方形脸型者适宜描画（　　）的眉形。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
@@ -1540,8 +1638,8 @@
              @change="setBookQuestion"
            />A.下挂</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
@@ -1549,8 +1647,8 @@
              @change="setBookQuestion"
            />B.拱形</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
@@ -1559,8 +1657,8 @@
            />C.平直</p>
          <p>5.两眼间距离近，眼影的修饰重点应放在（　　）。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
@@ -1568,8 +1666,8 @@
              @change="setBookQuestion"
            />A.内眼角</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
@@ -1577,8 +1675,8 @@
              @change="setBookQuestion"
            />B.眼部中央</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
@@ -1587,8 +1685,8 @@
            />C.外眼角</p>
          <p>6.三点一线是指将（　　）连成一条线。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="A"
              id="6"
@@ -1596,8 +1694,8 @@
              @change="setBookQuestion"
            />A.眉头、内眼角、嘴角</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="B"
              id="6"
@@ -1605,8 +1703,8 @@
              @change="setBookQuestion"
            />B.外眼角、眉梢、嘴角</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="C"
              id="6"
@@ -1615,8 +1713,8 @@
            />C.眉头、内眼角、鼻翼</p>
          <p>7.为加强眼部立体感，可在眉骨抹上（　　）眼影。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="A"
              id="7"
@@ -1624,8 +1722,8 @@
              @change="setBookQuestion"
            />A.暗色</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="B"
              id="7"
@@ -1633,8 +1731,8 @@
              @change="setBookQuestion"
            />B.明亮色</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="C"
              id="7"
@@ -1643,8 +1741,8 @@
            />C.褐色</p>
          <p>8.与唇膏的颜色相比，唇线笔的颜色应（　　）。</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="A"
              id="8"
@@ -1652,8 +1750,8 @@
              @change="setBookQuestion"
            />A.略深一度</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="B"
              id="8"
@@ -1661,8 +1759,8 @@
              @change="setBookQuestion"
            />B.略浅一度</p>
          <p><input
              type="checkbox"
              name="ball2"
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="C"
              id="8"
@@ -1678,7 +1776,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">73</li>
          <li class="p-Num">73</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1741,10 +1839,10 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p>请谈谈微笑对民航服务工作的重要性。</p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1774,7 +1872,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">75</li>
          <li class="p-Num">75</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1886,7 +1984,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">77</li>
          <li class="p-Num">77</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1989,7 +2087,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">79</li>
          <li class="p-Num">79</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2062,10 +2160,10 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p>说说你知道的通用手势语都有哪些？</p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d057">一、手势的分类及使用范围</h4>
@@ -2107,7 +2205,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">81</li>
          <li class="p-Num">81</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2198,7 +2296,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">83</li>
          <li class="p-Num">83</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2294,7 +2392,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">85</li>
          <li class="p-Num">85</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2406,7 +2504,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">87</li>
          <li class="p-Num">87</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2427,8 +2525,8 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.与宾客挥手作别后，应（　　）。</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
@@ -2436,8 +2534,8 @@
              @change="setBookQuestion"
            />A.站在原地，待车辆消失在视线范围内之后才能缓慢离开</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
@@ -2445,8 +2543,8 @@
              @change="setBookQuestion"
            />B.立马转身离开</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
@@ -2454,8 +2552,8 @@
              @change="setBookQuestion"
            />C.与旁边的同事交流</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
@@ -2482,8 +2580,8 @@
            2.今天你代表公司出席会议，到达会议厅时大家已就座。突然遇见一位朋友，距离约5米，他向你表达问候，此时你应（　　）。
          </p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
@@ -2491,8 +2589,8 @@
              @change="setBookQuestion"
            />A.立马站起来，挥手示意</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
@@ -2500,8 +2598,8 @@
              @change="setBookQuestion"
            />B.微笑点头示意</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
@@ -2509,8 +2607,8 @@
              @change="setBookQuestion"
            />C.从会议厅中间穿过去，握手示意</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
@@ -2519,8 +2617,8 @@
            />D.打通电话示意</p>
          <p>3.面试时，以鞠躬礼问好的身体弯曲度数应为（　　）。</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
@@ -2528,8 +2626,8 @@
              @change="setBookQuestion"
            />A.15°</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
@@ -2537,8 +2635,8 @@
              @change="setBookQuestion"
            />B.30°</p>
          <p><input
              type="checkbox"
              name="ball1"
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
@@ -2575,6 +2673,9 @@
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
@@ -2587,13 +2688,13 @@
        },
        projectOne:{
          one:{
            value:[]
            value:""
          },
          two:{
            value:[]
          },
          three:{
            value:[]
            value:''
          },
          four:{
            value:''
@@ -2601,40 +2702,40 @@
        },
        projectTwo:{
          one:{
            value:[]
            value:""
          },
          two:{
            value:[]
            value:""
          },
          three:{
            value:[]
            value:""
          },
          four:{
            value:[]
            value:""
          },
          five:{
            value:[]
            value:""
          },
          six:{
            value:[]
            value:""
          },
          seven:{
            value:[]
            value:""
          },
          eight:{
            value:[]
            value:""
          }
          
        },
        projectThree:{
          one:{
            value:[]
            value:""
          },
          two:{
            value:[]
            value:""
          },
          three:{
            value:[]
            value:""
          },
          four:{
            value:''
@@ -2649,20 +2750,40 @@
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "7454A10BD25ED828FF31D0702DA63D55",
            name: "什么是心理健康",
            md5: "965022b1a3d52fc4d943b7762c5f8041",
            name: "平结",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "E4AC28F178D660E96355C17E6F283E66",
            name: "心理健康的10项标准",
            md5: "d4e22792df09639f5c30b40be57f220c",
            name: "百褶花结",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "1d674e01378bb9ddf1dff6f905073b80",
            name: "百折扇结",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "005f3af9c76e4d807280f29aa92c0951",
            name: "牧童结",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "186c971393948f45d0df637e1fa1a7d7",
            name: "领带系法",
          },
        ],
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideo01: false,
        isCollectVideo02: false,
        isCollectVideo03: false,
      },
    };
  },
@@ -2675,18 +2796,19 @@
    }

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

    const videoData = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter002"
      "aviationEtiquette-book-chapter002"
    );
    if (videoData) {
      this.chapter002 = JSON.parse(videoData);
    }
    
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -2695,10 +2817,16 @@
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "f230fd8fd7952a4ad4dd05d94df7e797"
        "dfa8717a72ef7a1e6349b6ba21455739"
      );
      this.videoPathTwo = await getResourcePath(
        "700cfdb8b85b372045b1e97e3356ae3a"
        "1f4b5a2bee9544f3b357f4cdf7d09e87"
      );
      this.videoPathThree = await getResourcePath(
        "26aaec2c0eb64bed629e13f68b9ce848"
      );
      this.videoPathFour = await getResourcePath(
        "e5ac247c68c93dbb8fb3eb56ea4bb3aa"
      );
      for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
        const item = this.chapter002.videoMd5[index];
@@ -2716,13 +2844,13 @@

    handleChapterData() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter02-Data",
        "aviationEtiquette-book-chapter02-Data",
        JSON.stringify(this.chapterData)
      );
    },
    handleChapter002() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter002",
        "aviationEtiquette-book-chapter002",
        JSON.stringify(this.chapter002)
      );
    },
@@ -2746,24 +2874,44 @@
        e.isCollectVideo = !e.isCollectVideo;
      } else if (e == "video-01") {
        this.handleCollectResource(
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "dfa8717a72ef7a1e6349b6ba21455739",
          "dfa8717a72ef7a1e6349b6ba21455739",
          "",
          "视频",
          "bits",
          "视频：心理学的流派"
          "视频：日常妆步骤"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "700cfdb8b85b372045b1e97e3356ae3a",
          "700cfdb8b85b372045b1e97e3356ae3a",
          "1f4b5a2bee9544f3b357f4cdf7d09e87",
          "1f4b5a2bee9544f3b357f4cdf7d09e87",
          "",
          "视频",
          "bits",
          "视频：心理学的研究内容"
          "视频：卸妆"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "26aaec2c0eb64bed629e13f68b9ce848",
          "26aaec2c0eb64bed629e13f68b9ce848",
          "",
          "视频",
          "bits",
          "视频：气质型发型"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo01;
      }else if (e == "video-04") {
        this.handleCollectResource(
          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
          "",
          "视频",
          "bits",
          "视频：优雅型发型"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
      }
      this.handleChapter002();
      this.handleChapterData();