hebing

litian

2025-01-02 50c777f46144ca163ac6ab00a22b536f4ab33ffd

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

@@ -19,8 +19,22 @@
                        <p class="bj-1-zt">1.提高个人在人际沟通过程中的语言温度。</p>
                        <p class="bj-1-zt">2.提升民航对客服务沟通过程中的效能。</p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <div class="video-box-cover">
                            <p class="center text">
                                <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 == 'f3397edec7e58dc77e76ce434e66f096') > -1 ? collectCheck : collectImg"
                                        alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                </el-tooltip>
                            </p>
                        </div>
                        <p><br></p>
                    </div>
                </div>
@@ -41,6 +55,8 @@
                    <p class="p-even block2">【开心热情】您好，欢迎登机。我是本次航班的乘务员，很开心为您服务。</p>
                    <p class="p-even block2">【无精打采】您好，欢迎登机。我是本次航班的乘务员，很开心为您服务。</p>
                    <p class="p-even block2">听到别人用不同的感情朗读上面这句话的时候，你最大的感受是什么？请将你的感受总结成一句话，然后用一分钟进行小组交流。</p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">
                        在民航服务过程中，语言的运用既体现服务人员个人的水准，又代表着航空公司的精神面貌，甚至影响着整个中国民航业的发展前景。可以说语言交际的成败，直接影响着民航服务的成败。</p>
@@ -75,7 +91,11 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.请列举工作中常用的尊称。</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.请简述称谓的禁忌。</p>
                        <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <h3 id="c025"><span class="zt-h4 unit3-c">二、</span><span class="qyls-h4 unit3-c">东西方姓名差异</span></h3>
                    <p class="p-odd">
@@ -190,6 +210,22 @@
                    <p class="p-even">如果您现在暂时不需要用餐，我们将在您需要时提供，到时请您按呼唤铃，我们将随时为您服务。</p>
                    <p class="p-even">我还能为（帮）您做点什么吗？</p>
                    <p class="p-even">（请稍等）我会尽力为您解决。</p>
                    <div class="video-box">
                        <p class="center text">
                            <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>视频：项目三 任务1 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '9908b7f1a3e2197b0d74ffefc42a3fd9') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
                </div>
            </div>
        </div>
@@ -238,12 +274,195 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0085-1.jpg" /></p>
                    <p class="left "><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习服务用语</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解服务用语规范
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，提升学生对语言知识了解程度和语言艺术水平。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌据在对客服务过程中如何进行规范称呼。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解称谓规范语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能独立判断东西方姓名差异。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.能够使用称谓规范语进行对客服务。<br />2.能够识别中英文姓名的差异。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①口述工作中常见的称谓规范语。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②小组协作进行值机阶段对客服务情景模拟。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③能准确判断东西方姓名差异。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④能识别中英文环境中姓名的差异。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                服务用语是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                对客服务过程中表达是否得当?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                语言表达过程中是否声情并茂?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                任务完成期间是否注意语言规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class=" p-even">请按照本任务教授的知识要点，撰写旅客登机后乘务员广播词，要求措辞得当，合理地运用服务用语。</p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.five" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -260,9 +479,11 @@
                    <h2 id="b004" class="unit3-c">任务二<br />掌握礼貌服务用语</h2>
                    <div class="task-u3-c"></div>
                    <p class="left"><span class="bj2">任务描述▼</span></p>
                    <p class="p-odd">
                    <p class="p-odd block2">
                        礼貌用语是民航服务人员向旅客表示意愿、交流思想情感和沟通信息的重要交际工具，是一种对旅客表示友好和尊敬的语言。在服务过程中，它具有体现礼貌和提供服务的双重特性，是民航服务人员完成工作的重要手段。
                    </p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ma-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c029" class="p-odd"><span class="zt-h4 unit3-c">一、</span><span
                            class="qyls-h4 unit3-c">礼貌服务用语的基本特点</span></h3>
