安装完成

main
Ly 2 weeks ago
parent 54f2a33f09
commit 931ce7446b
  1. 111
      src/views/largeDataScreen/home.vue

@ -383,24 +383,59 @@
<br>正在安装自等社过猪保要票影的前我地,是器得品和更新如执行搜索则gational Instruments将在遵循保密协议的前提下使用您的搜索查询来改进搜索结果和相关性
</div>
</div>
<div class="step7" v-show="installationStep === 7">
<div class="step6" v-show="installationStep === 7">
<div class="title">产品通知</div>
<div class="tip">请查看所选配置的相关信息</div>
<div class="item">
安装须知本协议具合同效力在你方下载软件和/或完成软件安装过程之前请仔细阅读本协议一旦你方下载和/或点击相应的按钮从而完成软件安装过程即表示你方同意本协议条款并愿意受本协议的约束若你方不愿意成为本协议的当事方并不接受本协议所有条款和条件的约束请点击相应的按钮取消安装过程即不要安装或使用软件并在收到软件之日起三十(30)日内将软件(及所有随附书面材料及其包装)退还至获取该软件的地点所有退还事宜都应遵守退还发生时适用的NI退还政策.com/info并输入信息代码expm69查询
<br>定义 在本协议中下列术语的含义如下本National Instruments许可适用于软件LabVIEW 204
</div>
<div class="radio-container">
<el-radio-group v-model="radio1">
<el-radio value="接受" size="large">我接受上述2条许可协议</el-radio>
<el-radio value="不接受" size="large">我不接受某些许可协议</el-radio>
</el-radio-group>
</div>
</div>
<div class="step8" v-show="installationStep === 8">
<p class="name">总进度</p>
<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">
<div class="step8" v-show="installationStep === 9">
<p class="name">总进度</p>
<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="step11" v-show="installationStep === 11">
<div class="item">必须重新启动计算机才能完成当前操作<br>如需马上安装硬件请关闭计算机如需稍后重启计算机在重启之前请不要运行该软件</div>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button
v-show="installationStep === 11"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
>稍后重启(A)</el-button
>
<el-button
v-show="installationStep === 11"
type="primary"
@click="Completed"
style="background-color: #0052d9; color: #fff; border: 0"
>
关闭计算机(S)
</el-button>
<el-button
v-show="installationStep === 11"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
>重新启动(R)</el-button
>
<el-button
v-show="installationStep === 5"
@click="Installation = false"
@ -414,17 +449,19 @@
>磁盘占用</el-button
>
<el-button
v-show="installationStep === 6"
v-show="installationStep === 6||installationStep === 7||installationStep === 8||installationStep === 9"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
>保存文件</el-button
>
<el-button
v-if="installationStep === 11 ==false"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
>上一步</el-button
>
<el-button
v-if="installationStep === 11 ==false"
type="primary"
@click="setInstallationStep"
style="background-color: #0052d9; color: #fff; border: 0"
@ -432,6 +469,7 @@
下一步
</el-button>
<el-button
v-if="installationStep === 11 ==false"
type="primary"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
@ -452,27 +490,27 @@
<div class="dialog-header" >安装LabVIEW硬件支持</div>
</template>
<div class="installation-box">
<div v-show="installationStep === 8">
<div class="step9" v-show="installationStep === 9">
<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 class="step10" v-show="installationStep === 10"style="height: 250px;font-weight: bold;font-size: 16px;">
安装完成!
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button
v-show="installationStep === 8"
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 === 8"
v-show="installationStep === 9"
type="primary"
size="large"
@click="setInstallationStep"
@ -481,27 +519,28 @@
不需要支持
</el-button>
<el-button
v-show="installationStep === 9"
v-show="installationStep === 10"
size="large"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
>上一步</el-button
>
<el-button
v-show="installationStep === 9"
v-show="installationStep === 10"
type="primary"
size="large"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
@click="setInstallationStep"
style="background-color: #0052d9; color: #fff; border: 0"
>
下一步
</el-button>
<el-button
v-show="installationStep === 9"
v-show="installationStep === 10"
size="large"
@click="Completed"
style="background-color: #0052d9; color: #fff; border: 0"
@click="Installation = false"
style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
>完成</el-button
>
</div>
@ -515,6 +554,7 @@ import { ref } from "vue";
type Falg = boolean;
type Step = number;
const falg = ref<Falg>(false);
const radio1 = ref('接受')
const product = ref<Falg>(false);
const step = ref<Step>(0);
const popover1 = ref<any>(null);
@ -546,15 +586,20 @@ const openSrttingDialog = (): void => {
};
const setInstallationStep = (): void => {
installationStep.value++;
if(installationStep.value == 8){
if(installationStep.value == 9){
Popup.value = true
}
if(installationStep.value == 9){
if(installationStep.value == 10){
Installation.value = false
Popup.value = true
}
if(installationStep.value == 11){
Installation.value = true
Popup.value = false
}
};
const Completed = ():void => {
Installation.value = false
Popup.value = false
product.value = true;
}
@ -900,6 +945,7 @@ const Completed = ():void => {
}
}
.step6{
position: relative;
.title {
font-size: 15px;
font-weight: bold; /* 设置文字加粗 */
@ -908,11 +954,26 @@ const Completed = ():void => {
}
.item{
margin-top: 40px;
margin-bottom: 40px;
line-height: 1.6; /* 设置行高 */
letter-spacing: 0.5px; /* 设置字母间距 */
}
.radio-container{
position: absolute;
bottom: -65px;
right: -10px;
}
.radio-container .el-radio-group {
display: flex;
flex-direction: column; /* 设置为列方向 */
align-items: flex-start; /* 左对齐 */
}
.radio-container .el-radio {
margin-bottom: -10px; /* 单选按钮之间的间距 */
}
}
.step7{
.step8{
padding: 50px;
// width: 600px;
.name{
@ -920,6 +981,9 @@ const Completed = ():void => {
font-size: 15px;
font-weight: bold; /* 设置文字加粗 */
}
}
.step9{
.item:before {
content: "• "; /* 在内容前添加一个小点和空格 */
color: rgb(0, 0, 0); /* 设置小点的颜色 */
@ -927,6 +991,15 @@ const Completed = ():void => {
margin-right: 5px; /* 设置小点和文本之间的间距 */
}
}
.step11{
.item{
margin-bottom: 50px;
font-size: 15px;
font-weight: bold; /* 设置文字加粗 */
line-height: 1.5; /* 设置行高 */
letter-spacing: 0.5px; /* 设置字母间距 */
}
}
}
.dialog-header {
padding: 20px;

Loading…
Cancel
Save