合并

litian

2024-12-31 0fcbda11823ac21e26f6ec660d497749e6afd17f

合并

 src/books/aviationBasicSkills/view/components/chapter001.vue

@@ -1757,8 +1757,6 @@
                JSON.stringify(this.chapterData)
            );
        },


        
        setBookQuestion() {
            localStorage.setItem(

 src/books/aviationEtiquette/assets/main.less

@@ -704,9 +704,14 @@
    .event-header-text-bc {
        background-color: #bbd4ec;
    }
    //视频  
    .video-box-cover {
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .video-box {
        margin: 20px 0 20px 8%;
        margin: 20px 0 20px 0;
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }
@@ -1582,6 +1587,38 @@
        margin-left: -1.6em;
    }


    .bk-video{
        border: 0.15em dashed #92A1CB;
        padding: 1.8em 5px;
        margin-bottom: 2em;
        margin-top: 2em;
        border-radius: 0em;
        position: relative;
    }

    p.bj4-qjms {
        background-color: #fff;
        color: #92A1CB;
        font-size: 20px;
        font-weight: bold;
        border-radius: 1.5em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -32px;
    }

    .span-text-video {
        padding: 0em 0.15em 0em 0.3em;
    }

    .span-svg {
        padding: 0.3em 0.15em 0em 0.3em;
    }


    .ts-1 {
        font-weight: bold;
    }

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

@@ -7,7 +7,7 @@
          <li class="headerText pNum">1</li>
          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
        </ul>
        <div class="bodystyle p-even">
        <div class="bodystyle">
          <h1 id="a005">
            <span class="h1-bj">模块一</span><span class="h1-bk">民航礼仪与服务能力认知</span>
          </h1>
@@ -47,11 +47,11 @@
            </div>
            <div class="bj3">
              <p>1.什么是“避席”？</p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.曾子为何要“避席”？</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="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -69,7 +69,7 @@
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle p-odd">
        <div class="bodystyle">
          <h3 id="c001">
            <span class="h3-zt1">任务1</span><span class="h3-bk">礼仪起源认知</span>
          </h3>
@@ -106,11 +106,13 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">3</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle p-even">
        <div class="bodystyle">
          <h6 id="f004">4.礼为人性和环境矛盾的产物</h6>
          <p>
            “颜渊问仁。子曰：‘克己复礼为仁。一日克己复礼，天下归仁焉。”（《论语·颜渊》）克己是对自我的管理，人与环境会产生矛盾，而解决这种矛盾的方法就是“克己”。孔子一直把对人性的约束和管理作为恢复周礼的重要途径，人有各种欲望，需通过道德、礼仪、法律等形式进行规范，故礼为人性和环境矛盾的产物。
@@ -133,7 +135,7 @@
            周公的“制礼作乐”，实际上就是建立周代的一系列制度，它涉及政治、经济、法律、礼仪、祭祀、教育等制度及乐舞活动，是对周代的社会政治文化各个方面的较全面的规范。在制定周代礼制过程中，周公不是简单地重复前代礼仪，而是把礼仪贯穿于所有活动中，从而建立了一套完整、周密甚至烦琐的礼仪系统，使礼仪在周代具有全新的意义。
          </p>
          <p>
            春秋时期，社会生产力的发展，新兴地主阶级的出现导致“礼崩乐坏”，社会十分混乱，新旧势力的斗争尖锐。孔子在这一时期提出“仁”的思想，并把它同“礼”有机结合在一起，形成了儒家思想体系的核心，构成了儒家思想的社会道德规范。在中国早期文明史上，周王朝礼乐文明持续数百载，对中华民族文化心理的塑造产生了
            春秋时期，社会生产力的发展，新兴地主阶级的出现导致“礼崩乐坏”，社会十分混乱，新旧势力的斗争尖锐。孔子在这一时期提出“仁”的思想，并把它同“礼”有机结合在一起，形成了儒家思想体系的核心，构成了儒家思想的社会道德规范。在中国早期文明史上，周王朝礼乐文明持续数百载，对中华民族文化心理的塑造产生了重要影
          </p>
        </div>
      </div>
@@ -150,8 +152,8 @@
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle p-odd">
          <p class="td-0">重要影响，最终确立了中国“礼仪之邦”的历史地位。</p>
        <div class="bodystyle">
          <p class="td-0">响，最终确立了中国“礼仪之邦”的历史地位。</p>
          <div class="bk2">
            <div class="zysx">
              <p>
@@ -163,8 +165,8 @@
              <p>
                周公和孔子对礼仪的发展起到了重要作用，请大家尽可能多地搜集有关周公和孔子的礼仪小故事，并挑选你体会最深的一个和同学们分享，告诉大家从他们的故事中你学到了什么，有什么感悟。
              </p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -182,8 +184,8 @@
              <p>
                随着信息技术革命的不断发展，在经济全球化的推动下，世界各国之间、不同民族之间、不同地域之间的交往与沟通日益频繁和密切，一些共同的礼仪将被作为国际公认的行为规范而普遍采用，从而进一步影响礼仪文化的发展，并最终形成新的礼仪规范。
              </p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·触礼旁通·</span></p>
@@ -206,11 +208,13 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">5</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle p-even">
        <div class="bodystyle">
          <h3 id="c002">
            <span class="h3-zt1">任务2</span><span class="h3-bk">礼仪内涵认知</span>
          </h3>
@@ -238,7 +242,7 @@
          <h4 id="d004">二、“仪”的含义</h4>
          <h5 id="e005">（一）指典范、表率</h5>
          <p>
            “上者，下之仪也。彼将听唱而应，视仪而动。唱默则民无应也，仪隐则下无动也。不应不动，则上下无以相有也。”（《荀子·正论》）君主，是臣下的准则。百姓听到倡导就响应，看到准则就行动。君主沉默，百姓就无法响应；准则隐匿，百姓
            “上者，下之仪也。彼将听唱而应，视仪而动。唱默则民无应也，仪隐则下无动也。不应不动，则上下无以相有也。”（《荀子·正论》）君主，是臣下的准则。百姓听到倡导就响应，看到准则就行动。君主沉默，百姓就无法响应；准则隐匿，百姓就无
          </p>
        </div>
      </div>
@@ -257,7 +261,7 @@
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            就无法行动。不响应、不行动，那么上下就无法相互依靠。这体现出“仪”的表率、榜样和带头作用。
            法行动。不响应、不行动，那么上下就无法相互依靠。这体现出“仪”的表率、榜样和带头作用。
          </p>
          <h5 id="e006">（二）指容貌、风度</h5>
          <p>
@@ -272,7 +276,9 @@
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">一起来看一则飞行日记。</p>
          <p class="block">欧洲的冬天经常大雪纷飞，航班会因此而延误或者取消。</p>
          <p class="block">
            欧洲的冬天经常大雪纷飞，航班会因此而延误或者取消。
          </p>
          <p class="block">
            今天是我第一次飞前往伦敦的航班，经过7小时的飞行，准备下降时机长接到地面报告：因为下雪，能见度太低，飞机不能降落。我们不得不在空中盘旋了近1小时，可是很遗憾的是，最终伦敦机场还是因暴风雪不得不宣布暂时关闭，我们备降到了曼彻斯特机场等待伦敦的放飞通知。这一等就是7小时，旅客们都很友好，只是偶尔过来询问天气情况。我们不断地给旅客提供饮品和餐食，最后连飞机上的饼干和糖果也都全部发完。
          </p>
@@ -288,11 +294,11 @@
            </div>
            <div class="bj3">
              <p>1.在你的认知中，“礼仪”到底是什么呢？</p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.结合你的生活经历，讲一件你认为能传达讲礼、懂礼的事情。</p>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -305,9 +311,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">7</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <h3 id="c003">
@@ -376,9 +384,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">9</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <div class="bk2">
@@ -392,11 +402,11 @@
              <p>
                1.在日常生活和学习中，如何理解礼仪的规范性特征？请举例说明。
              </p>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.谈谈你对民航礼仪内涵的理解。</p>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c004">
@@ -423,11 +433,11 @@
            </div>
            <div class="bj3">
              <p>1.宴会主人为什么要把净手的水也喝掉呢？</p>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.这个礼仪小故事对你有什么样的启示？</p>
              <textarea v-model="questionData.askAbout.ten" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.ten" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d011">一、礼敬他人的原则</h4>
@@ -483,9 +493,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">11</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 block ">
@@ -512,13 +524,13 @@
            </div>
            <div class="bj3">
              <p>1.对于礼仪的原则，你是如何认识的？</p>
              <textarea v-model="questionData.askAbout.eleven" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eleven" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.作为民航专业的学生，你认为民航从业人员应当具备哪些礼仪素质？
              </p>
              <textarea v-model="questionData.askAbout.twelve" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.twelve" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <div class="bk4">
@@ -536,42 +548,22 @@
          <p>
            1.周朝是礼仪逐步趋向完善的时代，在此期间，（　　）对礼仪的发展起到了巨大的作用。（单选题）
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.孟子</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.老子</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.周公</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />D.孔子</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.孟子
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.老子
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.周公
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.孔子
          </p>
        </div>
      </div>
    </div>
@@ -589,42 +581,22 @@
        </ul>
        <div class="bodystyle">
          <p>2.下面有关“礼”的内在含义说法正确的是（　　）。（多选题）</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />A.表示尊敬、敬意的统称</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />B.为表示敬意或表示隆重举行的仪式</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />C.泛指社会生活中的某种社会规范和道德规范</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.表示送礼物、礼品</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.表示尊敬、敬意的统称
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.为表示敬意或表示隆重举行的仪式
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.泛指社会生活中的某种社会规范和道德规范
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.表示送礼物、礼品
          </p>
          <p>3.下面有关“仪”的内在含义说法正确的是（　　）。（多选题）</p>
          <p><input
              type="checkbox"
@@ -656,116 +628,56 @@
          <p>
            4.礼仪在本质上具有不同的特征，礼仪的特征包括（　　）。（多选题）
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />A.规范性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />B.时尚性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />C.多样性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />D.传承性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="E"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />E.差异性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="F"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />F.操作性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="G"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />G.时代性</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.规范性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.时尚性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.多样性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.传承性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="E" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />E.差异性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="F" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />F.操作性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="G" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />G.时代性
          </p>
          <p>
            5.礼仪的本质是“尊重”，尊己且尊他。有关礼敬他人的原则说法正确的是（　　）。（多选题）
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
            A.礼敬他人是指在社交活动中，交往对象之间相互尊敬、谦让，友好相待，和睦共处
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
            B.礼敬他人是尊重交往对象的人格，尊重交往对象的感情、喜好、习俗，尊重交往对象的劳动，将对交往对象的重视、恭敬、友好放在首位
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
            C.礼敬他人主要是分场合和对象，根据具体的场合和对象选择是否给予对方尊重
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />D.礼敬他人是与他人建立和谐的人际关系的基石</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.礼敬他人是与他人建立和谐的人际关系的基石
          </p>
        </div>
      </div>
    </div>
@@ -776,9 +688,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">13</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <h2 id="b002">项目二　民航服务意识认知</h2>
@@ -817,14 +731,14 @@
            </div>
            <div class="bj3">
              <p>1.案例中这名旅客为什么会成为这家航空公司的忠实顾客？</p>
              <textarea v-model="questionData.askAbout.thirteen" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.thirteen" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.此案例说明了民航服务从业人员需要具备什么样的素质？</p>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>3.这个案例对于你理解民航服务的含义有什么启示？</p>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c005">
@@ -884,9 +798,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">15</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <div class="bk2">
@@ -898,14 +814,14 @@
            </div>
            <div class="bj3">
              <p>1.这名乘务员的哪些行为让王先生感到贴心？</p>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.你觉得是什么让乘务员做出了这些贴心的事情？</p>
              <textarea v-model="questionData.askAbout.seventeen" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>3.从该案例出发，你怎么理解民航服务的本质？</p>
              <textarea v-model="questionData.askAbout.eighteen" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eighteen" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -989,8 +905,8 @@
            </div>
            <div class="bj3">
              <p>民航服务的哪些服务让邝婆婆感受到了温馨和满意？</p>
              <textarea v-model="questionData.askAbout.nineteen" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nineteen" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1003,9 +919,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">17</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <h3 id="c006">
@@ -1032,9 +950,8 @@
              <p>
                请大家讨论一下：什么才是提升服务满意度的法宝呢？民航服务出现质量问题的原因究竟是什么？
              </p>
              <textarea v-model="questionData.askAbout.twenty" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              
              <textarea v-model="questionData.askAbout.twenty" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d021">二、民航服务质量问题分析</h4>
@@ -1115,9 +1032,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">19</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <div class="bk2">
@@ -1234,9 +1153,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">21</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
@@ -1248,7 +1169,9 @@
          <h4 id="d024">三、树立主动服务的意识</h4>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">助旅客找回遗失行李</span></p>
          <p class="block">2017年，某机场地面服务部收到旅客亲自送来的一面锦旗。</p>
          <p class="block">
            2017年，某机场地面服务部收到旅客亲自送来的一面锦旗。
          </p>
          <p class="block">
            事情发生在3个月以前，当天航班准时到达机场。值机员小李经过细心检查后按规范向客舱做出了安全手势。可随着客舱门的缓缓推开，乘务长却露出了略显着急的神色，她告诉小李，这个航班上的旅客明先生在广州机场候机时丢失了一个非常重要的包，包内有这次他出差时商务谈判需要的非常机密而且重要的资料，如果丢失了，不仅会泄露商业机密，也会使他即将开展的合作受到极大影响，他和他的公司将损失惨重。明先生在飞机上表现得非常焦虑，一再请求无论如何都要帮助他。
          </p>
@@ -1341,9 +1264,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">23</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <h5 id="e013">（二）提升“利他”意识</h5>
@@ -1404,8 +1329,8 @@
            </div>
            <div class="bj3">
              <p>1.乘务长吴某对老爷爷提供了什么价值的服务？</p>
              <textarea v-model="questionData.askAbout.thirty" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.thirty" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.读完案例你有何感悟？对乘务员这一工作多了哪些认识？</p>
              <textarea v-model="questionData.askAbout.thirtyOne" placeholder="请输入内容" rows="2"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
@@ -1445,170 +1370,92 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">25</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.以下哪项不属于民航服务的行业特征？（　　）（单选题）</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.经济性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.功能性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.文明性</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.随机性</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.经济性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.功能性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.文明性
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.随机性
          </p>
          <p>2.以下哪项不属于民航服务的通用标准？（　　）（单选题）</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.具有“我为人人，人人为我”的大局意识</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.具有主随客便的变通意识</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.具有旅客至上、服务第一的规则意识</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.具有以顾客为中心的服务意识</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.具有“我为人人，人人为我”的大局意识
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.具有主随客便的变通意识
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.具有旅客至上、服务第一的规则意识
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.具有以顾客为中心的服务意识
          </p>
          <p>
            3.从旅客的角度看，旅客花上比坐汽车、火车高许多的钱坐飞机出行的目的，主要在于（　　）。（单选题）
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.安全</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.快捷省时</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.有人提供专门服务</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.舒适</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.安全
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.快捷省时
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.有人提供专门服务
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.舒适
          </p>
          <p>
            4.服务意识也是“利他”的意识，提高服务意识可以从提高“利他”意识入手。具体体现在以下几个方面？（　　）（多选题）
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.充分理解旅客的过错</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.充分理解旅客的需求</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.充分理解旅客的想法和心态</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />D.充分理解不同旅客</p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.充分理解旅客的过错
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.充分理解旅客的需求
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.充分理解旅客的想法和心态
          </p>
          <p>
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.充分理解不同旅客
          </p>
          <p>5.请简要说出民航服务的行业特征。</p>
          <textarea v-model="questionData.projectTwo.five.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectTwo.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>6.请根据所学知识分析民航服务的现状及服务质量问题产生的原因。</p>
          <textarea v-model="questionData.projectTwo.six.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectTwo.six.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -1683,9 +1530,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">27</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <h3 id="c008">
@@ -1778,15 +1627,19 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">29</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            作，及时发现问题，处理隐患；做好预防性保养、维护工作，减少本区域因停机工时及设备原因造成的材料报废量。
          </p>
          <p class="center openImgBox"><img class="img-d" alt="" src="../../assets/images/0035-1.jpg" /></p>
          <p class="center openImgBox">
            <img class="img-d" alt="" src="../../assets/images/0035-1.jpg" />
          </p>
          <p class="img">图1-3-4 航空机务员</p>
          <h5 id="e019">（五）签派员</h5>
          <p>工作地点：机场运行指挥中心。</p>
@@ -1863,9 +1716,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">31</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <h5 id="e022">（八）地勤员</h5>
@@ -1944,7 +1799,9 @@
          <p class="block">
            微笑一下很简单，微笑1小时却不容易。在新加坡的空姐选拔中，第一关面试为1小时的中英文交流，其中，在1小时中能否一直保持着优美的微笑是重要的考核指标。
          </p>
          <p class="block">在第一关的考核中，12名学员中仅有6名闯过“保持1小时微笑”难关。</p>
          <p class="block">
            在第一关的考核中，12名学员中仅有6名闯过“保持1小时微笑”难关。
          </p>
          <div class="bk2">
            <div class="zysx">
              <p>
@@ -1974,9 +1831,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">33</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="center openImgBox">
@@ -2061,9 +1920,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">35</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="block">
@@ -2080,11 +1941,11 @@
              <p>
                1.除了基础的服务流程，想让旅客有更舒心的服务体验还需要空乘人员具有什么能力？
              </p>
              <textarea v-model="questionData.askAbout.forty" placeholder="请输入内容" rows="2"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.forty" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.该案例给你什么样的启示？</p>
              <textarea v-model="questionData.askAbout.fortyOne" placeholder="请输入内容" rows="2"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fortyOne" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2121,7 +1982,9 @@
          <p class="block">
            当航空公司按照常规给出不予赔偿意见后，小吴一边委婉地向乘客转达，一边不懈地向航空公司争取。终于，小吴急旅客之所急、想旅客之所想的服务感动了航空公司，航空公司最终决定给予补偿。
          </p>
          <p class="block">当小吴将此消息告诉旅客后，赢得了旅客的赞许和感谢。</p>
          <p class="block">
            当小吴将此消息告诉旅客后，赢得了旅客的赞许和感谢。
          </p>
          <div class="bk2">
            <div class="zysx">
              <p>
@@ -2133,8 +1996,8 @@
              <p>
                您从此事例中看到小吴的什么职业素养能力？给您带来了什么启发？
              </p>
              <textarea v-model="questionData.askAbout.fortyTwo" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fortyTwo" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2158,9 +2021,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">37</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <h4 id="d031">五、沟通能力</h4>
@@ -2251,9 +2116,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">39</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="block">
@@ -2273,13 +2140,32 @@
              <p>
                2.如果你是该航班的一名乘务员，在平时的培训中你需要积累哪些方面的素养来完善自己处理紧急情况的能力呢？
              </p>
              <textarea v-model="questionData.askAbout.fortySix" placeholder="请输入内容" rows="2"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fortySix" placeholder="请输入内容" rows="2" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <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 == '4f0afd466e16bde40a447ff467452181'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e023">（一）应急处理能力的培养需要强大的心理素质做支撑</h5>
          <p>
            在出现紧急情况时，乘务员应能够沉着冷静地分析事情的情况以及发展的动向，并且能够根据实际情况判定最优解决方案并迅速采取行动。乘务员具备良好的心理素质不仅能够起到安抚旅客情绪的作用，而且也是让旅客配合做好撤离工作的重要条件。要想在紧急情况出现的时刻能够临危不惧、沉着冷静，这一半取决于乘务员个人的天性，另一半取决于后天的培训。
@@ -2336,9 +2222,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">41</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
@@ -2402,15 +2290,27 @@
          <p class="block">
            （4）不管别人有没有要求，你都会主动提出建议，告诉他应该怎么去做吗？
          </p>
          <p class="block">（5）你讲的故事或逸事是否总是又长又复杂，别人需要耐心地去听？</p>
          <p class="block">
            （5）你讲的故事或逸事是否总是又长又复杂，别人需要耐心地去听？
          </p>
          <p class="block">（6）当他人在融洽地交谈时，你是否会贸然地插话？</p>
          <p class="block">（7）你是否会经常津津有味地与朋友谈起他们不认识的人？</p>
          <p class="block">
            （7）你是否会经常津津有味地与朋友谈起他们不认识的人？
          </p>
          <p class="block">（8）当别人交谈时，你是否会打断他们？</p>
          <p class="block">（9）你是否觉得自己讲故事给别人听，比别人讲给你听有意思？</p>
          <p class="block">（10）你是否常提醒朋友要信守诺言，问他“你记得吗”或“你忘了吗”？</p>
          <p class="block">
            （9）你是否觉得自己讲故事给别人听，比别人讲给你听有意思？
          </p>
          <p class="block">
            （10）你是否常提醒朋友要信守诺言，问他“你记得吗”或“你忘了吗”？
          </p>
          <p class="block">（11）你是否坚持让朋友阅读你认为有趣的信息？</p>
          <p class="block">（12）你是否打电话时说个没完，让其他人在一旁着急等待？</p>
          <p class="block">（13）你是否经常发现朋友的短处，并要求他们去改进？</p>
          <p class="block">
            （12）你是否打电话时说个没完，让其他人在一旁着急等待？
          </p>
          <p class="block">
            （13）你是否经常发现朋友的短处，并要求他们去改进？
          </p>
        </div>
      </div>
    </div>
@@ -2421,13 +2321,19 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">43</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="block">（14）当别人谈到你不喜欢的话题时，你是否就不说话了？</p>
          <p class="block">（15）对种种不如意的事情，你是否总是喜欢找人诉苦？</p>
          <p class="block">
            （14）当别人谈到你不喜欢的话题时，你是否就不说话了？
          </p>
          <p class="block">
            （15）对种种不如意的事情，你是否总是喜欢找人诉苦？
          </p>
          <h4 id="d034">二、观察能力的训练</h4>
          <p class="center">
            <span class="cs1">观察力考验——图片中共有几个人？</span>
@@ -2467,16 +2373,26 @@
        </ul>
        <div class="bodystyle">
          <p class="block">（5）常常在别人说话之前就知道他要说什么。</p>
          <p class="block">（6）如果不喜欢和某人交谈，常常用注意力不集中的方式结束谈话。</p>
          <p class="block">（7）常常用点头、皱眉等方式让说话人了解我对他说的内容的感觉。</p>
          <p class="block">
            （6）如果不喜欢和某人交谈，常常用注意力不集中的方式结束谈话。
          </p>
          <p class="block">
            （7）常常用点头、皱眉等方式让说话人了解我对他说的内容的感觉。
          </p>
          <p class="block">（8）常常别人刚说完，我就谈自己的看法。</p>
          <p class="block">（9）别人说话的同时，我常常思考接下来我要说的内容。</p>
          <p class="block">（10）说话人的谈话风格常常影响我对谈话内容的兴趣。</p>
          <p class="block">
            （9）别人说话的同时，我常常思考接下来我要说的内容。
          </p>
          <p class="block">
            （10）说话人的谈话风格常常影响我对谈话内容的兴趣。
          </p>
          <p class="block">
            （11）为了弄清对方所说的观点，我常采取提问的方式，而不进行猜测。
          </p>
          <p class="block">（12）为了理解对方的观点，我总会下狠功夫。</p>
          <p class="block">（13）常常听自己喜欢听的内容，而不是听别人表达的内容。</p>
          <p class="block">
            （13）常常听自己喜欢听的内容，而不是听别人表达的内容。
          </p>
          <p class="block">
            （14）当我和别人意见不一致时，大多数人认为我理解了他们的观点和想法。
          </p>
@@ -2492,14 +2408,20 @@
          <p class="block">项目名称：雪花片片。</p>
          <p class="block">项目人数：不限。</p>
          <p class="block">项目时长：20分钟。</p>
          <p class="block">项目场地：室内外皆可，为每人提供一张薄的A4大小的空白纸张。</p>
          <p class="block">
            项目场地：室内外皆可，为每人提供一张薄的A4大小的空白纸张。
          </p>
          <p class="block">活动目的：学习沟通与倾听。</p>
          <p class="block">项目规则：</p>
          <p class="block">1.所有学员将眼睛闭上。发给每人一张白纸。</p>
          <p class="block">2.依照训练员的指令做动作，动作如下：</p>
          <p class="block">（1）先将白纸对折然后再对折，将右上角撕下。</p>
          <p class="block">（2）再将纸对折一次，然后在右上角撕下一个边长2cm的正方形。</p>
          <p class="block">（3）再将纸对折一次，然后在右上角撕下一个半径2cm的扇形。</p>
          <p class="block">
            （2）再将纸对折一次，然后在右上角撕下一个边长2cm的正方形。
          </p>
          <p class="block">
            （3）再将纸对折一次，然后在右上角撕下一个半径2cm的扇形。
          </p>
          <p class="block">3.完成动作后睁开眼，摊开纸看看是否相同。</p>
          <p class="block">
            4.过程中学员如有发问需给予响应，但学员如保持沉默，则在学员完成每一个动作
@@ -2514,9 +2436,11 @@
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">45</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last"><br></li>
          <li class="header-right-end"><br></li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
          <li class="header-right-last"><br /></li>
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">后继续下指令。</p>
@@ -2533,108 +2457,53 @@
          <p>
            1.作为一名民用航空人员，应具备哪些基本能力呢？（　　）（多选题）
          </p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />A.良好的亲和能力</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />B.细微的观察能力</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />C.敏锐的注意能力</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />D.主动的倾听能力</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="E"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />E.有效的沟通能力</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="F"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />F.应急处理能力</p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.良好的亲和能力
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.细微的观察能力
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.敏锐的注意能力
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.主动的倾听能力
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />E.有效的沟通能力
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="F" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />F.应急处理能力
          </p>
          <p>
            2.民用航空人员在服务过程中应使用正确适当的用语。下列哪些服务用语是忌讳的？（　　）（多选题）
          </p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />A.对旅客使用不恰当的称呼</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />B.对旅客使用不耐烦、推托、冷漠的语句</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />C.对旅客提出的问题热情大方地回应，做到及时有效的沟通</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />D.对旅客使用反问、责问、轻视的语句</p>
          <p><input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="E"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />E.对旅客使用催促命令式的语句</p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.对旅客使用不恰当的称呼
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.对旅客使用不耐烦、推托、冷漠的语句
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.对旅客提出的问题热情大方地回应，做到及时有效的沟通
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.对旅客使用反问、责问、轻视的语句
          </p>
          <p>
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />E.对旅客使用催促命令式的语句
          </p>
          <p>
            3.作为一名民用航空人员，当面对突发情况时应沉着冷静，同时也该具备哪些基本素养能力呢？（　　）（多选题）
          </p>
@@ -2701,7 +2570,6 @@
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      collectResourceList: [],
      showQuestionAnswer: false,
      showChoiceAnswer: false,
@@ -2709,127 +2577,108 @@
      isFocused: null,
      chapterData: {
        isCollectVideo: false,
        isCollectVideo01: false,
      },
      questionData: {
        isComplete: false,
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
          six:'',
          seven:'',
          eight:'',
          nine:'',
          ten:'',
          eleven:'',
          twelve:'',
          thirteen:'',
          fourteen:'',
          fifteen:'',
          sixteen:'', 
          seventeen:'',
          eighteen:'',
          nineteen:'',
          twenty:'',
          twentyOne:'',
          twentyTwo:'',
          twentyThree:'',
          twentyFour:'',
          twentyFive:'',
          twentySix:'',
          twentySeven:'',
          twentyEight:'',
          twentyNine:'',
          thirty:'',
          thirtyOne:'',
          thirtyTwo:'',
          thirtyThree:'',
          thirtyFour:'',
          thirtyFive:'',
          twentySix:'',
          thirtySeven:'',
          thirtyEight:'',
          thirtyNine:'',
          forty:'',
          fortyOne:'',
          fortyTwo:'',
          fortyThree:'',
          fortyFour:'',
          fortyFive:'',
          fortySix:'',
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
          nine: "",
          ten: "",
          eleven: "",
          twelve: "",
          thirteen: "",
          fourteen: "",
          fifteen: "",
          sixteen: "",
          seventeen: "",
          eighteen: "",
          nineteen: "",
          twenty: "",
          twentyOne: "",
          twentyTwo: "",
          twentyThree: "",
          twentyFour: "",
          twentyFive: "",
          twentySix: "",
          twentySeven: "",
          twentyEight: "",
          twentyNine: "",
          thirty: "",
          thirtyOne: "",
          thirtyTwo: "",
          thirtyThree: "",
          thirtyFour: "",
          thirtyFive: "",
          twentySix: "",
          thirtySeven: "",
          thirtyEight: "",
          thirtyNine: "",
          forty: "",
          fortyOne: "",
          fortyTwo: "",
          fortyThree: "",
          fortyFour: "",
          fortyFive: "",
          fortySix: "",
        },
        projectOne:{
          one:{
            value:[]
            value: [],
          },
          two:{
            value:[]
            value: [],
          },
          three:{
            value:[]
            value: [],
          },
          four:{
            value:[]
            value: [],
          },
          five:{
            value:[]
          }
          
            value: [],
          },
        },
        projectTwo:{
          one:{
            value:[]
            value: [],
          },
          two:{
            value:[]
            value: [],
          },
          three:{
            value:[]
            value: [],
          },
          four:{
            value:[]
            value: [],
          },
          five:{
            value:""
            value: "",
          },
          six:{
            value:""
          }
          
            value: "",
          },
        },
        projectThree:{
          one:{
            value:[]
            value: [],
          },
          two:{
            value:[]
            value: [],
          },
          three:{
            value:[]
            value: [],
          },
          four:{
            value:''
          }
            value: "",
        },
      },
      chapter001: {
        videoMd5: [
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "7454A10BD25ED828FF31D0702DA63D55",
            name: "什么是心理健康",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "E4AC28F178D660E96355C17E6F283E66",
            name: "心理健康的10项标准",
          },
        ],
      },
    };
  },
