Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

zhongshujie

12 小时以前 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b

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

@@ -19,9 +19,22 @@
                        <p class="bj-1-zt">2.具备高瞻远瞩的长远发展眼光和大局意识。</p>
                        <p class="bj-1-zt">3.培养求真务实、开拓创新的职业精神。</p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <div class="video-box-cover">
                            <p class="center text">
                                <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                                    playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                    x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                    style=" border-radius: 10px; "></video>
                            </p>
                            <p class="center videoname">
                                <span>视频：项目七 导入 </span>
                                <el-tooltip class="item" effect="dark"
                                    :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                    <img :src="collectResourceList.findIndex(item => item.id == 'c0403607aa0c9a35d065bcc476b48644') > -1 ? collectCheck : collectImg"
                                        alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                </el-tooltip>
                            </p>
                        </div>
                        <p><br></p>
                    </div>
                </div>
@@ -82,9 +95,25 @@
                    <p class="p-odd">③接待。接待好贵宾之后进行简单的人文关怀，询问其是否需要其他服务。</p>
                    <p class="p-odd">④帮助其办理相关手续。如果贵宾需要转机，帮助其更换转机登机牌；如果贵宾已到达目的地，帮助其提取托运的行李。</p>
                    <p class="p-odd">⑤送别。将贵宾送至下一程飞机的登机口，或是接待车辆上，然后礼貌送别，目送其离去后方可转身离开。</p>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目七 任务1 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '96619d3fc49979dd1373ec1a944f45c4') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -235,7 +264,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
@@ -357,6 +386,22 @@
                        托盘行走过程中，如果需要取用盘内物品，称为卸盘。卸盘时，用右手取走盘内所需物品，同时应注意盘内物品的变化，用左手手指的力量来调整托盘重心。应从前后左右交替使用盘内物品。</p>
                    <p class="p-odd">托盘行走过程中，如果需要将所托物品整个放到工作台面上，称为落托。落托时，应左脚向前，用右手协助左手把托盘小心地推至工作台面上，放稳后按照从内到外的顺序取用盘内物品。
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目七 任务二 托盘服务</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '086dffc37acf667071bcf9d3090e2f96') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
                </div>
            </div>
        </div>
@@ -375,6 +420,38 @@
                    <p class="p-even">第三，任何时候，都不能拎着托盘行走，也不可玩或转托盘。</p>
                    <p class="p-even">第四，在装无盖的食物、饮料时，要放在离头部远的一边，以免行走过程中落入头发。</p>
                    <p class="p-even">第五，要注意靠右走，并注意前后左右的情况，行走时不得急停或突然转身。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="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>视频：项目七 任务二 托盘演示1</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '9341abb61ad16f2c04e11011f207b88c') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <div class="video-box">
                        <p class="center text">
                            <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>视频：项目七 任务二 托盘演示2</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo04 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '224496c95a0c6db70932e95712503023') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-05')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <div class="bj5 ml-9">
                        <div class="bj5-xyx">
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
@@ -383,9 +460,9 @@
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -626,6 +703,22 @@
                        花茶，大多是选用芳香浓郁和经过精工细制的绿茶窨制而成，茶引花香。花茶中以茉莉花茶居多，也最受人们的喜爱。泡饮花茶多用瓷杯，取一撮花茶置于杯内，用沸水冲泡，加盖四五分钟后即可品饮。如饮茶人数较多，往往采用壶饮法，即将适量的花茶置于壶内，冲泡四五分钟后，倒入茶杯或茶碗中饮用。
                    </p>
                    <p class="p-odd">花茶的饮法，与普通绿茶相仿，但需特别注意防止香气的散失。使用的茶具最好选用白瓷有盖茶杯，以衬托花茶固有的汤色，保持花茶的芳香。</p>
                    <div class="video-box-left">
                        <p class="center text">
                            <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 == 'b9e445e4e0148ac62c747ac30f517409') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-06')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c076" class="p-odd"><span class="zt-h4 unit3-c">二、</span><span
                            class="qyls-h4 unit3-c">茶水服务流程</span></h3>
                    <h4 id="d145" class="p-odd">（一）准备事项</h4>
