|
|
|
|
@ -152,7 +152,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="setting-list"> |
|
|
|
|
<div class="item" @click="openSrttingDialog"> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<!-- <img src="@/assets/images/home.png" alt="" /> --> |
|
|
|
|
</div> |
|
|
|
|
@ -162,7 +162,74 @@ |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">管理员身份运行</div> |
|
|
|
|
<div class="name" @click="goToLabView">管理员身份运行</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">解压到当前文件夹</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">解压到...</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">解压到"LabVIEW2024 (64位)\"</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">其他压缩命令</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">Edit width Notepad++</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-popover> |
|
|
|
|
<el-popover |
|
|
|
|
placement="right" |
|
|
|
|
:width="260" |
|
|
|
|
trigger="contextmenu" |
|
|
|
|
ref="popover2" |
|
|
|
|
v-if="installationStep === 11" |
|
|
|
|
> |
|
|
|
|
<template #reference> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img |
|
|
|
|
style="width: 100%" |
|
|
|
|
src="@/assets/images/ideaicon.png" |
|
|
|
|
alt="" |
|
|
|
|
srcset="" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div class="file-name" style="text-align: center"> |
|
|
|
|
IntelliJ IDEA 2020.1 x64 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="setting-list"> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<!-- <img src="@/assets/images/home.png" alt="" /> --> |
|
|
|
|
</div> |
|
|
|
|
<div class="name" style="font-weight: 700">打开</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name" @click="goToLabIdea">管理员身份运行</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
@ -313,30 +380,47 @@ |
|
|
|
|
<div class="title">用户信息</div> |
|
|
|
|
<div class="tip">请输入以下信息</div> |
|
|
|
|
<div class="name"> |
|
|
|
|
<span>全名：</span><el-input style="width: 280px;margin-left: 30px;"placeholder="软件安全管家"></el-input> |
|
|
|
|
<span>全名：</span |
|
|
|
|
><el-input |
|
|
|
|
style="width: 280px; margin-left: 30px" |
|
|
|
|
placeholder="软件安全管家" |
|
|
|
|
></el-input> |
|
|
|
|
</div> |
|
|
|
|
<div class="unit"> |
|
|
|
|
<span>单位：</span><el-input style="width: 280px;margin-left: 30px;"placeholder="中国大陆"></el-input> |
|
|
|
|
<span>单位：</span |
|
|
|
|
><el-input |
|
|
|
|
style="width: 280px; margin-left: 30px" |
|
|
|
|
placeholder="中国大陆" |
|
|
|
|
></el-input> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="step3" v-show="installationStep === 3"> |
|
|
|
|
<div class="title">序列号</div> |
|
|
|
|
<div class="tip">请输入以下产品序列号</div> |
|
|
|
|
<div class="serial"> |
|
|
|
|
<div class="name" >序列号：</div> |
|
|
|
|
<el-form label-width="400px" style="max-width: 720" > |
|
|
|
|
<el-form-item label="LabVIEW 2014（基本版 / 完整版 / 专业版）："label-width="307px"> |
|
|
|
|
<el-input style="width: 300px;margin-left: 95px;" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="应用程序生成器 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白："> |
|
|
|
|
<el-input style="width: 300px"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="Report Generation 工具包 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白："> |
|
|
|
|
<el-input style="width: 300px"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="atabase 工具包 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白）："> |
|
|
|
|
<el-input style="width: 300px"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<div class="name">序列号：</div> |
|
|
|
|
<el-form label-width="400px" style="max-width: 720"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="LabVIEW 2014（基本版 / 完整版 / 专业版）：" |
|
|
|
|
label-width="307px" |
|
|
|
|
> |
|
|
|
|
<el-input style="width: 300px; margin-left: 95px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item |
|
|
|
|
label="应用程序生成器 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白：" |
|
|
|
|
> |
|
|
|
|
<el-input style="width: 300px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item |
|
|
|
|
label="Report Generation 工具包 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白：" |
|
|
|
|
> |
|
|
|
|
<el-input style="width: 300px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item |
|
|
|
|
label="atabase 工具包 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白）：" |
|
|
|
|
> |
|
|
|
|
<el-input style="width: 300px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -344,11 +428,23 @@ |
|
|
|
|
<div class="title">目标目录</div> |
|
|
|
|
<div class="tip">选择主安装目录</div> |
|
|
|
|
<div class="item">选择 NI 软件的安装文件夹</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
<el-select |
|
|
|
|
disabled |
|
|
|
|
placeholder="C:\Users\LabVIEW Chinese\2014" |
|
|
|
|
style="width: 300px; margin-top: 10px" |
|
|
|
|
/> |
|
|
|
|
<el-button disabled style="margin-left: 5px; margin-top: 10px" |
|
|
|
|
>浏览</el-button |
|
|
|
|
> |
|
|
|
|
<div class="item">选择NI LabVIEW 2014的安装文件夹</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
<el-select |
|
|
|
|
disabled |
|
|
|
|
placeholder="C:\Users\LabVIEW Chinese\2014" |
|
|
|
|
style="width: 300px; margin-top: 10px" |
|
|
|
|
/> |
|
|
|
|
<el-button disabled style="margin-left: 5px; margin-top: 10px" |
|
|
|
|
>浏览</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div class="step5" v-show="installationStep === 5"> |
|
|
|
|
<div class="title">组件</div> |
|
|
|
|
@ -364,39 +460,58 @@ |
|
|
|
|
<div class="item">设备驱动程序</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="image-container"> |
|
|
|
|
<p style="margin-bottom: 20px;">测量和仪器的图形化编程</p> |
|
|
|
|
<img src="@/assets/images/bg13.png" alt=""> |
|
|
|
|
<p style="margin-top: 20px;">该组件将安装至本地硬盘</p> |
|
|
|
|
<p style="margin-bottom: 20px">测量和仪器的图形化编程</p> |
|
|
|
|
<img src="@/assets/images/bg13.png" alt="" /> |
|
|
|
|
<p style="margin-top: 20px">该组件将安装至本地硬盘</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">选择NI LabVIEW 2014的安装文件夹</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">选择NI LabVIEW 2014的安装文件夹</div> |
|
|
|
|
<el-select |
|
|
|
|
disabled |
|
|
|
|
placeholder="C:\Users\LabVIEW Chinese\2014" |
|
|
|
|
style="width: 300px; margin-top: 10px" |
|
|
|
|
/> |
|
|
|
|
<el-button disabled style="margin-left: 5px; margin-top: 10px" |
|
|
|
|
>浏览</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div class="step6" v-show="installationStep === 6"> |
|
|
|
|
<div class="title">产品通知</div> |
|
|
|
|
<div class="tip">请查看所选配置的相关信息。</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
警告：可能已启用Windows防火墙默认状态下，Windows操作系统启用防火墙。首次打开LabVIEW时，可能会弹出一个对话框，要求您选择是否从网络接收信息。建议选择“解除阻止”，以使用LabVIEW的所有网络功能。详细信息请访问ni.com/info，并输入信息代码expm69查询。 |
|
|
|
|
<br>产品注意事项 |
|
|
|
|
<br>安装该产品之前，必须安装Microsoft Office XP或更高版本。“Report Generation工具包-用于Microsoft Office”提供的一组VI可用于创建和编辑Microsoft Word和Microsoft Excel格式的报表。通过报表生成工具，用户可使用Word、Excel或自定义模板创建风格一致的专业报表；减少报表显示、打印或保存前编程的工作量。还可以在*.rd文档和Excel工作表中执行Visual Basic宏，实现自定义的功能。更多关于Report Generation工具包的信息，请访问ni.com/info并输入信息代码report。 |
|
|
|
|
<br>正在安装自等社过猪保要票影的前我地,是器得品和更新。如执行搜索，则gational Instruments将在遵循保密协议的前提下，使用您的搜索查询来改进搜索结果和相关性。 |
|
|
|
|
<br />产品注意事项 <br />安装该产品之前，必须安装Microsoft Office |
|
|
|
|
XP或更高版本。“Report Generation工具包-用于Microsoft |
|
|
|
|
Office”提供的一组VI可用于创建和编辑Microsoft Word和Microsoft |
|
|
|
|
Excel格式的报表。通过报表生成工具，用户可使用Word、Excel或自定义模板创建风格一致的专业报表；减少报表显示、打印或保存前编程的工作量。还可以在*.rd文档和Excel工作表中执行Visual |
|
|
|
|
Basic宏，实现自定义的功能。更多关于Report |
|
|
|
|
Generation工具包的信息，请访问ni.com/info并输入信息代码report。 |
|
|
|
|
<br />正在安装自等社过猪保要票影的前我地,是器得品和更新。如执行搜索，则gational |
|
|
|
|
Instruments将在遵循保密协议的前提下，使用您的搜索查询来改进搜索结果和相关性。 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="step7" v-show="installationStep === 7"> |
|
|
|
|
<p class="name">总进度</p> |
|
|
|
|
<el-progress :text-inside="true" :stroke-width="20" :percentage="80" style="margin-bottom: 25px"/> |
|
|
|
|
<el-progress |
|
|
|
|
:text-inside="true" |
|
|
|
|
:stroke-width="20" |
|
|
|
|
:percentage="80" |
|
|
|
|
style="margin-bottom: 25px" |
|
|
|
|
/> |
|
|
|
|
<p class="name">复制新文件</p> |
|
|
|
|
<el-progress :percentage="100" status="success" :stroke-width="20" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="step7" v-show="installationStep === 8"> |
|
|
|
|
<p class="name">总进度</p> |
|
|
|
|
<el-progress :text-inside="true" :stroke-width="20" :percentage="80" style="margin-bottom: 25px"/> |
|
|
|
|
<el-progress |
|
|
|
|
:text-inside="true" |
|
|
|
|
:stroke-width="20" |
|
|
|
|
:percentage="80" |
|
|
|
|
style="margin-bottom: 25px" |
|
|
|
|
/> |
|
|
|
|
<p class="name">复制新文件</p> |
|
|
|
|
<el-progress :percentage="100" status="success" :stroke-width="20" /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<template #footer> |
|
|
|
|
@ -442,90 +557,182 @@ |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="Popup" |
|
|
|
|
width="650px" |
|
|
|
|
height="500px" |
|
|
|
|
top="10%" |
|
|
|
|
style="left: 5%;padding: 0;" |
|
|
|
|
> |
|
|
|
|
<template #header> |
|
|
|
|
<div class="dialog-header" >安装LabVIEW硬件支持</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="installation-box"> |
|
|
|
|
<div v-show="installationStep === 8"> |
|
|
|
|
<div style="margin-top: 8px; margin-bottom: 80px;font-size: 16px;line-height: 1.6;letter-spacing: 0.5px;font-weight: bold">如需使LabVIEW支持硬件设备，必须安装相应的设备驱动程序即便以前版本的LabVIEW已经安装相应设备驱动程序，仍需。需为当前版本的LabVIEW重新安装。</div> |
|
|
|
|
<div class="item">如所需文件处于其他位置，请在下面输入相应路径。</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;margin-left: 15px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="step9" v-show="installationStep === 9"style="height: 250px;font-weight: bold;font-size: 16px;"> |
|
|
|
|
安装完成! |
|
|
|
|
v-model="Popup" |
|
|
|
|
width="650px" |
|
|
|
|
height="500px" |
|
|
|
|
top="10%" |
|
|
|
|
style="left: 5%; padding: 0" |
|
|
|
|
> |
|
|
|
|
<template #header> |
|
|
|
|
<div class="dialog-header">安装LabVIEW硬件支持</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="installation-box"> |
|
|
|
|
<div v-show="installationStep === 8"> |
|
|
|
|
<div |
|
|
|
|
style=" |
|
|
|
|
margin-top: 8px; |
|
|
|
|
margin-bottom: 80px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
line-height: 1.6; |
|
|
|
|
letter-spacing: 0.5px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
如需使LabVIEW支持硬件设备，必须安装相应的设备驱动程序即便以前版本的LabVIEW已经安装相应设备驱动程序，仍需。需为当前版本的LabVIEW重新安装。 |
|
|
|
|
</div> |
|
|
|
|
<div class="item">如所需文件处于其他位置，请在下面输入相应路径。</div> |
|
|
|
|
<el-select |
|
|
|
|
disabled |
|
|
|
|
placeholder="C:\Users\LabVIEW Chinese\2014" |
|
|
|
|
style="width: 300px; margin-top: 10px; margin-left: 15px" |
|
|
|
|
/> |
|
|
|
|
<el-button disabled style="margin-left: 5px; margin-top: 10px" |
|
|
|
|
>浏览</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
class="step9" |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
style="height: 250px; font-weight: bold; font-size: 16px" |
|
|
|
|
> |
|
|
|
|
安装完成! |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 8" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>安装支持</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 8" |
|
|
|
|
type="primary" |
|
|
|
|
size="large" |
|
|
|
|
@click="setInstallationStep" |
|
|
|
|
style="background-color: #0052d9; color: #fff; border: 0" |
|
|
|
|
> |
|
|
|
|
不需要支持 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>上一步</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
type="primary" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
> |
|
|
|
|
下一步 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
size="large" |
|
|
|
|
@click="Completed" |
|
|
|
|
style="background-color: #0052d9; color: #fff; border: 0" |
|
|
|
|
>完成</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="isShowIdea" |
|
|
|
|
width="1000px" |
|
|
|
|
height="500px" |
|
|
|
|
top="10%" |
|
|
|
|
style="left: 5%; padding: 0" |
|
|
|
|
> |
|
|
|
|
<template #header> |
|
|
|
|
<div class="dialog-header">INTELIJ IDEA SETUP</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="idea-box"> |
|
|
|
|
<div class="left"></div> |
|
|
|
|
<div class="right"> |
|
|
|
|
<div v-if="installationStep === 10"> |
|
|
|
|
<div class="title">Welcome to IntelliJ lDEA Setup</div> |
|
|
|
|
<div class="description"> |
|
|
|
|
Setup wil guide you through the installation of Inteli] IDEA. It is |
|
|
|
|
recommended that you dose all other applications befonestarting |
|
|
|
|
Setup, This will make it possible to update relevantsystem fles |
|
|
|
|
wthout having to reboot your computer.<br /> Click Nedt to cantinue. |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="installationStep === 11"> |
|
|
|
|
<div class="title"> Completing inteliJ lDEA Setup </div> |
|
|
|
|
<div class="description"> |
|
|
|
|
lrtel lDEA has been instdlled on your comgarier.Chdk nnish to dose setmp R.n intt3 boEA |
|
|
|
|
</div> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 8" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>安装支持</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 8" |
|
|
|
|
type="primary" |
|
|
|
|
size="large" |
|
|
|
|
@click="setInstallationStep" |
|
|
|
|
style="background-color: #0052d9; color: #fff; border: 0" |
|
|
|
|
> |
|
|
|
|
不需要支持 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>上一步</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
type="primary" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
|
|
|
|
|
> |
|
|
|
|
下一步 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
size="large" |
|
|
|
|
@click="Completed" |
|
|
|
|
style="background-color: #0052d9; color: #fff; border: 0" |
|
|
|
|
>完成</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- <div |
|
|
|
|
class="step9" |
|
|
|
|
|
|
|
|
|
style="height: 250px; font-weight: bold; font-size: 16px" |
|
|
|
|
> |
|
|
|
|
安装完成! |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 10" |
|
|
|
|
type="primary" |
|
|
|
|
size="large" |
|
|
|
|
@click="setInstallationStep" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
> |
|
|
|
|
下一步 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 11" |
|
|
|
|
size="large" |
|
|
|
|
@click="insatIdea" |
|
|
|
|
style="background-color: #0052d9; color: #fff; border: 0" |
|
|
|
|
>完成</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
import { ref } from "vue"; |
|
|
|
|
import { setStepEvent } from "@/utils/setStep"; |
|
|
|
|
import { formatDate } from "@/utils"; |
|
|
|
|
import { useRouter, useRoute } from "vue-router"; |
|
|
|
|
|
|
|
|
|
type Falg = boolean; |
|
|
|
|
type Step = number; |
|
|
|
|
const falg = ref<Falg>(false); |
|
|
|
|
const product = ref<Falg>(false); |
|
|
|
|
const falg = ref<Falg>(Boolean(localStorage.getItem("falg")) || false); |
|
|
|
|
const product = ref<Falg>(Boolean(localStorage.getItem("product")) || false); |
|
|
|
|
const step = ref<Step>(0); |
|
|
|
|
const popover1 = ref<any>(null); |
|
|
|
|
const popover2 = ref<any>(null); |
|
|
|
|
const dialogVisible = ref<Falg>(false); |
|
|
|
|
const Installation = ref<Falg>(false); |
|
|
|
|
const Popup = ref<Falg>(false); |
|
|
|
|
const installationStep = ref<Step>(1); |
|
|
|
|
const installationStep = ref<Step>( |
|
|
|
|
Number(localStorage.getItem("installationStep")) || 0 |
|
|
|
|
); |
|
|
|
|
const route = useRoute(); |
|
|
|
|
const router = useRouter(); |
|
|
|
|
const isShowIdea = ref<Boolean>(false); |
|
|
|
|
console.log(route); |
|
|
|
|
if (route.query.idea) { |
|
|
|
|
isShowIdea.value = true; |
|
|
|
|
installationStep.value = 10 |
|
|
|
|
} |
|
|
|
|
const checkList = ref<Step[]>([1, 2]); |
|
|
|
|
const unpack = (): void => { |
|
|
|
|
falg.value = true; |
|
|
|
|
localStorage.setItem("falg", "true"); |
|
|
|
|
console.log(falg); |
|
|
|
|
popover1.value.hide(); |
|
|
|
|
}; |
|
|
|
|
@ -546,17 +753,34 @@ const openSrttingDialog = (): void => { |
|
|
|
|
}; |
|
|
|
|
const setInstallationStep = (): void => { |
|
|
|
|
installationStep.value++; |
|
|
|
|
if(installationStep.value == 8){ |
|
|
|
|
Popup.value = true |
|
|
|
|
localStorage.setItem("installationStep", installationStep.value.toString()); |
|
|
|
|
if (installationStep.value == 8) { |
|
|
|
|
Popup.value = true; |
|
|
|
|
} |
|
|
|
|
if(installationStep.value == 9){ |
|
|
|
|
Installation.value = false |
|
|
|
|
Popup.value = true |
|
|
|
|
if (installationStep.value == 9) { |
|
|
|
|
Installation.value = false; |
|
|
|
|
Popup.value = true; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
const Completed = ():void => { |
|
|
|
|
Popup.value = false |
|
|
|
|
const Completed = (): void => { |
|
|
|
|
Popup.value = false; |
|
|
|
|
product.value = true; |
|
|
|
|
localStorage.setItem("product", "true"); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 前往labView |
|
|
|
|
const goToLabView = async () => { |
|
|
|
|
await setStepEvent(1, formatDate(new Date())); |
|
|
|
|
router.push("/program"); |
|
|
|
|
}; |
|
|
|
|
const goToLabIdea = async () => { |
|
|
|
|
await setStepEvent(7,formatDate(new Date())) |
|
|
|
|
|
|
|
|
|
router.push('/compiler') |
|
|
|
|
} |
|
|
|
|
const insatIdea = () => { |
|
|
|
|
isShowIdea.value = false |
|
|
|
|
setStepEvent(6,formatDate(new Date())) |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
@ -778,155 +1002,176 @@ const Completed = ():void => { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step2 { |
|
|
|
|
min-height: 230px; |
|
|
|
|
.title { |
|
|
|
|
font-size: 24px; |
|
|
|
|
color: #585858; |
|
|
|
|
font-weight: 700; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
font-size: 16px; |
|
|
|
|
line-height: 30px; |
|
|
|
|
color: #585858; |
|
|
|
|
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.name, |
|
|
|
|
.unit { |
|
|
|
|
padding-left: 37px; |
|
|
|
|
margin-top: 25px; |
|
|
|
|
min-height: 230px; |
|
|
|
|
.title { |
|
|
|
|
font-size: 24px; |
|
|
|
|
color: #585858; |
|
|
|
|
font-weight: 700; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
font-size: 16px; |
|
|
|
|
line-height: 30px; |
|
|
|
|
color: #585858; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.name, |
|
|
|
|
.unit { |
|
|
|
|
padding-left: 37px; |
|
|
|
|
margin-top: 25px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step3{ |
|
|
|
|
// width: 540px; |
|
|
|
|
// height: 500px; |
|
|
|
|
// border-radius: 5px; |
|
|
|
|
// background-color: #fff; |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip{ |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.serial{ |
|
|
|
|
margin-top: 40px; |
|
|
|
|
.name{ |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
margin-left: 400px; |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-form-item__label ){ |
|
|
|
|
text-align: left; /* 设置label左对齐 */ |
|
|
|
|
line-height: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step4{ |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.item{ |
|
|
|
|
margin-top: 50px; |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step5{ |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.headers{ |
|
|
|
|
display: flex; /* 使用Flexbox布局 */ |
|
|
|
|
justify-content: space-between; /* 让子元素在容器中左右对齐 */ |
|
|
|
|
} |
|
|
|
|
.header{ |
|
|
|
|
display: flex; /* 使用Flexbox布局 */ |
|
|
|
|
flex-direction: column; /* 设置子元素竖向排列 */ |
|
|
|
|
align-items: flex-start; /* 对齐方式，让子元素的起始位置对齐 */ |
|
|
|
|
width: auto; |
|
|
|
|
} |
|
|
|
|
.item{ |
|
|
|
|
margin-top: 20px; |
|
|
|
|
margin-left: 30px; |
|
|
|
|
font-size: 13px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: '▸ '; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 13px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
.image-container { |
|
|
|
|
background-color: #ebebeb; |
|
|
|
|
width: 300px; /* 或者根据需要调整宽度 */ |
|
|
|
|
margin-left: auto; /* 推动到右侧 */ |
|
|
|
|
padding: 10px; |
|
|
|
|
display: flex; /* 启用Flexbox布局 */ |
|
|
|
|
flex-direction: column; /* 设置子元素竖向排列 */ |
|
|
|
|
justify-content: center; /* 垂直居中 */ |
|
|
|
|
align-items: center; /* 水平居中 */ |
|
|
|
|
} |
|
|
|
|
.name{ |
|
|
|
|
margin-top: 40px; |
|
|
|
|
} |
|
|
|
|
.name:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step6{ |
|
|
|
|
.title { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
color: #f2994a; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
.item{ |
|
|
|
|
margin-top: 40px; |
|
|
|
|
line-height: 1.6; /* 设置行高 */ |
|
|
|
|
letter-spacing: 0.5px; /* 设置字母间距 */ |
|
|
|
|
} |
|
|
|
|
.step3 { |
|
|
|
|
// width: 540px; |
|
|
|
|
// height: 500px; |
|
|
|
|
// border-radius: 5px; |
|
|
|
|
// background-color: #fff; |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.step7{ |
|
|
|
|
padding: 50px; |
|
|
|
|
// width: 600px; |
|
|
|
|
.name{ |
|
|
|
|
margin-bottom: 8px; |
|
|
|
|
.tip { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.serial { |
|
|
|
|
margin-top: 40px; |
|
|
|
|
.name { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
margin-left: 400px; |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-form-item__label) { |
|
|
|
|
text-align: left; /* 设置label左对齐 */ |
|
|
|
|
line-height: 20px; |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step4 { |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.item { |
|
|
|
|
margin-top: 50px; |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step5 { |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.headers { |
|
|
|
|
display: flex; /* 使用Flexbox布局 */ |
|
|
|
|
justify-content: space-between; /* 让子元素在容器中左右对齐 */ |
|
|
|
|
} |
|
|
|
|
.header { |
|
|
|
|
display: flex; /* 使用Flexbox布局 */ |
|
|
|
|
flex-direction: column; /* 设置子元素竖向排列 */ |
|
|
|
|
align-items: flex-start; /* 对齐方式，让子元素的起始位置对齐 */ |
|
|
|
|
width: auto; |
|
|
|
|
} |
|
|
|
|
.item { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
margin-left: 30px; |
|
|
|
|
font-size: 13px; |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: "▸ "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 13px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
.image-container { |
|
|
|
|
background-color: #ebebeb; |
|
|
|
|
width: 300px; /* 或者根据需要调整宽度 */ |
|
|
|
|
margin-left: auto; /* 推动到右侧 */ |
|
|
|
|
padding: 10px; |
|
|
|
|
display: flex; /* 启用Flexbox布局 */ |
|
|
|
|
flex-direction: column; /* 设置子元素竖向排列 */ |
|
|
|
|
justify-content: center; /* 垂直居中 */ |
|
|
|
|
align-items: center; /* 水平居中 */ |
|
|
|
|
} |
|
|
|
|
.name { |
|
|
|
|
margin-top: 40px; |
|
|
|
|
} |
|
|
|
|
.name:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step6 { |
|
|
|
|
.title { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
color: #f2994a; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
.item { |
|
|
|
|
margin-top: 40px; |
|
|
|
|
line-height: 1.6; /* 设置行高 */ |
|
|
|
|
letter-spacing: 0.5px; /* 设置字母间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step7 { |
|
|
|
|
padding: 50px; |
|
|
|
|
// width: 600px; |
|
|
|
|
.name { |
|
|
|
|
margin-bottom: 8px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.idea-box { |
|
|
|
|
width: 1000px; |
|
|
|
|
height: 400px; |
|
|
|
|
display: flex; |
|
|
|
|
.left { |
|
|
|
|
width: 234px; |
|
|
|
|
height: 100%; |
|
|
|
|
background: url("../../assets/images/idealeftbgc.png"); |
|
|
|
|
} |
|
|
|
|
.right{ |
|
|
|
|
flex: 1; |
|
|
|
|
margin-left: 30px; |
|
|
|
|
.title{ |
|
|
|
|
font-size: 32px; |
|
|
|
|
color: #585858; |
|
|
|
|
} |
|
|
|
|
.description{ |
|
|
|
|
margin-top: 50px; |
|
|
|
|
line-height: 24px; |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.dialog-header { |
|
|
|
|
padding: 20px; |
|
|
|
|
|
JayChou
2 months ago
