环境变量修改

zhongshujie

3 天以前 fe52c75b42ef2815dc5c66e964c2b388ed09d097

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

@@ -9,53 +9,113 @@
        </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>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-01.png" alt=""></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 == '49cdf2e707f9f69b91167c285890c6f8'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <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 == 'd4b25959b1c7f85b2762be516aefe078'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </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">
            <div class="bj3 fz-15">
              <p>1.你看过的情景剧有哪些？试着举几个例子。</p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.你觉得应如何演绎礼仪情景剧？该选择什么样的情景剧来训练呢？
              </p>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </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>
          <p>2.了解礼仪情景剧的特点和创作思路。</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 == '78a2562f8f80c90e54d299d38abb2d1d'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -64,8 +124,8 @@
      <div v-if="showPageList.indexOf(154) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">148</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">148</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -94,7 +154,7 @@
          </p>
          <h6 id="f054">3.情景剧促进学生想象力、创造力以及语言的发展</h6>
          <p>
            情景剧表演能够促进学生想象力的发展。学生能够在内容丰富的故事表演活动中，
            情景剧表演能够促进学生想象力的发展。学生能够在内容丰富的故事表演活动中，运用想象进行再创造，从而提高创新能力，培养语言能力。
          </p>
        </div>
      </div>
@@ -105,13 +165,12 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">149</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">149</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>运用想象进行再创造，从而提高创新能力，培养语言能力。</p>
          <h4 id="d108">二、礼仪情景剧的特点和创作思路</h4>
          <h5 id="e145">（一）礼仪情景剧的特点</h5>
          <p>情景剧具备以下两个特点。</p>
@@ -135,16 +194,30 @@
            （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>
          <p>2.掌握礼仪情景剧的编创方式。</p>
          <h4 id="d109">一、礼仪情景剧的“入画”</h4>
          <p>
            礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区一般分为六个区，即1—中前区、2—中后区、3—右前区、4—左前区、5—右后区、6—左后区，其中
          </p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：高职院校礼仪情景示范展示</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '460dbcdc0c34cbac9ca90c343dbf89b9'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -153,16 +226,19 @@
      <div v-if="showPageList.indexOf(156) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">150</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">150</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p>1为焦点区，2、3、4为次焦点区，5、6为末焦点区（见图5-1-1）。</p>
          <p class="center">
          <h4 id="d109">一、礼仪情景剧的“入画”</h4>
          <p>
            礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区一般分为六个区，即1—中前区、2—中后区、3—右前区、4—左前区、5—右后区、6—左后区，其中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>
@@ -187,9 +263,6 @@
          <p>
            礼仪情景剧是礼仪教学中非常重要的教学形式和方法。它通过情境模拟和角色扮演，让学生主动参与、自主编排，身临其境地进行演绎，通过具体的舞台形象再现日常生活、社会交往和相关工作岗位中综合运用礼仪知识、技能进行沟通和服务的情景，达到教育启发的目的。
          </p>
          <p>
            礼仪情景剧是礼仪课堂教学的延伸，结合相关知识点和技能点，创设一个具体的场景，针对一个主题进行相关事件的演绎，是推动人们文明礼貌行为进程的艺术表现形
          </p>
        </div>
      </div>
    </div>
@@ -199,14 +272,14 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">151</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">151</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>
            式。礼仪情景剧的创作要先选择主题，然后进行人物设计，撰写剧本，最后再斟字酌句地修改，一是要体现情景剧层面的原创性、完整性、戏剧性，二是要体现价值观层面的教育性、创新性和吸引性。
            礼仪情景剧是礼仪课堂教学的延伸，结合相关知识点和技能点，创设一个具体的场景，针对一个主题进行相关事件的演绎，是推动人们文明礼貌行为进程的艺术表现形式。礼仪情景剧的创作要先选择主题，然后进行人物设计，撰写剧本，最后再斟字酌句地修改，一是要体现情景剧层面的原创性、完整性、戏剧性，二是要体现价值观层面的教育性、创新性和吸引性。
          </p>
          <p>
            在设计礼仪情景剧的编排思路时，不仅要注重对礼仪知识点和技能点进行内化，弘扬社会主义核心价值观，更应注重观赏性和舞台效果。舞台效果的呈现，一方面在于演员的服装、语言表达、神情动作、情感集聚和爆发；另一方面在于道具的使用，技术手段的应用和背景音乐、视频画面的渲染。
