testbookLayout.git

			@@ -11,7 +11,8 @@
			<h2 class="secondTitle primary-color" id="sigil_toc_id_13">
			任务一　认识嵌入式组态和触摸屏
			</h2>
			<div class="w100 border-so mb-20"></div>
			<div class="w100 border-so mb-5"></div>
			<div class="w50 rw-border mb-20"></div>
			<p class="quotation fl al-cn t0 primary-color">
			<img
			src="../../assets/images/icon/mubiao.png"
			@@ -367,7 +368,7 @@
			</ul>
			</div>
			<!-- 7 -->
			<div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="17">
			<div class="page-box fl fl-cl ju-bt al-end padding-96" page="17">
			<div class="w100">
			<div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
			<img src="../../assets/images/header-one.png" alt="" />
			@@ -382,11 +383,11 @@
			</p>
			<table border="1" cellpadding="10" cellspacing="0">
			<tr class="table-bc">
			<td class="table-cn">
			<td class="table-cn" colspan="2">
			评分表<br />
			<input style="width: 30px" class="input-border table-bc" /> 学年
			</td>
			<td colspan="2" class="table-cn">
			<td class="table-cn">
			工作形式 <br />
			<input type="checkbox" name="xingshi" value="prople" /> 个人
			<input type="checkbox" name="xingshi" value="fengong" /> 小组分工
			@@ -446,39 +447,68 @@
			class="input-border"
			/>日期:<input style="width: 82px" class="input-border" />
			</div>
			<h2 class="secondTitle primary-color" id="sigil_toc_id_14">
			任务二　MCGS嵌入版组态软件安装
			</h2>
			<div class="w100 border-so mb-20"></div>
			<p class="quotation fl al-cn t0 primary-color">
			<img
			src="../../assets/images/icon/mubiao.png"
			alt=""
			class="w-35 mr-5"
			/>
			<b>任务目标</b>
			</p>
			<p class="content">掌握MCGS嵌入版组态软件V6.8安装方法。</p>
			<p class="quotation fl al-cn t0 primary-color">
			<img
			src="../../assets/images/icon/miaoshu.png"
			alt=""
			class="w-35 mr-5"
			/>
			<b>任务描述</b>
			</p>
			<p class="content">学习嵌入式组态软件V6.8的安装方法和步骤。</p>
			<p class="quotation fl al-cn t0 primary-color">
			<img
			src="../../assets/images/icon/xunlian.png"
			alt=""
			class="w-35 mr-5"
			/>
			<b>任务训练</b>
			</p>
			<p class="content">
			在昆仑通态官网上下载MCGS_嵌入版完整安装包，解压缩后，具体安装步骤如下：
			</p>
			<div class="pr">
			<h2 class="secondTitle primary-color" id="sigil_toc_id_14">
			任务二　MCGS嵌入版组态软件安装
			</h2>
			<div class="w100 border-so mb-5"></div>
			<div class="w50 rw-border mb-20"></div>
			<p class="quotation fl al-cn t0 primary-color">
			<img
			src="../../assets/images/icon/mubiao.png"
			alt=""
			class="w-35 mr-5"
			/>
			<b>任务目标</b>
			</p>
			<p class="content">掌握MCGS嵌入版组态软件V6.8安装方法。</p>
			<p class="quotation fl al-cn t0 primary-color">
			<img
			src="../../assets/images/icon/miaoshu.png"
			alt=""
			class="w-35 mr-5"
			/>
			<b>任务描述</b>
			</p>
			<p class="content">学习嵌入式组态软件V6.8的安装方法和步骤。</p>
			<p class="quotation fl al-cn t0 primary-color">
			<img
			src="../../assets/images/icon/xunlian.png"
			alt=""
			class="w-35 mr-5"
			/>
			<b>任务训练</b>
			</p>
			<p class="content">
			在昆仑通态官网上下载MCGS_嵌入版完整安装包，解压缩后，具体安装步骤如下：
			</p>
			<ul class="right-resource">
			<li class="fl al-cn ju-cn border-so p-10">
			<img
			src="../../assets/images/icon/anzhuang.png"
			class="anzhuang-icon"
			/>
			<span class="primary-color">安装包</span>
			</li>
			<li class="fl fl-cl al-cn p-10">
			<img src="../../assets/images/icon/rar.png" class="rar-icon" />
			<div>
			<span class="rar-text"
			>MCGS嵌入版<br />
			安装文件.rar</span
			>
			<img
			@click="
			downloadRar('McgsPro 3.3.6.6354 SP1.3 组态软件安装包')
			"
			src="../../assets/images/icon/download.png"
			class="downlod-icon cu-pr"
			/>
			</div>
			</li>
			</ul>
			</div>

			<video
			v-if="videoOne"
			:src="config.resourceCtx + '/配套学习资源/p7/MCGS安装视频带音频.mp4'"
			@@ -491,38 +521,13 @@
			controls
			class="w100 mt-20"
			></video>
			<div class="primary-color fl al-cn ju-cn">
			<span>视频：MCGS安装视频</span>
			</div>
			<p class="imgdescript">视频：MCGS安装视频</p>
			<p class="content">
			（1）运行Setup.exe文件，MCGS安装程序窗口如图1-15所示。
			</p>
			<p class="content">
			在安装程序窗口中单击“安装组态软件”按钮，弹出安装程序窗口。单击“下一步”按钮，启动安装程序，如图1-16所示。
			</p>
			<ul class="right-resource">
			<li class="fl al-cn ju-cn border-so p-10">
			<img
			src="../../assets/images/icon/anzhuang.png"
			class="anzhuang-icon"
			/>
			<span class="primary-color">安装包</span>
			</li>
			<li class="fl fl-cl al-cn p-10">
			<img src="../../assets/images/icon/rar.png" class="rar-icon" />
			<div>
			<span class="rar-text"
			>MCGS嵌入版<br />
			安装文件.rar</span
			>
			<img
			@click="downloadRar('McgsPro 3.3.6.6354 SP1.3 组态软件安装包')"
			src="../../assets/images/icon/download.png"
			class="downlod-icon cu-pr"
			/>
			</div>
			</li>
			</ul>
			</div>
			<ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
			<li class="footer-num">7</li>
			@@ -597,11 +602,11 @@
			</div>
			<table border="1" cellpadding="10" cellspacing="0">
			<tr class="table-bc">
			<td class="table-cn">
			<td class="table-cn" colspan="2">
			评分表<br />
			<input style="width: 30px" class="input-border table-bc" /> 学年
			</td>
			<td colspan="2" class="table-cn">
			<td class="table-cn">
			工作形式 <br />
			<input type="checkbox" name="xingshi" value="prople" /> 个人
			<input type="checkbox" name="xingshi" value="fengong" /> 小组分工
			@@ -654,7 +659,8 @@
			<h2 class="secondTitle" id="sigil_toc_id_15">
			任务三　建立工程与下载工程
			</h2>
			<div class="w100 border-so mb-20"></div>
			<div class="w100 border-so mb-5"></div>
			<div class="w50 rw-border mb-20"></div>
			<div class="fl ju-bt">
			<div class="left" style="width: 30%">
			<p class="quotation fl al-cn t0 primary-color">
			@@ -1148,11 +1154,11 @@
			</div>
			<table border="1" cellpadding="10" cellspacing="0">
			<tr class="table-bc">
			<td class="table-cn">
			<td class="table-cn" colspan="2">
			评分表<br />
			<input style="width: 30px" class="input-border table-bc" /> 学年
			</td>
			<td colspan="2" class="table-cn">
			<td class="table-cn">
			工作形式 <br />
			<input type="checkbox" name="xingshi" value="prople" /> 个人
			<input type="checkbox" name="xingshi" value="fengong" /> 小组分工
			@@ -1425,8 +1431,8 @@
			}
			.right-resource {
			position: absolute;
			right: 10px;
			bottom: 180px;
			right: -80px;
			top:40px
			}
			.word-resource {
			padding: 0;