@@ -2841,7 +2690,7 @@
      this.questionData = JSON.parse(bookQuestion);
    }
    const choiceQuestion = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter01-Data"
      "aviationEtiquette-book-chapter02-Data"
    );
    if (choiceQuestion) {
      this.chapterData = JSON.parse(choiceQuestion);
@@ -2865,28 +2714,13 @@
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "f230fd8fd7952a4ad4dd05d94df7e797"
        "4f0afd466e16bde40a447ff467452181"
      );
      this.videoPathTwo = await getResourcePath(
        "700cfdb8b85b372045b1e97e3356ae3a"
      );
      for (let index = 0; index < this.chapter001.videoMd5.length; index++) {
        const item = this.chapter001.videoMd5[index];
        if (item.md5 && !item.md5.includes("https:")) {
          item.handleMd5 = await getResourcePath(item.md5);
        }
      }
    },
    setBookQuestion() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter01-question",
        JSON.stringify(this.questionData)
      );
    },
    handleChapter001() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter001",
        JSON.stringify(this.chapter001)
      );
    },
    handleFocus(id) {
@@ -2897,38 +2731,25 @@
    },

    handleCollect(e) {
      if (e.md5) {
      if (e == "video-01") {
        this.handleCollectResource(
          e.md5,
          e.md5,
          "4f0afd466e16bde40a447ff467452181",
          "4f0afd466e16bde40a447ff467452181",
          "",
          "视频",
          "bits",
          "微课小课堂：" + e.name
        );
        e.isCollectVideo = !e.isCollectVideo;
      } else if (e == "video-01") {
        this.handleCollectResource(
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "",
          "视频",
          "bits",
          "视频：心理学的流派"
          "视频：川航紧急撤离"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "700cfdb8b85b372045b1e97e3356ae3a",
          "700cfdb8b85b372045b1e97e3356ae3a",
          "",
          "视频",
          "bits",
          "视频：心理学的研究内容"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      }
      this.handleChapter001();
      this.handleChapterData();
    },

    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter02-Data",
        JSON.stringify(this.chapterData)
      );
    },
    //资源收藏事件
    // resourcePath  文件路径，