@@ -230,7 +303,7 @@
            例如，在表演《无陪伴儿童》乘机故事时，背景音乐是温馨、和谐的无人声伴奏。
          </p>
          <p>
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得到
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得到滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          </p>
        </div>
      </div>
@@ -240,59 +313,69 @@
      <div v-if="showPageList.indexOf(158) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">152</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">152</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p>
            滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          </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">
            <div class="bj3 fz-15">
              <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-15 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>
          <p class="img">图5-1-2 销售场景</p>
          <p class="center">
            <img class="img-c" 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" />
          </p>
          <p class="img">图5-1-4 餐厅场景</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0158-4.jpg" />
          </p>
          <p class="img">图5-1-5 机场服务场景</p>
          <p>
          <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>
            </span>
            <span>
              <p class="center openImgBox">
                <img class="w80" alt="" src="../../assets/images/0158-2.jpg" />
              </p>
              <p class="img">图5-1-3 面试场景</p>
            </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>
            </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>
            </span>
          </div>
          <p class="block">
            1.自行选取图片，分析画面中的可视内容，从而进行人物关系和事件的分析讨论。
          </p>
        </div>
@@ -304,38 +387,58 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">153</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">153</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>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>
          <p>A.4</p>
          <p>B.5</p>
          <p>C.6</p>
          <p>D.7</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.4</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.5</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.6</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.7</p>
          <p>
            2.美国好莱坞有一套编剧规律，即开端、设置矛盾、解决矛盾、再设置矛盾，直至结局。中国也有自己的编剧规律，即（　　）。（单选题）
          </p>
          <p>A.浓淡相宜</p>
          <p>B.高低错落</p>
          <p>C.抑扬顿挫</p>
          <p>D.起承转合</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.浓淡相宜</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.高低错落</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.抑扬顿挫</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.起承转合</p>
          <p>
            3.对情景表现的舞台设计思路包括________、舞台美术、环境、音响、________、________、________、表情、心理活动等。
            3.对情景表现的舞台设计思路包括<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectOne.three.value1" @change="setBookQuestion" />、舞台美术、环境、音响、<input type="text"
              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value2"
              @change="setBookQuestion" />、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectOne.three.value3" @change="setBookQuestion" />、<input type="text"
              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value4"
              @change="setBookQuestion" />、表情、心理活动等。
          </p>
          <p>4.情景剧的三大元素是（　　）。（多选题）</p>
          <p>A.主角</p>
          <p>B.故事</p>
          <p>C.场景</p>
          <p>D.时间</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>5.请简述创作礼仪情景剧的基本原则。</p>
          <textarea v-model="questionData.projectOne.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -344,8 +447,8 @@
      <div v-if="showPageList.indexOf(160) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">154</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">154</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -354,55 +457,125 @@
        <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>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-02.png" alt=""></p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSix" 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.isCollectVideo05 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'f8ca26a51e475fb9921db5c4bdf5d1be'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeven" 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.isCollectVideo06 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '8afe53c2f626fc193a3bfb160c33f99c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </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="../../assets/images/0160-1.jpg" />
            <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">
            <div class="bj3 fz-15">
              <p>
                你能否根据自己的观察进行礼仪技能表述和展示？能否针对自身专业或岗位需求进行礼仪规范解读？
              </p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <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 class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEight" 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.isCollectVideo07 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '964332e9334f71db8d9174fa1a4911b1'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -412,14 +585,15 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">155</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">155</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <h4 id="d111">一、何为礼仪表演</h4>
          <p>
            美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
            有“盛世鸿儒”之称的唐代文化名人孔颖达曾说：“中国礼仪之大，故称夏；有服章之美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
          </p>
          <p>
            礼仪表演，即把约定俗成的礼仪规范或要求通过公众表演的方式，将风貌、风尚、素养、特色展示出来。
