<template>
|
<div>
|
<RectRenderer
|
:layoutData="layoutData"
|
:gw="1150"
|
:gh="850"
|
style="width: 1000px; height: 800px; position: relative;"
|
/>
|
</div>
|
</template>
|
|
<script setup>
|
import { ref,onMounted } from 'vue';
|
import RectRenderer from './page/OptimizationRect.vue';
|
import mockLayoutData from '../../../components/pp/MockData';
|
import request from "@/utils/request";
|
import { useI18n } from "vue-i18n";
|
import { ElMessage } from "element-plus";
|
|
const { t } = useI18n();
|
//const layoutData = ref(mockLayoutData);
|
// const processId = "P25030309";
|
const savedProjectNo = localStorage.getItem('projectNo');
|
const processId = savedProjectNo;
|
console.log(processId)
|
const layoutData = ref(null);
|
|
const selectLayout = () => {
|
request.post(`/glassOptimize/selectOptimizeResult/${processId}`)
|
.then((res) => {
|
if (res.code == 200) {
|
try {
|
// 将字符串数据转换为对象
|
// console.log("原始数据:", res.data.data[0].Layouts);
|
|
const parsedData = JSON.parse(res.data.data[0].Layouts);
|
layoutData.value = parsedData;
|
// console.log("解析后的数据:", layoutData.value);
|
// console.log("数据类型:", typeof parsedData);
|
ElMessage.success("打开版图成功")
|
} catch (error) {
|
ElMessage.error("解析数据时出错:", error);
|
|
}
|
} else {
|
|
}
|
})
|
.catch((error) => {
|
console.error("请求失败:", error);
|
ElMessage.error(t('basicData.msg.requestFailed'));
|
});
|
}
|
|
onMounted(() => {
|
selectLayout();
|
|
});
|
</script>
|
