testbookLayout.git

			@@ -38,7 +38,114 @@
			<p><b>Ⅱ.Put the following names of the departments in the proper blanks according to their
			functions.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0129-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Departments</td>
			<td class="tl-cn">Functions</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.one.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It has overall responsibilities for creating, planning, implementing, and
			integratingthe strategie direction of an organization.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.two.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It deals with such matters as involving employees, hiring, training, labor
			relations,and benefits.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.three.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It is responsible for presenting, advertising and selling a company's products
			orservices.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.four.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It is responsible for finding new products and processes or improving existing ones.
			</td>

			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.five.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It manages money in running a business, an activity or a project.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.six.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It's a department where people assist the CEO to plan, organize and run a business.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.seven.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It makes food, goods or materials, especially in large quantities.
			</td>
			</tr>
			</table>
			<h3 id="c056"><span class="bjh3">Listening</span></h3>
			<p class="center"><audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@@ -387,7 +494,54 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0134-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Names</td>
			<td class="tl-cn">Reasons</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Yuan Longping</td>
			<td>
			He was creative and started his research of hybrid rice technology,by which farmers can produce harvests twice as large as before.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.three"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.four"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.five"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.six"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
			<div class="bk-wh">
			<p>strong-willed　motivated　active　cooperative　stressful　disciplined　risky　helpful　dutiful　enthusiastic
			@@ -1176,43 +1330,49 @@
			readingTwo: "",
			},
			dropDownList: [
			"online shopping",
			"facial recognition",
			"electronic payment",
			"intercity train",
			"shared bike",
			"take-away service",
			"HR Department",
			"R&D Department",
			"CEO office",
			"Finance Department",
			"Produetion Department",
			"Marketing Department",
			"Administration office",
			],
			dropdownData: {
			one: {
			value: "",
			isRight: null,
			answer: "intercity train",
			answer: "Administration office",
			},
			two: {
			value: "",
			isRight: null,
			answer: "online shopping",
			answer: "HR department",
			},
			three: {
			value: "",
			isRight: null,
			answer: "electronic payment",
			answer: "Marketing department",
			},
			four: {
			value: "",
			isRight: null,
			answer: "shared bike",
			answer: "R & D department",
			},
			five: {
			value: "",
			isRight: null,
			answer: "take-away service",
			answer: "Finance department",
			},
			six: {
			value: "",
			isRight: null,
			answer: "facial recognition",
			answer: "CEO office",
			},
			seven: {
			value: "",
			isRight: null,
			answer: "Production department",
			},
			},
			};