@@ -2960,8 +2781,7 @@
        this.config.activeBook.bookId,
        this.collectResourceList
      );
    }

    },
  },
};
</script>

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

@@ -2272,12 +2272,10 @@
            表达技巧：不恰当地运用沟通技巧，会影响有效沟通，如改变话题，给旅客一种不愿与之沟通的感觉；主观判断或匆忙下结论常常会使沟通中断；虚假、不恰当的安慰，针对性不强的解释会给旅客一种敷衍了事、不负责的感觉。
          </p>
          <p class="block">个人因素：个人表达能力不足时会产生沟通障碍。</p>
          <p class="block">
            环境因素：客舱的光线、温度、噪声、整洁度等都会影响沟通的效果。
          </p>
          <p><span class="bj2">·礼之实践·</span></p>
          <p class="block">环境因素：客舱的光线、温度、噪声、整洁度等都会影响沟通的效果。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p><b>情境演练：</b></p>
          <p>
          <p class="block">
            请同学们互相扮演旅客和乘务员的角色，旅客向乘务员提问，乘务员作出应答。
          </p>
          <h4 id="d106">四、客舱安全检查的礼仪规范</h4>
@@ -2316,9 +2314,9 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p><span class="bj2">·触礼旁通·</span></p>
          <p>为什么要进行安全检查？</p>
          <p>
          <p class="mb-10 mt-10 td-0"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">为什么要进行安全检查？</p>
          <p class="block">
            起飞下降期间是飞机事故率最高的阶段。为降低无准备迫降的伤亡率，民航飞机在运行过程中要求在起飞和降落时进行安全检查。
          </p>
          <div class="bk4">
