zhongshujie
2025-01-07 2494877ee191dad8483366a4fc8bb2e1e19d6e39
src/books/aviationEtiquette/view/components/chapter005.vue
@@ -42,9 +42,13 @@
            </div>
            <div class="bj3">
              <p>1.你看过的情景剧有哪些?试着举几个例子。</p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4"
                        class="fz-16 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>
            </div>
          </div>
          <h3 id="c034">
@@ -102,7 +106,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">149</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>
@@ -195,7 +199,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">151</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>
@@ -268,6 +272,8 @@
              <p class="block">
                根据你对礼仪规范的了解,可否对其中的故事进行情景剧结构创造?你会怎么设计情景剧的结构呢?
              </p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
@@ -311,7 +317,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">153</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>
@@ -323,26 +329,157 @@
          <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>
@@ -380,6 +517,25 @@
            <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">
@@ -392,6 +548,8 @@
              <p>
                你能否根据自己的观察进行礼仪技能表述和展示?能否针对自身专业或岗位需求进行礼仪规范解读?
              </p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c036">
@@ -413,7 +571,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">155</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>
@@ -436,6 +594,8 @@
              <p>
                表演艺术的创作任务要求演员创作出来的人物形象具有审美的价值,达到真、善、美的和谐统一,这也是创作者和观赏者共同追求的标准。你认为礼仪表演中的美来自何处呢?
              </p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -497,7 +657,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">157</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>
@@ -586,7 +746,11 @@
              <p>
                1.民航礼仪技能展示的人物外部形象应该是什么样子的?包括服装、发型等外部特征的构建。
              </p>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4"
                        class="fz-16 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>
            </div>
          </div>
          <h4 id="d114">二、民航礼仪技能展示的内容设计</h4>
@@ -603,7 +767,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">159</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>
@@ -684,7 +848,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">161</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>
@@ -713,7 +877,11 @@
            </div>
            <div class="bj3">
              <p>1.人为什么一定要讲文明礼仪?应该怎样做?</p>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4"
                        class="fz-16 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>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -783,10 +951,42 @@
          </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>
@@ -796,41 +996,174 @@
        <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="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>
        </div>
      </div>
    </div>
@@ -864,116 +1197,96 @@
      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,
      },
    };
  },
  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
@@ -982,39 +1295,23 @@
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "f230fd8fd7952a4ad4dd05d94df7e797"
        "d3ac730a06dcc8381de684ace3263a63"
      );
      this.videoPathTwo = await getResourcePath(
        "700cfdb8b85b372045b1e97e3356ae3a"
      );
      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
        const item = this.chapter004.videoMd5[index];
        if (item.md5 && !item.md5.includes("https:")) {
          item.handleMd5 = await getResourcePath(item.md5);
        }
      }
    },
    setBookQuestion() {
      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
    },
@@ -1023,38 +1320,17 @@
    },
    handleCollect(e) {
      if (e.md5) {
      if (e == "video-01") {
        this.handleCollectResource(
          e.md5,
          e.md5,
          "d3ac730a06dcc8381de684ace3263a63",
          "d3ac730a06dcc8381de684ace3263a63",
          "",
          "视频",
          "bits",
          "微课小课堂:" + e.name
        );
        e.isCollectVideo = !e.isCollectVideo;
      } else if (e == "video-01") {
        this.handleCollectResource(
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "f230fd8fd7952a4ad4dd05d94df7e797",
          "",
          "视频",
          "bits",
          "视频:心理学的流派"
          "视频:礼仪时装秀"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "700cfdb8b85b372045b1e97e3356ae3a",
          "700cfdb8b85b372045b1e97e3356ae3a",
          "",
          "视频",
          "bits",
          "视频:心理学的研究内容"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      }
      this.handlechapter004();
      this.handleChapterData();
    },
    //资源收藏事件