From c0b697786df9307ff47e4b29b3ddfce3af416970 Mon Sep 17 00:00:00 2001
From: JayChou <xxx@gmail.com>
Date: Wed, 2 Apr 2025 17:05:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=97=AE=E9=A2=98=20?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E7=8F=AD=E7=BA=A7=E9=A2=9C=E8=89=B2=E8=BF=87?=
 =?UTF-8?q?=E6=B5=85=20=E8=BF=9E=E6=8E=A5=E8=8A=82=E7=82=B9=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E8=BF=87=E6=B5=85=20=E9=99=90=E5=88=B6ip=E5=92=8C?=
 =?UTF-8?q?=E7=AB=AF=E5=8F=A3=E4=B9=A6=E5=86=99=20=E5=AE=9E=E9=AA=8C?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E5=A2=9E=E5=8A=A0=E6=A0=A1=E9=AA=8C100-500?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue                          |   3 -
 src/layout/loginPage.vue                      |   3 +-
 src/styles/index.scss                         |   7 +
 src/views/designRoute/components/i.vue        |   4 +-
 src/views/designRoute/components/number10.vue |   4 +-
 src/views/designRoute/components/number2.vue  |   4 +-
 src/views/designRoute/index.vue               |   7 +-
 src/views/largeDataScreen/home.vue            |  69 +++---
 src/views/program/components/chart.vue        |  73 ++++++
 src/views/program/index.vue                   | 216 +++++++++++-------
 10 files changed, 264 insertions(+), 126 deletions(-)
 create mode 100644 src/views/program/components/chart.vue

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 83a95bc..10c1781 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -8,11 +8,8 @@
       <div class="title">{{ setting.title }}</div>
     </div>
     <router-view v-slot="{ Component }">
-      <keep-alive>
         <component :is="Component"></component>
-      </keep-alive>
     </router-view>
