From eda704f48beacb5c68372482f73b50af3c4623fb Mon Sep 17 00:00:00 2001 From: wuyouming666 <2265557248@qq.com> Date: 星期三, 26 六月 2024 14:23:50 +0800 Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10101/r/HangZhouMes --- UI-Project/src/views/Caching/cachingbefore.vue | 67 +++++++++++++++++++++------------ 1 files changed, 42 insertions(+), 25 deletions(-) diff --git a/UI-Project/src/views/Caching/cachingbefore.vue b/UI-Project/src/views/Caching/cachingbefore.vue index a1c820f..9f4ed48 100644 --- a/UI-Project/src/views/Caching/cachingbefore.vue +++ b/UI-Project/src/views/Caching/cachingbefore.vue @@ -4,6 +4,7 @@ import {useRouter} from "vue-router" const router = useRouter() const adda = ref(false) +import { WebSocketHost ,host} from '@/utils/constants' import request from "@/utils/request" import { ref, onMounted , onBeforeUnmount} from "vue"; @@ -12,10 +13,12 @@ import { ElMessage, ElMessageBox } from 'element-plus' // import LanguageMixin from './lang/LanguageMixin' +import { useI18n } from 'vue-i18n' + const { t } = useI18n() + let language = ref(localStorage.getItem('lang') || 'zh') const tableData = ref([]) const slot = ref('') const adjustedRects = ref([]); - onMounted(async () => { try { const response = await request.post('/cacheGlass/edgStorageCage/selectEdgStorageCage'); // 鏇挎崲涓轰綘鐨凙PI绔偣 @@ -36,20 +39,29 @@ // console.error('Error fetching rects :', error); } }); - -const open = async(row) => { - try { - const confirmResult = await ElMessageBox.confirm( - '鏄惁鎶ョ己璇ユ潯淇℃伅?', - '鎻愮ず', - { - confirmButtonText: '鏄�', - cancelButtonText: '鍙栨秷', - type: 'warning', +const toggleEnableState = async (row) => { + const newState = row.enable_state === 1 ? 0 : 1; + // 鍙戦�佽姹傚埌鍚庣鏇存柊鐘舵�侊紙杩欓噷鐪佺暐浜嗗疄闄呯殑璇锋眰閫昏緫锛� + const response = await request.post('/cacheGlass/edgStorageCage/updateEdgStorageCage', { id: row.id, enablestate: newState }); + if (response.code === 200) { + ElMessage.success(response.message); + } else { + ElMessage.error(response.message); } + row.enable_state = newState; +}; +const open = async(row) => { + try { + const confirmResult = await ElMessageBox.confirm( + t('sorter.information'), + t('sorter.prompt'), + { + confirmButtonText: t('sorter.yes'), + cancelButtonText: t('sorter.cancel'), + type: 'warning', + } ); if (confirmResult === 'confirm') { - // 鐢ㄦ埛鐐瑰嚮浜嗏�滄槸鈥濓紝鐜板湪璋冪敤鍒犻櫎鎺ュ彛 var url="/cacheGlass/edgStorageCage/edgStorageCageGlass?edgStorageCageId="+row.id; console.log(url); const response = await request.post(url, { @@ -58,17 +70,14 @@ if (response.code === 200) { ElMessage.success(response.message); } else { - // 鍒犻櫎澶辫触锛屾偍鍙互澶勭悊閿欒鎴栨樉绀洪敊璇俊鎭粰鐢ㄦ埛 ElMessage.error(response.msg); - // alert('鍒犻櫎澶辫触锛�' + deleteResponse.message); } } } catch (error) { - // 澶勭悊鍙兘鍑虹幇鐨勯敊璇紝姣斿 ElMessageBox 鎶涘嚭鐨勫紓甯哥瓑 console.error('鍙戠敓閿欒:', error); } }; -const socketUrl = `ws://10.153.19.150:88/api/cacheGlass/api/talk/cacheGlass`; +const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/cacheGlass`; // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺 const handleMessage = (data) => { // 鏇存柊 tableData 鐨勬暟鎹� @@ -101,24 +110,32 @@ <el-table height="240" ref="table" @selection-change="handleSelectionChange" :data="tableData" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> - <el-table-column prop="slot" align="center" label="鏍呮牸鍙�" min-width="80" /> - <el-table-column prop="glass_id" align="center" label="鐜荤拑缂栧彿" min-width="80" /> - <el-table-column prop="width" align="center" label="瀹�" min-width="120" /> - <el-table-column prop="height" align="center" label="楂�" min-width="120" /> + <el-table-column prop="slot" align="center" :label="$t('sorter.gridnumber')" min-width="80" /> + <el-table-column prop="glass_id" align="center" :label="$t('sorter.glassnumber')" min-width="80" /> + <el-table-column prop="width" align="center" :label="$t('sorter.width')" min-width="120" /> + <el-table-column prop="height" align="center" :label="$t('sorter.height')" min-width="120" /> <el-table-column align="center" - label="鍚敤鐘舵��" + :label="$t('sorter.startstatus')" min-width="80" prop="enable_state" > - <template #default="scope"> + <template #default="scope"> + <el-tag + :type="scope.row.enable_state === 1 ? 'success' : 'danger'" + @click="toggleEnableState(scope.row)" + > + {{ scope.row.enable_state === 1 ? $t('sorter.start') : $t('sorter.disable') }} + </el-tag> + </template> + <!-- <template #default="scope"> <el-tag type="success" >{{ scope.row.enable_state==1?"鍚敤":"鏈惎鐢�" }}</el-tag> - </template> + </template> --> </el-table-column> - <el-table-column fixed="right" label="鎿嶄綔" align="center" width="200"> + <el-table-column fixed="right" :label="$t('sorter.operate')" align="center" width="200"> <template #default="scope"> <!-- <el-button size="mini" type="text" plain @click="handleBindRacka(scope.row)">鎶ョ己</el-button> --> - <el-button size="mini" type="text" plain @click="open(scope.row)">鎶ョ己</el-button> + <el-button size="mini" type="text" plain @click="open(scope.row)">{{ $t('sorter.deficiencieste') }}</el-button> </template> </el-table-column> </el-table> -- Gitblit v1.8.0