+
![]()
-
+
-
打开
+
@@ -40,25 +41,25 @@
-
解压到当前文件夹
+
-
解压到...
+
-
解压到"LabVIEW2024 (64位)\"
+
-
其他压缩命令
+
@@ -74,7 +75,7 @@
ref="popover2"
>
-
+
![]()
-
打开
+
-
管理员身份运行
+
-
解压到当前文件夹
+
-
解压到...
+
-
解压到"LabVIEW2024 (64位)\"
+
-
其他压缩命令
+
@@ -139,7 +140,7 @@
ref="popover2"
>
-
+
![]()
-
+
@@ -164,31 +165,31 @@
- 管理员身份运行
+
-
解压到当前文件夹
+
-
解压到...
+
-
解压到"LabVIEW2024 (64位)\"
+
-
其他压缩命令
+
@@ -204,7 +205,7 @@
v-if="installationStep === 11"
>
-
+
![]()
-
+
-
打开
+
-
管理员身份运行
+
-
解压到当前文件夹
+
-
解压到...
+
-
解压到"LabVIEW2024 (64位)\"
+
-
其他压缩命令
+
@@ -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(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",
+ });
+}
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 @@
+ 上一步
撤回
恢复
清除缓存
@@ -50,7 +51,7 @@
@click="onSave"
>{{ useSettingStore.experimentPreservation ? "运行" : "保存" }}
- 提示
+ 步骤提示
填写实验报告
@@ -78,26 +79,37 @@
v-if="dialogVisible"
>
-
-
-
-
-
-
+
+
+
+
@@ -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(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(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);
实践内容及步骤
- 本实践源程序清单及运行结果或实践结论、实践设计图
- 对本实践结果进行分析，实践心得及改进意见