婴幼儿照护实务

zhongshujie

2025-03-26 aaa13b34449445bdf7aa03d4a8fb3944b5250d6b

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

@@ -17,6 +17,46 @@
              <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">
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
@@ -40,15 +80,15 @@
                  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-16 textarea-box" @change="setBookQuestion"></textarea>
              <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-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c034">
@@ -57,6 +97,25 @@
          <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>
@@ -95,7 +154,7 @@
          </p>
          <h6 id="f054">3.情景剧促进学生想象力、创造力以及语言的发展</h6>
          <p>
            情景剧表演能够促进学生想象力的发展。学生能够在内容丰富的故事表演活动中，
            情景剧表演能够促进学生想象力的发展。学生能够在内容丰富的故事表演活动中，运用想象进行再创造，从而提高创新能力，培养语言能力。
          </p>
        </div>
      </div>
@@ -112,7 +171,6 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">运用想象进行再创造，从而提高创新能力，培养语言能力。</p>
          <h4 id="d108">二、礼仪情景剧的特点和创作思路</h4>
          <h5 id="e145">（一）礼仪情景剧的特点</h5>
          <p>情景剧具备以下两个特点。</p>
@@ -141,10 +199,25 @@
          <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>
@@ -161,7 +234,10 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">1为焦点区，2、3、4为次焦点区，5、6为末焦点区（见图5-1-1）。</p>
          <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>
@@ -187,9 +263,6 @@
          <p>
            礼仪情景剧是礼仪教学中非常重要的教学形式和方法。它通过情境模拟和角色扮演，让学生主动参与、自主编排，身临其境地进行演绎，通过具体的舞台形象再现日常生活、社会交往和相关工作岗位中综合运用礼仪知识、技能进行沟通和服务的情景，达到教育启发的目的。
          </p>
          <p>
            礼仪情景剧是礼仪课堂教学的延伸，结合相关知识点和技能点，创设一个具体的场景，针对一个主题进行相关事件的演绎，是推动人们文明礼貌行为进程的艺术表现形
          </p>
        </div>
      </div>
    </div>
@@ -205,8 +278,8 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            式。礼仪情景剧的创作要先选择主题，然后进行人物设计，撰写剧本，最后再斟字酌句地修改，一是要体现情景剧层面的原创性、完整性、戏剧性，二是要体现价值观层面的教育性、创新性和吸引性。
          <p>
            礼仪情景剧是礼仪课堂教学的延伸，结合相关知识点和技能点，创设一个具体的场景，针对一个主题进行相关事件的演绎，是推动人们文明礼貌行为进程的艺术表现形式。礼仪情景剧的创作要先选择主题，然后进行人物设计，撰写剧本，最后再斟字酌句地修改，一是要体现情景剧层面的原创性、完整性、戏剧性，二是要体现价值观层面的教育性、创新性和吸引性。
          </p>
          <p>
            在设计礼仪情景剧的编排思路时，不仅要注重对礼仪知识点和技能点进行内化，弘扬社会主义核心价值观，更应注重观赏性和舞台效果。舞台效果的呈现，一方面在于演员的服装、语言表达、神情动作、情感集聚和爆发；另一方面在于道具的使用，技术手段的应用和背景音乐、视频画面的渲染。
@@ -230,7 +303,7 @@
            例如，在表演《无陪伴儿童》乘机故事时，背景音乐是温馨、和谐的无人声伴奏。
          </p>
          <p>
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得到滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          </p>
        </div>
      </div>
@@ -248,9 +321,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            到滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          </p>
          <div class="bk2">
            <div class="zysx">
              <p>
@@ -258,7 +328,7 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p class="center">
                <span class="cs1">你会怎样设计情景剧结构</span>
              </p>
@@ -272,8 +342,8 @@
              <p class="block">
                根据你对礼仪规范的了解，可否对其中的故事进行情景剧结构创造？你会怎么设计情景剧的结构呢？
              </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-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
@@ -329,157 +399,46 @@
          <p>
            1.礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区分为（　　）个区。（单选题）
          </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><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><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><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.对情景表现的舞台设计思路包括<input
                  type=""
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value1"
                  @change="setBookQuestion"
                />、舞台美术、环境、音响、<input
                  type=""
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value2"
                  @change="setBookQuestion"
                />、<input
                  type=""
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value3"
                  @change="setBookQuestion"
                />、<input
                  type=""
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value4"
                  @change="setBookQuestion"
                />、表情、心理活动等。
            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><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="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>
          <textarea v-model="questionData.projectOne.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -500,6 +459,46 @@
          <div class="tp-3">
            <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">
