<template>
|
<div>
|
<RectRenderer
|
v-if="dataLoaded"
|
: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 savedProjectNo = localStorage.getItem('projectNo');
|
const processId = savedProjectNo;
|
const layoutData = ref(null);
|
const dataLoaded = ref(false);
|
|
const selectLayout = () => {
|
request.post(`/glassOptimize/selectOptimizeResult/${processId}`)
|
.then((res) => {
|
if (res.code == 200) {
|
try {
|
const parsedData = JSON.parse(res.data.data[0].Layouts);
|
layoutData.value = parsedData;
|
dataLoaded.value = true;
|
ElMessage.success("打开版图成功");
|
} catch (error) {
|
ElMessage.error("解析数据时出错:", error);
|
}
|
} else {
|
ElMessage.error(t('basicData.msg.requestFailed'));
|
}
|
})
|
.catch((error) => {
|
console.error("请求失败:", error);
|
ElMessage.error(t('basicData.msg.requestFailed'));
|
});
|
}
|
|
onMounted(() => {
|
selectLayout();
|
});
|
</script>
|