From 24bc065e9009bfb3c778e762921268a389aeaf49 Mon Sep 17 00:00:00 2001
From: zhoushihao <zsh19950802@163.com>
Date: 星期二, 10 十二月 2024 09:00:45 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
UI-Project/src/views/hollow/hollowequipment.vue | 444 ++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 323 insertions(+), 121 deletions(-)
diff --git a/UI-Project/src/views/hollow/hollowequipment.vue b/UI-Project/src/views/hollow/hollowequipment.vue
index 7437db2..5918ae5 100644
--- a/UI-Project/src/views/hollow/hollowequipment.vue
+++ b/UI-Project/src/views/hollow/hollowequipment.vue
@@ -2,17 +2,18 @@
<div style="height: 600px;">
<el-card style="flex: 1;margin-left: 10px;margin-top: 10px;" v-loading="loading">
<div style="display: flex; flex-direction: row; align-items: center; margin-bottom: 10px;">
- <el-button id="searchButton" type="success" @click="dialogFormVisiblea = true">
+ <el-button id="searchButton" type="success" @click="handlezhiban">
{{ $t('hellow.createtask') }}
</el-button>
- <el-button style="margin-left: 20px;" id="searchButton" type="success" @click="handleBinda">
- {{ $t('hellow.starttask') }}
- </el-button>
- <el-button style="margin-left: 20px;" id="searchButton" type="success" @click="handleBindb">{{
- $t('hellow.stoptask')
- }}
- </el-button>
- </div>
+<!-- <el-button style="margin-left: 20px;" id="searchButton" type="success" @click="handleBinda">-->
+<!-- {{ $t('hellow.starttask') }}-->
+<!-- </el-button>-->
+<!-- <el-button style="margin-left: 20px;" id="searchButton" type="success" @click="handleBindb">{{-->
+<!-- $t('hellow.stoptask')-->
+<!-- }}-->
+<!-- </el-button>-->
+ <el-switch style="margin-top: 7px;margin-left: 10px;" v-model="ganghua" class="mb-2" :inactive-text="$t('hellow.schedulingswitch')" @change="handleChange" />
+ </div>
<div style="margin-bottom: -5px;margin-left: 5px;">
<el-form>
<el-row>
@@ -41,66 +42,162 @@
</el-form>
</div>
<div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
- <el-table height="480" ref="table" :data="tableDataa"
- :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
- <el-table-column prop="layoutSequence" :label="$t('hellow.order')" align="center"/>
- <el-table-column prop="layoutSequence" :label="$t('hellow.thickness')" align="center"/>
- <el-table-column prop="layoutSequence" :label="$t('hellow.coatingtypes')" align="center"/>
- <el-table-column prop="layoutSequence" :label="$t('hellow.height')" align="center"/>
- <el-table-column prop="layoutSequence" :label="$t('hellow.width')" align="center"/>
- <el-table-column prop="layoutSequence" :label="$t('hellow.state')" align="center"/>
- </el-table>
- <div style="float: right;">
- <el-pagination layout="prev, pager, next" :total="50"/>
- </div>
+ <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.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"
+ layout="prev, pager, next"
+ :total="30"
+ :current-page.sync="currentPage"
+ @current-change="handlePageChange"
+ />
</div>
+ </div>
</el-card>
</div>
+ <!-- 鍒涘缓浠诲姟 -->
<el-dialog v-model="dialogFormVisiblea" top="5vh" width="85%">
- <el-table ref="table" style="margin-top: 20px;height: 500px;"
- :data="tableDatab" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
- <el-table-column prop="deviceId" fixed align="center" :label="$t('hellow.cardnumber')" min-width="80"/>
- <el-table-column prop="slot" fixed align="center" :label="$t('hellow.layernumber')" min-width="80"/>
- <el-table-column prop="patternWidth" align="center" :label="$t('hellow.thickness')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.coatingtypes')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.totalnumber')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.pairsnumber')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.missingnumber')" min-width="80"/>
- <el-table-column fixed="right" :label="$t('hellow.operate')" align="center" width="270">
+ <el-table
+ ref="table"
+ style="margin-top: 20px; height: 700px;"
+ :data="tableDatab"
+ :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"
+ 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 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>
+ </template>
+ </el-table-column>
+ <el-table-column prop="projectNumber" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/>
+ <el-table-column fixed="right" :label="$t('hellow.operate')" align="center" width="270">
<template #default="scope">
- <el-button size="mini" type="text" plain @click="finisha(scope.row)">{{ $t('hellow.claimquest') }}</el-button>
- <el-button size="mini" type="text" plain @click="dialogFormVisibleb = true">{{
+ <el-button size="mini" type="text" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button>
+ <el-button size="mini" type="text" plain @click="handleBindRack(scope.row)">{{
$t('hellow.missingfilms')
}}
</el-button>
- <el-button size="mini" type="text" plain @click="finishb(scope.row)">{{
+ <el-button size="mini" type="text" plain @click="handleout(scope.row)">{{
$t('hellow.forcedfilming')
}}
</el-button>
</template>
</el-table-column>
- </el-table>
+ </el-table>
+</el-dialog>
+ <!-- 棰嗗彇浠诲姟 -->
+ <el-dialog v-model="dialogFormVisiblec" top="21vh" width="40%" :title="$t('hellow.claimquest')">
+ <div style="margin-left: 20px;margin-top: 10px;margin-bottom: 10px;">
+ <el-form size="mini" label-width="100px">
+ <el-form label-width="210px" label-position="right">
+ <el-form-item :label="$t('hellow.pairQuantity')" :required="true" style="width: 25vw">
+ <el-input :placeholder="$t('hellow.cpairQuantity')" v-model="totalPairQuantity" autocomplete="off" />
+ </el-form-item>
+ <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;">
+ <el-select
+ :placeholder="$t('hellow.croute')"
+ style="width: 270px"
+ v-model="cell">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+ </el-form-item>
+ </el-form>
+ </el-form>
+ </div>
+ <template #footer>
+ <div id="dialog-footer">
+ <el-button type="primary" @click="finisha">
+ {{ $t('reportWork.sure') }}
+ </el-button>
+ <el-button @click="dialogFormVisiblec = false">{{ $t('reportWork.cancel') }}</el-button>
+ </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-form size="mini" label-width="100px">
+ <el-form label-width="210px" label-position="right">
+ <el-form-item :label="$t('hellow.pairQuantity')" :required="true" style="width: 25vw">
+ <el-input :placeholder="$t('hellow.cpairQuantity')" v-model="totalPairQuantitya" autocomplete="off" />
+ </el-form-item>
+ <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;">
+ <el-select
+ :placeholder="$t('hellow.croute')"
+ style="width: 270px"
+ v-model="cella">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+ </el-form-item>
+ </el-form>
+ </el-form>
+ </div>
+ <template #footer>
+ <div id="dialog-footer">
+ <el-button type="primary" @click="finishb">
+ {{ $t('reportWork.sure') }}
+ </el-button>
+ <el-button @click="dialogFormVisibled = false">{{ $t('reportWork.cancel') }}</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ <!-- 缂虹墖璇︽儏 -->
<el-dialog v-model="dialogFormVisibleb" top="7vh" width="70%" height="500">
<div style="margin-top: -20px;text-align: center;margin-left: 400px;">
<el-form-item :label="$t('hellow.cardnumbera')" style="width: 14vw">
- {{ temperingtotal }}
+ {{ currentRow.projectNumber }}
</el-form-item>
</div>
<el-table ref="table" style="margin-top: 20px;height: 400px;"
- :data="tableDatac" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
- <el-table-column prop="patternWidth" align="center" :label="$t('hellow.thickness')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.coatingtypes')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.height')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.width')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.totalnumber')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.missingnumber')" min-width="80"/>
- <el-table-column prop="patternHeight" align="center" :label="$t('hellow.brokenpieces')" min-width="80"/>
+ :data="tableDatac" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
+ <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="height" align="center" :label="$t('hellow.height')" min-width="80"/>
+ <el-table-column prop="width" align="center" :label="$t('hellow.width')" min-width="80"/>
+ <!-- <el-table-column prop="totalCount" align="center" :label="$t('hellow.totalnumber')" min-width="80"/> -->
+ <el-table-column prop="lackCount" align="center" :label="$t('hellow.missingnumber')" min-width="80"/>
+ <!-- <el-table-column prop="damageCount" align="center" :label="$t('hellow.brokenpieces')" min-width="80"/> -->
<div style="float: right;margin-bottom: 5px;">
<el-pagination layout="prev, pager, next" :total="50"/>
</div>
</el-table>
</el-dialog>
+ <!-- 寮�濮嬩换鍔� -->
<el-dialog v-model="blinda" top="30vh" width="25%" :title="$t('hellow.pstarttask')">
<template #footer>
<div id="dialog-footer">
@@ -111,6 +208,7 @@
</div>
</template>
</el-dialog>
+ <!-- 鍋滄浠诲姟 -->
<el-dialog v-model="blindb" top="30vh" width="25%" :title="$t('hellow.pstoptask')">
<template #footer>
<div id="dialog-footer">
@@ -123,49 +221,76 @@
</el-dialog>
</template>
<script setup>
-import {ElMessage, ElMessageBox} from 'element-plus'
-import {onBeforeUnmount, onMounted, onUnmounted, ref} from "vue";
+import {ElMessage} from 'element-plus'
+import {onBeforeUnmount, onMounted, onUnmounted, ref, reactive, watch, computed} from "vue";
import request from "@/utils/request"
-import {closeWebSocket} from '@/utils/WebSocketService';
+import {host, WebSocketHost} from '@/utils/constants'
+import {closeWebSocket, initializeWebSocket} from '@/utils/WebSocketService';
import {useI18n} from 'vue-i18n'
-
const {t} = useI18n()
const blinda = ref(false)
const blindb = ref(false)
const tableDataa = ref([])
+const tableDatab = ref([])
const tableDatac = ref([])
+const allData = ref({})
+const flowCard = ref('')
+const cell = ref('')
+const cella = ref('')
+const ganghua = ref('')
+const totalPairQuantity = ref('')
+const totalPairQuantitya = ref('')
const dialogFormVisiblea = ref(false)
const dialogFormVisibleb = ref(false)
-
-const tableDatab = [
+const dialogFormVisiblec = ref(false)
+const dialogFormVisibled = ref(false)
+const currentRow = reactive({});
+const options = [
{
- layoutSequence: 'Tom',
+ value: 930,
+ label: '绾胯矾涓�',
},
{
- layoutSequence: '2016-05-02',
- name: 'Tom',
- address: 'No. 189, Grove St, Los Angeles',
+ value: 931,
+ label: '绾胯矾浜�',
},
+ {
+ value: 932,
+ label: '绾胯矾涓�',
+ }
]
let socket = null;
-// const socketUrl = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/screen`;
-// const handleMessage = (data) => {
-// adjustedRects.value = data.device[0].map(rect => ({
-// ...rect,
-// completed: rect.completedQuantity,
-// breakage: rect.breakageQuantity,
-// thisProcess: rect.thisProcess,
-// }));
-// };
-// let socket;
+const socketUrl = `ws://${WebSocketHost}:${host}/api/hollowGlass/api/talk/HollowGlass`;
+const currentPage = ref(parseInt(window.localStorage.getItem('currentPage')) || 1);
+ console.log(currentPage.value);
+watch(() => currentPage.value, (newVal) => {
+ window.localStorage.setItem('currentPage', newVal);
+});
+const currentPageKey = computed(() => `93${currentPage.value - 1}`);
+const handlePageChange = (newPage) => {
+ currentPage.value = newPage;
+};
+const handleMessage = (data) => {
+ try {
+ const allPageData = data;
+ const currentPageKeyValue = currentPageKey.value;
+ const currentPageData = allPageData[currentPageKeyValue];
+ if (currentPageData && Array.isArray(currentPageData) && currentPageData.length > 0) {
+ tableDataa.value = currentPageData[0];
+ } else {
+ console.warn('No data for the current page key:', currentPageKeyValue);
+ }
+ } catch (error) {
+ console.error('Error parsing WebSocket message:', error);
+ }
+};
onMounted(() => {
- // socket = new WebSocket(socketUrl);
- // socket.onmessage = (event) => {
- // const data = JSON.parse(event.data);
-
- // // updateCharts();
- // };
- // };
+ socket = initializeWebSocket(socketUrl, handleMessage);
+});
+onUnmounted(() => {
+ if (socket) {
+ closeWebSocket(socket);
+ }
});
// 寮�濮嬩换鍔�
const handleBinda = (row) => {
@@ -175,6 +300,81 @@
const handleBindb = (row) => {
blindb.value = true;
};
+const handlezhiban = () => {
+ dialogFormVisiblea.value = true;
+ fetchFlowCardId();
+};
+// 缂虹墖璇︽儏
+const handleBindRack = (row) => {
+ const { projectNumber, layer } = row;
+ currentRow.projectNumber = row.projectNumber;
+ dialogFormVisibleb.value = true;
+ fetchFlowBind(projectNumber, layer);
+};
+// 棰嗗彇浠诲姟
+const handletake = (row) => {
+ window.localStorage.setItem('flowCardId', row.projectNumber)
+ dialogFormVisiblec.value = true;
+};
+// 寮哄埗鍑虹墖
+const handleout = (row) => {
+ window.localStorage.setItem('flowCardId', row.projectNumber)
+ dialogFormVisibled.value = true;
+};
+// 鍒涘缓浠诲姟
+const fetchFlowCardId = async () => {
+ try {
+ const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard');
+ 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');
+ }
+ } catch (error) {
+ 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 fetchFlowBind = async (flowCardId, layer) => {
+ try {
+ var url="/hollowGlass/hollowGlassRelationInfo/queryLackByFlowCard?flowCardId="+flowCardId + "&layer=" + layer;
+ const response = await request.post(url)
+ if (response.code == 200) {
+ // tableDatac.value = response.data[1];
+ tableDatac.value = response.data;
+ ElMessage.success(response.message);
+ } else {
+ ElMessage.error(response.message);
+ }
+ } catch (error) {
+ console.error(error);
+ }
+}
// 寮�濮嬩换鍔�
const handlea = async () => {
try {
@@ -202,69 +402,71 @@
}
}
// 棰嗗彇浠诲姟
-const finisha = async (row) => {
+const finisha = async () => {
+ let flowCardId = window.localStorage.getItem('flowCardId')
try {
- const confirmResult = await ElMessageBox.confirm(
- t('hellow.pclaimquest'),
- t('searchOrder.prompt'),
- {
- confirmButtonText: t('searchOrder.yes'),
- cancelButtonText: t('searchOrder.cancel'),
- type: 'warning',
+ var url="/hollowGlass/hollowGlassOutRelationInfo/receiveTask?cell="+cell.value + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantity.value;
+ const response = await request.post(url)
+ if (response.code == 200) {
+ ElMessage.success(response.message);
+ dialogFormVisiblec.value = false;
+ cell.value = '';
+ totalPairQuantity.value = '';
+ } else {
+ ElMessage.error(response.message);
}
- );
- if (confirmResult === 'confirm') {
- const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/finishBigStorageCageDetails", row)
- if (response.code === 200) {
- ElMessage.success(response.message);
- } else {
- ElMessage.error(response.message);
+ } catch (error) {
+ console.error(error);
}
}
- } catch (error) {
- console.error('鍙戠敓閿欒:', error);
- }
-};
// 寮哄埗鍑虹墖
-const finishb = async (row) => {
+const finishb = async () => {
+ let flowCardId = window.localStorage.getItem('flowCardId')
try {
- const confirmResult = await ElMessageBox.confirm(
- t('hellow.pforcedfilming'),
- t('searchOrder.prompt'),
- {
- confirmButtonText: t('searchOrder.yes'),
- cancelButtonText: t('searchOrder.cancel'),
- type: 'warning',
+ var url="/hollowGlass/hollowGlassOutRelationInfo/forceOutGlass?cell="+cella.value + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantitya.value;
+ const response = await request.post(url)
+ if (response.code == 200) {
+ ElMessage.success(response.message);
+ dialogFormVisibled.value = false;
+ cella.value = '';
+ totalPairQuantitya.value = '';
+ } else {
+ ElMessage.error(response.message);
}
- );
- if (confirmResult === 'confirm') {
- const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/finishBigStorageCageDetails", row)
- if (response.code === 200) {
- ElMessage.success(response.message);
- } else {
- ElMessage.error(response.message);
+ } catch (error) {
+ console.error(error);
}
}
- } catch (error) {
- console.error('鍙戠敓閿欒:', error);
+ // 璋冨害
+ const handleChange = async () => {
+ try {
+ const body = {
+ flag: ganghua.value, // 浣跨敤 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 {
+ ElMessage.error(response.message);
+ }
+}
+catch (error) {
+ // 澶勭悊閿欒
+ console.error(error);
}
-};
-onUnmounted(() => {
- socket.close();
-});
-onMounted(() => {
- // fetchTableData();
- // socket = initializeWebSocket(socketUrl, handleMessage);
-});
-onUnmounted(() => {
- if (socket) {
- closeWebSocket(socket);
- }
-});
+}
onBeforeUnmount(() => {
console.log("鍏抽棴浜�")
closeWebSocket();
});
</script>
-<style scoped></style>
\ No newline at end of file
+<style scoped>
+#dialog-footer {
+ text-align: center;
+ margin-top: -15px;
+}</style>
\ No newline at end of file
--
Gitblit v1.8.0