@@ -427,29 +601,26 @@
          <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">
            <div class="bj3 fz-15">
              <p>
                表演艺术的创作任务要求演员创作出来的人物形象具有审美的价值，达到真、善、美的和谐统一，这也是创作者和观赏者共同追求的标准。你认为礼仪表演中的美来自何处呢？
              </p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <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>
        </div>
      </div>
@@ -459,35 +630,36 @@
      <div v-if="showPageList.indexOf(162) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">156</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">156</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p>
            就解放了自己的身体。他们筑巢、耕作、取火、狩猎，不仅可以更好地生存，也提升了身体的匀称性和动作的精确性、优美性。有节奏的劳动中显现了男性的力度和女性的柔美，锻炼了面部表情的灵活性。通过劳动、征战、祈祷的各种动作、姿态及节奏，人们看到了人体自身的美，由此开始注重精神内容的表达。如收获时的喜悦、征战时的勇敢、祈祷时的虔诚等，所以祈祷、求福、插秧、伐木均有不同节奏的歌曲，不仅表达了劳动美，也创造了艺术美。因此，美来源于劳动，它存在于劳动之中。
          <p><b>2.美源于劳动</b></p>
          <p class="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>
@@ -497,8 +669,8 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">157</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">157</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -510,29 +682,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>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0163-1.jpg" />
          </p>
          <p class="img">图5-2-1 礼仪技能展示1</p>
          <p>
            礼仪技能展示的目的是让学生把书本中的理论知识、平面的文字形象转化为鲜活的舞台形象，把礼仪理论当中具有行动性的语言创造性地转化为具有语言性的行动，从而培养学生的创造力。学生应尽可能多地学习理论，提高对礼仪的鉴赏、理解、感受和分析的能力。
          </p>
          <p>
            选择素材中“可视性强、行动性强、情感性强、实际性强”的片段，作为提高自身人物创造能力的素材，为塑造标准行为、优雅气质打下基础。
          </p>
          <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>
@@ -541,22 +716,28 @@
      <div v-if="showPageList.indexOf(164) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">158</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">158</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p class="center">
            <img class="img-c" 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" />
          </p>
          <p class="img">图5-2-3 礼仪技能展示3</p>
          <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>
            </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>
@@ -569,22 +750,25 @@
          <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">
            <div class="bj3 fz-15">
              <p>
                1.民航礼仪技能展示的人物外部形象应该是什么样子的？包括服装、发型等外部特征的构建。
              </p>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.民航礼仪技能展示的行动任务和真正目的是什么？</p>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d114">二、民航礼仪技能展示的内容设计</h4>
          <h5 id="e153">（一）明确展示目的</h5>
          <p>
            民航礼仪技能展示的指导思想要以“展示礼仪、讲究文明、提升素质、强化专业”为主题，以“礼仪、礼貌、礼节”教育为重点内容，以遵守规范、守则等养成教育为突破口，
            民航礼仪技能展示的指导思想要以“展示礼仪、讲究文明、提升素质、强化专业”为主题，以“礼仪、礼貌、礼节”教育为重点内容，以遵守规范、守则等养成教育为突
          </p>
        </div>
      </div>
@@ -595,14 +779,14 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">159</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">159</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>
            着眼于展示学生的思想道德素质、文明礼仪素养、专业技能。通过礼仪技能展示活动，强化文明意识、规范言行举止、强化专业技能、提升综合素质。
          <p class="td-0">
            破口，着眼于展示学生的思想道德素质、文明礼仪素养、专业技能。通过礼仪技能展示活动，强化文明意识、规范言行举止、强化专业技能、提升综合素质。
          </p>
          <h5 id="e154">（二）设定形象展示</h5>
          <p>
