| | |
| | | import ComputeCard from "@/views/pp/glassOptimize/page/ComputeCard.vue"; |
| | | import ComputeDetail from "@/views/pp/glassOptimize/page/ComputeDetail.vue"; |
| | | import Compute from "@/views/pp/glassOptimize/page/Compute.vue"; |
| | | import { ref } from 'vue'; |
| | | import {ref, watch} from 'vue'; |
| | | import {ElMessage} from "element-plus"; |
| | | import request from "@/utils/request"; |
| | | |
| | |
| | | } |
| | | } catch (error) { |
| | | console.error('请求出错', error); |
| | | ElMessage.error('网络连接出现问题,请检查网络设置'); |
| | | ElMessage.error('请输入工程号!'); |
| | | } |
| | | }; |
| | | |
| | | // 用于从获取到的数据中提取流程卡号(processId) |
| | | const extractProcessCardNumbers = (data) => { |
| | | if (typeof data === 'string') { |
| | | console.log('流程卡号为字符串类型,直接返回该字符串:', data); |
| | | return data; |
| | | } |
| | | if (Array.isArray(data)) { |
| | | const processCardNumbers = data.map(item => item.process_id); |
| | | console.log('提取到的流程卡号数组:', processCardNumbers); |
| | | return processCardNumbers; |
| | | } |
| | | console.log('传入的数据类型不符合要求,无法提取流程卡号'); |
| | | return []; |
| | | }; |
| | | |
| | | </script> |
| | |
| | | </div> |
| | | |
| | | <div id="computeDetail"> |
| | | <compute-detail/> |
| | | <compute-detail :process-card-numbers="extractProcessCardNumbers(receivedData)" /> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | height: 40%; |
| | | } |
| | | #computeCard{ |
| | | margin-top: 90px; |
| | | margin-top: 100px; |
| | | width: 64%; |
| | | height: 40%; |
| | | float: left; |