@@ -2329,15 +2327,15 @@
              在我国，礼仪文化中蕴含着责任担当。客舱安全检查工作是飞机飞行关键阶段的重点工作任务，作为一名民航从业人员，安全意识、责任意识永远是处于第一位的。掌握好客舱安全检查礼仪，能够培养民航从业人员的当代民航精神，凝聚民航人的职业自豪感和精气神，从而更高标准地完成安全检查相关工作。
            </p>
          </div>
          <p><span class="bj2">·礼之实践·</span></p>
          <p class="mb-10 mt-10 td-0"><span class="bj2">·礼之实践·</span></p>
          <p><b>情境演练：</b></p>
          <p>
          <p class="block">
            1.请结合本任务所学的安检的行走、手势、语言规范，在模拟舱开展安全检查情境模拟活动。
          </p>
          <p>
          <p class="block">
            2.安全检查期间，乘务员小李发现旁边的旅客正在使用手机打电话，此时小李应该如何进行沟通？
          </p>
          <p><span class="bj2">·项目检测·</span></p>
          <p class="mb-10 mt-10 td-0"><span class="bj2">·项目检测·</span></p>
          <p>1.制服统一规范要求中，服装的（　　）必须统一。</p>
          <p>
            <input

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

@@ -9,37 +9,35 @@
        </ul>
        <div class="bodystyle">
          <h1 id="a009">
            <span class="h1-bj">拓展模块</span
            ><span class="h1-bk">礼仪活动策划</span>
            <span class="h1-bj">拓展模块</span><span class="h1-bk">礼仪活动策划</span>
          </h1>
          <h2 id="b011">项目一　学习策划礼仪情景剧</h2>
          <div class="tp-3">
            <p class="center">
            <p class="tl-f td-0">
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <div class="bk">
            <div class="bk1">
              <p><span class="bj1">■　项目描述　■</span></p>
            </div>
            <p>
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              实习结束的李丽回到校园，熟悉的校园生活让她充满活力。又到了一年一度的艺术节，李丽和同学们想着要将实习期间的经历通过情景剧向其他同学展示，但是怎样创作和编排礼仪情景剧就难住了她。通过本项目的学习，了解情景剧的释义和作用，学会创作情景剧。
            </p>
          </div>
          <div class="bk">
            <div class="bk1">
              <p><span class="bj1">■　礼在身边　■</span></p>
            </div>
            <p>
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              情景剧是一门综合性表演艺术，演员根据故事情节，通过语言、表情、肢体、情感的合理配合，生动形象地将故事最原始、最真实的一面展现给观众。礼仪情景剧作为和学生生活最为贴近的艺术，它综合了文学、美术、音乐、舞蹈、语言、社会情感等多个领域，能够在礼仪训练中起到重要的作用，促进学生全面发展。
            </p>
          </div>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -54,8 +52,7 @@
            </div>
          </div>
          <h3 id="c034">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">礼仪情景剧认知</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">礼仪情景剧认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解情景剧的释义和作用。</p>