@@ -613,12 +797,49 @@
            民航情景剧礼仪技能展示的最大作用就是通过民航实际情景进行礼仪技能考查，让民航礼仪规范不光停留在理论和解读上。其内容包含迎客礼仪、称呼礼仪、介绍礼仪、握手礼仪、名片礼仪、引领礼仪、敬茶礼仪、座次礼仪、送客礼仪等，还包括民航岗位的服务用语、服务技能等。
          </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>
          <p>2.了解民航礼仪技能展示情景剧创作思路与注意事项。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathNine" 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.isCollectVideo08 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '344eb0db9295fbfd83736cf3431a134a'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTen" 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.isCollectVideo09 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'c8ce4540a2e9e2122ebb6cd64c6c0c4c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d115">一、民航礼仪技能展示情景剧的分析与创作方法</h4>
          <h5 id="e156">（一）熟读情景剧剧本</h5>
          <p>
@@ -626,7 +847,7 @@
          </p>
          <h5 id="e157">（二）了解民航情景剧专业背景</h5>
          <p>
            对情景的专业背景、人物背景进行分析和研究。例如，客舱乘务员礼仪情景展示，应首先掌握客舱乘务员的专业技能，如客舱迎送、餐食供应等机舱服务技能，并结合礼仪规范，多查阅相关资料，包括文字、图片、视频等，尽可能多地了解和熟悉作品中的
            对情景的专业背景、人物背景进行分析和研究。例如，客舱乘务员礼仪情景展示，应首先掌握客舱乘务员的专业技能，如客舱迎送、餐食供应等机舱服务技能，并结合礼仪规范，多查阅相关资料，包括文字、图片、视频等，尽可能多地了解和熟悉作品中的时间、地点、专业要求以及所包含的人文思想和社会问题等。
          </p>
        </div>
      </div>
@@ -636,15 +857,14 @@
      <div v-if="showPageList.indexOf(166) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">160</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">160</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p>时间、地点、专业要求以及所包含的人文思想和社会问题等。</p>
          <h5 id="e158">（三）明确情景剧主题思想</h5>
          <p>
            主题是指作者通过剧本冲突提出的基本问题。主题思想是对剧本提出的基本问题的回答，包括这个作品总的思想含义。
@@ -677,8 +897,8 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">161</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">161</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -700,25 +920,34 @@
          <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">
            <div class="bj3 fz-15">
              <p>1.人为什么一定要讲文明礼仪？应该怎样做？</p>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.作为民航专业人员的我们，应该怎样提升礼仪素养？</p>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4" class="fz-15 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>
          <p class="img">图5-2-4 客舱乘务员礼仪展示1</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0167-2.jpg" />
          </p>
          <p class="img">图5-2-5 客舱乘务员礼仪展示2</p>
          <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>
            </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>
@@ -727,22 +956,29 @@
      <div v-if="showPageList.indexOf(168) > -1">
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10 pNum">162</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
            <span class="mr-10 pNum">162</span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p class="center">
            <img class="img-c" 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" />
          </p>
          <p class="img">图5-2-7 客舱安全示范演示2</p>

          <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>
            </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>
@@ -758,16 +994,20 @@
              礼仪教育是思想政治教育的有效载体。思想道德是一个人的内在素养，而礼仪具有载体的功能，使内在的思想道德通过外在的表现形式体现出来。在我们看来，道德属于人的精神素养，如果仅仅采取说教的方式不但缺乏说服力，而且抽象、晦涩、难懂，思想政治教育也很难达到良好的效果。在思想政治教育的过程中，将礼仪教育作为载体，做到育德于礼，潜移默化中提高了思想政治教育的有效性。
            </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>A.角色</p>
          <p>B.技能</p>
          <p>C.剧情</p>
          <p>D.表演</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.角色</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.技能</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.剧情</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.表演</p>
        </div>
      </div>
    </div>
