安装完成

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"
+                @click="setInstallationStep"
-                style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
+                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;