@@ -115,7 +112,7 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>运用想象进行再创造，从而提高创新能力，培养语言能力。</p>
          <p class="td-0">运用想象进行再创造，从而提高创新能力，培养语言能力。</p>
          <h4 id="d108">二、礼仪情景剧的特点和创作思路</h4>
          <h5 id="e145">（一）礼仪情景剧的特点</h5>
          <p>情景剧具备以下两个特点。</p>
@@ -139,8 +136,7 @@
            （2）对情景中人物的对白和唱词的设计思路：独白、旁白、对白，是剧本的主要组成部分，其任务是展开情节、提示人物性格、表现主题思想。
          </p>
          <h3 id="c035">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">礼仪情景剧舞台表现实训</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">礼仪情景剧舞台表现实训</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪情景剧的舞台“入画”。</p>
@@ -165,8 +161,8 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p>1为焦点区，2、3、4为次焦点区，5、6为末焦点区（见图5-1-1）。</p>
          <p class="center">
          <p class="td-0">1为焦点区，2、3、4为次焦点区，5、6为末焦点区（见图5-1-1）。</p>
          <p class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0156-1.jpg" />
          </p>
          <p class="img">图5-1-1 舞台区</p>
@@ -209,7 +205,7 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>
          <p class="td-0">
            式。礼仪情景剧的创作要先选择主题，然后进行人物设计，撰写剧本，最后再斟字酌句地修改，一是要体现情景剧层面的原创性、完整性、戏剧性，二是要体现价值观层面的教育性、创新性和吸引性。
          </p>
          <p>