@@ -777,50 +1017,114 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">163</li>
          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="p-Num">163</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p>2.民航礼仪技能展示情景剧创作思路是（　　）。（单选题）</p>
          <p>A.情节设计</p>
          <p>B.台词设计</p>
          <p>C.情景重现</p>
          <p>D.舞台表现</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.情节设计</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.台词设计</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.情景重现</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.舞台表现</p>
          <p>
            3.情景剧故事或人物冲突主要是指（　　）冲突。包括人物在意念、性格、信仰、精神和价值等上的差异。（单选题）
          </p>
          <p>A.社会性</p>
          <p>B.情绪性</p>
          <p>C.思想性</p>
          <p>D.格局性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.社会性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.情绪性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.思想性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.格局性</p>
          <p>
            4.礼仪表演，即把约定俗成的礼仪规范或要求通过公众表演的方式，将（　　）展示出来。（多选题）
          </p>
          <p>A.风貌</p>
          <p>B.风尚</p>
          <p>C.素养</p>
          <p>D.特色</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.风貌</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.风尚</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.素养</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.特色</p>
          <p>
            5.主题是指作者通过剧本冲突提出的基本问题。主题思想是对剧本提出的基本问题的回答。（　　）（判断题）
          </p>
          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="对" id="4"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />对</p>
          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="错" id="4"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />错</p>
          <p>
            6.民航情景剧礼仪技能展示内容包含迎客礼仪、________礼仪、介绍礼仪、握手礼仪、________礼仪、引领礼仪、________礼仪、座次礼仪、________礼仪等。
            6.民航情景剧礼仪技能展示内容包含迎客礼仪、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value1" @change="setBookQuestion" />
            礼仪、介绍礼仪、握手礼仪、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value2" @change="setBookQuestion" />礼仪、引领礼仪、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value3" @change="setBookQuestion" />礼仪、座次礼仪、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value4" @change="setBookQuestion" />礼仪等。
          </p>
          <p>
            7.民航礼仪技能展示的指导思想要以“展示________、讲究________、提升________、强化________”为主题，以“________、________、________”教育为重点内容，以“遵守________、________”等养成教育为突破口。
            7.民航礼仪技能展示的指导思想要以“展示<input type="" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion" />、
            讲究<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion" />、
            提升<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion" />、
            强化<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion" />”为主题，
            以“<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion" />、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion" />、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion" />”
            教育为重点内容，以“遵守<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion" />、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion" />”等养成教育为突破口。
          </p>
          <p>8.请简述民航礼仪技能展示情景剧创作注意事项。</p>
          <textarea v-model="questionData.projectTwo.eight.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p class="dialogQuestion"  @click="openQuestion(1)">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
    <!-- 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" />
            </div>
        </div>
      <div v-if="showPageList.indexOf(170) > -1">
        <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
      </div>
    </div>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>

@@ -830,131 +1134,153 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterFive",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      videoPathNine: "",
      videoPathTen: "",
      videoPathEleven: "",
      videoPathNine: "",
      videoPathTen: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
        tableOne: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        askAbout: {
          one: '',
          two: '',
          three: '',
          four: '',
          five: '',
          six: '',
          seven: '',
          eight: '',
          nine: '',
        },
        tableTwo: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableThree: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableFour: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        tableFive: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableSix: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        tableSeven: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        reading: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
          nine: "",
        },
      },
      chapter004: {
        videoMd5: [
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "7454A10BD25ED828FF31D0702DA63D55",
            name: "什么是心理健康",
        projectOne: {
          one: {
            value: ""
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "E4AC28F178D660E96355C17E6F283E66",
            name: "心理健康的10项标准",
          two: {
            value: ""
          },
        ],
          three: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
          },
          four: {
            value: []
          },
          five: {
            value: ""
          }

        },
        projectTwo: {
          one: {
            value: ''
          },
          two: {
            value: ''
          },
          three: {
            value: ''
          },
          four: {
            value: []
          },
          five: {
            value: ''
          },
          six: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
          },
          seven: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
            value5: "",
            value6: "",
            value7: "",
            value8: "",
            value9: "",
          },
          eight: {
            value: ''
          }
        },
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideo01: false,
        isCollectVideo02: false,
        isCollectVideo03: false,
        isCollectVideo04: false,
        isCollectVideo05: false,
        isCollectVideo06: false,
        isCollectVideo07: false,
        isCollectVideo08: false,
        isCollectVideo09: false,
        isCollectVideo10: false,
      },
      // 请求题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "拓展模块　礼仪活动策划",
            questionNum: 169,
          },
        },
      },
    };
  },
  async mounted() {
    const bookQuestion = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter04-table"
      "aviationEtiquette-book-chapter05-question"
    );
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }

    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
