testbookLayout.git

			@@ -41,6 +41,8 @@
			<p class="p-even block2">【开心热情】您好，欢迎登机。我是本次航班的乘务员，很开心为您服务。</p>
			<p class="p-even block2">【无精打采】您好，欢迎登机。我是本次航班的乘务员，很开心为您服务。</p>
			<p class="p-even block2">听到别人用不同的感情朗读上面这句话的时候，你最大的感受是什么？请将你的感受总结成一句话，然后用一分钟进行小组交流。</p>
			<textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
			class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
			<p class="left p-even"><span class="bj2">知识准备▼</span></p>
			<p class="p-even">
			在民航服务过程中，语言的运用既体现服务人员个人的水准，又代表着航空公司的精神面貌，甚至影响着整个中国民航业的发展前景。可以说语言交际的成败，直接影响着民航服务的成败。</p>
			@@ -75,7 +77,11 @@
			<p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
			</div>
			<p>1.请列举工作中常用的尊称。</p>
			<textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
			class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
			<p>2.请简述称谓的禁忌。</p>
			<textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
			class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
			</div>
			<h3 id="c025"><span class="zt-h4 unit3-c">二、</span><span class="qyls-h4 unit3-c">东西方姓名差异</span></h3>
			<p class="p-odd">
			@@ -239,11 +245,194 @@
			</ul>
			<div class="bodystyle">
			<p class="left p-even"><span class="bj2">任务工单▼</span></p>
			<p class="center p-even openImgBox"><img class="img-0" alt=""
			src="../../assets/images/0085-1.jpg" /></p>
			<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="3">任务目标</td>
			<td class="ta-l" colspan="1">目标</td>
			<td class="ta-l" colspan="3">
			掌据在对客服务过程中如何进行规范称呼。
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="ta-l" rowspan="2" colspan="1">关键成果</td>
			<td class="ta-l" colspan="3">
			1.了解称谓规范语。
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="ta-l" colspan="3">
			2.能独立判断东西方姓名差异。
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">任务重点</td>
			<td class="ta-l" colspan="4">
			1.能够使用称谓规范语进行对客服务。<br />2.能够识别中英文姓名的差异。
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center w15">主要内容</td>
			<td class="ta-l w20" valign="top">
			①口述工作中常见的称谓规范语。
			</td>
			<td class="ta-l w20" valign="top">
			②小组协作进行值机阶段对客服务情景模拟。
			</td>
			<td class="ta-l w20" valign="top">
			③能准确判断东西方姓名差异。
			</td>
			<td class="ta-l w20" valign="top">
			④能识别中英文环境中姓名的差异。
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center" colspan="">任务难度</td>
			<td class="center">
			<input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
			@change="setBookTableData" />
			简单
			</td>
			<td class="center">
			<input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
			@change="setBookTableData" />
			一般
			</td>
			<td class="center">
			<input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
			@change="setBookTableData" />
			偏难
			</td>
			<td class="center">
			<input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
			@change="setBookTableData" />
			困难
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">完成确认</td>
			<td class="center">序号</td>
			<td class="center" colspan="2">检查事项</td>
			<td class="center">组长签字</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">1</td>
			<td class="ta-l" colspan="2">任务要求是否明确?</td>
			<td class="center">
			<input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">2</td>
			<td class="ta-l" colspan="2">
			服务用语是否规范?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">3</td>
			<td class="ta-l" colspan="2">
			对客服务过程中表达是否得当?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">4</td>
			<td class="ta-l" colspan="2">
			语言表达过程中是否声情并茂?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">5</td>
			<td class="ta-l" colspan="2">
			任务完成期间是否注意语言规范?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="ta-l" colspan="5">
			<p>注意事项：</p>
			<p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
			<p>2.在完成任务后，请进行自检，完成请打√。</p>
			<p style="text-align: right">教师签字：
			<input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
			@change="setBookTableData" />
			</p>
			</td>
			</tr>
			</table>
			<p class="left p-even"><span class="bj2">拓展训练▼</span></p>
			<p class=" p-even">请按照本任务教授的知识要点，撰写旅客登机后乘务员广播词，要求措辞得当，合理地运用服务用语。</p>
			<textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
			class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
			<p class="left p-even"><span class="bj2">自我评价▼</span></p>
			<textarea v-model="questionData.teskOne.five" placeholder="请输入内容" rows="6"
			class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
			</div>
			</div>
			</div>
			@@ -260,9 +449,11 @@
			<h2 id="b004" class="unit3-c">任务二<br />掌握礼貌服务用语</h2>
			<div class="task-u3-c"></div>
			<p class="left"><span class="bj2">任务描述▼</span></p>
			<p class="p-odd">
			<p class="p-odd block2">
			礼貌用语是民航服务人员向旅客表示意愿、交流思想情感和沟通信息的重要交际工具，是一种对旅客表示友好和尊敬的语言。在服务过程中，它具有体现礼貌和提供服务的双重特性，是民航服务人员完成工作的重要手段。
			</p>
			<textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
			class="fz-16 block2 ma-9 textarea-box" @change="setBookQuestion"></textarea>
			<p class="left"><span class="bj2">知识准备▼</span></p>
			<h3 id="c029" class="p-odd"><span class="zt-h4 unit3-c">一、</span><span
			class="qyls-h4 unit3-c">礼貌服务用语的基本特点</span></h3>
			@@ -325,10 +516,188 @@
			<p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
			</div>
			<p>礼貌用语的基本特点有哪些？</p>
			<textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
			class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
			</div>
			<p class="left p-odd"><span class="bj2">任务工单▼</span></p>
			<p class="center openImgBox p-odd"><img class="img-0" alt="" src="../../assets/images/0088-1.jpg" />
			<table border="1" cellpadding="4" cellspacing="0"
			style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-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">
			1.掌握常见礼貌用语的特点和使用情境。<br />2.在对客服务的过程中能正确使用礼貌用语。
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center w15">主要内容</td>
			<td class="ta-l w25" valign="top">
			①口述民航对客服务常用礼貌用语。
			</td>
			<td class="ta-l" colspan="2" valign="top">
			②独立表述对客服务过程中，与旅客初次见面的服务话术。
			</td>
			<td class="ta-l w25" valign="top">
			③识别案例情境中不规范的表述
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center" colspan="">任务难度</td>
			<td class="center">
			<input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
			@change="setBookTableData" />
			简单
			</td>
			<td class="center">
			<input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
			@change="setBookTableData" />
			一般
			</td>
			<td class="center">
			<input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
			@change="setBookTableData" />
			偏难
			</td>
			<td class="center">
			<input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
			@change="setBookTableData" />
			困难
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">完成确认</td>
			<td class="center">序号</td>
			<td class="center" colspan="2">检查事项</td>
			<td class="center">组长签字</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">1</td>
			<td class="ta-l" colspan="2">任务要求是否明确?</td>
			<td class="center">
			<input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">2</td>
			<td class="ta-l" colspan="2">
			礼貌服务用语是否规范?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">3</td>
			<td class="ta-l" colspan="2">
			对客沟通过程中表达是否礼貌?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">4</td>
			<td class="ta-l" colspan="2">
			语言表达过程中是否声情并茂?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="center">
			<input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			<td class="center">5</td>
			<td class="ta-l" colspan="2">
			任务完成期间是否注意使用礼貌服务用语?
			</td>
			<td class="center">
			<input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
			@change="setBookTableData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="ta-l" colspan="5">
			<p>注意事项：</p>
			<p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
			<p>2.在完成任务后，请进行自检，完成请打√。</p>
			<p style="text-align: right">教师签字：
			<input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
			@change="setBookTableData" />
			</p>
			</td>
			</tr>
			</table>
			</div>
			</div>
			</div>
			@@ -343,7 +712,11 @@
			<p class="left p-even"><span class="bj2">拓展训练▼</span></p>
			<p class="p-even">请按照本任务教授的知识要点，以小组为单位模拟礼貌服务用语应用情景，要求措辞得当，合理地运用服务用语。</p>
			<p class="p-even">模拟情景：由于空中交通管制，航班延误超过30分钟，旅客出现抱怨情绪，作为乘务员，你如何处理？</p>
			<textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
			class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
			<p class="left p-even"><span class="bj2">自我评价▼</span></p>
			<textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
			class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
			</div>
			</div>
			</div>
			@@ -358,6 +731,86 @@
			type: Array,
			},
			},
			data() {
			return {
			questionData: {
			teskOne: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			teskTwo: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			},
			},
			tableData: {
			teskTableOne: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			seven: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			},
			teskTableTwo: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			seven: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			},
			},
			};
			},
			mounted() {
			const bookQuestion = localStorage.getItem("aviation-book-chapter03");
			if (bookQuestion) {
			this.questionData = JSON.parse(bookQuestion);
			}
			const bookTableData = localStorage.getItem("aviation-book-chapter03-tableData");
			if (bookTableData) {
			this.tableData = JSON.parse(bookTableData);
			}

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