litian
2025-04-02 9d126c9e3a111a7ad0568a859f2cad56565543a9
Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
32个文件已修改
347个文件已添加
16256 ■■■■ 已修改文件
.env 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
.env.product 15 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/App.vue 13 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/heart copy.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/heart-check copy.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/videoLogo.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/js/config.js 21 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0014-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0016-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0018-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0021-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0023-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0024-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0026-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0027-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0027-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0032-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0032-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0043-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0044-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0049-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0050-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0054-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0057-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0058-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0059-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0060-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0061-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0061-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0062-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0062-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0063-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0063-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0064-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0064-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0065-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0065-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0068-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0068-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0069-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0070-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0079-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0080-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0080-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0080-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0081-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0082-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0082-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0083-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0084-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0085-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0086-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0092-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0094-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0094-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0100-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0112-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0117-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0120-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0123-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0138-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0139-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0140-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0141-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0142-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0143-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0145-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0145-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0147-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0148-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0149-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0152-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0156-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0157-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0158-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0161-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0161-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0162-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0167-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0167-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0168-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0168-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0169-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0170-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0170-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0171-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0171-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0172-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0174-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0174-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0175-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0175-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0175-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0176-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0176-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0177-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/0177-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/Cover.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/FD.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/SMY.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/headerlogo.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/icon/heart-check.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/icon/heart.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/xm1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/xm2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/xm3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/xm4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/images/xm5.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/assets/main.less 1442 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/view/components/chapter001.vue 1299 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/view/components/header.vue 229 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/view/components/index.vue 961 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/OralAndBroadcasting/view/index.vue 78 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationBasicSkills/assets/images/Cover.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationBasicSkills/assets/images/fengdi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/examinationList.js 33 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/0129-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/FD.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/cbxx.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/feiye.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/fengmian.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitFive-01.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitFive-02.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitFour-01.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitFour-02.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitFour-03.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitOne-01.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitOne-02.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitOne-03.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitThree-01.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitThree-02.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitTwo-01.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/unitTwo-02.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/main.less 334 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter001.vue 391 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter003.vue 2085 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter004.vue 2115 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter005.vue 974 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chpater002.vue 1099 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/header.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/index.vue 72 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationSafety/assets/images/Cover.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationSafety/assets/images/FD.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilAviation/assets/images/fengdi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilAviation/assets/images/fengmian.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilServices/assets/images/fengdi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilServices/assets/images/fengmian.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilServices/view/components/chapter003.vue 24 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilServices/view/components/index.vue 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/meetingPlanners/assets/mian.less 9 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/Fonts/FZHTJW.ttf 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/Fonts/FZLTXIHJW.ttf 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/Fonts/FZLTZHJW.ttf 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/Fonts/FZNBSJW.TTF 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/Fonts/FZZDXK.TTF 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/Fonts/FZZYSJW.TTF 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/Fonts/hya4gjm.ttf 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0001-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0001-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0002-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0021-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0022-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0026-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0026-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0027-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0028-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0029-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0029-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0029-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0030-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0030-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0030-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0031-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0031-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0034-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0034-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0034-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0034-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0035-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0035-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0035-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0035-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0036-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0036-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0037-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0037-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0037-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0037-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0039-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0040-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0040-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0043-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0046-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0048-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0051-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0053-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0063-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0065-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0066-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0067-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0067-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0068-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0070-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0070-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0072-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0072-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0076-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0076-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0078-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0080-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0083-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0084-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0086-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0088-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0088-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0090-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0093-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0097-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0098-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0101-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0104-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0105-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0106-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0107-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0111-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0116-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0117-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0118-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0121-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0122-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0125-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0132-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0135-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0136-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0137-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0140-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0141-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0142-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0147-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0150-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0151-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0159-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0160-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0163-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0164-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0168-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0169-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0170-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0172-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0172-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0173-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0173-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0173-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0173-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0174-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0174-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0176-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0184-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0187-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0190-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0192-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0193-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0195-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0196-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0203-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0209-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0215-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/0220-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/Cover.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/FD.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/SMY.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/csx.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/dxal.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/headerBj.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/headerRight.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0006-01.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0006-02.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0007-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0008-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0008-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0009-01.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0009-02.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0010-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0011-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0012-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0012-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0013-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0014-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0015-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0016-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0017-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0018-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0019-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0020-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0021-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0022-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0023-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0023-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0024-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0025-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0026-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0027-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0028-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0029-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0030-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0031-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0031-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0032-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0033-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0034-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0035-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0036-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0037-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0038-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0039-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0040-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0040-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0041-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0042-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0043-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0044-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0045-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0046-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0047-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0048-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0049-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0049-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0050-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0051-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0051-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0052-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0054-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0054-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0055-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0056-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0057-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0058-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0059-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0059-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0060-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0060-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0061-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0062-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0063-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0063-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0064-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/i0065-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/icon/heart-check.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/icon/heart.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/icon/lianxi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/icon/videoLogo.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/lyl.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/ml.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/qjdr.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/qy.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/sys.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/sysm.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/tzyd.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/xdc.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/xxcty.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/xxdt.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/xxrwd.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/xxxgjc.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/images/xyx.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/main.less 2373 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/assets/question.js 14 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/view/components/chapter001.vue 1255 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/view/components/header.vue 61 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/view/components/index.vue 1008 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/practicalCareChildrenManual/view/index.vue 80 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/preschoolEvaluation/view/components/header.vue 11 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/preschoolEvaluation/view/components/index.vue 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/toddlerGameImplementation/assets/main.less 3 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/toddlerGameImplementation/view/components/index.vue 32 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/checkVideo/index.vue 191 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/examinations/index.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
.env
@@ -1,6 +1,6 @@
VUE_APP_ENV = 'dev'
# VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_API_URL = "https://www.tepcb.com"
# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
VUE_APP_API_URL = "https://jsek.bnuic.com"
# VUE_APP_API_URL = "https://www.tepcb.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
# VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
VUE_APP_PUBLIC_PATH = '/books/book'
.env.product
@@ -1,11 +1,8 @@
VUE_APP_ENV = 'product'
VUE_APP_API_URL = "https://jsek.bnuic.com"
# VUE_APP_API_URL = "https://www.tepcb.com"
# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
# VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/toddlerGameImplementation'
VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/policiesAndRegulations'
# VUE_APP_PUBLIC_PATH = 'https://www.tepcb.com/books/book/policiesAndRegulations'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/policiesAndRegulations"
VUE_APP_BOOK_ID = 'policiesAndRegulations'
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/aviationEtiquette'
# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/aviationEtiquette'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge"
VUE_APP_BOOK_ID = 'aviationEtiquette'
src/App.vue
@@ -27,6 +27,11 @@
    </preschoolEvaluation>
    <preschoolBasicKnowledge v-if="activeBook.name == 'preschoolBasicKnowledge'"></preschoolBasicKnowledge> 
    <policiesAndRegulations v-if="activeBook.name == 'policiesAndRegulations'"></policiesAndRegulations> 
<<<<<<< HEAD
    <OralAndBroadcasting v-if="activeBook.name == 'OralAndBroadcasting'" ></OralAndBroadcasting>
=======
    <practicalCareChildrenManual v-if="activeBook.name == 'practicalCareChildrenManual'"></practicalCareChildrenManual>
>>>>>>> aaa13b34449445bdf7aa03d4a8fb3944b5250d6b
  </div>
</template>
<script>
@@ -77,6 +82,8 @@
    preschoolEvaluation: () => import("./books/preschoolEvaluation/view/index.vue"),
    preschoolBasicKnowledge: ()=> import("./books/preschoolBasicKnowledge/view/index.vue"),
    policiesAndRegulations: ()=> import("./books/policiesAndRegulations/view/index.vue"),
    OralAndBroadcasting:()=> import("./books/OralAndBroadcasting/view/index.vue"),
    practicalCareChildrenManual: ()=> import("./books/practicalCareChildrenManual/view/index.vue")
  },
  data() {
    return {
@@ -127,12 +134,12 @@
      // preschoolEvaluation  // 学前教育评价
      // preschoolBasicKnowledge //学前教育基础知识
      // policiesAndRegulations  //政策法律与法规|旅游社
      // practicalCareChildrenManual // 婴幼儿照护实录
      this.activeBook = await this.config.getBookConfig(
        process.env.VUE_APP_RESOURCE_CTX +
        'http://182.92.203.7:3007/books/resource/' +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "policiesAndRegulations")
          : "practicalCareChildrenManual")
      );
      // this.activeBook = await this.config.getBookConfig(
src/assets/images/heart copy.png
src/assets/images/heart-check copy.png
src/assets/images/videoLogo.png
src/assets/js/config.js
@@ -1,17 +1,10 @@
import axios from "axios";
export const resourceCtx = "http://182.92.203.7:3007/books/resource/"; // 资源请求地址
// export const resourceCtx = "http://182.92.203.7:3007/books/resource/"; // 资源请求地址
// export const resourceCtx = "https://www.tepcb.com/books/resource/"; // 资源请求地址
// export const resourceCtx = "https://jsek.bnuic.com/books/resource/"; // 资源请求地址
// export const tinymceBaseUrl = 'https://jsek.bnuic.com/home/'
export const tinymceBaseUrl = 'https://www.tepcb.com/home/'
export let activeBook = {
  'name':'policiesAndRegulations',
  "rootCmsItemId":"162903",
  "storeRefcode":"tourism_digitalTextbooks",
  "bookId": "5271",
  "bookName":"政策法律与法规(第7版)",
}; // 资源请求地址
export const resourceCtx = "https://jsek.bnuic.com/books/resource/"; // 资源请求地址
export const tinymceBaseUrl = 'https://jsek.bnuic.com/home/'
// export const tinymceBaseUrl = 'https://www.tepcb.com/home/'
export let activeBook = {}; // 资源请求地址
export let goodsStore = "";
// 请求教材配置信息
const getBookConfig = async (ctx) => {
@@ -22,8 +15,8 @@
};
export const appId = 2;
export const requestTimeOut = 300000; // 请求超时时间
// export const tokenKey = "jsek-token";
export const tokenKey = "website-front-token"
export const tokenKey = "jsek-token";
// export const tokenKey = "website-front-token"
const config = {
  resourceCtx,
src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf
Binary files differ
src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf
Binary files differ
src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf
Binary files differ
src/books/OralAndBroadcasting/assets/images/0014-1.jpg
src/books/OralAndBroadcasting/assets/images/0016-1.jpg
src/books/OralAndBroadcasting/assets/images/0018-1.jpg
src/books/OralAndBroadcasting/assets/images/0021-1.jpg
src/books/OralAndBroadcasting/assets/images/0023-1.jpg
src/books/OralAndBroadcasting/assets/images/0024-1.jpg
src/books/OralAndBroadcasting/assets/images/0026-1.jpg
src/books/OralAndBroadcasting/assets/images/0027-1.jpg
src/books/OralAndBroadcasting/assets/images/0027-2.jpg
src/books/OralAndBroadcasting/assets/images/0032-1.jpg
src/books/OralAndBroadcasting/assets/images/0032-2.jpg
src/books/OralAndBroadcasting/assets/images/0043-1.jpg
src/books/OralAndBroadcasting/assets/images/0044-1.jpg
src/books/OralAndBroadcasting/assets/images/0049-1.jpg
src/books/OralAndBroadcasting/assets/images/0050-1.jpg
src/books/OralAndBroadcasting/assets/images/0054-1.jpg
src/books/OralAndBroadcasting/assets/images/0057-1.jpg
src/books/OralAndBroadcasting/assets/images/0058-1.jpg
src/books/OralAndBroadcasting/assets/images/0059-1.jpg
src/books/OralAndBroadcasting/assets/images/0060-1.jpg
src/books/OralAndBroadcasting/assets/images/0061-1.jpg
src/books/OralAndBroadcasting/assets/images/0061-2.jpg
src/books/OralAndBroadcasting/assets/images/0062-1.jpg
src/books/OralAndBroadcasting/assets/images/0062-2.jpg
src/books/OralAndBroadcasting/assets/images/0063-1.jpg
src/books/OralAndBroadcasting/assets/images/0063-2.jpg
src/books/OralAndBroadcasting/assets/images/0064-1.jpg
src/books/OralAndBroadcasting/assets/images/0064-2.jpg
src/books/OralAndBroadcasting/assets/images/0065-1.jpg
src/books/OralAndBroadcasting/assets/images/0065-2.jpg
src/books/OralAndBroadcasting/assets/images/0068-1.jpg
src/books/OralAndBroadcasting/assets/images/0068-2.jpg
src/books/OralAndBroadcasting/assets/images/0069-1.jpg
src/books/OralAndBroadcasting/assets/images/0070-1.jpg
src/books/OralAndBroadcasting/assets/images/0079-1.jpg
src/books/OralAndBroadcasting/assets/images/0080-1.jpg
src/books/OralAndBroadcasting/assets/images/0080-2.jpg
src/books/OralAndBroadcasting/assets/images/0080-3.jpg
src/books/OralAndBroadcasting/assets/images/0081-1.jpg
src/books/OralAndBroadcasting/assets/images/0082-1.jpg
src/books/OralAndBroadcasting/assets/images/0082-2.jpg
src/books/OralAndBroadcasting/assets/images/0083-1.jpg
src/books/OralAndBroadcasting/assets/images/0084-1.jpg
src/books/OralAndBroadcasting/assets/images/0085-1.jpg
src/books/OralAndBroadcasting/assets/images/0086-1.jpg
src/books/OralAndBroadcasting/assets/images/0092-1.jpg
src/books/OralAndBroadcasting/assets/images/0094-1.jpg
src/books/OralAndBroadcasting/assets/images/0094-2.jpg
src/books/OralAndBroadcasting/assets/images/0100-1.jpg
src/books/OralAndBroadcasting/assets/images/0112-1.jpg
src/books/OralAndBroadcasting/assets/images/0117-1.jpg
src/books/OralAndBroadcasting/assets/images/0120-1.jpg
src/books/OralAndBroadcasting/assets/images/0123-1.jpg
src/books/OralAndBroadcasting/assets/images/0138-1.jpg
src/books/OralAndBroadcasting/assets/images/0139-1.jpg
src/books/OralAndBroadcasting/assets/images/0140-1.jpg
src/books/OralAndBroadcasting/assets/images/0141-1.jpg
src/books/OralAndBroadcasting/assets/images/0142-1.jpg
src/books/OralAndBroadcasting/assets/images/0143-1.jpg
src/books/OralAndBroadcasting/assets/images/0145-1.jpg
src/books/OralAndBroadcasting/assets/images/0145-2.jpg
src/books/OralAndBroadcasting/assets/images/0147-1.jpg
src/books/OralAndBroadcasting/assets/images/0148-1.jpg
src/books/OralAndBroadcasting/assets/images/0149-1.jpg
src/books/OralAndBroadcasting/assets/images/0152-1.jpg
src/books/OralAndBroadcasting/assets/images/0156-1.jpg
src/books/OralAndBroadcasting/assets/images/0157-1.jpg
src/books/OralAndBroadcasting/assets/images/0158-1.jpg
src/books/OralAndBroadcasting/assets/images/0161-1.jpg
src/books/OralAndBroadcasting/assets/images/0161-2.jpg
src/books/OralAndBroadcasting/assets/images/0162-1.jpg
src/books/OralAndBroadcasting/assets/images/0167-1.jpg
src/books/OralAndBroadcasting/assets/images/0167-2.jpg
src/books/OralAndBroadcasting/assets/images/0168-1.jpg
src/books/OralAndBroadcasting/assets/images/0168-2.jpg
src/books/OralAndBroadcasting/assets/images/0169-1.jpg
src/books/OralAndBroadcasting/assets/images/0170-1.jpg
src/books/OralAndBroadcasting/assets/images/0170-2.jpg
src/books/OralAndBroadcasting/assets/images/0171-1.jpg
src/books/OralAndBroadcasting/assets/images/0171-2.jpg
src/books/OralAndBroadcasting/assets/images/0172-1.jpg
src/books/OralAndBroadcasting/assets/images/0174-1.jpg
src/books/OralAndBroadcasting/assets/images/0174-2.jpg
src/books/OralAndBroadcasting/assets/images/0175-1.jpg
src/books/OralAndBroadcasting/assets/images/0175-2.jpg
src/books/OralAndBroadcasting/assets/images/0175-3.jpg
src/books/OralAndBroadcasting/assets/images/0176-1.jpg
src/books/OralAndBroadcasting/assets/images/0176-2.jpg
src/books/OralAndBroadcasting/assets/images/0177-1.jpg
src/books/OralAndBroadcasting/assets/images/0177-2.jpg
src/books/OralAndBroadcasting/assets/images/Cover.jpg
src/books/OralAndBroadcasting/assets/images/FD.jpg
src/books/OralAndBroadcasting/assets/images/SMY.jpg
src/books/OralAndBroadcasting/assets/images/headerlogo.png
src/books/OralAndBroadcasting/assets/images/icon/heart-check.png
src/books/OralAndBroadcasting/assets/images/icon/heart.png
src/books/OralAndBroadcasting/assets/images/xm1.jpg
src/books/OralAndBroadcasting/assets/images/xm2.jpg
src/books/OralAndBroadcasting/assets/images/xm3.jpg
src/books/OralAndBroadcasting/assets/images/xm4.jpg
src/books/OralAndBroadcasting/assets/images/xm5.jpg
src/books/OralAndBroadcasting/assets/main.less
New file
@@ -0,0 +1,1442 @@
.OralAndBroadcasting {
  width: 100%;
  height: 100%;
  // 自定义内容
  .page-box {
    box-sizing: border-box;
    min-height: 1128px;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 1px #00000029;
    background-color: #fff;
  }
  .videos-box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    li {
      width: 40%;
    }
  }
  .collect-btn {
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-left: 10px;
  }
  .ds-txt {
    width: 59%;
    display: inline-block;
  }
  .db-box {
    span {
      width: 52%;
      display: inline-block;
    }
    img {
      float: right;
      width: 40%;
    }
  }
  .openImgBox {
    cursor: pointer;
  }
  .bk2 {
    border: 2px solid #f0f3e2;
    padding: 20px;
    margin-bottom: 2em;
    margin-top: 2.5em;
  }
  .c-g {
    color: green;
  }
  .pr-15 {
    padding-right: 15%;
  }
  .c-r {
    color: red;
  }
  .t-right {
    text-align: right;
  }
  .mr-0 {
    margin: 0;
  }
  .mt-20 {
    margin-top: 20px !important;
  }
  .mt-30 {
    margin-top: 30px;
  }
  .mb-30 {
    margin-bottom: 30px;
  }
  .mb-10 {
    margin-bottom: 10px;
  }
  .pd-5 {
    padding: 0 5px;
  }
  .w100 {
    width: 100%;
  }
  .w90 {
    width: 90%;
  }
  .w80 {
    width: 80%;
  }
  sup {
    vertical-align: super;
    /* 保持上标对齐方式 */
    font-size: smaller;
    // position: relative; /* 相对于正常位置调整 */
    // top: -0.2em; /* 根据需要调整这个值 */
  }
  .fz-13 {
    font-size: 13px !important;
  }
  .fz-14 {
    font-size: 14px !important;
  }
  .fz-16 {
    font-size: 16px !important;
  }
  .fz-18 {
    font-size: 18px !important;
  }
  .img-0 {
    width: 100%;
  }
  .pt-20 {
    padding-top: 20px;
  }
  .td-0 {
    text-indent: 0em !important;
  }
  .fl {
    display: flex;
  }
  .al-cn {
    align-items: center;
  }
  .ju-cn {
    justify-content: center;
  }
  .ju-ev {
    justify-content: space-evenly;
  }
  .fd-c {
    flex-direction: column;
  }
  .fd-r {
    flex-direction: row-reverse;
  }
  .al-c {
    align-items: center;
  }
  .al-fe {
    align-items: flex-end;
  }
  .ac-f {
    align-content: flex-end;
  }
  .jc-fe {
    justify-content: flex-end;
  }
  .jc-c {
    justify-content: center;
  }
  .jc-sa {
    justify-content: space-around;
  }
  .mr-70 {
    margin-right: 70px;
  }
  .mr-45 {
    margin-right: 45px;
  }
  .mr-10 {
    margin-right: 10px;
  }
  .ma-l {
    margin-left: 10%;
  }
  .pad-t-55 {
    padding-top: 55px;
  }
  .pad-l-60 {
    padding-left: 60px;
  }
  .mb-45 {
    margin-bottom: 45px;
  }
  .headerImg {
    width: 30px;
  }
  .headerText {
    font-size: 12px;
    padding: 0 8px;
    color: #b98c64;
  }
  .headerNumber {
    color: #231f20;
    font-size: 12px;
    padding: 0 8px;
    border-left: 1px solid #231f20;
  }
  .header-left-Number {
    color: #231f20;
    font-size: 12px;
    padding-right: 8px;
    border-right: 1px solid #000;
  }
  .header-left-text {
    margin-left: 8px;
    font-size: 12px;
    color: #fff;
    background-color: #0082d4;
  }
  .table-tr-bc {
    color: #fff;
  }
  .task {
    width: 16%;
    margin-bottom: 3.5em;
    margin-top: 0;
    border-top: 0.7em solid #f0bd40;
  }
  .task-u2-c {
    width: 16%;
    margin-bottom: 3.5em;
    margin-top: 0;
    border-top: 0.7em solid #f89c1c;
  }
  .task-u3-c {
    width: 16%;
    margin-bottom: 3.5em;
    margin-top: 0;
    border-top: 0.7em solid #0a9cac;
  }
  .task-u4-c {
    width: 16%;
    margin-bottom: 3.5em;
    margin-top: 0;
    border-top: 0.7em solid #92b03d;
  }
  .task-u5-c {
    width: 16%;
    margin-bottom: 3.5em;
    margin-top: 0;
    border-top: 0.7em solid #0180cd;
  }
  .p-odd {
    padding-right: 10%;
  }
  .p-even {
    padding-left: 10%;
  }
  .img-float-smaller {
    width: 200px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
  }
  .img-float-medium {
    width: 250px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
  }
  .img-float {
    width: 310px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
    img {
      width: 100%;
    }
    p {
      margin: 0;
    }
  }
  .img-float-formula {
    width: 310px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
    p {
      margin: 0;
    }
  }
  .img-rights {
    width: 47%;
    float: right;
    height: auto;
    margin: auto;
    margin-left: 20px;
    img {
      width: 100%;
    }
    p {
      margin: 0 !important;
    }
  }
  .references {
    margin-top: 140px;
    hr {
      font-weight: bold;
      margin-left: 0;
      width: 15%;
    }
  }
  .w395 {
    width: 395px;
  }
  .w430 {
    width: 430px;
  }
  .w280 {
    width: 280px;
  }
  .w270 {
    width: 270px;
  }
  .w250 {
    width: 250px;
  }
  .w230 {
    width: 230px;
  }
  .w220 {
    width: 220px;
  }
  .w200 {
    width: 200px;
  }
  .w180 {
    width: 180px;
  }
  .w115 {
    width: 115px;
  }
  .text-rights {
    width: 230px;
    float: right;
    height: auto;
    margin: auto;
    margin-left: 20px;
    img {
      width: 100%;
    }
    p {
      margin: 0 !important;
    }
  }
  .pdf-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    p {
      margin: 0;
      margin-right: 10px;
    }
    .pdf-con {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 10px 0;
      box-sizing: border-box;
      border-radius: 10px;
      .pdf-view {
        min-width: 160px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0.15em dashed #895b2e;
        margin-right: 15px;
        padding: 0 15px;
        border-radius: 5px;
        margin-top: 15px;
        span {
          font-size: 14px;
          text-align: center;
          font-family: "FZLTXIHJW";
          display: flex;
          align-items: center;
          justify-content: flex-start;
          svg {
            fill: #895b2e;
          }
        }
        span:nth-child(2) {
          padding-top: 5px;
          box-sizing: border-box;
        }
        span:hover {
          color: #895b2e;
          cursor: pointer;
          text-decoration: underline;
          -webkit-user-select: none;
          /* Safari 3.1+ */
          -moz-user-select: none;
          /* Firefox 2+ */
          -ms-user-select: none;
          /* IE 10+ */
          user-select: none;
          /* 标准语法 */
        }
      }
    }
    .pdf-con-15 {
      margin-top: -20px;
    }
  }
  div.bk-ztgs {
    border: 0.15em dotted #5192c6;
    padding: 1.5em 0.5em;
    margin-bottom: 2em;
    margin-top: 2em;
    border-radius: 1em;
    position: relative;
  }
  p.bj1-ztgs {
    background-color: #5192c6;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    padding: 0.1em 0.7em 0.12em 0.7em;
    font-weight: bold;
    border-radius: 0em;
    margin-left: 0em;
    text-align: center;
    text-indent: 0em;
    position: absolute;
    top: -1.2em;
  }
  .link-float {
    width: 120px;
    float: left;
    height: auto;
    margin: auto;
    margin-top: 12px;
    margin-right: 20px;
  }
  .imgBox-003 {
    width: 100%;
    height: 280px;
    margin-bottom: 18px;
  }
  // 题目
  .textarea-box {
    background-color: transparent;
    max-width: 85%;
    min-width: 85%;
    outline: none;
  }
  .textarea-box-left {
    background-color: transparent;
    margin-left: 12%;
    max-width: 85%;
    min-width: 85%;
    outline: none;
  }
  .textarea-box-right {
    background-color: transparent;
    margin-left: 8%;
    max-width: 85%;
    min-width: 85%;
    outline: none;
  }
  .textarea-focused {
    border-color: #5192c6 !important;
    box-shadow: #5192c6 !important;
  }
  .select-border {
    width: 60px;
    border: 0;
    border-bottom: 1px solid #767676;
    &:focus {
      outline: none;
    }
  }
  .btn-border {
    border-radius: 6px;
    border-color: #5192c6;
  }
  .btn-w {
    cursor: pointer;
    font-size: 14px;
    border-width: 1px;
    width: 80px;
    height: 30px;
    background-color: #fff;
    &:hover {
      background-color: #5192c6;
      color: #fff;
    }
  }
  .parimary-btn {
    cursor: pointer;
    min-width: 80px;
    height: 30px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #5192c6;
    border-color: #5192c6;
    border-width: 1px;
    color: #fff;
    border-radius: 6px;
    &:hover {
      background-color: #a1afc8;
      border-color: #a1afc8;
    }
  }
  .event-header-text-bc {
    background-color: #bbd4ec;
  }
  // 迁移
  .bk-bwh {
    min-height: 800px;
    background-color: #dfebf7;
    font-size: 1.2em;
    padding: 25px;
    border: 4px dotted #197abf;
  }
  ul {
    list-style-type: none;
  }
  li {
    list-style-type: none;
  }
  .custom_tag2 {
    background-color: #f1be49;
    color: #ffffff;
    display: inline-block;
    padding: 0.5px;
    border-radius: 1.5em;
    font-size: 1.1em;
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    margin: 0;
    text-indent: 0em;
    margin-bottom: 0.5em;
  }
  .custom_tag1 {
    background-color: #35acd6;
    color: #ffffff;
    display: inline-block;
    padding: 1px;
    font-size: 1.1em;
    padding: 3px 10px 3px 10px;
    font-weight: bold;
    box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
    margin: 0;
    text-indent: 0em;
    margin-bottom: 0.5em;
  }
  .custom_tag {
    background-color: #35509f;
    color: #ffffff;
    display: inline-block;
    padding: 1px;
    border-radius: 1.5em;
    font-size: 1.1em;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    box-shadow: 30px 0px 0px 0px #f5d83e;
    margin: 0;
    text-indent: 0em;
    margin-bottom: 0.5em;
  }
  span.under1 {
    -webkit-text-emphasis-style: dot;
    -moz-text-emphasis-style: dot;
    -ms-text-emphasis-style: dot;
    text-emphasis-style: dot;
    -webkit-text-emphasis-position: under;
    -moz-text-emphasis-position: under;
    -ms-text-emphasis-position: under;
    text-emphasis-position: under;
  }
  div.bodycontent-div-center {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    margin: 1em 1em 1em 1em;
    font-weight: normal;
    border-width: 1.5px;
    border-color: #dfb27d;
    padding: 1em;
  }
  img.bodycontent-divcenter-image {
    float: center;
    clear: both;
    height: 140px;
    margin: 15px;
  }
  .module_block {
    display: flex;
    font-size: 1.1em;
    position: relative;
    padding-left: 90px;
    justify-content: center;
    align-items: center;
    margin-right: 91px;
  }
  .module_block .custom1 {
    background-color: #9acc77;
    padding: 10px 20px;
    color: #ffffff;
    /* position: absolute; */
    /* left:0; */
    /* top: 50%; */
    border-radius: 0.5em 0em 0em 0.5em;
    /* transform: translateY(-50%); */
  }
  .module_block .custom2 {
    background-color: #e9f3e0;
    padding: 10px 20px;
    color: #75a64e;
    font-weight: bold;
    border-radius: 0em 0.5em 0.5em 0em;
  }
  div.bodycontent-div-left1 {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    margin: 1em 1em 1em 1em;
    font-weight: normal;
    border-width: 1.5px;
    border-color: #dfb27d;
    padding: 1em;
    background-color: #f0f8ff;
  }
  div.bodycontent-div-left {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    margin: 1em 1em 1em 1em;
    font-weight: normal;
    border-width: 1.5px;
    border-color: #dfb27d;
    padding: 1em;
  }
  img.bodycontent-divright-image {
    float: right;
    clear: both;
    height: 140px;
    margin: 15px;
  }
  img.bodycontent-divleft-image {
    float: left;
    clear: both;
    height: 110px;
    margin: 15px;
  }
  .img {
    text-align: center;
    font-size: 16px;
    text-indent: 0em;
    color: #75a64e;
  }
  .img1 {
    font-weight: bold;
    color: #4b9cdd;
    text-align: center;
    font-size: 1em;
    text-indent: 0em;
  }
  div.bodystyle {
    font-family: 'FZLTXIHJW';
    text-align: justify;
    margin: 0 10%;
    padding-bottom: 80px;
    line-height: 30px;
  }
  span.zt-0 {
    color: #0087af;
  }
  p.pzt-0 {
    color: #0087af;
    font-size: 18px;
  }
  p.pzt-0-right {
    font-size: 18px;
    color: #0087af;
    text-align: right;
  }
  p.pzt-1 {
    font-weight: bold;
    color: #0087af;
    font-size: 18px;
  }
  div.sgc-toc-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
  }
  div.sgc-toc-level-1 {
    margin-left: 0em;
  }
  div.sgc-toc-level-2 {
    margin-left: 2em;
  }
  div.sgc-toc-level-3 {
    margin-left: 2em;
  }
  div.sgc-toc-level-4 {
    margin-left: 2em;
  }
  div.sgc-toc-level-5 {
    margin-left: 2em;
  }
  div.sgc-toc-level-6 {
    margin-left: 2em;
  }
  .imz {
    width: 100%;
    text-align: center;
  }
  .note {
    font-size: 0.85em;
  }
  .block {
  }
  .block1 {
    text-align: center;
  }
  p {
        font-family: "宋体";
        margin-top: 0.2em;
        margin-bottom: 0.2em !important;
        text-indent: 2em;
        line-height: 30px;
        text-align: justify;
    }
  .cover {
    width: 100%;
    padding: 0px;
  }
  .center {
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
  }
  .center-ss {
    text-align: center;
    color: #ef8472;
    font-weight: bold;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
  }
  .left {
    text-indent: 0em;
    margin-left: 0%;
    margin-right: 0%;
  }
  .left2 {
    font-size: 1.3em;
    text-indent: 0em;
    font-weight: bold;
    margin-left: 0%;
    margin-right: 0%;
  }
  .right {
    text-align: right;
    margin-left: 0%;
    margin-right: 0%;
  }
  .left1 {
    text-indent: 0em;
    margin-left: 0%;
    margin-right: 0%;
  }
  .center1 {
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 1.2em;
    text-indent: 0em;
    font-weight: bold;
  }
  .right1 {
    text-align: right;
    margin-left: 0%;
    margin-right: 0%;
  }
  .quote {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1em;
    margin-right: 1em;
    text-align: justify;
    font-family: "cnepub", serif;
  }
  h1 {
    font-family: "FZLTZHJW";
    font-weight: bold;
    font-size: 1.2em;
    color: #5eb7bf;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    text-indent: 0em;
    text-align: center;
  }
  .front {
    font-family: "FZLTZHJW";
    font-weight: bold;
    font-size: 1.2em;
    color: #5eb7bf;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    text-indent: 0em;
    text-align: center;
  }
  h2 {
    font-family: "FZHTJW";
    color: #5193c7;
    font-weight: bold;
    font-size: 1.7em;
    margin-bottom: 0.1em;
    margin-top: 1.5em;
    text-indent: 0em;
  }
  div.h2-ys {
    border-bottom: 0.6em solid #5193c7;
    margin-top: -0.5em;
  }
  h3 {
    font-family: "FZHTJW";
    color: #f0b54f;
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0em;
  }
  .h3-zt {
    color:#f0bd40;
    border-radius: 1.5em;
  }
  .h3-zt1 {
    font-family: "HiFont Hei GB";
    color: #f0bd40;
    font-weight: bold;
    text-indent: 0em;
    margin-left: 0%;
    font-size: 0.8em;
  }
  h4 {
    font-family: "FZHTJW";
    color: #000;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left: 0em;
    text-indent: 1em;
  }
  h5 {
    font-family: "FZHTJW";
    color: #ef8472;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: 2em;
    font-size: 1.15em;
    text-indent: 0em;
  }
  h6 {
    font-family: "FZHTJW";
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: 2em;
    font-size: 1em;
    text-indent: 2em;
  }
  .zt-h6 {
    font-family: "FZHTJW";
    color: #65c097;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: 1.15em;
    text-indent: 2em;
  }
  .bb {
    font-family: "cnepub", serif;
    font-family: "FZHTJW";
    color: #66cccc;
    font-size: 1.1em;
    margin-top: 10px;
    text-indent: 2em;
    margin-bottom: 10px;
    border-bottom: 5px dotted #f4c388;
    margin-left: 2em;
    margin-bottom: 0.5em;
    text-indent: 0em;
  }
  .u {
    text-decoration: underline;
  }
  .img-0 {
    width: 100%;
  }
  .img-a {
    width: 95%;
  }
  .img-b {
    width: 70%;
  }
  .img-c {
    width: 60%;
  }
  .img-d {
    width: 50%;
  }
  .img-e {
    width: 45%;
  }
  .img-f {
    width: 40%;
  }
  .img-g {
    width: 30%;
  }
  .img-h {
    width: 20%;
  }
  .img-i {
    width: 10%;
  }
  .img-j {
    width: 5%;
  }
  .img-l {
    width: 25%;
  }
  .img-k {
    width: 35%;
  }
  .img-zt {
    height: 6em;
    margin-top: -1.5em;
    margin-bottom: -0.4em;
    margin-left: 15%;
  }
  .inline {
    height: 1em;
    margin-bottom: -0.3em;
  }
  .inline1 {
    height: 2.5em;
    margin-top: 0.5em;
    margin-bottom: -0.5em;
  }
  .inline4 {
    height: 2em;
    margin-left: -2em;
    margin-right: 0.5em;
    margin-bottom: -0.6em;
  }
  .img-qj {
    height: 7.5em;
    margin-bottom: -3.4em;
    margin-right: 0.5em;
  }
  .kaiti {
  }
  .kaiti1 {
  }
  .bk-bwh {
    background-color: #dfebf7;
    font-size: 1.2em;
    padding: 25px;
    border: 4px dotted #197abf;
  }
  .zt-ls1 {
    color: #93b03c;
    font-size: 1.1em;
    font-weight: bold;
  }
  .zt-cs1 {
    color: #fa9d1a;
  }
  span.lsyq-1 {
    background-color: #0082d4;
    padding: 0.2em 0.4em 0.2em 0.4em;
    border-radius: 1.5em;
    margin-right: 0.5em;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
  }
  span.hsyq-1 {
    background-color: #ffb7d4;
    padding: 0.2em 0.4em 0.2em 0.4em;
    border-radius: 1.5em;
    margin-right: 0.5em;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
  }
  .zt-hs1 {
    font-weight: bold;
    color: #f0855b;
    font-size: 1.2em;
  }
  .h2-zt1 {
    padding: 5px 25px 5px 25px;
    border-radius: 10px 0px 0px 10px;
    background-color: #5392c7;
    font-size: 1.2em;
    color: #ffffff;
  }
  .h2-zt2 {
    padding: 10px;
    background-color: #b1dde0;
    margin-right: 2em;
    color: #ffffff;
    padding: 5px 50px 5px 25px;
    border-radius: 0px 5px 80px 0px;
    font-size: 1.2em;
  }
  .bk {
    border: 0.15em solid #5492c3;
    padding: 0.5em;
    margin-bottom: 2em;
    margin-top: 0.5em;
    position: relative;
  }
  p.bj1-qjms {
    background-color: #5392c7;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    padding: 0.1em 0.7em 0.12em 0.7em;
    font-weight: bold;
    border-radius: 1.5em;
    margin-left: 0em;
    text-align: center;
    text-indent: 0em;
    position: absolute;
    top: -2em;
  }
  .bj {
    background-color: #e1e7f3;
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin-bottom: 2em;
  }
  span.bj1 {
    background-color: #5193c7;
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin-bottom: 2em;
    color: #ffffff;
    font-size: 1.2em;
    border-radius: 0.5em;
    margin-left: -2em;
  }
  .bj5 {
    background-color: #3d8b9f;
    padding: 0.2em;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 0.5em;
    color: #ffffff;
  }
  .bj3 {
    background-color: #ffdeb5;
    padding: 20px;
    margin-bottom: 2em;
    margin-top: 2.5em;
  }
  span.bj3-xts {
    background-color: #fa9d1a;
    color: #ffffff;
    border-radius: 1.5em;
    padding: 5px 20px 5px 20px;
    font-size: 1em;
    font-weight: bold;
  }
  div.bj3-xts {
    margin-top: -3em;
    margin-bottom: 1.5em;
    margin-left: -2.5em;
  }
  .ts-1 {
    font-weight: bold;
  }
  .zt-h4 {
    background-color: #f0bd40;
    padding: 10px;
    color: #ffffff;
    margin-left: -2em;
    border-radius: 1.5em;
  }
  .qyls-h4 {
    font-family: "HiFont Hei GB";
    color: #6cb26c;
    font-weight: bold;
    padding: 0.2em;
    text-indent: 0em;
    margin-left: 0%;
  }
  .bj4 {
    background-color: #5193c7;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    margin-left: 0em;
    margin-bottom: 2em;
    margin-top: 2.5em;
  }
  .bj2 {
    background-color: #f0f3e2;
    padding: 20px;
    margin-bottom: 2em;
    margin-top: 2.5em;
  }
  span.bj2-dyd {
    background-color: #95b321;
    color: #ffffff;
    border-radius: 1.5em;
    padding: 5px 20px 5px 20px;
    font-size: 1em;
    font-weight: bold;
  }
  div.bj2-dyd {
    margin-top: -3em;
    margin-bottom: 1.5em;
    margin-left: -2.5em;
  }
  .zt-lvs1 {
    color: #95b321;
  }
  div.bj-1 {
    background-color: #fef7e5;
    color: #6cb26c;
    border-radius: 2em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
  }
  .bj-1-zt {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.8em;
  }
}
.custom-dialog {
  overflow: hidden !important;
  .el-dialog__body {
    padding: 0;
  }
  .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
    .el-dialog__title,
    .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
    }
  }
}
.header_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  // color: #fff;
  font-weight: 900;
  font-size: 16px;
  font-family: "FZLTXIHJW";
  span:nth-child(2):hover {
    cursor: pointer;
  }
}
@font-face {
  font-family: "FZLTZHJW";
  src: url("./Fonts/FZLTZHJW.ttf");
}
@font-face {
  font-family: "FZLTXIHJW";
  src: url("./Fonts/FZLTXIHJW.ttf");
}
@font-face {
  font-family: "FZHTJW";
  src: url("./Fonts/FZHTJW.ttf");
}
/* 媒体查询做基础响应式布局 */
@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
  .custom-dialog {
    .el-dialog {
      width: 90vw !important;
    }
  }
}
@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
  .custom-dialog {
    .el-dialog {
      width: 90vw !important;
    }
  }
}
@media (max-width: 660px) {
  .civilAviation-book {
    .pad-l-60 {
      padding-left: 10px;
    }
    .mr-70 {
      margin-right: 15px;
    }
    /* 分页padding */
    .padding-93 {
      padding: 0 20px;
    }
    .padding-102 {
      padding: 0 20px;
    }
    .img-float {
      width: 130px;
    }
    .img-rights {
      width: 130px;
    }
    .btn-w {
      width: 42px;
    }
  }
}
@media (min-width: 660px) {
  .civilAviation-book {
    .padding-93 {
      padding: 0 93px 0px 93px;
    }
    .padding-102 {
      padding: 0 102px 0 102px;
    }
  }
}
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.3);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.3);
  -webkit-border-radius: 6px;
}
src/books/OralAndBroadcasting/view/components/chapter001.vue
New file
@@ -0,0 +1,1299 @@
h4怎样说服别人<template>
  <div class="chapter" num="2">
    <!-- 第一单元封面 -->
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">040</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <h3 id="c001" class="p-even">任务四<br />沟通与说服</h3>
          <div class="task ma-l"></div>
          <p class="p-even">
            航空服务中的沟通包含两个方面,一是指信息的传递,二是指感情的交流,二者是相辅相成的。同时,从服务效果的角度讲,沟通时不仅强调信息的传递和理解,更重要的是要得到好的结果。再好的沟通,如果没有得到好的结果,也是无效的。
          </p>
          <h3 id="c015">
            <span class="h3-zt p-even">一、</span
            ><span class="h3-zt1">沟通</span>
          </h3>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">恰当的语言</span></p>
            <p>
              某航班延误了,旅客在地面等了几小时后,终于登机了。乘务员带着歉意向旅客问候道:“您好,让您久等了。”这句问候语是存在问题的。第一,“您好”这个词出现在上面的语境里,容易让旅客感觉乘务员的问候是没有诚意的,是置身事外的程序化的问候;第二,“久”字的出现强化了旅客可能本已淡去的时间感,易让旅客将压抑较久的不满情绪借题发挥出来。在这样的场景中,怎样的问候语较适宜呢?我们在实际场景中做过尝试,使用“十分抱歉”“谢谢您的等候”“您辛苦啦”“感谢您的乘坐”“谢谢您的理解和支持”这样的问候语,旅客更能接受。对一些父母来说,他们感到不满的原因常常是觉得自己的孩子受苦了,所以此时将用词的关注重心放在孩子身上可能更好。除此之外,在回应旅客的需求时,多用些含有正面信息的词语,可能让旅客在拥有好的心理感受的同时对服务予以认同。例如,将“稍等”换为“马上就来”,“有事吗”换为“我能为您做点什么”,“您要哪种饭”换为“您喜欢什么口味”……字词方面的小改动可能会让旅客的服务满意程度大幅提升。
            </p>
          </div>
          <p class="p-even">
            对旅客调查的结果表明:文明礼貌、真挚和善的语言能让旅客产生发自内心的好感;明确简洁、适当中肯的语言能增强旅客的信任感;适应对象、灵活多变的语言能给旅客以亲切感,使旅客获得心理上的满足。客舱语言作
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">041</li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">为一种特殊的行业用语,体现出以下特点。</p>
          <p>
            一是准确性。飞机作为交通工具,其安全性一直是旅客最为关心的问题,航空服务人员在解答旅客疑问和办理业务时,语言必须精简、准确、自信,以体现自身的专业性与回答的可靠性。
          </p>
          <p>
            二是灵活性。在保证服务一致性的过程中,航空服务人员应具有灵活性和创造性;应与旅客保持良好的关系,不要只是机械地做事。这里有一个如何保持两者间平衡的问题。例如,在乘务员为旅客提供服务时,一位旅客要求吃素食,怎样去解决这一问题呢?我们可以把各式各样的蔬菜、水果或是机上的点心、面包搭配在一起,供旅客选择。如果不知道变通地直接告诉旅客“我们没有准备这种食物”,就会使旅客感到失望。
          </p>
          <p>
            三是生动性。乘务员要用具有活力的语言去打动旅客,从而引起旅客的共鸣,对旅客所作的一些关于景点、名胜古迹的介绍更应如此。试举一例,对“川剧”可以这样介绍:四川,古称华阳,又名巴蜀,其民风淳朴,物阜民安,被誉为“天府之国”。俗话说:“奇山奇水有奇杰。”四川这块沃土不仅涌现出了无数雄才大略的政治家、军事家和一大批卓越的才士,还造就了一批优秀的表演艺术家;不仅磨砺出了无数宏伟的诗篇佳作,同时也孕育出了一种独具特色的戏曲艺术形式——川剧。川剧,这个被誉为“天府之花”的戏曲剧种,以它丰富的剧目、多样的声腔、独特的表演,在中国戏剧舞台上独树一帜,成为巴蜀之地的又一骄傲。
          </p>
          <p>
            四是亲切性。鉴于航空服务工作的特点和性质,服务用语要亲切、简洁。例如:“欢迎您乘坐本次航班!”“请问您想喝点什么?”“让您久等了。”“您的脸色不太好,请问您有哪儿不舒服吗?”“谢谢您对我们的服务提出的宝贵意见,我一定把您的意见反馈给公司。”亲切简洁的话语可以大大提高旅客的满意度。
          </p>
          <p>
            五是委婉性。航空服务沟通讲究艺术的说话方式。在与旅客对话时,一般情况下要采用询问式、请求式、商量式、解释式等恰当的说话方式。因工作需要或条件限制而需要拒绝旅客时,也要尽量用委婉的表达方式,不允许使用命令式的语气与旅客交流。
          </p>
          <p>另外,在语言沟通过程中要尽量做到以下几点。</p>
          <p>
            第一,言而有礼。这是在交谈中需要做好的第一步。任何人都希望能和彬彬有
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">042</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 p-even">
            礼的人交流。谦逊的态度、友好的语气可以为交谈营造和谐、愉快的氛围,在“您好”“请”“对不起”“打搅了”“再见”等一些非常简单的礼貌用语的细节上千万不能忽视,它们也许能在交流过程中帮助我们提高自己的印象分。
          </p>
          <p class="p-even">
            第二,言而有序。言而有序,主要强调的是谈话的层次,即交谈要有逻辑性。这一点在工作中尤为重要。我们不难发现,身边被公认为干练的同事或者领导,他们在与人交谈时通常思路清晰、言而有序、表达得体明确。要知道,在服务工作中,口头表达能力能反映一个人的能力水平。说话没有重点、语言支离破碎、想到哪儿说到哪儿,只会让人觉得这个人说话杂乱无章、思路混乱。所以,交谈时要想好先讲什么,后讲什么,思路要清晰,内容要有条理,布局要合理。
          </p>
          <p class="p-even">
            第三,言而有信。自古以来,诚信一直是被人们赞赏和推崇的品格。大到企业,小到个人,诚信都是安身立命之本。尤其是在职场上,一个言出必行、说到做到的人总能得到更多人的欣赏与信任。同样,在与人的交谈中,真诚、谦逊、踏实的语言也会增强他人的信服感。在言而有信方面,要把握好三点:一是出言要慎,二是努力信守,三是讲究道德。一件自己没有把握做到的事情,怎么能信誓旦旦地许下承诺呢?不做没有把握的事情,不做没有把握的承诺,也是讲求诚信的重要表现。
          </p>
          <h3 id="c016 ">
            <span class="h3-zt p-even">二、</span
            ><span class="h3-zt1">说服</span>
          </h3>
          <img
              class="img-k openImgBox"
              src="../../assets/images/0054-1.jpg"
              align="right"
              hspace="5"
            />
          <p class="p-even">
            每个人都是独立的个体,对每件事情的看法也会有差异,即使是志同道合的挚友,也不可能做到事事认识、见解永远完全一致。在一些情况下,若要取得一致,就要努力说服对方。能够有效地说服别人,也是航空服务工作的重要组成部分。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">怎样说服别人</span></p>
            <p>
              有一天,北风与太阳为了谁的力量大而争论不休。它们决定,谁能让行人
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">043</li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <p class="td-0">脱下衣服,谁就胜利。</p>
            <p>
              北风一开始就猛烈地刮,路上的行人都裹紧了自己的衣服。北风见状,刮得更猛了;行人冷得发抖,便添加更多的衣服。北风疲倦了,便让位给太阳。
            </p>
            <p>
              太阳只是缓缓地发热,将温和的阳光洒向行人。行人感到暖洋洋的,便脱掉了厚厚的衣服。
            </p>
            <p>
              由此类推,如果要说服一个人,先要了解他的想法,然后引导对方将你希望的结果和他自己的想法挂钩。这样的说服往往能让对方感到舒适并心甘情愿地接受。
            </p>
          </div>
          <p>(一)说服的原则</p>
          <p>1.尊重对方,建立信任</p>
          <p>
            在日常工作中,我们和对方的意见不合时,切莫表现出敌意。无论是表情,还是行动、说话,都应努力表现出尊重对方。只有取得了对方的信任,说服才能有效地进行下去。说服是平等交流的语言艺术,如果用盛气凌人、居高临下的态度,谁也不能接受。如果不尊重对方,这样的说服只能招来逆反情绪,不可能使意见达成一致。只有尊重对方,建立起信任的关系,才能得到别人的接纳与认同,从而为说服打下良好的基础。
          </p>
          <p>2.坚持双赢</p>
          <p>
            说服别人接受我们的观点,必然会使对方放弃原先所坚持的原则和看法。
            而在大多数时候,对方不愿意接受我们的观点的原因是感受到了改变与被迫。因此,在说服的过程中要坚持双赢的原则,让对方感到接受了我们的观点也能给他带来利益,而非因为改变而有所损失。我们要让对方认识到,双方都是为着同一个目标而努力,只是在方式和方法上有所区别。
          </p>
          <p>3.心平气和,不要急于求成</p>
          <p>
            “心急吃不了热豆腐。”说服别人转变思想、接受不同的观点不是一件简单的事情。在说服的过程中,由于意见不统一,可能会激化矛盾。在旅客情绪激动的情况下,乘务员就需要心平气和,不能急于求成,而要耐心细致、稳扎稳打。这样往往能得到更多有用的信息,借助这些信息安抚旅客的情绪,更易解决问题。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">044</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <p>(二)说服的方法</p>
          <p>
            成功地说服别人并不是件轻而易举的事。我们在试图说服对方时不要急于求成,可以“循序渐进”。说服的前提是有足够的信任,因此要先获取对方的信任,再逐步说服对方。可以先由对方不经意的问题切入,再循序渐进、步步深入,从而逐渐引向实质性问题,使对方跟随我们层层推论的思维轨迹,渐渐接受我们所讲的事理。
          </p>
          <p>在具体的工作情境中,说服主要有以下几种方法。</p>
          <p>1.融情动心法</p>
          <p>
            “动人心者莫先于情。”冰冷的态度、公事公办的言辞,都会引起对方的逆反心理。在服务工作中,我们需要旅客配合时,都要先获取旅客的信任与支持。这时,为旅客提供一些帮助,引导对方倾诉自己的烦恼,都可以快速拉近我们与旅客的距离,从而让旅客积极配合我们的工作。没有心理上的沟通做基础,即使有理,也很难顺利达到说服的目的。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">语言的差异</span></p>
            <p>
              一位乘务长沉着脸对一个迟到了一分钟的乘务员厉声说:“迟到了!扣钱!”把迟到的乘务员说哭了。
            </p>
            <p>
              另一位乘务长在同样的情况下说:“你这丝巾今天打得真不错。但是迟到啦,赶紧去把落下的工作补上。”
            </p>
            <p>
              还有一位乘务长细声细语地说:“别着急,看你跑得上气不接下气,准是有什么急事耽误了吧,赶紧工作。”
            </p>
            <p>
              三位乘务长的目的都是一样的,可是语言的差异却使得结果完全不同。第一位明显非常消极。第二位不仅批评了,还落在了实际工作上。第三位关怀备至,让人感动。
            </p>
          </div>
          <p>2.借此说彼法</p>
          <p>
            借此说彼是指利用两个事物之间的某一相似点,借甲事物说明乙事物,这种方法往往通俗易懂而且具有很强的说服力,十分适合表达自己的感同身受。常见的如航空服务人员在航班延误时,向旅客表示身为航空服务人员也经常遭遇航班延误的
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">045</li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            情况,非常影响工作、生活,然后介绍自己在这种情况下通常如何处理好事情、安排好工作。这样,就不是站在旅客的对立面,而是和旅客站在“同一边”,就能让旅客更好地接纳自己,往往可以顺利地把旅客向解决眼下的问题的方向上引导,这有助于更好地完成旅客安抚工作。
          </p>
          <p>3.以退为进</p>
          <p>
            在说服别人时,要先站在别人的立场上,以退为进,循循善诱,最终达到目的。这种方法需要从别人的利益的角度出发,同时把握住自己的观点和原则,秉承着温柔且坚定的态度,不可一味后退。我们要态度柔和地传达自身坚定的立场,否则就容易被别人说服。
          </p>
          <p>4.旁敲侧击法</p>
          <p class="db-box">
            <span>
              说服不一定全都采取直接出击的方法,可以旁敲侧击、暗示别人,先避开自己的观点,和对方围绕相关话题展开讨论,这也是行之有效的方法之一。旁敲侧击法如果用得恰到好处,能使人很快接受我们的观点,并且心悦诚服。
            </span>
            <img class="img-b openImgBox" alt="" src="../../assets/images/0057-1.jpg" />
          </p>
          <p>5.巧借名言法</p>
          <p>
            名言是人类几千年来智慧的结晶。短小精悍的名言准确、精练、一语中的,引用名言来说服别人,具有权威性,能起到很好的效果。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">一杯水平息一场风波</span></p>
            <p>
              某航班因机械故障延误。当时正值酷暑,旅客被闷在客舱里,没有空调,旅客的情绪随着气温的升高不断变差。看到这种情景,乘务员一边大声地要求旅客安静,一边安抚旅客,可乘务员的说话声完全被淹没在吵闹声中。一名男旅客按捺不住,使劲按呼叫铃。乘务员急忙走过去,蹲下身问他:“先生,您有什么需要我帮忙的吗?天这么热,您先坐下来休息休息,喝杯水好吗?”然后对他微微地笑了笑,那位旅客先是愣了一下,意识到自己失态后,赶紧接过乘务员的水,喝了起来,并回了声:“谢谢!”其他旅客看到这样的情景,意识到自己也口干舌燥了,于是纷纷向乘务员要求提供饮料,乘务员愉快地答应了,一场风波就这样很快平息下来。
            </p>
          </div>
          <div class="bk2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">拓展视频▼</span></p>
            </div>
            <!-- 视频 -->
            <ul class="videos-box">
              <li>
                <video
                  :src="videos[0].url"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="video-border w100"
                ></video>
                <p class="img fl al-cn ju-cn">
                  <span>{{ videos[0].name }}</span>
                  <img
                    :src="
                      collectResourceList.includes(videos[0].md5)
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect(0)"
                  />
                </p>
              </li>
              <li>
                <video
                  :src="videos[1].url"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="video-border w100"
                ></video>
                <p class="img fl al-cn ju-cn">
                  <span>{{ videos[1].name }}</span>
                  <img
                    :src="
                      collectResourceList.includes(videos[1].md5)
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect(1)"
                  />
                </p>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">046</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <h3 id="c001" class="p-even">任务五<br />特殊情况的沟通</h3>
          <div class="task ma-l"></div>
          <p class="p-even">
            航空服务人员在工作中可能会遇到一些特殊情况,如旅客间发生矛盾、遇到紧急情况、旅客违规、飞机延误等。航空服务人员需要具备处理这些特殊情况的能力。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center">
              <span class="zt-ls1">“能不能把飞机叫回来?能不能帮帮我们?”</span>
            </p>
            <p>
              <img
                class="img-e openImgBox"
                alt=""
                src="../../assets/images/0058-1.jpg"
                align="right"
                width="120"
                hspace="5"
                vspace="1"
              />
              这是2021年4月30日深夜和田机场南方航空公司营业处几位旅客焦急求助的话语。当天,新疆和田一名7岁男孩因手臂被拖拉机绞断,需紧急前往乌鲁木齐进行接臂手术,然而当天最后一班由和田飞往乌鲁木齐的航班已按计划推出廊桥,准备滑行起飞。经过沟通协调,飞机为了男孩二次开门,让男孩顺利登机,及时得到了治疗,完成了接臂手术,身体恢复状况良好。
            </p>
            <p>
              在这次事件的处理过程中,航空公司、机组人员、旅客,都表现出了对生命高度的尊重。断肢再植是有时限的,并且需要适宜的温度。救助断肢男孩是真正在与时间赛跑。
            </p>
            <p>
              在这个“赛跑期”,机场工作人员协调航线,机组沟通旅客,101名旅客没有一个人不愿意,整个过程真正做到了以人为本。素不相识的人愿意在规则之外考虑人情,用最短的时间,一起救助了一个孩子。
            </p>
          </div>
          <p class="p-even">
            航空服务人员除了要有渊博的知识、诚恳的服务态度、专业的服务技能,还要掌握一些特殊情况下的沟通技巧,要用爱心和智慧扮演满足旅客需要的角色。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">047</li>
        </ul>
        <div class="bodystyle">
          <h3 id="c017">
            <span class="h3-zt">一、</span
            ><span class="h3-zt1">特殊情况下的沟通技巧</span>
          </h3>
          <h4 id="d032">(一)回答敏感或尴尬问题的技巧</h4>
          <p>
            旅客来自不同的地方,有着不同的兴趣爱好,提出的问题也是五花八门,在这样的情况下,是否掌握一定的回答问题的技巧也就成为衡量航空服务人员沟通能力高低的一个标准。航空服务人员在回答问题时,对于原则性问题要做到是非分明,如在回答一些涉及民族尊严、国家形象的问题时,一定要坚持原则,给予明确的回答。对于旅客提出的比较刁钻的问题,可采取“曲线回避”的方式回复旅客,比如可采用反问的方式,把问题返给对方。例如,一次飞机在途经河北承德时,有一名外国旅客问:“承德以前是蒙古族居住的地方,因为它在长城以外,对吗?”乘务员回答:“是的,现在承德的某个村落还是蒙古语名字。”该旅客又问:“那么,可不可以这样说,现在汉族侵略了蒙古族的地盘呢?”乘务员回答:“不,这应该叫民族交融。中国的北方有汉族人,同样南方也有蒙古族人。就像很多国家一样,中国是一个多民族国家,这是多种原因造成的,并不是侵略。”
          </p>
          <h4 id="d033">(二)旅客之间发生纠纷的调解技巧</h4>
          <p>
            旅客之间发生纠纷时,航空服务人员不可置之不理,而应该视情况采用一定的调解技巧,帮助旅客解决纠纷。这些技巧包括保持冷静、耐心聆听、寻找共同利益、建立信任、适当妥协等。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">巧语应变</span></p>
            <p>
              乘务员小王刚给坐在43C的旅客加好茶水,放在小桌板上,没想到就被坐在42C的旅客重重放下的座椅靠背碰倒了。这杯水直接洒在了43C旅客的大腿上,上半部分裤腿都湿了,而坐在42C的旅客还不知道身后发生的事情,依旧安然地休息着。坐在43C的旅客十分生气,伸手就准备去推椅背,要和前排的
            </p>
            <p>
              <img
                class="openImgBox"
                width="36%"
                src="../../assets/images/0059-1.jpg"
                align="right"
                hspace="5"
                vspace="1"
              />
              旅客理论,这一幕恰好被小王尽收眼底,她及时拦住了坐在43C的旅客的手,并赶紧用手中的小毛巾帮他擦拭,同时说道:“这位先生,怎么称呼您?这个小失误烦请您多担待,我们会给您一个满意的结果,谢谢您的配合。希望通过这个插曲,有缘与您相识。”旅客听后不禁称赞道:“你可真会说话啊!”小王
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">048</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <p class="td-0">
              接着说:“俗话说,‘百年修得同船渡’,咱们这一飞机的可都是有缘人啊,您千万别往心里去。您有备用的裤子吗?我带您去卫生间更换一下吧。”这位旅客听完后,一个劲地说:“我没事,没事,麻烦你啦。”最后这位旅客表示要在意见本上对小王的服务进行表扬。前面的旅客听到了这番对话,知道跟自己有关,十分不好意思地进行了道歉。乘务员的巧语应变就这样为出现无心之失的旅客提供了台阶,化解了一次争端,赢得了皆大欢喜的局面。
            </p>
          </div>
          <h4 id="d034">
            (三)及时为旅客传递各种信息,把服务做在旅客开口之前
          </h4>
          <p>
            及时是一种明察秋毫的能力,具体表现为及时发现旅客的细小变化,用心体贴,善解人意,急旅客之所急,想旅客之所想,甚至在旅客本人还未明确意识到他所需要的服务时,就主动为旅客提供相关服务,帮助旅客解决他所面临的问题。优秀的航空服务人员能够与旅客取得心灵上的沟通,从而让旅客满意,并让旅客感到温馨。
          </p>
          <h4 id="d035">(四)严肃对待旅客间的矛盾</h4>
          <p>
            在飞机上发生肢体冲突不是一件小事,而是影响飞行安全的大事。每一架飞机在起飞前,人员配比、货物装载状况都要经过严格的测算,尽量让飞机在飞行时保持平衡姿态。一旦飞机上有旅客发生激烈的肢体冲突,如果再加上几个人劝架,飞机的平衡姿态就可能会受到影响,严重时甚至可能导致飞机失事。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center">
              <span class="zt-ls1">旅客打架,请做好劝解工作</span>
            </p>
            <p>
              某日上午,某机场警方接到报警,某航空公司航班机组人员称,正在飞行、预计9时40分许降落武汉的飞机上,有五名旅客在打架。
            </p>
            <p>
              <img
                class="img-e openImgBox"
                alt=""
                src="../../assets/images/0060-1.jpg"
                style="float: left"
              />
              在航班到达后,航站楼派出所民警第一时间与该航班的安全员取得联系,得知本次航班由昆明飞往沈阳,经停武汉,该航班在飞行过程中,旅客刘女士与四名旅客发生冲突。安全员先后几次将双方拉开,都无法制止。最后,飞机上其他旅客
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">049</li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <p class="td-0">
              参与劝解,双方才暂时“停火”。安全员只好一直坐在刘女士旁边,以保证她的安全。在飞机抵达武汉后,机长考虑到飞机飞行的安全,将五名打架的旅客请下了飞机,移交给机场公安机关处理,并告知警方,他已取消这五名旅客乘坐该航班的资格。
            </p>
          </div>
          <h3 id="c018">
            <span class="h3-zt">二、</span
            ><span class="h3-zt1">处理冲突的原则</span>
          </h3>
          <h4 id="d036">(一)冷静热情</h4>
          <p>
            冷静:面对冲突时要做到头脑冷静,不感情用事,要行为理智,情绪稳定,泰然处之,不急躁,不暴跳如雷,不唇枪舌剑。
          </p>
          <div>
            <img class="openImgBox"  src="../../assets/images/0061-1.jpg" align="right" width="35%" />
            <p>热情:态度热情,不冷落,不指责。</p>
            <h4 id="d037">(二)诚信尊重 </h4>
            <p>诚信:对公司负责,对旅客负责,对社会负责。</p>
            <p>尊重:敬人者,人恒敬之,要尊重每一位旅客。</p>
          </div>
          <h4 id="d038">(三)合法依章</h4>
          <p>处理冲突时,要依据航空法律、法规以及航空公司各类规章制度。</p>
          <div>
            <img class="openImgBox" src="../../assets/images/0061-2.jpg" align="left" width="35%" hspace="10"  />
          </div>
          <h4 id="d039">(四)宽容友善</h4>
          <p class="pr-15" >
            在人际交往过程中,要能够体会他人的情绪和想法,理解他人的立场和感受并站在他人的角度思考和处理问题,也就是换位思考、设身处地、将心比心。它包括:①遇到问题要尽量了解并重视旅客的想法,这样就能更容易地找到解决方案,尤其是在发生纠纷或误解时,如果能把自己放在旅客的处境中想一想,也许就可以了解旅客的立场和初衷,进而求同存异、解决纠纷或消除误解。②理解旅客,倾听和了解旅客的需求,站在旅客的角度看问题,体谅旅客,实现有效沟通。在解决问题时可适当幽默,态度应真诚友善。
          </p>
          <p>听音辨形——听:善于聆听。</p>
          <p>语言礼貌得体——说:适当幽默。</p>
          <p>态度真诚友善。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">050</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <h3 id="c019" class="p-even" >
            <span class="h3-zt">三、</span
            ><span class="h3-zt1">调解纠纷的各种技巧</span>
          </h3>
          <h4 id="d040" class="p-even">(一)同理心法</h4>
          <p class="p-even">
            顾名思义,同理心法就是通过语言和行为举止的沟通方式向旅客表达遗憾、同情,特别需要强调的是,这是在旅客感到愤怒和委屈时的一种精神安慰方法。
          </p>
          <p class="p-even">用语举例:</p>
          <p class="p-even">·我能明白您为什么觉得那样……</p>
          <p class="p-even">·我能理解您现在的感受……</p>
          <p class="p-even">·那一定非常难过……</p>
          <p class="p-even">·我对此感到遗憾……</p>
          <img class="img-k openImgBox" src="../../assets/images/0062-1.jpg" align="left" hspace="5" />
          <h4 id="d041">(二)“三明治法”</h4>
          <p>
            “三明治法”是与旅客沟通时避免说“不”的方法,适用于与旅客协商解决方案和旅客对解决方案不满意等情况。
          </p>
          <p>三明治即两片面包夹火腿。“三明治法”就是两片“面包”夹拒绝。</p>
          <p>
            第一片“面包”是“我可以做的是……”,意在告诉旅客,你会想尽一切方法来帮助他,你可以提供一些可选择的行动给旅客,虽然这些可能不是他想要的,但有助于减轻旅客沮丧的心理感觉。
          </p>
          <p>
            第二片“面包”是“您能做的是……”,意在告诉旅客,你已控制了一些情况的结果,同时向旅客提出一些可行的建议,供旅客参考。
          </p>
          <img class="img-k openImgBox" src="../../assets/images/0062-2.jpg" align="left"  hspace="5" />
          <h4 id="d042">(三)谅解法</h4>
          <p>
            谅解法是一种向旅客表示歉意,安抚其情绪,尽量用旅客能够接受的方式取得旅客的谅解的方法。
          </p>
          <p>
            谅解法使用的技巧就在于沟通时以同意取代反对,以更好地与旅客沟通,从而获得旅客的认同。这种方法适用于与旅客协商解决方案和旅客对解决方案不满意等情况。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">051</li>
        </ul>
        <div class="bodystyle">
          <p>用语举例:</p>
          <p>·避免说:“您说得很有道理,但是……”</p>
          <p>·可以说:“我很同意您的观点,同时我们考虑到……”</p>
          <h4 id="d043">(四)紧急情况下的说服技巧</h4>
          <p>
            说服不是件容易的事情,可能遇到种种有形、无形的抗拒。对航班上出现不规范行为的旅客,要说服其有效改正,这不仅要求说服者的人品令人信服,而且要以对方关心的事为话题,符合对方的理解思路。一般来说,应从赞赏和鼓励开始,给对方留有面子,让对方能够理解说服者的难处和航空公司的规定,要使谈话的气氛保持融洽。
          </p>
          <h4 id="d044">(五)对违规旅客的说服技巧</h4>
          <img class="img-l openImgBox" src="../../assets/images/0063-1.jpg" align="right"  hspace="5"  />
          <p>
            在旅客违反安全规定时,要及时制止,还要注意方法,尽量避免激化矛盾,否则只会造成更多冲突。
          </p>
          <p>
            例如,按照航空公司的规定,不允许私自穿救生衣。可有的旅客在乘务员演示时会非常好奇,想要把救生衣拿出来,这时乘务员要立即制止并进行说服教育,说明利害关系。可先从旅客的角度入手:“这位旅客,您好!我很理解您对飞机非常好奇的感觉。这种救生衣是一次性用品,您打开后这件救生衣就报废了,在飞机遇到危急情况时,您和他人的生命安全就得不到保证了。”
          </p>
          <img class="img-l openImgBox" alt="" src="../../assets/images/0063-2.jpg" align="right"  hspace="5"  />
          <p>
            处理手段应视旅客行为带来的后果(是否危及飞行)及旅客行为的性质(无意或有意)而定。
          </p>
          <p>
            乘务员在迎客时应注意观察,及时制止旅客的不当行为。比如,如果旅客已经将机上的设备拿下来,放了自己的行李,乘务员应巧妙地询问行李的主人是谁,然后帮他找一个妥善的位置放置行李,最后礼貌地向他解释此位置的特殊用途,以征得旅客的理解和配合。在处理事情时应顾全大局,把握好“度”。在自己能力范围内,可以自行解决的,可事后向机长汇报,以免干扰机长的正常工作,避免因处置过度而造成航班延误。
          </p>
          <h4 id="d045">(六)处理飞机延误的技巧</h4>
          <p>
            在飞机延误时,旅客的情绪普遍烦躁,乘务员要用加倍周到的服务来缓解旅客的烦躁。同时,要在解释的过程中阐明航空公司以安全为根本,以求得旅客的理解和支持。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">052</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center">
              <span class="zt-ls1">乘务长这样处理航班延误</span>
            </p>
            <p>飞机顺利降落,客舱里再一次响起了乘务长的声音。不过这次,她没有使用机载播音设备,而是站在了和第一排平行的人行通道里对所有旅客说话,声音不大,但异常清晰:“我代表本次航班的所有工作人员感谢您乘坐××航空</p>
            <p class="center">
              <img class="img-k openImgBox" src="../../assets/images/0064-1.jpg" align="right"  hspace="5" />
            </p>
            <p class="td-0" >
              公司的班机,对本次航班的延误和服务不周到的地方,我们向您表示歉意并欢迎您再次乘坐××航空公司的班机,再见!”说完,她向旅客们深深地鞠了一躬。旅客们都愣了一下,紧接着,客舱内响起了一阵热烈的掌声。
            </p>
          </div>
          <p class="center">
            <img class="img-k openImgBox" src="../../assets/images/0064-2.jpg" align="left"  hspace="5" />
          </p>
          <h4 id="d046">(七)与病人沟通的技巧</h4>
          <p>
            乘务员在与病人进行沟通时一定要讲究技巧,多给予对方关心和鼓励。比如,有经验的乘务员往往会说:“不用担心,我们会像医护人员一样照顾你。”
          </p>
          <h4 id="d047">(八)与特殊旅客沟通的技巧</h4>
          <p>
            飞机上有各种各样的旅客:孤身一人的老年人、无成人陪伴的儿童、带小孩的旅客、孕妇、残疾旅客以及其他特殊旅客等。做好这些旅客的服务工作,让他们的亲人在送他们上飞机后放心,使他们安全到达目的地,是一名合格的航空服务人员的职责。把服务做在旅客开口之前,即使他们没想到,也要细心地去发现,尽力做到贴心、周详。
          </p>
          <p>
            与老年旅客沟通时,主动询问并热情帮助老年旅客上下飞机(对身体较好的老年旅客以及外国旅客要视情况而定)。
          </p>
          <p>
            在飞行途中,应注意观察老年人,在与老年人说话时,语速要慢一些,讲解要详细一些,身体要离老年人近一些(同时注意不要因为声音太大而影响其他旅客)。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">053</li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">你们的服务很好</span></p>
            <p>
              在某航班上,旅客开始登机,乘务员站在前舱迎客,看见一位老奶奶提着一个大箱子艰难地走进来。乘务员立即迎上去:“奶奶,能让我看一下您的登机牌吗?我帮您放行李好吗?”老奶奶点头同意后,乘务员引导她来到她的座位上,然后把箱子举起来,放到行李架里。老奶奶连声说谢谢,还说箱子太沉了。乘务员笑着回应:“没事,不太沉,奶奶您先坐着,有事您可以按呼叫铃叫我们,好吗?”老奶奶笑着点头答应。看老人这么开心,乘务员由衷地松了
            </p>
            <p class="center">
              <img class="img-k openImgBox" alt="" src="../../assets/images/0065-1.jpg" align="right"  hspace="5" />
            </p>
            <p class="td-0" >口气。在航班到达目的地的20分钟前,老奶奶要求给她一张意见卡,周围的旅客也纷纷索要。在收卡的时候,乘务员特意看了看老奶奶的,只见上面写着:“客舱服务很好,乘务员热情周到。当我看见一个小姑娘把我那个重重的大箱子吃力地放到行李架里时,我很心疼,真的心疼。你们的服务很好。”</p>
          </div>
          <p>
            与一般搭乘航班的成人旅客不同,儿童在搭乘航班时需要当班机组的乘务员更多的协助、关心与照顾。广义的儿童旅客分为四类:婴儿旅客、有成人陪伴的儿童旅客、航空公司受托照顾的无成人陪伴的儿童旅客和其他需要特殊照顾的儿童旅客。狭义的儿童旅客不包括婴儿旅客。
          </p>
          <p class="center">
            <img class="img-k openImgBox" src="../../assets/images/0065-2.jpg"  align="right"  hspace="5"  />
          </p>
          <p>
            婴儿旅客(各航空公司对婴儿旅客年龄的规定有一定的差别)基本上是由父母等陪同出行的,因此相对来说不会给乘务员的工作带来太大的压力。不过,对婴儿旅客的照顾,乘务员还是需要注意一些。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">婴儿旅客的客舱服务</span></p>
            <p>
              如果航班上有婴儿旅客,在旅客登机后,乘务员要在第一时间向其父母(或随行旅客)客气地询问在飞行期间的客舱服务过程中有没有需要特别注意的问题(如奶瓶冲灌、临时婴儿用睡品等)。提前了解这些问题,对中、长途
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">054</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <p class="td-0">航班上的婴儿旅客服务工作来说尤为重要。</p>
            <p>
              在飞机起飞后,要在第一时间向其父母(或随行旅客)客气地询问婴儿的冷暖情况,以便第一时间为婴儿旅客添加婴儿用睡毯等保暖品。
            </p>
            <p>
              在飞机起飞后,如带婴儿的旅客打开了婴儿专用的睡车或睡篮,一定要注意保证睡车或睡篮固定牢固,还要注意在此过程中将其噪声降至最低,以免打扰周边旅客。
            </p>
            <p>
              在为带婴儿的旅客准备所需要的饮品(或餐食)时,要尤其注意加热时间、味道及餐饮器具等方面。要特别注意,一定不要把婴儿的餐饮物加热时间太长,以免造成烫伤等问题,而且一定要避免使用锋利的餐饮器具。
            </p>
            <p>
              在飞行过程中,要每隔一段时间向其父母(或随行旅客)客气地询问有无需要帮忙的地方,但同时不要过多打扰其父母(或随行旅客)及周围旅客。
            </p>
            <p>
              在飞机上,一旦听到婴儿旅客哭泣或有其他异样声响,乘务员应该第一时间前往查看,以便能在最短的时间内为其提供相应的服务或所需物品。
            </p>
            <p>
              在婴儿旅客的父母(或随行旅客)入睡或上洗手间期间,乘务员要帮忙照看婴儿旅客,以免出现问题。
            </p>
            <p>
              在乘务员送餐、饮品或其他物品经过婴儿旅客时,要注意尽量将声音降至最低,更要对婴儿旅客的安全多加留意,要百分之百避免诸如手中物品不小心掉落并砸压在婴儿旅客身体任何部位等事件的发生。
            </p>
            <p>
              在航班降落前,如婴儿旅客仍在使用专用睡车或睡篮,要跟其父母(或随行旅客)做好解释工作,及时将睡车或睡篮收放好,以保证降落安全。
            </p>
            <p>
              在航班降落后,如果婴儿旅客的父母(或随行旅客)同意,应尽量安排他们最后下飞机,以免在下机过程中对婴儿造成意外伤害。此外,在其他旅客下机过程中,应提醒其父母(或随行旅客)将婴儿安置在不靠近机舱过道的座位上,以免在其他旅客下机的过程中出现任何意外。
            </p>
          </div>
          <p>
            与婴儿旅客有很大的差别,绝大部分儿童旅客可以独立进食或活动,因此,他们基本上不需要乘务员提供类似于“婴儿托护”的服务。此外,那些有成人陪伴的儿童旅客,一般也不会在机舱内制造太多噪声或影响其他旅客。所以,从客舱服务的角度看,在儿童旅客中,他们相对来说是较好照顾的群体。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">055</li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">儿童旅客的客舱服务</span></p>
            <p>
              在登机后,乘务员应及时向带儿童旅客的父母(或随行旅客)客气地询问在飞行期间的客舱服务中,有没有需要特别注意的问题(如是否需要特定的饮品等),要提前了解这些问题,这在中、长途航班上尤为重要。
            </p>
            <p>
              在登机后,要第一时间向儿童旅客赠送航空公司专为儿童旅客准备的礼品(可根据实际情况而定,某些航空公司没有此类物品)。
            </p>
            <p>
              不要将带儿童的旅客安排在靠近紧急出口和应急窗口的位置上。在飞机起飞前,应向儿童旅客或其父母(或随行旅客)询问是否需要口香糖等有助于缓解耳鸣的物品,并要提醒其系好安全带。
            </p>
            <p>
              在飞机起飞后,要每隔一段时间向儿童旅客本人或其父母(或随行旅客)询问是否有任何需要。
            </p>
            <p>
              在提供餐食时要征求其父母(或随行旅客)的意见。要注意不要配备太过锋利或可能对儿童造成伤害的餐饮器具,而且餐食温度要尽量适中。另外,对儿童旅客所需要的饮品,注意提供大约为所用杯子的一半容量即可(各个航空公司不太一样,一般旅客在70%左右比较合适),以免出现不小心碰洒等情况。
            </p>
          </div>
          <p>
            在高空飞行过程中,空气中氧气减少,气压降低,因此孕妇乘机需要一定的限制条件。
          </p>
          <p>
            怀孕32周或不足32周的孕妇乘机,除医生诊断不适宜乘机者外,可按一般旅客运输。
          </p>
          <p>
            怀孕超过32周的孕妇乘机,应提供包括旅客姓名、年龄、怀孕时间、旅行航程和日期、是否适宜乘机、在机上是否需要提供其他特殊照顾等内容的医生诊断证明。
          </p>
          <p>
            对于预产期在4周以内,或预产期不确定但已知为多胎分娩或预计有分娩并发症者,不予接受运输。
          </p>
          <p>
            乘务员在工作中会接触到残疾人及残疾人服务者,要为他们提供贴心的服务。例如,航空服务人员在工作中应重视对聋哑旅客的关爱,可以学习一些必要的手语,构建与聋哑旅客沟通的桥梁。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">056</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center">
              <span class="zt-ls1">关于盲人旅客的几条规定</span>
            </p>
            <p>
              盲人旅客是指双目失明的旅客。每一航班的每一航段上,对无导盲犬引路的盲人旅客的数量有一定的限制,由座位控制部门负责管理和限制盲人旅客的接收人数。
            </p>
            <p>
              有人陪伴(只限以成人旅客陪伴同行)的盲人旅客按普通旅客接受运输。
            </p>
            <p>
              有导盲犬引路的盲人旅客可携带导盲犬乘机,具备乘机条件的盲人旅客应向相关部门提供导盲犬的身份证明和检疫证明,导盲犬和旅客一样,必须接受安全检查。
            </p>
          </div>
          <h3 id="c020" class="p-even" >
            <span class="h3-zt">四、</span
            ><span class="h3-zt1">如何为旅客服务</span>
          </h3>
          <h4 id="d048" class="p-even" >(一)耐心多一点</h4>
          <p class="p-even" >
            在实际的工作中,航空服务人员要耐心聆听,不要轻易打断旅客的叙述,更不要批评旅客的不足,要鼓励旅客进行倾诉,让他们尽情宣泄心中的不满。在耐心听完旅客的倾诉和抱怨后,旅客自然就能够听进去服务人员的解释和道歉了。
          </p>
          <p class="center">
            <img class="img-c openImgBox" alt="" src="../../assets/images/0068-1.jpg" />
          </p>
          <h4 id="d049" class="p-even" >(二)态度好一点</h4>
          <p class="p-even">旅客有抱怨或投诉意味着旅客对企业的产品或服务不满意。航空服务</p>
          <p class="center">
            <img class="img-k openImgBox" alt="" src="../../assets/images/0068-2.jpg" align="left" hspace="5"  />
          </p>
          <p class="p-even td-0" >
            人员在处理的过程中如果不友好,会使旅客的心理感受及情绪变差,甚至可能恶化与旅客的关系;反之,若服务人员态度诚恳,礼貌热情,则会减弱旅客的抵触情绪。俗话说“伸手不打笑脸人”,态度谦和友好,会促使旅客平复情绪,理智地与服务人员协商处理问题。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">057</li>
        </ul>
        <div class="bodystyle">
          <h4 id="d050">(三)动作快一点</h4>
          <p>
            面对旅客提出的需要,航空服务人员应该第一时间给予解答,不能把“手头有事”当借口来推托,为自己找理由。在工作中,航空服务人员手脚要利落,争取在最短的时间内达到最佳的效果。
          </p>
          <h4 id="d051">(四)语言得体一点</h4>
          <p>
            旅客对服务不满,在发泄的陈述中有可能会言语过激,如果航空服务人员与之针锋相对,势必恶化彼此的关系。在解决问题的过程中,航空服务人员的措辞应十分注意,要合情合理,得体大方,不要说出伤人自尊的话。应尽量用委婉的语言与旅客沟通,即使旅客存在不合理的地方,也不要冲动,否则,只会让旅客失望,使问题更难解决。
          </p>
          <p class="center">
            <img class="img-k openImgBox" alt="" src="../../assets/images/0069-1.jpg" align="right" hspace="5" />
          </p>
          <h4 id="d052">(五)办法多一点</h4>
          <p>
            在处理旅客的投诉与抱怨时,不要一味地采用慰问、道歉、补偿、赠送小礼品等方式。其实解决问题的办法有很多,除上述方式外,还可邀请旅客参加机场内部讨论会,或者给他们其他补偿等。
          </p>
          <div class="bk2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">拓展视频▼</span></p>
            </div>
            <!-- 视频 -->
            <ul class="videos-box">
              <li>
                <video
                  :src="videos[2].url"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="video-border w100"
                ></video>
                <p class="img fl al-cn ju-cn">
                  <span>{{ videos[2].name }}</span>
                  <img
                    :src="
                      collectResourceList.includes(videos[2].md5)
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect(2)"
                  />
                </p>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">058</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <h3 id="c001" class="p-even">任务六<br />学会如何拒绝</h3>
          <div class="task ma-l"></div>
          <p class="center">
            <img class="img-k openImgBox"  src="../../assets/images/0070-1.jpg" align="left" hspace="5" />
          </p>
          <p>
            航空服务作为一种特殊服务,对安全保障要求极高。出于安全的考虑,服务人员时常要拒绝旅客的不当甚至是无理的要求。
          </p>
          <p>
            懂得灵活运用拒绝的语言技巧,可以把拒绝带来的负面影响降到最低限度,既能够避免很多麻烦,又不会伤及对方的感情与自尊。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">糟糕的服务</span></p>
            <p>某机场发生过这样一起事件。</p>
            <p>
              一位旅客到电子客票柜台取票,并办理改签业务。柜台服务人员确认机票已更改后,告知旅客需要交纳更改费。旅客得知后表示:“没人说过。为什么要交?”服务人员只好再三解释,但旅客依然不接受。在这样的情况下,柜台服务人员说了一句:“如果你不交更改费,你今天就不能用这张票登机。”这句话瞬间激怒了旅客,旅客最后进行了投诉。
            </p>
            <p>
              在这起事件中,虽然旅客的要求是不符合规定的,但服务人员对旅客的指责已经从根本上否定了服务。虽然投诉属于无效投诉,但对旅客的伤害是无法挽回的。改变旅客的最好方法永远是优质的服务。
            </p>
          </div>
          <h3 id="c021">
            <span class="h3-zt">一、</span
            ><span class="h3-zt1">拒绝的基本方法</span>
          </h3>
          <p>
            无论是拒绝别人还是被别人拒绝,最令人难堪的往往不是事情没办成,而是自尊被伤害,失了面子。精通拒绝的艺术的人,往往能在说“不”的同时给足对方面子,既达到自己的目的,又能与对方成为长久的好朋友。因此,要想巧妙地拒绝别人,需要掌握一些具体、实用的方法。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">059</li>
        </ul>
        <div class="bodystyle">
          <h4 id="d053">(一)迂回否定</h4>
          <p>
            对于对方提出的不合理的要求,不要急着拒绝。可以先表示对对方的肯定,表明自己可以接受他的观点,然后再迂回、委婉地表达自己的见解,提出不能认同的意见。这种柔和的拒绝方法,可以使他比较容易地接受反对的观点。
          </p>
          <p>
            在采用这种方法拒绝别人时,可以说“是的,我也这样认为,……问题是……”“对呀,……这样没错,但是……”。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">旅客露出了笑容</span></p>
            <p>
              在某次航班上,飞机已经进入降落阶段,卫生间已经停止使用。此时,一名旅客解开安全带,向乘务员提出刚睡醒,需要上厕所的要求。乘务员耐心解释道:“您好,我们非常理解您的需求,人有三急缓不得。但是因飞机下降过程中可能产生颠簸,关闭卫生间是出于安全的考虑,所以希望您可以理解。”听到乘务员的解释,该旅客坐回了座位,但面露不悦。乘务员继续说道:“感谢您的理解,请您系好安全带,飞机降落后我会帮助您提前下机,谢谢配合。”听到乘务员的回答,这名旅客终于露出了缓和的笑容。
            </p>
          </div>
          <h4 id="d054">(二)引导进行自我归谬</h4>
          <p>
            当不好直接拒绝旅客的请求时,可以采用向对方提问,引导对方进行自我归谬的方法。首先可以提出问题,引导对方对所提要求中不合理的部分进行思考,从而得出结论,阐明后果,让对方自己否定自己的观点,进而放弃所提的要求。
          </p>
          <h4 id="d055">(三)采用委婉、模糊的语言</h4>
          <p>
            当碍于情面,无法对旅客开口说“不”的时候,可以用委婉、模糊的语言拒绝其提出的要求。这种似是而非的语言,看似回应了旅客的要求,但实际上,在反馈给他的信息中并没有实质性的内容,这样既达到了拒绝的目的,又不影响双方的人际关系。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">060</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center">
              <span class="zt-ls1">劝告旅客保持客舱安静</span>
            </p>
            <p>
              在某航班的公务舱中,用餐后灯光关闭,旅客大多开始休息。但有两名旅客各饮用了两杯威士忌,开始大声聊天,其间,后排的一名旅客也加入了聊天,声音更大了。乘务员多次提醒无果后,先把邻近座位的一家三口调离至C2舱,接着向旁边单独座位上的旅客道歉,并询问其是否需要调整座位。旅客表示不用,乘务员便建议旅客戴上耳机防噪。随后来到大声聊天的旅客身边说道:“几位旅客的业务虽然很繁忙,但是因为我们的客舱旅客大多已经休息,环境较为安静,还请注意下业务隐私,同时也照顾一下其他旅客的乘机体验。”
            </p>
            <p>
              在本案例中,航空服务人员处理的基本原则是照顾到全体旅客的感受,对不文明旅客以“劝告为主,强制为辅”,乘务组处理的基本步骤为劝告、制止、隔离、安抚。这样既照顾到了旅客的感受,又表达了坚定的立场。
            </p>
          </div>
          <h4 id="d056">(四)适当拖延</h4>
          <p>
            当不好满足旅客提出的要求时,不用明确给出答复,可以采用适当拖延的办法来拒绝。遇到这种情况,可以对旅客说:“请让我再考虑考虑。”
          </p>
          <h4 id="d057">(五)及时转移话题</h4>
          <p>
            在双方话不投机,又一时难以拒绝的时候,可以及时转移话题,聊一些轻松的话题;也可以改变谈话语气,避实就虚,将旅客的注意力引开,从而达到拒绝其要求的目的。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">及时转移话题</span></p>
            <p>
              在厦门机场的登机口,因天气原因,部分航班取消,一名旅客情绪激动,要求航空公司给予赔偿。
            </p>
            <p>
              在民航工作中,非航空公司原因导致的航班取消是仅提供退票服务或是协助安排食宿服务的。面对情绪激动要求额外赔偿的旅客,登机口的服务人员耐心地与其进行了沟通:介绍了厦门的一些特色美食、旅游景点,建议旅客申请退票多游玩几日;如果因为等待航班身心疲惫,不妨前往酒店美美地睡上一觉,感受一下厦门清新的空气。慢慢地,该旅客的注意力被关于厦门的介绍吸
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">061</li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <p class="td-0">引了,情绪也慢慢平复了,最终事件得以顺利解决。</p>
          </div>
          <h3 id="c022">
            <span class="h3-zt">二、</span><span class="h3-zt1">拒绝的技巧</span>
          </h3>
          <p>
            在面对旅客提出的不合理要求时,航空服务人员要使用一定的拒绝技巧,做到措辞得体,态度诚恳,且要把握一定的分寸,既要回绝旅客的要求,又不让旅客处于尴尬的局面。
          </p>
          <p>
            拒绝是难免的,遭到拒绝是不愉快的,怎么拒绝才可以把种种不愉快降到最低限度,从而得到对方的谅解和认可呢?
          </p>
          <p>以下是拒绝的几种技巧。</p>
          <h4 id="d058">(一)巧用比喻</h4>
          <p>
            当面对旅客提出的不恰当要求时,可以巧妙地运用比喻的方式进行拒绝。这种拒绝方式,既能达到自己的目的,又能避免双方尴尬。
          </p>
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">巧用比喻拒绝对方</span></p>
            <p>
              曾经有一位读者看了钱锺书的《围城》后十分喜欢,打电话告诉钱锺书说自己非常仰慕他,想约钱锺书见面。钱锺书回答说:“假如你吃了一个非常不错的鸡蛋,还需要去见那只生蛋的母鸡吗?”
            </p>
            <p>
              钱锺书精妙的比喻,既让那位读者了解到自己不愿与之见面,又没有伤害读者的感情和自尊,由此巧妙地解决了问题。
            </p>
          </div>
          <h4 id="d059">(二)提出条件</h4>
          <p>
            有时不用将拒绝的话说出口,只需要告诉旅客:如果要答应他的要求,就需要他满足航空服务人员提出的一些他不太可能达到的条件,从而让他知难而退。一般在提出不太可能达到的条件之后,最好再为旅客提供一些其可以接受的方案,这样旅客就不会认为服务人员在刻意刁难,会退而求其次选择其他的处理方案。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">062</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <div class="bj2">
            <div class="bj2-dyd">
              <p><span class="bj2-dyd">读一读▼</span></p>
            </div>
            <p class="center"><span class="zt-ls1">提出条件婉拒旅客</span></p>
            <p>
              在某航空公司的航班上,一名乘坐经济舱的旅客找到乘务员,要求为其提供头等舱才能供应的红酒。乘务员听完后,真诚地向旅客道歉,并告知旅客:“我们今天的航班仅为头等舱配备了红酒,如果有需要的话,我可以为您办理升舱服务。或者我可以为您提供啤酒,如果可以的话,我去拿给您。”最终,该旅客在拿到了啤酒后没有提出更多的要求。
            </p>
          </div>
          <h4 id="d060">(三)另有选择</h4>
          <p>
            在不能满足旅客提出的要求时,航空服务人员可向其表明:比起他的要求,自己有更好的选择。这也是有效拒绝别人的方法之一。航空服务人员通常可以说:“不错啊,但我更愿意……”“您的提议不错,不过我更赞成……”“我们是不是……更好?”
          </p>
          <h4 id="d061">(四)寻找合理的借口</h4>
          <p>
            可以寻找一个合理的借口,让旅客理解航空服务人员的难处,并将其作为拒绝的理由,而不用直接将“不”字说出口。这种借口可以成为“挡箭牌”,能顺利地拒绝旅客,而又不伤害与旅客的感情。
          </p>
          <h4 id="d062">(五)真诚致歉</h4>
          <p>
            遭人拒绝是一件令人尴尬的事,所以在拒绝旅客的某些要求时一定要真诚,即使要求不合理也要委婉地说:“真的很抱歉,没能帮上您的忙,还请您谅解。”这样旅客会比较容易接受。例如,有个别旅客很喜欢飞机上的小毛毯或小碗,而按照规定这些东西是必须清点回收的。这时,运用语言技巧进行拒绝必不可少。乘务员要耐心地向旅客解释相关的规章制度,不要因为旅客不知情而流露出责备的语气。
          </p>
          <h4 id="d063">(六)婉言回避</h4>
          <p>
            航空服务人员可以用委婉的方式从侧面拒绝或用模糊的语言回避旅客的锋芒。例如,在飞机上,乘务员手中正拿着饮料,某旅客要求其撤走空杯子。乘务员说:“请您帮忙递过来好吗?”该旅客十分不满,脱口而出:“我递杯子,用你干
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">项目二</li>
          <li class="headerText">打好航空服务口语交际基础</li>
          <li class="headerNumber">063</li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            吗?”乘务员装作未听清旅客话的样子,面带微笑地问道:“先生,您需要我做什么?”该旅客的同伴连忙把杯子递过来,一场冲突就这样在无形中化解了。
          </p>
          <h4 id="d064">(七)消除不满</h4>
          <p>
            如果旅客因对飞机设施不满而发牢骚,航空服务人员可以先感谢对方对民航工作的关心和支持,再表示一定及时把该旅客的意见反馈给公司以便及时更新。
          </p>
          <h2 id="b025"><span class="bj4">思考与练习</span></h2>
          <h4 id="d065">一、思考与训练</h4>
          <p>
            1.教师邀请一位学生上讲台,然后让其他学生举手发言,对讲台上的学生进行赞美,要求语言具体细致。
          </p>
          <p>2.请各位同学收集一些幽默的语言,并将这些语言串联起来讲个故事。</p>
          <p>
            3.请各位同学课下准备一些生活中的笑话,在上课时当着全班同学的面讲出来,用这样的方式来积累幽默的素材。
          </p>
          <p>
            4.你来说,我来猜。教师准备若干成语,让一名学生用语言描述成语,另外一名学生猜是什么成语。要求用最精练的语言描述。
          </p>
          <p>
            5.请各位同学选择一位同学上讲台,讲台下每个人用最具体的语言描述一下讲台上的同学。
          </p>
          <p>6.教师规定几个场景,让学生根据规定场景的内容说服旅客。</p>
          <h4 id="d066">二、案例分析</h4>
          <p>1.飞机延误,旅客很生气。</p>
          <p>
            2.在某航班上,乘务员像往常一样,为一名正在看报纸的旅客打开了阅读灯,为一名老年旅客讲解客舱设备的使用方法,消除他初次乘机的不安……在巡舱时,乘务员发现后排座位上有一名无成人陪伴的儿童旅客,大约六岁。她的双手紧紧地抓着座椅扶手,头紧贴在靠背上。从小女孩的眼神里可以看出,她对这个庞大的“怪物”既好奇又害怕。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">064</li>
          <li class="header-left-text">
            航空服务口语交际与播音技巧(第 2 版)
          </li>
        </ul>
        <div class="bodystyle">
          <h4 id="d067">三、行动建议</h4>
          <p>
            1.请学生按照航空服务人员的口语交际要求并使用相关技巧与儿童旅客沟通。
          </p>
          <p>
            用角色扮演的方式,教师将班里的学生分成不同的角色,并且布置不同的场景,让学生在各种场景中进行交流,最后教师给予点评。
          </p>
          <p>2.每组选出一名代表,对同一个话题阐述自己的理解。</p>
          <p>
            3.让一名学生在没有准备的情况下当着全班学生的面与任意一名学生进行语言交流。教师设计场景和内容,考查学生是否掌握了语言的修饰方法。
          </p>
          <p>4.教师讲述一个故事,让学生复述,以此加深学生对聆听的理解。</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import {
  getResourcePath,
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
export default {
  name: "chapterOne",
  props: {
    showPageList: {
      type: Array,
    },
  },
  components: {},
  data() {
    return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      collectResourceList: [],
      videos: [
        {
          name: "视频:团队旅客",
          md5: "50a2d3b63fcba85133deaf6089eab421",
        },
        {
          name: "视频:退票的服务沟通",
          md5: "a0deaeb6cee31dd1181775d6bc0d0b71",
        },
        {
          name: "视频:误机旅客沟通",
          md5: "2f16aec9f278c495a12fc3caca3b517c",
        }
      ],
    };
  },
  async mounted() {
    this.getVideoPath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
    );
  },
  methods: {
    async getVideoPath(value) {
      for (let index = 0; index < this.videos.length; index++) {
        const item = this.videos[index];
        item["url"] = await getResourcePath(item.md5);
      }
      console.log(111, this.videos);
    },
    handleCollect(num) {
      const data = this.videos[num];
      this.handleCollectResource(
        data.md5,
        data.md5,
        "",
        "视频",
        "bits",
        data.name
      );
    },
    //资源收藏事件
    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
      );
    },
  },
};
</script>
<style lang="less" scoped>
.table-p {
  font-size: 16px !important;
  line-height: 20px !important;
}
.imgBox {
  display: flex !important;
  flex-direction: column-reverse !important;
  position: relative !important;
  .img {
    margin: 0 !important;
    font-size: 16px !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%);
    bottom: -2% !important;
  }
  img {
    height: 80%;
  }
}
.choice {
  padding: 0% !important;
}
hr {
  margin-left: 0;
  margin-bottom: 4px;
  width: 15.5%;
  border: none;
  height: 2px;
  background-color: #000;
}
</style>
src/books/OralAndBroadcasting/view/components/header.vue
New file
@@ -0,0 +1,229 @@
<template>
  <div class="chapter" num="1">
    <!-- 封面 -->
    <div class="page-box mt-30" page="1" style="min-height: auto">
      <div v-if="showPageList.indexOf(1) > -1">
        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      </div>
    </div>
    <!-- 扉页 -->
    <div class="page-box" page="2" style="min-height: auto">
      <div v-if="showPageList.indexOf(2) > -1">
        <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
      </div>
    </div>
    <!-- 介绍页面 -->
    <div class="page-box" page="3">
      <div v-if="showPageList.indexOf(3) > -1">
        <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
          <hr />
          <p class=""><b>图书在版编目(CIP)数据</b></p>
          <p class="left3 block mr-0">
            >航空服务口语交际与播音技巧/魏全斌主编.—2版.—北京:北京师范大学出版社,2024.10
          </p>
          <p class="left3 block">ISBN 978-7-303-29417-6</p>
          <p class="left3 block mt-20">
            Ⅰ.①航… Ⅱ.①魏…
            Ⅲ.①旅客运输-商业服务-口语-教材②民用航空-旅客运输-播音-语言艺术-教材
            Ⅳ.①F560.9
          </p>
          <p class="left3 block">中国国家版本馆CIP数据核字(2023)第195087号</p>
          <hr />
          <p><br /></p>
          <p><br /></p>
          <p><br /></p>
          <p class="left block mt-20">教材意见反馈 zhijiao@bnupg.com</p>
          <p class="left block">营销中心电话 010-58802755 58800035</p>
          <p class="left block">编辑部电话  010-58802751</p>
          <hr />
          <p class="left block">出版发行:北京师范大学出版社 www.bnupg.com</p>
          <p class="left block">     北京市西城区新街口外大街12-3号</p>
          <p class="left block">     邮政编码:100088</p>
          <p class="left block">印  刷:保定市中画美凯印刷有限公司</p>
          <p class="left block">经  销:全国新华书店</p>
          <p class="left block">开  本:889mm×1194mm 1/16</p>
          <p class="left block">印  张:11.25</p>
          <p class="left block">字  数:245千字</p>
          <p class="left block">版  次:2024年10月第2版</p>
          <p class="left block">印  次:2024年10月第1次印刷</p>
          <p class="left block">定  价:41.00元</p>
          <hr />
          <p class="left block">
            策划编辑:王云英   责任编辑:安 健 吴纯燕
          </p>
          <p class="left block">美术编辑:焦 丽   装帧设计:焦 丽</p>
          <p class="left block">
            责任校对:陈 民   责任印制:马 洁 赵 龙
          </p>
          <p class="center mt-20"><b>版权所有 侵权必究</b></p>
          <p class="left center">
            <b>反盗版、侵权举报电话:</b><span class="block">010-58808104</span>
          </p>
          <p class="left center block">北京读者服务部电话:010-58808104</p>
          <p class="left center block">外埠邮购电话:010-58808083</p>
          <p class="left center block">
            本书如有印装质量问题,请与印制管理部联系调换。
          </p>
          <p class="left center block">印制管理部电话:010-58808284</p>
        </div>
      </div>
    </div>
    <!-- 介绍页面 -->
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <div style="max-width: 600px; margin: 0 auto; padding: 10% 0">
          <div class="bk-bwh">
            <h1 id="a003" class="front">
              职业教育航空运输类专业“产教融合”新形态教材专家指导委员会
            </h1>
            <p class="center"></p>
            <p class="center"><span class="zt-ls1">主 任</span></p>
            <p class="block fz-14">
              魏全斌 四川西南航空职业学院 荣誉院长、研究员
            </p>
            <p class="block fz-14">
                  四川泛美教育投资集团有限责任公司 董事长
            </p>
            <p class="center mt-30"><span class="zt-ls1">副主任</span></p>
            <p class="block fz-14">杨新湦 中国民航大学 副校长、教授</p>
            <p class="block fz-14">
              叶 耒 中国商用飞机有限责任公司四川分公司
              总经理助理、人力资源部部长
            </p>
            <p class="block fz-14">王海涛 成都航空有限公司 人力资源部总经理</p>
            <p class="center mt-30"><span class="zt-ls1">委 员</span></p>
            <p class="block fz-14">郭润夏 中国民航大学 教授</p>
            <p class="block fz-14">陈玉华 成都航空职业技术学院 教授</p>
            <p class="block fz-14">裴明学 四川西南航空职业学院 院长、研究员</p>
            <p class="block fz-14">
              龙 强 四川泛美教育投资集团有限责任公司 特聘专家
            </p>
            <p class="block fz-14">
              刘 桦 四川泛美教育投资集团有限责任公司 副总裁、特级教师
            </p>
            <p class="block fz-14">
              曾远志 四川泛美教育投资集团有限责任公司 副总裁
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div style="padding: 136px 66px">
          <div class="fl fd-r">
            <div class="fl fd-c al-c" style="margin: 100px 0">
              <h1 id="a004">前言</h1>
              <p class="td-0">PREFACE</p>
              <p class="zt-hs1 td-0">(第 2 版)</p>
            </div>
          </div>
          <p>
            《航空服务口语交际与播音技巧(第2版)》是在第1版的基础上,以习近平新时代中国特色社会主义思想和党的二十大精神为指导修订而成,新版教材坚持落实立德树人根本任务,遵循教材建设规律、职业教育教学规律,符合职业院校学生的认知特点。本教材共分为五个项目,分别是了解航空服务口语交际、打好航空服务口语交际基础、打好普通话与播音语音基础、提升航空服务口语交际与播音能力、掌握航空服务非语言沟通与特殊服务交际技能。新版教材有以下特点。
          </p>
          <p>
            第一,产教融合,双元开发。本教材由四川西南航空职业学院组织编写,由泛美航空职教集团和商用飞机行业产教融合共同体合作完成,汇聚了中国民航大学、四川西南航空职业学院、成都航空职业技术学院的一线教师与中国商用飞机有限责任公司四川分公司、成都航空有限公司等企业专家,团队成员的丰富教学经验、学术造诣以及行业经验确保了教材的科学性、实用性与适用性。
          </p>
          <p>
            第二,思政融入,价值导向。本教材全面落实课程思政的要求,通过学习航空服务口语交际与播音的技巧,培养学生崇尚宪法、遵纪守法、崇德向善、诚实守信、尊重生命、热爱劳动的品质,培养学生的社会责任感,增强学生的社会参与意识;践行“忠诚担当的政治品格,严谨科学的专业精神,团结协作的工作作风,敬业奉献的职业操守”的当代民航精神;具有安全意识和良好的服务意识;引导学生树立正确的世界观、人生观和价值观。
          </p>
          <p>
            第三,内容科学,体例创新。新版教材依照职业教育国家教学标准体系,对接职业标准和岗位能力要求,体现了产业发展的新技术、新规范、新标准,深入挖掘民航企业的实际工作需求和岗位要求,确保教材内容与实际的岗位需要无缝衔接。本教材以项目
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">002</li>
          <li class="header-left-text">航空服务口语交际与播音技巧(第 2 版)</li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            任务为载体,体现了职业教育的类型特点;提供了大量的案例和实际情境,让学生能将所学理论更好地迁移到实际工作需求中。结合学生特点,编写力求文字简洁、通俗易懂。本教材体现了“贴近社会生活、贴近工作实际、贴近学生特点”“与职业岗位群对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”原则,注重对学生职业核心能力的培养,体现了“岗课赛证”融通的理念。
          </p>
          <p>
            第四,资源丰富,新形态教材。在修订过程中,联合行业、企业专家,收集真实的工作案例,配套丰富的教学资源。本教材的设计和呈现充分体现了职业教育新形态教材的理念,结合融媒体和数字化技术,以适应学生的需求。
          </p>
          <p>
            第2版教材由魏全斌担任主编,负责整体思路的筹划,拟定具体的编写方案。杨乐、段玉超、王佳担任副主编,王嘉梅、李林、赵青、何露瑶参与编写。孙皝、刘贫、朱玉龙、高影、周雨露、马俊伟也为本教材的出版作出了贡献。中国民航大学邹铁夫对本教材进行了审读,成都航空有限公司陈凌在让本教材体现新技术、新规范、新标准方面提供了优秀的建议,有效地保证了本教材的科学性、专业性、实用性、适用性,在此表示衷心的感谢。
          </p>
          <p>
            本教材不仅适用于航空运输类相关专业教学,也可以作为航空公司的培训教材。受编者水平所限,本教材难免存在一定的不当之处,恳请广大读者提出宝贵意见,以便我们作进一步的修订完善。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <div style="padding: 136px 98px">
          <div class="fl fd-r">
            <div class="fl fd-c al-c" style="margin: 100px 0">
              <h1 id="a004">前言</h1>
              <p class="td-0">PREFACE</p>
              <p class="zt-hs1 td-0">(第 1 版)</p>
            </div>
          </div>
          <p>《国家中长期教育改革和发展规划纲要(2010—2020年)》明确提出:中等职业教育与高等职业教育协调发展,构建现代职业教育体系。职业教育为社会、经济和人的发展服务成为职业教育理论工作者与实践工作者的共识。</p>
          <p>近年来,随着社会、经济的进步,民航业得到了空前的发展。民航业的大发展需要大量道德高尚、素质优良、技能娴熟的一专多能的人才。正因为如此,一批办学理念先进、教学与实习实训设备精良、师资力量雄厚的学校或专业应运而生,为促进民航业的发展作出了重要贡献。</p>
          <p>要培养高素质的人才,离不开高质量的学校,离不开高水平的教师,更离不开理念先进、内容丰富、形式新颖的精品教材。为此,我们组织了全国行业职业教育教学指导委员会、全国中等职业教育教学改革创新指导委员会、职业教育教学研究机构的专家,全国近20家企业的行家以及具有丰富的教学与教材编写经验的优秀教师群策群力编写了本套教材。</p>
          <p>本套教材立足国内近20家企业相关工作岗位对人才素质与能力的要求,针对学生职业生涯发展的需求编写。在体系结构上,本套教材中的各册教材有机衔接,体系完整。在内容上,本套教材涵盖了典型的工作任务,体现了“贴近社会生活、贴近工作实际、贴近学生特点”“与职业岗位群对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”原则,注重学生职业核心能力的培养。在形式上,本套教材按照“具体—抽象—实践”的逻辑顺序,设计了“案例导入”“读一读”“小贴士”“思考与练习”等栏目,行文中图文并茂,突出了教材的可读性与互动性,既方便教师的教,也方便学生的学。本套教材既可供职业院校航空运输类专业学生使用,也可作为民航企业员</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">002</li>
          <li class="header-left-text">航空服务口语交际与播音技巧(第 2 版)</li>
        </ul>
        <div class="bodystyle">
          <p class="td-0" >工的培训教材或参考资料。</p>
          <p>本教材由职业教育专家魏全斌担任主编,由陆建华、杨省贵、段剑锋、曾远志、张义光担任副主编。参加本教材编写的人员有:中国民航飞行学院陈新,四川西南航空专修学院刘桦、张菲菲、杨洪光、王建宽,成都航空旅游职业学校程冲、余磊等。全书由中国民航飞行学院杨省贵统稿。</p>
          <p>在编写本教材的过程中,得到了上海机场贵宾服务公司总经理王培立、深圳宝安国际机场安检站站长赵萍、成都双流国际机场安检站副站长夏静、深圳航空公司维修工程部总经理助理王继营、四川新力航空技术有限公司(机务)总经理李元、一汽大众人力资源部部长卢荃等航空企业的专业的指导;吸纳了四川西南航空专修学院、成都航空旅游职业学校、成都礼仪职业中学、成都财贸职业中专学校、成都现代职业技术学校等职业院校骨干教师的宝贵建议;尤其是,由全国各大航空公司、机场服务企业知名的专家和领导组成的“职业院校航空服务专业教材建设企业专家指导委员会”的专家针对教材的内容、编写体例等提出了大量的建议,有效地保证了本教材与民航服务企业的实际工作要求相吻合,在此一并表示衷心的感谢。在编写本教材的过程中,我们参阅了相关论著和资料,引用了一些最新的研究成果,但由于联系方式不准确等原因,未能一一征得原成果作者的同意,敬请原成果作者谅解并与我们联系,我们将奉寄稿酬和样书,并在重印或再版时根据原成果作者的要求进行相应的调整。</p>
          <p>教材中难免有不尽如人意之处,恳请广大读者提出宝贵的意见,以便我们在修订时加以完善。</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "pageHeader",
  props: {
    showPageList: {
      type: Array,
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="less" scoped>
.box {
  max-width: 400px;
  margin: 0 auto;
}
p {
  font-size: 16px !important;
}
.preface {
  height: 224px;
  background: linear-gradient(to right, #8fc58c, #fff);
}
.preface-text {
  font-size: 26px !important;
  color: #000 !important;
}
.mt-100 {
  margin-top: 100px !important;
}
</style>
src/books/OralAndBroadcasting/view/components/index.vue
New file
@@ -0,0 +1,961 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize + 'px',
        transform: `scale(${pageZoom})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapter001
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
      ></chapter001>
    </div>
  </div>
</template>
<script>
import pageHeader from "./header.vue";
import chapter001 from "./chapter001.vue";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "pageContent",
  data() {
    return {
      catalogLength: 2, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
      previousScrollTop: 0,
      throttledScrollHandler: null,
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionDataMap: {},
      renderSignMap: {},
      highlightData: null,
      audioPath: "",
      currentTime: null,
      videoList: [],
    };
  },
  computed: {
    fontSize() {
      this.transformDom(this.$store.state.qiankun.fontSize);
      return this.$store.state.qiankun.fontSize
        ? this.$store.state.qiankun.fontSize
        : 18;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale
        ? this.$store.state.qiankun.scale / 100
        : 1;
    },
  },
  watch: {
    showCatalogList: {
      handler(newVal, oldVal) {
        if (
          this.$store.state.qiankun &&
          this.$store.state.qiankun.catalogChange
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal,
          });
        }
        // 启动页码观察
        setTimeout(() => {
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
        setTimeout(() => {
          this.transformDom(this.$store.state.qiankun.fontSize);
          this.initSwiper();
          this.initViewer();
          this.closeAudio();
          this.closeVideo();
        }, 200);
      },
    },
    pageZoom: {
      handler(newVal, oldVal) {
        const scrollBox = (
          this.container ? this.container : document
        ).querySelector(".page-main");
        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
      },
    },
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [1];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
      this.throttleThreshold,
      { leading: true, trailing: false }
    );
    // 定义子层方法
    if (this.setGlobalState) {
      // 提供页面跳转功能
      this.setGlobalState({
        gotoPage: (catalog, page) => {
          this.gotoPage(catalog, page);
        },
        // 渲染笔记、高亮、划线
        renderSign: (type, data) => {
          // 因为调整为页面懒加载,所以渲染标记也需要按照页面进行处理,先储存数据,页面加载完成再渲染对应的标记;
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        // 全文检索
        searchBookByKeyword: (keyword) => {
          return this.searchTextByPage(keyword);
        },
        // 跳转检索结果位置
        jumpSearchItem: (data) => {
          this.searchItemLocation(data);
        },
      });
    }
    // 创建一个新的 Intersection Observer 实例,用于观察目标元素和执行相应的回调函数。
    // new IntersectionObserver(callback, options):使用之前定义的 callback 回调函数和 options 配置选项来初始化 Intersection Observer 实例。
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素,这里设为 null,表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界,这里设为 "0px",表示根元素的边界和视窗的边界重合
      threshold: 0.5, // 指定交叉比例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });
    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // 指定根元素,这里设为 null,表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界,这里设为 "0px",表示根元素的边界和视窗的边界重合
      threshold: 0, // 指定交叉比例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });
    // 启动页码观察
    setTimeout(() => {
      this.initObservation();
      this.initThemeColor();
    }, 500);
    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(2, 23);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "题一学习主题一 运动",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    // setTimeout(() => {
    //   this.delSign({
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    // }, 500);
    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500);
  },
  methods: {
    // setZoom1() {
    //   let scale = this.$store.state.qiankun.scale + 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // setZoom2() {
    //   let scale = this.$store.state.qiankun.scale - 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // 滚动监听
    scrollFun(event) {
      this.handleVideoPicture();
      // 判断向上滚动还是向下滚动
      if (event.target.scrollTop > this.previousScrollTop) {
        this.getAduio();
        // 向下
        const currentScrollTop =
          event.target.scrollTop + event.target.offsetHeight;
        if (
          currentScrollTop >=
          event.target.scrollHeight - this.loadThreshold
        ) {
          console.log(1);
          // 到达阈值
          if (
            this.showCatalogList[this.showCatalogList.length - 1] <
            this.catalogLength
          ) {
            // 加载下一章
            this.showCatalogList.push(
              this.showCatalogList[this.showCatalogList.length - 1] + 1
            );
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏顶部一章
              this.showCatalogList.shift();
            }
          }
        }
      } else if (event.target.scrollTop < this.previousScrollTop) {
        this.handleAudio();
        // 向上
        const currentScrollTop = event.target.scrollTop;
        if (currentScrollTop <= this.loadThreshold) {
          // 到达阈值
          if (this.showCatalogList[0] > 0) {
            // 加载上一章
            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏底部一章
              this.showCatalogList.pop();
            }
          }
        }
      }
      // showCatalogList 当前显示的三个章节,watch监听传递给主应用
      // 更新上一次滚动的位置
      this.previousScrollTop = event.target.scrollTop;
    },
    // 章节、页面跳转
    gotoPage(catalog, page) {
      if (catalog >= 0 && catalog <= this.catalogLength) {
        // 处理渲染章节
        if (catalog == 0) {
          this.showCatalogList = [0, 1];
        } else if (catalog == this.catalogLength) {
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
        }
        setTimeout(() => {
          // 跳转页码
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`);
          if (pageDom) {
            pageDom.scrollIntoView();
          } else {
            console.log("页码错误!");
          }
        }, 500);
      } else {
        console.log("章节错误!");
      }
    },
    // 处理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // 立即渲染
        this.renderSign(type, data);
      }
      // 储存数据
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
      this.renderSignMap[type][data.page].push(data);
    },
    // 渲染标记
    renderSign(type, data) {
      // 父层设置禁止渲染标记时不再进行渲染
      if (this.$store.state.qiankun.disableSign) {
        return false;
      }
      const existence = (
        this.container ? this.container : document
      ).querySelector(`[dataid="${data.id}"]`);
      // 去重
      if (!existence) {
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // 创建 createTreeWalker 迭代器,用于遍历文本节点,保存到一个数组
        const treeWalker = document.createTreeWalker(
          pageDom,
          NodeFilter.SHOW_TEXT
        );
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
          allTextNodes.push(currentNode);
          currentNode = treeWalker.nextNode();
        }
        for (let i = 0; i < allTextNodes.length; i++) {
          const textDom = allTextNodes[i];
          if (textDom.textContent.indexOf(data.txt) > -1) {
            let reg = new RegExp(`${data.txt}`, "ig");
            switch (type) {
              case "Highlight":
                // 高亮
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Dashing":
                // 划线
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Note":
                // 笔记
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
                  );
                break;
            }
          }
        }
      }
    },
    // 删除标记渲染
    delSign({ ids, type }) {
      if (ids && ids.length) {
        for (let i = 0; i < ids.length; i++) {
          const id = ids[i];
          const dom = (
            this.container ? this.container : document
          ).querySelector(`[dataid="${id}"]`);
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
      if (type) {
        const doms = (
          this.container ? this.container : document
        ).querySelectorAll(`[datatype="${type}"]`);
        for (let i = 0; i < doms.length; i++) {
          const dom = doms[i];
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
    },
    initObservation() {
      const sections = (
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      sections.forEach((section) => {
        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
          const page = section.getAttribute("page");
          if (Number(page) > this.config.activeBook.tryPageCount) {
            let chapterDom = this.getParentWithClass(section, "chapter");
            const chapterNum = chapterDom.getAttribute("num");
            this.catalogLength = Number(chapterNum) - 1;
            section.remove();
            return false;
          }
        }
        // observer 观察每个元素,以便在它们进入或离开视窗时触发回调函数。
        const isObserver = section.getAttribute("observer");
        const isLoadObserver = section.getAttribute("loadObserver");
        if (!isObserver) {
          this.observer.observe(section);
          section.setAttribute("observer", "1");
        }
        if (!isLoadObserver) {
          this.loadPageObserver.observe(section);
          section.setAttribute("loadObserver", "1");
        }
      });
    },
    initThemeColor() {
      // 获取各种需要主题色的节点
      const colorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-color");
      const backgroundColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-back");
      const borderColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-border");
      // 获取配置的主题色
      const bookThemeColor =
        this.config.activeBook && this.config.activeBook.bookThemeColor
          ? this.config.activeBook.bookThemeColor
          : null;
      const chapterThemeColor =
        this.config.activeBook && this.config.activeBook.chapterThemeColor
          ? this.config.activeBook.chapterThemeColor
          : null;
      const pageThemeColor =
        this.config.activeBook && this.config.activeBook.pageThemeColor
          ? this.config.activeBook.pageThemeColor
          : null;
      colorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
      });
      backgroundColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
      });
      borderColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    pageChangeCallback(entries, observer) {
      //entries:代表观察到的目标元素的集合。 observer:代表观察者对象。
      entries.forEach((entry) => {
        //entry.isIntersecting:检查当前目标元素是否与根元素相交。
        if (entry.isIntersecting) {
          const target = entry.target;
          //entry.target:获取当前目标元素
          const page = target.getAttribute("page");
          const catalogDom = this.tool.getParentNodeByClassName(
            target,
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 50);
          }
          // 返回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections:获取所有具有 .section 类名的元素,并转换为数组。
          // let index = sections.findIndex((section) => section === target) + 1;
          //index:查找当前目标元素在 sections 数组中的索引,并加 1,用于确定当前页码。
        }
      });
    },
    loadPageCallback(entries, observer) {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting) {
          const target = entry.target;
          const page = target.getAttribute("page");
          if (this.loadPageList.indexOf(Number(page)) == -1) {
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
            );
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionDataMap[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionDataMap[page] = await getQuestionList(
            //           page,
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
            //           obj[key] = await getQuestionList(
            //             [],
            //             testData[catalog][page][key],
            //             this.config.activeBook
            //           );
            //         }
            //         this.questionDataMap[page] = obj;
            //       }
            //       console.log("题目", this.questionDataMap);
            //     }
            //   }
            // }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            // 处理高亮
            if (this.highlightData) {
              // 高亮行
              setTimeout(() => {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(
                  target,
                  NodeFilter.SHOW_TEXT
                );
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
                while (currentNode) {
                  allPageTextNodes.push(currentNode);
                  currentNode = pageTextList.nextNode();
                }
                for (let i = 0; i < allPageTextNodes.length; i++) {
                  const textDom = allPageTextNodes[i];
                  let txtIndex = textDom.textContent.indexOf(
                    this.highlightData.txt
                  );
                  if (txtIndex > -1) {
                    textDom.parentNode.style.transition =
                      "background-color 0.8s";
                    textDom.parentNode.scrollIntoView();
                    textDom.parentNode.style.backgroundColor = "#79bbf0";
                    setTimeout(() => {
                      textDom.parentNode.style.backgroundColor = "";
                    }, 1000);
                  }
                }
              }, 100);
            }
            if (this.loadPageList.length > 5) {
              // 超过5页
              this.loadPageList.shift();
            }
          }
        }
      });
    },
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          // observer: true,
          // observeParents: true
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper_ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on: {
            init: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数)
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
            slideChange: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数)
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
          },
        });
      }
    },
    initViewer() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".openImgBox");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Viewer(dom, {
          container: this.container
            ? this.container.querySelector("#app")
            : "body",
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true, // 显示标题
        });
      }
    },
    // 根据关键字全文检索
    searchTextByPage(keyword) {
      const searchResult = [];
      let catalogIndex = 0;
      // 所有章节组件(每本书制作时单独配置)
      const pageData = {
        pageHeader,
        chapter001
      };
      // 遍历所有章节文件
      for (const key in pageData) {
        catalogIndex++;
        let pageComponent, pageExample;
        // 先渲染一次当前章节文件(这时页面的内容为空),获取页码信息
        pageComponent = Vue.extend(pageData[key]);
        pageExample = new pageComponent({
          propsData: {
            showPageList: [],
            questionData: {},
            isSearch: true,
          },
        });
        pageExample.$mount(
          (this.container ? this.container : document).querySelector(
            "#searchContent"
          )
        );
        // 获取页码
        const pageDom = (this.container ? this.container : document)
          .querySelector("#searchDomBox")
          .querySelectorAll(".page-box");
        const pages = [];
        for (let i = 0; i < pageDom.length; i++) {
          const pageDomItem = pageDom[i];
          pages.push(Number(pageDomItem.getAttribute("page")));
        }
        // 获取页面结束,卸载销毁
        pageExample.$destroy();
        (this.container ? this.container : document).querySelector(
          "#searchDomBox"
        ).innerHTML = '<div id="searchContent"></div>';
        // 遍历页码
        if (pages.length) {
          for (let i = 0; i < pages.length; i++) {
            const pageNum = pages[i];
            // 动态渲染对应章节的页码
            pageComponent = Vue.extend(pageData[key]);
            pageExample = new pageComponent({
              propsData: {
                showPageList: [pageNum],
                questionData: {},
                isSearch: true,
              },
            });
            pageExample.$mount(
              (this.container ? this.container : document).querySelector(
                "#searchContent"
              )
            );
            // 获取对应页面dom
            const thisPageDom = (this.container ? this.container : document)
              .querySelector("#searchDomBox")
              .querySelector(`[page="${pageNum}"]`);
            if (thisPageDom) {
              // 获取页面所有text节点
              const pageTextList = document.createTreeWalker(
                thisPageDom,
                NodeFilter.SHOW_TEXT
              );
              // 匹配关键字
              const allPageTextNodes = [];
              let currentNode = pageTextList.nextNode();
              while (currentNode) {
                allPageTextNodes.push(currentNode);
                currentNode = pageTextList.nextNode();
              }
              for (let i = 0; i < allPageTextNodes.length; i++) {
                const textDom = allPageTextNodes[i];
                let txtIndex = textDom.textContent.indexOf(keyword);
                if (txtIndex > -1) {
                  // 记录关键字所在页码、章节以及匹配到的段落
                  searchResult.push({
                    page: pageNum,
                    catalog: catalogIndex,
                    txt: textDom.textContent,
                    txtIndex: txtIndex,
                  });
                }
              }
              // 结束,卸载销毁
              pageExample.$destroy();
              (this.container ? this.container : document).querySelector(
                "#searchDomBox"
              ).innerHTML = '<div id="searchContent"></div>';
            }
          }
        }
      }
      // 输出搜索结果
      console.log(searchResult);
      return searchResult;
    },
    // 根据检索结果跳转对应位置并高亮
    searchItemLocation(data) {
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
    // 页面向下滚动,音频小窗播放功能
    getAduio() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      this.videoList = allVideo;
      if (allVideo.length) {
        // 查找播放状态的最后一条音频
        const playAudio = allVideo
          .reverse()
          .find((item) => item.paused == false);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap < 0) {
            playAudio.pause();
            this.audioPath = playAudio.src;
            this.currentTime = playAudio.currentTime;
          }
        }
      }
    },
    // 页面向上滚动,音频小窗回收
    handleAudio() {
      if (!this.audioPath) return false;
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      if (allVideo.length) {
        //查找与小窗播放音频同源的页面audio DOM
        const playAudio = allVideo.find((item) => item.src == this.audioPath);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap >= 0) {
            if (this.$refs.audioPlayer) {
              const playerState = this.$refs.audioPlayer.getVideoPlayer();
              this.audioPath = "";
              playAudio.currentTime = playerState.currentTime;
              if (!playerState.paused) playAudio.play();
            }
          }
        }
      }
    },
    // 关闭mini video
    closeMiniAudio() {
      this.audioPath = "";
    },
    // 点击音频播放,关闭其他音频
    closeAudio() {
      let allAudio = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      for (let index = 0; index < allAudio.length; index++) {
        const item = allAudio[index];
        item.addEventListener("play", () => {
          const audioList = Array.from(allAudio);
          for (let cindex = 0; cindex < audioList.length; cindex++) {
            const citem = audioList[cindex];
            if (citem.currentSrc != item.src) {
              citem.pause();
            }
          }
          this.closeMiniAudio();
        });
      }
    },
    // 点击视频关闭其他
    closeVideo() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".video");
      for (let index = 0; index < allVideo.length; index++) {
        const item = allVideo[index];
        item.addEventListener("playing", (item) => {
          const path = item.srcElement.src;
          const videoList = Array.from(allVideo);
          for (let cindex = 0; cindex < videoList.length; cindex++) {
            const citem = videoList[cindex];
            if (citem.currentSrc != path && path) {
              citem.pause();
            }
          }
        });
      }
    },
    // 视频小窗
    handleVideoPicture() {
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".video"
      );
      doms = Array.from(doms);
      if (!doms.length) return false;
      const playVudio = doms.reverse().find((item) => item.paused == false);
      if (playVudio) {
        const bottomGap = playVudio.getBoundingClientRect().bottom;
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) playVudio.requestPictureInPicture();
          } catch (error) {
            console.log(error, "小窗错误error");
          }
        }
      }
    },
    //其他类名下字体大小变化
    transformDom(fs) {
      if (!fs) return;
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".block"
      );
      if (!doms.length) return;
      for (let index = 0; index < doms.length; index++) {
        const dom = doms[index];
        dom.style.fontSize = fs + "px";
      }
    },
  },
  components: {
    pageHeader,
    chapter001
  },
};
</script>
<style lang="less" scoped>
.page-main {
  width: 100% !important;
  height: 100% !important;
  overflow: auto;
  .page-content {
    max-width: 816px;
    min-width: 375px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
}
</style>
src/books/OralAndBroadcasting/view/index.vue
New file
@@ -0,0 +1,78 @@
<template>
    <div class="OralAndBroadcasting" @mouseup="handleMouseUp">
      <pageContent></pageContent>
    </div>
  </template>
  <script>
  import pageContent from "./components/index.vue"
  export default {
    name: "civilAviation",
    components: { pageContent },
    computed: {
      fontSize() {
        return this.$store.state.qiankun.fontSize;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale / 100;
      },
    },
    methods: {
      getParentWithClass(element, className) {
        while (element.parentElement) {
          element = element.parentElement;
          if (element.classList.contains(className)) {
            return element;
          }
        }
      },
      handleMouseUp(e) {
        const selection = (
          this.container ? this.container : window
        ).getSelection();
        const txt = selection.toString();
        if (selection.type != "none" && txt) {
          let node = selection.anchorNode.parentNode;
          let pageHtml = this.getParentWithClass(
            selection.anchorNode,
            "page-box"
          );
          let chapterDom = this.getParentWithClass(
            selection.anchorNode,
            "chapter"
          );
          let chapterNum;
          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
          if (pageHtml) {
            const page = pageHtml.getAttribute("page");
            // 监听选中文本事件,并触发父层方法
            if (this.$store.state.qiankun.windowSelection) {
              this.$store.state.qiankun.windowSelection({
                chapterNum,
                txt,
                page,
                x: e.x,
                y: e.y,
              });
            }
          }
        } else {
          if (this.$store.state.qiankun.windowSelection) {
            this.$store.state.qiankun.windowSelection({
              chapterNum: "",
              txt: "",
              page: "",
              x: e.x,
              y: e.y,
            });
          }
        }
      },
    },
  };
  </script>
  <style lang="less">
  @import "../assets/main.less";
  </style>
src/books/aviationBasicSkills/assets/images/Cover.jpg

src/books/aviationBasicSkills/assets/images/fengdi.png

src/books/aviationEtiquette/assets/examinationList.js
New file
@@ -0,0 +1,33 @@
const testData = {
  2: {
    18: [152451, 152452, 152453, 152454, 152455, 152456, 152457, 152458],
    31: [152549, 152550, 152551, 152552, 152553, 152554, 152555, 152556],
  },
  3: {
    78: [
      152460, 152461, 152462, 152463, 152464, 152465, 152466, 152467, 152468,
      152469, 152470, 152471, 152472, 152473, 152474,
    ],
    94: [152475, 152476, 152477, 152478, 152479],
  },
  4: {
    108: [152480, 152481, 152487, 152488],
    117: [152482, 152483, 152484, 152485, 152486, 152489],
  },
  5: {
    134: [152559, 152560, 152561, 152562, 152563, 152564],
    140: [152494, 152495, 152496, 152497],
    152: [
      152498, 152499, 152500, 152501, 152502, 152503, 152504, 152505, 152506,
      152507,
    ],
  },
  6: {
    169: [
      152508, 152509, 152510, 152511, 152512, 152513, 152514, 152515, 152516,
      152517,
    ],
  },
};
export default testData;
src/books/aviationEtiquette/assets/images/0129-1.jpg
src/books/aviationEtiquette/assets/images/FD.jpg

src/books/aviationEtiquette/assets/images/cbxx.jpg

src/books/aviationEtiquette/assets/images/feiye.png

src/books/aviationEtiquette/assets/images/fengmian.png

src/books/aviationEtiquette/assets/images/unitFive-01.png
src/books/aviationEtiquette/assets/images/unitFive-02.png
src/books/aviationEtiquette/assets/images/unitFour-01.png
src/books/aviationEtiquette/assets/images/unitFour-02.png
src/books/aviationEtiquette/assets/images/unitFour-03.png
src/books/aviationEtiquette/assets/images/unitOne-01.png
src/books/aviationEtiquette/assets/images/unitOne-02.png
src/books/aviationEtiquette/assets/images/unitOne-03.png
src/books/aviationEtiquette/assets/images/unitThree-01.png
src/books/aviationEtiquette/assets/images/unitThree-02.png
src/books/aviationEtiquette/assets/images/unitTwo-01.png
src/books/aviationEtiquette/assets/images/unitTwo-02.png
src/books/aviationEtiquette/assets/main.less
@@ -10,7 +10,8 @@
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
    }
    .foreword{
    .foreword {
        font-family: 'FZLTZHJW';
        font-weight: 300;
        font-size: 1.5em;
@@ -19,24 +20,28 @@
        margin-bottom: 0;
        text-indent: 0em;
    }
    .topBorder{
        width:120px;
    .topBorder {
        width: 120px;
        border-top: 1px solid #6E85AF;
        border-bottom: 1px solid #6E85AF;
        height: 2px;
    }
    .bottomBorder{
        width:180px;
    .bottomBorder {
        width: 180px;
        border-top: 1px solid #6E85AF;
        border-bottom: 1px solid #6E85AF;
        height: 2px;
    }
    input[type="radio"] {
        accent-color:#6E85AF !important;
        accent-color: #6E85AF !important;
        cursor: pointer;
    }
    input[type="checkbox"] {
        accent-color:#6E85AF !important;
        accent-color: #6E85AF !important;
        cursor: pointer;
    }
@@ -161,6 +166,9 @@
    td {
        padding: 5px 10px;
    }
    .c-p{
        cursor: pointer;
    }
    .fl {
        display: flex;
@@ -261,29 +269,29 @@
    .mb-10 {
        margin-bottom: 10px !important;
    }
    .pNum{
        font-size:18px !important;
    .pNum {
        font-size: 18px !important;
        font-style: italic;
        font-family: "kaiti";
        padding-top:2px !important;
        padding-bottom:2px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .p-Num{
    .p-Num {
        background-color: #92B0D5;
        color: #fff;
        font-size: 14px;
        padding: 3px 0;
        padding-right: 8px;
        font-size: 18px;
        font-style: italic;
        font-family: "kaiti";
        padding-top:2px !important;
        padding-bottom:2px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .cloud{
    .cloud {
        padding: 0px 8px 0 0 !important;
    }
@@ -350,18 +358,18 @@
    .header-right-last {
        font-size: 17px;
        background-color: #B799B6;
        padding: 2px 0;
        padding-left: 20px;
        background-color: #B799B6;
        padding: 1.5px 0;
        padding-left: 20px;
    }
    .header-right-end {
        font-size: 17px;
        background-color: #738DC0;
        padding: 2px 0;
        padding: 1.5px 0;
        padding-left: 50px;
    }
@@ -390,19 +398,20 @@
    }
    .textarea-box {
        width:88%;
        margin-left:2em;
        width: 88%;
        margin-left: 2em;
        overflow: auto;
        word-break: break-all;
        resize: none;
        border:1px solid #738DC0;
        border: 1px solid #738DC0;
        border-radius: 5px;
        background-color:rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
    }
    .input-box{
        border:none;
        border-bottom:1px solid #333;
        background-color:rgba(255, 255, 255, 0);
    .input-box {
        border: none;
        border-bottom: 1px solid #333;
        background-color: rgba(255, 255, 255, 0);
        outline: none;
    }
@@ -650,12 +659,12 @@
        margin-bottom: 18px;
    }
    .imgBox {
        display: flex !important;
        flex-direction: column-reverse !important;
        position: relative !important;
        .img {
            margin: 0 !important;
            font-size: 14px !important;
@@ -664,7 +673,7 @@
            transform: translateX(-50%);
            bottom: -2% !important;
        }
        img {
            height: 80%;
        }
@@ -732,23 +741,24 @@
    }
    .event-header-text-bc {
        background-color: #bbd4ec;
        background-color: #DED5E8;
    }
    //视频  
    .video-box-cover {
        border: 1px dashed #895B2E;
        border: 1px dashed #6E85AF;
        padding: 2% 2%;
    }
    .video-box {
        margin: 20px 0 20px 0;
        border: 1px dashed #895B2E;
        border: 1px dashed #6E85AF;
        padding: 2% 2%;
    }
    .video-box-left {
        margin: 20px 8% 20px 0;
        border: 1px dashed #895B2E;
        border: 1px dashed #6E85AF;
        padding: 2% 2%;
    }
@@ -1119,6 +1129,11 @@
        text-align: justify;
    }
    .t-al {
        text-align-last: justify;
    }
    .cover {
        width: 100%;
        padding: 0px;
@@ -1153,6 +1168,7 @@
        margin-left: 0%;
        margin-right: 0%;
    }
    .left3 {
        margin: 0 !important;
        line-height: 20px;
@@ -1406,7 +1422,8 @@
        font-size: 1.2em;
        padding: 25px;
        border: 4px dotted #197ABF;
        .block{
        .block {
            font-family: "kaiti";
        }
    }
@@ -1581,9 +1598,10 @@
        margin-left: -0.6em;
        margin-right: -0.6em;
        margin-top: -0.5em;
    }
    div.bj3 p{
    div.bj3 p {
        font-family: 'FangSong' !important;
    }
@@ -1622,7 +1640,7 @@
    }
    .bk-video{
    .bk-video {
        border: 0.15em dashed #92A1CB;
        padding: 1.8em 5px;
        margin-bottom: 2em;
@@ -1896,42 +1914,59 @@
@font-face {
    font-family: 'FZLTZHJW';
    src: url('./Fonts/FZLTZHJW.ttf');
  }
  @font-face {
}
@font-face {
    font-family: 'FZLTXIHJW';
    src: url('./Fonts/FZLTXIHJW.ttf');
  }
  @font-face {
}
@font-face {
    font-family: 'FZHTJW';
    src: url('./Fonts/FZHTJW.ttf');
  }
  @font-face {
}
@font-face {
    font-family: 'FANGSONG';
    src: url('./Fonts/fangSong.ttf');
  }
  @font-face {
}
@font-face {
    font-family: 'FANGZHENG';
    src: url('./Fonts/fangZheng.ttf');
  }
  @font-face {
}
@font-face {
    font-family: 'ZHUNYUAN';
    src: url('./Fonts/zhunyuan.ttf');
  }
  @font-face {
}
@font-face {
    font-family: 'ZHONGDENGXIAN';
    src: url('./Fonts/zhongdengxian.ttf');
  }
  @font-face {
}
@font-face {
    font-family: 'BOYA';
    src: url('./Fonts/boYa.ttf');
  }
}
.dialogQuestion {
    background-color: #6E85AF;
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    span {
        color: #fff;
        font-size: 20px;
        padding: 0 40px 0 20px;
        cursor: pointer;
    }
}
// 隐藏页面
.hidePage {
@@ -1940,10 +1975,153 @@
    box-shadow: none !important;
}
.pdfModal {
    width: 100%;
    height: 90vh;
    .pdfBox-component {
        width: 100%;
        height: 100%;
        position: relative;
        .preview {
            width: 100%;
            height: 100%;
            .imageBox {
                height: calc(100% - 30px);
                overflow-x: hidden;
                overflow-y: auto;
                background: #ccc;
                box-sizing: border-box;
            }
            .imageBox:hover {
                cursor: zoom-in !important;
            }
            ::v-deep .el-dialog__header {
                background-color: rgba(0, 0, 0, 0.8);
                .header_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';
                    span:nth-child(2):hover {
                        cursor: pointer;
                    }
                }
                ::v-deep .el-dialog__title,
                ::v-deep .el-dialog__headerbtn .el-dialog__close {
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';
                }
            }
            .bottom_tool {
                height: 30px;
                background-color: rgba(0, 0, 0, 0.8);
                display: flex;
                justify-content: flex-end;
                align-items: center;
                svg {
                    margin-right: 15px;
                    fill: #d1d1d1;
                }
                svg:hover {
                    fill: #fff;
                    cursor: pointer;
                }
            }
        }
        .notBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 30px);
            min-height: 300px;
        }
    }
}
.custom-dialog {
    overflow: hidden !important;
    .el-dialog__body {
        padding: 0;
    }
    .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);
        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
            span:nth-child(2):hover {
                cursor: pointer;
            }
        }
        .el-dialog__title,
        .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
        }
    }
}
.examination {
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    // color: #fff;
    font-weight: 900;
    font-size: 16px;
    font-family: 'FZLTXIHJW';
    span:nth-child(2):hover {
        cursor: pointer;
    }
}
.custom-dialog .el-dialog__header{
    background-color:#6E85AF  !important;
}
/* 媒体查询做基础响应式布局 */
@media screen and (max-width: 1024px) {
    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
@@ -1952,7 +2130,7 @@
}
@media screen and (max-width: 800px) {
    .custom-dialog {
        .el-dialog {
@@ -1963,27 +2141,27 @@
@media (max-width: 660px) {
    .aviationEtiquette-book {
        .header-right-Number{
        .header-right-Number {
            font-size: 9px;
            img{
                height: 16px;
            img {
                height: 16px;
            }
        }
        .header-left-Number{
        .header-left-Number {
            font-size: 9px;
        }
        .pad-r-80{
        .pad-r-80 {
            padding-right: 10px;
        }
        .pad-l-80{
        .pad-l-80 {
            padding-left: 10px;
        }
        h1{
        h1 {
            font-size: 1em;
        }
@@ -1993,26 +2171,28 @@
            margin-bottom: 1.5em;
            margin-left: 2.5em;
        }
        .rwmb-4{
        .rwmb-4 {
            margin-top: 1.5em;
            height: 1.5em;
        }
        .header-right-last{
        .header-right-last {
            font-size: 10px;
        }
        .header-right-end{
        .header-right-end {
            font-size: 10px;
        }
        .p-Num{
        .p-Num {
            font-size: 12px;
        }
        .mr-70 {
            margin-right: 10px;
        }
        /* 分页padding */
        .padding-93 {
            padding: 0 20px;
src/books/aviationEtiquette/view/components/chapter001.vue
@@ -17,6 +17,8 @@
              <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/unitOne-01.png" alt=""></p>
          <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>
@@ -77,6 +79,25 @@
          <p>1.了解礼仪的五种起源说。</p>
          <p>2.了解中国礼仪发展的历程。</p>
          <p>3.理解中西方礼仪融合发展的意义。</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.isCollectVideoOne ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d001">一、礼仪的起源</h4>
          <p>
            我国素有“礼仪之邦”的美誉,礼仪文化源远流长。“礼”字最早出现在金文里。人类发展的初期,人们对很多自然现象,如火山喷发、地震、电闪雷鸣等无法理解也无法解释,只能归结为鬼神的力量所致,他们认为天地间有神的力量在主宰,也有鬼魂的存在,而出于对天地鬼神的惧怕、敬仰,人们通过设计流程、举行仪式、敬献祭品等方式来表达敬畏,这种流程逐渐固化为一种规范,这样就产生了礼。北京的“天坛”“地坛”就是古代国君用来举行这类祭天祭地活动的建筑。
@@ -115,7 +136,7 @@
        <div class="bodystyle">
          <h6 id="f004">4.礼为人性和环境矛盾的产物</h6>
          <p>
            “颜渊问仁。子曰:‘克己复礼为仁。一日克己复礼,天下归仁焉。”(《论语·颜渊》)克己是对自我的管理,人与环境会产生矛盾,而解决这种矛盾的方法就是“克己”。孔子一直把对人性的约束和管理作为恢复周礼的重要途径,人有各种欲望,需通过道德、礼仪、法律等形式进行规范,故礼为人性和环境矛盾的产物。
            “颜渊问仁。子曰:‘克己复礼为仁。一日克己复礼,天下归仁焉。’”(《论语·颜渊》)克己是对自我的管理,人与环境会产生矛盾,而解决这种矛盾的方法就是“克己”。孔子一直把对人性的约束和管理作为恢复周礼的重要途径,人有各种欲望,需通过道德、礼仪、法律等形式进行规范,故礼为人性和环境矛盾的产物。
          </p>
          <h6 id="f005">5.礼生于理,源于俗</h6>
          <p>
@@ -135,7 +156,7 @@
            周公的“制礼作乐”,实际上就是建立周代的一系列制度,它涉及政治、经济、法律、礼仪、祭祀、教育等制度及乐舞活动,是对周代的社会政治文化各个方面的较全面的规范。在制定周代礼制过程中,周公不是简单地重复前代礼仪,而是把礼仪贯穿于所有活动中,从而建立了一套完整、周密甚至烦琐的礼仪系统,使礼仪在周代具有全新的意义。
          </p>
          <p>
            春秋时期,社会生产力的发展,新兴地主阶级的出现导致“礼崩乐坏”,社会十分混乱,新旧势力的斗争尖锐。孔子在这一时期提出“仁”的思想,并把它同“礼”有机结合在一起,形成了儒家思想体系的核心,构成了儒家思想的社会道德规范。在中国早期文明史上,周王朝礼乐文明持续数百载,对中华民族文化心理的塑造产生了重要影
            春秋时期,社会生产力的发展,新兴地主阶级的出现导致“礼崩乐坏”,社会十分混乱,新旧势力的斗争尖锐。孔子在这一时期提出“仁”的思想,并把它同“礼”有机结合在一起,形成了儒家思想体系的核心,构成了儒家思想的社会道德规范。在中国早期文明史上,周王朝礼乐文明持续数百载,对中华民族文化心理的塑造产生了重要影响,最终确立了中国“礼仪之邦”的历史地位。
          </p>
        </div>
      </div>
@@ -153,7 +174,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">响,最终确立了中国“礼仪之邦”的历史地位。</p>
          <div class="bk2">
            <div class="zysx">
              <p>
@@ -242,7 +262,7 @@
          <h4 id="d004">二、“仪”的含义</h4>
          <h5 id="e005">(一)指典范、表率</h5>
          <p>
            “上者,下之仪也。彼将听唱而应,视仪而动。唱默则民无应也,仪隐则下无动也。不应不动,则上下无以相有也。”(《荀子·正论》)君主,是臣下的准则。百姓听到倡导就响应,看到准则就行动。君主沉默,百姓就无法响应;准则隐匿,百姓就无
            “上者,下之仪也。彼将听唱而应,视仪而动。唱默则民无应也,仪隐则下无动也。不应不动,则上下无以相有也。”(《荀子·正论》)君主,是臣下的准则。百姓听到倡导就响应,看到准则就行动。君主沉默,百姓就无法响应;准则隐匿,百姓就无法行动。不响应、不行动,那么上下就无法相互依靠。这体现出“仪”的表率、榜样和带头作用。
          </p>
        </div>
      </div>
@@ -260,9 +280,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            法行动。不响应、不行动,那么上下就无法相互依靠。这体现出“仪”的表率、榜样和带头作用。
          </p>
          <h5 id="e006">(二)指容貌、风度</h5>
          <p>
            “君子正其衣冠,尊其瞻视,俨然人望而畏之,斯不亦威而不猛乎?”(《论语·尧曰》)意思说,君子衣冠整齐,目不斜视,使人见了就生敬畏之心,这不也是威严而不凶猛的体现吗?故良好的仪容仪表也可展示出个人的形象气质。
@@ -442,7 +459,7 @@
          </div>
          <h4 id="d011">一、礼敬他人的原则</h4>
          <p>
            礼敬他人是指在社交活动中,交往对象之间相互尊敬、谦让,友好相待,和睦共处;尊重交往对象的人格,尊重交往对象的感情、喜好、习俗,尊重交往对象的劳动,
            礼敬他人是指在社交活动中,交往对象之间相互尊敬、谦让,友好相待,和睦共处;尊重交往对象的人格,尊重交往对象的感情、喜好、习俗,尊重交往对象的劳动,将对交往对象的重视、恭敬、友好放在首位。礼敬他人,是与他人建立和谐的人际关系的基石。
          </p>
        </div>
      </div>
@@ -460,9 +477,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            将对交往对象的重视、恭敬、友好放在首位。礼敬他人,是与他人建立和谐的人际关系的基石。
          </p>
          <h4 id="d012">二、真诚尊重的原则</h4>
          <p>
            苏格拉底说:“不要靠馈赠来获得一个朋友,你必须贡献你诚挚的爱,学习怎样用正当的方法来赢得一个人的心。”由此可见在与人交往过程中,真诚尊重是礼仪的重要原则。真诚是以实事求是的态度待人处世,是友善、诚意的体现。具体表现在,首先,以真诚示人,对待社交对象不虚伪、不欺骗;其次,正确认识他人、相信他人、尊重他人。只有真诚待人、尊重他人,才能创造和谐愉快的人际关系。
@@ -481,7 +495,7 @@
          </p>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
            有一天早晨,鲁迅上学迟到了。教书认真的寿镜吾老先生严厉地对他说:“以后要
            有一天早晨,鲁迅上学迟到了。教书认真的寿镜吾老先生严厉地对他说:“以后要早到!”鲁迅默默地回到座位上,在那张旧书桌上刻了个“早”字,也把一个坚定的信念深深地刻在心里。从那以后,鲁迅上学再没有迟到过,而且时时早、事事早,奋斗了一生。
          </p>
        </div>
      </div>
@@ -500,9 +514,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 block">
            早到!”鲁迅默默地回到座位上,在那张旧书桌上刻了个“早”字,也把一个坚定的信念深深地刻在心里。从那以后,鲁迅上学再没有迟到过,而且时时早、事事早,奋斗了一生。
          </p>
          <h4 id="d015">五、信用宽容的原则</h4>
          <p>
            信用的原则即讲究信誉。诚实守信是中华民族的优秀传统美德。在社交活动中,一是守时,与人约好的会见、会谈、会议等,决不应拖延迟到;二是守约,与人约定的事一定要说到做到,所谓言必信,行必果。
@@ -663,6 +674,24 @@
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.礼敬他人是与他人建立和谐的人际关系的基石
          </p>
          <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>
@@ -686,6 +715,8 @@
              <img class="img-b" 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/unitOne-02.png" alt=""></p>
          <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>
@@ -698,11 +729,6 @@
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="center"><span class="cs1">曾子避席</span></p>
            <p class="fz-15">
              仲尼居,曾子侍。子曰:“先王有至德要道,以顺天下,民用和睦,上下无怨。汝知之乎?”曾子避席曰:“参不敏,何足以知之?”
            </p>
            <p class="fz-15">译文:</p>
            <p class="fz-15">
              某日,在A到B的航班上,头等舱的一名旅客向乘务员询问是否有黑巧克力,乘务员知道这次航班没有配备,但她并没有采取简单否认的方式处理,而是先询问机组成员,后来终于在副驾驶那里找到了黑巧克力并送给了旅客。后来,当乘务员了解到这名旅客一周后要乘坐该公司航班从B返回A后,主动与当天执行航班任务的头等舱乘务员联系,特意为这名旅客准备了黑巧克力。从此,这名旅客成了这家航空公司的忠实顾客。
            </p>
@@ -733,6 +759,25 @@
          <p>1.理解民航服务的含义。</p>
          <p>2.理解民航服务的本质。</p>
          <p>3.了解并掌握民航服务行业的基本特征。</p>
          <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.isCollectVideoTwo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '602e257498cd61657b759edd5be0221d'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1066,6 +1111,25 @@
          <p>1.了解主动服务的内涵。</p>
          <p>2.理解主动服务的重要性。</p>
          <p>3.提升主动服务的意识。</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.isCollectVideoThree ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '571b9fb7962e8fc30749893919d2157b'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d022">一、正确认识服务意识</h4>
          <p>
            如果说民航服务人员的知识与技能是服务的机翼,那么服务意识才是使这架飞机展翅高飞的发动机。
@@ -1126,7 +1190,7 @@
            所以,对民航服务意识的基本要求是:在保证飞行安全的情况下,以解决旅客的实际问题、满足旅客的需求为做好服务工作的基本前提。
          </p>
          <p>
            在不违反相关飞行安全条例的基础上,我们应该将飞行中发生的服务事件或服务矛盾,以及由此产生的争议、提出的赔偿、划分的责任等问题,都放到安抚旅客情绪、提
            在不违反相关飞行安全条例的基础上,我们应该将飞行中发生的服务事件或服务矛盾,以及由此产生的争议、提出的赔偿、划分的责任等问题,都放到安抚旅客情绪、提供服务之后来解决。当然,若违反相应的安全条例和法律,应当立即请专业人士处理并解决。
          </p>
        </div>
      </div>
@@ -1145,9 +1209,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            供服务之后来解决。当然,若违反相应的安全条例和法律,应当立即请专业人士处理并解决。
          </p>
          <p>
            民航服务人员应全心全意为旅客服务,以让旅客满意作为服务目标,实现企业的最终追求及目标,实现企业的发展。民航服务意识要求我们要信守服务承诺,用心用爱用温度服务,并乐于为旅客服务,妥善解决旅客在旅途中的问题。
          </p>
@@ -1441,6 +1502,24 @@
          <p>6.请根据所学知识分析民航服务的现状及服务质量问题产生的原因。</p>
          <textarea v-model="questionData.projectTwo.six.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(2)" 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>
@@ -1463,6 +1542,8 @@
              <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/unitOne-03.png" alt=""></p>
          <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>
@@ -1533,6 +1614,25 @@
            根据《中华人民共和国民用航空法》第三十九条规定,民用航空人员是指从事民用航空活动的空勤人员和地面人员。空勤人员,包括驾驶员、飞行机械人员、乘务员;地面人员,包括民用航空器维修人员、空中交通管制员、飞行签派员、航空电台通信员。无论是负责在舱内提供服务的空勤人员还是负责为旅客提供地面服务,在飞机起飞前确保飞行安全,为飞行提供必不可少的飞行前准备的地面人员,都是为旅客的舒适出行、安全出行服务的。
          </p>
          <h4 id="d026">二、民用航空人员的岗位职责</h4>
          <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.isCollectVideoFour ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            民用航空人员有不同的岗位种类,岗位职责也有所不同。以下是对部分民用航空人员岗位种类及具体工作职责的阐述。
          </p>
@@ -1599,9 +1699,6 @@
          <p>
            工作职责:对飞机进行检查、维护和修理,排除飞机存在的安全隐患(见图1-3-4)。
          </p>
          <p>
            民用航空维修人员负责飞机的维修工作,按照维修单及时做好诊断与维修;按飞机设备保养手册和设备说明书制订保养计划建议,并按计划实施保养工作;根据库存情况提交备件采购申购表,负责备件的验收与急购备件的提交;做好日常设备的巡视检查工
          </p>
        </div>
      </div>
    </div>
@@ -1619,7 +1716,8 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
          <p>
            民用航空维修人员负责飞机的维修工作,按照维修单及时做好诊断与维修;按飞机设备保养手册和设备说明书制订保养计划建议,并按计划实施保养工作;根据库存情况提交备件采购申购表,负责备件的验收与急购备件的提交;做好日常设备的巡视检查工
            作,及时发现问题,处理隐患;做好预防性保养、维护工作,减少本区域因停机工时及设备原因造成的材料报废量。
          </p>
          <p class="center openImgBox">
@@ -1775,6 +1873,25 @@
          <p>2.理解各项能力对专业和岗位的支撑性。</p>
          <p>3.能够在实际工作中灵活多变,运用各项能力解决实际问题。</p>
          <p>以空中乘务员为例,民用航空人员应具备的能力应包含以下几大类。</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.isCollectVideoFive ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d027">一、亲和力</h4>
          <p>
            空中乘务员的工作不仅是简单的端茶递水,而是一项需要“眼观六路,耳听八方”的全方位工作,所以,满足旅客的需求和为旅客带来良好的乘机体验是乘务员的首要任务。旅客良好的回馈又首先源于空乘人员良好的亲和力,这就要求乘务员需具备此项基本能力。在服务旅客时,乘务员从内心到外在都应传递友善信息,使旅客产生愉悦、开心、舒适、温馨、信任的心理感受,从而建立乘务员与旅客之间的友好、和睦的关系。
@@ -1943,7 +2060,7 @@
          <p class="td-0 mt-10 mb-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">做一名真正的倾听者</span></p>
          <p class="block">
            一架国际航班抵达成都后,有位旅客的行李出现破损。按照行规,对于此类国际航班行李事故一般是不予赔偿的,值机员小吴便向旅客细致地解释并致以歉意。但这位旅客的情绪却异常激动,阐述了此次行程中发生的所有让人不愉快的事件,并将负面情绪一并发泄出来。面对旅客劈头盖脸的发泄和数落,小吴只做了一件事,那就是认真地“倾听”——直到旅客从他的眼神中读到了真诚和共情。当旅客的情绪逐渐平息下来
            一架国际航班抵达成都后,有位旅客的行李出现破损。按照行规,对于此类国际航班行李事故一般是不予赔偿的,值机员小吴便向旅客细致地解释并致以歉意。但这位旅客的情绪却异常激动,阐述了此次行程中发生的所有让人不愉快的事件,并将负面情绪一并发泄出来。面对旅客劈头盖脸的发泄和数落,小吴只做了一件事,那就是认真地“倾听”——直到旅客从他的眼神中读到了真诚和共情。当旅客的情绪逐渐平息下来后,小吴把握时机再次委婉地向对方说明了机场事故处理的流程,并承诺会立即与航空公司代表联系。
          </p>
        </div>
      </div>
@@ -1961,9 +2078,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            后,小吴把握时机再次委婉地向对方说明了机场事故处理的流程,并承诺会立即与航空公司代表联系。
          </p>
          <p class="block">
            当航空公司按照常规给出不予赔偿意见后,小吴一边委婉地向乘客转达,一边不懈地向航空公司争取。终于,小吴急旅客之所急、想旅客之所想的服务感动了航空公司,航空公司最终决定给予补偿。
          </p>
@@ -2052,7 +2166,7 @@
            <span class="cs1">川航惊魂始末 机长刘传健还原细节</span>
          </p>
          <p class="block">
            9800米,9400米,7200米,飞机下降得很快。3U8633航班的9名机组人员和119名乘客,经历了生死一刻。2018年5月14日上午,由四川航空股份有限公司承运的3U8633航班由重庆飞往拉萨。途中,飞机驾驶舱右座风挡玻璃破碎脱落。在两分钟内飞机急降2200米,且在缺氧、低温、强气流的条件下,机长刘传健驾驶飞机于7时42分成功备降
            9800米,9400米,7200米,飞机下降得很快。3U8633航班的9名机组人员和119名乘客,经历了生死一刻。2018年5月14日上午,由四川航空股份有限公司承运的3U8633航班由重庆飞往拉萨。途中,飞机驾驶舱右座风挡玻璃破碎脱落。在两分钟内飞机急降2200米,且在缺氧、低温、强气流的条件下,机长刘传健驾驶飞机于7时42分成功备降成都双流机场。刘传健救了自己,也救了机组同事和上百名乘客。尽管他一再解释这是他的本职工作,但仍有不少人将其称为“英雄”。
          </p>
        </div>
      </div>
@@ -2070,9 +2184,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            成都双流机场。刘传健救了自己,也救了机组同事和上百名乘客。尽管他一再解释这是他的本职工作,但仍有不少人将其称为“英雄”。
          </p>
          <p class="block">
            那天航班乘务长毕楠,乘务员张秋奕、周彦雯、黄婷、杨婷一如往常引导乘客就座、放行李,给乘客拿毛毯,并做起飞前的安全检查。驾驶舱内,46岁的机长刘传健和副驾驶徐瑞辰也在做着起飞前的最后准备。刘传健毕业于空军第二飞行学院,在成为川航飞行员之前,他在母校担任教员。重庆至拉萨这条线,他飞了不下百次。飞机在晚点21分钟后顺利起飞。
          </p>
@@ -2159,7 +2270,7 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">法航紧急撤离事件</span></p>
          <p class="block">
            2005年8月,法航某空客飞机的309名旅客与机组成员上演了“教科书式撤离”,两分钟内机上全部人员成功逃离当时已燃起熊熊大火的飞机,这次逃生经历成了紧急逃生的典范。当时,飞机左侧被雷电击中,飞机内外马上被黑烟笼罩,所有的电灯都熄灭了。据当时的旅客说,周围一片黑暗,紧急氧气面罩降下来。该飞机在暴风雨中滑出跑道183米后,终于停住。机上的12位机组人员非常镇静,反应也相当快捷。机长在驾驶舱中,不断地告诉所有乘客保持平静,听从指挥。其他机组人员快速地从座椅上起身,
            2005年8月,法航某空客飞机的309名旅客与机组成员上演了“教科书式撤离”,两分钟内机上全部人员成功逃离当时已燃起熊熊大火的飞机,这次逃生经历成了紧急逃生的典范。当时,飞机左侧被雷电击中,飞机内外马上被黑烟笼罩,所有的电灯都熄灭了。据当时的旅客说,周围一片黑暗,紧急氧气面罩降下来。该飞机在暴风雨中滑出跑道183米后,终于停住。机上的12位机组人员非常镇静,反应也相当快捷。机长在驾驶舱中,不断地告诉所有乘客保持平静,听从指挥。其他机组人员快速地从座椅上起身,迅速打开飞机侧面的救生门,放下滑梯,一边逐个帮助旅客撤离,一边不断地安慰每个人,使整个疏散工作平稳进行。
          </p>
        </div>
      </div>
@@ -2177,9 +2288,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            迅速打开飞机侧面的救生门,放下滑梯,一边逐个帮助旅客撤离,一边不断地安慰每个人,使整个疏散工作平稳进行。
          </p>
          <p class="block">
            旅客们在他们的指挥下,没有慌乱,依次先离开座椅,再滑下滑梯。最后,乘务员和驾驶员做了完全的检查,证明所有旅客都安全撤离,没有任何遗漏,方才离开飞机。地面急救人员配合得也非常及时。飞机起火后不到一分钟,机场救护车就赶到了飞机附近。他们将受伤者送往医院,并向大雨中的旅客们提供了保暖的毯子。值勤的警察们还将跑散的旅客集中到安全地点。整项工作有条不紊地进行着。
          </p>
@@ -2195,7 +2303,7 @@
          </p>
          <h5 id="e026">(四)应急处理能力的培养需要团队协作做保障</h5>
          <p>
            当紧急情况发生时,乘务员之间形成默契,团结起来,保持思想与行动的一致性是
            当紧急情况发生时,乘务员之间形成默契,团结起来,保持思想与行动的一致性是至关重要的。这集中表现在,在航班飞行过程中乘务员应明确各自负责的岗位和职责,在日常飞行中相互协作、相互配合,形成良好的默契,从而保证紧急情况出现时,乘务员组织撤离时不出现拥挤踩踏或者影响紧急情况处置的情况,从而提高撤离效率,保障旅客的安全。
          </p>
        </div>
      </div>
@@ -2214,9 +2322,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            至关重要的。这集中表现在,在航班飞行过程中乘务员应明确各自负责的岗位和职责,在日常飞行中相互协作、相互配合,形成良好的默契,从而保证紧急情况出现时,乘务员组织撤离时不出现拥挤踩踏或者影响紧急情况处置的情况,从而提高撤离效率,保障旅客的安全。
          </p>
          <p class="td-0"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">团队精神</span></p>
          <p class="block">
@@ -2229,6 +2334,44 @@
          <p>1.通过训练培养亲和力。</p>
          <p>2.通过训练培养观察能力。</p>
          <p>3.通过训练培养倾听能力。</p>
          <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.isCollectVideoSix ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
          <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.isCollectVideoSeven ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'be07f31967532a808843e53df1a436d5'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d033">一、亲和力的训练</h4>
          <h5 id="e027">(一)对镜训练法</h5>
          <p>
@@ -2756,7 +2899,7 @@
          </p>
          <p class="block">3.完成动作后睁开眼,摊开纸看看是否相同。</p>
          <p class="block">
            4.过程中学员如有发问需给予响应,但学员如保持沉默,则在学员完成每一个动作
            4.过程中学员如有发问需给予响应,但学员如保持沉默,则在学员完成每一个动作后继续下指令。
          </p>
        </div>
      </div>
@@ -2775,7 +2918,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">后继续下指令。</p>
          <p class="block">
            5.也可采取不允许发问的方式进行第一次游戏活动,活动后进行讨论,然后再以同样方式再做一次,完成后睁开眼,摊开纸看看是否相同。
          </p>
@@ -2861,6 +3003,10 @@
        </div>
      </div>
    </div>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>
@@ -2870,18 +3016,32 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterOne",
  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: "",
      collectResourceList: [],
      showQuestionAnswer: false,
      showChoiceAnswer: false,
@@ -2889,6 +3049,14 @@
      isFocused: null,
      chapterData: {
        isCollectVideo: false,
        isCollectVideoOne: false,
        isCollectVideoTwo: false,
        isCollectVideoThree: false,
        isCollectVideoFour: false,
        isCollectVideoFive: false,
        isCollectVideoSix: false,
        isCollectVideoSeven: false,
        isCollectVideoEight: false,
      },
      questionData: {
        isComplete: false,
@@ -3037,7 +3205,23 @@
      },
      evaluationOneResults: "", //测评结果
      evaluationTwoResults: "", //测评结果
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块一 礼仪认知",
            questionNum: 18,
          },
          2: {
            questionTitleMain: "模块一 民航服务意识认知",
            questionNum: 31,
          },
        },
      },
    };
  },
@@ -3073,12 +3257,6 @@
      this.evaluationTwoResults = evaluationTwoData;
    }
    const videoData = localStorage.getItem("aviationEtiquette-book-chapter01-Data");
    if (videoData) {
      this.chapterData = JSON.parse(videoData);
    }
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -3089,6 +3267,28 @@
      this.videoPathOne = await getResourcePath(
        "4f0afd466e16bde40a447ff467452181"
      );
      this.videoPathTwo = await getResourcePath(
        "dfa7f3d64168acde32e4ca07a9001e79"
      );
      this.videoPathThree = await getResourcePath(
        "602e257498cd61657b759edd5be0221d"
      );
      this.videoPathFour = await getResourcePath(
        "571b9fb7962e8fc30749893919d2157b"
      );
      this.videoPathFive = await getResourcePath(
        "3b4d6a336fad79e9c4f137e142c26f0b"
      );
      this.videoPathSix = await getResourcePath(
        "2b112927d0029591bee2ad5de73e3e2a"
      );
      this.videoPathSeven = await getResourcePath(
        "e483ec3b940fcc8616b8aea894d5ded0"
      );
      this.videoPathEight = await getResourcePath(
        "be07f31967532a808843e53df1a436d5"
      );
    },
    setBookQuestion() {
      localStorage.setItem(
@@ -3191,16 +3391,79 @@
          "视频:川航紧急撤离"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "dfa7f3d64168acde32e4ca07a9001e79",
          "dfa7f3d64168acde32e4ca07a9001e79",
          "",
          "视频",
          "bits",
          "视频:礼仪认知"
        );
        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "602e257498cd61657b759edd5be0221d",
          "602e257498cd61657b759edd5be0221d",
          "",
          "视频",
          "bits",
          "视频:民航服务意识认知"
        );
        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "571b9fb7962e8fc30749893919d2157b",
          "571b9fb7962e8fc30749893919d2157b",
          "",
          "视频",
          "bits",
          "视频:理解主动服务的重要性"
        );
        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "",
          "视频",
          "bits",
          "视频:民航员工应具备的能力"
        );
        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "2b112927d0029591bee2ad5de73e3e2a",
          "2b112927d0029591bee2ad5de73e3e2a",
          "",
          "视频",
          "bits",
          "视频:民航员工基本能力认知"
        );
        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "e483ec3b940fcc8616b8aea894d5ded0",
          "e483ec3b940fcc8616b8aea894d5ded0",
          "",
          "视频",
          "bits",
          "视频:民航员工服务能力情景展现"
        );
        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "be07f31967532a808843e53df1a436d5",
          "be07f31967532a808843e53df1a436d5",
          "",
          "视频",
          "bits",
          "视频:民航员工服务意识情景展现"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }
      this.handleChapterData();
    },
    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter01-Data",
        JSON.stringify(this.chapterData)
      );
    },
    //资源收藏事件
    // resourcePath  文件路径,
    // resourceType  文件类型
@@ -3232,6 +3495,14 @@
        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>
src/books/aviationEtiquette/view/components/chapter003.vue
@@ -17,6 +17,8 @@
              <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/unitThree-01.png" alt=""></p>
          <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,6 +42,63 @@
          <p>1.了解民航沟通的特点。</p>
          <p>2.认识民航沟通的作用。</p>
          <p>3.掌握上下级沟通的方法。</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 == '6f3a3b8b1b5eb8b942f57b7c6ef20ff7'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <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.isCollectVideoOne ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
                ) > -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.isCollectVideoTwo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d071">一、民航职场沟通概述</h4>
          <p>
            民航沟通一般包括塔台指挥中心与乘务组的沟通、空中乘务组在客舱内与同事及旅客的沟通、地面服务人员在机场大厅与同事及旅客的沟通等。
@@ -67,6 +126,25 @@
            不同的企业文化、不同的管理制度、不同的业务部门,沟通风格都会有所不同,我们要顺应民航业的安全性、快速性、机动性、国际性等特征,实现有效沟通。
          </p>
          <h4 id="d072">二、民航人员与旅客的沟通技巧</h4>
          <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.isCollectVideoThree ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'f768963b0e70d05a065c3094c9a6a6af'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e070">(一)对初次乘机的旅客</h5>
          <p>
            初次乘坐飞机,旅客既好奇又紧张。为满足旅客的好奇心,乘务员要主动为他们介绍本次航班的情况,如机型、飞行高度、坐标等。初次乘坐飞机的旅客缺少乘坐飞机的常识。一方面,乘务员要耐心地介绍,不要嘲笑他们,避免使旅客感到自卑;另一方面,乘务员还要通过亲切交谈分散他们紧张的情绪,使他们感到乘坐飞机是安全的。
@@ -80,12 +158,31 @@
            例如,重要旅客一上飞机,乘务员应能准确无误地用他们的姓氏和职务来问候他们;当重要旅客递给乘务员名片时,乘务员应当面读出来,使他们在心理上产生一种满足感;乘务员要注意与旅客进行沟通,使他们的整个旅程都沉浸在愉悦的心情中。
          </p>
          <h5 id="e072">(三)对老年旅客</h5>
          <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.isCollectVideoFour ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'ada8ecd6349bf5d0c6ee2b6642e9effc'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            老年旅客最关心航班的安全问题,尤其在飞机起落时。因此对老年人进行服务时要细致,与老年人讲话语速要慢,音量要略大,应主动关心他们需要什么服务,洞察并及时满足他们的心理需求,尽量消除他们的孤独感。
          </p>
          <h5 id="e073">(四)对生病旅客</h5>
          <p>
            还有一些生病的旅客以及在乘机过程中突然发病的旅客,他们与正常的旅客相比自理能力较差,迫切需要得到乘务组的照顾。民航服务人员一定要密切关注他们,对他们体贴、耐心,必要时可动员机场的其他旅客予以支援和帮助。遇到需抢救的重症患者,要提前与机场和医院取得联系,让救护车把病人及时送到医院,争取抢救时间。对病情较轻的旅客或中途患感冒的旅客,需要在机上给予救助,控制病情,并密切注意病情变化,防止病情恶化。对待他们一定要真诚,真诚地安慰他们、帮助他们。
            还有一些生病的旅客以及在乘机过程中突然发病的旅客,他们与正常的旅客相比自理能力较差,迫切需要得到乘务组的照顾。民航服务人员一定要密切关注他们,对他们体贴、耐心,必要时可动员机场的其他旅客予以支援和帮助。遇到需抢救的重症患者,要提前与机场和医院取得联系,让救护车把病人及时送到医院,争取抢救时间。对病情较轻的旅客或中途患感冒的旅客,需要在机上给予救助,控制病情,并密切关注病情变化,防止病情恶化。对待他们一定要真诚,真诚地安慰他们、帮助他们。
          </p>
        </div>
      </div>
@@ -103,6 +200,25 @@
        </ul>
        <div class="bodystyle">
          <h5 id="e074">(五)对挑剔旅客</h5>
          <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.isCollectVideoFive ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '9c6c01fac88c9dda705bdfd05df3b0ec'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            飞机上偶尔有个别比较挑剔的旅客,他们对服务和设备以及餐饮等会提出难以达到的要求。在与旅客沟通的过程中,务必要记住以旅客为中心,放弃自我中心论。做到心平气和、不乱发牢骚,这样不仅自己快乐,旅客也会心情愉悦。
          </p>
@@ -110,6 +226,25 @@
            对此,民航服务人员一定要耐心、不急躁,以平静的心态听旅客的倾诉,用热心、周到的服务,使旅客的心情慢慢地平静下来,不要急于解释和辩解,避免引起旅客更大的反感。
          </p>
          <h4 id="d073">三、优质服务的“五心”沟通</h4>
          <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.isCollectVideoSix ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '81574f24a780ca2ed16b023eb795ce04'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e075">(一)责任心</h5>
          <p>
            责任心就是一种自觉地把分内的事情做好并愿意承担相应责任的情感。民航工作既是服务工作,也是安全工作,既关系到航空公司的服务水平,也关系到旅客生命和国家财产安全,责任重大,需要民航服务人员以高度的责任心认真对待。可以说,责任心是一名民航服务人员应该具备的基本条件。
@@ -121,10 +256,6 @@
          <h5 id="e077">(三)包容心</h5>
          <p>
            一个好的民航服务人员一定是一个可以包容旅客“过失”的人。旅客作为相对的“自由人”,可以在法律法规允许的范围内提出自己的需求,宣泄个人的情绪。有时,这些需求和情绪可能超出普通人的心理承受范围,给别人带来伤害。而民航服务人员必须能够包容这些言行,要具有超过普通人的对伤害的接受度——这就考验着民航服务人员的包容心。
          </p>
          <h5 id="e078">(四)同情心</h5>
          <p>
            同情心就是当他人有困难或遭到不幸时,自己的内心世界产生的一种不好受、怜悯,进而想在道义上、方法上或物质上帮助他人解决困难的内心感受,是感人之所感,甚至是人与人之间的一种互相的“心灵感应”。如果把爱心比喻成宽广的大海,同情心就是那海面上一朵朵美丽的浪花,蔚蓝的海面令人平静,而洁白的浪花使人激动。服务
          </p>
        </div>
      </div>
@@ -142,8 +273,9 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            工作面对的旅客来自天南海北,他们有着不同的背景和经历,当他们聚集在客舱这个特殊的空间里,会有各种不同的心理感受。一般来说,初次乘机的旅客希望得到民航服务人员不动声色、及时的指点来化解紧张的情绪和茫然的感觉;生病的旅客需要特意的关照和问候来克服不安、缓解病痛;老年旅客需要及时的帮助以避免因行动不便造成的困难和尴尬……富有同情心的民航服务人员应从旅客的举止言谈中敏锐地察觉到不同旅客的困难和需求,从而及时提供细心的、周到的、有针对性的服务。在服务实践中,有很多例子证明:富有同情心的民航服务人员能够很好地展示服务的魅力,从而使服务工作达到令人“动心”的效果。
          <h5 id="e078">(四)同情心</h5>
          <p>
            同情心就是当他人有困难或遭到不幸时,自己的内心世界产生的一种不好受、怜悯,进而想在道义上、方法上或物质上帮助他人解决困难的内心感受,是感人之所感,甚至是人与人之间的一种互相的“心灵感应”。如果把爱心比喻成宽广的大海,同情心就是那海面上一朵朵美丽的浪花,蔚蓝的海面令人平静,而洁白的浪花使人激动。服务工作面对的旅客来自天南海北,他们有着不同的背景和经历,当他们聚集在客舱这个特殊的空间里,会有各种不同的心理感受。一般来说,初次乘机的旅客希望得到民航服务人员不动声色、及时的指点来化解紧张的情绪和茫然的感觉;生病的旅客需要特意的关照和问候来克服不安、缓解病痛;老年旅客需要及时的帮助以避免因行动不便造成的困难和尴尬……富有同情心的民航服务人员应从旅客的举止言谈中敏锐地察觉到不同旅客的困难和需求,从而及时提供细心的、周到的、有针对性的服务。在服务实践中,有很多例子证明:富有同情心的民航服务人员能够很好地展示服务的魅力,从而使服务工作达到令人“动心”的效果。
          </p>
          <h5 id="e079">(五)耐心</h5>
          <p>
@@ -168,7 +300,7 @@
          </p>
          <h6 id="f027">4.征询语</h6>
          <p>
            征询语是在服务过程中就某件事情的发展走向或者对某事物的选择向旅客进行征询
            征询语是在服务过程中就某件事情的发展走向或者对某事物的选择向旅客进行征询而采用的礼貌用语。例如,在向旅客提供帮助与服务时常常使用“请问您需要帮助吗”“您好,能为您做点什么吗”“您好,请问您需要哪种饮料”“请问您需要小毛毯吗”。
          </p>
        </div>
      </div>
@@ -185,9 +317,6 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            而采用的礼貌用语。例如,在向旅客提供帮助与服务时常常使用“请问您需要帮助吗”“您好,能为您做点什么吗”“您好,请问您需要哪种饮料”“请问您需要小毛毯吗”。
          </p>
          <h6 id="f028">5.请托语</h6>
          <p>
            请托语通常指的是在请求他人帮忙或是托付他人代劳时使用的礼貌用语。在服务过程中如需请求旅客帮忙,应使用礼貌用语,说话前都要加上一个“请”字,或者礼貌地说“麻烦您”“拜托您”。例如,“先生您好,飞机马上就要起飞了,麻烦您将座椅靠背调直”“您好,飞机马上起飞了,请将手机关机或调整为飞行模式”“您好女士,请将小桌板收起”。使用此类用语时需要注意语气应柔和不能生硬,更不能用命令式的口吻来说。
@@ -211,8 +340,8 @@
              <p>
                在工作中,当民航服务人员遇到客人提出的要求或问题自身无法满足或解决时,该如何回答?
              </p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e081">(二)服务忌语</h5>
@@ -246,7 +375,7 @@
        <div class="bodystyle">
          <h6 id="f034">4.讥讽、轻视的语句</h6>
          <p>
            在与旅客交谈的过程中,不要轻率地给旅客下定论,并表现出不屑的情绪。不要做出“堵嘴”“翻白眼”“叹气”等行为举止。
            在与旅客交谈的过程中,不要轻率地给旅客下定论,并表现出不屑的情绪。不要做出“嘟嘴”“翻白眼”“叹气”等行为举止。
          </p>
          <h6 id="f035">5.催促命令式的语句</h6>
          <p>
@@ -282,8 +411,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>在服务过程中,需要避免使用哪些手势?</p>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <div class="bk4">
@@ -315,6 +444,25 @@
          <p><b>任务目标:</b></p>
          <p>1.了解民航服务中有关沟通的案例。</p>
          <p>2.从案例中分析实践经验。</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.isCollectVideoSeven ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '65f1f06c69581442b53aefac9da33353'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d075">一、实训案例一 同事相处</h4>
          <p>
            王鑫是某航空公司人力资源部的一名员工,人比较随和,不喜争执,和同事处得都比较好。但是,前一段时间,不知道为什么,同一部门的李响老是处处和他过不去,有时候故意在别人面前指桑骂槐,与他合作工作时也都有意让王鑫多做,甚至还抢了王鑫好多业务。
@@ -337,13 +485,10 @@
              <p>
                王鑫在忍不下去的时候,选择了告状。在这里,王鑫、总经理、李响三人犯了同样的错误,那就是没有坚持“对事不对人”,总经理做事也过于草率,没有起到应有的调节作用,他的一番批评反而加剧了二人之间的矛盾。正确的做法是把双方之间的误会、矛盾解开,秉着以事业为重,加强员工的沟通来处理这件事。这样做的话,结果肯定会好得多。
              </p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
              class="fz-15 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>
            精通“人际沟通技巧”不是为了把别人踩在脚下,而是为了减少工作中的阻力。职场是一个大舞台,纷繁复杂。一个人在社会上难免会与人产生矛盾,难免会出现这样或
          </p>
        </div>
      </div>
    </div>
@@ -360,8 +505,8 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            那样的不愉快。有了矛盾怎么办?出现了问题怎么处理?这就需要我们多沟通,多交流。沟通是一盏指明灯,可以随时校正我们航行的方向。正是因为有了沟通,语言才显得那么美丽飞扬。
          <p>
            精通“人际沟通技巧”不是为了把别人踩在脚下,而是为了减少工作中的阻力。职场是一个大舞台,纷繁复杂。一个人在社会上难免会与人产生矛盾,难免会出现这样或那样的不愉快。有了矛盾怎么办?出现了问题怎么处理?这就需要我们多沟通,多交流。沟通是一盏指明灯,可以随时校正我们航行的方向。正是因为有了沟通,语言才显得那么美丽飞扬。
          </p>
          <h4 id="d076">二、实训案例二 公司奖励事件</h4>
          <p>
@@ -379,11 +524,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.请分析本案例中部门经理和上级沟而不通的原因。</p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.董总的解决办法有哪些问题?</p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d077">三、实训案例三 紧急迫降</h4>
@@ -405,8 +550,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>本案例中,请点评乘务人员的行为。哪些地方值得我们学习?</p>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -431,175 +576,50 @@
          <p class="center block"><span class="cs1">测试一 职场沟通能力测试</span></p>
          <p class="block">(一)情景描述</p>
          <p class="block">1.如果你的朋友和你发生了争吵,你将怎么办?</p>
          <p class="block"><input
              type="radio"
              name="eovOne"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one"
              @change="setEvaluation"
            />A.不理他,断绝朋友关系</p>
          <p class="block"><input
              type="radio"
              name="eovOne"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one"
              @change="setEvaluation"
            />B.暂时不谈这个问题,求同存异,以后再说</p>
          <p class="block"><input
              type="radio"
              name="eovOne"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one"
              @change="setEvaluation"
            />C.请两个人共同的好朋友劝和,打破僵局</p>
          <p class="block"><input type="radio" name="eovOne" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />A.不理他,断绝朋友关系</p>
          <p class="block"><input type="radio" name="eovOne" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />B.暂时不谈这个问题,求同存异,以后再说</p>
          <p class="block"><input type="radio" name="eovOne" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />C.请两个人共同的好朋友劝和,打破僵局</p>
          <p class="block">2.你听说有同事向领导打你的小报告,你会怎么办?</p>
          <p class="block"><input
              type="radio"
              name="eovTwo"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two"
              @change="setEvaluation"
            />A.直接冲到那个同事面前,和他大吵一顿</p>
          <p class="block"><input
              type="radio"
              name="eovTwo"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two"
              @change="setEvaluation"
            />B.向领导说明情况,请领导调查真相</p>
          <p class="block"><input
              type="radio"
              name="eovTwo"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two"
              @change="setEvaluation"
            />C.清者自清,不去理睬,和以前一样干好工作</p>
          <p class="block"><input type="radio" name="eovTwo" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />A.直接冲到那个同事面前,和他大吵一顿</p>
          <p class="block"><input type="radio" name="eovTwo" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />B.向领导说明情况,请领导调查真相</p>
          <p class="block"><input type="radio" name="eovTwo" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />C.清者自清,不去理睬,和以前一样干好工作</p>
          <p class="block">3.如果父母性格不合,经常吵架,你会怎么办?</p>
          <p class="block"><input
              type="radio"
              name="eovThree"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three"
              @change="setEvaluation"
            />A.大声威胁他们:再吵我就搬出去住</p>
          <p class="block"><input
              type="radio"
              name="eovThree"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three"
              @change="setEvaluation"
            />B.少回家,乐得清静</p>
          <p class="block"><input
              type="radio"
              name="eovThree"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three"
              @change="setEvaluation"
            />C.在父亲面前夸母亲,在母亲面前夸父亲,设法增进他们的感情</p>
          <p class="block"><input type="radio" name="eovThree" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />A.大声威胁他们:再吵我就搬出去住</p>
          <p class="block"><input type="radio" name="eovThree" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />B.少回家,乐得清静</p>
          <p class="block"><input type="radio" name="eovThree" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />C.在父亲面前夸母亲,在母亲面前夸父亲,设法增进他们的感情
          </p>
          <p class="block">
            4.同事跟你炫耀她买了一条新裙子,其实你觉得很一般。看着她兴高采烈的样子,你会怎么做?
          </p>
          <p class="block"><input
              type="radio"
              name="eovFour"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four"
              @change="setEvaluation"
            />A.直接告诉她裙子不怎么样</p>
          <p class="block"><input
              type="radio"
              name="eovFour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four"
              @change="setEvaluation"
            />B.微笑着倾听,不说话</p>
          <p class="block"><input
              type="radio"
              name="eovFour"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four"
              @change="setEvaluation"
            />C.告诉她这条裙子比她之前买的那条要好看</p>
          <p class="block"><input type="radio" name="eovFour" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />A.直接告诉她裙子不怎么样</p>
          <p class="block"><input type="radio" name="eovFour" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />B.微笑着倾听,不说话</p>
          <p class="block"><input type="radio" name="eovFour" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />C.告诉她这条裙子比她之前买的那条要好看</p>
          <p class="block">5.同事们一起在外聚餐,你到达后会做什么?</p>
          <p class="block"><input
              type="radio"
              name="eovFive"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five"
              @change="setEvaluation"
            />A.赞美饭店的豪华或者菜肴的精美</p>
          <p class="block"><input
              type="radio"
              name="eovFive"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five"
              @change="setEvaluation"
            />B.看看椅子、餐具是否足够</p>
          <p class="block"><input
              type="radio"
              name="eovFive"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five"
              @change="setEvaluation"
            />C.看看人是否到齐,招呼后来的人</p>
          <p class="block"><input type="radio" name="eovFive" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />A.赞美饭店的豪华或者菜肴的精美</p>
          <p class="block"><input type="radio" name="eovFive" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />B.看看椅子、餐具是否足够</p>
          <p class="block"><input type="radio" name="eovFive" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />C.看看人是否到齐,招呼后来的人</p>
          <p class="block">6.坐公交车的时候,你一般习惯于做什么?</p>
          <p class="block"><input
              type="radio"
              name="eovSix"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six"
              @change="setEvaluation"
            />A.坐着睡觉或发呆</p>
          <p class="block"><input
              type="radio"
              name="eovSix"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six"
              @change="setEvaluation"
            />B.看看站在旁边的人</p>
          <p class="block"><input
              type="radio"
              name="eovSix"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six"
              @change="setEvaluation"
            />C.看窗外的景色,发现一些新开的店</p>
          <p class="block"><input type="radio" name="eovSix" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />A.坐着睡觉或发呆</p>
          <p class="block"><input type="radio" name="eovSix" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />B.看看站在旁边的人</p>
          <p class="block"><input type="radio" name="eovSix" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />C.看窗外的景色,发现一些新开的店</p>
        </div>
      </div>
    </div>
@@ -617,117 +637,33 @@
        </ul>
        <div class="bodystyle">
          <p class="block">7.上了公交后你发现自己没带零钱,你会怎么办?</p>
          <p class="block"><input
              type="radio"
              name="eovSeven"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven"
              @change="setEvaluation"
            />A.偷偷地躲在人堆里</p>
          <p class="block"><input
              type="radio"
              name="eovSeven"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven"
              @change="setEvaluation"
            />B.急着下车</p>
          <p class="block"><input
              type="radio"
              name="eovSeven"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven"
              @change="setEvaluation"
            />C.跟司机说明情况,希望免掉车费</p>
          <p class="block"><input type="radio" name="eovSeven" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />A.偷偷地躲在人堆里</p>
          <p class="block"><input type="radio" name="eovSeven" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />B.急着下车</p>
          <p class="block"><input type="radio" name="eovSeven" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />C.跟司机说明情况,希望免掉车费</p>
          <p class="block">8.同事带来家乡特产和你分享,你会怎么做?</p>
          <p class="block"> <input
              type="radio"
              name="eovEight"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight"
              @change="setEvaluation"
            />A.客气地拒绝,说自己不习惯吃这些</p>
          <p class="block"><input
              type="radio"
              name="eovEight"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight"
              @change="setEvaluation"
            />B.表达感谢并且接受</p>
          <p class="block"><input
              type="radio"
              name="eovEight"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight"
              @change="setEvaluation"
            />C.接受并且之后也带零食和同事分享</p>
          <p class="block"> <input type="radio" name="eovEight" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />A.客气地拒绝,说自己不习惯吃这些</p>
          <p class="block"><input type="radio" name="eovEight" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />B.表达感谢并且接受</p>
          <p class="block"><input type="radio" name="eovEight" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />C.接受并且之后也带零食和同事分享</p>
          <p class="block">9.领导交给你一项本来不归你管的任务,你会怎么办?</p>
          <p class="block"><input
              type="radio"
              name="eovNine"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine"
              @change="setEvaluation"
            />A.很迟疑,流露出想拒绝的意思</p>
          <p class="block"><input
              type="radio"
              name="eovNine"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine"
              @change="setEvaluation"
            />B.不由得答应下来,能不能办好就不管了</p>
          <p class="block"><input
              type="radio"
              name="eovNine"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine"
              @change="setEvaluation"
            />C.从领导那里尽量获得有关信息,私下请教同事,力求做好</p>
          <p class="block"><input type="radio" name="eovNine" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />A.很迟疑,流露出想拒绝的意思</p>
          <p class="block"><input type="radio" name="eovNine" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />B.不由得答应下来,能不能办好就不管了</p>
          <p class="block"><input type="radio" name="eovNine" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />C.从领导那里尽量获得有关信息,私下请教同事,力求做好</p>
          <p class="block">10.同事讲了一个你以前就听过的笑话,你会表现出什么样的反应?</p>
          <p class="block"><input
              type="radio"
              name="eovTen"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten"
              @change="setEvaluation"
            />A.立马说:“哈,这个我早就听过了!”</p>
          <p class="block"><input
              type="radio"
              name="eovTen"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten"
              @change="setEvaluation"
            />B.微笑不语</p>
          <p class="block"><input
              type="radio"
              name="eovTen"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten"
              @change="setEvaluation"
            />C.哈哈大笑</p>
          <p class="block"><input type="radio" name="eovTen" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />A.立马说:“哈,这个我早就听过了!”</p>
          <p class="block"><input type="radio" name="eovTen" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />B.微笑不语</p>
          <p class="block"><input type="radio" name="eovTen" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />C.哈哈大笑</p>
          <!-- 提交按钮 -->
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev w80 choice">
@@ -742,7 +678,8 @@
                </button>
              </li>
              <li>
                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree" class="parimary-btn">
                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree"
                  class="parimary-btn">
                  评分标准
                </button>
              </li>
@@ -751,25 +688,25 @@
          <div class="c-r block" v-if="evaluatioThreeResults">您的得分:{{ evaluatioThreeResults }}</div>
          <div v-show="evaluation.showCheckAnswerThree" class="mb-30">
            <p class="block">(二)评分标准与结果分析</p>
          <p class="block">
            此测试为计分式,选A得1分,选B得2分,选C得3分,最后将每道题的得分相加。
          </p>
          <p class="block">1.得分10~15分,职场沟通力:20分。</p>
          <p class="block">
            你的职场沟通力还停留在有待及格的级别哦!请多多观察那些人缘好的人是怎样说话做事的吧,不然想晋升可是有些困难哦!
          </p>
          <p class="block">2.得分16~20分,职场沟通力:50分。</p>
          <p class="block">
            你还在及格的分数线左右徘徊哦!你和同事的关系不咸不淡,你的工作职位也不高不低,很大原因在于你并不是那么会察言观色。如果你能在人际关系上加点油,相信你会有更大的发展!
          </p>
          <p class="block">3.得分21~24分,职场沟通力:70分。</p>
          <p class="block">
            不错呀,你也算是一个情商高、善解人意、体贴同事的人啦!虽然你说不上是八面玲珑,但在公司也算是人缘非常不错的一个人了,只需多多注意一些小细节,你很有潜力成为职场红人。
          </p>
          <p class="block">4.得分25~30分,职场沟通力:99分。</p>
          <p class="block">
            恭喜你获得如此高的分数!显然你是一个情商智商双高、处事周详、为人和善的人!无论面对怎样的情况,你基本上都知道如何寻找最圆满的解决办法。
          </p>
            <p class="block">
              此测试为计分式,选A得1分,选B得2分,选C得3分,最后将每道题的得分相加。
            </p>
            <p class="block">1.得分10~15分,职场沟通力:20分。</p>
            <p class="block">
              你的职场沟通力还停留在有待及格的级别哦!请多多观察那些人缘好的人是怎样说话做事的吧,不然想晋升可是有些困难哦!
            </p>
            <p class="block">2.得分16~20分,职场沟通力:50分。</p>
            <p class="block">
              你还在及格的分数线左右徘徊哦!你和同事的关系不咸不淡,你的工作职位也不高不低,很大原因在于你并不是那么会察言观色。如果你能在人际关系上加点油,相信你会有更大的发展!
            </p>
            <p class="block">3.得分21~24分,职场沟通力:70分。</p>
            <p class="block">
              不错呀,你也算是一个情商高、善解人意、体贴同事的人啦!虽然你说不上是八面玲珑,但在公司也算是人缘非常不错的一个人了,只需多多注意一些小细节,你很有潜力成为职场红人。
            </p>
            <p class="block">4.得分25~30分,职场沟通力:99分。</p>
            <p class="block">
              恭喜你获得如此高的分数!显然你是一个情商智商双高、处事周详、为人和善的人!无论面对怎样的情况,你基本上都知道如何寻找最圆满的解决办法。
            </p>
          </div>
        </div>
      </div>
@@ -786,7 +723,7 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="center block">
            <span class="cs1">测试二 与上级沟通能力测试</span>
          </p>
@@ -795,178 +732,52 @@
            遇到如下的情景你会怎么做?请根据沟通情况打分。“一贯如此”得3分,“经常如此”得2分,“很少如此”得1分,最后将每道题的得分相加。
          </p>
          <p class="block">1.领导布置任务后,你会马上处理。</p>
          <p class="block"><input
              type="radio"
              name="etvone"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvone"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvone"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvone" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvone" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvone" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />很少如此</p>
          <p class="block">
            2.同事想出了一个点子,领导赞扬这是绝妙好计,你会说:“这主意真不错。”
          </p>
          <p class="block"><input
              type="radio"
              name="etvtwo"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvtwo"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvtwo"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvtwo" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvtwo" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvtwo" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />很少如此</p>
          <p class="block">
            3.领导问了你某个与业务有关的问题,而你不知该如何回答,你会说:“让我再认真地想一想,15点以前给你答复好吗?”
          </p>
          <p class="block"><input
              type="radio"
              name="etvthree"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvthree"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvthree"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvthree" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvthree" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvthree" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />很少如此</p>
          <p class="block">4.面对批评表现冷静:“谢谢你告诉我,我会仔细考虑你的建议。”</p>
          <p class="block"><input
              type="radio"
              name="etvfour"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvfour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvfour"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvfour" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvfour" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvfour" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />很少如此</p>
          <p class="block">5.和领导交谈,选择领导心情愉悦、精力充沛的时候。</p>
          <p class="block"><input
              type="radio"
              name="etvfive"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvfive"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvfive"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvfive" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvfive" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvfive" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />很少如此</p>
          <p class="block">6.向领导汇报工作前已准备好了详细的资料和数据。</p>
          <p class="block"><input
              type="radio"
              name="etvsix"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvsix"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvsix"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six"
              @change="setEvaluation"
            />很少如此</p>
            <!-- 提交按钮 -->
          <p class="block"><input type="radio" name="etvsix" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvsix" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvsix" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />很少如此</p>
          <!-- 提交按钮 -->
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev w80 choice">
              <li>
@@ -988,75 +799,33 @@
          </div>
          <div class="c-r block" v-if="evaluationFourResults">您的得分:{{ evaluationFourResults }}</div>
          <div v-show="evaluation.showCheckAnswerFour" class="mb-30">
          <p class="block">(二)评分标准及结果分析</p>
          <p class="block">得分13~18分:能在工作中很好地运用沟通技巧,领导也很欣赏你。</p>
          <p class="block">
            得分5~12分:你已经掌握了一些沟通技巧,你的领导会认为你是一个有潜力的人,但是还需要不断努力。
          </p>
          <p class="block">
            得分5分以下:你需要学习一些和领导沟通的技巧了。适当改善一下沟通方式,会使你充分地展示自己的才能,争取更广阔的发展空间。
          </p>
        </div>
            <p class="block">(二)评分标准及结果分析</p>
            <p class="block">得分13~18分:能在工作中很好地运用沟通技巧,领导也很欣赏你。</p>
            <p class="block">
              得分5~12分:你已经掌握了一些沟通技巧,你的领导会认为你是一个有潜力的人,但是还需要不断努力。
            </p>
            <p class="block">
              得分5分以下:你需要学习一些和领导沟通的技巧了。适当改善一下沟通方式,会使你充分地展示自己的才能,争取更广阔的发展空间。
            </p>
          </div>
          <p class="center block mt-30">
            <span class="cs1">测试三 与同事的沟通能力评价</span>
          </p>
          <p class="block">(一)根据情景描述进行选择。</p>
          <p class="block">1.面对同事的缺点和错误,你会(  )。</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />A.委婉沟通,引导对方发现</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />B.直言相告</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />C.和自己毫无关系</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />D.当面不说,事后和别人谈起</p>
          <p class="block"><input type="radio" name="ethvone" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />A.委婉沟通,引导对方发现</p>
          <p class="block"><input type="radio" name="ethvone" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />B.直言相告</p>
          <p class="block"><input type="radio" name="ethvone" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />C.和自己毫无关系</p>
          <p class="block"><input type="radio" name="ethvone" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />D.当面不说,事后和别人谈起</p>
          <p class="block">2.发现同事的优点或同事取得了成绩,你会(  )。</p>
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />A.及时赞美和祝福</p>
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />B.非常关心,想要向他学习</p>
          <p class="block"><input type="radio" name="ethvtwo" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />A.及时赞美和祝福</p>
          <p class="block"><input type="radio" name="ethvtwo" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />B.非常关心,想要向他学习</p>
        </div>
      </div>
    </div>
@@ -1073,189 +842,64 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />C.羡慕</p>
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />D.心存嫉妒</p>
          <p class="block"><input type="radio" name="ethvtwo" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />C.羡慕</p>
          <p class="block"><input type="radio" name="ethvtwo" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />D.心存嫉妒</p>
          <p class="block">3.当你听到同事在你面前说其他人坏话的时候,你会(  )。</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />A.不传话,只是静静地听</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />B.当面制止</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />C.当面制止,并指出同事的缺点</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />D.当面不说,事后悄悄告诉被诋毁的那个人</p>
          <p class="block"><input type="radio" name="ethvthree" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />A.不传话,只是静静地听</p>
          <p class="block"><input type="radio" name="ethvthree" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />B.当面制止</p>
          <p class="block"><input type="radio" name="ethvthree" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />C.当面制止,并指出同事的缺点</p>
          <p class="block"><input type="radio" name="ethvthree" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />D.当面不说,事后悄悄告诉被诋毁的那个人</p>
          <p class="block">4.请求与自己关系很好的同事帮忙时,你(  )。</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />A.礼貌、委婉</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />B.有外人在时礼貌,二人单独在一起时直接说</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />C.都很直接</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />D.以命令的口吻</p>
          <p class="block"><input type="radio" name="ethvfour" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />A.礼貌、委婉</p>
          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />B.有外人在时礼貌,二人单独在一起时直接说</p>
          <p class="block"><input type="radio" name="ethvfour" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />C.都很直接</p>
          <p class="block"><input type="radio" name="ethvfour" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />D.以命令的口吻</p>
          <p class="block">
            5.你参加了老同学的婚礼,而你的朋友对婚礼很感兴趣,你会(  )。
          </p>
          <p class="block"><input
              type="radio"
              name="ethvfive"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />A.详细叙说从你进来到离开时所看到和感觉到的相关细节</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />B.说些自己认为重要的</p>
          <p class="block"><input
              type="radio"
              name="ethvfive"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />C.朋友问什么就答什么</p>
          <p class="block"><input
              type="radio"
              name="ethvfive"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />D.感觉很累了,没什么好说的</p>
          <p class="block"><input type="radio" name="ethvfive" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />A.详细叙说从你进来到离开时所看到和感觉到的相关细节</p>
          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />B.说些自己认为重要的</p>
          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />C.朋友问什么就答什么</p>
          <p class="block"><input type="radio" name="ethvfive" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />D.感觉很累了,没什么好说的</p>
          <p class="block">
            6.由于单位需要,你和同事需要乘长途汽车去另一个地方,车程是10小时。而与你同行的是一个不爱多讲话的同事,你会(  )。
          </p>
          <p class="block"><input type="radio" name="ethvsix" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />A.试图了解他,找出他感兴趣的话题</p>
          <p class="block"><input type="radio" name="ethvsix" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />B.主动沟通,找出共同话题</p>
          <p class="block"><input type="radio" name="ethvfive" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />C.和他交谈,谈谈自己的感受</p>
          <p class="block"><input type="radio" name="ethvsix" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />D.看书、睡觉或吃东西</p>
          <p class="block"><input type="radio" name="ethvsix" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />A.试图了解他,找出他感兴趣的话题</p>
          <p class="block"><input type="radio" name="ethvsix" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />B.主动沟通,找出共同话题</p>
          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />C.和他交谈,谈谈自己的感受</p>
          <p class="block"><input type="radio" name="ethvsix" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />D.看书、睡觉或吃东西</p>
          <p class="block">
            7.你刚就任一家航空公司地面服务部主管,上班不久,你了解到本来公司中有几个同事想就任你的职位,总经理不同意提拔他们才招聘了你。对这几个同事,你会(  )。
          </p>
          <p class="block"><input type="radio" name="ethvseven" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />A.主动认识他们,了解他们的长处,争取成为朋友</p>
          <p class="block"><input type="radio" name="ethvseven" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />B.不关心这个问题,做好自己的本职工作就好</p>
          <p class="block"><input type="radio" name="ethvseven" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />C.暗中打听他们,了解他们是否还会和你竞争</p>
          <p class="block"><input type="radio" name="ethvseven" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />D.暗中打听他们,并找机会为难他们</p>
          <p class="block"><input type="radio" name="ethvseven" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />A.主动认识他们,了解他们的长处,争取成为朋友</p>
          <p class="block"><input type="radio" name="ethvseven" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />B.不关心这个问题,做好自己的本职工作就好</p>
          <p class="block"><input type="radio" name="ethvseven" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />C.暗中打听他们,了解他们是否还会和你竞争</p>
          <p class="block"><input type="radio" name="ethvseven" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />D.暗中打听他们,并找机会为难他们</p>
          <p class="block">8.与不同身份的对象讲话,你会(  )。</p>
          <p class="block"><input type="radio" name="ethveight" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />A.不管是什么场合,你都用一样的态度与之讲话</p>
          <p class="block"><input type="radio" name="ethveight" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />A.不管是什么场合,你都用一样的态度与之讲话</p>
        </div>
      </div>
    </div>
@@ -1271,106 +915,49 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="block"><input type="radio" name="ethveight" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />B.在不同的场合,你会用不同的态度与之讲话</p>
          <p class="block"><input type="radio" name="ethveight" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />C.与地位高的人说话,你总是有点紧张</p>
          <p class="block"><input type="radio" name="ethveight" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />D.与地位低的人说话,你总是漫不经心</p>
          <p class="block"><input type="radio" name="ethveight" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />B.在不同的场合,你会用不同的态度与之讲话</p>
          <p class="block"><input type="radio" name="ethveight" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />C.与地位高的人说话,你总是有点紧张</p>
          <p class="block"><input type="radio" name="ethveight" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />D.与地位低的人说话,你总是漫不经心</p>
          <p class="block">9.听别人讲话时,你总是会(  )。</p>
          <p class="block"><input type="radio" name="ethvnine" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />A.对别人的话表示感兴趣,记住所讲的要点</p>
          <p class="block"><input type="radio" name="ethvnine" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />B.请对方说出问题的重点</p>
          <p class="block"><input type="radio" name="ethvnine" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />C.对方老是讲些没必要的话时,你会立即打断他</p>
          <p class="block"><input type="radio" name="ethvnine" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />D.对方不知所云时,你会很烦躁,就去想或做别的事</p>
          <p class="block"><input type="radio" name="ethvnine" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />A.对别人的话表示感兴趣,记住所讲的要点</p>
          <p class="block"><input type="radio" name="ethvnine" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />B.请对方说出问题的重点</p>
          <p class="block"><input type="radio" name="ethvnine" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />C.对方老是讲些没必要的话时,你会立即打断他</p>
          <p class="block"><input type="radio" name="ethvnine" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />D.对方不知所云时,你会很烦躁,就去想或做别的事</p>
          <p class="block">10.当你在发表自己的看法,别人却不想听你说时,你会(  )。</p>
          <p class="block"><input type="radio" name="ethvten" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />A.仔细分析对方不想听的原因,找机会换一个方式去说</p>
          <p class="block"><input type="radio" name="ethvten" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />B.等等看还有没有说的机会</p>
          <p class="block"><input type="radio" name="ethvten" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />C.就不说了,但你可能会很生气</p>
          <p class="block"><input type="radio" name="ethvten" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />D.马上气愤地走开</p>
          <p class="block"><input type="radio" name="ethvten" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />A.仔细分析对方不想听的原因,找机会换一个方式去说</p>
          <p class="block"><input type="radio" name="ethvten" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />B.等等看还有没有说的机会</p>
          <p class="block"><input type="radio" name="ethvten" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />C.就不说了,但你可能会很生气</p>
          <p class="block"><input type="radio" name="ethvten" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />D.马上气愤地走开</p>
          <p class="block">11.当你和同事产生误会时,你会(  )。</p>
          <p class="block"><input type="radio" name="ethveleven" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />A.主动、及时找对方沟通,消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />B.通过第三方协调,消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />C.等候对方找自己消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />D.怀恨在心,找机会给对方点颜色看看</p>
          <p class="block"><input type="radio" name="ethveleven" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />A.主动、及时找对方沟通,消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />B.通过第三方协调,消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />C.等候对方找自己消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />D.怀恨在心,找机会给对方点颜色看看</p>
          <p class="block">12.当你进入一家新公司时,你认识新同事的方法是(  )。</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />A.找机会主动介绍自己,认识每一个人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />B.积极认识本部门的人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />C.在工作中慢慢熟悉</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />D.等待别人来认识你</p>
            <div class="w100 fl ju-cn">
          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />A.找机会主动介绍自己,认识每一个人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />B.积极认识本部门的人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />C.在工作中慢慢熟悉</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />D.等待别人来认识你</p>
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev w80 choice">
              <li>
                <button class="btn-border btn-w" @click="goCheckFive">
@@ -1389,16 +976,17 @@
              </li>
            </ul>
          </div>
          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">您的得分:{{ evaluationFiveResults }}</div>
            <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
          <p class="block">
            以上各题,选A得3分,选B得2分,选C得1分,选D得0分,最后将每道题的得分相加。
          </p>
          <p class="block">(二)评分标准及结果分析</p>
          <p class="block">得分为28分以上:你与同事的沟通能力很好,请继续保持。</p>
          <p class="block">得分为18~28分:你与同事的沟通能力一般,请努力提升。</p>
          <p class="block">得分为18分以下:你与同事的沟通能力十分欠缺,需要努力提升。</p>
        </div>
          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">您的得分:{{
            evaluationFiveResults }}</div>
          <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
            <p class="block">
              以上各题,选A得3分,选B得2分,选C得1分,选D得0分,最后将每道题的得分相加。
            </p>
            <p class="block">(二)评分标准及结果分析</p>
            <p class="block">得分为28分以上:你与同事的沟通能力很好,请继续保持。</p>
            <p class="block">得分为18~28分:你与同事的沟通能力一般,请努力提升。</p>
            <p class="block">得分为18分以下:你与同事的沟通能力十分欠缺,需要努力提升。</p>
          </div>
        </div>
      </div>
    </div>
@@ -1427,57 +1015,48 @@
          <p>学完本项目内容,请谈谈你在生活学习中沟通的方法和不足之处。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.简述与同事沟通的技巧。</p>
          <textarea v-model="questionData.projectOne.one.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.one.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>2.简述工作中分歧的处理方式。</p>
          <textarea v-model="questionData.projectOne.two.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.two.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>3.简述与生病旅客的沟通方法。</p>
          <textarea v-model="questionData.projectOne.three.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>4.民航服务人员与人沟通的原则应包括(  )。(多选题)</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />A.爱心</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />B.责任心</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />C.包容心</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />D.同情心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.爱心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.责任心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.包容心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
              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>
          <p>6.沟通中“五心服务”是指哪五心?</p>
          <textarea v-model="questionData.projectOne.six.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.six.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>
@@ -1499,7 +1078,8 @@
              <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/unitThree-02.png" alt=""></p>
          <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>
@@ -1521,7 +1101,7 @@
            <p class="fz-15">
              航程中,当乘务员在为旅客发放饮料做准备时,一名情绪激动的旅客冲进服务间阻碍乘务员工作。发现问题后,乘务长第一时间赶了过来,听见这位中年旅客正在大声斥责:“你们是什么态度!我想要毛毯,按了两次呼唤铃,乘务员都没有给我。我要投诉你们。”
            </p>
            <p  class="fz-15">
            <p class="fz-15">
              原来,这位是从商务舱调整到普通舱的旅客,因为感觉空调温度太低,找乘务员要毛毯,乘务员了解需求并回工作间取毛毯的过程中,遇到同事在进行餐饮准备,乘务员就顺便帮同事做起了备餐工作。
            </p>
          </div>
@@ -1534,11 +1114,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.您认为旅客的投诉有道理吗?</p>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.如果你是这名乘务长,你会怎么处理该投诉呢?</p>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1564,6 +1144,25 @@
          <p>1.了解旅客投诉的概念。</p>
          <p>2.了解旅客投诉的原因。</p>
          <p>3.理解正确处理旅客投诉的意义。</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.isCollectVideoEight ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '1f04f081f61aa13373daa7b8b92cc750'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d078">一、旅客投诉的概念</h4>
          <p>
            旅客投诉是指旅客通过信函、电话、传真、来访等形式反映产品或服务质量问题的行动。
@@ -1575,6 +1174,25 @@
            旅客投诉在一定程度上反映了航空公司的服务态度和服务质量,折射出服务人员的服务技巧和综合素养,会对航空公司的品牌和市场发展带来重要的影响。
          </p>
          <h4 id="d079">二、民航旅客投诉的原因</h4>
          <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.isCollectVideoNine ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '222a20d4bcb6805836684e0d96752ae3'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            民航服务是一种无形的产品,具有不可储存性、生产和消费的同步性。因此,旅客对服务的满意程度来自旅客在服务现场与服务人员交往过程中的点滴体验。我们可以综合以下因素分析民航旅客投诉的原因。
          </p>
@@ -1586,9 +1204,6 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
            2018年6月,某航空公司从内蒙古飞往北京的航班因控制管制原因延误了8小时,航班落地后机上19名旅客因不满而拒绝下飞机。
          </p>
          <p class="block">
            通过了解后得知,在8小时的等待过程中,旅客产生了负面情绪,但地面工作人员
          </p>
        </div>
      </div>
@@ -1605,8 +1220,8 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            没有给予旅客应有的照顾和安慰,导致在通知登机时一些旅客提出先赔偿再登机。然而,地面工作人员却说:“你们爱上不上,不上拉倒!行李随机带走,带到哪里是哪里。”
          <p class="block">
            通过了解后得知,在8小时的等待过程中,旅客产生了负面情绪,但地面工作人员没有给予旅客应有的照顾和安慰,导致在通知登机时一些旅客提出先赔偿再登机。然而,地面工作人员却说:“你们爱上不上,不上拉倒!行李随机带走,带到哪里是哪里。”
          </p>
          <p class="block">
            这一系列的做法导致19名旅客集体拒绝下机并向该航空公司提出投诉和经济赔偿。
@@ -1620,13 +1235,13 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.该案例中引发旅客投诉的原因是什么?</p>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.你觉得旅客投诉行为是否合理?民航服务企业该如何避免这种情况?
              </p>
              <textarea v-model="questionData.askAbout.ten" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.ten" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1652,11 +1267,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.旅客对该事件提出投诉是否合理?导致投诉的原因是什么?</p>
              <textarea v-model="questionData.askAbout.eleven" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eleven" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.航空公司后续应如何处理才能消除旅客的误解?</p>
              <textarea v-model="questionData.askAbout.twelve" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.twelve" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1741,11 +1356,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.航空公司对此事件是否应承担责任?</p>
              <textarea v-model="questionData.askAbout.thirteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.thirteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.你作为航空公司的负责人该如何处理此事?</p>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1810,8 +1425,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>该案例中,樊小姐投诉的原因是什么?</p>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1820,6 +1435,7 @@
          <p>
            如果航司能提前告知旅客,给旅客充分的知情权和选择权,就能避免很多矛盾和投诉。
          </p>
        </div>
      </div>
    </div>
@@ -1853,8 +1469,8 @@
              <p>
                对于保持信息公开以及积极采纳旅客投诉的途径,你还有哪些建议?
              </p>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e092">(三)积极沟通,主动承担原则</h5>
@@ -1912,7 +1528,7 @@
            <div class="bj3 fz-15">
              <p>从小张的经历中,你学到了什么呢?</p>
              <textarea v-model="questionData.askAbout.seventeen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d082">二、民航旅客投诉处理的策略</h4>
@@ -1937,6 +1553,25 @@
          <p><b>任务目标:</b></p>
          <p>1.能够根据设定的场景完成旅客投诉的测试。</p>
          <p>2.能够完成处理旅客投诉的实训任务。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEleven" 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.isCollectVideoTen ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'b0ff55db0549ccb2f6c1b332798aa8d3'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1959,197 +1594,80 @@
          <p>
            1.民航服务过程中难免会出现一些不可预知的突发状况,而对这些突发状况的处置,有可能会引起投诉或其他连锁的反应。下列哪些属于民航旅客投诉的原因?(  )(多选题)
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.面对旅客投诉时管理滞后和不健全,使旅客投诉无用或投诉无门</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.民航服务人员的服务意识不足,因为行为举止或语言导致矛盾产生</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.民航服务人员颜值不高</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.民航服务人员的专业知识水平不高及服务技能不足</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.面对旅客投诉时管理滞后和不健全,使旅客投诉无用或投诉无门</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.民航服务人员的服务意识不足,因为行为举止或语言导致矛盾产生
          </p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.民航服务人员颜值不高</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.民航服务人员的专业知识水平不高及服务技能不足</p>
          <p>
            2.旅客投诉是一把双刃剑,当出现旅客投诉的时候,应遵循哪些处理的基本原则?(  )(多选题)
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.旅客为先、真诚服务的原则</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.积极沟通、主动担责的原则</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.事不关己、高高在上的原则</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.及时解决、绝不拖延的原则</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.旅客为先、真诚服务的原则</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.积极沟通、主动担责的原则</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.事不关己、高高在上的原则</p>
          <p><input type="checkbox" name="ball2" :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="QThree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.可以挽留住顾客</p>
          <p><input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.挽回客户对航司的信任</p>
          <p><input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.增加航司知名度</p>
          <p><input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.帮助企业及时发现问题</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.可以挽留住顾客</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.挽回客户对航司的信任</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.增加航司知名度</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.帮助企业及时发现问题</p>
          <p>4.在投诉处理后,客服人员的工作不包括(  )。(单选题)</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.自我控制</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.自我对话</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.自我检讨</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />D.自我安慰</p>
          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.自我控制</p>
          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.自我对话</p>
          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.自我检讨</p>
          <p><input type="radio" name="QFour" :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="QFive"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />A.迅速采取行动</p>
          <p><input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />B.站在旅客的立场将心比心</p>
          <p><input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />C.先处理事件,后处理情感</p>
          <p><input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="D"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />D.耐心倾听旅客的抱怨</p>
        </div>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.迅速采取行动</p>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.站在旅客的立场将心比心</p>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.先处理事件,后处理情感</p>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="D" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />D.耐心倾听旅客的抱怨</p>
              <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(2)" 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>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>
@@ -2159,117 +1677,134 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterThree",
  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: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
          six:'',
          seven:'',
          eight:'',
          nine:'',
          ten:'',
          eleven:'',
          twelve:'',
          thirteen:'',
          fourteen:'',
          fifteen:'',
          sixteen:'',
          seventeen:''
        askAbout: {
          one: '',
          two: '',
          three: '',
          four: '',
          five: '',
          six: '',
          seven: '',
          eight: '',
          nine: '',
          ten: '',
          eleven: '',
          twelve: '',
          thirteen: '',
          fourteen: '',
          fifteen: '',
          sixteen: '',
          seventeen: ''
        },
        projectOne:{
          one:{
            value:""
        projectOne: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:[]
          four: {
            value: []
          },
          five:{
            value:""
          five: {
            value: ""
          },
          six:{
            value:""
          six: {
            value: ""
          }
        },
        projectTwo:{
          one:{
            value:[]
        projectTwo: {
          one: {
            value: []
          },
          two:{
            value:[]
          two: {
            value: []
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:""
          four: {
            value: ""
          },
          five:{
            value:""
          five: {
            value: ""
          },
        },
      },
      evaluation:{
      evaluation: {
        isCompleteThree: false,
        isCompleteFour: false,
        isCompleteFive: false,
        showCheckAnswerThree:false,
        showCheckAnswerFour:false,
        showCheckAnswerFive:false,
        showCheckAnswerThree: false,
        showCheckAnswerFour: false,
        showCheckAnswerFive: false,
        evaluationThreeValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
          seven: "",
          eight: "",
          nine: "",
          ten: "",
        }, //测评答案
        evaluationFourValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
        }, //测评答案
        evaluationFiveValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
          seven: "",
          eight: "",
          nine: "",
@@ -2278,10 +1813,40 @@
          twelve: "",
        }, //测评答案
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideoOne: false,
        isCollectVideoTwo: false,
        isCollectVideoThree: false,
        isCollectVideoFour: false,
        isCollectVideoFive: false,
        isCollectVideoSix: false,
        isCollectVideoSeven: false,
        isCollectVideoEight: false,
        isCollectVideoNine: false,
        isCollectVideoTen: false,
        isCollectVideoEleven: false,
      },
      evaluatioThreeResults: '', //测评结果
      evaluationFourResults: '', //测评结果
      evaluationFiveResults: '', //测评结果
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块三 民航职场沟通",
            questionNum: 108,
          },
          2: {
            questionTitleMain: "模块三 民航旅客投诉应对技巧",
            questionNum: 117,
          },
        },
      },
    };
  },
  async mounted() {
@@ -2313,17 +1878,55 @@
    if (evaluationFourData) {
      this.evaluationFourResults = evaluationFourData;
    }
    const evaluationFiveData = localStorage.getItem(
      "aviationEtiquette-book-evaluation-five"
    );
    if (evaluationFiveData) {
      this.evaluationFiveResults = evaluationFiveData;
    }
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
    );
  },
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "6f3a3b8b1b5eb8b942f57b7c6ef20ff7"
      );
      this.videoPathTwo = await getResourcePath(
        "45d4dc432a32a81d20421fa6b8ebe50b"
      );
      this.videoPathThree = await getResourcePath(
        "05d9e675723ecfe512ae2aba64ba08fa"
      );
      this.videoPathFour = await getResourcePath(
        "f768963b0e70d05a065c3094c9a6a6af"
      );
      this.videoPathFive = await getResourcePath(
        "ada8ecd6349bf5d0c6ee2b6642e9effc"
      );
      this.videoPathSix = await getResourcePath(
        "9c6c01fac88c9dda705bdfd05df3b0ec"
      );
      this.videoPathSeven = await getResourcePath(
        "81574f24a780ca2ed16b023eb795ce04"
      );
      this.videoPathEight = await getResourcePath(
        "65f1f06c69581442b53aefac9da33353"
      );
      this.videoPathNine = await getResourcePath(
        "1f04f081f61aa13373daa7b8b92cc750"
      );
      this.videoPathTen = await getResourcePath(
        "222a20d4bcb6805836684e0d96752ae3"
      );
      this.videoPathEleven = await getResourcePath(
        "b0ff55db0549ccb2f6c1b332798aa8d3"
      );
    },
    setBookQuestion() {
      localStorage.setItem(
@@ -2331,111 +1934,225 @@
        JSON.stringify(this.questionData)
      );
    },
    //测试提交
    setEvaluation(){
    setEvaluation() {
      // localStorage.setItem(
      //   "aviationEtiquette-book-chapter01-evaluation",
      //   JSON.stringify(this.evaluation)
      // );
    },
    goCheckThree(){
    goCheckThree() {
      let obj = 0
      let index = 0
      for (let key in this.evaluation.evaluationThreeValue) {
        if (this.evaluation.evaluationThreeValue[key] !== '') {
          let cont = Number(this.evaluation.evaluationThreeValue[key])
          obj = obj + cont
        }else{
          index ++
        } else {
          index++
        }
      }
      console.log(index,this.evaluation.evaluationThreeValue)
      if(index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
      console.log(index, this.evaluation.evaluationThreeValue)
      if (index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
        this.$message({
            message: "您还有题目未选择答案",
            type: "warning"
          });
          return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluatioThreeResults = obj
        this.evaluation.showCheckAnswerThree = true
        this.evaluation.isCompleteThree = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-three",this.evaluatioThreeResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-three", this.evaluatioThreeResults);
      }
    },
    changeCheckThree(){
    changeCheckThree() {
      this.evaluatioThreeResults = ''
      this.evaluation.evaluationThreeValue = {}
      this.evaluation.isCompleteThree = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-three");
    },
    goCheckFour(){
    goCheckFour() {
      let obj = 0
      let index = 0
      for (let key in this.evaluation.evaluationFourValue) {
        if (this.evaluation.evaluationFourValue[key] !== '') {
          let cont = Number(this.evaluation.evaluationFourValue[key])
          obj = obj + cont
        }else{
        } else {
          index++
        }
      }
      if(index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
      if (index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
        this.$message({
            message: "您还有题目未选择答案",
            type: "warning"
          });
          return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluationFourResults = obj
        this.evaluation.showCheckAnswerFour = true
        this.evaluation.isCompleteFour = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-four",this.evaluationFourResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-four", this.evaluationFourResults);
      }
    },
    changeCheckFour(){
    changeCheckFour() {
      this.evaluationFourResults = ''
      this.evaluation.evaluationFourValue = {}
      this.evaluation.isCompleteFour = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-four");
    },
    goCheckFive(){
    goCheckFive() {
      let obj = 0
      let index = 0
      for (let key in this.evaluation.evaluationFiveValue) {
        if (this.evaluation.evaluationFiveValue[key] !== '') {
          let cont = Number(this.evaluation.evaluationFiveValue[key])
          obj = obj + cont
        }else{
        } else {
          index++
        }
      }
      if(index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
      if (index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
        this.$message({
            message: "您还有题目未选择答案",
            type: "warning"
          });
          return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluationFiveResults = obj
        this.evaluation.showCheckAnswerFive = true
        this.evaluation.isCompleteFive = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-five",this.evaluationFiveResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-five", this.evaluationFiveResults);
      }
    },
    changeCheckFive(){
    changeCheckFive() {
      this.evaluationFiveResults = ''
      this.evaluation.evaluationFiveValue = {}
      this.evaluation.isCompleteFive = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-five");
    },
    handleCollect(e) {
      if (e == "video-01") {
        this.handleCollectResource(
          "4f0afd466e16bde40a447ff467452181",
          "4f0afd466e16bde40a447ff467452181",
          "",
          "视频",
          "bits",
          "视频:川航紧急撤离"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
          "",
          "视频",
          "bits",
          "视频:民航五种沟通风格"
        );
        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "45d4dc432a32a81d20421fa6b8ebe50b",
          "45d4dc432a32a81d20421fa6b8ebe50b",
          "",
          "视频",
          "bits",
          "视频:客舱服务沟通--有效沟通"
        );
        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "571b9fb7962e8fc30749893919d2157b",
          "571b9fb7962e8fc30749893919d2157b",
          "",
          "视频",
          "bits",
          "视频:客舱服务沟通--无效沟通"
        );
        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "05d9e675723ecfe512ae2aba64ba08fa",
          "05d9e675723ecfe512ae2aba64ba08fa",
          "",
          "视频",
          "bits",
          "视频:老年旅客服务沟通话术"
        );
        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "9c6c01fac88c9dda705bdfd05df3b0ec",
          "9c6c01fac88c9dda705bdfd05df3b0ec",
          "",
          "视频",
          "bits",
          "视频:旅客挑剔时的服务沟通话术"
        );
        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "81574f24a780ca2ed16b023eb795ce04",
          "81574f24a780ca2ed16b023eb795ce04",
          "",
          "视频",
          "bits",
          "视频:旅客错过送餐诉求处理话术演示"
        );
        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "65f1f06c69581442b53aefac9da33353",
          "65f1f06c69581442b53aefac9da33353",
          "",
          "视频",
          "bits",
          "视频:民航职场沟通认知"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }else if (e == "video-09") {
        this.handleCollectResource(
          "1f04f081f61aa13373daa7b8b92cc750",
          "1f04f081f61aa13373daa7b8b92cc750",
          "",
          "视频",
          "bits",
          "视频:民航旅客投诉应对技巧"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }else if (e == "video-10") {
        this.handleCollectResource(
          "222a20d4bcb6805836684e0d96752ae3",
          "222a20d4bcb6805836684e0d96752ae3",
          "",
          "视频",
          "bits",
          "视频:飞机故障导致投诉的处理话术"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }else if (e == "video-11") {
        this.handleCollectResource(
          "b0ff55db0549ccb2f6c1b332798aa8d3",
          "b0ff55db0549ccb2f6c1b332798aa8d3",
          "",
          "视频",
          "bits",
          "视频:旅客投诉原因的认知"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }
      this.handleChapterData();
    },
@@ -2444,6 +2161,13 @@
    },
    handleBlur() {
      this.isFocused = null; // 当textarea失去焦点时,设置为false
    },
    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter03-Data",
        JSON.stringify(this.chapterData)
      );
    },
    //资源收藏事件
@@ -2477,6 +2201,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>
src/books/aviationEtiquette/view/components/chapter004.vue
@@ -5,16 +5,11 @@
      <div v-if="showPageList.indexOf(118) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerText pNum">112</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/yemei.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h1 id="a008">
            <span class="h1-bj">模块四</span
            ><span class="h1-bk">民航专业礼仪实训</span>
            <span class="h1-bj">模块四</span><span class="h1-bk">民航专业礼仪实训</span>
          </h1>
          <h2 id="b008">项目一 候机楼服务礼仪</h2>
          <div class="tp-3">
@@ -22,11 +17,11 @@
              <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/unitFour-01.png" alt=""></p>
          <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>
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              李丽即将和同学们一起去候机楼进行为期两个月的岗位学习。她迫切想知道候机楼服务的分类,需要掌握什么样的知识和技能,可能会遇到哪些旅客的疑问,该怎样处理。学习者通过本项目的学习,了解候机楼问询、导乘、值机和贵宾厅服务的职责要求及礼仪规范,形成对候机楼常见的几个主要岗位服务规范和操作流程的全面认知,提高对候机楼旅客的服务效率,为民航企业的服务品牌、服务印象管理做贡献,并通过优质服务,搭建良好的客户关系。
@@ -34,9 +29,7 @@
          </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>
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              2018年6月11日,下午两点半,一名外籍旅客焦急地来到问询台,服务人员小李立即起身迎接旅客并主动询问有什么能帮忙的。通过这名外籍旅客的表达,小李了解到,旅客在整理行李时,不慎把护照弄丢了。小李立即通知广播站进行失物招领播报,随后安抚旅客情绪,大概5分钟,就接到工作人员回复,找到了该名旅客的护照,而此时距离该名旅客乘坐的航班关闭还有6分钟。为了让旅客能够顺利乘坐航班,小李直接为这名外籍旅客安排了专门的导乘员,全程引导,在最后一刻旅客成功办理了值机手续。
@@ -45,32 +38,21 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>
                1.案例中,外籍旅客顺利登机体现了候机楼服务中哪些岗位人员的优质服务呢?
              </p>
              <textarea
                v-model="questionData.askAbout.one"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 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-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -91,13 +73,50 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c026">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">问询服务礼仪实训</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">问询服务礼仪实训</span>
          </h3>
          <p><b>任务目标:</b></p>
          <p>1.了解候机楼问询服务的分类。</p>
          <p>2.了解候机楼问询服务岗位职责。</p>
          <p>3.掌握候机楼问询服务岗位工作人员礼仪规范。</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 == 'e9002557d1ba0b28dbddf10c52612e3f'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <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 == 'da82b43c7571108d00a19ffcb5233a2e'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d083">一、候机楼问询服务的分类</h4>
          <p>
            机场问询服务人员是航空公司的对外形象大使,这个岗位是为乘客快速解决疑难问题、引导乘客顺利登机而设立的,是航空公司对外承诺“旅客至上,打造细致入微的服务”的一种体现。问询服务岗位人员应当遵循机场和航司制定的工作规范以及工作标准,做到注重仪表、展现礼貌。候机楼问询服务可通过以下方式进行分类。
@@ -113,21 +132,13 @@
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img
                  class="img-b"
                  alt=""
                  src="../../assets/images/0119-1.jpg"
                />
                <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
              </p>
              <p class="img">图4-1-1 现场问询</p>
            </span>
            <span>
              <p class="center openImgBox">
                <img
                  class="img-b"
                  alt=""
                  src="../../assets/images/0119-2.jpg"
                />
                <img class="img-b" alt="" src="../../assets/images/0119-2.jpg" />
              </p>
              <p class="img">图4-1-2 电话问询</p>
            </span>
@@ -141,11 +152,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">114</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -184,7 +191,7 @@
            (3)应答旅客的提问或征询时,语言应简洁、准确,语气婉转,音量适中,不能词不达意,应从容不迫,按先来后到的次序,分轻重缓急,一一回答,不能只顾一位旅客,而忽略了其他旅客的存在。
          </p>
          <p>
            (4)对于旅客提出的无理要求,需要沉住气,婉言拒绝,或巧妙回答,做到有修养、有风度、不失礼;对于旅客的批评指责要包容和谦虚。如果问题确实是我们的不当或失职导致的,应立刻向乘客赔礼道歉,对乘客的关注表示感谢,立即报告或妥善处理。如果旅客提出的批评指责是因为误会和误解,我们也要第一时间向旅客表达歉意,
            (4)对于旅客提出的无理要求,需要沉住气,婉言拒绝,或巧妙回答,做到有修养、有风度、不失礼;对于旅客的批评指责要包容和谦虚。如果问题确实是我们的不当或失职导致的,应立刻向乘客赔礼道歉,对乘客的关注表示感谢,立即报告或妥善处理。如果旅客提出的批评指责是因为误会和误解,我们也要第一时间向旅客表达歉意,安抚旅客情绪。
          </p>
        </div>
      </div>
@@ -203,7 +210,6 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">安抚旅客情绪。</p>
          <p>
            (5)遇到解决不了的问题时,应先向旅客表达歉意,并引导旅客到能提供有效服务的部门或岗位,禁止说一些否定句。
          </p>
@@ -218,9 +224,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
@@ -228,13 +233,8 @@
              <p>
                分析:在机场,遇到航班延误,广播播报最多的是“天气原因”,而往往旅客眼前看到的是朗朗晴空,再去查看目的地的天气时,发现也显示晴朗,此时旅客难免会对航班延误的原因产生怀疑。事实上,“天气原因”有很多种情况:一是飞机因出发地天气状况不适宜起飞;二是飞机因目的地天气状况不适宜起飞;三是飞机因飞行航路上的天气状况不适宜起飞等。在全程航线上,只要有一个地方的天气状况出现异常,飞机就只能由于“天气原因”在原地停留。所以,晴空万里不代表飞行意义上的、旅客认为的正常天气。
              </p>
              <textarea
                v-model="questionData.askAbout.three"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e097">(二)电话问询服务礼仪</h5>
@@ -254,11 +254,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">116</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -315,9 +311,27 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之反思·</span></p>
          <p>通过对问询服务的学习,同学们有何感悟和新颖的想法?</p>
          <h3 id="c027">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">导乘服务礼仪实训 </span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">导乘服务礼仪实训 </span>
          </h3>
          <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 == '36f02743b633758c2ecdee90af20fe34'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">背老人赶航班的“小跑哥”</span></p>
          <p class="block">
@@ -326,20 +340,14 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>通过上述描述,你认为在导乘服务中应注意什么?有什么作用?</p>
              <textarea
                v-model="questionData.askAbout.four"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p><b>任务目标:</b></p>
@@ -365,11 +373,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">118</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -392,6 +396,44 @@
            隔离桩的维护:隔离桩完好率100%,如有故障需通知值机主任;隔离桩不得有粘纸、尘土、打结、缠绕、松动、缺损等现象;隔离带整理频率不得少于10分钟/次,摆放间距相等,横平竖直,横向和纵向呈90°;遵循“三桩两带”原则,即每一个隔离带由两个竖桩配一根隔离带,并呈一条直线。隔离带不得超过一米黄线位置;不得超过划定区域,不得影响旅客通行。
          </p>
          <h4 id="d089">三、候机楼导乘服务礼仪规范</h4>
          <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 == '810345cbf8f3d003d9ff7247a5247570'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <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 == '2336e67a853728fa6a1d2b7a4a2d9abf'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e098">(一)积极主动响应旅客需求</h5>
          <p>
            响应性是指导乘人员向旅客提供服务的自发性,响应性决定了旅客为服务等待的时间和问题解决的效率。导乘人员对旅客响应及时,能够增加旅客的信任度和满意度,避免旅客出现不满情绪。
@@ -424,28 +466,17 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>1.案例中,值机员小董为旅客提供了哪些暖心服务?</p>
              <textarea
                v-model="questionData.askAbout.five"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.谈一谈,你从该案例中得到了哪些启示?</p>
              <textarea
                v-model="questionData.askAbout.six"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e100">(三)严守规范提升服务质量</h5>
@@ -467,11 +498,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">120</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -484,82 +511,39 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>请将刚才提到的服务忌语进行改进,变成温暖规范的服务用语。</p>
              <p>
                不说“不知道,不清楚”——我们可以说:<input
                  type="text"
                  name="ball1"
                  class="fz-15 input-box"
                  style="width: 200px"
                  v-model="questionData.askAbout.seven"
                  @change="setBookQuestion"
                />
                不说“不知道,不清楚”——我们可以说:<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
                  v-model="questionData.askAbout.seven" @change="setBookQuestion" />
              </p>
              <p>
                不说“你怎么还不明白”——我们可以说:<input
                  type="text"
                  name="ball1"
                  class="fz-15 input-box"
                  style="width: 200px"
                  v-model="questionData.askAbout.eight"
                  @change="setBookQuestion"
                />
                不说“你怎么还不明白”——我们可以说:<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
                  v-model="questionData.askAbout.eight" @change="setBookQuestion" />
              </p>
              <p>
                不说“刚才不是已经告诉你了吗”——我们可以说:<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 130px"
                  v-model="questionData.askAbout.nine"
                  @change="setBookQuestion"
                />
                不说“刚才不是已经告诉你了吗”——我们可以说:<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
                  v-model="questionData.askAbout.nine" @change="setBookQuestion" />
              </p>
              <p>
                不说“哪买的票哪退去,别找我们”——我们可以说:<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 115px"
                  v-model="questionData.askAbout.ten"
                  @change="setBookQuestion"
                />
                不说“哪买的票哪退去,别找我们”——我们可以说:<input type="text" name="ball1" class="fz-16 input-box" style="width: 115px"
                  v-model="questionData.askAbout.ten" @change="setBookQuestion" />
              </p>
              <p>
                不说“急什么,别催我”——我们可以说:<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 200px"
                  v-model="questionData.askAbout.eleven"
                  @change="setBookQuestion"
                />
                不说“急什么,别催我”——我们可以说:<input type="text" name="ball1" class="fz-16 input-box" style="width: 200px"
                  v-model="questionData.askAbout.eleven" @change="setBookQuestion" />
              </p>
              <p>
                不说“爱找谁找谁,我解决不了”——我们可以说:<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 130px"
                  v-model="questionData.askAbout.twelve"
                  @change="setBookQuestion"
                />
                不说“爱找谁找谁,我解决不了”——我们可以说:<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
                  v-model="questionData.askAbout.twelve" @change="setBookQuestion" />
              </p>
              <p>
                不说“挤什么挤,后面等着去”——我们可以说:<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 140px"
                  v-model="questionData.askAbout.thirteen"
                  @change="setBookQuestion"
                />
                不说“挤什么挤,后面等着去”——我们可以说:<input type="text" name="ball1" class="fz-16 input-box" style="width: 140px"
                  v-model="questionData.askAbout.thirteen" @change="setBookQuestion" />
              </p>
            </div>
          </div>
@@ -568,17 +552,31 @@
            <img class="img-0" alt="" src="../../assets/images/0126-1.jpg" />
          </p>
          <h3 id="c028">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">值机服务礼仪实训</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">值机服务礼仪实训</span>
          </h3>
          <p><b>任务目标:</b></p>
          <p>1.知道候机楼值机服务岗位工作人员的工作流程。</p>
          <p>2.了解候机楼值机服务岗位工作人员的礼仪规范。</p>
          <p>3.能熟练运用礼仪规范。</p>
          <h4 id="d090">一、候机楼值机服务概述</h4>
          <p>
            值机服务是指航空公司为旅客办理乘机手续的全流程服务,基本流程包括:迎接旅
          </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 == 'f60bcf0daea848fdd87d931e0debffe7'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -596,8 +594,9 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <h4 id="d090">一、候机楼值机服务概述</h4>
          <p>
            客、查验旅客客票及证件、为旅客安排座位、收运托运旅客行李、和旅客告别。每一个流程,值机人员都应遵守相应的礼仪规范,为旅客提供满意的服务,以提高民航企业的形象,进而促进民航企业的发展。
            值机服务是指航空公司为旅客办理乘机手续的全流程服务,基本流程包括:迎接旅客、查验旅客客票及证件、为旅客安排座位、收运托运旅客行李、和旅客告别。每一个流程,值机人员都应遵守相应的礼仪规范,为旅客提供满意的服务,以提高民航企业的形象,进而促进民航企业的发展。
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
@@ -611,21 +610,13 @@
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img
                  class="img-a"
                  alt=""
                  src="../../assets/images/0127-1.jpg"
                />
                <img class="img-a" alt="" src="../../assets/images/0127-1.jpg" />
              </p>
              <p class="img">图4-1-3 迎接旅客</p>
            </span>
            <span>
              <p class="center openImgBox">
                <img
                  class="img-a"
                  alt=""
                  src="../../assets/images/0127-2.jpg"
                />
                <img class="img-a" alt="" src="../../assets/images/0127-2.jpg" />
              </p>
              <p class="img">图4-1-4 微笑</p>
            </span>
@@ -634,20 +625,14 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>在检查旅客客票和证件时,应注意哪些方面?</p>
              <textarea
                v-model="questionData.askAbout.fourteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e102">(二)查验旅客客票及证件礼仪</h5>
@@ -666,11 +651,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">122</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -696,19 +677,18 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>你知道客舱座位的安排一般都遵循哪些原则吗?</p>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
            在通常情况下,值机员为旅客安排座位遵循以下几个原则:如果是同行旅客,应尽量安排在邻近的座位上;如果遇到孕妇等需要特殊照顾的旅客,一般安排在靠近客舱服务员或者方便出入的相对宽敞的座位上,但是不能安排在紧急出口;如果是航司的重要旅客,一般会安排在靠前的座位上,或者在公司允许条件下为其进行升舱服务;如果机
            在通常情况下,值机员为旅客安排座位遵循以下几个原则:如果是同行旅客,应尽量安排在邻近的座位上;如果遇到孕妇等需要特殊照顾的旅客,一般安排在靠近客舱服务员或者方便出入的相对宽敞的座位上,但是不能安排在紧急出口;如果是航司的重要旅客,一般会安排在靠前的座位上,或者在公司允许条件下为其进行升舱服务;如果机上有更加特殊的旅客,如公安机关需要押送的犯人旅客,不能安排在靠近紧急出口的座位上,也不能安排在靠窗的座位上,要保证公安人员的座位在犯人旅客座位的旁边。
          </p>
        </div>
      </div>
@@ -727,9 +707,6 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            上有更加特殊的旅客,如公安机关需要押送的犯人旅客,不能安排在靠近紧急出口的座位上,也不能安排在靠窗的座位上,要保证公安人员的座位在犯人旅客座位的旁边。
          </p>
          <h5 id="e104">(四)收运托运旅客行李礼仪</h5>
          <p>
            值机人员在给旅客办理收运、托运行李时,如果旅客没有主动说有行李需要托运,值机人员在为旅客打印好登机牌后,应主动询问旅客是否有托运的行李。如果旅客有行李要托运,收运旅客行李时,值机人员需要注意以下事项。
@@ -756,25 +733,63 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>在递接客票、身份证及登机牌时,值机人员应注意哪些方面?</p>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <div class="bk4">
            <div class="bk5">
              <p><span class="bj2">·思政园地·</span></p>
            </div>
            <p>
              值机人员在整个民航旅客运输流程中扮演着非常重要的角色。值机人员不仅需要注意自身的礼仪举止,还要注意观察旅客的言行举止,从而树立和塑造良好的形象,提升亲和力。
            </p>
          </div>
          <h5 id="e105">(六)机场智慧值机服务</h5>
          <p>
            为了给旅客提供更加安全、便捷、高效、智能的服务,近年来,民航业正加快新技术的创新应用,持续提升服务工作的数字化、智慧化水平。我国的各种形式的特色值机业务发展也很快,近年来CUSS机在民用机场的普及率显著提高,各航空公司网站上普遍设置了自助值机板块,旅客使用的方便性也大大改善。中国航空公司的特色值机发展在全球已经处于前列。
          </p>
          <p>
            从机场服务到航班运行,从空中交通到地面保障,当前,智慧民航建设提升了民航运营效率和服务水平,成果惠及万千旅客。除了机场安检,在值机、行李托运和登机的各个环节,旅客在完成刷脸后便能快速办理手续。在视觉识别、人工智能算法等技术的帮助下,旅客不仅可以享受更便捷的登机服务,还可以体验更高效安全的行李托运服务。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../assets/images/0129-1.jpg" />
          </p>
          <p class="img">图4-1-6 CUSS机</p>
          <p>
            自助值机也成为很多旅客出行的首选,自助值机是旅客自主独立完成值机的全过程。
          </p>
          <p>
            旅客在自助值机时机场工作人员的礼仪服务也非常重要。
          </p>
          <p>
            负责自助值机的服务人员不仅需要熟悉智能化设备的操作,还需为旅客提供高效、友好的服务,其服务规范主要包括以下内容:
          </p>
          <p>
            (1)用规范专业的服务用语准确解答旅客使用自助值机终端、自助行李托运设备等的操作问题。
          </p>
          <p>
            (2)关注值机设备,确保设备正常运行。如遇不能服务旅客的故障设备,除及时处理或联系技术支持外,更要做好旅客的分流引导和解释工作。
          </p>
          <p>
            (3)引导旅客完成自助值机、行李托运、安检等流程,按操作规范减少排队时间。
          </p>
          <p>
            (4)为特殊旅客服务,如老人、儿童、残障人士等提供一对一协助,确保顺利值机。
          </p>
          <p>
            (5)及时为旅客提供航班动态、登机口信息、行李政策等咨询服务,解答旅客关于值机时间、行李限额、选座规则等问题。
          </p>
          <p>
            (6)帮助旅客完成人脸识别值机,确保身份信息准确无误。及时进行异常情况处理,因身份信息不符或系统识别失败导致的问题。
          </p>
          <p>
            (7)在旅客高峰期合理分流,引导旅客合理使用自助设备或人工柜台,从而提高值机效率和确保值机区域秩序井然,避免拥堵和混乱。
          </p>
          <p>
            (8)为部分旅客提供个性化服务,为其提供选座、升舱、特殊餐食等服务。为航空公司常旅客或VIP旅客提供专属值机通道和优先服务等。
          </p>
          <p>
            (9)记录旅客在使用智慧值机服务时遇到的常见问题,由所在部门反馈给技术团队优化系统。根据旅客反馈,提出改进值机流程和服务质量的建议。
          </p>
        </div>
      </div>
    </div>
@@ -784,28 +799,119 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">124</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p>
            (10)智慧值机会节省部分人力服务,但对在岗的工作人员确有更高的服务要求,机场各岗位工作人员,在服务过程中需全程保持微笑服务,耐心解答旅客提出的各类问题,并提供温馨服务体验。还要保持好专业的职业形象,着装整洁,言行得体,展现机场服务人员的专业素养。
          </p>
          <p>
            协助智慧值机的工作人员不仅是技术操作的支持者,更是旅客服务的核心。需要通过专业的技术能力、细致的服务态度和高效的应急处理能力,确保旅客在智慧值机过程中获得顺畅、舒适的体验。随着智慧机场的不断发展,机场工作人员的角色将更加多元化和专业化。
          </p>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p class="fl al-c">那么在引导旅客进行自助值机时,我们应当使用什么样的服务手势呢?
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="30" viewBox="0 0 20.501 20.501" class="c-p"
                  title="查看解析" @click="showAnswerOne = !showAnswerOne">
                  <path class="a"
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </p>
              <textarea v-model="questionData.askAbout.twentyEight" placeholder="请输入内容" rows="4"
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <div class="event-header-text-bc" style="width: 90%;margin-left: 2em; padding: 0 10px;"
                v-if="showAnswerOne">
                <p>
                  解析:自助值机引导时,服务手势是非常重要的肢体语言。服务员应当五指并拢,向旅客需要点击的地方示意,避免用手指指指点点,使旅客产生“被命令”的不被尊重的感觉。
                </p>
                <p>
                  掌握自助值机服务常用的服务用语也是优质服务的小技巧哦
                </p>
                <p>
                  1.您好,请到这边的*号机器值机。
                </p>
                <p>
                  2.请放心,我会协助您的值机工作。
                </p>
                <p>
                  3.请将身份证正面朝上放到这里的区域。
                </p>
                <p>
                  4.请问您对座位有什么要求?这里是目前您可以选择的座位图,您看看有您喜欢的吗?
                </p>
                <p>
                  5.这个座位区域是指……您看是否愿意选择这个座位。
                </p>
                <p>
                  6.非常抱歉目前没有您最喜欢的座位,如果要选择紧急通道座位,您可以去人工值机柜台,请从这里往前直行,到20号柜台。
                </p>
                <p>
                  7.不用着急,我们再试一次。
                </p>
                <p>
                  8.请拿好您的登机牌,祝您旅途愉快。
                </p>
              </div>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p>
            请以小组为单位,模拟为自助值机旅客的服务,体会并总结服务用语。
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p>实习生小明在机场自助值机区域工作,一位老年旅客怎么也听不明白小明给他做的指导,也不太能理解自助值机机器的提示和指令,小明心理很着急,也很烦躁,在旅客面前表现的很不耐烦,导致旅客非常局促。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·寻礼之问·</span></p>
          <p>
            您是小明的师傅。您将怎样处理和解决现场的这个场景问题呢?
          </p>
          <div class="bk4">
            <div class="bk5">
              <p><span class="bj2">·思政园地·</span></p>
            </div>
            <p>
              值机人员在整个民航旅客运输流程中扮演着非常重要的角色。值机人员不仅需要注意自身的礼仪举止,还要注意观察旅客的言行举止,从而树立和塑造良好的形象,提升亲和力。
            </p>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p class="center">
            <img class="img-0" alt="" src="../../assets/images/0130-1.jpg" />
          </p>
          <h3 id="c029">
            <span class="h3-zt1">任务4</span
            ><span class="h3-bk">贵宾厅服务礼仪实训</span>
            <span class="h3-zt1">任务4</span><span class="h3-bk">贵宾厅服务礼仪实训</span>
          </h3>
          <p><b>任务目标:</b></p>
          <p>1.知道贵宾厅服务的流程及内容。</p>
          <p>2.掌握贵宾厅服务礼仪并能在实践中熟练运用。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="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 == '51ee040702ff1402026c948b82f8df55'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d092">一、贵宾厅服务概述</h4>
          <p>
            候机楼贵宾厅服务是指为重要人士提供机场全程引导、协助办理登机手续等服务。贵宾服务主要分为迎机服务和送机服务两种。
@@ -820,7 +926,7 @@
            机场贵宾候机厅是贵宾离港时相对停留较长的区域,也是服务人员与贵宾接触时间较长、对服务个性化要求相对更高的区域。因此,服务人员需掌握独特的礼仪规范要求。贵宾厅服务人员的基本规范包括以下几方面。
          </p>
          <p>
            (1)“三轻”服务——说话轻、动作轻、走路轻。巡视时需脚步轻缓,使用无声
            (1)“三轻”服务——说话轻、动作轻、走路轻。巡视时需脚步轻缓,使用无声设备。对休息室内音量过大或行为不雅的旅客进行必要的提醒或有效干预。
          </p>
        </div>
      </div>
@@ -839,9 +945,6 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            设备。对休息室内音量过大或行为不雅的旅客进行必要的提醒或有效干预。
          </p>
          <p>
            (2)“循环式不间断服务”——在不打扰旅客的基础上,每15分钟巡视一次旅客休息区域。
          </p>
@@ -864,9 +967,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
@@ -874,7 +976,7 @@
                从小东的服务故事中,你看出了贵宾厅服务的哪些内容?你觉得贵宾厅服务人员需要注意哪些礼仪呢?
              </p>
              <textarea v-model="questionData.askAbout.seventeen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d093">二、贵宾厅服务礼仪</h4>
@@ -884,7 +986,7 @@
          </p>
          <h5 id="e107">(二)电梯引导礼仪</h5>
          <p>
            (1)遵循先进后出原则。在引导旅客乘坐无人驾驶的电梯时,服务人员应先在电
            (1)遵循先进后出原则。在引导旅客乘坐无人驾驶的电梯时,服务人员应先在电梯门前按呼梯按钮,当电梯门打开后,服务人员先进入电梯,站在按操作键的地方,以便服务旅客。进入电梯后一手扶住电梯门一侧或者一手按开电梯门按钮(防止夹到或夹伤旅客),请旅客进入电梯。
          </p>
        </div>
      </div>
@@ -895,20 +997,13 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">126</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            梯门前按呼梯按钮,当电梯门打开后,服务人员先进入电梯,站在按操作键的地方,以便服务旅客。进入电梯后一手扶住电梯门一侧或者一手按开电梯门按钮(防止夹到或夹伤旅客),请旅客进入电梯。
          </p>
          <p>
            出电梯时,应让旅客先出电梯,服务人员应一手做出请的动作,并按住开门按钮。等旅客走出电梯后,服务人员应立刻走出电梯,并引导旅客行进的方向。
          </p>
@@ -927,6 +1022,25 @@
            在为旅客服务时,热毛巾应放置于客人左手方向。送出时,服务人员应用手握住毛巾盘边缘,注意手指不要触摸到毛巾,回收时,使用毛巾夹和另外的毛巾盘。
          </p>
          <h6 id="f041">2.茶水服务礼仪</h6>
          <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 == '14ada4ec3e004795ecb3a9c2ad8ea386'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            (1)在为旅客进行茶水服务前,应注意不要使用有缺口或裂痕的茶杯,保持茶杯干净卫生。
          </p>
@@ -994,11 +1108,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">128</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1008,241 +1118,113 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.候机楼问询服务根据提供方可分为(  )。</p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.机场问询
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.机场问询
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.联合问询
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.联合问询
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.联合问询、航空公司问询、机场问询
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.联合问询、航空公司问询、机场问询
          </p>
          <p>2.候机楼现场问询服务礼仪有哪些?(  )。</p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />A.迎接旅客礼仪
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.迎接旅客礼仪
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />B.应答旅客问题礼仪
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.应答旅客问题礼仪
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />C.告别旅客礼仪
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.告别旅客礼仪
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.以上都是
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.以上都是
          </p>
          <p>
            3.直行带工作要求:排队超过(  )人时,增加柜台;团队超过(  )人时,增加柜台。
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />A.4~5,6
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.4~5,6
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />B.6~8,8
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.6~8,8
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />C.8~10,9
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.8~10,9
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />D.8~10,10
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.8~10,10
          </p>
          <p>4.候机楼值机服务的基本流程有(  )。</p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />A.迎接旅客,收运、托运旅客行李
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.迎接旅客,收运、托运旅客行李
          </p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />B.查检旅客客票及证件,同旅客告别
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.查检旅客客票及证件,同旅客告别
          </p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />C.为旅客安排座位
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.为旅客安排座位
          </p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />D.迎接旅客,检查旅客客票及证件,为旅客安排座位,收运托运旅客行李
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.迎接旅客,检查旅客客票及证件,为旅客安排座位,收运托运旅客行李
          </p>
          <p>5.酒水服务礼仪中,红葡萄酒应倒满杯子的(  )。</p>
          <p>
            <input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />A.1/3
            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />A.1/3
          </p>
          <p>
            <input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />B.2/3
            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />B.2/3
          </p>
          <p>
            <input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />C.倒满
            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />C.倒满
          </p>
          <p>6.有效的身份证件包括什么?</p>
          <textarea
            v-model="questionData.projectOne.six.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.six.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>7.简述回答旅客问题的技巧。</p>
          <textarea
            v-model="questionData.projectOne.seven.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.seven.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>8.简述贵宾厅服务中的“三轻服务”“循环式不间断服务”“零呼唤管理”。</p>
          <textarea
            v-model="questionData.projectOne.eight.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.eight.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>9.电梯引导礼仪应遵循哪些原则?</p>
          <textarea
            v-model="questionData.projectOne.nine.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.nine.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>
@@ -1266,11 +1248,30 @@
              <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/unitFour-02.png" alt=""></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 == '808ca04bce334463e3e10b26edecec82'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </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>
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              在候机楼服务实习中,李丽看到一位旅客因为行李总是无法通过安检机而不满,李丽既需要向他做好解释和服务,更要确保民航安全,确保服务符合规范。李丽应该怎样做才能让她的安检服务获得旅客的认可呢?通过本项目的学习,了解安检服务的职责要求及服务礼仪规范,形成对安检服务的全面认知并及时有效地完成旅客安全检查,提高服务旅客的效率,避免安全隐患的发生,为旅客保驾护航。
@@ -1278,9 +1279,7 @@
          </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>
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              旅客张女士办理完登机手续准备进行安全检查,安检员要求其脱掉大衣再过检,由于张女士大衣里面只穿了无袖的T恤,便说不方便脱大衣。看到张女士不配合安检的要求,安检员很生气,就连接过张女士的手提行李时也没能控制自己的不满,随手将张女士的手提行李扔到传送带上。看到自己的行李被扔到传送带上,张女士非常生气地说:“为什么扔我的包?”安检员说:“你不配合我们的工作,我为什么不能扔!”两人发生了口角之争和肢体冲突。
@@ -1289,15 +1288,14 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>你认为在安检服务中应怎样规范自己的言行举止?</p>
              <textarea v-model="questionData.askAbout.eighteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eighteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1315,11 +1313,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">130</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1327,12 +1321,30 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c030">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">人身安全检查礼仪实训</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">人身安全检查礼仪实训</span>
          </h3>
          <p><b>任务目标:</b></p>
          <p>1.知道人身安全检查服务人员的岗位职责及要求。</p>
          <p>2.掌握人身安全检查服务人员礼仪规范,并在实践中熟练运用</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="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 == '8086dfd8f1307041be4e7e4b15aee1b4'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d094">一、人身安全检查服务的概述</h4>
          <p>
            人身安全检查主要是通过检查旅客身上是否携带枪支、易燃易爆物品、腐蚀性物品、有毒物品等,保障航空器及旅客的安全。人身安全检查不存在免检情况,必须在旅客登机前进行,否则不允许登机(见图4-2-1)。
@@ -1373,9 +1385,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
@@ -1385,16 +1396,35 @@
              <p>
                1.上述案例中描述的是哪个安检岗位安检员的工作场景?当值安检员有哪些礼仪缺失的地方?
              </p>
              <textarea v-model="questionData.askAbout.nineteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nineteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.上述案例中,负责人身检查的安检员是否可以在一定程度上对因前序工作导致不满情绪的旅客进行安抚呢?如果可以,应该怎么做呢?
              </p>
              <textarea v-model="questionData.askAbout.twenty" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.twenty" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d096">三、人身安全检查服务的礼仪规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEleven" 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.isCollectVideo10 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'a77181ba5fdb0f851bb43cb61ec3fed2'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e112">(一)人身安全检查员执勤礼仪规范</h5>
          <p>
            (1)安检员上班前不吃有异味的食物,不喝酒、抽烟,不吃零食,上班仪态要端庄。
@@ -1427,11 +1457,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">132</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1439,12 +1465,30 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c031">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">开箱包检查礼仪实训</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">开箱包检查礼仪实训</span>
          </h3>
          <p><b>任务目标:</b></p>
          <p>1.知道开箱包检查人员的岗位职责及检查方法。</p>
          <p>2.掌握开箱包检查人员的礼仪规范,并在实际训练中熟练运用。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwelve" 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.isCollectVideo11 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'c583ec4fcdef8acae289d050c6e7eb78'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-12')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d097">一、开箱包检查服务概述</h4>
          <p>
            开箱包检查是指对用X射线机检查时,图像模糊不清的,X射线机发现类似电池、粉状物、液体状、导线等可疑物品,X射线机图像中显示有容器的物品,来历不明的物品等进行的检查。
@@ -1526,48 +1570,20 @@
            1.开箱包检查的正确步骤是(  )。(单选题)
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.检查内层、检查箱包内物品
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.检查内层、检查箱包内物品
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.观察外观、检查箱包内物品
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.观察外观、检查箱包内物品
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.观察外观、检查内层和夹层、检查箱包内物品、善后处理
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.观察外观、检查内层和夹层、检查箱包内物品、善后处理
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.观察外观、检查夹层、检查箱包内物品、善后处理
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.观察外观、检查夹层、检查箱包内物品、善后处理
          </p>
        </div>
      </div>
@@ -1578,11 +1594,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">134</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1591,118 +1603,65 @@
        <div class="bodystyle">
          <p>2.开箱包检查时,以下哪些不是可疑物品?(  )(单选题)</p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.电池
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.电池
          </p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.粉状物
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.粉状物
          </p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.固体状物
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.固体状物
          </p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.导线
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.导线
          </p>
          <p>3.常见的开箱包检查手法有(  )(多选题)</p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.听
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.听
          </p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.嗅
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.嗅
          </p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.敲
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.敲
          </p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.摸
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.摸
          </p>
          <p>4.简述人身安全检查的分类。</p>
          <textarea
            v-model="questionData.projectTwo.four.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectTwo.four.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>5.简述人身安全检查服务人员执勤礼仪规范。</p>
          <textarea
            v-model="questionData.projectTwo.five.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectTwo.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>6.简述人身安全检查服务人员的仪容仪表礼仪规范。</p>
          <textarea
            v-model="questionData.projectTwo.six.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectTwo.six.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(2)" 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>
@@ -1726,11 +1685,30 @@
              <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/unitFour-03.png" alt=""></p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThirteen" 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.isCollectVideo12 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '027d59276957d481732b80db9aad6768'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-13')" />
              </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>
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              李丽的职业规划是成为一名空中乘务员,在候机楼的服务中她了解了空地联动的重要性,理解了地面服务与空中服务的关系。客舱服务是航空服务的关键实施阶段,要成为一名合格的空中乘务员,不仅需要掌握客舱服务的技能,更要用心锤炼客舱服务艺术。李丽迫切地需要将所学的沟通礼仪、着装礼仪、行为礼仪、姿态礼仪与空乘专业技能有效融合并呈现在客舱服务中。学习者通过本项目的学习,将前期所学的礼仪知识和技能融会贯通地运用到模拟实训中,提升对客舱服务礼仪的实战能力,养成良好的工作礼仪习惯,提升客舱服务素养。
@@ -1738,9 +1716,7 @@
          </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>
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              李丽的学姐李静通过面试成了航空公司的实习乘务员,经过培训后,她终于要走向自己的第一个执飞航班了。由于航班时刻较早,李静发现她的夏季制服裙清洗后未干,于是穿上秋季制服裙,并画上精致的妆容,还特意戴上了生日时妈妈送的运动手表。没想到召开准备会时乘务长却对她的着装和配饰都提出了批评。李静很难过,明明已经很用心整理了,为什么乘务长要批评她呢?
@@ -1749,30 +1725,47 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>1.作为李静的学妹,面对难过的李静,李丽可以跟她说些什么?</p>
              <textarea v-model="questionData.askAbout.twentyOne" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.关于乘务员航前的仪容仪表规范,我们了解多少呢?</p>
              <textarea v-model="questionData.askAbout.twentyTwo" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>3.航前准备阶段还需要掌握哪些礼仪规范呢?</p>
              <textarea v-model="questionData.askAbout.twentyThree" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c032">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">航前准备阶段礼仪实训</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">航前准备阶段礼仪实训</span>
          </h3>
          <p><b>任务目标:</b></p>
          <p>1.了解乘务员着装礼仪规范。</p>
          <p>2.了解准备会礼仪规范。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFourteen" 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.isCollectVideo13 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '0ca2f6d71dca30320627286ffbf5d60c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-14')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1782,11 +1775,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">136</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1794,6 +1783,63 @@
        </ul>
        <div class="bodystyle">
          <h4 id="d101">一、乘务员着装礼仪规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFifteen" 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.isCollectVideo14 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '7923cd0317296eaea5fa8c513fe7dcca'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-15')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSixteen" 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.isCollectVideo15 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'c1fa8a017a5538ff2e560b31d35232e1'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-16')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeventeen" 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.isCollectVideo16 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'ea653cf2afa7376a6a032053596d9773'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-17')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            乘务员职业装能够凸显企业文化和职业特性,它不仅是航空公司和乘务员自身审美的体现,也是满足被服务旅客的审美、航程预约和良好乘机体验的需要。乘务员在穿着制服时,更要特别注意自己的仪表形象,使自己的言行、举止符合制服应表现出的企业文化和品牌价值。
          </p>
@@ -1822,10 +1868,6 @@
          <p>
            保持制服的干净、整洁、挺括,是制服保养的基本要求。每个航班结束后,应干洗制服;每次执行航班任务前,应熨烫制服。要养成检查制服有无损坏、污渍、掉扣、开线等情况的习惯,若发现拉链损坏、扣子掉落等问题,应立即修理补救。
          </p>
          <h5 id="e122">(五)管理和使用的规范</h5>
          <p>
            制服只允许在执行航班任务时穿,如果因出席重大活动或者在特殊场合需要穿着制
          </p>
        </div>
      </div>
    </div>
@@ -1843,10 +1885,30 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            服时,也应按要求穿着制服,除此之外的其他时间、场合不能穿着制服,更不允许将制服借给他人使用。
          <h5 id="e122">(五)管理和使用的规范</h5>
          <p>
            制服只允许在执行航班任务时穿,如果因出席重大活动或者在特殊场合需要穿着制服时,也应按要求穿着制服,除此之外的其他时间、场合不能穿着制服,更不允许将制服借给他人使用。
          </p>
          <h4 id="d102">二、准备会礼仪规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEighteen" 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.isCollectVideo17 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '53644acc8e99901f5794c047c6bb9c0c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-18')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            航前准备会是客舱乘务人员飞行任务前的一次总动员,由乘务长主持召开。航前准备会的主要内容包括:自我介绍、检查有效证件和仪容仪表、确认航班信息、工作职责分配、准备空防预案和应急预案。准备会礼仪规范包括见面的礼仪规范、物品摆放的礼仪规范、座序的礼仪规范、会议的礼仪规范。以下内容将详细介绍准备会礼仪规范。
          </p>
@@ -1876,7 +1938,7 @@
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
            号位级别:在执行航班任务时,每个乘务员都有不同的号位,不同的号位代表不同的岗位职责区域,所以是不存在重复的号位的。分号位是为了让大家分工更加明确,从而能够更好地完成空中服务和安全保障工作。不同的机型,不同的号位职责也是不尽相
            号位级别:在执行航班任务时,每个乘务员都有不同的号位,不同的号位代表不同的岗位职责区域,所以是不存在重复的号位的。分号位是为了让大家分工更加明确,从而能够更好地完成空中服务和安全保障工作。不同的机型,不同的号位职责也是不尽相同的,规定相当细致复杂。不同号位的基本职责:负责几排到几排的服务,分发报纸,紧急脱离门、窗的操作,火情处置等。
          </p>
        </div>
      </div>
@@ -1887,20 +1949,13 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">138</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 block">
            同的,规定相当细致复杂。不同号位的基本职责:负责几排到几排的服务,分发报纸,紧急脱离门、窗的操作,火情处置等。
          </p>
          <h5 id="e126">(四)会议的礼仪规范</h5>
          <p>
            航前准备会通常包括“客舱服务说明”“客舱安全相关重点工作信息说明”“空防安全工作内容”等。“客舱服务说明”和“客舱安全相关重点工作信息说明”一般由会议主持人负责讲解,“空防安全工作内容”一般由安全员负责讲解。
@@ -1911,15 +1966,14 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>航前准备阶段的礼仪中融合了前面课程中的哪些重点知识?</p>
              <textarea v-model="questionData.askAbout.twentyFour" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
@@ -1943,9 +1997,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
@@ -1954,10 +2007,10 @@
              </p>
              <p>1.你觉得刘慧做得对吗?</p>
              <textarea v-model="questionData.askAbout.twentyFive" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.对于迎客的礼仪规范,你知道多少?</p>
              <textarea v-model="questionData.askAbout.twentySix" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1978,14 +2031,70 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c033">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">空中实施阶段礼仪实训</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">空中实施阶段礼仪实训</span>
          </h3>
          <p><b>任务目标:</b></p>
          <p>1.了解迎客礼仪规范。</p>
          <p>2.掌握餐饮发放礼仪规范。</p>
          <p>3.掌握航程中问询礼仪规范。</p>
          <p>4.了解客舱安全检查礼仪规范。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathNineteen" 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.isCollectVideo18 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '9a3ca4974c773071810305bc71d0686c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-19')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwenty" 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.isCollectVideo19 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '992d774600338d541b8311e623488367'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-20')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwentyOne" 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.isCollectVideo20 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '6f51dba939e06ba2e93109dc99576899'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-21')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d103">一、迎客礼仪规范</h4>
          <p>
            良好、得体的礼仪运用,会带给旅客专业、亲切、温馨的印象,为后续提供的客舱服务奠定良好的基础。
@@ -2000,15 +2109,14 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p>旅客登机时,迎客的客舱乘务员应该站在哪里呢?</p>
              <textarea v-model="questionData.askAbout.twentySeven" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e128">(二)迎客站位与站姿的规范</h5>
@@ -2022,10 +2130,6 @@
          <p>
            (3)迎客时女乘务员采取“前腹式,丁字步站姿”,男乘务员采取“前腹式,平行步站姿”。
          </p>
          <h5 id="e129">(三)迎客的手势规范</h5>
          <p>
            迎客时要一直保持微笑,并耐心为旅客引导座位或协助安放行李。乘务员应双手接
          </p>
        </div>
      </div>
    </div>
@@ -2035,19 +2139,16 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">140</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            过旅客登机牌,并且手指并拢,手心朝上与水平面呈45°;拇指与食指轻拿登机牌边缘,迅速查看信息后交还旅客,同时根据旅客座位距离的远近,采用高、中、低位手势指引。
          <h5 id="e129">(三)迎客的手势规范</h5>
          <p>
            迎客时要一直保持微笑,并耐心为旅客引导座位或协助安放行李。乘务员应双手接过旅客登机牌,并且手指并拢,手心朝上与水平面呈45°;拇指与食指轻拿登机牌边缘,迅速查看信息后交还旅客,同时根据旅客座位距离的远近,采用高、中、低位手势指引。
          </p>
          <h5 id="e130">(四)行礼的规范</h5>
          <p>
@@ -2134,10 +2235,6 @@
          <p>
            收物品的时候应该先收过道旅客的物品,后收靠窗旅客的物品,做到先外后里。收旅客的饮料杯时要用托盘,收餐盘则必须使用餐车收取。收取时都要在托盘或者餐车上由里向外摆放,餐盒垒在一起时,最多不超过5个。
          </p>
          <h6 id="f051">7.推拉的礼仪规范</h6>
          <p>
            推餐车时,双手应扶在餐车上方左右两侧,双手略用力推动餐车,但不可用力过
          </p>
        </div>
      </div>
    </div>
@@ -2147,19 +2244,16 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">142</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            大、过快,以保持餐车上的物品平稳,注意不要撞到旅客的手脚和座椅扶手。
          <h6 id="f051">7.推拉的礼仪规范</h6>
          <p>
            推餐车时,双手应扶在餐车上方左右两侧,双手略用力推动餐车,但不可用力过大、过快,以保持餐车上的物品平稳,注意不要撞到旅客的手脚和座椅扶手。
          </p>
          <h5 id="e134">(二)餐饮服务语言的礼仪规范</h5>
          <p>
@@ -2192,10 +2286,6 @@
          <p>
            在客舱服务中,民航客舱乘务员会与不同旅客打交道。采用合适的语言技巧,掌握规范的服务话术,可以提升沟通效率,提升服务品质。
          </p>
          <h5 id="e135">(一)对特殊旅客的称呼规范</h5>
          <p>
            对男性旅客我们称呼为“先生”,对女性旅客我们称呼为“女士”。在航班上乘务
          </p>
        </div>
      </div>
    </div>
@@ -2213,8 +2303,9 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            员会提前获得一些重要旅客乘机的信息,对这类旅客的称呼要采用其最大的职务,如“首长您好”“处长您好”。服务商务舱的旅客时则要采用姓氏与职位相结合的尊称,如“李总您好”“王董您好”,在不确认旅客职位的情况下,可采用姓氏与性别相结合的方法,如“张先生您好”“王女士您好”。
          <h5 id="e135">(一)对特殊旅客的称呼规范</h5>
          <p>
            对男性旅客我们称呼为“先生”,对女性旅客我们称呼为“女士”。在航班上乘务员会提前获得一些重要旅客乘机的信息,对这类旅客的称呼要采用其最大的职务,如“首长您好”“处长您好”。服务商务舱的旅客时则要采用姓氏与职位相结合的尊称,如“李总您好”“王董您好”,在不确认旅客职位的情况下,可采用姓氏与性别相结合的方法,如“张先生您好”“王女士您好”。
          </p>
          <h5 id="e136">(二)向要客介绍时的规范</h5>
          <p>
@@ -2249,18 +2340,14 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">144</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
          <p class="block">
            表达技巧:不恰当地运用沟通技巧,会影响有效沟通,如改变话题,给旅客一种不愿与之沟通的感觉;主观判断或匆忙下结论常常会使沟通中断;虚假、不恰当的安慰,针对性不强的解释会给旅客一种敷衍了事、不负责的感觉。
          </p>
          <p class="block">个人因素:个人表达能力不足时会产生沟通障碍。</p>
@@ -2330,130 +2417,53 @@
          <p class="mb-10 mt-10 td-0"><span class="bj2">·项目检测·</span></p>
          <p>1.制服统一规范要求中,服装的(  )必须统一。</p>
          <p>
            <input
              type="radio"
              name="Qusone"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />A.大小、颜色、腰带
            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.大小、颜色、腰带
          </p>
          <p>
            <input
              type="radio"
              name="Qusone"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />B.配饰、鞋子、颜色
            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.配饰、鞋子、颜色
          </p>
          <p>
            <input
              type="radio"
              name="Qusone"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />C.季节、款式、配饰
            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.季节、款式、配饰
          </p>
          <p>2.着制服时,工号牌要佩戴在(  )。</p>
          <p>
            <input
              type="radio"
              name="Qustwo"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />A.右胸
            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.右胸
          </p>
          <p>
            <input
              type="radio"
              name="Qustwo"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />B.右胸正上方
            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.右胸正上方
          </p>
          <p>
            <input
              type="radio"
              name="Qustwo"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />C.左胸正上方
            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.左胸正上方
          </p>
          <p>3.手表是空勤人员必备的配饰,对手表的要求是必须具备(  )。</p>
          <p>
            <input
              type="radio"
              name="Qusthree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />A.2针6刻度
            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.2针6刻度
          </p>
          <p>
            <input
              type="radio"
              name="Qusthree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />B.3针12刻度
            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.3针12刻度
          </p>
          <p>
            <input
              type="radio"
              name="Qusthree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />C.任意刻度
            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.任意刻度
          </p>
          <p>
            4.戴近视眼镜的乘务员在执行航班任务时,必须佩戴(  ),同时为防止突发情况,还需要备一副(  )。
          </p>
          <p>
            <input
              type="radio"
              name="Qusfour"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectThree.four.value"
              @change="setBookQuestion"
            />A.隐形眼镜、框架眼镜
            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />A.隐形眼镜、框架眼镜
          </p>
          <p>
            <input
              type="radio"
              name="Qusfour"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectThree.four.value"
              @change="setBookQuestion"
            />B.彩色眼镜、隐形眼镜
            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />B.彩色眼镜、隐形眼镜
          </p>
        </div>
      </div>
@@ -2464,11 +2474,7 @@
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
            <span class="mr-10 pNum">146</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></span>
            <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2476,97 +2482,66 @@
        </ul>
        <div class="bodystyle">
          <p>
            <input
              type="radio"
              name="Qusfour"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectThree.four.value"
              @change="setBookQuestion"
            />C.框架眼镜、美瞳
            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />C.框架眼镜、美瞳
          </p>
          <p>
            5.召开航前准备会时应该注意乘务员到场后,应先将箱包(  )然后再落座。
          </p>
          <p>
            <input
              type="radio"
              name="Qusfive"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectThree.five.value"
              @change="setBookQuestion"
            />A.随意安放
            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />A.随意安放
          </p>
          <p>
            <input
              type="radio"
              name="Qusfive"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectThree.five.value"
              @change="setBookQuestion"
            />B.放在腿边
            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />B.放在腿边
          </p>
          <p>
            <input
              type="radio"
              name="Qusfive"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectThree.five.value"
              @change="setBookQuestion"
            />C.整齐摆放至指定区域
            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />C.整齐摆放至指定区域
          </p>
          <p>6.旅客登机时,迎客的客舱乘务员应该站在哪里迎客呢?</p>
          <textarea
            v-model="questionData.projectThree.six.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.six.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>7.请写一写迎客时或回答旅客登机的询问时应该说哪些语言。</p>
          <textarea
            v-model="questionData.projectThree.seven.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.seven.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>8.请写一写端托盘时应注意哪些礼仪规范。</p>
          <textarea
            v-model="questionData.projectThree.eight.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.eight.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>
            9.如果你是本次航班的头等舱乘务员,需要向旅客张总做自我介绍,请写出您的自我介绍内容。
          </p>
          <textarea
            v-model="questionData.projectThree.nine.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.nine.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>10.请写一写在安全检查中乘务员需要注意哪些礼仪规范?</p>
          <textarea
            v-model="questionData.projectThree.ten.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.ten.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(3)" 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>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>
@@ -2576,19 +2551,46 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterFour",
  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: "",
      videoPathTwelve: "",
      videoPathThirteen: "",
      videoPathFourteen: "",
      videoPathFifteen: "",
      videoPathSixteen: "",
      videoPathSeventeen: "",
      videoPathEighteen: "",
      videoPathNineteen: "",
      videoPathTwenty: "",
      collectResourceList: [],
      showAnswerOne: false,
      questionData: {
        isComplete: false,
        askAbout: {
@@ -2602,23 +2604,24 @@
          eight: "",
          nine: "",
          ten: "",
          eleven:'',
          twelve:'',
          thirteen:'',
          fourteen:'',
          fifteen:'',
          sixteen:'',
          seventeen:'',
          eighteen:'',
          nineteen:'',
          twenty:'',
          twentyOne:'',
          twentyTwo:'',
          twentyThree:'',
          twentyFour:'',
          twentyFive:'',
          twentySix:'',
          twentySeven:''
          eleven: '',
          twelve: '',
          thirteen: '',
          fourteen: '',
          fifteen: '',
          sixteen: '',
          seventeen: '',
          eighteen: '',
          nineteen: '',
          twenty: '',
          twentyOne: '',
          twentyTwo: '',
          twentyThree: '',
          twentyFour: '',
          twentyFive: '',
          twentySix: '',
          twentySeven: '',
          twentyEight: '',
        },
        projectOne: {
          one: {
@@ -2702,25 +2705,49 @@
          },
        },
      },
      chapter004: {
        videoMd5: [
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "7454A10BD25ED828FF31D0702DA63D55",
            name: "什么是心理健康",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "E4AC28F178D660E96355C17E6F283E66",
            name: "心理健康的10项标准",
          },
        ],
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideo01: false,
        isCollectVideo02: false,
        isCollectVideo03: false,
        isCollectVideo04: false,
        isCollectVideo05: false,
        isCollectVideo06: false,
        isCollectVideo07: false,
        isCollectVideo08: false,
        isCollectVideo09: false,
        isCollectVideo10: false,
        isCollectVideo11: false,
        isCollectVideo12: false,
        isCollectVideo13: false,
        isCollectVideo14: false,
        isCollectVideo15: false,
        isCollectVideo16: false,
        isCollectVideo17: false,
        isCollectVideo18: false,
        isCollectVideo19: false,
        isCollectVideo20: false,
      },
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块四 候机楼服务礼仪",
            questionNum: 134,
          },
          2: {
            questionTitleMain: "模块四 安检服务礼仪",
            questionNum: 140,
          },
          3: {
            questionTitleMain: "模块四 客舱服务礼仪",
            questionNum: 152,
          },
        },
      },
    };
  },
@@ -2739,12 +2766,6 @@
      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
@@ -2753,17 +2774,68 @@
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "f230fd8fd7952a4ad4dd05d94df7e797"
        "e9002557d1ba0b28dbddf10c52612e3f"
      );
      this.videoPathTwo = await getResourcePath(
        "700cfdb8b85b372045b1e97e3356ae3a"
        "da82b43c7571108d00a19ffcb5233a2e"
      );
      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
        const item = this.chapter004.videoMd5[index];
        if (item.md5 && !item.md5.includes("https:")) {
          item.handleMd5 = await getResourcePath(item.md5);
        }
      }
      this.videoPathThree = await getResourcePath(
        "36f02743b633758c2ecdee90af20fe34"
      );
      this.videoPathFour = await getResourcePath(
        "810345cbf8f3d003d9ff7247a5247570"
      );
      this.videoPathFive = await getResourcePath(
        "2336e67a853728fa6a1d2b7a4a2d9abf"
      );
      this.videoPathSix = await getResourcePath(
        "f60bcf0daea848fdd87d931e0debffe7"
      );
      this.videoPathSeven = await getResourcePath(
        "51ee040702ff1402026c948b82f8df55"
      );
      this.videoPathEight = await getResourcePath(
        "14ada4ec3e004795ecb3a9c2ad8ea386"
      );
      this.videoPathNine = await getResourcePath(
        "808ca04bce334463e3e10b26edecec82"
      );
      this.videoPathTen = await getResourcePath(
        "8086dfd8f1307041be4e7e4b15aee1b4"
      );
      this.videoPathEleven = await getResourcePath(
        "a77181ba5fdb0f851bb43cb61ec3fed2"
      );
      this.videoPathTwelve = await getResourcePath(
        "c583ec4fcdef8acae289d050c6e7eb78"
      );
      this.videoPathThirteen = await getResourcePath(
        "027d59276957d481732b80db9aad6768"
      );
      this.videoPathFourteen = await getResourcePath(
        "0ca2f6d71dca30320627286ffbf5d60c"
      );
      this.videoPathFifteen = await getResourcePath(
        "7923cd0317296eaea5fa8c513fe7dcca"
      );
      this.videoPathSixteen = await getResourcePath(
        "c1fa8a017a5538ff2e560b31d35232e1"
      );
      this.videoPathSeventeen = await getResourcePath(
        "ea653cf2afa7376a6a032053596d9773"
      );
      this.videoPathEighteen = await getResourcePath(
        "53644acc8e99901f5794c047c6bb9c0c"
      );
      this.videoPathNineteen = await getResourcePath(
        "9a3ca4974c773071810305bc71d0686c"
      );
      this.videoPathTwenty = await getResourcePath(
        "992d774600338d541b8311e623488367"
      );
      this.videoPathTwentyOne = await getResourcePath(
        "6f51dba939e06ba2e93109dc99576899"
      );
    },
    setBookQuestion() {
@@ -2779,12 +2851,7 @@
        JSON.stringify(this.chapterData)
      );
    },
    handlechapter004() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter004",
        JSON.stringify(this.chapter004)
      );
    },
    handleFocus(id) {
      this.isFocused = id; // 当textarea聚焦时,设置为true
@@ -2794,38 +2861,219 @@
    },
    handleCollect(e) {
      if (e.md5) {
      if (e == "video-01") {
        this.handleCollectResource(
          e.md5,
          e.md5,
          "e9002557d1ba0b28dbddf10c52612e3f",
          "e9002557d1ba0b28dbddf10c52612e3f",
          "",
          "视频",
          "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",
          "da82b43c7571108d00a19ffcb5233a2e",
          "da82b43c7571108d00a19ffcb5233a2e",
          "",
          "视频",
          "bits",
          "视频:心理学的研究内容"
          "视频:候机楼值机服务概述"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "36f02743b633758c2ecdee90af20fe34",
          "36f02743b633758c2ecdee90af20fe34",
          "",
          "视频",
          "bits",
          "视频:机场广播通知延误"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
      }
      this.handlechapter004();
      else if (e == "video-04") {
        this.handleCollectResource(
          "810345cbf8f3d003d9ff7247a5247570",
          "810345cbf8f3d003d9ff7247a5247570",
          "",
          "视频",
          "bits",
          "视频:旅客丢失物品的服务"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
      }
      else if (e == "video-05") {
        this.handleCollectResource(
          "2336e67a853728fa6a1d2b7a4a2d9abf",
          "2336e67a853728fa6a1d2b7a4a2d9abf",
          "",
          "视频",
          "bits",
          "视频:候机楼员工与旅客冲突事件解决"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "f60bcf0daea848fdd87d931e0debffe7",
          "f60bcf0daea848fdd87d931e0debffe7",
          "",
          "视频",
          "bits",
          "视频:候机楼服务礼仪实训"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "51ee040702ff1402026c948b82f8df55",
          "51ee040702ff1402026c948b82f8df55",
          "",
          "视频",
          "bits",
          "视频:贵宾厅服务全流程"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "14ada4ec3e004795ecb3a9c2ad8ea386",
          "14ada4ec3e004795ecb3a9c2ad8ea386",
          "",
          "视频",
          "bits",
          "视频:贵宾厅茶水服务全流程"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "808ca04bce334463e3e10b26edecec82",
          "808ca04bce334463e3e10b26edecec82",
          "",
          "视频",
          "bits",
          "视频:安检服务礼仪概述"
        );
        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "8086dfd8f1307041be4e7e4b15aee1b4",
          "8086dfd8f1307041be4e7e4b15aee1b4",
          "",
          "视频",
          "bits",
          "视频:人身安全检查礼仪操作规范"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      } else if (e == "video-11") {
        this.handleCollectResource(
          "a77181ba5fdb0f851bb43cb61ec3fed2",
          "a77181ba5fdb0f851bb43cb61ec3fed2",
          "",
          "视频",
          "bits",
          "视频:人身安全检查服务用语规范"
        );
        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
      } else if (e == "video-12") {
        this.handleCollectResource(
          "c583ec4fcdef8acae289d050c6e7eb78",
          "c583ec4fcdef8acae289d050c6e7eb78",
          "",
          "视频",
          "bits",
          "视频:安检工作人员服务态度情景展示"
        );
        this.chapterData.isCollectVideo11 = !this.chapterData.isCollectVideo11;
      } else if (e == "video-13") {
        this.handleCollectResource(
          "027d59276957d481732b80db9aad6768",
          "027d59276957d481732b80db9aad6768",
          "",
          "视频",
          "bits",
          "视频:空勤人员着装情景展示"
        );
        this.chapterData.isCollectVideo12 = !this.chapterData.isCollectVideo12;
      } else if (e == "video-14") {
        this.handleCollectResource(
          "0ca2f6d71dca30320627286ffbf5d60c",
          "0ca2f6d71dca30320627286ffbf5d60c",
          "",
          "视频",
          "bits",
          "视频:航前准备会阶段礼仪实训"
        );
        this.chapterData.isCollectVideo13 = !this.chapterData.isCollectVideo13;
      } else if (e == "video-15") {
        this.handleCollectResource(
          "7923cd0317296eaea5fa8c513fe7dcca",
          "7923cd0317296eaea5fa8c513fe7dcca",
          "",
          "视频",
          "bits",
          "视频:空勤人员着装礼仪规范"
        );
        this.chapterData.isCollectVideo14 = !this.chapterData.isCollectVideo14;
      } else if (e == "video-16") {
        this.handleCollectResource(
          "c1fa8a017a5538ff2e560b31d35232e1",
          "c1fa8a017a5538ff2e560b31d35232e1",
          "",
          "视频",
          "bits",
          "视频:空勤女士着装教学视频"
        );
        this.chapterData.isCollectVideo15 = !this.chapterData.isCollectVideo15;
      } else if (e == "video-17") {
        this.handleCollectResource(
          "ea653cf2afa7376a6a032053596d9773",
          "ea653cf2afa7376a6a032053596d9773",
          "",
          "视频",
          "bits",
          "视频:空勤男士着装教学视频"
        );
        this.chapterData.isCollectVideo16 = !this.chapterData.isCollectVideo16;
      } else if (e == "video-18") {
        this.handleCollectResource(
          "53644acc8e99901f5794c047c6bb9c0c",
          "53644acc8e99901f5794c047c6bb9c0c",
          "",
          "视频",
          "bits",
          "视频:航前准备会全流程"
        );
        this.chapterData.isCollectVideo17 = !this.chapterData.isCollectVideo17;
      } else if (e == "video-19") {
        this.handleCollectResource(
          "9a3ca4974c773071810305bc71d0686c",
          "9a3ca4974c773071810305bc71d0686c",
          "",
          "视频",
          "bits",
          "视频:空勤人员迎客礼仪规范"
        );
        this.chapterData.isCollectVideo18 = !this.chapterData.isCollectVideo18;
      } else if (e == "video-20") {
        this.handleCollectResource(
          "992d774600338d541b8311e623488367",
          "992d774600338d541b8311e623488367",
          "",
          "视频",
          "bits",
          "视频:空勤人员客舱迎客流程"
        );
        this.chapterData.isCollectVideo19 = !this.chapterData.isCollectVideo19;
      } else if (e == "video-21") {
        this.handleCollectResource(
          "6f51dba939e06ba2e93109dc99576899",
          "6f51dba939e06ba2e93109dc99576899",
          "",
          "视频",
          "bits",
          "视频:空勤人员服务用语规范"
        );
        this.chapterData.isCollectVideo20 = !this.chapterData.isCollectVideo20;
      }
      this.handleChapterData();
    },
    //资源收藏事件
@@ -2859,6 +3107,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>
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>
@@ -42,13 +82,13 @@
            </div>
            <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>
              <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>
              <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>
@@ -272,8 +342,8 @@
              <p class="block">
                根据你对礼仪规范的了解,可否对其中的故事进行情景剧结构创造?你会怎么设计情景剧的结构呢?
              </p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-15 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="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"
                />、表情、心理活动等。
            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">
@@ -548,8 +547,8 @@
              <p>
                你能否根据自己的观察进行礼仪技能表述和展示?能否针对自身专业或岗位需求进行礼仪规范解读?
              </p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-15 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>
            礼仪表演,即把约定俗成的礼仪规范或要求通过公众表演的方式,将风貌、风尚、素养、特色展示出来。
@@ -594,8 +609,8 @@
              <p>
                表演艺术的创作任务要求演员创作出来的人物形象具有审美的价值,达到真、善、美的和谐统一,这也是创作者和观赏者共同追求的标准。你认为礼仪表演中的美来自何处呢?
              </p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
                        class="fz-15 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">
@@ -746,11 +758,11 @@
              <p>
                1.民航礼仪技能展示的人物外部形象应该是什么样子的?包括服装、发型等外部特征的构建。
              </p>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4"
                        class="fz-15 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-15 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>
            主题是指作者通过剧本冲突提出的基本问题。主题思想是对剧本提出的基本问题的回答,包括这个作品总的思想含义。
@@ -877,11 +926,11 @@
            </div>
            <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>
              <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>
              <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="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"/>礼仪等。
            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="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"/>”等养成教育为突破口。
            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>
src/books/aviationEtiquette/view/components/chpater002.vue
@@ -17,6 +17,8 @@
              <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/unitTwo-01.png" alt=""></p>
          <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>
@@ -44,8 +46,8 @@
              <p>
                李丽决定通过服装搭配以及更多地了解航司的形象文化来为自己的面试加分。那么,李丽该怎样去了解航司服装文化?如何得体地搭配和修饰自己呢?
              </p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -58,7 +60,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">47</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -70,6 +72,25 @@
          <p>1.了解民航制服的发展及作用。</p>
          <p>2.了解民航服务不同岗位制服的基本特点。</p>
          <p>3.了解民航乘务员的着装要求。</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 == '5a13c9aa455c8fae34faa1ae9f021d30'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            民航制服是职业形象的基本要素之一。统一的制服不仅能展现航空公司的风格,也能使旅客对乘务人员产生信赖感和安全感。航空公司的制服风格往往直接体现了一家企业的文化与服务水准。
          </p>
@@ -80,9 +101,6 @@
            System,CIS),它能将企业形象向公众进行展示与传播,使公众在标准化、差异化中形成对企业深刻的印象。
          </p>
          <h5 id="e030">(一)中国民航安检制服的变化</h5>
          <p>
            改革开放40多年来,中国民航制服也随着时代的变迁而改变。从20世纪80年代到民航体制改革前,机场安检工作都是由武警边防部队承担的。那时的安检员是武警战士,他们身着浅绿色的上衣,穿带黄色裤边的军绿色裤子,肩头有醒目的深红色肩章。20世纪90年代初,安检工作由部队移交民航。1992年,民航体制改革,机场独立实行企业化运作。此时的安检服装的肩章、臂章脱胎于武警制服,款式与民航其他岗位的工作制服
          </p>
          <div class="img-rights openImgBox ">
            <p class="center">
              <img class="img-c" alt="" src="../../assets/images/0053-1.jpg" />
@@ -90,8 +108,8 @@
            <p class="img">图2-1-1 安检制服</p>
          </div>
          <span>
            <p class="td-0">
              区别不大,大有民航“一家亲”的味道。随着民航安检的发展,各地根据气候特点和岗位需要,对制服的款式、材质及用料等进行了多次调整。新一代的制服(如图2-1-1)以严谨专业的黑色为主调,融入持续安全理念,搭配裤装和皮靴,外观更加简洁利落,彰显出安全保障工作严谨、规范、踏实的特质。
            <p>
              改革开放40多年来,中国民航制服也随着时代的变迁而改变。从20世纪80年代到民航体制改革前,机场安检工作都是由武警边防部队承担的。那时的安检员是武警战士,他们身着浅绿色的上衣,穿带黄色裤边的军绿色裤子,肩头有醒目的深红色肩章。20世纪90年代初,安检工作由部队移交民航。1992年,民航体制改革,机场独立实行企业化运作。此时的安检服装的肩章、臂章脱胎于武警制服,款式与民航其他岗位的工作制服区别不大,大有民航“一家亲”的味道。随着民航安检的发展,各地根据气候特点和岗位需要,对制服的款式、材质及用料等进行了多次调整。新一代的制服(如图2-1-1)以严谨专业的黑色为主调,融入持续安全理念,搭配裤装和皮靴,外观更加简洁利落,彰显出安全保障工作严谨、规范、踏实的特质。
            </p>
          </span>
        </div>
@@ -130,7 +148,7 @@
          </p>
          <h5 id="e031">(二)中国民航贵宾厅制服发展</h5>
          <p>
            伴随着民航业的高速发展,旅客吞吐量的大幅增加,越来越多的民航旅客开始接触和体验到机场的贵宾服务。机场贵宾服务指机场或其他服务机构为乘客提供的机场特殊服务,包括贵宾休息厅、离港陪同、贵宾中心停车场泊车等。贵宾服务已经成为机场面向旅客服务的重要窗口。为提升服务质量,必须把服务内容做到精细,将服务品质做到精细;提升管理水平,对工作流程抓到精细,把岗位职责划分精细,并且对员工的形象进行严格把控,从而提高民航机场的整体竞争力,为旅客出行提供更加完善满意的服
            伴随着民航业的高速发展,旅客吞吐量的大幅增加,越来越多的民航旅客开始接触和体验到机场的贵宾服务。机场贵宾服务指机场或其他服务机构为乘客提供的机场特殊服务,包括贵宾休息厅、离港陪同、贵宾中心停车场泊车等。贵宾服务已经成为机场面向旅客服务的重要窗口。为提升服务质量,必须把服务内容做到精细,将服务品质做到精细;提升管理水平,对工作流程抓到精细,把岗位职责划分精细,并且对员工的形象进行严格把控,从而提高民航机场的整体竞争力,为旅客出行提供更加完善满意的服务。贵宾厅制服结合所属航空公司进行定制,单位统一标准。在服装设计上,除了体现职业性和功能性特点外,还应体现当地民俗文化的特点,具有创新性和实用性(见图2-1-2)。
          </p>
        </div>
      </div>
@@ -142,7 +160,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">49</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -154,13 +172,13 @@
            <p class="img">图2-1-2 贵宾厅制服</p>
          </div>
          <span>
            <p class="td-0">
              务。贵宾厅制服结合所属航空公司进行定制,单位统一标准。在服装设计上,除了体现职业性和功能性特点外,还应体现当地民俗文化的特点,具有创新性和实用性(见图2-1-2)。
            </p>
            <h5 id="e032">(三)中国民航空乘制服的发展</h5>
            <p>
              1950年的“八一”开航对于新中国民航具有里程碑的意义。1955年,空乘开始全面招新,这次招新开启了中国航空公司制服的演变与发展的序幕。1974年,中国参加国际民航组织活动。1988年,中国民航的空乘服务开始走向职业化、时尚化。随着民航交通的发展,中国空乘的形象开始转变,这种变化是全方位、多角度、深层次的。航空公司的企业文化,不仅是管理水平的灵魂,也是中国民航提高服务水平的标志和缩影。
            </p>
            <p><br></p>
            <p><br></p>
            <p><br></p>
          </span>
          <p class="td-0"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">中国航空公司制服的演变</span></p>
@@ -183,10 +201,6 @@
          <p class="block">
            2008年,中国国际航空公司因其空姐制服而走在了世界先进航空公司的前列。
          </p>
          <h5 id="e033">(四)中国民航空乘制服的特点</h5>
          <p>
            民航乘务员制服是航空公司的形象符号,是一个国家的国际代言,制服使乘务员心中产生职业的特殊感、责任感和荣誉感。制服是一种识别职业的专用服装,初期空勤制
          </p>
        </div>
      </div>
    </div>
@@ -203,6 +217,10 @@
          </li>
        </ul>
        <div class="bodystyle">
          <h5 id="e033">(四)中国民航空乘制服的特点</h5>
          <p>
            民航乘务员制服是航空公司的形象符号,是一个国家的国际代言,制服使乘务员心中产生职业的特殊感、责任感和荣誉感。制服是一种识别职业的专用服装,初期空勤制
          </p>
          <p class="td-0">
            服是根据耐用度、实用性及以激发旅客向心力为目的而设计的,由于早期民航多带有空军背景,空乘制服都具有浓厚空军军装的特征;随着空姐角色的演进发展,制服开始加入了更多女性化的线条剪裁以及颜色的选择,往后更常委托知名品牌设计师制作,赋予乘务员一种荣誉、美感与秩序统一的专业形象。随着时代的进步,航空公司建立了企业文化识别系统,每个航空公司根据各自企业文化中的视觉识别系统开始设计自己公司的制服,每一种制服都有其独特的寓意。
          </p>
@@ -235,10 +253,6 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p>(2)中国东方航空集团有限公司(以下简称东航)制服。</p>
          <p>
            20世纪90年代,东航制服设计向多元化与国际化发展。1988年,中国东方航空公司
          </p>
        </div>
      </div>
    </div>
@@ -249,14 +263,12 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">51</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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 class="td-0">
            正式成立。东航经历了五代制服的变迁,随着国际航班的不断开辟,制服的变化深受“东亚风”元素的影响。21世纪,东航开始了对个性化与品位的追求,东航的企业核心价值观即客户至尊,精细致远。改革开放40多年来,一套套制服记录着一个个历史画面。制服的变化见证了东航40多年的变迁过程,让我们看到了国际化东航的多元发展。
          </p>
          <p>(2)中国东方航空集团有限公司(以下简称东航)制服。</p>
          <div class="img-rights w220 openImgBox ">
            <p class="center ">
              <img class="img-d" alt="" src="../../assets/images/0057-1.jpg" />
@@ -264,14 +276,11 @@
            <p class="img">图2-1-4 东航制服</p>
          </div>
          <span>
            <p class="td-0">
              新时代的东航乘务员也正以实际行动践行和诠释东航的服务理念和服务品质。2013年,配合国际化发展战略,东航推出第五代制服。东航第五套制服遵循“简洁、美观、得体”的原则,在满足职业制服功能性需求的同时,力求展现优雅的东方气质与时尚的海派风格。海军蓝的主色调营造出稳重、专业的职业氛围,中国结、正红色腰带及配饰,突出了青花瓷主题设计元素,经典中透出热情。女款衬衫与丝巾设计中运用的蓝色花朵元素,脱胎于康乃馨和莲花,体现出东方女性优雅、柔美、含蓄的特质,同时向旅客传递出温馨、舒适、细腻、高效的高品位服务理念(见图2-1-4)。
            <p>
              20世纪90年代,东航制服设计向多元化与国际化发展。1988年,中国东方航空公司正式成立。东航经历了五代制服的变迁,随着国际航班的不断开辟,制服的变化深受“东亚风”元素的影响。21世纪,东航开始了对个性化与品位的追求,东航的企业核心价值观即客户至尊,精细致远。改革开放40多年来,一套套制服记录着一个个历史画面。制服的变化见证了东航40多年的变迁过程,让我们看到了国际化东航的多元发展。新时代的东航乘务员也正以实际行动践行和诠释东航的服务理念和服务品质。2013年,配合国际化发展战略,东航推出第五代制服。东航第五套制服遵循“简洁、美观、得体”的原则,在满足职业制服功能性需求的同时,力求展现优雅的东方气质与时尚的海派风格。海军蓝的主色调营造出稳重、专业的职业氛围,中国结、正红色腰带及配饰,突出了青花瓷主题设计元素,经典中透出热情。女款衬衫与丝巾设计中运用的蓝色花朵元素,脱胎于康乃馨和莲花,体现出东方女性优雅、柔美、含蓄的特质,同时向旅客传递出温馨、舒适、细腻、高效的高品位服务理念(见图2-1-4)。
            </p>
          </span>
          <p>(3)中国南方航空股份有限公司(以下简称南航)制服。</p>
          <p>
            秉承“客户至上”的承诺,南航通过提供“可靠、准点、便捷”的优质服务,致力于满足并超越客户的期望。改革开放40多年来,空乘制服一直在变,而南航人的初心从未改变。从仅仅提供报纸、茶水的单一服务到如今空中服务的品牌化、标准化、体系化;从敢为天下先,主动参与国际竞争到向着规范化、一体化、智能化、国际化不断发
          </p>
          <div class="img-rights w220 openImgBox ">
            <p class="center ">
              <img class="img-c" alt="" src="../../assets/images/0057-2.jpg" />
@@ -279,7 +288,8 @@
            <p class="img">图2-1-5 南航制服</p>
          </div>
          <span>
            <p class="td-0">
            <p>
              秉承“客户至上”的承诺,南航通过提供“可靠、准点、便捷”的优质服务,致力于满足并超越客户的期望。改革开放40多年来,空乘制服一直在变,而南航人的初心从未改变。从仅仅提供报纸、茶水的单一服务到如今空中服务的品牌化、标准化、体系化;从敢为天下先,主动参与国际竞争到向着规范化、一体化、智能化、国际化不断发
              展;为建设世界一流航空运输企业,推出一系列“木棉系”服务产品,着力打造国际化精品标杆航线,深入开展国际合作,稳步有序开拓国际市场。第四套制服整体色系为天青蓝色和玫粉红色,整套制服包括夏装、春秋装、冬季大衣和围裙多个款式,品种包括西装、衬衣、马甲、裤子、大衣、风衣等。款型高雅亲切,修身适体。乘务长身着有宝石般的光泽、纯净和透明感的天青蓝色制服,而乘务员穿着具有女性魅力的玫粉红色制服。上装是V字领的,用浅金色线条对领边和袖口进行了勾勒,而下装则是红、蓝斜纹面料的西服裙,既活泼别致,又显得亲切干练和时尚高雅(见图2-1-5)。
            </p>
          </span>
@@ -324,10 +334,6 @@
              厦航乘务队形成了“六勤”(眼勤、手勤、腿勤、嘴勤、耳勤、脑勤)、“五心”(热心、诚心、细心、耐心、恒心)、“四美”(心灵美、语言美、行为美、形象美)、“三不怕”(不怕脏、不怕累、不怕烦)的服务作风。空乘制服经历了泡泡袖、白蝴蝶结、中式旗袍等阶段。2018年8月,厦航新一代空乘制服惊艳亮相,融合了复古元素与现代简约时尚,勾勒出更加高雅、自信、干练的空乘形象。俏皮的小帽上带有“一鹭高飞”航徽,衣袖为七分袖,并配有深蓝色的宽腰带(见图2-1-7)。不同明度“天空蓝”制服,区分乘务员不同的岗位,由浅到深的蓝色新制服分属于普通乘务员、客舱乘务长和客舱经理。
            </p>
          </span>
          <p>(3)海南航空公司(以下简称海航)制服。</p>
          <p>
            海航成立于1993年1月,1993年5月开始运营。海航以优质的产品及服务连续数年获得“SKYTRAX五星航空公司”荣誉。海航乘务员制服经历了五次更新换代,第五代制服
          </p>
        </div>
      </div>
    </div>
@@ -338,7 +344,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">53</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -350,8 +356,9 @@
            <p class="img">图2-1-8 海航制服</p>
          </div>
          <span>
            <p class="td-0">
              名为“海天祥云”,于2018年6月6日启用。其制服的最大亮点在于中国传统元素与国际时尚的结合。制服用中式旗袍形状做底,领口为祥云漫天,下摆为江涯海水,以“彩云满天”为基,呈现了海航大鹏金翅鸟翱翔于云海之间的辉煌意境,诠释了海航的无限发展空间及生生不息的企业内涵(见图2-1-8)。
            <p>(3)海南航空公司(以下简称海航)制服。</p>
            <p>
              海航成立于1993年1月,1993年5月开始运营。海航以优质的产品及服务连续数年获得“SKYTRAX五星航空公司”荣誉。海航乘务员制服经历了五次更新换代,第五代制服名为“海天祥云”,于2018年6月6日启用。其制服的最大亮点在于中国传统元素与国际时尚的结合。制服用中式旗袍形状做底,领口为祥云漫天,下摆为江涯海水,以“彩云满天”为基,呈现了海航大鹏金翅鸟翱翔于云海之间的辉煌意境,诠释了海航的无限发展空间及生生不息的企业内涵(见图2-1-8)。
            </p>
          </span>
          <h4 id="d037">二、民航制服的作用</h4>
@@ -374,7 +381,7 @@
          <h4 id="d038">三、民航乘务员的着装要求</h4>
          <h5 id="e038">(一)合身得体</h5>
          <p>
            制服的尺寸必须符合民航人员的身材特点。制服穿着忌乱,必须合体。讲究“四长”,即袖至手腕,衣至虎口,裤至脚面,裙至膝盖。讲究“四围”,即领围以插入一
            制服的尺寸必须符合民航人员的身材特点。制服穿着忌乱,必须合体。讲究“四长”,即袖至手腕,衣至虎口,裤至脚面,裙至膝盖。讲究“四围”,即领围以插入一指大小为宜,上衣的胸围、腰围及裤裙的臀围以插入一指的松紧为宜。
          </p>
        </div>
      </div>
@@ -392,7 +399,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">指大小为宜,上衣的胸围、腰围及裤裙的臀围以插入一指的松紧为宜。</p>
          <h5 id="e039">(二)干净整洁</h5>
          <p>
            民航人员的制服应保持干净整洁,并定期换洗。制服干净整洁体现的是对工作岗位的尊重与热爱,是服务行业人员的基本要求。空乘人员的制服要求无异色、无异味、无异物,尤其是衣领口与袖口等外露部分更要注意保持干净整洁。
@@ -409,7 +415,7 @@
          <p>
            民航员工女性着套裙时,应根据身材体形的不同,选择不同类型的套裙。
          </p>
          <p><b>套裙款式</b></p>
          <p class="center"><b>套裙款式</b></p>
          <p>
            “H”型:上衣较为宽松,裙子为筒式,这种款式显得优雅、含蓄,可以为身材肥胖者避短。
          </p>
@@ -423,7 +429,7 @@
          <p>
            民航男性员工在社交或商务场合应选择西服款式(要根据自己的身形定制),因西服种类偏多,可根据场合和体形选择适合自己的款式。
          </p>
          <p><b>西装的款式</b></p>
          <p class="center"><b>西装的款式</b></p>
          <p>西装款式可分为欧式、英式、美式和日式四大款式。</p>
          <p>欧式:领型狭长,胸部收紧突出,袖拢与垫肩较高,造型高雅。</p>
          <p>英式:与欧式相仿,但垫肩较薄,后背开衩。</p>
@@ -443,12 +449,31 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">55</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <h4 id="d039">四、民航制服的基本规范</h4>
          <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 == 'a1d05c3a38a322dc67861f9f3d35fb09'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e042">(一)裙服套装</h5>
          <p>裙服套装一般分为春秋装和夏装。</p>
          <p>
@@ -526,11 +551,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.媛媛为什么会尴尬呢?</p>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.你知道的民航制服规范有哪些呢?</p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-15 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>
@@ -549,7 +574,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">57</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -630,9 +655,10 @@
            牧童结:丝巾对折呈倒三角形,再从长端叠加呈3~4个褶皱,丝巾末端与平结系法一致,系在脖颈处整理。
          </p>
          <div class="bk-video fl">
            <p class="bj4-qjms fl al-c"><span class="span-text-video">视频库</span><span class="span-svg"><svg t="1729840629103"
                  class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34778"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
            <p class="bj4-qjms fl al-c"><span class="span-text-video">视频库</span><span class="span-svg"><svg
                  t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="34778" xmlns:xlink="http://www.w3.org/1999/xlink" width="34"
                  height="40">
                  <path
                    d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
                    fill="#92A1CB" p-id="34779"></path>
@@ -684,7 +710,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">59</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -695,119 +721,35 @@
          <p>3.练习领带的系法。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.(  )体形的特点是上身瘦、臀部大。</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.O型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.H型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.A型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />D.X型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.O型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.H型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.A型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.X型</p>
          <p>2.圆脸型的人选择衣领时,应选(  )。</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />A.圆形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />B.一字形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />C.梯形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.V型</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.圆形</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.一字形</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.梯形</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.V型</p>
          <p>3.服装的(  )的样式,与脸型有直接关系。</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />A.裤子</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />B.衬衣</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />C.领子</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />D.袖子</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.裤子</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.衬衣</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.领子</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.袖子</p>
          <p>4.简述职业制服着装的要求。</p>
          <textarea v-model="questionData.projectOne.four.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.four.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p><br /></p>
          <p><br /></p>
          <h3 id="c013">
@@ -817,6 +759,25 @@
          <p>1.了解民航服务人员妆容的特性和原则。</p>
          <p>2.了解化妆品的分类及化妆工具。</p>
          <p>3.掌握面部妆容类别。</p>
          <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 == '8e02ef51cadfb9b2611b0e6ab47f54b9'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            化妆技术随着社会时尚审美的变化而不断地发生着变化,在当今的社会生活中,人们更加倾向于自然、清新、淡雅的妆容风格。完美的妆容包含多种因素,由于职业、身份、性格、场合不同等,展现的妆容也不尽相同。良好的妆面设计一定要契合职业和性格等特点。妆容的展现,很大程度上取决于个人的审美能力、想象力和心灵塑造能力。学习化妆是为了准确了解自己的外形特点并加以美化,使个人魅力与气质修养达到最佳状态。对于民航服务人员来说,这是一门必修课。
          </p>
@@ -885,7 +846,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">61</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -924,7 +885,7 @@
          <h4 id="d045">四、民航服务人员的化妆标准</h4>
          <h5 id="e054">(一)日常妆</h5>
          <p>
            日常妆主要体现在日常生活中,个人可以按照自身意愿和审美进行美化,根据整体
            日常妆主要体现在日常生活中,个人可以按照自身意愿和审美进行美化,根据整体形象风格塑造自己,可追求时尚、端庄、优雅、清新,随意性较强,选择范围较大,但需注意适合的年龄、环境。可根据所在场合、目的进行塑造,也可根据季节变化来设计妆容(见图2-1-13)。
          </p>
        </div>
      </div>
@@ -953,22 +914,20 @@
            <p class="img">图2-1-14 地面服务妆</p>
          </div>
          <span>
            <p class="td-0">
              形象风格塑造自己,可追求时尚、端庄、优雅、清新,随意性较强,选择范围较大,但需注意适合的年龄、环境。可根据所在场合、目的进行塑造,也可根据季节变化来设计妆容(见图2-1-13)。
            <h5 id="e055">(二)职业妆</h5>
            <h6 id="f010">1.地面服务妆</h6>
            <p>
              (1)特点:航空地面服务人员的岗位工作环境及工种性质与客舱乘务员不太一样,分室内、户外工作地点,有些岗位要面对的客流量较大,服务人员动作既利落又烦琐,主要负责在旅客登机前和着陆后的一系列工作,但室内、户外的光线条件都偏多样,故化妆时要能体现专业性,以及亲和力强、热情大方的特点。可根据室内、户外岗位环境调整妆容饱和度。
            </p>
            <p>
              (2)化妆要点:自然、端庄、简易,需注意妆面的持久性(见图2-1-14)。
            </p>
            <h6 id="f011">2.客舱乘务妆</h6>
            <p>
              (1)特点:相对于地面服务而言,客舱服务工作的空间较狭窄、空气不流通、光线较暗。客舱乘务员的职业形象既要美观,也要淡雅,给人以赏心悦目、舒适之感。在机舱中乘务员常常需要为旅客提供服务,常与旅客近距离接触,并且旅客大部分都是通过乘务员的服务专业性而对航空公司服务进行评价的。
              所以,客舱乘务员的妆容不仅要达到规范,还要体现精致,注重细节往往会让对方觉得受到重视和尊重。
            </p>
          </span>
          <h5 id="e055">(二)职业妆</h5>
          <h6 id="f010">1.地面服务妆</h6>
          <p>
            (1)特点:航空地面服务人员的岗位工作环境及工种性质与客舱乘务员不太一样,分室内、户外工作地点,有些岗位要面对的客流量较大,服务人员动作既利落又烦琐,主要负责在旅客登机前和着陆后的一系列工作,但室内、户外的光线条件都偏多样,故化妆时要能体现专业性,以及亲和力强、热情大方的特点。可根据室内、户外岗位环境调整妆容饱和度。
          </p>
          <p>
            (2)化妆要点:自然、端庄、简易,需注意妆面的持久性(见图2-1-14)。
          </p>
          <h6 id="f011">2.客舱乘务妆</h6>
          <p>
            (1)特点:相对于地面服务而言,客舱服务工作的空间较狭窄、空气不流通、光线较暗。客舱乘务员的职业形象既要美观,也要淡雅,给人以赏心悦目、舒适之感。在机舱中乘务员常常需要为旅客提供服务,常与旅客近距离接触,并且旅客大部分都是通
          </p>
          <div class="img-rights w250 openImgBox ">
            <p class="center openImgBox">
              <img class="img-c" alt="" src="../../assets/images/0068-3.jpg" />
@@ -976,18 +935,15 @@
            <p class="img">图2-1-15 客舱乘务妆</p>
          </div>
          <span>
            <p class="td-0">
              过乘务员的服务专业性而对航空公司服务进行评价的。 所以,客舱乘务员的妆容不仅要达到规范,还要体现精致,注重细节往往会让对方觉得受到重视和尊重。
            <p>
              (2)化妆要点:妆色淡雅、清新、干净、给人亲和力较强的感觉,但要注意乘务组之间的协调、统一效果(见图2-1-15)。
            </p>
            <h4 id="d046">五、女士面部化妆程序</h4>
            <h5 id="e056">(一)日常妆</h5>
            <p>
              日常妆主要体现在日常生活中,可以按照个人的意愿和审美进行美化,根据整体形象风格塑造自己,可追求时尚、端庄、优雅、清新,随意性较强,范围较大,但需注意适合的年龄、环境。可根据所在不同的场合、目的进行塑造,也可根据季节变化来设计妆容。
            </p>
          </span>
          <p>
            (2)化妆要点:妆色淡雅、清新、干净、给人亲和力较强的感觉,但要注意乘务组之间的协调、统一效果(见图2-1-15)。
          </p>
          <h4 id="d046">五、女士面部化妆程序</h4>
          <h5 id="e056">(一)日常妆</h5>
          <p>
            日常妆主要体现在日常生活中,可以按照个人的意愿和审美进行美化,根据整体形
          </p>
        </div>
      </div>
    </div>
@@ -998,14 +954,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">63</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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 class="td-0">
            象风格塑造自己,可追求时尚、端庄、优雅、清新,随意性较强,范围较大,但需注意适合的年龄、环境。可根据所在不同的场合、目的进行塑造,也可根据季节变化来设计妆容。
          </p>
          <h5 id="e057">(二)日常妆程序</h5>
          <div class="img-rights w220 openImgBox ">
            <p class="center">
@@ -1038,7 +991,7 @@
            (7)涂眼影:运用色彩来修饰和美化眼部,增加眼睛的神韵。眼影画法多种多样,一般采用平涂法、晕染法、眼尾加重法。
          </p>
          <p>
            ①平涂法:先用浅色打底,再用一种颜色由睫毛根部开始平涂,下眼睑画半包,用
            ①平涂法:先用浅色打底,再用一种颜色由睫毛根部开始平涂,下眼睑画半包,用色单一。此种方法适合裸妆、肿泡眼。
          </p>
        </div>
      </div>
@@ -1056,7 +1009,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">色单一。此种方法适合裸妆、肿泡眼。</p>
          <p>
            ②晕染法:将上眼睑分区域进行晕染,一般选用两种或两种以上的颜色。此种方法可运用色彩的变化选择同色系或邻近色,适用于各种眼形和妆型。晕染时注意内浅外深,先用浅色系在整个上眼睑处打底,第二层颜色涂满整个上眼睑的2/3,第三层最深的颜色叠加在高于双眼皮基准线上3mm左右即可。下眼睑画半包,不超过瞳孔中线,颜色叠加层次与上眼睑相同。各区颜色衔接过渡自然,不能有分界线,接近眉骨处眼影边缘应虚化自然。
          </p>
@@ -1076,7 +1028,7 @@
            ①标准眉:从眉腰下缘线开始,顺着眉毛的生长方向,描画至眉峰处,形成上扬的弧线,再顺着眉毛的生长方向,斜向下画至眉梢,呈下降弧线,加深眉腰至眉峰的颜色,淡化眉头的颜色。确定眉尾长度的点位,可利用眉笔快速测评,鼻翼到外眼角连线的延长线上的点,就是眉尾最长可至的点。确定眉峰的点位,将确定后的眉尾的延长线平移到鼻尖,但眉尾不能低于眉头。此种眉形适合所有脸型。
          </p>
          <p>
            ②一字眉:从眉腰下缘线开始,顺着眉毛的生长方向,描画至眉峰处,形成一条直线,再顺着眉毛的生长方向,斜向下画至眉梢,呈下降弧线,加深眉腰至眉峰的颜色,
            ②一字眉:从眉腰下缘线开始,顺着眉毛的生长方向,描画至眉峰处,形成一条直线,再顺着眉毛的生长方向,斜向下画至眉梢,呈下降弧线,加深眉腰至眉峰的颜色,淡化眉头的颜色,眉尾不能低于眉头。此种眉形适合长脸型。
          </p>
        </div>
      </div>
@@ -1088,12 +1040,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">65</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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 class="td-0">淡化眉头的颜色,眉尾不能低于眉头。此种眉形适合长脸型。</p>
          <p>
            (11)涂腮红:可以改善肤色,矫正脸型,使妆面色调谐调等。从鬓角处往前扫,向前不超过眼睛1/3垂直线,向上不超过外眼角的水平线,向下不得低于鼻翼的水平线。同时根据脸型适当调整,长脸型者一般横扫腮红,其他脸型者可以斜向扫腮红。
          </p>
@@ -1217,7 +1168,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">67</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -1239,7 +1190,7 @@
          <h4 id="d049">一、民航职业发型的设计原则</h4>
          <h5 id="e061">(一)干净的原则</h5>
          <p>
            头部的洁净程度完全可以体现一个人的精神状态和生活习惯,“蓬头垢面”的形象不符合职业要求和仪容仪表要求。民航服务人员应经常洗头发,注意头发的干净度,最
            头部的洁净程度完全可以体现一个人的精神状态和生活习惯,“蓬头垢面”的形象不符合职业要求和仪容仪表要求。民航服务人员应经常洗头发,注意头发的干净度,最好是保持无头皮屑,无分叉、枯燥的发质,发面不油腻。
          </p>
        </div>
      </div>
@@ -1257,7 +1208,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">好是保持无头皮屑,无分叉、枯燥的发质,发面不油腻。</p>
          <h5 id="e062">(二)长度适宜的原则</h5>
          <h6 id="f012">1.男士</h6>
          <p>前发:男士应为短发,前发要求不遮盖额头一半(见图2-1-18)。</p>
@@ -1319,7 +1269,7 @@
          </p>
          <h4 id="d050">二、发型工具介绍</h4>
          <p>
            民航职业要求发型干净利落,这需要发型工具及产品的辅助和定型,才能保持一天
            民航职业要求发型干净利落,这需要发型工具及产品的辅助和定型,才能保持一天的造型不杂乱。发型工具多种多样,其作用也是根据发质而定的。
          </p>
        </div>
      </div>
@@ -1331,12 +1281,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">69</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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 class="td-0">的造型不杂乱。发型工具多种多样,其作用也是根据发质而定的。</p>
          <h5 id="e065">(一)发型工具</h5>
          <p>
            尖尾梳:别名挑梳、分针梳,主要用于盘发。一边梳,一边用尖尾顺次把头发挑起(见图2-1-24)。
@@ -1471,7 +1420,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">71</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -1544,229 +1493,79 @@
        <div class="bodystyle">
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.脸部色调偏红,可用(  )修饰。</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.淡紫色</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.淡绿色</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.米色</p>
          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.淡紫色</p>
          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.淡绿色</p>
          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.米色</p>
          <p>2.涂高光色应用(  )的手法涂抹。</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.平涂法</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.按压法</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.点拍法</p>
          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.平涂法</p>
          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.按压法</p>
          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.点拍法</p>
          <p>3.圆脸型者在梳理头发时(  )部分适宜蓬松些。</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.头顶两侧</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.头顶</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.面型两侧</p>
          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.头顶两侧</p>
          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.头顶</p>
          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.面型两侧</p>
          <p>4.正方形脸型者适宜描画(  )的眉形。</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.下挂</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.拱形</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.平直</p>
          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.下挂</p>
          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.拱形</p>
          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.平直</p>
          <p>5.两眼间距离近,眼影的修饰重点应放在(  )。</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />A.内眼角</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />B.眼部中央</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />C.外眼角</p>
          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.内眼角</p>
          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.眼部中央</p>
          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.外眼角</p>
          <p>6.三点一线是指将(  )连成一条线。</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="A"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />A.眉头、内眼角、嘴角</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="B"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />B.外眼角、眉梢、嘴角</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="C"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />C.眉头、内眼角、鼻翼</p>
          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="A" id="6"
              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />A.眉头、内眼角、嘴角</p>
          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="B" id="6"
              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />B.外眼角、眉梢、嘴角</p>
          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="C" id="6"
              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />C.眉头、内眼角、鼻翼</p>
          <p>7.为加强眼部立体感,可在眉骨抹上(  )眼影。</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="A"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />A.暗色</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="B"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />B.明亮色</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="C"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />C.褐色</p>
          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="A" id="7"
              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />A.暗色</p>
          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="B" id="7"
              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />B.明亮色</p>
          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="C" id="7"
              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />C.褐色</p>
          <p>8.与唇膏的颜色相比,唇线笔的颜色应(  )。</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="A"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />A.略深一度</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="B"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />B.略浅一度</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="C"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />C.相同</p>
          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="A" id="8"
              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />A.略深一度</p>
          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="B" id="8"
              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />B.略浅一度</p>
          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="C" id="8"
              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />C.相同</p>
          <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>
@@ -1777,7 +1576,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">73</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -1788,6 +1587,8 @@
              <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/unitTwo-02.png" alt=""></p>
          <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>
@@ -1841,8 +1642,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>请谈谈微笑对民航服务工作的重要性。</p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1857,11 +1658,27 @@
          <p><b>任务目标:</b></p>
          <p>1.了解微笑的原则和分类。</p>
          <p>2.学会真诚微笑。</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 == '0fb36763d6a22916a6deb1f3779004bf'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            微笑,是世界上最美丽的语言,是含义甚广的交际手段,是自信的象征,是礼貌的表示,能充分体现一个人的热情、修养和魅力。微笑也能带给自己良好的心理暗示,营造快乐的氛围。微笑在一刹那间产生,却能给人留下永恒的记忆。真正甜美而非假性的微笑是发自内心、自然大方、真实亲切的微笑。
          </p>
          <p>
            生活中需要微笑的理由:微笑比紧锁眉头要好看,微笑可令人心情愉悦,微笑可令
          </p>
        </div>
      </div>
@@ -1873,13 +1690,13 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">75</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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 class="td-0">
            生活过得有滋有味,微笑有助于结交新朋友,微笑可表达友善,微笑可给人留下良好的印象,微笑可增加自信和魅力,微笑可减少忧虑。
          <p>
            生活中需要微笑的理由:微笑比紧锁眉头要好看,微笑可令人心情愉悦,微笑可令生活过得有滋有味,微笑有助于结交新朋友,微笑可表达友善,微笑可给人留下良好的印象,微笑可增加自信和魅力,微笑可减少忧虑。
          </p>
          <p>
            民航人员在工作中要学会微笑,不会微笑的乘务员是不合格的乘务员。与旅客交流时,配合微笑的面容,会让人觉得亲切可信、饱含诚意。
@@ -1972,6 +1789,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 == '00768adb601ee16a6d55bac5e5e85c70'
                ) > -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 == '2f749e9b603637e801909ef01c3c5f77'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            站,是人的静态和动态动作造型的起点和基础,“站如松”是对健美站姿的形象描述。
          </p>
@@ -1985,7 +1840,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">77</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2076,7 +1931,7 @@
          <p>(6)不可交腿斜靠在马路旁的树干、招牌、墙壁、栏杆上等。</p>
          <h4 id="d056">三、站姿的基础训练</h4>
          <p>
            对站姿的基础训练是一个循序渐进、坚持不懈的过程,我们可以从以下三种方法中
            对站姿的基础训练是一个循序渐进、坚持不懈的过程,我们可以从以下三种方法中选择一种,每天坚持训练30分钟。通过积累,养成一个良好的站立习惯和达到正确的身体姿态规范要求。
          </p>
        </div>
      </div>
@@ -2088,14 +1943,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">79</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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 class="td-0">
            选择一种,每天坚持训练30分钟。通过积累,养成一个良好的站立习惯和达到正确的身体姿态规范要求。
          </p>
          <h6 id="f019">1.贴壁法</h6>
          <p>
            贴壁法又叫五点贴壁法。顾名思义就是让身体的五个部位紧贴墙壁,此种方法可以改善驼背。具体做法是:
@@ -2162,8 +2014,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>说说你知道的通用手势语都有哪些?</p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d057">一、手势的分类及使用范围</h4>
@@ -2206,7 +2058,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">81</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2297,7 +2149,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">83</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2393,7 +2245,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">85</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2505,7 +2357,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">87</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2524,42 +2376,14 @@
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.与宾客挥手作别后,应(  )。</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />A.站在原地,待车辆消失在视线范围内之后才能缓慢离开</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />B.立马转身离开</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />C.与旁边的同事交流</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />D.放松身体</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.站在原地,待车辆消失在视线范围内之后才能缓慢离开</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.立马转身离开</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.与旁边的同事交流</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.放松身体</p>
        </div>
      </div>
    </div>
@@ -2579,79 +2403,52 @@
          <p>
            2.今天你代表公司出席会议,到达会议厅时大家已就座。突然遇见一位朋友,距离约5米,他向你表达问候,此时你应(  )。
          </p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />A.立马站起来,挥手示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />B.微笑点头示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />C.从会议厅中间穿过去,握手示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />D.打通电话示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.立马站起来,挥手示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.微笑点头示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.从会议厅中间穿过去,握手示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.打通电话示意</p>
          <p>3.面试时,以鞠躬礼问好的身体弯曲度数应为(  )。</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />A.15°</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />B.30°</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />C.45°</p>
          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.15°</p>
          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.30°</p>
          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.45°</p>
          <p>4.简述前腹式站姿的要领。</p>
          <textarea v-model="questionData.projectThree.four.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>5.简述入座与离座的基本原则。</p>
          <textarea v-model="questionData.projectThree.five.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(2)" 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>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>
@@ -2661,12 +2458,19 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterTwo",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
@@ -2676,72 +2480,78 @@
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      videoPathNine: "",
      videoPathTen: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
        askAbout: {
          one: '',
          two: '',
          three: '',
          four: '',
          five: '',
        },
        projectOne:{
          one:{
            value:""
        projectOne: {
          one: {
            value: ""
          },
          two:{
            value:[]
          two: {
            value: []
          },
          three:{
            value:''
          three: {
            value: ''
          },
          four:{
            value:''
          four: {
            value: ''
          }
        },
        projectTwo:{
          one:{
            value:""
        projectTwo: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:""
          four: {
            value: ""
          },
          five:{
            value:""
          five: {
            value: ""
          },
          six:{
            value:""
          six: {
            value: ""
          },
          seven:{
            value:""
          seven: {
            value: ""
          },
          eight:{
            value:""
          eight: {
            value: ""
          }
        },
        projectThree:{
          one:{
            value:""
        projectThree: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:''
          four: {
            value: ''
          },
          five:{
            value:''
          five: {
            value: ''
          }
        },
      },
@@ -2784,6 +2594,29 @@
        isCollectVideo01: false,
        isCollectVideo02: false,
        isCollectVideo03: false,
        isCollectVideo04: false,
        isCollectVideo05: false,
        isCollectVideo06: false,
        isCollectVideo07: false,
        isCollectVideo08: false,
        isCollectVideo09: false,
      },
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块二 民航服务人员职业形象",
            questionNum: 78,
          },
          2: {
            questionTitleMain: "模块二 民航人员仪态礼仪认知",
            questionNum: 94,
          },
        },
      },
    };
  },
@@ -2808,7 +2641,7 @@
    if (videoData) {
      this.chapter002 = JSON.parse(videoData);
    }
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -2828,6 +2661,27 @@
      this.videoPathFour = await getResourcePath(
        "e5ac247c68c93dbb8fb3eb56ea4bb3aa"
      );
      // 新增的视频
      this.videoPathFive = await getResourcePath(
        "5a13c9aa455c8fae34faa1ae9f021d30"
      );
      this.videoPathSix = await getResourcePath(
        "a1d05c3a38a322dc67861f9f3d35fb09"
      );
      this.videoPathSeven = await getResourcePath(
        "8e02ef51cadfb9b2611b0e6ab47f54b9"
      );
      this.videoPathEight = await getResourcePath(
        "0fb36763d6a22916a6deb1f3779004bf"
      );
      this.videoPathNine = await getResourcePath(
        "00768adb601ee16a6d55bac5e5e85c70"
      );
      this.videoPathTen = await getResourcePath(
        "2f749e9b603637e801909ef01c3c5f77"
      );
      for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
        const item = this.chapter002.videoMd5[index];
        if (item.md5 && !item.md5.includes("https:")) {
@@ -2835,6 +2689,15 @@
        }
      }
    },
    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },
    setBookQuestion() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter02-question",
@@ -2902,7 +2765,7 @@
          "视频:气质型发型"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo01;
      }else if (e == "video-04") {
      } else if (e == "video-04") {
        this.handleCollectResource(
          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
@@ -2912,6 +2775,66 @@
          "视频:优雅型发型"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "5a13c9aa455c8fae34faa1ae9f021d30",
          "5a13c9aa455c8fae34faa1ae9f021d30",
          "",
          "视频",
          "bits",
          "视频:了解民航制服"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "a1d05c3a38a322dc67861f9f3d35fb09",
          "a1d05c3a38a322dc67861f9f3d35fb09",
          "",
          "视频",
          "bits",
          "视频:中国民航制服规范"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "8e02ef51cadfb9b2611b0e6ab47f54b9",
          "8e02ef51cadfb9b2611b0e6ab47f54b9",
          "",
          "视频",
          "bits",
          "视频:民航人员妆容规范"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "0fb36763d6a22916a6deb1f3779004bf",
          "0fb36763d6a22916a6deb1f3779004bf",
          "",
          "视频",
          "bits",
          "视频:民航岗位的微笑"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "00768adb601ee16a6d55bac5e5e85c70",
          "00768adb601ee16a6d55bac5e5e85c70",
          "",
          "视频",
          "bits",
          "视频:民航人员仪态礼仪实训"
        );
        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "2f749e9b603637e801909ef01c3c5f77",
          "2f749e9b603637e801909ef01c3c5f77",
          "",
          "视频",
          "bits",
          "视频:民航岗位仪态礼仪认知"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      }
      this.handleChapter002();
      this.handleChapterData();
src/books/aviationEtiquette/view/components/header.vue
@@ -99,7 +99,7 @@
        </ul>
        <div class="bodystyle">
          <p>
            《民航服务礼仪》由李灵、魏全斌担任主编,陈秋雨、黄清豪、李林、丁洁琪担任副主编。此外,李灵参加了模块一、模块二、模块三和拓展模块的编写,陈秋雨参加了模块一、模块二、模块三的编写,李静、丁洁琪参加了模块二的编写,刘家利参加了模块三的编写,王莉莉、李鑫、李静、丁洁琪参加了模块四的编写,黄清豪参加了拓展模块的编写。全书由李灵、顾妍雯统稿。
            《民航服务礼仪》由李灵、魏全斌担任主编,陈秋雨、黄清豪、李林、丁洁琪担任副主编。此外,李灵、雷浚栏参加了模块一、模块二、模块三和拓展模块的编写,陈秋雨参加了模块一、模块二、模块三的编写,李静、丁洁琪参加了模块二的编写,刘家利参加了模块三的编写,王莉莉、李鑫、李静、丁洁琪参加了模块四的编写,黄清豪参加了拓展模块的编写。全书由李灵、顾妍雯统稿。
          </p>
          <p>
            由于编者水平限制,教材中难免有不足之处,敬请广大读者提出宝贵的意见,以便我们修订时加以完善。
src/books/aviationEtiquette/view/components/index.vue
@@ -9,11 +9,11 @@
      transformOrigin: 'center top',
    }">
      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"> </chapterFive>
      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterOne>
      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterTwo>
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterFour>
      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"> </chapterFive>
    </div>
  </div>
</template>
@@ -26,6 +26,8 @@
import chapterFour from "./chapter004.vue";
import chapterFive from "./chapter005.vue";
import NoteIcon from "@/assets/images/biji.png";
import getQuestionList from "@/assets/methods/examination";
import testData from "../../assets/examinationList";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
@@ -157,9 +159,9 @@
      this.initThemeColor();
    }, 500);
    // 测试页面跳转
    //测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(2, 9);
    //   this.gotoPage(5, 130);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -543,30 +545,30 @@
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionDataMap[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionDataMap[page] = await getQuestionList(
            //           page,
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
            //           obj[key] = await getQuestionList(
            //             [],
            //             testData[catalog][page][key],
            //             this.config.activeBook
            //           );
            //         }
            //         this.questionDataMap[page] = obj;
            //       }
            //       console.log("题目", this.questionDataMap);
            //     }
            //   }
            // }
            if (!this.questionDataMap[page]) {
              if (testData && testData[catalog]) {
                if (testData[catalog][page]) {
                  if (Array.isArray(testData[catalog][page])) {
                    this.questionDataMap[page] = await getQuestionList(
                      page,
                      testData[catalog][page],
                      this.config.activeBook
                    );
                  } else {
                    const obj = {};
                    for (let key in testData[catalog][page]) {
                      obj[key] = await getQuestionList(
                        [],
                        testData[catalog][page][key],
                        this.config.activeBook
                      );
                    }
                    this.questionDataMap[page] = obj;
                  }
                  console.log("题目", this.questionDataMap);
                }
              }
            }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
@@ -918,9 +920,13 @@
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if(playVudio.readyState) playVudio.requestPictureInPicture();
            if (playVudio.readyState){
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            }
          } catch (error) {
              console.log(error,"小窗错误error");
            console.log(error, "小窗错误error");
          }
        }
      }
src/books/aviationSafety/assets/images/Cover.jpg

src/books/aviationSafety/assets/images/FD.jpg

src/books/civilAviation/assets/images/fengdi.png

src/books/civilAviation/assets/images/fengmian.png

src/books/civilServices/assets/images/fengdi.png

src/books/civilServices/assets/images/fengmian.png

src/books/civilServices/view/components/chapter003.vue
@@ -423,7 +423,7 @@
                            <span>视频:人际吸引 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '6e398727142a495b3d893adf3c8a240f') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '30b4c510514d03ed2902817e6e9f4fb2') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
@@ -731,7 +731,7 @@
                            <span>视频:客我交往技巧 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'dec981e507dbcd88c632789c75b2fe3b') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '114bfb6ee69164a3d24991fe2061fab2') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
@@ -1734,7 +1734,7 @@
                            <span>视频:民航服务中常见的沟通障碍类型 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '7637f57a3dc18cc8487ccc2a39e62a5c') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == ' 4ee774f6507c878e0e2ba42a12cc3362') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
@@ -2048,7 +2048,7 @@
                            <span>视频:民航服务的沟通策略</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'c69daf5242160645652a8d159213d1d9') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == ' 8f57603126cedddbcd4be17c34099107') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
@@ -2610,16 +2610,16 @@
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "6e398727142a495b3d893adf3c8a240f"
                "30b4c510514d03ed2902817e6e9f4fb2"
            );
            this.videoPathTwo = await getResourcePath(
                "dec981e507dbcd88c632789c75b2fe3b"
                "114bfb6ee69164a3d24991fe2061fab2"
            );
            this.videoPathThree = await getResourcePath(
                "7637f57a3dc18cc8487ccc2a39e62a5c"
                " 4ee774f6507c878e0e2ba42a12cc3362"
            );
            this.videoPathFour = await getResourcePath(
                "c69daf5242160645652a8d159213d1d9"
                " 8f57603126cedddbcd4be17c34099107"
            );
            for (let index = 0; index < this.chapter003.videoMd5.length; index++) {
                const item = this.chapter003.videoMd5[index];
@@ -2662,16 +2662,16 @@
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂:' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("6e398727142a495b3d893adf3c8a240f", "6e398727142a495b3d893adf3c8a240f", '', "视频", "bits", '视频:人际吸引')
                this.handleCollectResource("30b4c510514d03ed2902817e6e9f4fb2", "30b4c510514d03ed2902817e6e9f4fb2", '', "视频", "bits", '视频:人际吸引')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("dec981e507dbcd88c632789c75b2fe3b", "dec981e507dbcd88c632789c75b2fe3b", '', "视频", "bits", '视频:客我交往技巧')
                this.handleCollectResource("114bfb6ee69164a3d24991fe2061fab2", "114bfb6ee69164a3d24991fe2061fab2", '', "视频", "bits", '视频:客我交往技巧')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-03') {
                this.handleCollectResource("7637f57a3dc18cc8487ccc2a39e62a5c", "7637f57a3dc18cc8487ccc2a39e62a5c", '', "视频", "bits", '视频:民航服务中常见的沟通障碍类型')
                this.handleCollectResource(" 4ee774f6507c878e0e2ba42a12cc3362", " 4ee774f6507c878e0e2ba42a12cc3362", '', "视频", "bits", '视频:民航服务中常见的沟通障碍类型')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-04') {
                this.handleCollectResource("c69daf5242160645652a8d159213d1d9", "c69daf5242160645652a8d159213d1d9", '', "视频", "bits", '视频:民航服务的沟通策略')
                this.handleCollectResource(" 8f57603126cedddbcd4be17c34099107", " 8f57603126cedddbcd4be17c34099107", '', "视频", "bits", '视频:民航服务的沟通策略')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }
            this.handlechapter003();
src/books/civilServices/view/components/index.vue
@@ -47,6 +47,7 @@
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "pageContent",
  data() {
@@ -178,8 +179,8 @@
    }, 500);
    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(3,79);
    setTimeout(() => {
      this.gotoPage(4,140);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -193,7 +194,7 @@
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    // }, 500);
    }, 500);
    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
@@ -936,7 +937,12 @@
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) playVudio.requestPictureInPicture();
            if (playVudio.readyState) {
              // playVudio.requestPictureInPicture();
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            }
          } catch (error) {
            console.log(error, "小窗错误error");
          }
src/books/meetingPlanners/assets/mian.less
@@ -1290,10 +1290,10 @@
    .pdfModal {
        width: 100%;
    }
    .examination{
    .examination {
        height: calc(100% - 80px);
    }
}
@@ -1307,9 +1307,10 @@
    .pdfModal {
        width: 100%;
    }
    .examination{
    .examination {
        height: calc(100% - 80px);
    }
}
src/books/practicalCareChildrenManual/assets/Fonts/FZHTJW.ttf
Binary files differ
src/books/practicalCareChildrenManual/assets/Fonts/FZLTXIHJW.ttf
Binary files differ
src/books/practicalCareChildrenManual/assets/Fonts/FZLTZHJW.ttf
Binary files differ
src/books/practicalCareChildrenManual/assets/Fonts/FZNBSJW.TTF
Binary files differ
src/books/practicalCareChildrenManual/assets/Fonts/FZZDXK.TTF
Binary files differ
src/books/practicalCareChildrenManual/assets/Fonts/FZZYSJW.TTF
Binary files differ
src/books/practicalCareChildrenManual/assets/Fonts/hya4gjm.ttf
Binary files differ
src/books/practicalCareChildrenManual/assets/images/0001-1.jpg
src/books/practicalCareChildrenManual/assets/images/0001-2.jpg
src/books/practicalCareChildrenManual/assets/images/0002-1.jpg
src/books/practicalCareChildrenManual/assets/images/0021-1.jpg
src/books/practicalCareChildrenManual/assets/images/0022-1.jpg
src/books/practicalCareChildrenManual/assets/images/0026-1.jpg
src/books/practicalCareChildrenManual/assets/images/0026-2.jpg
src/books/practicalCareChildrenManual/assets/images/0027-1.jpg
src/books/practicalCareChildrenManual/assets/images/0028-1.jpg
src/books/practicalCareChildrenManual/assets/images/0029-1.jpg
src/books/practicalCareChildrenManual/assets/images/0029-2.jpg
src/books/practicalCareChildrenManual/assets/images/0029-3.jpg
src/books/practicalCareChildrenManual/assets/images/0030-1.jpg
src/books/practicalCareChildrenManual/assets/images/0030-2.jpg
src/books/practicalCareChildrenManual/assets/images/0030-3.jpg
src/books/practicalCareChildrenManual/assets/images/0031-1.jpg
src/books/practicalCareChildrenManual/assets/images/0031-2.jpg
src/books/practicalCareChildrenManual/assets/images/0034-1.jpg
src/books/practicalCareChildrenManual/assets/images/0034-2.jpg
src/books/practicalCareChildrenManual/assets/images/0034-3.jpg
src/books/practicalCareChildrenManual/assets/images/0034-4.jpg
src/books/practicalCareChildrenManual/assets/images/0035-1.jpg
src/books/practicalCareChildrenManual/assets/images/0035-2.jpg
src/books/practicalCareChildrenManual/assets/images/0035-3.jpg
src/books/practicalCareChildrenManual/assets/images/0035-4.jpg
src/books/practicalCareChildrenManual/assets/images/0036-1.jpg
src/books/practicalCareChildrenManual/assets/images/0036-2.jpg
src/books/practicalCareChildrenManual/assets/images/0037-1.jpg
src/books/practicalCareChildrenManual/assets/images/0037-2.jpg
src/books/practicalCareChildrenManual/assets/images/0037-3.jpg
src/books/practicalCareChildrenManual/assets/images/0037-4.jpg
src/books/practicalCareChildrenManual/assets/images/0039-1.jpg
src/books/practicalCareChildrenManual/assets/images/0040-1.jpg
src/books/practicalCareChildrenManual/assets/images/0040-2.jpg
src/books/practicalCareChildrenManual/assets/images/0043-1.jpg
src/books/practicalCareChildrenManual/assets/images/0046-1.jpg
src/books/practicalCareChildrenManual/assets/images/0048-1.jpg
src/books/practicalCareChildrenManual/assets/images/0051-1.jpg
src/books/practicalCareChildrenManual/assets/images/0053-1.jpg
src/books/practicalCareChildrenManual/assets/images/0063-1.jpg
src/books/practicalCareChildrenManual/assets/images/0065-1.jpg
src/books/practicalCareChildrenManual/assets/images/0066-1.jpg
src/books/practicalCareChildrenManual/assets/images/0067-1.jpg
src/books/practicalCareChildrenManual/assets/images/0067-2.jpg
src/books/practicalCareChildrenManual/assets/images/0068-2.jpg
src/books/practicalCareChildrenManual/assets/images/0070-1.jpg
src/books/practicalCareChildrenManual/assets/images/0070-2.jpg
src/books/practicalCareChildrenManual/assets/images/0072-1.jpg
src/books/practicalCareChildrenManual/assets/images/0072-2.jpg
src/books/practicalCareChildrenManual/assets/images/0076-1.jpg
src/books/practicalCareChildrenManual/assets/images/0076-2.jpg
src/books/practicalCareChildrenManual/assets/images/0078-1.jpg
src/books/practicalCareChildrenManual/assets/images/0080-1.jpg
src/books/practicalCareChildrenManual/assets/images/0083-1.jpg
src/books/practicalCareChildrenManual/assets/images/0084-1.jpg
src/books/practicalCareChildrenManual/assets/images/0086-1.jpg
src/books/practicalCareChildrenManual/assets/images/0088-1.jpg
src/books/practicalCareChildrenManual/assets/images/0088-2.jpg
src/books/practicalCareChildrenManual/assets/images/0090-1.jpg
src/books/practicalCareChildrenManual/assets/images/0093-2.jpg
src/books/practicalCareChildrenManual/assets/images/0097-1.jpg
src/books/practicalCareChildrenManual/assets/images/0098-1.jpg
src/books/practicalCareChildrenManual/assets/images/0101-1.jpg
src/books/practicalCareChildrenManual/assets/images/0104-1.jpg
src/books/practicalCareChildrenManual/assets/images/0105-1.jpg
src/books/practicalCareChildrenManual/assets/images/0106-2.jpg
src/books/practicalCareChildrenManual/assets/images/0107-1.jpg
src/books/practicalCareChildrenManual/assets/images/0111-1.jpg
src/books/practicalCareChildrenManual/assets/images/0116-1.jpg
src/books/practicalCareChildrenManual/assets/images/0117-1.jpg
src/books/practicalCareChildrenManual/assets/images/0118-1.jpg
src/books/practicalCareChildrenManual/assets/images/0121-1.jpg
src/books/practicalCareChildrenManual/assets/images/0122-1.jpg
src/books/practicalCareChildrenManual/assets/images/0125-1.jpg
src/books/practicalCareChildrenManual/assets/images/0132-1.jpg
src/books/practicalCareChildrenManual/assets/images/0135-1.jpg
src/books/practicalCareChildrenManual/assets/images/0136-1.jpg
src/books/practicalCareChildrenManual/assets/images/0137-1.jpg
src/books/practicalCareChildrenManual/assets/images/0140-1.jpg
src/books/practicalCareChildrenManual/assets/images/0141-2.jpg
src/books/practicalCareChildrenManual/assets/images/0142-2.jpg
src/books/practicalCareChildrenManual/assets/images/0147-1.jpg
src/books/practicalCareChildrenManual/assets/images/0150-1.jpg
src/books/practicalCareChildrenManual/assets/images/0151-1.jpg
src/books/practicalCareChildrenManual/assets/images/0159-1.jpg
src/books/practicalCareChildrenManual/assets/images/0160-1.jpg
src/books/practicalCareChildrenManual/assets/images/0163-2.jpg
src/books/practicalCareChildrenManual/assets/images/0164-1.jpg
src/books/practicalCareChildrenManual/assets/images/0168-1.jpg
src/books/practicalCareChildrenManual/assets/images/0169-1.jpg
src/books/practicalCareChildrenManual/assets/images/0170-1.jpg
src/books/practicalCareChildrenManual/assets/images/0172-1.jpg
src/books/practicalCareChildrenManual/assets/images/0172-2.jpg
src/books/practicalCareChildrenManual/assets/images/0173-1.jpg
src/books/practicalCareChildrenManual/assets/images/0173-2.jpg
src/books/practicalCareChildrenManual/assets/images/0173-3.jpg
src/books/practicalCareChildrenManual/assets/images/0173-4.jpg
src/books/practicalCareChildrenManual/assets/images/0174-1.jpg
src/books/practicalCareChildrenManual/assets/images/0174-2.jpg
src/books/practicalCareChildrenManual/assets/images/0176-1.jpg
src/books/practicalCareChildrenManual/assets/images/0184-1.jpg
src/books/practicalCareChildrenManual/assets/images/0187-1.jpg
src/books/practicalCareChildrenManual/assets/images/0190-1.jpg
src/books/practicalCareChildrenManual/assets/images/0192-1.jpg
src/books/practicalCareChildrenManual/assets/images/0193-1.jpg
src/books/practicalCareChildrenManual/assets/images/0195-1.jpg
src/books/practicalCareChildrenManual/assets/images/0196-1.jpg
src/books/practicalCareChildrenManual/assets/images/0203-1.jpg
src/books/practicalCareChildrenManual/assets/images/0209-1.jpg
src/books/practicalCareChildrenManual/assets/images/0215-1.jpg
src/books/practicalCareChildrenManual/assets/images/0220-1.jpg
src/books/practicalCareChildrenManual/assets/images/Cover.jpg
src/books/practicalCareChildrenManual/assets/images/FD.jpg
src/books/practicalCareChildrenManual/assets/images/SMY.jpg
src/books/practicalCareChildrenManual/assets/images/csx.jpg
src/books/practicalCareChildrenManual/assets/images/dxal.png
src/books/practicalCareChildrenManual/assets/images/headerBj.png
src/books/practicalCareChildrenManual/assets/images/headerRight.png
src/books/practicalCareChildrenManual/assets/images/i0006-01.png
src/books/practicalCareChildrenManual/assets/images/i0006-02.png
src/books/practicalCareChildrenManual/assets/images/i0007-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0008-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0008-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0009-01.png
src/books/practicalCareChildrenManual/assets/images/i0009-02.png
src/books/practicalCareChildrenManual/assets/images/i0010-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0011-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0012-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0012-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0013-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0014-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0015-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0016-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0017-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0018-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0019-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0020-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0021-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0022-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0023-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0023-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0024-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0025-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0026-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0027-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0028-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0029-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0030-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0031-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0031-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0032-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0033-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0034-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0035-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0036-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0037-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0038-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0039-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0040-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0040-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0041-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0042-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0043-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0044-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0045-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0046-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0047-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0048-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0049-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0049-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0050-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0051-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0051-3.jpg
src/books/practicalCareChildrenManual/assets/images/i0052-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0054-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0054-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0055-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0056-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0057-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0058-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0059-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0059-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0060-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0060-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0061-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0062-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0063-1.jpg
src/books/practicalCareChildrenManual/assets/images/i0063-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0064-2.jpg
src/books/practicalCareChildrenManual/assets/images/i0065-2.jpg
src/books/practicalCareChildrenManual/assets/images/icon/heart-check.png
src/books/practicalCareChildrenManual/assets/images/icon/heart.png
src/books/practicalCareChildrenManual/assets/images/icon/lianxi.png
src/books/practicalCareChildrenManual/assets/images/icon/videoLogo.png
src/books/practicalCareChildrenManual/assets/images/lyl.png
src/books/practicalCareChildrenManual/assets/images/ml.jpg
src/books/practicalCareChildrenManual/assets/images/qjdr.png
src/books/practicalCareChildrenManual/assets/images/qy.jpg
src/books/practicalCareChildrenManual/assets/images/sys.png
src/books/practicalCareChildrenManual/assets/images/sysm.jpg
src/books/practicalCareChildrenManual/assets/images/tzyd.png
src/books/practicalCareChildrenManual/assets/images/xdc.png
src/books/practicalCareChildrenManual/assets/images/xxcty.png
src/books/practicalCareChildrenManual/assets/images/xxdt.png
src/books/practicalCareChildrenManual/assets/images/xxrwd.png
src/books/practicalCareChildrenManual/assets/images/xxxgjc.png
src/books/practicalCareChildrenManual/assets/images/xyx.png
src/books/practicalCareChildrenManual/assets/main.less
New file
@@ -0,0 +1,2373 @@
.practicalCareChildrenManual {
    width: 100%;
    height: 100%;
    // 自定义内容
    .page-box {
        box-sizing: border-box;
        min-height: 1128px;
        margin-bottom: 20px;
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
    }
    .foreword {
        line-height: 10px !important;
        margin-top: 0;
    }
    .c-g {
        color: green;
    }
    .c-r {
        color: red;
    }
    .t-right {
        text-align: right;
    }
    .mr-0 {
        margin: 0 !important;
    }
    .mr-9 {
        margin-right: 9%;
    }
    .ml-9 {
        margin-left: 9%;
    }
    .ml-8 {
        margin-left: 8%;
    }
    .ml-20 {
        margin-left: 20px;
    }
    .ml-2e {
        margin-left: 2em;
    }
    .mt--25 {
        margin-top: -25px !important;
    }
    .mt-10 {
        margin-top: 10px !important;
    }
    .mt-20 {
        margin-top: 20px !important;
    }
    .mt-30 {
        margin-top: 30px !important;
        ;
    }
    .mt-50 {
        margin-top: 50px !important;
    }
    .mb-40 {
        margin-bottom: 40px !important;
    }
    .mb-20 {
        margin-bottom: 20px !important;
    }
    .mb-10 {
        margin-bottom: 10px;
    }
    .pd-5 {
        padding: 0 5px;
    }
    .w100 {
        width: 100%;
    }
    .mk-img {
        height: 100%;
    }
    .w90 {
        width: 90%;
    }
    .w80 {
        width: 80%;
    }
    .b0 {
        border: 0;
    }
    .tal-j {
        display: inline-block;
        width: 120px;
        text-align-last: justify;
    }
    sup {
        vertical-align: super;
        /* 保持上标对齐方式 */
        font-size: smaller;
        // position: relative; /* 相对于正常位置调整 */
        // top: -0.2em; /* 根据需要调整这个值 */
    }
    .fz-13 {
        font-size: 13px !important;
    }
    .fz-14 {
        font-size: 14px !important;
    }
    .fz-15 {
        font-size: 15px !important;
    }
    .fz-16 {
        font-size: 16px !important;
    }
    .fz-18 {
        font-size: 18px !important;
    }
    .fm-kt {
        font-family: "kaiti" !important;
    }
    .fm-KH {
        font-family: "方正兰亭刊黑";
    }
    .fm-方正书宋 {
        font-family: "方正书宋";
    }
    .img-0 {
        width: 100%;
    }
    .pt-10 {
        padding-top: 10px;
    }
    .pt-20 {
        padding-top: 20px;
    }
    .td-0 {
        text-indent: 0em !important;
    }
    // .td-{
    // }
    .td-1 {
        text-indent: 1em !important;
    }
    .td-2 {
        text-indent: 2em !important;
    }
    .fl {
        display: flex;
    }
    .ju-cn {
        justify-content: center;
    }
    .ju-ev {
        justify-content: space-evenly;
    }
    .fd-c {
        flex-direction: column;
    }
    .fd-r {
        flex-direction: row-reverse;
    }
    .al-c {
        align-items: center;
    }
    .al-fe {
        align-items: flex-end;
    }
    .ac-f {
        align-content: flex-end;
    }
    .jc-fe {
        justify-content: flex-end;
    }
    .jc-c {
        justify-content: center;
    }
    .jc-sa {
        justify-content: space-around
    }
    .mr-70 {
        margin-right: 70px;
    }
    .mr-45 {
        margin-right: 45px;
    }
    .mr-10 {
        margin-right: 10px;
    }
    .mr-5 {
        margin-right: 5px;
    }
    .ma-l {
        margin-left: 10%;
    }
    .ta-l {
        text-align: left !important;
    }
    .wh-no {
        white-space: nowrap;
    }
    .pad-t-55 {
        padding-top: 55px;
    }
    .pad-l-60 {
        padding-left: 60px;
    }
    .mb-25 {
        margin-bottom: 25px;
    }
    .mb-45 {
        margin-bottom: 45px;
    }
    .headerImg {
        width: 30px;
    }
    .headerText-bc {
        width: 70px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        background-color: #9CDCF8;
        border-radius: 15px;
    }
    .headerText {
        font-size: 12px;
        padding: 0 8px;
        color: #00AFEF;
    }
    .headerNumber {
        width: 110px;
        color: #fff;
        font-size: 12px;
        text-align: left;
        position: relative;
        padding-bottom: 5px;
        span {
            position: absolute;
            top: 33%;
            left: 25%;
        }
    }
    .header-left-Number {
        width: 50px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 15px;
        position: relative;
        span {
            position: absolute;
            left: 56%;
            top: 35%;
            transform: translateX(-50%);
        }
    }
    .header-left-text {
        color: #00AFEF;
        margin-left: 8px;
        margin-top: 7px;
        font-size: 12px;
    }
    .radioClass {
        margin: 0 0 0 4px !important;
    }
    .task-u2-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #F89C1C;
    }
    .task-u3-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #0A9CAC;
    }
    .task-u4-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #92B03D;
    }
    .task-u5-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #0180CD;
    }
    .p-odd {
        padding-right: 2%;
    }
    .p-even {
        padding-left: 2%;
    }
    .img-float-smaller {
        width: 200px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
    }
    .img-float-medium {
        width: 250px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
    }
    .img-float {
        width: 310px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
        p {
            margin: 0;
        }
    }
    .img-float-formula {
        width: 310px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
        p {
            margin: 0;
        }
    }
    .img-rights {
        width: 47%;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 20px;
        p {
            margin: 0;
        }
    }
    .references {
        margin-top: 140px;
        hr {
            font-weight: bold;
            margin-left: 0;
            width: 15%;
        }
    }
    .w430 {
        width: 430px;
    }
    .w395 {
        width: 395px;
    }
    .w365 {
        width: 365px;
    }
    .w300 {
        width: 300px;
    }
    .w290 {
        width: 290px;
    }
    .w280 {
        width: 280px;
    }
    .w270 {
        width: 270px;
    }
    .w260 {
        width: 260px;
    }
    .w250 {
        width: 250px;
    }
    .w230 {
        width: 230px;
    }
    .w220 {
        width: 220px;
    }
    .w210 {
        width: 210px;
    }
    .w200 {
        width: 200px;
    }
    .w190 {
        width: 190px;
    }
    .w180 {
        width: 180px;
    }
    .w170 {
        width: 170px;
    }
    .w160 {
        width: 160px;
    }
    .w150 {
        width: 150px;
    }
    .w140 {
        width: 140px;
    }
    .w135 {
        width: 135px;
    }
    .w130 {
        width: 130px;
    }
    .w120 {
        width: 120px;
    }
    .w115 {
        width: 115px;
    }
    .w55 {
        width: 55%;
    }
    .w40 {
        width: 40% !important;
    }
    .w25 {
        width: 25%;
    }
    .w20 {
        width: 20%;
    }
    .w15 {
        width: 15%;
    }
    .w10 {
        width: 10%;
    }
    .table-th-bc {
        color: #000;
        background-color: #C6EAFA;
        line-height: 25px;
        font-family: "方正中等线";
        font-weight: bold;
        p {
            font-family: "方正中等线";
        }
    }
    .table-tr-bc {
        font-family: "方正中等线";
        background-color: #E1F4FC;
        line-height: 25px;
        font-weight: 400;
        p {
            font-weight: 400;
            font-family: '方正中等线';
            font-size: 13.5px;
        }
    }
    .jc-img {
        margin-bottom: -5px;
        cursor: pointer;
    }
    sup {
        cursor: pointer;
    }
    .textarea-box {
        width: 100%;
        overflow: auto;
        word-break: break-all;
        resize: none;
        border: 1px solid #01AFEE;
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0);
    }
    .table-title-bc {
        background-color: #8091BC;
        color: #fff;
        line-height: 25px;
    }
    .table-textarea {
        font-size: 14px;
        font-family: "Times New Roman", "宋体";
        resize: none;
        width: 95%;
        background-color: transparent;
        border: none;
        &:focus {
            outline: none;
        }
    }
    .table-input-border {
        width: 80%;
        background-color: transparent;
        border: 0;
        &:focus {
            outline: none;
        }
    }
    .table-input-border-w20 {
        width: 20%;
        background-color: transparent;
        border: 0;
        &:focus {
            outline: none;
        }
    }
    .table-input-border-w15 {
        width: 15%;
        background-color: transparent;
        border: 0;
        &:focus {
            outline: none;
        }
    }
    .table-input-border-w10 {
        width: 10%;
        background-color: transparent;
        border: 0;
        &:focus {
            outline: none;
        }
    }
    .table-input-border-w5 {
        width: 5%;
        background-color: transparent;
        border: 0;
        &:focus {
            outline: none;
        }
    }
    .input-bottom-border {
        width: 11%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        &:focus {
            outline: none;
        }
    }
    .input-bottom-border1 {
        width: 33%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        &:focus {
            outline: none;
        }
    }
    .input-bottom-border2 {
        width: 21.5%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        &:focus {
            outline: none;
        }
    }
    // 视频
    .video-box-cover {
        border: 1px dashed #40C7F4;
        padding: 2% 2%;
    }
    .question-box {
        margin: 20px 0 20px 0;
        border: 1px solid #40C7F4;
    }
    .question-title {
        display: flex;
        align-content: center;
        justify-content: space-between;
        background-color: #c7eaf9;
    }
    .question-title-name {
        padding: 0 2%;
        display: flex;
        align-items: center;
        text-indent: 0em;
        margin: 0 !important;
        border-right: 1px solid #40C7F4;
        font-size: 16px !important;
        font-weight: bold;
    }
    .question-title-img {
        padding-right: 2%;
        text-indent: 0em;
        display: flex;
        align-items: center;
        font-size: 11px !important;
        cursor: pointer;
        span{
            color: #0071BD;
            height: 20px;
            word-wrap: normal;
        }
    }
    // .video-main{
    //     margin: 5% 5%;
    //     border: 1px dashed #40C7F4;
    // }
    .video-box-left {
        margin: 20px 8% 20px 0;
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }
    .videoname {
        display: flex;
        justify-content: center;
    }
    .sInput {
        width: 60px;
        border: 0;
        outline: none;
        text-align: center;
    }
    .collect-btn {
        cursor: pointer;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-top: 0.3%;
    }
    .collect-btn1 {
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        margin-top: 0.8%;
    }
    // 续表
    .continued {
        text-align: right;
        margin: 0%;
        margin-right: 30px;
    }
    .text-rights {
        width: 230px;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 20px;
        img {
            width: 100%;
        }
        p {
            margin: 0 !important;
        }
    }
    .dialogQuestion {
        background-color: #6E85AF;
        height: 80px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        span {
            color: #fff;
            font-size: 20px;
            padding: 0 40px 0 20px;
            cursor: pointer;
        }
    }
    .pdf-text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        p {
            margin: 0;
            margin-right: 10px;
        }
        .pdf-con {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 10px 0;
            box-sizing: border-box;
            border-radius: 10px;
            .pdf-view {
                min-width: 160px;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 0.15em dashed #FAAD70;
                margin-right: 15px;
                padding: 0 15px;
                border-radius: 5px;
                span {
                    font-size: 14px;
                    text-align: center;
                    font-family: '方正兰亭细黑简体';
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    svg {
                        fill: #FAAD70;
                    }
                }
                span:nth-child(2) {
                    padding-top: 5px;
                    box-sizing: border-box;
                }
                span:hover {
                    color: #FAAD70;
                    cursor: pointer;
                    text-decoration: underline;
                    -webkit-user-select: none;
                    /* Safari 3.1+ */
                    -moz-user-select: none;
                    /* Firefox 2+ */
                    -ms-user-select: none;
                    /* IE 10+ */
                    user-select: none;
                    /* 标准语法 */
                }
            }
        }
        .pdf-con-15 {
            margin-top: -20px;
        }
    }
    div.bk-ztgs {
        border: 0.15em dotted #5192c6;
        padding: 1.5em 0.5em;
        margin-bottom: 2em;
        margin-top: 2em;
        border-radius: 1em;
        position: relative;
    }
    p.bj1-ztgs {
        background-color: #5192c6;
        color: #ffffff;
        display: inline-block;
        font-size: 1em;
        padding: 0.1em 0.7em 0.12em 0.7em;
        font-weight: bold;
        border-radius: 0em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -1.2em;
    }
    .link-float {
        width: 120px;
        float: left;
        height: auto;
        margin: auto;
        margin-top: 12px;
        margin-right: 20px;
    }
    .imgBox-003 {
        width: 100%;
        height: 280px;
        margin-bottom: 18px;
    }
    .imgBox {
        display: flex !important;
        flex-direction: column-reverse !important;
        position: relative !important;
        .img {
            margin: 0 !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);
            bottom: -2% !important;
        }
        img {
            height: 80%;
        }
    }
    // 题目
    .textarea-box {
        background-color: transparent;
        max-width: 100%;
        min-width: 100%;
        outline: none;
    }
    .textarea-box-left {
        background-color: transparent;
        margin-left: 15%;
        max-width: 84%;
        min-width: 84%;
        outline: none;
    }
    .textarea-box-right {
        background-color: transparent;
        margin-left: 2em;
        margin-right: 9%;
        max-width: 95%;
        min-width: 95%;
        outline: none;
    }
    .textarea-focused {
        border-color: #5192c6 !important;
        box-shadow: #5192c6 !important;
    }
    .select-border {
        width: 60px;
        border: 0;
        border-bottom: 1px solid #767676;
        &:focus {
            outline: none;
        }
    }
    .btn-border {
        border-radius: 6px;
        border-color: #5192C6;
    }
    .btn-w {
        cursor: pointer;
        font-size: 14px;
        border-width: 1px;
        width: 80px;
        height: 30px;
        background-color: #fff;
        &:hover {
            background-color: #5192C6;
            color: #fff;
        }
    }
    .inputChoice {
        display: flex;
        align-items: center;
        input {
            margin: 0 5px;
            cursor: pointer;
        }
        span {
            cursor: pointer;
        }
    }
    .parimary-btn {
        cursor: pointer;
        min-width: 80px;
        height: 30px;
        font-size: 14px;
        margin-left: 5px;
        background-color: #5192C6;
        border-color: #5192C6;
        border-width: 1px;
        color: #fff;
        border-radius: 6px;
        &:hover {
            background-color: #a1afc8;
            border-color: #a1afc8;
        }
    }
    .event-header-text-bc {
        background-color: #D4F0FE;
    }
    // 迁移
    .bk-bwh {
        min-height: 800px;
        font-size: 1.2em;
        padding: 25px;
    }
    ul {
        list-style-type: none;
    }
    li {
        list-style-type: none;
    }
    .custom_tag2 {
        background-color: #F1BE49;
        color: #FFFFFF;
        display: inline-block;
        padding: 0.5px;
        border-radius: 1.5em;
        font-size: 1.1em;
        padding: 2px 10px 2px 10px;
        font-weight: bold;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }
    .custom_tag1 {
        background-color: #35ACD6;
        color: #FFFFFF;
        display: inline-block;
        padding: 1px;
        font-size: 1.1em;
        padding: 3px 10px 3px 10px;
        font-weight: bold;
        box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }
    .custom_tag {
        background-color: #35509F;
        color: #FFFFFF;
        display: inline-block;
        padding: 1px;
        border-radius: 1.5em;
        font-size: 1.1em;
        padding: 10px 20px 10px 20px;
        font-weight: bold;
        box-shadow: 30px 0px 0px 0px #F5D83E;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }
    span.under1 {
        border-bottom: 2px solid #F0BD4A;
        border-width: 2px;
    }
    div.bodycontent-div-center {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
    }
    img.bodycontent-divcenter-image {
        float: center;
        clear: both;
        height: 140px;
        margin: 15px;
    }
    .module_block {
        display: flex;
        font-size: 1.1em;
        position: relative;
        padding-left: 90px;
        justify-content: center;
        align-items: center;
        margin-right: 91px;
    }
    .module_block .custom1 {
        background-color: #9ACC77;
        padding: 10px 20px;
        color: #FFFFFF;
        /* position: absolute; */
        /* left:0; */
        /* top: 50%; */
        border-radius: 0.5em 0em 0em 0.5em;
        /* transform: translateY(-50%); */
    }
    .module_block .custom2 {
        background-color: #E9F3E0;
        padding: 10px 20px;
        color: #75A64E;
        font-weight: bold;
        border-radius: 0em 0.5em 0.5em 0em;
    }
    div.bodycontent-div-left1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
        background-color: #F0F8FF;
    }
    div.bodycontent-div-left {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
    }
    img.bodycontent-divright-image {
        float: right;
        clear: both;
        height: 140px;
        margin: 15px;
    }
    img.bodycontent-divleft-image {
        float: left;
        clear: both;
        height: 110px;
        margin: 15px;
    }
    .page-box:nth-child(even) .bodystyle {
        font-family: '方正兰亭细黑简体';
        text-align: justify;
        margin: 0 10% 0 8%;
        padding-bottom: 80px;
        line-height: 30px;
        hr {
            font-weight: 800;
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 25%;
        }
    }
    .page-box:nth-child(odd) .bodystyle {
        font-family: '方正兰亭细黑简体';
        text-align: justify;
        margin: 0 8% 0 10%;
        padding-bottom: 80px;
        line-height: 30px;
        hr {
            font-weight: 800;
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 25%;
        }
    }
    span.zt-0 {
        color: #0087AF;
    }
    p.pzt-0 {
        color: #0087AF;
        font-size: 18px;
    }
    p.pzt-0-right {
        font-size: 18px;
        color: #0087AF;
        text-align: right;
    }
    p.pzt-1 {
        font-weight: bold;
        color: #0087AF;
        font-size: 18px;
    }
    div.sgc-toc-title {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 1em;
        text-align: center;
    }
    div.sgc-toc-level-1 {
        margin-left: 0em;
    }
    div.sgc-toc-level-2 {
        margin-left: 2em;
    }
    div.sgc-toc-level-3 {
        margin-left: 2em;
    }
    div.sgc-toc-level-4 {
        margin-left: 2em;
    }
    div.sgc-toc-level-5 {
        margin-left: 2em;
    }
    div.sgc-toc-level-6 {
        margin-left: 2em;
    }
    .imz {
        height: 96%;
        text-align: center;
    }
    .note {
        margin: 0;
        font-size: 12px;
        line-height: 22px;
        font-family: "方正书宋";
    }
    .block {
        font-family: "kaiti";
        margin-top: 0.2em;
        margin-bottom: 0.2em !important;
        text-indent: 2em;
        line-height: 30px;
        font-size: 14px;
        text-align: justify;
    }
    .block1 {
        text-align: center;
    }
    .block2 {
        line-height: 25px;
    }
    .block3 {
        line-height: 20px;
    }
    .img {
        font-family: '方正兰亭细黑简体';
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        margin: 5px 0 0 0 !important;
        text-indent: 0em;
        color: #000;
    }
    .img1 {
        font-family: '方正兰亭细黑简体';
        text-align: center;
        font-size: 11px;
        margin: 5px 0 0 0 !important;
        text-indent: 0em;
        color: #00ADEF;
    }
    p {
        font-family: '方正新报宋简体';
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        text-indent: 2em;
        line-height: 23px;
        text-align: justify;
    }
    .cover {
        width: 100%;
        padding: 0px;
    }
    .center {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }
    .center-ss {
        text-align: center;
        color: #EF8472;
        font-weight: bold;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }
    .left {
        text-indent: 0em;
        line-height: 20px;
        margin-top: 20px;
    }
    .left3 {
        margin: 20 0 0 0 !important;
        line-height: 20px;
    }
    .left2 {
        font-size: 1.3em;
        text-indent: 0em;
        font-weight: bold;
        margin-left: 0%;
        margin-right: 0%;
    }
    .right {
        text-align: right;
        margin-left: 0%;
        margin-right: 4%;
    }
    .left1 {
        text-indent: 0em;
        margin-left: 0%;
        margin-right: 0%;
    }
    .center1 {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1.2em;
        text-indent: 0em;
        font-weight: bold;
    }
    .right1 {
        text-align: right;
        margin-left: 0%;
        margin-right: 0%;
    }
    .quote {
        margin-top: 0%;
        margin-bottom: 0%;
        margin-left: 1em;
        margin-right: 1em;
        text-align: justify;
        font-family: "cnepub", serif;
    }
    h1 {
        font-family: '方正粗圆';
        color: #01AFEE;
        font-weight: 400;
        font-size: 2em;
        text-align: center;
        text-indent: 0em;
    }
    .h1-zt {
        font-family: '方正粗圆';
        line-height: 45px;
        color: #01AFEE;
        font-weight: 400;
        font-size: 2.42em;
        margin-bottom: 20px;
        margin-top: -0.5em;
        text-indent: 0em;
    }
    h1.jz {
        text-align: center;
        text-indent: 0em;
    }
    .front {
        font-family: '方正兰亭中黑简体';
        font-weight: bold;
        font-size: 1.1em;
        color: #00ADEF;
        margin-top: 0.2em;
        margin-bottom: 0.5em;
        padding: 10% 0 0 0;
        text-indent: 0em;
        text-align: left;
    }
    h2 {
        font-family: '方正中粗雅宋';
        color: #00ADEF;
        font-weight: 800;
        font-size: 1.8em;
        margin-bottom: 0em;
        margin-top: 0.1em;
        text-indent: 3em;
        line-height: 1.3em;
    }
    .h2-zt {
        font-family: '方正中粗雅宋';
        color: #00ADEF;
        font-weight: 400;
        font-size: 1.4em;
        margin-top: 0em;
        text-indent: 3.3em;
        padding: 5px 0px 5px 0;
    }
    h3 {
        font-family: '方正中粗雅宋';
        color: #03AFED;
        font-weight: 800;
        font-size: 1.4em;
        margin-bottom: 2em;
        margin-top: 2em;
        text-indent: 0em;
    }
    h4 {
        font-family: '汉仪大宋';
        font-weight: 400;
        color: #03AFED;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        font-size: 1.2em;
        text-indent: 2em;
    }
    h5 {
        font-family: '方正准雅宋';
        font-weight: 100;
        color: #03AFED;
        margin-bottom: 0.2em;
        margin-top: 0.2em;
        font-size: 1.2em;
        text-indent: 0em;
    }
    .unit2-c {
        color: #F89C1C !important;
    }
    .unit3-c {
        color: #0A9CAC !important;
    }
    .unit4-c {
        color: #92B03D !important;
    }
    .unit5-c {
        color: #0180CD !important;
    }
    .zt-h6 {
        font-family: '方正黑体简体';
        color: #65C097;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.15em;
        text-indent: 2em;
    }
    .bb {
        font-family: "cnepub", serif;
        font-family: '方正黑体简体';
        color: #66CCCC;
        font-size: 1.1em;
        margin-top: 10px;
        text-indent: 2em;
        margin-bottom: 10px;
        border-bottom: 5px dotted #F4C388;
        margin-left: 2em;
        margin-bottom: 0.5em;
        text-indent: 0em;
    }
    .u {
        text-decoration: underline;
    }
    .u {
        text-decoration: underline;
    }
    .img-0 {
        width: 100%;
    }
    .img-a {
        width: 96%;
    }
    .img-b {
        width: 70%;
    }
    .img-c {
        width: 60%;
    }
    .img-d {
        width: 50%;
    }
    .img-e {
        width: 45%;
    }
    .img-f {
        width: 40%;
    }
    .img-g {
        width: 30%;
    }
    .img-h {
        width: 20%;
    }
    .img-i {
        width: 10%;
    }
    .img-j {
        width: 5%;
    }
    .img-zt {
        height: 6em;
        margin-top: -1.5em;
        margin-bottom: -0.4em;
        margin-left: 15%;
    }
    .inline {
        height: 1em;
        margin-bottom: -0.3em;
    }
    .inline1 {
        height: 2.5em;
        margin-top: 0.5em;
        margin-bottom: -0.5em;
    }
    .inline2 {
        height: 1.5em;
        margin-top: 0.5em;
        margin-bottom: -0.5em;
    }
    .inline4 {
        height: 2em;
        margin-left: -2em;
        margin-right: 0.5em;
        margin-bottom: -0.6em;
    }
    .img-qj {
        height: 7.5em;
        margin-bottom: -3.4em;
        margin-right: 0.5em;
    }
    .ls1 {
        color: #00B1F5;
    }
    .zt-ls1 {
        color: #000;
        font-size: 16px;
        font-weight: bold;
    }
    .ls2 {
        color: #00B1F5;
        font-weight: bold;
        font-size: 1em;
        line-height: 30px;
    }
    span.lsyq-1 {
        background-color: #6D84AE;
        padding: 0.2em 0.4em 0.2em 0.4em;
        border-radius: 1.5em;
        margin-right: 0.5em;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 1.5em;
    }
    span.hsyq-1 {
        background-color: #FFB7D4;
        padding: 0.2em 0.4em 0.2em 0.4em;
        border-radius: 1.5em;
        margin-right: 0.5em;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 1.5em;
    }
    .zt-hs1 {
        font-weight: 500;
        color: #000;
        font-size: 1em;
    }
    .h2-zt1 {
        padding: 5px 25px 5px 25px;
        border-radius: 10px 0px 0px 10px;
        background-color: #5392C7;
        font-size: 1.2em;
        color: #FFFFFF;
    }
    .h2-zt2 {
        padding: 10px;
        background-color: #B1DDE0;
        margin-right: 2em;
        color: #FFFFFF;
        padding: 5px 50px 5px 25px;
        border-radius: 0px 5px 80px 0px;
        font-size: 1.2em;
    }
    div.bk {
        border: 2px solid #3FC6F6;
        box-shadow: 8px 8px 0px 0px #B0E2F9;
        padding: 20px 10px 10px 10px;
        margin-top: 2em;
        border-radius: 1.03em;
        margin-bottom: 1em;
        position: relative;
        p {
            font-size: 13px;
            line-height: 20px;
        }
    }
    div.bk1 {
        margin-top: -2em;
        margin-bottom: 1.5em;
        margin-left: -1.6em;
    }
    p.bj1-qjms {
        background-color: #fff;
        color: #FAAD70;
        font-weight: bold;
        border-radius: 1.5em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -19px;
    }
    .span-box {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #FAAD70;
    }
    .span-text {
        font-size: 16px;
        font-weight: 100;
        padding: 0em 0.15em 0em 0.3em;
    }
    .bj {
        background-color: #E1E7F3;
        padding: 0.2em 0.8em 0.2em 0.8em;
    }
    span.bj2 {
        background-color: #6E85AF;
        padding: 0.2em 1em 0.2em 1em;
        font-size: 1.1em;
        font-weight: bold;
        border-radius: 0.5em;
        color: #FFFFFF;
        box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
    }
    div.bk2 {
        background: #E2F4FE;
        border: 2px solid #3EC9F4;
        padding: 10px 10px 20px 10px;
        margin-top: 1em;
        margin-bottom: 1em;
        position: relative;
        p {
            font-family: "方正兰亭刊黑";
            font-size: 13.5px;
        }
    }
    .bk2::after {
        content: '';
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 0;
        height: 0;
        border-bottom: 20px solid #fff;
        /* 三角形的右边框 */
        border-left: 20px solid #3EC9F4;
        /* 三角形的底边框 */
        border-right: 0px solid #fff;
        /* 三角形的左边框 */
        display: block;
    }
    .bk2.show-after::after {
        display: none;
    }
    .zysx {
        margin-top: -1.7em;
        margin-left: -2em;
    }
    .zt-zysx {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #24b8bc;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px;
        font-size: 1.2em;
        box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
    }
    .zt-zysx1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #96A7D5;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: 100;
        padding: 4px;
        font-size: 1.2em;
    }
    .zt-zysx2 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #0071BD;
        font-size: 1.2em;
    }
    .zt-1 {
        color: #6F84AF;
        font-weight: bold;
        font-size: 1.1em;
    }
    .bj1 {
        background-color: rgb(204, 236, 251);
        padding: 0.2em 0.5em 0.2em 0.5em;
        border-radius: 1em;
        margin-bottom: 2em;
        margin-left: 0.6em;
        box-shadow: 0 0 30px rgba(135 209 243);
        p {
            font-family: "方正兰亭刊黑";
        }
    }
    .title {
        width: 260px;
        height: 50px;
        text-align: center;
        margin: 0 auto;
        padding-top: 5%;
        position: relative;
    }
    div.bj2 {
        position: absolute;
        width: 260px;
        height: 45px;
        background-color: #9adbf9;
        border-radius: 1.5em;
        top: 8px;
        mix-blend-mode: multiply;
    }
    div.bj3 {
        position: absolute;
        width: 265px;
        height: 45px;
        background-color: #9ADBF9;
        border-radius: 1.5em;
    }
    .frontOne {
        font-family: "宋体";
        color: #fff;
        margin: 0 !important;
        font-size: 24px;
        position: absolute;
        width: 260px;
        height: 50px;
        line-height: 50px;
    }
    .rw-bg {
        width: 90%;
        height: 90px;
        position: relative;
        color: #7ed4f6;
        margin-bottom: 1em;
    }
    .bj4 {
        position: absolute;
        width: 55%;
        height: 85px;
        background-color: #C7EAFD;
        border-radius: 0 1em 1em 0;
    }
    .bj5 {
        position: absolute;
        width: 97%;
        height: 85px;
        background-color: #C7EAFD;
        border-radius: 0 1em 1em 0;
        top: 10px;
        mix-blend-mode: multiply;
    }
    span.bj3-xyx {
        background-color: #92B03E;
        color: #FFFFFF;
        border-radius: 1.5em;
        padding: 5px 20px 5px 20px;
        font-size: 1em;
        font-weight: bold;
    }
    div.bj3-xyx {
        position: absolute;
        top: -15px;
        left: -25px;
    }
    .f-kai {
        font-family: "kaiti";
    }
    .ts-1 {
        font-weight: bold;
    }
    .zt-h4 {
        padding: 10px 0;
        border-radius: 1.5em;
    }
    .qyls-h4 {
        font-family: "HiFont Hei GB";
        padding: 0.2em 0;
        text-indent: 0em;
        margin-left: 0%;
    }
    .bj6 {
        background-color: #FEDDB4;
        padding: 20px;
        border-radius: 0.5em;
        margin-bottom: 1.5em;
        margin-top: 1.5em;
        position: relative;
        .zt-cs {
            color: #F89C1C;
        }
    }
    span.bj6-xyx {
        background-color: #F89C1C;
        color: #FFFFFF;
        border-radius: 0.3em;
        padding: 5px 5px 5px 5px;
        font-size: 1em;
        font-weight: bold;
    }
    div.bj6-xyx {
        position: absolute;
        top: -20px;
    }
    .zt-lvs1 {
        color: #95B321;
    }
    div.bj-1 {
        color: #fff;
        border-radius: 2em;
        margin-bottom: 1.5em;
        margin-top: 1.5em;
    }
    .bj-2-zt {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        line-height: 1.8em;
    }
    .bj-1-zt {
        font-family: kaiti;
        font-weight: 100;
        text-indent: 2em;
        color: #fff;
        font-size: 15px;
        line-height: 1.8em;
    }
    .bj-3-zt {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 1.8em;
    }
    .rwmb-1 {
        margin-left: -2.6em;
        margin-bottom: 0.5em;
        margin-top: 1em;
        height: 4em;
    }
    .rwmb-2 {
        margin-left: -2.3em;
        margin-bottom: -0.5em;
        margin-top: 0.2em;
        height: 2.3em;
    }
    .rwmb-3 {
        position: absolute;
        top: -11px;
        left: 5px;
        margin-bottom: 15px;
    }
    .rwmb-4 {
        position: absolute;
        top: -7px;
        left: 20px;
        margin-bottom: 15px;
    }
    .rwmb-5 {
        width: 15%;
        position: absolute;
        top: -10px;
        left: -2px;
    }
}
.pdfModal {
    width: 100%;
    height: 90vh;
    .pdfBox-component {
        width: 100%;
        height: 100%;
        position: relative;
        .preview {
            width: 100%;
            height: 100%;
            .imageBox {
                height: calc(100% - 30px);
                overflow-x: hidden;
                overflow-y: auto;
                background: #ccc;
                box-sizing: border-box;
            }
            .imageBox:hover {
                cursor: zoom-in !important;
            }
            ::v-deep .el-dialog__header {
                background-color: rgba(0, 0, 0, 0.8);
                .header_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: '方正兰亭细黑简体';
                    span:nth-child(2):hover {
                        cursor: pointer;
                    }
                }
                ::v-deep .el-dialog__title,
                ::v-deep .el-dialog__headerbtn .el-dialog__close {
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: '方正兰亭细黑简体';
                }
            }
            .bottom_tool {
                height: 30px;
                background-color: rgba(0, 0, 0, 0.8);
                display: flex;
                justify-content: flex-end;
                align-items: center;
                svg {
                    margin-right: 15px;
                    fill: #d1d1d1;
                }
                svg:hover {
                    fill: #fff;
                    cursor: pointer;
                }
            }
        }
        .notBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 30px);
            min-height: 300px;
        }
    }
}
.custom-dialog {
    overflow: hidden !important;
    .el-dialog__body {
        padding: 0;
    }
    .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);
        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: '方正兰亭细黑简体';
            span:nth-child(2):hover {
                cursor: pointer;
            }
        }
        .el-dialog__title,
        .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: '方正兰亭细黑简体';
        }
    }
}
.examination {
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    // color: #fff;
    font-weight: 900;
    font-size: 16px;
    font-family: '方正兰亭细黑简体';
    span:nth-child(2):hover {
        cursor: pointer;
    }
}
//   @font-face {
//     font-family: '方正仿宋';
//     src: url('./Fonts/FZFSK.TTF');
//   }
//   @font-face {
//     font-family: '方正兰亭刊黑';
//     src: url('./Fonts/FZLTKHK.TTF');
//   }
//   @font-face {
//     font-family: '方正书宋';
//     src: url('./Fonts/FZSSK.TTF');
//   }
//   @font-face {
//     font-family: '方正细等线';
//     src: url('./Fonts/FZXDXK.TTF');
//   }
@font-face {
    font-family: '方正中等线';
    src: url('./Fonts/FZZDXK.TTF');
}
@font-face {
    font-family: '方正准雅宋';
    src: url('./Fonts/FZZYSJW.TTF');
}
@font-face {
    font-family: '汉仪大宋';
    src: url('./Fonts/hya4gjm.ttf');
}
@font-face {
    font-family: '方正新报宋简体';
    src: url('./Fonts/FZNBSJW.TTF');
}
@font-face {
    font-family: '方正兰亭中黑简体';
    src: url('./Fonts/FZLTZHJW.ttf');
}
@font-face {
    font-family: '方正兰亭细黑简体';
    src: url('./Fonts/FZLTXIHJW.ttf');
}
@font-face {
    font-family: '方正黑体简体';
    src: url('./Fonts/FZHTJW.ttf');
}
// 隐藏页面
.hidePage {
    min-height: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
}
/* 媒体查询做基础响应式布局 */
@media screen and (max-width: 1024px) {
    .pdfModal {
        width: 100%;
        height: 80vh;
    }
    h1 {
        font-size: 1.1em;
    }
    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}
@media screen and (max-width: 800px) {
    .pdfModal {
        width: 100%;
        height: 60vh;
    }
    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}
@media (max-width: 660px) {
    .practicalCareChildrenManual {
        /* 分页padding */
        .padding-93 {
            padding: 0 20px;
        }
        .padding-102 {
            padding: 0 20px;
        }
        .page-box {
            min-height: 500px;
        }
        .img-float {
            width: 130px;
        }
        .img-rights {
            width: 130px;
        }
        .btn-w {
            width: 42px;
        }
        .pad-l-60 {
            padding-left: 10px;
        }
        .mr-70 {
            margin-right: 15px;
        }
        h1 {
            font-size: 1.1em;
        }
    }
}
@media (min-width: 660px) {
    .practicalCareChildrenManual {
        .padding-93 {
            padding: 0 93px 0px 93px;
        }
        .padding-102 {
            padding: 0 102px 0 102px;
        }
    }
}
::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}
::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}
src/books/practicalCareChildrenManual/assets/question.js
New file
@@ -0,0 +1,14 @@
const testData = {
  2: {
    15: [
      144366, 144368, 144369, 144371, 144373, 144375, 144377, 144378, 144379,
      144381, 144383, 144385, 144387, 144388, 144469, 144471, 144473, 144476,
      144477, 144481, 144488, 144491, 144493, 144496, 144508, 144509, 144510,
      144511, 144512, 144513, 144514, 144516, 144518, 144520, 144521, 144524,
      144526, 144527, 144529, 144530, 144531, 144534, 144537, 144538, 144540,
      144542,
    ],
  },
};
export default testData;
src/books/practicalCareChildrenManual/view/components/chapter001.vue
New file
@@ -0,0 +1,1255 @@
<template>
    <div class="chapter" num="2">
        <!-- 1页 -->
        <div class="page-box" page="4">
            <div v-if="showPageList.indexOf(4) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>1</span>
                    </li>
                </ul>
                <div class="rw-bg">
                    <div class="bj4">
                        <div class="bj5">
                            <h2 id="b001" class="">模块一</h2>
                            <h2 id="b001" class="">盥洗照护</h2>
                        </div>
                    </div>
                </div>
                <div class="bodystyle">
                    <h3 id="c001" class="center">实训项目一 洗手照护</h3>
                    <h4 id="d053">一、实训目的</h4>
                    <p>1.掌握七步洗手法的标准流程。</p>
                    <p>2.能进行婴幼儿洗手的指导。</p>
                    <p>3.体现婴幼儿洗手的回应性照护。</p>
                    <h4 id="d054">二、技能点</h4>
                    <p>1.七步洗手法。</p>
                    <p>2.婴幼儿洗手照护的指导流程。</p>
                    <p>3.回应性洗手的指导理念。</p>
                    <h4 id="d055">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d056">四、实训设备及材料</h4>
                    <p>婴幼儿模型、洗手液、毛巾等。</p>
                    <h4 id="d057">五、操作流程及要求</h4>
                    <h5 id="e185">(一)七步洗手法的操作流程及要求</h5>
                    <p>七步洗手法的操作流程及要求见表1-1-1。</p>
                    <p class="img">表1-1-1 七步洗手法的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-01.png" /></p>
                </div>
            </div>
        </div>
        <!-- 2页 -->
        <div class="page-box" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>2</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-02.png" /></p>
                    <checkVideo :videoPath="videoData[0].videoSrc" :videoName="videoData[0].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideo"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h5 id="e186">(二)指导幼儿自主洗手的操作流程及要求</h5>
                    <p>指导幼儿自主洗手的操作流程及要求见表1-1-2。</p>
                    <p class="img">表1-1-2 指导幼儿自主洗手的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0007-2.jpg" /></p>
                    <h4 id="d058">六、注意事项</h4>
                    <p>1.保证洗手环境卫生、整洁、安全、舒适。</p>
                    <p>2.按照七步洗手法洗手需要保证每个环节都在15秒以上。</p>
                    <p>3.洗手后应尽量避免手部的二次污染。</p>
                    <p>4.指导幼儿洗手过程中注重与幼儿语言、动作和表情的交流,体现回应性照护。</p>
                </div>
            </div>
        </div>
        <!-- 3页 -->
        <div class="page-box" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>3</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d059">七、实训自评</h4>
                    <p>七步洗手法的实训自评表和指导幼儿自主洗手的实训自评表见表1-1-3和表1-1-4。</p>
                    <p class="img">表1-1-3 七步洗手法的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mb-20 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0"> 1.将洗手液放在工作区域。</p>
                                <p class="td-0"> 2.打开水龙头,不要开得过大,水流适中。</p>
                                <p class="td-0"> 3.身体前倾,双手向下,挽好衣袖。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确,流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.three"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableOne.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <p class="img">表1-1-4 指导幼儿自主洗手的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0"> 1.将洗手液放在幼儿方便操作的位置。</p>
                                <p class="td-0"> 2.将毛巾和抹布挂好,并将毛巾放在幼儿能自主拿取的高度。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确,流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.three"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.指导流畅,体现回应性照护。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableTwo.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 4页 -->
        <div class="page-box" page="7">
            <div v-if="showPageList.indexOf(7) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>4</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c001" class="center">实训项目二 面部清洁照护</h3>
                    <h4 id="d060">一、实训目的</h4>
                    <p>1.掌握婴幼儿面部清洁的安全要求。</p>
                    <p>2.掌握婴幼儿面部清洁的标准流程。</p>
                    <p>3.体现婴幼儿面部清洁回应性理念。</p>
                    <h4 id="d061">二、技能点</h4>
                    <p>1.面部清洁的安全要求。</p>
                    <p>2.面部清洁的顺序。</p>
                    <p>3.面部清洁的回应性照护。</p>
                    <h4 id="d062">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d063">四、实训设备及材料</h4>
                    <p>婴幼儿模型、医用棉签、小毛巾等。</p>
                    <h4 id="d064">五、操作流程及要求</h4>
                    <p>面部清洁照护的操作流程及要求见表1-2-1。</p>
                    <p class="img">表1-2-1 面部清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-01.png" /></p>
                </div>
            </div>
        </div>
        <!-- 5页 -->
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>5</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-02.png" /></p>
                    <checkVideo :videoPath="videoData[1].videoSrc" :videoName="videoData[1].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoOne"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h4 id="d065">六、注意事项</h4>
                    <p>1.操作时把小毛巾蘸湿,不要太湿,以不滴水为宜。</p>
                    <p>2.面部清洁手法要轻柔,不能强行擦拭。</p>
                    <p>3.婴幼儿不配合时,先暂停,安抚后再进行。</p>
                    <p>4.面部清洁过程中注重与婴幼儿语言、动作和表情的交流,体现回应性照护。</p>
                    <h4 id="d066">七、实训自评</h4>
                    <p>面部清洁照护的实训自评表见表1-2-2。</p>
                    <p class="img">表1-2-2 面部清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0"> 1.物品准备齐全。</p>
                                <p class="td-0"> 2.将手部清洗干净。</p>
                                <p class="td-0"> 3.室内温度适宜。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确,流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableThree.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableThree.four" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableThree.five" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableThree.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 6页 -->
        <div class="page-box" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>6</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c003" class="center">实训项目三 口腔清洁照护</h3>
                    <h4 id="d067">一、实训目的</h4>
                    <p>1.掌握婴幼儿口腔清洁前的准备工作。</p>
                    <p>2.掌握婴幼儿口腔清洁的操作流程。</p>
                    <p>3.体现婴幼儿口腔清洁的回应性照护。</p>
                    <h4 id="d068">二、技能点</h4>
                    <p>1.口腔清洁前的准备工作。</p>
                    <p>2.口腔清洁的操作流程。</p>
                    <p>3.口腔清洁的回应性照护。</p>
                    <h4 id="d069">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d070">四、实训设备及材料</h4>
                    <p>婴幼儿模型、纱布、指套牙刷等。</p>
                    <h4 id="d071">五、操作流程及要求</h4>
                    <h5 id="e187">(一)1岁以下婴儿口腔清洁照护的操作流程及要求</h5>
                    <p>1岁以下婴儿口腔清洁照护的操作流程及要求见表1-3-1。</p>
                    <p class="img">表1-3-1 1岁以下婴儿口腔清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0011-1.jpg" /></p>
                    <checkVideo :videoPath="videoData[2].videoSrc" :videoName="videoData[2].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoTwo"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                </div>
            </div>
        </div>
        <!-- 7页 -->
        <div class="page-box" page="10">
            <div v-if="showPageList.indexOf(10) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>7</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e188">(二)1~3岁幼儿口腔清洁照护的操作流程及要求</h5>
                    <p>1~3岁幼儿口腔清洁照护的操作流程及要求见表1-3-2。</p>
                    <p class="img">表1-3-2 1~3岁幼儿口腔清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0012-1.jpg" /></p>
                    <h4 id="d072">六、注意事项</h4>
                    <p>1.刷牙时长要控制在2~3分钟,每日早晚各一次。</p>
                    <p>2.刷牙的时间要固定,建议进食后半小时。</p>
                    <p>3.口腔清洁过程中注重与婴幼儿语言和表情的交流,体现回应性照护。</p>
                    <h4 id="d073">七、实训自评</h4>
                    <p>1岁以下婴儿口腔清洁照护的实训自评表和1~3岁幼儿口腔清洁照护的实训自评表见表1-3-3和表1-3-4。</p>
                    <p class="img">表1-3-3 1岁以下婴儿口腔清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">将婴儿抱到护理台上,并将纱布、指套牙刷等放在工作区域。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确,流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableFour.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableFour.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 8页 -->
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>8</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-3-4 1~3岁幼儿口腔清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">手部清洁,将牙齿模型、牙刷杯、牙刷和含氟牙膏等放在工作区域。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确,流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableFive.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableFive.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <h3 id="c004" class="center">实训项目四 臀部清洁照护</h3>
                    <h4 id="d074">一、实训目的</h4>
                    <p>1.掌握婴幼儿臀部清洁前的准备工作。</p>
                    <p>2.掌握不同性别婴幼儿臀部清洁的操作流程。</p>
                    <p>3.体现婴幼儿臀部清洁的回应性照护。</p>
                    <h4 id="d075">二、技能点</h4>
                    <p>1.臀部清洁的准备工作。</p>
                    <p>2.臀部清洁的操作流程。</p>
                    <p>3.臀部清洁的回应性照护。</p>
                    <h4 id="d076">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d077">四、实训设备及材料</h4>
                    <p>婴幼儿模型、洗手液、纱布等。</p>
                    <h4 id="d078">五、操作流程及要求</h4>
                    <p>臀部清洁照护的操作流程及要求见表1-4-1。</p>
                </div>
            </div>
        </div>
        <!-- 9页 -->
        <div class="page-box" page="12">
            <div v-if="showPageList.indexOf(12) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>9</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-4-1 臀部清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0014-1.jpg" /></p>
                    <checkVideo :videoPath="videoData[3].videoSrc" :videoName="videoData[3].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoThree"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <checkVideo :videoPath="videoData[4].videoSrc" :videoName="videoData[4].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFour"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h4 id="d079">六、注意事项</h4>
                    <p>1.打开纸尿裤后,先用纸尿裤前端的干净部分擦拭臀部的粪便,预处理后再用湿纸巾擦拭。</p>
                    <p>2.由相对干净的地方朝向脏的地方擦拭,不来回擦。</p>
                    <p>3.男婴幼儿从出生到3岁前,包皮与龟头一直都是粘连的,不能上翻,表现为包皮过长或包茎,这是一种正常现象。</p>
                    <p>4.清洁女婴幼儿的外阴部,注意由前往后擦洗。</p>
                    <h4 id="d080">七、实训自评</h4>
                    <p>臀部清洁照护的实训自评表见表1-4-2。</p>
                </div>
            </div>
        </div>
        <!-- 10页 -->
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>10</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-4-2 臀部清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">1.环境准备适宜。</p>
                                <p class="td-0">2.物品准备齐全。</p>
                                <p class="td-0">3.手部清洁消毒。</p>
                                <p class="td-0">4.提前测试水温。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确,流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">20</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.three"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableSix.six" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <h3 id="c005" class="center">实训项目五 身体清洁照护</h3>
                    <h4 id="d081">一、实训目的</h4>
                    <p>1.掌握婴幼儿身体清洁前的准备工作。</p>
                    <p>2.掌握婴幼儿身体清洁的操作流程。</p>
                    <p>3.体现婴幼儿身体清洁的回应性照护。</p>
                    <h4 id="d082">二、技能点</h4>
                    <p>1.身体清洁的准备工作。</p>
                    <p>2.身体清洁的操作流程。</p>
                    <p>3.身体清洁的回应性照护。</p>
                    <h4 id="d083">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d084">四、实训设备及材料</h4>
                    <p>婴幼儿模型、浴巾、棉签等。</p>
                    <h4 id="d085">五、操作流程及要求</h4>
                    <p>身体清洁照护的操作流程及要求见表1-5-1。</p>
                </div>
            </div>
        </div>
        <!-- 11页 -->
        <div class="page-box" page="14">
            <div v-if="showPageList.indexOf(14) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>11</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-5-1 身体清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0016-1.jpg" /></p>
                    <checkVideo :videoPath="videoData[5].videoSrc" :videoName="videoData[5].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFive"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h4 id="d086">六、注意事项</h4>
                    <p>1.婴幼儿沐浴于喂奶后1小时进行,以免呕吐和溢乳。</p>
                    <p>2.如果婴幼儿的臀部有大便,则洗净臀部后再放入浴盆沐浴。</p>
                    <p>3.为婴幼儿洗头时,不能用指甲抓洗头部,也不能强行剥去婴幼儿头部的皮脂。</p>
                </div>
            </div>
        </div>
        <!-- 12页 -->
        <div class="page-box" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>12</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d087">七、实训自评</h4>
                    <p>身体清洁照护的实训自评表见表1-5-2。</p>
                    <p class="img">表1-5-2 身体清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">环境准备、自身准备、物品准备、水温合适。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSeven.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确,流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSeven.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">20</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableSeven.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableSeven.four" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableSeven.five" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableSeven.six" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="question-box">
                        <div class="question-title">
                            <p class="question-title-name">
                                题库: {{ chapter001.question[1].questionTitleMain }}
                            </p>
                            <p class="question-title-img" @click="openQuestion(1)">
                                <img :src=questionIcon alt="">
                                <span>练习</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
            :questionTitle="questionTitleMain" ref="dialogRef">
        </dialogExaminations>
    </div>
</template>
<script>
import checkVideo from "@/components/checkVideo/index.vue";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
        interfaceQuestion: {
            type: Object,
        },
    },
    components: {
        checkVideo,
        dialogExaminations
    },
    data() {
        return {
            questionIcon: require("../../assets/images/icon/lianxi.png"),
            bookIdSrc: this.config.activeBook.bookId,
            videoData: [
                {
                    videoSrc: "EABEB668DFE955B0DC3ABB3122A3B6EC",
                    videoNameSrc: "七步洗手法",
                },
                {
                    videoSrc: "11B38C9694A54E9296D052DBBF7BD99C",
                    videoNameSrc: "面部清洁的流程",
                },
                {
                    videoSrc: "F60948EAB7B9A40A9A5CBD7042D8C509",
                    videoNameSrc: "刷牙指导",
                },
                {
                    videoSrc: "5EFDFD4AA4CD1C4BBC8F508A1D02CB9E",
                    videoNameSrc: "男童臀部清洁的流程",
                },
                {
                    videoSrc: "4E5831A929878FB5A62FDB84840095E3",
                    videoNameSrc: "女童臀部清洁的流程",
                },
                {
                    videoSrc: "B4EDCD6EEAD4195DBA09E10AD721D7DF",
                    videoNameSrc: "身体清洁的流程",
                },
            ],
            chapterData: {
                isCollectVideo: false,
                isCollectVideoOne: false,
                isCollectVideoTwo: false,
                isCollectVideoThree: false,
                isCollectVideoFour: false,
                isCollectVideoFive: false,
            },
            tableData: {
                tableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableFive: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableSix: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
                tableSeven: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
            },
            // 题目相关
            dialogVisibleOne: false,
            themeColor: "#03AFED",
            questionNum: 0,
            questionTitleMain: "",
            chapter001: {
                question: {
                    1: {
                        questionTitleMain: "盥洗照护",
                        questionNum: 15,
                    },
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("practicalCareChildrenManual-book-chapter01-tableData");
        if (bookQuestion) {
            this.tableData = JSON.parse(bookQuestion);
        }
        const choiceQuestion = localStorage.getItem("practicalCareChildrenManual-book-chapter001-video");
        if (choiceQuestion) {
            this.chapterData = JSON.parse(choiceQuestion);
        }
    },
    methods: {
        saveVideoStatus() {
            this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
            localStorage.setItem(
                "practicalCareChildrenManual-book-chapter001-video",
                JSON.stringify(this.chapterData)
            );
        },
        setBookQuestion() {
            localStorage.setItem(
                "practicalCareChildrenManual-book-chapter01-tableData",
                JSON.stringify(this.tableData)
            );
        },
        openQuestion(num) {
            if (num) {
                this.questionNum = this.chapter001.question[num].questionNum;
                this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
                this.$refs.dialogRef.openDialogQuestion();
            }
        },
    }
};
</script>
<style lang="less" scoped></style>
src/books/practicalCareChildrenManual/view/components/header.vue
New file
@@ -0,0 +1,61 @@
<template>
    <div class="chapter" num="1">
        <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
            <div v-if="showPageList.indexOf(1) > -1">
                <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
            </div>
        </div>
        <div class="page-box mt-20" page="2" style="padding-bottom: 0px">
            <div v-if="showPageList.indexOf(2) > -1">
                <img class="img-0" alt="" src="../../assets/images/0002-1.jpg" />
            </div>
        </div>
        <!-- 介绍页面 -->
        <div class="page-box" page="3">
            <div v-if="showPageList.indexOf(3) > -1">
                <div style="max-width: 400px; margin: 0 10%; padding: 50% 0 10% 0">
                    <p><b>图书在版编目(CIP)数据</b></p>
                    <p>婴幼儿照护实务/赵青主编.—北京:北京师范大学出版社,2023.8(2025.1重印)</p>
                    <p>ISBN 978-7-303-28456-6</p>
                    <p>Ⅰ.①婴… Ⅱ.①赵… Ⅲ.①婴幼儿-哺育-高等职业教育-教材 Ⅳ.①TS976.31</p>
                    <p>中国版本图书馆CIP数据核字(2022)第242759号</p>
                    <hr class="img-0" />
                    <p class="td-0">出版发行:北京师范大学出版社:https//www.bnupg.com</p>
                    <p class="td-0 fz-14 block3">     北京市西城区新街口外大街12-3号</p>
                    <p class="td-0 fz-14 block3">     邮政编码:100088</p>
                    <p class="td-0 fz-14 block3">印  刷:优奇仕印刷河北有限公司</p>
                    <p class="td-0 fz-14 block3">经  销:全国新华书店</p>
                    <p class="td-0 fz-14 block3">开  本:889mm×1194mm 1/16</p>
                    <p class="td-0 fz-14 block3">印  张:4</p>
                    <p class="td-0 fz-14 block3">字  数:84千字</p>
                    <p class="td-0 fz-14 block3">版  次:2023年8月第1版</p>
                    <p class="td-0 fz-14 block3">印  次:2025年1月第3次印刷</p>
                    <p class="td-0 fz-14 block3">定  价:59.80元(含实训指导手册)</p>
                    <hr class="img-0" />
                    <p class="td-0">策划编辑:罗佩珍       责任编辑:宋星</p>
                    <p class="td-0">美术编辑:焦丽        装帧设计:焦丽</p>
                    <p class="td-0">责任校对:陈荟 申立莹    责任印制:赵龙</p>
                    <p class="td-0"><b>版权所有 侵权必究</b></p>
                    <p class="td-0 fz-10">读者服务电话:010-58806806</p>
                    <p class="td-0 fz-10">如发现印装质量问题,影响阅读,请联系印制管理部:010-58800608</p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: "pageHeader",
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {};
    },
};
</script>
<style lang="less" scoped></style>
src/books/practicalCareChildrenManual/view/components/index.vue
New file
@@ -0,0 +1,1008 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize + 'px',
        transform: `scale(${pageZoom})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"
      ></chapterOne>
      <!-- <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
      ></chapterTwo>
      <chapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
      ></chapterThree>
      <chapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
      ></chapterFour>
      <chapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
      ></chapterFive>
      <chapterSix v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList" >
      </chapterSix>
      <chapterSeven  v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList" >
      </chapterSeven> -->
    </div>
  </div>
</template>
<script>
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
// import chapterTwo from "./chapter002.vue";
// import chapterThree from "./chapter003.vue";
// import chapterFour from "./chapter004.vue";
// import chapterFive from "./chapter005.vue";
// import chapterSix from "./chapter006.vue";
// import chapterSeven from "./chapter007.vue";
import NoteIcon from "@/assets/images/biji.png";
import getQuestionList from "@/assets/methods/examination";
import testData from "../../assets/question";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "pageContent",
  data() {
    return {
      catalogLength: 2, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
      previousScrollTop: 0,
      throttledScrollHandler: null,
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionDataMap: {},
      renderSignMap: {},
      highlightData: null,
      audioPath: "",
      currentTime: null,
      videoList: [],
    };
  },
  computed: {
    fontSize() {
      this.transformDom(this.$store.state.qiankun.fontSize);
      return this.$store.state.qiankun.fontSize
        ? this.$store.state.qiankun.fontSize
        : 14;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale
        ? this.$store.state.qiankun.scale / 100
        : 1;
    },
  },
  watch: {
    showCatalogList: {
      handler(newVal, oldVal) {
        if (
          this.$store.state.qiankun &&
          this.$store.state.qiankun.catalogChange
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal,
          });
        }
        // 启动页码观察
        setTimeout(() => {
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
        setTimeout(() => {
          this.transformDom(this.$store.state.qiankun.fontSize);
          this.initSwiper();
          this.initViewer();
          this.closeAudio();
          this.closeVideo();
        }, 200);
      },
    },
    pageZoom: {
      handler(newVal, oldVal) {
        const scrollBox = (
          this.container ? this.container : document
        ).querySelector(".page-main");
        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
      },
    },
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [1];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
      this.throttleThreshold,
      { leading: true, trailing: false }
    );
    // 定义子层方法
    if (this.setGlobalState) {
      // 提供页面跳转功能
      this.setGlobalState({
        gotoPage: (catalog, page) => {
          this.gotoPage(catalog, page);
        },
        // 渲染笔记、高亮、划线
        renderSign: (type, data) => {
          // 因为调整为页面懒加载,所以渲染标记也需要按照页面进行处理,先储存数据,页面加载完成再渲染对应的标记;
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        // 全文检索
        searchBookByKeyword: (keyword) => {
          return this.searchTextByPage(keyword);
        },
        // 跳转检索结果位置
        jumpSearchItem: (data) => {
          this.searchItemLocation(data);
        },
      });
    }
    // 创建一个新的 Intersection Observer 实例,用于观察目标元素和执行相应的回调函数。
    // new IntersectionObserver(callback, options):使用之前定义的 callback 回调函数和 options 配置选项来初始化 Intersection Observer 实例。
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素,这里设为 null,表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界,这里设为 "0px",表示根元素的边界和视窗的边界重合
      threshold: 0.5, // 指定交叉比例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });
    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // 指定根元素,这里设为 null,表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界,这里设为 "0px",表示根元素的边界和视窗的边界重合
      threshold: 0, // 指定交叉比例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });
    // 启动页码观察
    setTimeout(() => {
      this.initObservation();
      this.initThemeColor();
    }, 500);
    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(2, 15);
    //   //   setTimeout(() => {
    //   //     this.renderSign("Highlight", {
    //   //       id: "2ACA9359",
    //   //       txt: "题一学习主题一 运动",
    //   //       page: "10",
    //   //       type: "Highlight",
    //   //       color: "#F5E12A"
    //   //     });
    //   // setTimeout(() => {
    //   //   this.delSign({
    //   //     ids: ["2ACA9359"]
    //   //   });
    //   // }, 2000);
    // }, 500);
    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500);
  },
  methods: {
    // setZoom1() {
    //   let scale = this.$store.state.qiankun.scale + 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // setZoom2() {
    //   let scale = this.$store.state.qiankun.scale - 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // 滚动监听
    scrollFun(event) {
      this.handleVideoPicture();
      // 判断向上滚动还是向下滚动
      if (event.target.scrollTop > this.previousScrollTop) {
        this.getAduio();
        // 向下
        const currentScrollTop =
          event.target.scrollTop + event.target.offsetHeight;
        if (
          currentScrollTop >=
          event.target.scrollHeight - this.loadThreshold
        ) {
          console.log(1);
          // 到达阈值
          if (
            this.showCatalogList[this.showCatalogList.length - 1] <
            this.catalogLength
          ) {
            // 加载下一章
            this.showCatalogList.push(
              this.showCatalogList[this.showCatalogList.length - 1] + 1
            );
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏顶部一章
              this.showCatalogList.shift();
            }
          }
        }
      } else if (event.target.scrollTop < this.previousScrollTop) {
        this.handleAudio();
        // 向上
        const currentScrollTop = event.target.scrollTop;
        if (currentScrollTop <= this.loadThreshold) {
          // 到达阈值
          if (this.showCatalogList[0] > 0) {
            // 加载上一章
            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏底部一章
              this.showCatalogList.pop();
            }
          }
        }
      }
      // showCatalogList 当前显示的三个章节,watch监听传递给主应用
      // 更新上一次滚动的位置
      this.previousScrollTop = event.target.scrollTop;
    },
    // 章节、页面跳转
    gotoPage(catalog, page) {
      if (catalog >= 0 && catalog <= this.catalogLength) {
        // 处理渲染章节
        if (catalog == 0) {
          this.showCatalogList = [0, 1];
        } else if (catalog == this.catalogLength) {
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
        }
        setTimeout(() => {
          // 跳转页码
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`);
          if (pageDom) {
            pageDom.scrollIntoView();
          } else {
            console.log("页码错误!");
          }
        }, 500);
      } else {
        console.log("章节错误!");
      }
    },
    // 处理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // 立即渲染
        this.renderSign(type, data);
      }
      // 储存数据
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
      this.renderSignMap[type][data.page].push(data);
    },
    // 渲染标记
    renderSign(type, data) {
      // 父层设置禁止渲染标记时不再进行渲染
      if (this.$store.state.qiankun.disableSign) {
        return false;
      }
      const existence = (
        this.container ? this.container : document
      ).querySelector(`[dataid="${data.id}"]`);
      // 去重
      if (!existence) {
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // 创建 createTreeWalker 迭代器,用于遍历文本节点,保存到一个数组
        const treeWalker = document.createTreeWalker(
          pageDom,
          NodeFilter.SHOW_TEXT
        );
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
          allTextNodes.push(currentNode);
          currentNode = treeWalker.nextNode();
        }
        for (let i = 0; i < allTextNodes.length; i++) {
          const textDom = allTextNodes[i];
          if (textDom.textContent.indexOf(data.txt) > -1) {
            let reg = new RegExp(`${data.txt}`, "ig");
            switch (type) {
              case "Highlight":
                // 高亮
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Dashing":
                // 划线
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Note":
                // 笔记
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
                  );
                break;
            }
          }
        }
      }
    },
    // 删除标记渲染
    delSign({ ids, type }) {
      if (ids && ids.length) {
        for (let i = 0; i < ids.length; i++) {
          const id = ids[i];
          const dom = (
            this.container ? this.container : document
          ).querySelector(`[dataid="${id}"]`);
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
      if (type) {
        const doms = (
          this.container ? this.container : document
        ).querySelectorAll(`[datatype="${type}"]`);
        for (let i = 0; i < doms.length; i++) {
          const dom = doms[i];
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
    },
    initObservation() {
      const sections = (
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      sections.forEach((section) => {
        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
          const page = section.getAttribute("page");
          if (Number(page) > this.config.activeBook.tryPageCount) {
            let chapterDom = this.getParentWithClass(section, "chapter");
            const chapterNum = chapterDom.getAttribute("num");
            this.catalogLength = Number(chapterNum) - 1;
            section.remove();
            return false;
          }
        }
        // observer 观察每个元素,以便在它们进入或离开视窗时触发回调函数。
        const isObserver = section.getAttribute("observer");
        const isLoadObserver = section.getAttribute("loadObserver");
        if (!isObserver) {
          this.observer.observe(section);
          section.setAttribute("observer", "1");
        }
        if (!isLoadObserver) {
          this.loadPageObserver.observe(section);
          section.setAttribute("loadObserver", "1");
        }
      });
    },
    initThemeColor() {
      // 获取各种需要主题色的节点
      const colorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-color");
      const backgroundColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-back");
      const borderColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-border");
      // 获取配置的主题色
      const bookThemeColor =
        this.config.activeBook && this.config.activeBook.bookThemeColor
          ? this.config.activeBook.bookThemeColor
          : null;
      const chapterThemeColor =
        this.config.activeBook && this.config.activeBook.chapterThemeColor
          ? this.config.activeBook.chapterThemeColor
          : null;
      const pageThemeColor =
        this.config.activeBook && this.config.activeBook.pageThemeColor
          ? this.config.activeBook.pageThemeColor
          : null;
      colorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
      });
      backgroundColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
      });
      borderColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    pageChangeCallback(entries, observer) {
      //entries:代表观察到的目标元素的集合。 observer:代表观察者对象。
      entries.forEach((entry) => {
        //entry.isIntersecting:检查当前目标元素是否与根元素相交。
        if (entry.isIntersecting) {
          const target = entry.target;
          //entry.target:获取当前目标元素
          const page = target.getAttribute("page");
          const catalogDom = this.tool.getParentNodeByClassName(
            target,
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 50);
          }
          // 返回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections:获取所有具有 .section 类名的元素,并转换为数组。
          // let index = sections.findIndex((section) => section === target) + 1;
          //index:查找当前目标元素在 sections 数组中的索引,并加 1,用于确定当前页码。
        }
      });
    },
    loadPageCallback(entries, observer) {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting) {
          const target = entry.target;
          const page = target.getAttribute("page");
          if (this.loadPageList.indexOf(Number(page)) == -1) {
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
            );
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            if (!this.questionDataMap[page]) {
              if (testData && testData[catalog]) {
                if (testData[catalog][page]) {
                  if (Array.isArray(testData[catalog][page])) {
                    this.questionDataMap[page] = await getQuestionList(
                      page,
                      testData[catalog][page],
                      this.config.activeBook
                    );
                  } else {
                    const obj = {};
                    for (let key in testData[catalog][page]) {
                      obj[key] = await getQuestionList(
                        [],
                        testData[catalog][page][key],
                        this.config.activeBook
                      );
                    }
                    this.questionDataMap[page] = obj;
                  }
                  console.log("题目", this.questionDataMap);
                }
              }
            }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            // 处理高亮
            if (this.highlightData) {
              // 高亮行
              setTimeout(() => {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(
                  target,
                  NodeFilter.SHOW_TEXT
                );
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
                while (currentNode) {
                  allPageTextNodes.push(currentNode);
                  currentNode = pageTextList.nextNode();
                }
                for (let i = 0; i < allPageTextNodes.length; i++) {
                  const textDom = allPageTextNodes[i];
                  let txtIndex = textDom.textContent.indexOf(
                    this.highlightData.txt
                  );
                  if (txtIndex > -1) {
                    textDom.parentNode.style.transition =
                      "background-color 0.8s";
                    textDom.parentNode.scrollIntoView();
                    textDom.parentNode.style.backgroundColor = "#79bbf0";
                    setTimeout(() => {
                      textDom.parentNode.style.backgroundColor = "";
                    }, 1000);
                  }
                }
              }, 100);
            }
            if (this.loadPageList.length > 5) {
              // 超过5页
              this.loadPageList.shift();
            }
          }
        }
      });
    },
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          // observer: true,
          // observeParents: true
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper_ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on: {
            init: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数)
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
            slideChange: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数)
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
          },
        });
      }
    },
    initViewer() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".openImgBox");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Viewer(dom, {
          container: this.container
            ? this.container.querySelector("#app")
            : "body",
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true, // 显示标题
        });
      }
    },
    // 根据关键字全文检索
    searchTextByPage(keyword) {
      const searchResult = [];
      let catalogIndex = 0;
      // 所有章节组件(每本书制作时单独配置)
      const pageData = {
        pageHeader,
        chapterOne,
        // chapterTwo,
        // chapterThree,
        // chapterFour,
        // chapterFive,
        // chapterSix,
        // chapterSeven
      };
      // 遍历所有章节文件
      for (const key in pageData) {
        catalogIndex++;
        let pageComponent, pageExample;
        // 先渲染一次当前章节文件(这时页面的内容为空),获取页码信息
        pageComponent = Vue.extend(pageData[key]);
        pageExample = new pageComponent({
          propsData: {
            showPageList: [],
            questionData: {},
            isSearch: true,
          },
        });
        pageExample.$mount(
          (this.container ? this.container : document).querySelector(
            "#searchContent"
          )
        );
        // 获取页码
        const pageDom = (this.container ? this.container : document)
          .querySelector("#searchDomBox")
          .querySelectorAll(".page-box");
        const pages = [];
        for (let i = 0; i < pageDom.length; i++) {
          const pageDomItem = pageDom[i];
          pages.push(Number(pageDomItem.getAttribute("page")));
        }
        // 获取页面结束,卸载销毁
        pageExample.$destroy();
        (this.container ? this.container : document).querySelector(
          "#searchDomBox"
        ).innerHTML = '<div id="searchContent"></div>';
        // 遍历页码
        if (pages.length) {
          for (let i = 0; i < pages.length; i++) {
            const pageNum = pages[i];
            // 动态渲染对应章节的页码
            pageComponent = Vue.extend(pageData[key]);
            pageExample = new pageComponent({
              propsData: {
                showPageList: [pageNum],
                questionData: {},
                isSearch: true,
              },
            });
            pageExample.$mount(
              (this.container ? this.container : document).querySelector(
                "#searchContent"
              )
            );
            // 获取对应页面dom
            const thisPageDom = (this.container ? this.container : document)
              .querySelector("#searchDomBox")
              .querySelector(`[page="${pageNum}"]`);
            if (thisPageDom) {
              // 获取页面所有text节点
              const pageTextList = document.createTreeWalker(
                thisPageDom,
                NodeFilter.SHOW_TEXT
              );
              // 匹配关键字
              const allPageTextNodes = [];
              let currentNode = pageTextList.nextNode();
              while (currentNode) {
                allPageTextNodes.push(currentNode);
                currentNode = pageTextList.nextNode();
              }
              for (let i = 0; i < allPageTextNodes.length; i++) {
                const textDom = allPageTextNodes[i];
                let txtIndex = textDom.textContent.indexOf(keyword);
                if (txtIndex > -1) {
                  // 记录关键字所在页码、章节以及匹配到的段落
                  searchResult.push({
                    page: pageNum,
                    catalog: catalogIndex,
                    txt: textDom.textContent,
                    txtIndex: txtIndex,
                  });
                }
              }
              // 结束,卸载销毁
              pageExample.$destroy();
              (this.container ? this.container : document).querySelector(
                "#searchDomBox"
              ).innerHTML = '<div id="searchContent"></div>';
            }
          }
        }
      }
      // 输出搜索结果
      console.log(searchResult);
      return searchResult;
    },
    // 根据检索结果跳转对应位置并高亮
    searchItemLocation(data) {
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
    // 页面向下滚动,音频小窗播放功能
    getAduio() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      this.videoList = allVideo;
      if (allVideo.length) {
        // 查找播放状态的最后一条音频
        const playAudio = allVideo
          .reverse()
          .find((item) => item.paused == false);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap < 0) {
            playAudio.pause();
            this.audioPath = playAudio.src;
            this.currentTime = playAudio.currentTime;
          }
        }
      }
    },
    // 页面向上滚动,音频小窗回收
    handleAudio() {
      if (!this.audioPath) return false;
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      if (allVideo.length) {
        //查找与小窗播放音频同源的页面audio DOM
        const playAudio = allVideo.find((item) => item.src == this.audioPath);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap >= 0) {
            if (this.$refs.audioPlayer) {
              const playerState = this.$refs.audioPlayer.getVideoPlayer();
              this.audioPath = "";
              playAudio.currentTime = playerState.currentTime;
              if (!playerState.paused) playAudio.play();
            }
          }
        }
      }
    },
    // 关闭mini video
    closeMiniAudio() {
      this.audioPath = "";
    },
    // 点击音频播放,关闭其他音频
    closeAudio() {
      let allAudio = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      for (let index = 0; index < allAudio.length; index++) {
        const item = allAudio[index];
        item.addEventListener("play", () => {
          const audioList = Array.from(allAudio);
          for (let cindex = 0; cindex < audioList.length; cindex++) {
            const citem = audioList[cindex];
            if (citem.currentSrc != item.src) {
              citem.pause();
            }
          }
          this.closeMiniAudio();
        });
      }
    },
    // 点击视频关闭其他
    closeVideo() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".video");
      for (let index = 0; index < allVideo.length; index++) {
        const item = allVideo[index];
        item.addEventListener("playing", (item) => {
          const path = item.srcElement.src;
          const videoList = Array.from(allVideo);
          for (let cindex = 0; cindex < videoList.length; cindex++) {
            const citem = videoList[cindex];
            if (citem.currentSrc != path && path) {
              citem.pause();
            }
          }
        });
      }
    },
    // 视频小窗
    handleVideoPicture() {
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".video"
      );
      doms = Array.from(doms);
      if (!doms.length) return false;
      const playVudio = doms.reverse().find((item) => item.paused == false);
      if (playVudio) {
        const bottomGap = playVudio.getBoundingClientRect().bottom;
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) {
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            }
          } catch (error) {
            console.log(error, "小窗错误error");
          }
        }
      }
    },
    //其他类名下字体大小变化
    transformDom(fs) {
      if (!fs) return;
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".block"
      );
      if (!doms.length) return;
      for (let index = 0; index < doms.length; index++) {
        const dom = doms[index];
        dom.style.fontSize = fs + "px";
      }
    },
  },
  components: {
    pageHeader,
    chapterOne,
    // chapterTwo,
    // chapterThree,
    // chapterFour,
    // chapterFive,
    // chapterSix,
    // chapterSeven
  },
};
</script>
<style lang="less" scoped>
.page-main {
  width: 100% !important;
  height: 100% !important;
  overflow: auto;
  .page-content {
    max-width: 816px;
    min-width: 375px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
}
</style>
src/books/practicalCareChildrenManual/view/index.vue
New file
@@ -0,0 +1,80 @@
<template>
    <div class="practicalCareChildrenManual" @mouseup="handleMouseUp">
      <pageContent></pageContent>
    </div>
  </template>
  <script>
  import pageContent from "./components/index.vue";
  export default {
    name: "practicalCareChildrenManual",
    components: {
      pageContent,
    },
    computed: {
      fontSize() {
        return this.$store.state.qiankun.fontSize;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale / 100;
      },
    },
    methods: {
      getParentWithClass(element, className) {
        while (element.parentElement) {
          element = element.parentElement;
          if (element.classList.contains(className)) {
            return element;
          }
        }
      },
      handleMouseUp(e) {
        const selection = (
          this.container ? this.container : window
        ).getSelection();
        const txt = selection.toString();
        if (selection.type != "none" && txt) {
          let node = selection.anchorNode.parentNode;
          let pageHtml = this.getParentWithClass(
            selection.anchorNode,
            "page-box"
          );
          let chapterDom = this.getParentWithClass(
            selection.anchorNode,
            "chapter"
          );
          let chapterNum;
          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
          if (pageHtml) {
            const page = pageHtml.getAttribute("page");
            // 监听选中文本事件,并触发父层方法
            if (this.$store.state.qiankun.windowSelection) {
              this.$store.state.qiankun.windowSelection({
                chapterNum,
                txt,
                page,
                x: e.x,
                y: e.y,
              });
            }
          }
        } else {
          if (this.$store.state.qiankun.windowSelection) {
            this.$store.state.qiankun.windowSelection({
              chapterNum: "",
              txt: "",
              page: "",
              x: e.x,
              y: e.y,
            });
          }
        }
      },
    },
  };
  </script>
  <style lang="less">
  @import "../assets/main.less";
  </style>
src/books/preschoolEvaluation/view/components/header.vue
@@ -81,7 +81,7 @@
                            根据教育评价改革的新形势和现实需要,本次对如下方面的内容做了修订。</p>
                        <p class="fm-fzfs">1. 将党的二十大报告中有关学前教育评价的内容渗透到教材中。二十大报告提出加快建设高质量教育体系,发展素质教育,促进教育公平;还提出加强师德师风建设,培养高素质教师队伍。高质量教育体系离不开高素质教师队伍,本次修订特别关注了第八章幼儿教师发展评价,对第一节幼儿教师评价的指导思想、第三节幼儿教师专业知识评价均做了理念和知识上的修改;在第二节幼儿教师专业理念与师德评价中增加“陕甘宁边区保育院时期教师对幼儿态度与行为的评价”和“陕甘宁边区保育院时期对教师态度和修养的评价”两个案例;在第四节幼儿教师专业能力评价中增加“陕甘宁边区保育院时期对教师激励与评价能力的评价”和“陕甘宁边区保育院时期对教师反思与发展能力的评价”两个案例。同时,在第五章第三节观察与评价资料的收集中增加如何观察与评价大班幼儿积木建构游戏的案例,在第七章学前儿童发展评价中增加全面评价3~6岁幼儿发展检核表等。这些修订内容旨在引起大家对提升幼儿教师素质,强化师德师风建设,提高准幼儿教师分析问题、解决问题从而形成系统方法论能力的重视,以落实党的二十大有关教育精神。
                        </p>
                        <p class="fm-fzfs">2. 将《总体方案》和《评估指南》中的有关要求融入教材的相应章节。《总体方案》提出幼儿园教师评价突出保教实践,把以游戏为基本活动促进儿童主动学习和全面发展的能力作为关键指标。这一要求在第七章学前儿童发展评价和第八章幼儿教师发展评价中均有体现;《评估指南》的指导思想、基本原则、评估方式等在第一章学前教育评价概述、第五章学前教育评价资料收集、第六章学前教育评价资料统计与分析中体现突出,《评估指南》中五个方面的
                        <p class="fm-fzfs">2. 将《总体方案》和《评估指南》中的有关要求融入教材的相应章节。《总体方案》提出幼儿园教师评价突出保教实践,把以游戏为基本活动促进儿童主动学习和全面发展的能力作为关键指标。这一要求在第七章学前儿童发展评价和第八章幼儿教师发展评价中均有体现;《评估指南》的指导思想、基本原则、评估方式等在第一章学前教育评价概述、第五章学前教育评价资料收集、第六章学前教育评价资料统计与分析中体现突出,《评估指南》中五个方面的评估内容在教材的第三篇评价实践篇中重点贯彻。
                        </p>
                    </div>
                </div>
@@ -97,9 +97,6 @@
                    <img class="header-left-img" src="../../assets/images/yemei-left.png" alt="">
                </ul>
                <div style="padding: 0 0 10% 0; margin: 0 16%;">
                    <p class="td-0 fm-fzfs">
                        评估内容在教材的第三篇评价实践篇中重点贯彻。
                    </p>
                    <p class="fm-fzfs">3. 将原来的纸质版教材改为融媒体教材。本次修订增加二维码资源,涉及重要知识点微视频讲授、拓展知识等。这样的修改便于授课教师把握重要知识点,方便教师进行课程教学设计,也有利于同学们借助二维码资源进行拓展学习
                    </p>
                    <p class="fm-fzfs">4. 增加全国统考幼儿园教师资格考试真题以及全国幼儿教师技能大赛真题。本次修订在各个章节中增加了考试真题或大赛真题,并结合知识点对真题进行了分析,便于同学们学习时领会,灵活掌握课程教学知识。</p>
@@ -126,8 +123,6 @@
                        </p>
                        <p class="fm-fzfs">本书由评价理论篇、评价技术篇和评价实践篇构成。评价理论篇由第一章、第二章和第三章组成,评价技术篇由第四章、第五章和第六章组成,评价实践篇由第七章、第八章和第九章组成。评价理论篇着重对学前教育评价的产生与发展、意义与作用、原则、类型,主要理论基础和理论模式进行概述;评价技术篇着重围绕学前教育评价方案编制、评价资料收集与统计分析进行阐述,目的在于帮助学生初步掌握开展学前教育评价的方法;评价实践篇着重对学前教育发展中的核心要素——学前儿童发展、幼儿教师发展和幼儿园管理工作进行评价,试图将国家新颁布的有关学前教育的政策内容融入其中。总体来看,本书凸显出如下几个方面的特点。
                        </p>
                        <p class="fm-fzfs">第一,全面反映国家发展学前教育的新政策、新要求。全书在编写过程中
                        </p>
                    </div>
                </div>
            </div>
@@ -142,8 +137,8 @@
                    <img class="header-left-img" src="../../assets/images/yemei-left.png" alt="">
                </ul>
                <div style="padding: 0 0 10% 0; margin: 0 16%;">
                    <p class="td-0 fm-fzfs">
                        始终坚持以国家近几年新颁布的有关学前教育的政策文件为指导,各种评价方案的编制尽可能反映国家的相关要求,如对学前儿童身心发展诸方面的评价紧紧围绕《3—6岁儿童学习与发展指南》(以下简称《指南》)进行,《指南》的思想精神是指导我们开展学前儿童评价的依据;对幼儿教师专业发展的评价依托《幼儿园教师专业标准(试行)》中对幼儿教师提出的专业理念与师德、专业知识和专业能力三个方面的内容展开;对幼儿园管理工作的评价结合《学前教育督导评估暂行办法》《幼儿园教职工配备标准(暂行)》《托儿所幼儿园卫生保健管理办法》《幼儿园收费管理暂行办法》《幼儿园工作规程》等一系列有关幼儿园管理工作的政策文件;相关板块还融合了最新的教师资格考试大纲的要求,力图最大限度地反映国家发展学前教育的新精神。
                    <p class="fm-fzfs">
                        第一,全面反映国家发展学前教育的新政策、新要求。全书在编写过程中始终坚持以国家近几年新颁布的有关学前教育的政策文件为指导,各种评价方案的编制尽可能反映国家的相关要求,如对学前儿童身心发展诸方面的评价紧紧围绕《3—6岁儿童学习与发展指南》(以下简称《指南》)进行,《指南》的思想精神是指导我们开展学前儿童评价的依据;对幼儿教师专业发展的评价依托《幼儿园教师专业标准(试行)》中对幼儿教师提出的专业理念与师德、专业知识和专业能力三个方面的内容展开;对幼儿园管理工作的评价结合《学前教育督导评估暂行办法》《幼儿园教职工配备标准(暂行)》《托儿所幼儿园卫生保健管理办法》《幼儿园收费管理暂行办法》《幼儿园工作规程》等一系列有关幼儿园管理工作的政策文件;相关板块还融合了最新的教师资格考试大纲的要求,力图最大限度地反映国家发展学前教育的新精神。
                    </p>
                    <p class="fm-fzfs">第二,理论与实践密切结合。评价理论是指导评价实践的依据和先导,缺乏理论指导的实践可能沦为盲目的实践;反之,没有实践根基的理论也只能被视为空洞的理论。本教材在编写过程中时刻注意将理论指导与实践应用结合起来。比如,本教材论述了系统理论对学前教育评价的指导、量表理论和检验理论在学前教育评价中的具体应用、各种评价模式在学前教育实践中的具体运用,对学前教育评价类型的分析也基于大量的实践案例,学前教育评价方案的编制、评价资料的收集与处理也都凸显了理论与实践的结合。
                    </p>
src/books/preschoolEvaluation/view/components/index.vue
@@ -172,7 +172,7 @@
    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(11, 290);
      this.gotoPage(2, 18);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -935,7 +935,11 @@
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) playVudio.requestPictureInPicture();
            if (playVudio.readyState) {
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            }
          } catch (error) {
            console.log(error, "小窗错误error");
          }
src/books/toddlerGameImplementation/assets/main.less
@@ -278,9 +278,6 @@
    width: 30px;
  }
  .headerText-bc {
    width: 70px;
    color: #fff;
src/books/toddlerGameImplementation/view/components/index.vue
@@ -191,22 +191,22 @@
    }, 500);
    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(8, 183);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
      //       txt: "题一学习主题一 运动",
      //       page: "10",
      //       type: "Highlight",
      //       color: "#F5E12A"
      //     });
      // setTimeout(() => {
      //   this.delSign({
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
    }, 500);
    // setTimeout(() => {
    //   this.gotoPage(1, 5);
    //   //   setTimeout(() => {
    //   //     this.renderSign("Highlight", {
    //   //       id: "2ACA9359",
    //   //       txt: "题一学习主题一 运动",
    //   //       page: "10",
    //   //       type: "Highlight",
    //   //       color: "#F5E12A"
    //   //     });
    //   // setTimeout(() => {
    //   //   this.delSign({
    //   //     ids: ["2ACA9359"]
    //   //   });
    //   // }, 2000);
    // }, 500);
    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
src/components/checkVideo/index.vue
New file
@@ -0,0 +1,191 @@
<template>
    <div class="video-box">
        <div class="video-title">
            <p class="video-title-name">
                配套视频: {{ videoName }}
            </p>
            <p class="video-title-img">
                <img @click="isDisplay = !isDisplay" :src=videoIcon alt="">
                <el-tooltip class="item" effect="dark" :content="localIsCollectVideo ? '点击取消' : '点击收藏'"
                    placement="top-start">
                    <img :src="collectResourceList.findIndex(
                        (item) => item.id == videoPath
                    ) > -1
                        ? collectCheck
                        : collectImg
                        " alt="" class="collect-btn" @click="handleCollect()" />
                </el-tooltip>
            </p>
        </div>
        <div class="video-main" v-if="isDisplay">
            <video :src="videoPathSrc" 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"></video>
        </div>
    </div>
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    data() {
        return {
            videoIcon: require("../../assets/images/videoLogo.png"),
            collectCheck: require("../../assets/images/heart-check.png"),
            collectImg: require("../../assets/images/heart.png"),
            videoPathSrc: "",
            collectResourceList: [],
            localIsCollectVideo: this.isCollectVideo,
            isDisplay: true,
        };
    },
    props: {
        videoPath: {
            type: String,
            required: "",
        },
        videoName: {
            type: String,
            required: "",// 默认值
        },
        BookId: {
            type: String,
            required: "",// 默认值
        },
        isCollectVideo: {
            type: Boolean,
            required: false,// 默认值
        }
    },
    computed: {
        // currentQuestion() {
        //     return this.questions[this.currentIndex];
        // },
        // setHoverStyles() {
        //     return {
        //         "--hover-bg-color": this.hoverBackgroundColor,
        //         "--hover-color": this.hoverColor,
        //     };
        // },
        // mergedStyles() {
        //     // 合并直接样式和计算属性样式
        //     return {
        //         borderColor: this.primaryColor,
        //         ...this.setHoverStyles,
        //     };
        // },
    },
    async mounted() {
        this.getVidoePath();
        this.collectResourceList = await getCollectResource(
            this.BookId
        );
    },
    methods: {
        async getVidoePath() {
            this.videoPathSrc = await getResourcePath(
                this.videoPath
            );
            debugger
        },
        handleCollect() {
            this.handleCollectResource(
                this.videoPath,
                this.videoPath,
                "",
                "视频",
                "bits",
                "视频:" + this.videoName
            );
            this.localIsCollectVideo = !this.localIsCollectVideo;
            this.$emit('saveVideoStatus')
        },
        //资源收藏事件
        // 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.BookId,
                this.collectResourceList
            );
        },
    },
};
</script>
<style lang="less" scoped>
.video-box {
    margin: 20px 0 20px 0;
    border: 1px solid #40C7F4;
}
.video-title {
    display: flex;
    justify-content: space-between;
    background-color: #c7eaf9;
    border-bottom: 1px solid #40C7F4;
    min-height: 25px;
}
.video-title-name {
    padding: 0 2%;
    display: flex;
    text-indent: 0em;
    margin: 0 !important;
    border-right: 1px solid #40C7F4;
}
.video-title-img {
    padding-right: 2%;
    text-indent: 0em;
    display: flex;
    img {
        cursor: pointer;
    }
}
.video-main {
    margin: 5% 5%;
    border: 1px dashed #40C7F4;
}
.collect-btn {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: 0.3%;
}
.w100 {
    width: 100%;
}
</style>
src/components/examinations/index.vue
@@ -972,7 +972,7 @@
</style>
<style lang="less" scoped>
.catalogName {
.catalogName {
  display: flex;
  text-indent: 1em !important;
  font-size: 16px;