@@ -666,9 +759,41 @@
                    <p class="p-even">
                        添水时，如果是有盖的杯子，则用右手中指和无名指将杯盖夹住，轻轻抬起。大拇指、食指和小拇指将杯子拿起，侧对旅客，用左手拿容器添水。同样递至旅客右手上方5～10厘米处，有柄的杯子则将柄转至右侧。
                    </p>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <div class="video-box">
                        <p class="center text">
                            <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>视频：项目七 任务三 茶水演示1</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo06 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'dc3712c490fc4180adcb7b7cb3662196') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-07')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <div class="video-box">
                        <p class="center text">
                            <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>视频：项目七 任务三 茶水演示2</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo07 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '27c019708f12bd652ffb9dc9d300467e') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -708,9 +833,9 @@
                    <li class="headerNumber">157</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
@@ -854,10 +979,10 @@
                    </p>
                    <p>思考：小李在服务中存在什么问题？</p>
                    <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                        class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskThree.three" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                        class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -868,6 +993,8 @@
</template>

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterSeven",
    props: {
@@ -877,6 +1004,27 @@
    },
    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: [],
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
                isCollectVideo04: false,
                isCollectVideo05: false,
                isCollectVideo06: false,
                isCollectVideo07: false,
            },
            questionData: {
                teskOne: {
                    one: "",
@@ -940,7 +1088,7 @@
            },
        };
    },
    mounted() {
    async mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter07");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
@@ -950,8 +1098,99 @@
            this.tableData = JSON.parse(bookTableData);
        }

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

        this.getVidoePath();
        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)

    },
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "c0403607aa0c9a35d065bcc476b48644"
            );
            this.videoPathTwo = await getResourcePath(
                "96619d3fc49979dd1373ec1a944f45c4"
            );
            this.videoPathThree = await getResourcePath(
                "086dffc37acf667071bcf9d3090e2f96"
            );
            this.videoPathFour = await getResourcePath(
                "9341abb61ad16f2c04e11011f207b88c"
            );
            this.videoPathFive = await getResourcePath(
                "224496c95a0c6db70932e95712503023"
            );
            this.videoPathSix = await getResourcePath(
                "b9e445e4e0148ac62c747ac30f517409"
            );
            this.videoPathSeven = await getResourcePath(
                "dc3712c490fc4180adcb7b7cb3662196"
            );
            this.videoPathEight = await getResourcePath(
                "27c019708f12bd652ffb9dc9d300467e"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
                this.handleCollectResource("c0403607aa0c9a35d065bcc476b48644", "c0403607aa0c9a35d065bcc476b48644", '', "视频", "bits", '视频：项目七 导入')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("96619d3fc49979dd1373ec1a944f45c4", "96619d3fc49979dd1373ec1a944f45c4", '', "视频", "bits", '视频：项目七 任务1')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("086dffc37acf667071bcf9d3090e2f96", "086dffc37acf667071bcf9d3090e2f96", '', "视频", "bits", '视频：项目七 任务2 托盘服务')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            } else if (e == 'video-04') {
                this.handleCollectResource("9341abb61ad16f2c04e11011f207b88c", "9341abb61ad16f2c04e11011f207b88c", '', "视频", "bits", '视频：项目七 任务2 托盘演示1')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            } else if (e == 'video-05') {
                this.handleCollectResource("224496c95a0c6db70932e95712503023", "224496c95a0c6db70932e95712503023", '', "视频", "bits", '视频：项目七 任务2 托盘演示2')
                this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
            } else if (e == 'video-06') {
                this.handleCollectResource("b9e445e4e0148ac62c747ac30f517409", "b9e445e4e0148ac62c747ac30f517409", '', "视频", "bits", '视频：项目七 任务3 茶水服务')
                this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05
            } else if (e == 'video-07') {
                this.handleCollectResource("dc3712c490fc4180adcb7b7cb3662196", "dc3712c490fc4180adcb7b7cb3662196", '', "视频", "bits", '视频：项目七 任务三 茶水演示1')
                this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
            } else if (e == 'video-08') {
                this.handleCollectResource("27c019708f12bd652ffb9dc9d300467e", "27c019708f12bd652ffb9dc9d300467e", '', "视频", "bits", '视频：项目七 任务三 茶水演示2')
                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
            }
            this.handleChapterData();
        },

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

        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter07",