bug修改首行缩进

zhongshujie

2025-01-07 c7f0c30fadc2ee49da7150b8b2059c0e09b90ef0

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

@@ -40,11 +40,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-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">
@@ -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>
@@ -254,7 +258,7 @@
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
            <div class="bj3 fz-15">
              <p class="center">
                <span class="cs1">你会怎样设计情景剧结构</span>
              </p>
@@ -268,6 +272,8 @@
              <p class="block">
                根据你对礼仪规范的了解，可否对其中的故事进行情景剧结构创造？你会怎么设计情景剧的结构呢？
              </p>
              <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>
@@ -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>
@@ -407,10 +544,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-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c036">
@@ -432,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>
@@ -451,10 +590,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-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -516,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>
@@ -601,11 +742,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-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>
@@ -622,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>
@@ -703,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>
@@ -730,9 +875,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-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 class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -802,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>
@@ -815,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>
@@ -883,71 +1197,74 @@
      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: "",
        projectOne:{
          one:{
            value:""
          },
          two:{
            value:""
          },
          three:{
            value1:"",
            value2:"",
            value3:"",
            value4:"",
          },
          four:{
            value:[]
          },
          five:{
            value:""
          }
          
        },
        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: "",
        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: {
@@ -957,7 +1274,7 @@
  },
  async mounted() {
    const bookQuestion = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter04-table"
      "aviationEtiquette-book-chapter05-question"
    );
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
@@ -984,7 +1301,7 @@

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