<template>
|
<div >
|
<RectRenderer
|
:layoutData="layoutData"
|
:gw="1400"
|
:gh="800"
|
:state=0
|
style="width: 1500px; height: 800px; position: relative;"
|
v-if="dataLoaded"
|
/>
|
|
|
</div>
|
|
<button @click="submitLayouts" style="position: fixed; top: 90px; right: 20px; padding: 10px; background: #409eff; color: white; border: none; border-radius: 5px; cursor: pointer;">
|
保存OPT
|
</button>
|
</template>
|
|
<script setup>import { ref, onMounted } from 'vue';
|
import RectRenderer from './page/RectRenderer.vue';
|
import request from "@/utils/request";
|
import { useI18n } from "vue-i18n";
|
import {ElMessage, ElMessageBox} from "element-plus";
|
import requestOptimize from "@/utils/requestOptimize";
|
import useUserInfoStore from "@/stores/userInfo";
|
|
const { t } = useI18n();
|
|
const savedProjectNo = localStorage.getItem('projectNo');
|
const processId = savedProjectNo;
|
const layoutData = ref(null);
|
const layoutCutData = ref(null);
|
const dataLoaded = ref(false);
|
// 添加用于存储库存数据的响应式变量
|
const inventoryData = ref([]);
|
|
const optimizeLayouts = ref(null);
|
|
|
// const fileSaveMode = ref(1);
|
const fileMode = ref();
|
const haveMark = ref();
|
const haveOptimaMark = ref();
|
const haveQMark = ref();
|
const glassIdMode = ref();
|
const optimaMarkPosition = ref();
|
const optimaMarkName = ref();
|
const optimaMarkWidth = ref();
|
const optimaMarkHeight = ref();
|
|
const userStore = useUserInfoStore()
|
const username = userStore.user.userName;
|
|
// 从 localStorage 读取库存数据
|
const loadInventoryData = () => {
|
const storedData = localStorage.getItem('glassInventoryData');
|
if (storedData) {
|
try {
|
inventoryData.value = JSON.parse(storedData);
|
} catch (e) {
|
console.error('解析库存数据失败:', e);
|
}
|
} else {
|
console.log('localStorage 中没有找到库存数据');
|
}
|
};
|
|
|
const selectLayout = () => {
|
request.post(`/glassOptimize/selectOptimizeResult/${processId}`)
|
.then((res) => {
|
if ((res.code === 200 || res.code === '200') && res.data && res.data.data && res.data.data.length > 0) {
|
try {
|
// 解析保存的布局数据
|
const parsedData = JSON.parse(res.data.data[0].Layouts);
|
console.log("解析后的数据:", parsedData); // 调试信息
|
|
// 确保数据结构正确
|
if (parsedData && parsedData.layouts) {
|
const dataWithProjectId = {
|
...parsedData,
|
projectNo: processId,
|
projectNumber: processId
|
};
|
const cutDataTemp = {
|
...parsedData
|
};
|
layoutData.value = dataWithProjectId;
|
dataLoaded.value = true;
|
layoutCutData.value = cutDataTemp;
|
} else {
|
ElMessage.warning("数据格式不正确");
|
}
|
} catch (error) {
|
console.error("数据解析失败:", error);
|
ElMessage.error("数据解析失败: " + error.message);
|
}
|
} else {
|
ElMessage.warning("未找到优化数据");
|
}
|
})
|
.catch((error) => {
|
console.error("请求失败:", error);
|
ElMessage.error(t('basicData.msg.requestFailed'));
|
});
|
};
|
|
const fetchSettings = async (username) => {
|
try {
|
const response = await request.post(`/glassOptimize/selectOptimizeParms/${username}`);
|
if (response.code == 200) {
|
if (!response.data) {
|
console.error('响应数据为空');
|
return;
|
}
|
const parsedData = JSON.parse(response.data);
|
console.log('设置内容:', parsedData);
|
fileMode.value = parsedData.server.fileMode;
|
haveMark.value = parsedData.server.haveMark;
|
haveOptimaMark.value = parsedData.server.haveOptimaMark;
|
haveQMark.value = parsedData.server.haveQMark;
|
glassIdMode.value = parsedData.server.glassIdMode;
|
optimaMarkPosition.value = parsedData.server.optimaMarkPosition;
|
optimaMarkName.value = parsedData.server.optimaMarkName;
|
optimaMarkWidth.value = parsedData.server.optimaMarkWidth;
|
optimaMarkHeight.value = parsedData.server.optimaMarkHeight;
|
} else {
|
console.error('请求失败，状态码:', response.code);
|
}
|
} catch (error) {
|
console.error('请求发生错误:', error);
|
}
|
};
|
|
|
const selectOptimizeInfo = () => {
|
request.post(`/glassOptimize/getOptimizeInfo/${processId}`)
|
.then((res) => {
|
if ((res.code === 200 || res.code === '200') && res.data && res.data.layouts) {
|
try {
|
// 正确赋值给外层的响应式变量
|
optimizeLayouts.value = res.data;
|
console.log("布局数据:", optimizeLayouts.value);
|
|
// 验证layouts数据
|
if (res.data.layouts && res.data.layouts.length > 0) {
|
console.log("layouts数组:", res.data.layouts);
|
}
|
} catch (error) {
|
console.error("数据解析失败:", error);
|
ElMessage.error("数据解析失败: " + error.message);
|
}
|
} else {
|
ElMessage.warning("未找到优化数据");
|
}
|
})
|
.catch((error) => {
|
console.error("请求失败:", error);
|
ElMessage.error(t('basicData.msg.requestFailed'));
|
});
|
};
|
|
onMounted(() => {
|
// 读取库存数据和参数设置
|
loadInventoryData();
|
selectLayout();
|
selectOptimizeInfo();
|
fetchSettings(username);
|
});
|
|
const submitLayouts = async () => {
|
try {
|
// 确保有数据可以提交
|
if (!layoutData.value) {
|
ElMessage.warning('没有可保存的数据');
|
return;
|
}
|
console.log("提交数据:", optimizeLayouts);
|
const response = await requestOptimize.post('api/cutFiles', {
|
fileName: processId,
|
projectNo: processId,
|
glassThickness: inventoryData.value[0].thickness,
|
glassType: inventoryData.value[0].model,
|
quantity: inventoryData.value[0].processingQuantity,
|
fileType: "OPT",
|
fileSaveMode: fileMode.value,
|
glassIdMode: glassIdMode.value,
|
haveMark: haveMark.value,
|
haveOptimaMark: haveOptimaMark.value,
|
haveQMark: haveQMark.value,
|
optimaMarkPosition: optimaMarkPosition.value,
|
optimaMarkName: optimaMarkName.value,
|
optimaMarkWidth: optimaMarkWidth.value,
|
optimaMarkHeight: optimaMarkHeight.value,
|
layouts: optimizeLayouts.value.layouts
|
}, {
|
headers: {
|
'Content-Type': 'application/json'
|
}
|
});
|
|
// 使用 MessageBox 显示文件保存位置信息
|
if (response.data && response.data.length > 0) {
|
const filePath = response.data[0];
|
ElMessageBox.alert(`OPT文件保存成功，位置：${filePath}`, '保存成功', {
|
confirmButtonText: '确定',
|
type: 'success',
|
dangerouslyUseHTMLString: true
|
});
|
} else {
|
ElMessageBox.alert('OPT文件保存成功', '保存成功', {
|
confirmButtonText: '确定',
|
type: 'success'
|
});
|
}
|
} catch (error) {
|
console.error('保存失败:', error);
|
ElMessage.error('保存失败，请稍后再试');
|
}
|
};
|
|
</script>
|
|
