|
|
|
|
@ -15,7 +15,6 @@
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="app-main">
|
|
|
|
|
|
|
|
|
|
<div class="main-left">
|
|
|
|
|
<el-scrollbar height="550px" style="padding: 0 10px" min-size="5">
|
|
|
|
|
<div>
|
|
|
|
|
@ -65,7 +64,7 @@
|
|
|
|
|
<span style="font-weight: 400; font-size: 12px; color: #ffffff">最大迭代次数：</span>
|
|
|
|
|
<el-input v-model="input6" style="width: 180px; margin-top: 5px" />
|
|
|
|
|
</div>
|
|
|
|
|
<el-button @click="computation">计算</el-button>
|
|
|
|
|
<el-button @click="clusterAnalysisCalculation">计算</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
@ -77,7 +76,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="main-right">
|
|
|
|
|
<el-scrollbar height="500px" ref="scrollbar" style="padding: 20px">
|
|
|
|
|
<div>
|
|
|
|
|
@ -274,6 +272,8 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import * as portraitModel from "@/api/portraitModel";
|
|
|
|
|
|
|
|
|
|
import popModel from "@/views/components/popModal.vue";
|
|
|
|
|
import { htmlPdf } from "@/utils/pdf.js";
|
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
|
@ -287,18 +287,33 @@ const { proxy } = getCurrentInstance();
|
|
|
|
|
const dialogVisible = ref(false);
|
|
|
|
|
const tableLabel = reactive([{ prop: "date", label: "" }]);
|
|
|
|
|
const isFlag = ref(false);
|
|
|
|
|
const formInline2=reactive({
|
|
|
|
|
value1:'',
|
|
|
|
|
value2:'',
|
|
|
|
|
value3:'',
|
|
|
|
|
value4:'',
|
|
|
|
|
value5:'',
|
|
|
|
|
value6:'',
|
|
|
|
|
})
|
|
|
|
|
const task=()=>{
|
|
|
|
|
dialogVisible.value = false
|
|
|
|
|
proxy.$modal.msgSuccess("提交完成!");
|
|
|
|
|
}
|
|
|
|
|
const formInline2 = reactive({
|
|
|
|
|
value1: "",
|
|
|
|
|
value2: "",
|
|
|
|
|
value3: "",
|
|
|
|
|
value4: "",
|
|
|
|
|
value5: "",
|
|
|
|
|
value6: "",
|
|
|
|
|
});
|
|
|
|
|
const task = () => {
|
|
|
|
|
for(let key in formInline2){
|
|
|
|
|
if(formInline2[key] == ""){
|
|
|
|
|
proxy.$modal.msgError("请填写完整!");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
portraitModel
|
|
|
|
|
.submit({
|
|
|
|
|
userId: JSON.parse(getUserInfo()).userId,
|
|
|
|
|
taskName: "聚类分析",
|
|
|
|
|
numberOfErrors: 0,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
dialogVisible.value = false;
|
|
|
|
|
proxy.$modal.msgSuccess("提交成功");
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
const algorithmicKnowledge = () => {
|
|
|
|
|
runResultShow.value = true;
|
|
|
|
|
};
|
|
|
|
|
@ -361,7 +376,8 @@ onMounted(() => {
|
|
|
|
|
getList();
|
|
|
|
|
var chartDom = document.getElementById("main");
|
|
|
|
|
var chartDom2 = document.getElementById("main2");
|
|
|
|
|
myChart = echarts.init(chartDom);472
|
|
|
|
|
myChart = echarts.init(chartDom);
|
|
|
|
|
472;
|
|
|
|
|
myChart2 = echarts.init(chartDom2);
|
|
|
|
|
// 初始化图表配置
|
|
|
|
|
var option = {
|
|
|
|
|
@ -389,46 +405,46 @@ onMounted(() => {
|
|
|
|
|
// 设置初始的配置
|
|
|
|
|
myChart.setOption(option);
|
|
|
|
|
myChart2.setOption(option);
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const optionData=()=>{
|
|
|
|
|
API.viewingMetrics({userId:JSON.parse(getUserInfo()).userId,tableName:input.value,algorithmName:'聚类分析'}).then((res)=>{
|
|
|
|
|
tableData.value=[]
|
|
|
|
|
input3.value=''
|
|
|
|
|
res.data.forEach(element => {
|
|
|
|
|
const optionData = () => {
|
|
|
|
|
API.viewingMetrics({ userId: JSON.parse(getUserInfo()).userId, tableName: input.value, algorithmName: "聚类分析" }).then((res) => {
|
|
|
|
|
tableData.value = [];
|
|
|
|
|
input3.value = "";
|
|
|
|
|
res.data.forEach((element) => {
|
|
|
|
|
tableData.value.push({
|
|
|
|
|
text:element
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const selectedRows = ref([]);
|
|
|
|
|
const handleSelectionChange = (selection) => {
|
|
|
|
|
text: element,
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
const selectedRows = ref([]);
|
|
|
|
|
const handleSelectionChange = (selection) => {
|
|
|
|
|
selectedRows.value = selection;
|
|
|
|
|
};
|
|
|
|
|
const tableData2 = ref([]);
|
|
|
|
|
const tableData3 = ref([]);
|
|
|
|
|
const resTable2 = ref();
|
|
|
|
|
const taskZB = () => {
|
|
|
|
|
flag.value = true;
|
|
|
|
|
if (selectedRows.value.length === 0) {
|
|
|
|
|
return proxy.$modal.msgWarning("请选择指标!");
|
|
|
|
|
}
|
|
|
|
|
const sendData = {
|
|
|
|
|
tableName: input.value,
|
|
|
|
|
userId: JSON.parse(getUserInfo()).userId,
|
|
|
|
|
fieldList: selectedRows.value.map((item) => item.text),
|
|
|
|
|
};
|
|
|
|
|
const tableData2=ref([])
|
|
|
|
|
const tableData3=ref([])
|
|
|
|
|
const resTable2=ref()
|
|
|
|
|
const taskZB=()=>{
|
|
|
|
|
flag.value=true
|
|
|
|
|
if(selectedRows.value.length===0){
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
const sendData={
|
|
|
|
|
tableName:input.value,
|
|
|
|
|
userId:JSON.parse(getUserInfo()).userId,
|
|
|
|
|
fieldList:selectedRows.value.map(item=>item.text)
|
|
|
|
|
}
|
|
|
|
|
API.analysisDataDisplay(sendData).then((res)=>{
|
|
|
|
|
tableLabel.length=0
|
|
|
|
|
API.analysisDataDisplay(sendData).then((res) => {
|
|
|
|
|
tableLabel.length = 0;
|
|
|
|
|
for (const key in res.data[0]) {
|
|
|
|
|
tableLabel.push({
|
|
|
|
|
label:key,
|
|
|
|
|
prop:key
|
|
|
|
|
})
|
|
|
|
|
label: key,
|
|
|
|
|
prop: key,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
tableData2.value=res.data
|
|
|
|
|
flag.value=true
|
|
|
|
|
tableData2.value = res.data;
|
|
|
|
|
flag.value = true;
|
|
|
|
|
proxy.$modal.msgSuccess("计算完成!");
|
|
|
|
|
tableData2.value = res.data;
|
|
|
|
|
flag.value = true;
|
|
|
|
|
@ -497,12 +513,12 @@ const optionData2 = () => {
|
|
|
|
|
proxy.$modal.msgSuccess("预处理成功！");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const showChart = ref(false);
|
|
|
|
|
//生产表格
|
|
|
|
|
const nowData = ref([]);
|
|
|
|
|
const computation = () => {
|
|
|
|
|
if (tableData2.value.length === 0 && input2.value == "" && input3.value == "") {
|
|
|
|
|
}
|
|
|
|
|
const showChart = ref(false);
|
|
|
|
|
//生产表格
|
|
|
|
|
const nowData = ref([]);
|
|
|
|
|
const clusterAnalysisCalculation = () => {
|
|
|
|
|
if (tableData2.value.length === 0 || input2.value == "" || input3.value == "") {
|
|
|
|
|
proxy.$modal.msgWarning("请先计算/对数据进行预处理！");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
@ -585,9 +601,9 @@ const computation = () => {
|
|
|
|
|
} else {
|
|
|
|
|
proxy.$modal.msgWarning("请模型参数进行设置！");
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
const exportTableRef = ref(null);
|
|
|
|
|
const upLoad = () => {
|
|
|
|
|
};
|
|
|
|
|
const exportTableRef = ref(null);
|
|
|
|
|
const upLoad = () => {
|
|
|
|
|
const tableDom = exportTableRef.value?.$el;
|
|
|
|
|
if (!tableDom) {
|
|
|
|
|
return;
|
|
|
|
|
@ -601,9 +617,9 @@ const upLoad = () => {
|
|
|
|
|
zip.generateAsync({ type: "blob" }).then((content) => {
|
|
|
|
|
saveAs(content, "聚类分析.zip");
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const startOver = () => {
|
|
|
|
|
const startOver = () => {
|
|
|
|
|
myChart.setOption({
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
@ -630,14 +646,15 @@ const startOver = () => {
|
|
|
|
|
showChart.value = false;
|
|
|
|
|
tableLabel.length = 0;
|
|
|
|
|
nowData.value = [];
|
|
|
|
|
};
|
|
|
|
|
//图表导出pdf
|
|
|
|
|
const handleExport = async (name) => {
|
|
|
|
|
};
|
|
|
|
|
//图表导出pdf
|
|
|
|
|
const handleExport = async (name) => {
|
|
|
|
|
var fileName = "聚类分析图表";
|
|
|
|
|
const fileList = document.getElementsByClassName("pdfRef"); // 很重要
|
|
|
|
|
const pdfBlob = await htmlPdf(fileName, document.querySelector("#pdfRef"), fileList, true);
|
|
|
|
|
return pdfBlob;
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
qinzhenpen
2 years ago