| | |
| | | </el-form> |
| | | </div> |
| | | <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> |
| | | <el-table height="650" ref="table" :data="tableDataa" |
| | | :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"> |
| | | <el-table-column prop="sequence" :label="$t('hellow.order')" align="center"/> |
| | | <el-table-column prop="thickness" :label="$t('hellow.thickness')" align="center"/> |
| | | <el-table-column prop="layer" :label="$t('hellow.coatingtypes')" align="center"/> |
| | | <el-table-column prop="height" :label="$t('hellow.height')" align="center"/> |
| | | <el-table-column prop="width" :label="$t('hellow.width')" align="center"/> |
| | | <el-table-column prop="state" :label="$t('hellow.state')" align="center"/> |
| | | </el-table> |
| | | <el-table height="650" ref="table" :data="tableDataa" |
| | | :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"> |
| | | <el-table-column prop="flowCardId" :label="$t('hellow.flowCardId')" align="center"/> |
| | | <el-table-column prop="hollowSequence" :label="$t('hellow.order')" align="center"/> |
| | | <el-table-column prop="thickness" :label="$t('hellow.thickness')" align="center"/> |
| | | <el-table-column prop="layer" :label="$t('hellow.layer')" align="center"/> |
| | | <el-table-column prop="filmsId" :label="$t('hellow.coatingtypes')" align="center"/> |
| | | <el-table-column prop="height" :label="$t('hellow.height')" align="center"/> |
| | | <el-table-column prop="width" :label="$t('hellow.width')" align="center"/> |
| | | <el-table-column prop="state" :label="$t('hellow.state')" align="center"> |
| | | <template #default="scope"> |
| | | {{ scope.row.state == -1 ? "等待出片" : "出片完成" }} |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="display: flex;margin-left: 40%;margin-top: 10px;"> |
| | | <!-- <div style="float: center;"> --> |
| | | <div style="margin-top: 5px;margin-right: 5px;">线路</div> |
| | | <el-pagination |
| | | background |
| | | size="large" |
| | | <div style="margin-top: 5px;margin-right: 5px;">{{ $t('hellow.line') }}</div> |
| | | <el-pagination |
| | | background |
| | | size="large" |
| | | layout="prev, pager, next" |
| | | :total="30" |
| | | :current-page.sync="currentPage" |
| | |
| | | row-key="projectNumber" |
| | | > |
| | | <!-- <el-table-column type="expand"> --> |
| | | <el-table-column > |
| | | <template #default="props"> |
| | | <el-table :data="props.row.records" style="width: 100%"> |
| | | <el-table-column prop="layer" fixed align="center" :label="$t('hellow.layernumber')" min-width="80"/> |
| | | <el-table-column> |
| | | <template #default="props"> |
| | | <el-table :data="props.row.records" style="width: 100%"> |
| | | <el-table-column prop="layer" fixed align="center" :label="$t('hellow.layernumber')" min-width="80"/> |
| | | <el-table-column prop="thickness" align="center" :label="$t('hellow.thickness')" min-width="80"/> |
| | | <el-table-column prop="filmsId" align="center" :label="$t('hellow.coatingtypes')" min-width="80"/> |
| | | <el-table-column prop="sumCount" align="center" :label="$t('hellow.totalnumber')" min-width="80"/> |
| | | <el-table-column prop="realCount" align="center" :label="$t('hellow.realpieces')" min-width="80"/> |
| | | <el-table-column prop="pairCount" align="center" :label="$t('hellow.pairsnumber')" min-width="80"/> |
| | | </el-table> |
| | | <el-table-column prop="damageCount" align="center" :label="$t('hellow.damagenumber')" min-width="80"/> |
| | | </el-table> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="projectNumber" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/> |
| | |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | |
| | | <!-- 强制出片 --> |
| | | <el-dialog v-model="dialogFormVisibled" top="21vh" width="40%" :title="$t('hellow.forcedfilming')"> |
| | | <div style="margin-left: 20px;margin-top: 10px;margin-bottom: 10px;"> |
| | |
| | | </el-table> |
| | | <div style="display: flex;margin-left: 40%;margin-top: 10px;"> |
| | | <el-pagination |
| | | background |
| | | size="large" |
| | | background |
| | | size="large" |
| | | layout="prev, pager, next" |
| | | :total="30" |
| | | :current-page.sync="currentPage2" |
| | |
| | | const options = [ |
| | | { |
| | | value: 930, |
| | | label: '线路一', |
| | | label: t('hellow.line1'), |
| | | }, |
| | | { |
| | | value: 931, |
| | | label: '线路二', |
| | | label: t('hellow.line2'), |
| | | }, |
| | | { |
| | | value: 932, |
| | | label: '线路三', |
| | | label: t('hellow.line3'), |
| | | } |
| | | ] |
| | | let socket = null; |
| | | const socketUrl = `ws://${WebSocketHost}:${host}/api/hollowGlass/api/talk/HollowGlass`; |
| | | const currentPage = ref(parseInt(window.localStorage.getItem('currentPage')) || 1); |
| | | |
| | | watch(() => currentPage.value, (newVal) => { |
| | | window.localStorage.setItem('currentPage', newVal); |
| | | }); |
| | |
| | | const handlePageChange2 = (newPage) => { |
| | | currentPage2.value = newPage; |
| | | console.log(currentPage2.value); |
| | | // window.localStorage.setItem('page', currentPage2.value) |
| | | fetchFlowBind(currentRow.projectNumber, currentRow.layer, currentPage2.value); |
| | | |
| | | fetchFlowBind(currentRow.projectNumber, currentRow.layer, currentPage2.value); |
| | | }; |
| | | const handleMessage = (data) => { |
| | | try { |
| | |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | const newData = parseData(response.data); |
| | | console.log(newData); |
| | | |
| | | tableDatab.value = newData; |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | |
| | | ElMessage.error('Error fetching data'); |
| | | } |
| | | }; |
| | | |
| | | const parseData = (rawData) => { |
| | | return Object.keys(rawData).map(projectNumber => ({ |
| | | projectNumber, |
| | | records: rawData[projectNumber] |
| | | })); |
| | | }; |
| | | // const fetchFlowCardId = async () => { |
| | | // try { |
| | | // const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard') |
| | | // if (response.code == 200) { |
| | | // ElMessage.success(response.message); |
| | | // console.log(response.data); |
| | | // tableDatab.value = response.data; |
| | | // } else { |
| | | // ElMessage.error(response.message); |
| | | // } |
| | | // } catch (error) { |
| | | // console.error(error); |
| | | // } |
| | | // } |
| | | // 缺片详情 |
| | | // const fetchData = async (page) => { |
| | | // try { |
| | | // var url="/hollowGlass/hollowGlassRelationInfo/queryLackByFlowCard?flowCardId="+flowCardId + "&layer=" + layer; |
| | | // // const url = `/hollowGlass/hollowGlassRelationInfo/queryLackByFlowCard?flowCardId=${flowCardId.value}&layer=${layer.value}&page=${page}&size=1`; // 假设你的接口支持分页参数page和size |
| | | // const response = await request.post(url); |
| | | // if (response.code == 200) { |
| | | // tableDatac.value = response.data[newPage]; // 假设返回的数据直接赋值给tableDatac |
| | | // ElMessage.success(response.message); |
| | | // } else { |
| | | // ElMessage.error('数据加载失败'); |
| | | // } |
| | | // } catch (error) { |
| | | // ElMessage.error('请求出错'); |
| | | // } |
| | | // }; |
| | | |
| | | |
| | | // // 初始化加载第一页数据 |
| | | // fetchData(currentPage2.value); |
| | | const fetchFlowBind = async (flowCardId, layer, page) => { |
| | | try { |
| | | // let page = window.localStorage.getItem('page') |
| | | var url="/hollowGlass/hollowGlassRelationInfo/queryLackByFlowCard?flowCardId="+flowCardId + "&layer=" + layer; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | console.log(page); |
| | | tableDatac.value = response.data[page]; |
| | | // window.localStorage.setItem('response.data',response.data) |
| | | tableDatac.value = response.data[page]; |
| | | ElMessage.success(response.message); |
| | | } else { |
| | | ElMessage.error(response.message); |
| | |
| | | console.error(error); |
| | | } |
| | | } |
| | | // 调度 |
| | | const handleChange = async () => { |
| | | // 调度 |
| | | const handleChange = async () => { |
| | | try { |
| | | const body = { |
| | | flag: ganghua.value, // 使用 ganghua.value 获取当前开关的状态 |
| | | flag: ganghua.value, |
| | | }; |
| | | |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/dispatchHollowSwitch?flag="+ganghua.value; |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/dispatchHollowSwitch?flag="+ganghua.value; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | // 绑定成功,处理逻辑 |
| | | ElMessage.success(response.message); |
| | | ganghua.value = response.data |
| | | }else { |
| | |
| | | } |
| | | } |
| | | catch (error) { |
| | | // 处理错误 |
| | | console.error(error); |
| | | } |
| | | } |
| | |
| | | closeWebSocket(); |
| | | }); |
| | | </script> |
| | | |
| | | <style scoped> |
| | | #dialog-footer { |
| | | text-align: center; |