@@ -287,6 +508,22 @@
                    <p class="p-even">
                        雅语是指将一些不便直言的事用一种比较委婉、含蓄的方式表达。例如，在接待宾客时，用“几位”代替“几个人”，用“哪一位”代替“谁”，用“贵姓”代替“你姓什么”，用“我去方便一下”代替“我去上厕所”，用“这件衣服不太适合您”代替“您穿这件衣服很难看”，用“发福”代替“发胖”，等等。雅语的使用不是机械的、固定的，需要根据不同场合、不同人物、不同时间灵活运用。
                    </p>
                    <div class="video-box">
                        <p class="center text">
                            <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 == '6669e5cb8d28967e1f03a2f9e1700c19') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d088" class="p-even">（二）语言的风趣性</h4>
                    <p class="p-even">在日常交往中，生动幽默的语言能够起到活跃气氛、融洽感情、消除隔阂、增进沟通的作用。必要时，还能消除尴尬局面。</p>
                    <p class="p-even">在民航服务礼仪中，工作人员在接待旅客时，语言不能呆板，不要机械地回答，这样容易使旅客感觉工作人员不热情、业务不熟悉、责任心不强。</p>
@@ -325,10 +562,188 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>礼貌用语的基本特点有哪些？</p>
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="center openImgBox p-odd"><img class="img-0" alt="" src="../../assets/images/0088-1.jpg" />
                    </p>
                    <p class="left "><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习服务用语</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握礼貌服务用语
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，使学生掌对客服务过程中的语言运用技巧。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握在对客服务过程中如何运用常见礼貌用语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解礼貌用语的基本特点。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能独立运用常见礼貌服务用语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握常见礼貌用语的特点和使用情境。<br />2.在对客服务的过程中能正确使用礼貌用语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①口述民航对客服务常用礼貌用语。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②独立表述对客服务过程中，与旅客初次见面的服务话术。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③识别案例情境中不规范的表述
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                礼貌服务用语是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                对客沟通过程中表达是否礼貌?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                语言表达过程中是否声情并茂?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                任务完成期间是否注意使用礼貌服务用语?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -343,7 +758,11 @@
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">请按照本任务教授的知识要点，以小组为单位模拟礼貌服务用语应用情景，要求措辞得当，合理地运用服务用语。</p>
                    <p class="p-even">模拟情景：由于空中交通管制，航班延误超过30分钟，旅客出现抱怨情绪，作为乘务员，你如何处理？</p>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -351,6 +770,8 @@
</template>

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterThree",
    props: {
@@ -358,6 +779,158 @@
            type: Array,
        },
    },
    data() {
        return {
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            collectResourceList: [],
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
            },
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
            },
        };
    },
    async mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter03");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter03-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

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

        this.getVidoePath();
        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
    },
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "f3397edec7e58dc77e76ce434e66f096"
            );
            this.videoPathTwo = await getResourcePath(
                "9908b7f1a3e2197b0d74ffefc42a3fd9"
            );
            this.videoPathThree = await getResourcePath(
                "6669e5cb8d28967e1f03a2f9e1700c19"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
                this.handleCollectResource("f3397edec7e58dc77e76ce434e66f096", "f3397edec7e58dc77e76ce434e66f096", '', "视频", "bits", '视频：项目三 导入')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("9908b7f1a3e2197b0d74ffefc42a3fd9", "9908b7f1a3e2197b0d74ffefc42a3fd9", '', "视频", "bits", '视频：项目三 任务1')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("6669e5cb8d28967e1f03a2f9e1700c19", "6669e5cb8d28967e1f03a2f9e1700c19", '', "视频", "bits", '视频：项目三 任务二')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            } 
            this.handleChapterData();
        },

        //资源收藏事件
        // resourcePath  文件路径，
        // resourceType  文件类型
        // source        文件来源
        handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
            let list = this.collectResourceList
            if (list.findIndex(item => item.id == id) > -1) {
                list = list.filter(item => item.id != id)
            } else {
                list.push({
                    id,
                    md5,
                    resourcePath,
                    resourceType,
                    source,
                    resourceName,
                })
            }
            this.collectResourceList = list
            setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
        },
        handleChapterData() {
            localStorage.setItem(
                "aviation-book-chapter03-Data",
                JSON.stringify(this.chapterData)
            );
        },


        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter03",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter03-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>