@@ -544,12 +543,12 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p>
                你能否根据自己的观察进行礼仪技能表述和展示？能否针对自身专业或岗位需求进行礼仪规范解读？
              </p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c036">
@@ -558,10 +557,25 @@
          <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>
@@ -577,8 +591,9 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            章之美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
          <h4 id="d111">一、何为礼仪表演</h4>
          <p>
            有“盛世鸿儒”之称的唐代文化名人孔颖达曾说：“中国礼仪之大，故称夏；有服章之美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
          </p>
          <p>
            礼仪表演，即把约定俗成的礼仪规范或要求通过公众表演的方式，将风貌、风尚、素养、特色展示出来。
@@ -590,12 +605,12 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p>
                表演艺术的创作任务要求演员创作出来的人物形象具有审美的价值，达到真、善、美的和谐统一，这也是创作者和观赏者共同追求的标准。你认为礼仪表演中的美来自何处呢？
              </p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -606,10 +621,6 @@
          </p>
          <p class="block">
            当人们从情感上把自然界同人类加以联系，并进行对比和评价，自然现象就被赋予了意识形态的意义。例如，我们古代神话中的盘古、后羿、嫦娥以及河神、山神等。当自然与人类社会实践（生产生活）产生了联系，自然物就成了人化的自然物。自然物就不仅有单纯的自然属性，也具有了社会属性。人生活在大自然中，必然受到大自然的感染和熏陶，感受到一种情趣和活力，无疑就会将自然人格化。例如，用高山比喻人品德的厚重，用大海比喻人心灵的宽广，用花朵比喻美女。大自然的美化为精神美、心灵美，从而激发人类更高的追求——生活美。从自然美到心灵美，再到生活美，大自然中的一切都有了社会意义。
          </p>
          <p><b>2.美源于劳动</b></p>
          <p class="block">
            自古至今，美都来自劳动。当人类直立行走，在劳动中解放出自己的双手以后，也
          </p>
        </div>
      </div>
@@ -627,8 +638,9 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 block">
            就解放了自己的身体。他们筑巢、耕作、取火、狩猎，不仅可以更好地生存，也提升了身体的匀称性和动作的精确性、优美性。有节奏的劳动中显现了男性的力度和女性的柔美，锻炼了面部表情的灵活性。通过劳动、征战、祈祷的各种动作、姿态及节奏，人们看到了人体自身的美，由此开始注重精神内容的表达。如收获时的喜悦、征战时的勇敢、祈祷时的虔诚等，所以祈祷、求福、插秧、伐木均有不同节奏的歌曲，不仅表达了劳动美，也创造了艺术美。因此，美来源于劳动，它存在于劳动之中。
          <p><b>2.美源于劳动</b></p>
          <p class="block">
            自古至今，美都来自劳动。当人类直立行走，在劳动中解放出自己的双手以后，也就解放了自己的身体。他们筑巢、耕作、取火、狩猎，不仅可以更好地生存，也提升了身体的匀称性和动作的精确性、优美性。有节奏的劳动中显现了男性的力度和女性的柔美，锻炼了面部表情的灵活性。通过劳动、征战、祈祷的各种动作、姿态及节奏，人们看到了人体自身的美，由此开始注重精神内容的表达。如收获时的喜悦、征战时的勇敢、祈祷时的虔诚等，所以祈祷、求福、插秧、伐木均有不同节奏的歌曲，不仅表达了劳动美，也创造了艺术美。因此，美来源于劳动，它存在于劳动之中。
          </p>
          <p><b>3.美源于社会</b></p>
          <p class="block">
@@ -742,15 +754,15 @@
                  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-16 textarea-box" @change="setBookQuestion"></textarea>
              <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-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d114">二、民航礼仪技能展示的内容设计</h4>
@@ -790,6 +802,44 @@
          <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>