-    <keep-alive> </keep-alive>
     <div class="bottom" v-if=" setting.activeStepIndex!=12">
       当前实验步骤为第{{ setting.activeStepIndex }}步，实验名称为:{{
         stepData[setting.activeStepIndex]
diff --git a/src/layout/loginPage.vue b/src/layout/loginPage.vue
index ba6134d..9f8cef5 100644
--- a/src/layout/loginPage.vue
+++ b/src/layout/loginPage.vue
@@ -623,7 +623,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .login_container {
   position: relative;
   width: 100%;
@@ -735,4 +735,5 @@ onMounted(() => {
 :deep(.el-form-item__error) {
   left: 110px;
 }
+
 </style>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index d1ee655..9b9a61c 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -24,4 +24,11 @@
 /* 轨道悬停样式 */  
 ::-webkit-scrollbar-track:hover {  
     background-color: #e1e1e1;  
+}
+.el-radio__inner{
+    border-color: #000 !important;
+    // background-color: #000 !important;
+    &:hover{
+        border-color: blue !important;
+    }
 }
\ No newline at end of file
diff --git a/src/views/designRoute/components/i.vue b/src/views/designRoute/components/i.vue
index 386526c..6132ca1 100644
--- a/src/views/designRoute/components/i.vue
+++ b/src/views/designRoute/components/i.vue
@@ -14,11 +14,11 @@ import { ref, computed, nextTick, watch, onMounted } from "vue"
   .main{
     width: 40px;
     height: 40px;
-    border: 2px solid #0712ca;
+    border: 2px solid #f82caa;
     text-align: center;
     font-size: 20px;
     line-height: 40px;
     font-weight: 700;
-    color: #0712ca;
+    color: #f82caa;
   }
 </style>
\ No newline at end of file
diff --git a/src/views/designRoute/components/number10.vue b/src/views/designRoute/components/number10.vue
index 0582333..56e114d 100644
--- a/src/views/designRoute/components/number10.vue
+++ b/src/views/designRoute/components/number10.vue
@@ -14,12 +14,12 @@
     .main{
       width: 40px;
       height: 40px;
-      border: 2px solid #0712ca;
+      border: 2px solid #f82caa;
       text-align: center;
       font-size: 20px;
       line-height: 40px;
       font-weight: 700;
-      color: #0712ca;
+      color: #f82caa;
       
     }
     
diff --git a/src/views/designRoute/components/number2.vue b/src/views/designRoute/components/number2.vue
index 9b60b20..d72c650 100644
--- a/src/views/designRoute/components/number2.vue
+++ b/src/views/designRoute/components/number2.vue
@@ -13,11 +13,11 @@
   .main{
     width: 20px;
     height: 30px;
-    border: 2px solid #0712ca;
+    border: 2px solid #f82caa;
     text-align: center;
     font-size: 20px;
     line-height: 30px;
     font-weight: 700;
-    color: #0712ca;
+    color: #f82caa;
   }
 </style>
\ No newline at end of file
diff --git a/src/views/designRoute/index.vue b/src/views/designRoute/index.vue
index 3834131..a1472c6 100644
--- a/src/views/designRoute/index.vue
+++ b/src/views/designRoute/index.vue
@@ -10,12 +10,13 @@
   >
     <div id="container"></div>
     <div class="setting">
+      <el-button @click="router.push('/program')">上一步</el-button>
       <el-button @click="onUndo">撤回</el-button>
       <el-button @click="onRedo">恢复</el-button>
     <el-button @click="clearLocalStorage">清除缓存</el-button>
 
       <el-button @click="onSave">保存</el-button>
-      <el-button @click="onTip">提示</el-button>
+      <el-button @click="onTip">步骤提示</el-button>
     </div>
   </div>
   <div class="tip-view">
@@ -842,7 +843,7 @@ const shiduCode = "float b;a=10000*S0/W1;R+(1-exp(-t1/b))*100+R0;if(R>=100){R=10
 const onSave = () => {
 
 
-  // console.log(removeDuplicateEdges(formatEdges()), standardData);
+  console.log(removeDuplicateEdges(formatEdges()), standardData);
   // return
   if (standardData.length !== removeDuplicateEdges(formatEdges()).length)
     return ElMessage.error("请完善数据");
@@ -858,6 +859,8 @@ const onSave = () => {
   ElMessage.success("保存成功");
   settingStore.setValue( true,'saveRoute');
   localStorage.setItem('saveRoute',true)
+  settingStore.setValue(true, "experimentPreservation");
+  localStorage.setItem("experimentPreservation", "true");
   router.push('/program')
   // const data = graph.toJSON();
   // console.log(data);
diff --git a/src/views/largeDataScreen/home.vue b/src/views/largeDataScreen/home.vue
index 11c5ca8..92addad 100644
--- a/src/views/largeDataScreen/home.vue
+++ b/src/views/largeDataScreen/home.vue
@@ -7,9 +7,10 @@
           :width="260"
           trigger="contextmenu"
           ref="popover1"
+          
         >
           <template #reference>
-            <div class="item">
+            <div class="item" @click="showMessage('请右键点击')">
               <div class="icon">
                 <img
                   style="width: 100%"
@@ -22,13 +23,13 @@
             </div>
           </template>
           <div class="setting-list">
-            <div class="item">
+            <div class="item" @click="showMessage('请点击解压到当前文件夹')">
               <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="item" @click="showMessage('请点击解压到当前文件夹')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
@@ -40,25 +41,25 @@
               </div>
               <div class="name">解压到当前文件夹</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击解压到当前文件夹')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到...</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击解压到当前文件夹')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到"LabVIEW2024 (64位)\"</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击解压到当前文件夹')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">其他压缩命令</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击解压到当前文件夹')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
@@ -74,7 +75,7 @@
           ref="popover2"
         >
           <template #reference>
-            <div class="item">
+            <div class="item" @click="showMessage('请右键点击')">
               <div class="icon">
                 <img
                   style="width: 100%"
@@ -93,37 +94,37 @@
               </div>
               <div class="name" style="font-weight: 700">打开</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击打开')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">管理员身份运行</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击打开')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到当前文件夹</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击打开')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到...</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击打开')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到"LabVIEW2024 (64位)\"</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击打开')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">其他压缩命令</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击打开')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
@@ -139,7 +140,7 @@
           ref="popover2"
         >
           <template #reference>
-            <div class="item">
+            <div class="item" @click="showMessage('请右键点击')">
               <div class="icon">
                 <img
                   style="width: 100%"
@@ -152,7 +153,7 @@
             </div>
           </template>
           <div class="setting-list">
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <!-- <img src="@/assets/images/home.png" alt="" /> -->
               </div>
@@ -164,31 +165,31 @@
               </div>
               <div class="name" @click="goToLabView">管理员身份运行</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到当前文件夹</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到...</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到"LabVIEW2024 (64位)\"</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">其他压缩命令</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
@@ -204,7 +205,7 @@
           v-if="installationStep === 11"
         >
           <template #reference>
-            <div class="item">
+            <div class="item" @click="showMessage('请右键点击')">
               <div class="icon">
                 <img
                   style="width: 100%"
@@ -219,43 +220,43 @@
             </div>
           </template>
           <div class="setting-list">
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <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="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name" @click="goToLabIdea">管理员身份运行</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到当前文件夹</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到...</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">解压到"LabVIEW2024 (64位)\"</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
               <div class="name">其他压缩命令</div>
             </div>
-            <div class="item">
+            <div class="item" @click="showMessage('请点击管理员身份运行')">
               <div class="icon">
                 <img src="@/assets/images/home.png" alt="" />
               </div>
@@ -759,6 +760,7 @@ import { formatDate } from "@/utils";
 import { useRouter, useRoute } from "vue-router";
 import { onMounted,onActivated } from "vue";
 import settingStore from "@/store/modules/setting";
+import { ElMessage } from "element-plus";
 type Falg = boolean;
 type Step = number;
 const falg = ref<Falg>(Boolean(localStorage.getItem("falg")) || false);
@@ -834,6 +836,8 @@ const isShowStrring = Boolean(localStorage.getItem("falg")) || false;
 
 // 前往labView
 const goToLabView = async () => {
+  console.log(isShowStrring);
+  
   if (isShowStrring) {
     await setStepEvent(1, formatDate(new Date()));
     useSettingStore.activeStepIndex = 2;
@@ -855,6 +859,13 @@ const insatIdea = () => {
   setStepEvent(6, formatDate(new Date()));
   useSettingStore.activeStepIndex = 7;
 };
+
+const showMessage = (msg:string) => {
+  ElMessage({
+    message: msg,
+    type: "warning",
+  });
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/program/components/chart.vue b/src/views/program/components/chart.vue
new file mode 100644
index 0000000..e24feaa
--- /dev/null
+++ b/src/views/program/components/chart.vue
@@ -0,0 +1,73 @@
+<template>
+  <div id="my-chart"></div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, watch } from "vue";
+import * as echarts from "echarts";
+import useSettingStore from "@/store/modules/setting";
+import { storeToRefs } from "pinia";
+
+const store = useSettingStore();
+const { shiyanData } = storeToRefs(store); // 监听数据变化
+
+let myChart: echarts.ECharts;
+
+onMounted(() => {
+  myChart = echarts.init(document.getElementById("my-chart") as HTMLElement);
+
+  const option = {
+    title: { text: "温度 & 湿度变化", left: "center" },
+    tooltip: { trigger: "axis" },
+    xAxis: {
+      type: "category",
+      data: shiyanData.value.map((d) => d.time + 's'),
+    },
+    yAxis: [
+      { type: "value", name: "温度 (°C)" },
+      { type: "value", name: "湿度 (%)", position: "right" },
+    ],
+    series: [
+      {
+        name: "温度",
+        type: "line",
+        data: shiyanData.value.map((d) => d.currentTemp),
+      },
+      {
+        name: "湿度",
+        type: "line",
+        data: shiyanData.value.map((d) => d.currentHumidity),
+        yAxisIndex: 1,
+      },
+    ],
+  };
+
+  myChart.setOption(option);
+});
+
+// 监听数据变化，自动更新图表
+watch(
+  shiyanData,
+  (newData) => {
+    if (myChart) {
+      myChart.setOption({
+        xAxis: {
+          data: newData.map((d) =>d.time + 's'),
+        },
+        series: [
+          { data: newData.map((d) => d.currentTemp) },
+          { data: newData.map((d) => d.currentHumidity) },
+        ],
+      });
+    }
+  },
+  { deep: true }
+);
+</script>
+
+<style scoped>
+#my-chart {
+  width: 800px;
+  height: 400px;
+}
+</style>
diff --git a/src/views/program/index.vue b/src/views/program/index.vue
index 3477a5f..f51ace6 100644
--- a/src/views/program/index.vue
+++ b/src/views/program/index.vue
@@ -40,6 +40,7 @@
     </el-form>
   </el-drawer>
   <div class="setting" v-if="isShowStrring">
+    <el-button @click="router.push('/')">上一步</el-button>
     <el-button @click="onUndo">撤回</el-button>
     <el-button @click="onRedo">恢复</el-button>
     <el-button @click="clearLocalStorage">清除缓存</el-button>
@@ -50,7 +51,7 @@
       @click="onSave"
       >{{ useSettingStore.experimentPreservation ? "运行" : "保存" }}</el-button
     >
-    <el-button @click="onTip">提示</el-button>
+    <el-button @click="onTip">步骤提示</el-button>
     <el-button @click="showDialog">填写实验报告</el-button>
   </div>
   <div class="setting" v-else>
@@ -78,26 +79,37 @@
     v-if="dialogVisible"
   >
     <el-form :model="form" label-width="auto" style="max-width: 600px">
-     
-      <el-form-item label="实验内容">
-        <el-input v-model="form.shiyanStep" type="textarea" />
-        <div class="tips">实践内容及步骤</div>
-      </el-form-item>
-      <el-form-item label="实验结果">
-        <el-input v-model="form.shiyanJieGuo" type="textarea" />
-        <div class="tips">本实践源程序清单及运行结果或实践结论、实践设计图</div>
-      </el-form-item>
       <el-form-item label="实践总结">
-        <el-input v-model="form.shijianZhongJie" type="textarea" />
+        <el-input
+          v-model="form.shijianZhongJie"
+          type="textarea"
+          :rows="5"
+          placeholder="请输入实践总结字数为100字到500字"
+          show-word-limit
+          maxlength="500"
+        />
         <div class="tips">对本实践结果进行分析，实践心得及改进意见</div>
       </el-form-item>
     </el-form>
     <template #footer>
       <div class="dialog-footer">
         <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="exportWord">
-          保存
-        </el-button>
+        <el-button type="primary" @click="exportWord"> 保存 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+  <el-dialog
+    v-model="chartDialog"
+    title="温度变化曲线"
+    width="850"
+    v-if="chartDialog"
+    draggable
+    overflow
+  >
+    <chart />
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="chartDialog = false">关闭</el-button>
       </div>
     </template>
   </el-dialog>
@@ -127,14 +139,15 @@ import JSZipUtils from "jszip-utils";
 import JSZip from "pizzip";
 import Docxtemplater from "docxtemplater";
 import { saveAs } from "file-saver";
-import { getReport,saveReport}  from '@/api'
+import { getReport, saveReport } from "@/api";
+import chart from "./components/chart.vue";
 const useSettingStore = settingStore();
 const router = useRouter();
 // console.log(useSettingStore.qw);
 
 // 为了协助代码演示
 const falg = ref(false);
-const isShowStrring = Boolean(localStorage.getItem('falg')) || false
+const isShowStrring = Boolean(localStorage.getItem("falg")) || false;
 let graph: any = null;
 const nodeName = ref("");
 const csedNode = ref<any>(null);
@@ -236,7 +249,7 @@ onMounted(() => {
   // #endregion
   // 点击节点时显示编辑框
   graph.on("node:click", ({ cell }: any) => {
-    if(!isShowStrring) return
+    if (!isShowStrring) return;
     // console.log(cell.store.previous.name);
     console.log(cell);
     if (!useSettingStore.saveRoute) {
@@ -255,6 +268,9 @@ onMounted(() => {
     )
       return;
     // if (cell.store.previous.name === "qw") {
+    nodeName.value = cell.shape;
+    console.log(nodeName.value);
+
     falg.value = true;
     // }
     // 获取节点属性
@@ -264,6 +280,7 @@ onMounted(() => {
       // width: cell.getAttr('body/width'),
       // height: cell.getAttr('body/height'),
     };
+
     drawerVisible.value = true; // 打开编辑抽屉
     // cell.addTools([
     //   {
@@ -1105,6 +1122,15 @@ const saveNodeData = () => {
     //       //   height: selectedNodeData.value.height,
     //       // },
     //     });
+    if (nodeName.value === "custom-text-IP") {
+      if (!isIP(selectedNodeData.value.label)) {
+        return ElMessage.error("请输入正确的IP地址,如127.0.0.1");
+      }
+    } else if (nodeName.value === "custom-text-prot") {
+      if (!(selectedNodeData.value.label === "8866")) {
+        return ElMessage.error("端口号为8866");
+      }
+    }
     node.label = selectedNodeData.value.label;
   }
   drawerVisible.value = false;
@@ -1155,6 +1181,19 @@ const saveNodeData = () => {
     });
   }
 };
+function isIPv4(str: string) {
+  const ipv4Regex =
+    /^(25[0-5]|2[0-4][0-9]|1?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|1?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|1?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|1?[0-9][0-9]?)$/;
+  return ipv4Regex.test(str);
+}
+function isIPv6(str: string) {
+  const ipv6Regex =
+    /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/;
+  return ipv6Regex.test(str);
+}
+function isIP(str: string) {
+  return isIPv4(str) || isIPv6(str);
+}
 
 // 关闭抽屉之前的回调
 const beforeClose = () => {
@@ -1230,8 +1269,10 @@ const sdsz = ref<any>(null);
 const onSave = async () => {
   if (useSettingStore.isRunCode) {
     await setStepEvent(9, formatDate(new Date()));
-useSettingStore.activeStepIndex = 10
-
+    useSettingStore.activeStepIndex = 10;
+    setTimeout(() => {
+      chartDialog.value = true;
+    }, 1000);
   }
   if (
     !hasExactNames(graph.getNodes(), [
@@ -1254,12 +1295,9 @@ useSettingStore.activeStepIndex = 10
     });
   }
   if (!useSettingStore.experimentPreservation) {
-    useSettingStore.setValue(true, "experimentPreservation");
-    localStorage.setItem("experimentPreservation", "true");
     if (!useSettingStore.isRunCode) {
       await setStepEvent(2, formatDate(new Date()));
-useSettingStore.activeStepIndex = 3
-
+      useSettingStore.activeStepIndex = 3;
     }
 
     router.push("/designRoute");
@@ -1424,8 +1462,7 @@ useSettingStore.activeStepIndex = 3
   if (!useSettingStore.isRunCode) {
     setStepEvent(4, formatDate(new Date()));
     setStepEvent(5, formatDate(new Date()));
-useSettingStore.activeStepIndex = 6
-
+    useSettingStore.activeStepIndex = 6;
   }
 
   // const data = graph.toJSON();
@@ -1484,13 +1521,11 @@ function loadFromLocalStorage() {
   return JSON.parse(localStorage.getItem(SESSION_KEY) as string) || [];
 }
 
-function clearLocalStorage(falg=true) {
+function clearLocalStorage(falg = true) {
   localStorage.removeItem(SESSION_KEY);
-  if(falg){
-  window.location.reload();
-
+  if (falg) {
+    window.location.reload();
   }
-
 }
 // 恢复画布状态
 function restoreGraph() {
@@ -1512,76 +1547,87 @@ const onTip = () => {
 };
 const dialogVisible = ref(false);
 const form = ref({
-  shiyanStep: "",
-  shiyanJieGuo:'',
-  shijianZhongJie:'',
-  laoshipingyu:' 非常好',
-  sum:100
+  shijianZhongJie: "",
+  laoshipingyu: " 非常好",
+  sum: 100,
 });
 const showDialog = async () => {
-  const res:any = await getReport();
+  const res: any = await getReport();
   form.value.shijianZhongJie = res.result.summarize;
-  form.value.shiyanJieGuo = res.result.result;
-  form.value.shiyanStep = res.result.experimentalResult;
   console.log(res);
-  
+
   dialogVisible.value = true;
 };
 const exportWord = async () => {
+  console.log(form.value.shijianZhongJie);
+  if (!form.value.shijianZhongJie)
+    return ElMessage({
+      type: "warning",
+      message: "总结不能为空",
+    });
+  if (form.value.shijianZhongJie.length < 100) {
+    return ElMessage({
+      type: "warning",
+      message: "总结不能少于100字",
+    });
+  }
+  // return;
   await saveReport({
-    experimentalResult:form.value.shiyanStep,
-    result:form.value.shiyanJieGuo,
-    summarize:form.value.shijianZhongJie
-  })
+    summarize: form.value.shijianZhongJie,
+  });
   dialogVisible.value = false;
-  ElMessage.success('保存成功')
+  ElMessage.success("保存成功");
   localStorage.removeItem("falg");
   await setStepEvent(11, formatDate(new Date()));
-  useSettingStore.activeStepIndex = 12
-  router.push('/studyPage')
-      return 
-      JSZipUtils.getBinaryContent("template.docx", function (error:any, content:any) {
-        // 抛出异常
-        if (error) {
-          throw error;
-        }
-        // 创建一个JSZip实例，内容为模板的内容
-        let zip = new JSZip(content);
-        // 创建并加载docxtemplater实例对象
-        let doc = new Docxtemplater().loadZip(zip);
-        // 设置模板变量的值
-
+  useSettingStore.activeStepIndex = 12;
+  router.push("/studyPage");
+  return;
+  JSZipUtils.getBinaryContent(
+    "template.docx",
+    function (error: any, content: any) {
+      // 抛出异常
+      if (error) {
+        throw error;
+      }
+      // 创建一个JSZip实例，内容为模板的内容
+      let zip = new JSZip(content);
+      // 创建并加载docxtemplater实例对象
+      let doc = new Docxtemplater().loadZip(zip);
+      // 设置模板变量的值
 
-        doc.setData({
-         ...form.value,
-         shiyanTime:formatDate(new Date())
-          // table:_this.table,
-        });
-        try {
-          // 用模板变量的值替换所有模板变量
-          doc.render();
-        } catch (error) {
-          // 抛出异常
-          // let e = {
-          //   message: error.message,
-          //   name: error.name,
-          //   stack: error.stack,
-          //   properties: error.properties,
-          // }
-        ElMessage.error('导出失败')
-          throw error;
-        }
+      doc.setData({
+        ...form.value,
+        shiyanTime: formatDate(new Date()),
+        // table:_this.table,
+      });
+      try {
+        // 用模板变量的值替换所有模板变量
+        doc.render();
+      } catch (error) {
+        // 抛出异常
+        // let e = {
+        //   message: error.message,
+        //   name: error.name,
+        //   stack: error.stack,
+        //   properties: error.properties,
+        // }
+        ElMessage.error("导出失败");
+        throw error;
+      }
 
-        // 生成一个代表docxtemplater对象的zip文件（不是一个真实的文件，而是在内存中的表示）
-        let out = doc.getZip().generate({
-          type: "blob",
-          mimeType:
-            "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-        });
-        // 将目标文件对象保存为目标类型的文件，并命名
-        saveAs(out, "实验报告.docx");
+      // 生成一个代表docxtemplater对象的zip文件（不是一个真实的文件，而是在内存中的表示）
+      let out = doc.getZip().generate({
+        type: "blob",
+        mimeType:
+          "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
       });
+      // 将目标文件对象保存为目标类型的文件，并命名
+      saveAs(out, "实验报告.docx");
     }
+  );
+};
+
+const chartDialog = ref(false);
 </script>
 
 <style scoped>