@@ -963,39 +1289,50 @@
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "f230fd8fd7952a4ad4dd05d94df7e797"
        "d3ac730a06dcc8381de684ace3263a63"
      );
      this.videoPathTwo = await getResourcePath(
        "700cfdb8b85b372045b1e97e3356ae3a"
        "49cdf2e707f9f69b91167c285890c6f8"
      );
      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);
        }
      }
      this.videoPathThree = await getResourcePath(
        "d4b25959b1c7f85b2762be516aefe078"
      );
      this.videoPathFour = await getResourcePath(
        "78a2562f8f80c90e54d299d38abb2d1d"
      );
      this.videoPathFive = await getResourcePath(
        "460dbcdc0c34cbac9ca90c343dbf89b9"
      );
      this.videoPathSix = await getResourcePath(
        "f8ca26a51e475fb9921db5c4bdf5d1be"
      );
      this.videoPathSeven = await getResourcePath(
        "8afe53c2f626fc193a3bfb160c33f99c"
      );
      this.videoPathEight = await getResourcePath(
        "964332e9334f71db8d9174fa1a4911b1"
      );
      this.videoPathNine = await getResourcePath(
        "344eb0db9295fbfd83736cf3431a134a"
      );
      this.videoPathTen = await getResourcePath(
        "c8ce4540a2e9e2122ebb6cd64c6c0c4c"
      );
    },

    setBookQuestion() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter04-table",
        "aviationEtiquette-book-chapter05-question",
        JSON.stringify(this.questionData)
      );
    },

    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
    },
@@ -1004,38 +1341,107 @@
    },

    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",
          "49cdf2e707f9f69b91167c285890c6f8",
          "49cdf2e707f9f69b91167c285890c6f8",
          "",
          "视频",
          "bits",
          "视频：心理学的研究内容"
          "视频：学习礼仪情景剧的策划"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "d4b25959b1c7f85b2762be516aefe078",
          "d4b25959b1c7f85b2762be516aefe078",
          "",
          "视频",
          "bits",
          "视频：礼仪情景剧的认知"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "78a2562f8f80c90e54d299d38abb2d1d",
          "78a2562f8f80c90e54d299d38abb2d1d",
          "",
          "视频",
          "bits",
          "视频：礼仪情景剧的舞台“入画”"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "460dbcdc0c34cbac9ca90c343dbf89b9",
          "460dbcdc0c34cbac9ca90c343dbf89b9",
          "",
          "视频",
          "bits",
          "视频：高职院校礼仪情景示范展示"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "f8ca26a51e475fb9921db5c4bdf5d1be",
          "f8ca26a51e475fb9921db5c4bdf5d1be",
          "",
          "视频",
          "bits",
          "视频：民航服务礼仪表演综合能力训练"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "8afe53c2f626fc193a3bfb160c33f99c",
          "8afe53c2f626fc193a3bfb160c33f99c",
          "",
          "视频",
          "bits",
          "视频：高职院校礼仪秀示范展示"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "964332e9334f71db8d9174fa1a4911b1",
          "964332e9334f71db8d9174fa1a4911b1",
          "",
          "视频",
          "bits",
          "视频：认识礼仪表演"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "344eb0db9295fbfd83736cf3431a134a",
          "344eb0db9295fbfd83736cf3431a134a",
          "",
          "视频",
          "bits",
          "视频：民航礼仪技能展示情景剧的创作方法"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
          "",
          "视频",
          "bits",
          "视频：民航服务礼仪表演素材及内容设计"
        );
        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
      }
      this.handlechapter004();
      this.handleChapterData();
    },
    //资源收藏事件
@@ -1069,6 +1475,13 @@
        this.collectResourceList
      );
    },
    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },
  },
};
</script>