@@ -797,7 +847,7 @@
          </p>
          <h5 id="e157">（二）了解民航情景剧专业背景</h5>
          <p>
            对情景的专业背景、人物背景进行分析和研究。例如，客舱乘务员礼仪情景展示，应首先掌握客舱乘务员的专业技能，如客舱迎送、餐食供应等机舱服务技能，并结合礼仪规范，多查阅相关资料，包括文字、图片、视频等，尽可能多地了解和熟悉作品中的
            对情景的专业背景、人物背景进行分析和研究。例如，客舱乘务员礼仪情景展示，应首先掌握客舱乘务员的专业技能，如客舱迎送、餐食供应等机舱服务技能，并结合礼仪规范，多查阅相关资料，包括文字、图片、视频等，尽可能多地了解和熟悉作品中的时间、地点、专业要求以及所包含的人文思想和社会问题等。
          </p>
        </div>
      </div>
@@ -815,7 +865,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">时间、地点、专业要求以及所包含的人文思想和社会问题等。</p>
          <h5 id="e158">（三）明确情景剧主题思想</h5>
          <p>
            主题是指作者通过剧本冲突提出的基本问题。主题思想是对剧本提出的基本问题的回答，包括这个作品总的思想含义。
@@ -875,13 +924,13 @@
                  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-16 textarea-box" @change="setBookQuestion"></textarea>
              <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-16 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -951,42 +1000,14 @@
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.民航礼仪技能展示主要是（　　）。（单选题）</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>
          <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>
@@ -1003,167 +1024,94 @@
        </ul>
        <div class="bodystyle">
          <p>2.民航礼仪技能展示情景剧创作思路是（　　）。（单选题）</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><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><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><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><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><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><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.民航情景剧礼仪技能展示内容包含迎客礼仪、<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value1" @change="setBookQuestion"/>
            礼仪、介绍礼仪、握手礼仪、<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value2" @change="setBookQuestion"/>礼仪、引领礼仪、
            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value3" @change="setBookQuestion"/>礼仪、座次礼仪、
            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value4" @change="setBookQuestion"/>礼仪等。
            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.民航礼仪技能展示的指导思想要以“展示<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion"/>、
            讲究<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion"/>、
            提升<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion"/>、
            强化<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion"/>”为主题，
            以“<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion"/>、
            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion"/>、
            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion"/>”
            教育为重点内容，以“遵守<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion"/>、
            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion"/>”等养成教育为突破口。
            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>

          <textarea v-model="questionData.projectTwo.eight.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(1)" 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>
@@ -1173,6 +1121,10 @@
        <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>

@@ -1182,93 +1134,135 @@
  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,
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
          six:'',
          seven:'',
          eight:'',
          nine:'',
        askAbout: {
          one: '',
          two: '',
          three: '',
          four: '',
          five: '',
          six: '',
          seven: '',
          eight: '',
          nine: '',
        },
        projectOne:{
          one:{
            value:""
        projectOne: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value1:"",
            value2:"",
            value3:"",
            value4:"",
          three: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
          },
          four:{
            value:[]
          four: {
            value: []
          },
          five:{
            value:""
          five: {
            value: ""
          }
          

        },
        projectTwo:{
          one:{
            value:''
        projectTwo: {
          one: {
            value: ''
          },
          two:{
            value:''
          two: {
            value: ''
          },
          three:{
            value:''
          three: {
            value: ''
          },
          four:{
            value:[]
          four: {
            value: []
          },
          five:{
            value:''
          five: {
            value: ''
          },
          six:{
            value1:"",
            value2:"",
            value3:"",
            value4:"",
          six: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
          },
          seven:{
            value1:"",
            value2:"",
            value3:"",
            value4:"",
            value5:"",
            value6:"",
            value7:"",
            value8:"",
            value9:"",
          seven: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
            value5: "",
            value6: "",
            value7: "",
            value8: "",
            value9: "",
          },
          eight:{
            value:''
          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,
          },
        },
      },
    };
  },
@@ -1296,6 +1290,33 @@
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "d3ac730a06dcc8381de684ace3263a63"
      );
      this.videoPathTwo = await getResourcePath(
        "49cdf2e707f9f69b91167c285890c6f8"
      );
      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"
      );
    },

@@ -1330,6 +1351,96 @@
          "视频：礼仪时装秀"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "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.handleChapterData();
    },
@@ -1364,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>