zhongshujie
2024-12-20 e673aab74e5ab080e55d1e5706aa1d75322857a8
src/books/aviationBasicSkills/view/components/chapter004.vue
@@ -37,9 +37,11 @@
                    <h2 id="b004" class="unit4-c p-even">任务一<br />掌握行为礼仪</h2>
                    <div class="task-u4-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even">
                    <p class="p-even block2">
                        作为一名民航从业人员,在工作岗位上,你可以通过哪些行为展示个人良好的工作状态呢?在任务一中,你将学会如何通过运用表情、仪态、手势,展现自己对客服务过程中的良好状态,提升民航服务品质。</p>
                    <p class="p-even">学完任务一后,你应当掌握如何通过阳光的微笑、良好的仪态、规范的手势来向旅客展示积极的服务形象。</p>
                    <p class="p-even block2">学完任务一后,你应当掌握如何通过阳光的微笑、良好的仪态、规范的手势来向旅客展示积极的服务形象。</p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                    class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c031" class="p-even"><span class="zt-h4 unit4-c">一、</span><span
                            class="qyls-h4 unit4-c">表情礼仪</span></h3>
@@ -617,11 +619,70 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.行为礼仪有哪些基本要素?</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                        class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.行为礼仪在民航对客服务中的作用是什么?</p>
                        <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                        class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0107-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习民航服务礼仪</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握行为礼仪
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定,主要面向民航服务岗位,使学生掌握如何通过运用表情、仪态、手势展现自己在对客服务过程中的良好状态,提升民航服务品质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握如何通过阳光的微笑、良好的仪态、规范的手势来向旅客展示积极的服务形象。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解表情礼仪规范。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能独立运用仪态礼仪进行对客服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.掌握手势礼仪的规范与禁忌。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -635,9 +696,144 @@
                    <li class="headerNumber">095</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                掌握站姿、坐姿、蹲姿和走姿的礼仪规范,从而体现职业人美好的礼仪仪态和优雅的气质和风度。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①站姿训练。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②坐姿训练。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③蹲姿训练。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④走姿训练。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                仪态礼仪运用是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否提升民航岗位服务品质?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否展现个人基本素养?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否体现团队协作精神?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项:</p>
                                <p>1.请严格按照工单内容要求进行项目实践,不得随意更改流程。</p>
                                <p>2.在完成任务后,请进行自检,完成请打√。</p>
                                <p style="text-align: right">教师签字:
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">分组进行站姿、坐姿、蹲姿、走姿训练。</p>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -655,6 +851,8 @@
                    <p class="block2 p-even">
                        民航从业人员的个人形象代表着公司的企业形象和民航的整体形象。通过本任务的学习,你将学会如何通过提升面部修饰能力、服饰着装规范来提升个人整体形象,展现民航服务品质。</p>
                    <p class="block2 p-even">本任务包含面部修饰、服饰修饰两个小任务。在结束整个任务学习后,你应当能够进行正确的面部修饰,以及规范的服饰着装,并且向旅客展示良好的个人形象。</p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                    class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c034" class="p-even"><span class="zt-h4 unit4-c">一、</span><span
                            class="qyls-h4 unit4-c">面部修饰</span></h3>
@@ -770,8 +968,14 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.面部修饰的基本方法有哪些?</p>
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.女性化妆的禁忌有哪些?</p>
                        <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                        <p>3.民航工作对发型的基本要求是什么?</p>
                        <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <h3 id="c035"><span class="zt-h4 unit4-c">二、</span><span class="qyls-h4 unit4-c">服饰修饰</span></h3>
                    <p class="p-odd">穿着得体、容貌端庄、举止文雅是民航服务人员审美情趣和文化修养的</p>
@@ -859,8 +1063,187 @@
                    </p>
                    <p class="p-even">⑥体现文明。根据接待礼仪的基本规定,身着制服上岗时要显示文明、高雅的气质。</p>
                    <p class="left p-even mt-20"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0115-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习民航服务礼仪</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握形象礼仪
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定,主要面向民航服务岗位,使学生掌握如何通过提升面部修饰能力、规范服饰着装来展现个人整体形象,提升民航服务品质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                能够正确地进行面部修饰以及规范的服饰着装,向旅客展示良好的个人形象。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能独立完成面部修饰。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能正确穿着制服。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                民航职业形象塑造
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①妆容规范。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②发型得体。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③服饰整洁。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④形象大方。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                民航专业化形象是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否提升民航岗位服务品质?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否展现个人基本素养?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否体现创新精神?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项:</p>
                                <p>1.请严格按照工单内容要求进行项目实践,不得随意更改流程。</p>
                                <p>2.在完成任务后,请进行自检,完成请打√。</p>
                                <p style="text-align: right">教师签字:
                                    <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -901,6 +1284,8 @@
                    <p class="p-odd">(3)背面视角:后侧脖颈部分头发不遮挡衬衣领口。</p>
                    <p class="p-odd">(4)整体视角:发型挺阔、干净清爽。</p>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.five" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -917,6 +1302,85 @@
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five:"",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter04");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter04-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }
    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter04",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter04-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>