@@ -234,7 +230,7 @@
            例如，在表演《无陪伴儿童》乘机故事时，背景音乐是温馨、和谐的无人声伴奏。
          </p>
          <p>
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得到
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得
          </p>
        </div>
      </div>
@@ -252,53 +248,64 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p>
            滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          <p class="td-0">
            到滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          </p>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
              <p class="center">
                <span class="cs1">你会怎样设计情景剧结构</span>
              </p>
              <p>恰逢老师生日。三名同学一起去老师家拜访。</p>
              <p>
              <p class="block">恰逢老师生日。三名同学一起去老师家拜访。</p>
              <p class="block">
                来到老师家，老师夫妻热情招待（具体内容自己安排，如称呼上、饭桌上等的细节）。此时，另一波同学前来拜访。相处中因为习惯不同闹出了笑话。
              </p>
              <p>
              <p class="block">
                三人在回家路上互揭老底，悉数对方礼仪不到位之处（如就座的位置、握手的力度代表什么等）。三人表示要立志学习文明礼仪。
              </p>
              <p>
              <p class="block">
                根据你对礼仪规范的了解，可否对其中的故事进行情景剧结构创造？你会怎么设计情景剧的结构呢？
              </p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p><span class="bj2">·礼之实践·</span></p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0158-1.jpg" />
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0158-1.jpg" />
          </p>
          <p class="img">图5-1-2 销售场景</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0158-2.jpg" />
            </span>
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0158-2.jpg" />
          </p>
          <p class="img">图5-1-3 面试场景</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0158-3.jpg" />
            </span>
          </div>
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img class="img-b" alt="" src="../../assets/images/0158-3.jpg" />
          </p>
          <p class="img">图5-1-4 餐厅场景</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0158-4.jpg" />
            </span>
            <span>
              <p class="center openImgBox">
                <img class="img-b" alt="" src="../../assets/images/0158-4.jpg" />
          </p>
          <p class="img">图5-1-5 机场服务场景</p>
          <p>
            </span>
          </div>
          <p class="block">
            1.自行选取图片，分析画面中的可视内容，从而进行人物关系和事件的分析讨论。
          </p>
        </div>
@@ -316,9 +323,9 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>2.准备两幅入画的图片进行作业的编排。</p>
          <p>3.创造一个具有行动性和实践性的舞台环境，从而开展活动。</p>
          <p><span class="bj2">·项目自测·</span></p>
          <p class="block">2.准备两幅入画的图片进行作业的编排。</p>
          <p class="block">3.创造一个具有行动性和实践性的舞台环境，从而开展活动。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>
            1.礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区分为（　　）个区。（单选题）
          </p>
@@ -491,36 +498,50 @@
        <div class="bodystyle">
          <h2 id="b012">项目二　民航服务礼仪表演</h2>
          <div class="tp-3">
            <p class="center">
            <p class="tl-f td-0">
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <div class="bk">
            <div class="bk1">
              <p><span class="bj1">■　项目描述　■</span></p>
            </div>
            <p>
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              李丽和同学们受邀为社区做一场有关民航服务礼仪的表演，他们非常高兴，希望通过这次的表演展示同学们良好的礼仪素养，并向社区传递民航礼仪知识，让更多的人了解民航、理解民航，为民航服务质量的提升做贡献。怎样才能编排出好的民航服务礼仪表演呢？李丽和同学们一起努力准备着。本项目将对民航服务礼仪技能的展示素材要求、内容设计、分析与创作思路进行探讨，用艺术的表达传递礼仪文化，强化服务礼仪意识。
            </p>
          </div>
          <div class="bk">
            <div class="bk1">
              <p><span class="bj1">■　礼在身边　■</span></p>
            </div>
            <p class="center">
              <img class="img-f" alt="" src="" />
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="img">视频：礼仪时装秀</p>
            <p>
            <p class="fz-15">
              某高校每年举行五四礼仪时装秀，以航空职业礼仪和技能展示为主，让每一名学生参与进来并成为主角，对标国际赛事的高规格、高水准，全方位展示学生的职业风采和时尚风貌。从班级普及赛到最终T台呈现，通过形形色色的编排和服装自制，同学们展现了高度职业化的民航员工的专业素质。
            </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 == 'd3ac730a06dcc8381de684ace3263a63'
                  ) > -1
                    ? collectCheck
                    : collectImg
                    " alt="" class="collect-btn" @click="handleCollect('video-01')" />
                </el-tooltip>
              </p>
            </div>
          </div>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -532,15 +553,14 @@
            </div>
          </div>
          <h3 id="c036">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">礼仪表演认知</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">礼仪表演认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.认识礼仪表演。</p>
          <p>2.掌握礼仪表演的要求与原则。</p>
          <h4 id="d111">一、何为礼仪表演</h4>
          <p>
            有“盛世鸿儒”之称的唐代文化名人孔颖达曾说：“中国礼仪之大，故称夏；有服章之
            有“盛世鸿儒”之称的唐代文化名人孔颖达曾说：“中国礼仪之大，故称夏；有服
          </p>
        </div>
      </div>
@@ -557,8 +577,8 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>
            美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
          <p class="td-0">
            章之美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
          </p>
          <p>
            礼仪表演，即把约定俗成的礼仪规范或要求通过公众表演的方式，将风貌、风尚、素养、特色展示出来。
@@ -566,9 +586,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -579,17 +598,17 @@
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p><span class="bj2">·触礼旁通·</span></p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">美来自何处？</span></p>
          <p><b>1.美源于大自然</b></p>
          <p>
          <p class="block">
            自然界的各种动植物最能引起人们的审美感受。古代人类在大自然中采集和狩猎，就会对所采集和猎取的动植物进行鉴别和比较：它们具有什么属性？它们对人有什么益处？它们生长在什么地方？同时人类对日出日落、风雨雷电、斗转星移等自然现象，也有了最原始的认识和想象。人类最基本的美感源于自然。
          </p>
          <p>
          <p class="block">
            当人们从情感上把自然界同人类加以联系，并进行对比和评价，自然现象就被赋予了意识形态的意义。例如，我们古代神话中的盘古、后羿、嫦娥以及河神、山神等。当自然与人类社会实践（生产生活）产生了联系，自然物就成了人化的自然物。自然物就不仅有单纯的自然属性，也具有了社会属性。人生活在大自然中，必然受到大自然的感染和熏陶，感受到一种情趣和活力，无疑就会将自然人格化。例如，用高山比喻人品德的厚重，用大海比喻人心灵的宽广，用花朵比喻美女。大自然的美化为精神美、心灵美，从而激发人类更高的追求——生活美。从自然美到心灵美，再到生活美，大自然中的一切都有了社会意义。
          </p>
          <p><b>2.美源于劳动</b></p>
          <p>
          <p class="block">
            自古至今，美都来自劳动。当人类直立行走，在劳动中解放出自己的双手以后，也
          </p>
        </div>
