|
|
|
|
@ -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> |
|
|
|
|
|
JayChou
3 weeks ago