bug

litian

2025-01-07 b981a3f6af44e03a276ff431a65022ee4f4802b9

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

@@ -40,10 +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-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -55,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>
@@ -139,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>
@@ -246,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>
@@ -339,7 +341,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>
@@ -444,7 +446,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>
@@ -526,9 +528,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="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.你知道的民航制服规范有哪些呢？</p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -546,7 +552,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>
@@ -627,6 +633,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>
            不管是制服还是一般商务西服，首先要与领带搭配。领带也是男士在仪表方面的一个标志，配上合体的西服，可以使穿者显得潇洒、精神、绅士、稳重，同时也体现出对场合的重视。
@@ -655,7 +687,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>
@@ -667,21 +699,119 @@
          <p>3.练习领带的系法。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.（　　）体形的特点是上身瘦、臀部大。</p>
          <p>A.O型</p>
          <p>B.H型</p>
          <p>C.A型</p>
          <p>D.X型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.O型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.H型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.A型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />D.X型</p>
          <p>2.圆脸型的人选择衣领时，应选（　　）。</p>
          <p>A.圆形</p>
          <p>B.一字形</p>
          <p>C.梯形</p>
          <p>D.V型</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />A.圆形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />B.一字形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />C.梯形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.V型</p>
          <p>3.服装的（　　）的样式，与脸型有直接关系。</p>
          <p>A.裤子</p>
          <p>B.衬衣</p>
          <p>C.领子</p>
          <p>D.袖子</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />A.裤子</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />B.衬衣</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />C.领子</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />D.袖子</p>
          <p>4.简述职业制服着装的要求。</p>
          <textarea v-model="questionData.projectOne.four.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p><br /></p>
          <p><br /></p>
          <h3 id="c013">
@@ -758,7 +888,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>
@@ -871,7 +1001,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>
@@ -961,7 +1091,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>
@@ -979,6 +1109,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）。
@@ -1043,6 +1192,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>
@@ -1052,7 +1220,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>
@@ -1166,7 +1334,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">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>
@@ -1271,6 +1439,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>
@@ -1287,7 +1474,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>
@@ -1311,6 +1498,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" />
@@ -1342,37 +1548,229 @@
        <div class="bodystyle">
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.脸部色调偏红，可用（　　）修饰。</p>
          <p>A.淡紫色</p>
          <p>B.淡绿色</p>
          <p>C.米色</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.淡紫色</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.淡绿色</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.米色</p>
          <p>2.涂高光色应用（　　）的手法涂抹。</p>
          <p>A.平涂法</p>
          <p>B.按压法</p>
          <p>C.点拍法</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.平涂法</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.按压法</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.点拍法</p>
          <p>3.圆脸型者在梳理头发时（　　）部分适宜蓬松些。</p>
          <p>A.头顶两侧</p>
          <p>B.头顶</p>
          <p>C.面型两侧</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.头顶两侧</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.头顶</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.面型两侧</p>
          <p>4.正方形脸型者适宜描画（　　）的眉形。</p>
          <p>A.下挂</p>
          <p>B.拱形</p>
          <p>C.平直</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.下挂</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.拱形</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.平直</p>
          <p>5.两眼间距离近，眼影的修饰重点应放在（　　）。</p>
          <p>A.内眼角</p>
          <p>B.眼部中央</p>
          <p>C.外眼角</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />A.内眼角</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />B.眼部中央</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />C.外眼角</p>
          <p>6.三点一线是指将（　　）连成一条线。</p>
          <p>A.眉头、内眼角、嘴角</p>
          <p>B.外眼角、眉梢、嘴角</p>
          <p>C.眉头、内眼角、鼻翼</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="A"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />A.眉头、内眼角、嘴角</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="B"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />B.外眼角、眉梢、嘴角</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="C"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />C.眉头、内眼角、鼻翼</p>
          <p>7.为加强眼部立体感，可在眉骨抹上（　　）眼影。</p>
          <p>A.暗色</p>
          <p>B.明亮色</p>
          <p>C.褐色</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="A"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />A.暗色</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="B"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />B.明亮色</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="C"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />C.褐色</p>
          <p>8.与唇膏的颜色相比，唇线笔的颜色应（　　）。</p>
          <p>A.略深一度</p>
          <p>B.略浅一度</p>
          <p>C.相同</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="A"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />A.略深一度</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="B"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />B.略浅一度</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="C"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />C.相同</p>
        </div>
      </div>
    </div>