@@ -608,27 +627,27 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p>
          <p class="td-0 block">
            就解放了自己的身体。他们筑巢、耕作、取火、狩猎，不仅可以更好地生存，也提升了身体的匀称性和动作的精确性、优美性。有节奏的劳动中显现了男性的力度和女性的柔美，锻炼了面部表情的灵活性。通过劳动、征战、祈祷的各种动作、姿态及节奏，人们看到了人体自身的美，由此开始注重精神内容的表达。如收获时的喜悦、征战时的勇敢、祈祷时的虔诚等，所以祈祷、求福、插秧、伐木均有不同节奏的歌曲，不仅表达了劳动美，也创造了艺术美。因此，美来源于劳动，它存在于劳动之中。
          </p>
          <p><b>3.美源于社会</b></p>
          <p>
          <p class="block">
            人类在发展过程中不仅履行自己的劳动职能，也履行自己的社会职能。例如，古代人们围猎、征战、祈祷、祭祀时，都会以一种有节奏的形体动作、统一的步伐和声音表达共同的心理诉求。人们以社会成员的身份参加生产劳动，根据生产成果、社会职能的大小排序。这说明人们已学会从社会性的审美角度评价、展示自己。例如，在一些活动中，重要人物总要排在前面，次要人物排在后面，这就表现了对人的社会性的尊重。又如，原始部族中强壮的猎人，因为他们勇敢、健壮、有力量，能获得更多的生活必需品，人们就爱戴他们、尊敬他们。同时，他们也用猎物的牙齿等装饰自己。部族首领也常用野兽的毛皮做头饰，以表明自己的身份和地位，给予身份和荣誉以特殊的强调。这样，美就具有了社会性。
          </p>
          <p>
          <p class="block">
            我们之所以崇敬一些人——政治家、企业家、文学家、音乐家、英雄模范，很重要的原因就是他们所具有的社会性。例如，助人为乐的郭明义、克己为人的白方礼、“打工皇后”吴士宏、义务到农村支教的大学生张爽、舍己为人的“最美教师”张丽莉、“最美司机”吴斌等，都体现了其社会性。
          </p>
          <p><b>4.美源于种族特性</b></p>
          <p>
          <p class="block">
            在人类的发展进程中，不同的种族、民族有着不同的历史和地域特点，千百年的发展演变使其形成了不同的社会特征和生产生活方式。
          </p>
          <p>
          <p class="block">
            不同的生活方式所展示出的高度的种族特性，给人以深刻的审美印象并具有独立的审美价值。例如，藏族生活在西部高原，所以有一种粗犷彪悍的美；而傣族生活在西双版纳，傍水而居，因此具有柔和清丽的民族特色和独有的形体韵律特征。
          </p>
          <p>
          <p class="block">
            正如歌德所说：“我们周围有光也有颜色，但是我们自己眼里如果没有光和颜色，也就看不到外面的光和颜色了。”所以我们应该发现美，从大自然、劳动、社会生活及民族特性等方面发现美、学习美。人们对美的追求从来没有中断过，人们对美的欣赏从来没有改变过，人们崇尚美、追求美。所以，开发自身的表现力，只有以美为前提，才能被社会和他人欣赏接受，才会使自己更具亲和力、吸引力。
          </p>
          <p>想一想：哪些对象能引起人们的美感？美究竟来自哪里？</p>
          <p class="block">想一想：哪些对象能引起人们的美感？美究竟来自哪里？</p>
        </div>
      </div>
    </div>
@@ -651,29 +670,32 @@
          <p>
            运动是一切事物发展的基本规律，也是事物生命力的具体表现形式。礼仪表演作为最接近生活形态的艺术门类，反映的恰恰是实际工作中人的礼仪行为、动作、思想和事物之间复杂的变化过程，因此礼仪规范自然而然地也就成了礼仪表演艺术的核心。这也是礼仪表演的原则，从形象、行为、眼神等方面都必须体现“规范”二字。
          </p>
          <p><span class="bj2">·礼之实践·</span></p>
          <p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p class="block">
            做“你在哪里”练习。通过自己的形体动作和礼仪行为表明自己在哪里，如在客舱、贵宾室、会议室等，加强形体表现力和礼仪行为可塑性。
          </p>
          <p>注：至少表现三种不同的环境。</p>
          <p class="block">注：至少表现三种不同的环境。</p>
          <h3 id="c037">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">民航服务礼仪表演素材认知</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">民航服务礼仪表演素材认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.掌握民航礼仪技能展示的素材要求。</p>
          <p>2.了解民航礼仪技能展示的内容设计。</p>
          <h4 id="d113">一、民航礼仪技能展示的素材要求</h4>
          <div class="img-rights w250 openImgBox ">
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0163-1.jpg" />
          </p>
          <p class="img">图5-2-1 礼仪技能展示1</p>
          </div>
          <span>
          <p>
            礼仪技能展示的目的是让学生把书本中的理论知识、平面的文字形象转化为鲜活的舞台形象，把礼仪理论当中具有行动性的语言创造性地转化为具有语言性的行动，从而培养学生的创造力。学生应尽可能多地学习理论，提高对礼仪的鉴赏、理解、感受和分析的能力。
          </p>
          <p>
            选择素材中“可视性强、行动性强、情感性强、实际性强”的片段，作为提高自身人物创造能力的素材，为塑造标准行为、优雅气质打下基础。
          </p>
          </span>
        </div>
      </div>
    </div>
@@ -690,14 +712,20 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0164-1.jpg" />
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0164-1.jpg" />
          </p>
          <p class="img">图5-2-2 礼仪技能展示2</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0164-2.jpg" />
            </span>
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0164-2.jpg" />
          </p>
          <p class="img">图5-2-3 礼仪技能展示3</p>
            </span>
          </div>
          <p>
            首先，礼仪技能展示是在书本理论讲述的基础上，学生进行的二度创作和展示。因此，必须严格按照理论要求的礼仪规范和知识点进行全面展示，把标准的动作行为和前因后果展示出来。
          </p>
@@ -710,9 +738,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -729,7 +756,7 @@
          <h4 id="d114">二、民航礼仪技能展示的内容设计</h4>
          <h5 id="e153">（一）明确展示目的</h5>
          <p>
            民航礼仪技能展示的指导思想要以“展示礼仪、讲究文明、提升素质、强化专业”为主题，以“礼仪、礼貌、礼节”教育为重点内容，以遵守规范、守则等养成教育为突破口，
            民航礼仪技能展示的指导思想要以“展示礼仪、讲究文明、提升素质、强化专业”为主题，以“礼仪、礼貌、礼节”教育为重点内容，以遵守规范、守则等养成教育为突
          </p>
        </div>
      </div>
@@ -746,8 +773,8 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>
            着眼于展示学生的思想道德素质、文明礼仪素养、专业技能。通过礼仪技能展示活动，强化文明意识、规范言行举止、强化专业技能、提升综合素质。
          <p class="td-0">
            破口，着眼于展示学生的思想道德素质、文明礼仪素养、专业技能。通过礼仪技能展示活动，强化文明意识、规范言行举止、强化专业技能、提升综合素质。
          </p>
          <h5 id="e154">（二）设定形象展示</h5>
          <p>
