|
|
|
@ -1,22 +1,22 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<!-- <el-scrollbar ref="scrollbar" height="800px"> -->
|
|
|
|
<!-- <el-scrollbar ref="scrollbar" height="800px"> -->
|
|
|
|
<div class="main-top">
|
|
|
|
<div class="main-top">
|
|
|
|
<span style="font-weight: bold; font-size: 18px; color: #3596eb">任务描述</span>
|
|
|
|
<span style="font-weight: bold; font-size: 18px; color: #3596eb">任务描述</span>
|
|
|
|
<p style="font-weight: 400; font-size: 12px; color: #e6e6e6">(给出任务清单参考,做哪些数据的统计分析)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
|
|
|
|
<p style="font-weight: 400; font-size: 12px; color: #e6e6e6">(给出任务清单参考,做哪些数据的统计分析)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="main-but">
|
|
|
|
<div class="main-but">
|
|
|
|
<el-button @click="runResultShow = true">
|
|
|
|
<el-button @click="runResultShow = true">
|
|
|
|
<img src="../../../assets/images/导入.png" alt="" />
|
|
|
|
<img src="../../../assets/images/导入.png" alt="" />
|
|
|
|
算法知识导入
|
|
|
|
算法知识导入
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
<el-button @click="taskSubmit">
|
|
|
|
<el-button @click="taskSubmit">
|
|
|
|
<img src="../../../assets/images/提交.png" alt="" />
|
|
|
|
<img src="../../../assets/images/提交.png" alt="" />
|
|
|
|
实训任务提交
|
|
|
|
实训任务提交
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="app-main">
|
|
|
|
<div class="app-main">
|
|
|
|
<div class="main-left">
|
|
|
|
<div class="main-left">
|
|
|
|
<el-scrollbar height="560px" style="padding: 0 10px" min-size="5">
|
|
|
|
<el-scrollbar height="560px" style="padding: 0 10px" min-size="5">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="left-top">
|
|
|
|
<div class="left-top">
|
|
|
|
<span>一、选择指标</span>
|
|
|
|
<span>一、选择指标</span>
|
|
|
|
@ -73,49 +73,42 @@
|
|
|
|
<el-button @click="computation">计算</el-button>
|
|
|
|
<el-button @click="computation">计算</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-scrollbar>
|
|
|
|
</el-scrollbar>
|
|
|
|
<div style="margin-top: auto">
|
|
|
|
<div style="margin-top: auto">
|
|
|
|
<div class="startOver" @click="startOver()">
|
|
|
|
<div class="startOver" @click="startOver()">
|
|
|
|
<img src="../../../assets/images/重新开始.png" alt="" />
|
|
|
|
<img src="../../../assets/images/重新开始.png" alt="" />
|
|
|
|
<span>重新开始</span>
|
|
|
|
<span>重新开始</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="main-right">
|
|
|
|
|
|
|
|
<el-scrollbar height="500px" ref="scrollbar" style="padding: 20px;">
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<span style="font-weight: bold;font-size: 18px;color: #3596EB;">分析数据:</span>
|
|
|
|
|
|
|
|
<el-table :data="tableData2" style="width: 98%;margin-top:10px" :header-cell-style="headerCellStyle" height="350">
|
|
|
|
|
|
|
|
<el-table-column v-for="column in tableLabel" :key="column.prop" :prop="column.prop" :label="column.label" align="center"/>
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
<!-- <el-pagination style="margin-top:10px" background layout="prev, pager, next" :total="1000" /> -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="analysisResults" style="margin-top: 20px">
|
|
|
|
|
|
|
|
<span style="font-weight: bold;font-size: 18px;color: #3596EB;display: block;">分析结果:</span>
|
|
|
|
|
|
|
|
<el-button class="imgBtn" v-if="flagUP" @click="upLoad">下载</el-button>
|
|
|
|
|
|
|
|
<el-table :data="tableData3" v-loading="loading1" ref="exportTableRef" row-key="TSuid" style="width: 98%;margin-top:10px" :header-cell-style="headerCellStyle" height="350">
|
|
|
|
|
|
|
|
<el-table-column v-for="column in tableLabel2" :key="column.prop" :prop="column.prop" :label="column.label" align="center"/>
|
|
|
|
|
|
|
|
<el-table-column v-if="flagColumn" label="预测" align="center">
|
|
|
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
|
|
|
<el-button type="primary" link @click="handleClick(scope.row)" v-if="predictionResults===''">预测</el-button>
|
|
|
|
|
|
|
|
<span v-else>{{predictionResults}}</span>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- </el-scrollbar> -->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="main-right">
|
|
|
|
|
|
|
|
<el-scrollbar height="500px" ref="scrollbar" style="padding: 20px">
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<span style="font-weight: bold; font-size: 18px; color: #3596eb">分析数据:</span>
|
|
|
|
|
|
|
|
<el-table :data="tableData2" style="width: 98%; margin-top: 10px" :header-cell-style="headerCellStyle" height="350">
|
|
|
|
|
|
|
|
<el-table-column v-for="column in tableLabel" :key="column.prop" :prop="column.prop" :label="column.label" align="center" />
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
<!-- <el-pagination style="margin-top:10px" background layout="prev, pager, next" :total="1000" /> -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="analysisResults" style="margin-top: 20px">
|
|
|
|
|
|
|
|
<span style="font-weight: bold; font-size: 18px; color: #3596eb; display: block">分析结果:</span>
|
|
|
|
|
|
|
|
<el-button class="imgBtn" v-if="flagUP" @click="upLoad">下载</el-button>
|
|
|
|
|
|
|
|
<el-table :data="tableData3" v-loading="loading1" ref="exportTableRef" row-key="TSuid" style="width: 98%; margin-top: 10px" :header-cell-style="headerCellStyle" height="350">
|
|
|
|
|
|
|
|
<el-table-column v-for="column in tableLabel2" :key="column.prop" :prop="column.prop" :label="column.label" align="center" />
|
|
|
|
|
|
|
|
<el-table-column v-if="flagColumn" label="预测" align="center">
|
|
|
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
|
|
|
<el-button type="primary" link @click="handleClick(scope.row)" v-if="predictionResults === ''">预测</el-button>
|
|
|
|
|
|
|
|
<span v-else>{{ predictionResults }}</span>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- </el-scrollbar> -->
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
<el-dialog v-model="dialogVisible" title="实训任务提交" width="600" custom-class="dialogClass" :show-close="false">
|
|
|
|
v-model="dialogVisible"
|
|
|
|
|
|
|
|
title="实训任务提交"
|
|
|
|
|
|
|
|
width="600"
|
|
|
|
|
|
|
|
custom-class="dialogClass"
|
|
|
|
|
|
|
|
:show-close="false"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<template #header="{ close, titleId, titleClass }">
|
|
|
|
<template #header="{ close, titleId, titleClass }">
|
|
|
|
<div class="my-header">
|
|
|
|
<div class="my-header">
|
|
|
|
<span :id="titleId" :class="titleClass">实训任务提交</span>
|
|
|
|
<span :id="titleId" :class="titleClass">实训任务提交</span>
|
|
|
|
@ -329,6 +322,7 @@ const formInline3 = reactive({
|
|
|
|
value2: "",
|
|
|
|
value2: "",
|
|
|
|
value3: "",
|
|
|
|
value3: "",
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
const loading1 = ref(false);
|
|
|
|
const task = () => {
|
|
|
|
const task = () => {
|
|
|
|
for (let key in formInline3) {
|
|
|
|
for (let key in formInline3) {
|
|
|
|
if (formInline3[key] == "") {
|
|
|
|
if (formInline3[key] == "") {
|
|
|
|
@ -493,7 +487,6 @@ const optionData2 = () => {
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
//生产表格
|
|
|
|
//生产表格
|
|
|
|
const computation = () => {
|
|
|
|
const computation = () => {
|
|
|
|
if (tableData.value.length === 0 || input2.value == "" || input3.value == "") {
|
|
|
|
if (tableData.value.length === 0 || input2.value == "" || input3.value == "") {
|
|
|
|
@ -506,7 +499,7 @@ const computation = () => {
|
|
|
|
x: [],
|
|
|
|
x: [],
|
|
|
|
userId: JSON.parse(getUserInfo()).userId,
|
|
|
|
userId: JSON.parse(getUserInfo()).userId,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
loading1.value=true
|
|
|
|
loading1.value = true;
|
|
|
|
if (input4.value === "线性回归") {
|
|
|
|
if (input4.value === "线性回归") {
|
|
|
|
if (input5.value.length > 1) {
|
|
|
|
if (input5.value.length > 1) {
|
|
|
|
proxy.$modal.msgError("y变量数量有误!");
|
|
|
|
proxy.$modal.msgError("y变量数量有误!");
|
|
|
|
@ -533,7 +526,7 @@ const computation = () => {
|
|
|
|
data.slopes = data.slopes.join(",");
|
|
|
|
data.slopes = data.slopes.join(",");
|
|
|
|
tableData3.value = [data];
|
|
|
|
tableData3.value = [data];
|
|
|
|
predictionResults.value = "";
|
|
|
|
predictionResults.value = "";
|
|
|
|
loading1.value=false
|
|
|
|
loading1.value = false;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
if (input5.value.length > 1) {
|
|
|
|
if (input5.value.length > 1) {
|
|
|
|
@ -569,24 +562,24 @@ const computation = () => {
|
|
|
|
data.slope = data.slope;
|
|
|
|
data.slope = data.slope;
|
|
|
|
tableData3.value = [data];
|
|
|
|
tableData3.value = [data];
|
|
|
|
predictionResults.value = "";
|
|
|
|
predictionResults.value = "";
|
|
|
|
loading1.value=true
|
|
|
|
loading1.value = true;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
proxy.$modal.msgWarning("请模型参数进行设置!");
|
|
|
|
proxy.$modal.msgWarning("请模型参数进行设置!");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
nextTick(() => {
|
|
|
|
nextTick(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
loading1.value=false
|
|
|
|
loading1.value = false;
|
|
|
|
const scrollContainer = scrollbar.value?.$el.querySelector(".el-scrollbar__wrap");
|
|
|
|
const scrollContainer = scrollbar.value?.$el.querySelector(".el-scrollbar__wrap");
|
|
|
|
if (scrollContainer) {
|
|
|
|
if (scrollContainer) {
|
|
|
|
scrollContainer.scrollTo({
|
|
|
|
scrollContainer.scrollTo({
|
|
|
|
top: scrollContainer.scrollHeight,
|
|
|
|
top: scrollContainer.scrollHeight,
|
|
|
|
behavior: "smooth", // 平滑滚动
|
|
|
|
behavior: "smooth", // 平滑滚动
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, 500);
|
|
|
|
}, 500);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
flagUP.value = true;
|
|
|
|
flagUP.value = true;
|
|
|
|
};
|
|
|
|
};
|
|
|
|
const nowData = ref([]);
|
|
|
|
const nowData = ref([]);
|
|
|
|
|