@@ -1382,7 +1780,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>
@@ -1445,8 +1843,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-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1476,7 +1876,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>
@@ -1588,7 +1988,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>
@@ -1691,7 +2091,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>
@@ -1764,8 +2164,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-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d057">一、手势的分类及使用范围</h4>
@@ -1807,7 +2209,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>
@@ -1898,7 +2300,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>
@@ -1994,7 +2396,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>
@@ -2106,7 +2508,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>
@@ -2126,10 +2528,42 @@
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.与宾客挥手作别后，应（　　）。</p>
          <p>A.站在原地，待车辆消失在视线范围内之后才能缓慢离开</p>
          <p>B.立马转身离开</p>
          <p>C.与旁边的同事交流</p>
          <p>D.放松身体</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />A.站在原地，待车辆消失在视线范围内之后才能缓慢离开</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />B.立马转身离开</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />C.与旁边的同事交流</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />D.放松身体</p>
        </div>
      </div>
    </div>
@@ -2149,16 +2583,76 @@
          <p>
            2.今天你代表公司出席会议，到达会议厅时大家已就座。突然遇见一位朋友，距离约5米，他向你表达问候，此时你应（　　）。
          </p>
          <p>A.立马站起来，挥手示意</p>
          <p>B.微笑点头示意</p>
          <p>C.从会议厅中间穿过去，握手示意</p>
          <p>D.打通电话示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />A.立马站起来，挥手示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />B.微笑点头示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />C.从会议厅中间穿过去，握手示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />D.打通电话示意</p>
          <p>3.面试时，以鞠躬礼问好的身体弯曲度数应为（　　）。</p>
          <p>A.15°</p>
          <p>B.30°</p>
          <p>C.45°</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />A.15°</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />B.30°</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />C.45°</p>
          <p>4.简述前腹式站姿的要领。</p>
          <textarea v-model="questionData.projectThree.four.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>5.简述入座与离座的基本原则。</p>
          <textarea v-model="questionData.projectThree.five.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -2183,204 +2677,76 @@
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
        tableOne: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
        },
        tableTwo: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        projectOne:{
          one:{
            value:""
          },
          two:{
            value:[]
          },
          three:{
            value:''
          },
          four:{
            value:''
          }
        },
        tableThree: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        projectTwo:{
          one:{
            value:""
          },
          two:{
            value:""
          },
          three:{
            value:""
          },
          four:{
            value:""
          },
          five:{
            value:""
          },
          six:{
            value:""
          },
          seven:{
            value:""
          },
          eight:{
            value:""
          }
          
        },
        tableFour: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        tableFive: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableSix: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableSeven: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableEight: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        tableNine: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableTen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableEleven: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        tableTwelve: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableThirteen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableFourteen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableFifteen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        tableSixteen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableSeventeen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableEighteen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableNineteen: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        reading: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
          nine: "",
          ten: "",
        },
        readingOne: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
          nine: "",
          ten: "",
        },
        readingTwo: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
          nine: "",
          ten: "",
        },
        readingThree: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
          nine: "",
          ten: "",
        projectThree:{
          one:{
            value:""
          },
          two:{
            value:""
          },
          three:{
            value:""
          },
          four:{
            value:''
          },
          five:{
            value:''
          }
        },
      },
      chapter002: {
@@ -2388,26 +2754,46 @@
          {
            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,
      },
    };
  },
  async mounted() {
    const bookQuestion = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter02-table"
      "aviationEtiquette-book-chapter02-question"
    );
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
@@ -2434,10 +2820,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];
@@ -2448,20 +2840,20 @@
    },
    setBookQuestion() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter02-table",
        "aviationEtiquette-book-chapter02-question",
        JSON.stringify(this.questionData)
      );
    },

    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)
      );
    },
@@ -2485,24 +2877,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();