@@ -758,8 +785,7 @@
            民航情景剧礼仪技能展示的最大作用就是通过民航实际情景进行礼仪技能考查，让民航礼仪规范不光停留在理论和解读上。其内容包含迎客礼仪、称呼礼仪、介绍礼仪、握手礼仪、名片礼仪、引领礼仪、敬茶礼仪、座次礼仪、送客礼仪等，还包括民航岗位的服务用语、服务技能等。
          </p>
          <h3 id="c038">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">民航服务礼仪表演创作实训</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">民航服务礼仪表演创作实训</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.掌握民航礼仪技能展示情景剧的分析与创作方法。</p>
@@ -789,7 +815,7 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p>时间、地点、专业要求以及所包含的人文思想和社会问题等。</p>
          <p class="td-0">时间、地点、专业要求以及所包含的人文思想和社会问题等。</p>
          <h5 id="e158">（三）明确情景剧主题思想</h5>
          <p>
            主题是指作者通过剧本冲突提出的基本问题。主题思想是对剧本提出的基本问题的回答，包括这个作品总的思想含义。
@@ -845,9 +871,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -859,15 +884,21 @@
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p><span class="bj2">·触礼旁通·</span></p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0167-1.jpg" />
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0167-1.jpg" />
          </p>
          <p class="img">图5-2-4 客舱乘务员礼仪展示1</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0167-2.jpg" />
            </span>
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0167-2.jpg" />
          </p>
          <p class="img">图5-2-5 客舱乘务员礼仪展示2</p>
            </span>
          </div>
        </div>
      </div>
    </div>
@@ -884,14 +915,21 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0168-1.jpg" />

          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0168-1.jpg" />
          </p>
          <p class="img">图5-2-6 客舱安全示范演示1</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0168-2.jpg" />
            </span>
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0168-2.jpg" />
          </p>
          <p class="img">图5-2-7 客舱安全示范演示2</p>
            </span>
          </div>
          <p>
            在某高校2023年学生职业技能大赛的赛场上，空中乘务专业学子通过情景再现的方式，以服务技能为蓝本，进行了客舱乘务员职业礼仪展示、客舱安全示范演练等比拼，体现了空中乘务专业学生完美的综合素质和专业的职业风采。通过理论结合实践，以赛促学、以赛促教、以赛促训，全方位提升了空乘人员的整体专业技能，形成了有特色的学习型空乘服务体系，使学生将来可以为乘客提供更专业、更优质、更快捷的服务。
          </p>
@@ -907,11 +945,11 @@
              礼仪教育是思想政治教育的有效载体。思想道德是一个人的内在素养，而礼仪具有载体的功能，使内在的思想道德通过外在的表现形式体现出来。在我们看来，道德属于人的精神素养，如果仅仅采取说教的方式不但缺乏说服力，而且抽象、晦涩、难懂，思想政治教育也很难达到良好的效果。在思想政治教育的过程中，将礼仪教育作为载体，做到育德于礼，潜移默化中提高了思想政治教育的有效性。
            </p>
          </div>
          <p><span class="bj2">·礼之实践·</span></p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p>
            根据你的专业，尝试制作一份民航礼仪技能展示情景剧方案，一定要包括情景介绍、角色设定、礼仪展示元素等内容，并自行分组进行编排。时长在5～8分钟。
          </p>
          <p><span class="bj2">·项目自测·</span></p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.民航礼仪技能展示主要是（　　）。（单选题）</p>
          <p><input
              type="checkbox"
@@ -1130,7 +1168,7 @@
    <!-- 164页 -->
    <div class="page-box mt-20" page="170" style="min-height: auto">
            <div v-if="showPageList.indexOf(170) > -1">
                <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
        <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
            </div>
        </div>
  </div>
@@ -1213,25 +1251,8 @@
          }
        },
      },
      chapter004: {
        videoMd5: [
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "7454A10BD25ED828FF31D0702DA63D55",
            name: "什么是心理健康",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "E4AC28F178D660E96355C17E6F283E66",
            name: "心理健康的10项标准",
          },
        ],
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideo01: false,
      },
    };
  },
@@ -1244,18 +1265,12 @@
    }

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

    const videoData = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter004"
    );
    if (videoData) {
      this.chapter004 = JSON.parse(videoData);
    }
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -1264,17 +1279,8 @@
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "f230fd8fd7952a4ad4dd05d94df7e797"
        "d3ac730a06dcc8381de684ace3263a63"
      );
      this.videoPathTwo = await getResourcePath(
        "700cfdb8b85b372045b1e97e3356ae3a"
      );
      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
        const item = this.chapter004.videoMd5[index];
        if (item.md5 && !item.md5.includes("https:")) {
          item.handleMd5 = await getResourcePath(item.md5);
        }
      }
    },

    setBookQuestion() {
@@ -1286,17 +1292,10 @@

    handleChapterData() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter04-Data",
        "aviationEtiquette-book-chapter04-Data",
        JSON.stringify(this.chapterData)
      );
    },
    handlechapter004() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter004",
        JSON.stringify(this.chapter004)
      );
    },

    handleFocus(id) {
      this.isFocused = id; // 当textarea聚焦时，设置为true
    },
@@ -1305,38 +1304,17 @@
    },

    handleCollect(e) {
      if (e.md5) {
      if (e == "video-01") {
        this.handleCollectResource(
          e.md5,
          e.md5,
          "d3ac730a06dcc8381de684ace3263a63",
          "d3ac730a06dcc8381de684ace3263a63",
          "",
          "视频",
          "bits",
          "微课小课堂：" + e.name
        );
        e.isCollectVideo = !e.isCollectVideo;
      } else if (e == "video-01") {
        this.handleCollectResource(
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "",
          "视频",
          "bits",
          "视频：心理学的流派"
          "视频：礼仪时装秀"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "700cfdb8b85b372045b1e97e3356ae3a",
          "700cfdb8b85b372045b1e97e3356ae3a",
          "",
          "视频",
          "bits",
          "视频：心理学的研究内容"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      }
      this.handlechapter004();
      this.handleChapterData();
    },
    //资源收藏事件

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

@@ -633,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>
            不管是制服还是一般商务西服，首先要与领带搭配。领带也是男士在仪表方面的一个标志，配上合体的西服，可以使穿者显得潇洒、精神、绅士、稳重，同时也体现出对场合的重视。
@@ -1083,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）。
@@ -1147,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>
@@ -1375,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>
@@ -1415,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" />
@@ -2575,6 +2677,9 @@
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
@@ -2649,20 +2754,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,
      },
    };
  },
@@ -2695,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];
@@ -2716,13 +2847,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 +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();

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

@@ -158,8 +158,8 @@
      }, 500);
  
      // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(1, 6);
    // setTimeout(() => {
    //   this.gotoPage(2, 6);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -173,7 +173,7 @@
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
      }, 500);
    // }, 500);
  
      // const pageDom = (this.container ? this.container : document)
      //   .querySelector("#app")
@@ -917,7 +917,7 @@
          const bottomGap = playVudio.getBoundingClientRect().bottom;
          const topGap = playVudio.getBoundingClientRect().top;
          if (bottomGap < 0 || topGap > window.innerHeight) {
            if(playVudio.readyState) playVudio.requestPictureInPicture();
          playVudio.requestPictureInPicture();
          }
        }
      },
@@ -940,7 +940,7 @@
      chapterTwo,
      chapterThree,
      chapterFour,
      chapterFive,
    chapterFive
    },
  };
  </script>
@@ -959,4 +959,3 @@
    }
  }
  </style>