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/cachingun.vue | 172 +++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 105 insertions(+), 67 deletions(-) diff --git a/UI-Project/src/views/Caching/cachingun.vue b/UI-Project/src/views/Caching/cachingun.vue index d454956..94c8b0b 100644 --- a/UI-Project/src/views/Caching/cachingun.vue +++ b/UI-Project/src/views/Caching/cachingun.vue @@ -1,5 +1,58 @@ +<template> + <div> + <el-card style="flex: 1;margin-left: 10px;margin-top: 20px;" v-loading="loading"> + <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> + <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="$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="$t('sorter.startstatus')" + min-width="80" + prop="enable_state" + > + <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> --> + </el-table-column> + <el-table-column fixed="right" :label="$t('sorter.operate')" align="center" width="200"> + <template #default="scope"> + <el-button size="mini" type="text" plain @click="open(scope.row)">{{ $t('sorter.deficiencieste') }}</el-button> + </template> + </el-table-column> + </el-table> + </div> + </el-card> + </div> + <div id="awatch"> + <img src="../../assets/woshihuancun.png" alt="" style="width: 60%;height: 90%;margin-left: 260px;margin-top: 20px;position: relative;"> + <div style="position: absolute; width: 500px;height: 95px;margin-top: -165px;margin-left: 450px;"> + <div + v-for="(rect, index) in adjustedRects" + :key="rect" + :style="{ position: 'absolute', + top: `${rect.id}px`, left: `10px`, width: `${rect.width}px`, height: `5px`, + backgroundColor: '#409EFF' + }" + > + </div> + </div> +</div> +</template> <script setup> -import {Search} from "@element-plus/icons-vue"; +import {Search,Lock,Avatar} from "@element-plus/icons-vue"; import {reactive} from "vue"; import {useRouter} from "vue-router" const router = useRouter() @@ -12,6 +65,9 @@ import { ElMessage, ElMessageBox } from 'element-plus' // import LanguageMixin from './lang/LanguageMixin' +import { useI18n } from 'vue-i18n' + const { t } = useI18n() +// import i18n from '@/i18n'; const tableData = ref([]) const slot = ref('') const adjustedRects = ref([]); @@ -36,17 +92,16 @@ // console.error('Error fetching rects :', error); } }); - -const open = async(row) => { - try { +const open = async(row) => { + try { const confirmResult = await ElMessageBox.confirm( - '鏄惁鎶ョ己璇ユ潯淇℃伅?', - '鎻愮ず', + t('sorter.information'), + t('sorter.prompt'), { - confirmButtonText: '鏄�', - cancelButtonText: '鍙栨秷', + confirmButtonText: t('sorter.yes'), + cancelButtonText: t('sorter.cancel'), type: 'warning', - } + } ); if (confirmResult === 'confirm') { // 鐢ㄦ埛鐐瑰嚮浜嗏�滄槸鈥濓紝鐜板湪璋冪敤鍒犻櫎鎺ュ彛 @@ -63,11 +118,50 @@ // alert('鍒犻櫎澶辫触锛�' + deleteResponse.message); } } - } catch (error) { + } + + + catch (error) { // 澶勭悊鍙兘鍑虹幇鐨勯敊璇紝姣斿 ElMessageBox 鎶涘嚭鐨勫紓甯哥瓑 console.error('鍙戠敓閿欒:', error); } -}; +}; +// const open = async(row) => { +// const { t } = useI18n(); +// try { +// const confirmMessage = t('sorter.prompt'); // 浣跨敤 $t 缈昏瘧鏂囨湰 +// const confirmResult = await ElMessageBox.confirm( +// confirmMessage, +// t('sorter.information'), +// { +// 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, { +// esdId: row.esdId +// }) +// if (response.code === 200) { +// ElMessage.success(response.message); +// } else { +// // 鍒犻櫎澶辫触锛屾偍鍙互澶勭悊閿欒鎴栨樉绀洪敊璇俊鎭粰鐢ㄦ埛 +// ElMessage.error(response.msg); +// // alert('鍒犻櫎澶辫触锛�' + deleteResponse.message); +// } +// } +// } + + +// catch (error) { +// // 澶勭悊鍙兘鍑虹幇鐨勯敊璇紝姣斿 ElMessageBox 鎶涘嚭鐨勫紓甯哥瓑 +// console.error('鍙戠敓閿欒:', error); +// } +// }; const toggleEnableState = async (row) => { const newState = row.enable_state === 1 ? 0 : 1; // 鍙戦�佽姹傚埌鍚庣鏇存柊鐘舵�侊紙杩欓噷鐪佺暐浜嗗疄闄呯殑璇锋眰閫昏緫锛� @@ -105,62 +199,6 @@ closeWebSocket(); }); </script> - -<template> - <div> - <el-card style="flex: 1;margin-left: 10px;margin-top: 20px;" v-loading="loading"> - <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> - <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 - align="center" - label="鍚敤鐘舵��" - min-width="80" - prop="enable_state" - > - <template #default="scope"> - <el-tag - :type="scope.row.enable_state === 1 ? 'success' : 'danger'" - @click="toggleEnableState(scope.row)" - > - {{ scope.row.enable_state === 1 ? '鍚敤' : '绂佺敤' }} - </el-tag> - </template> - <!-- <template #default="scope"> - <el-tag type="success" >{{ scope.row.enable_state==1?"鍚敤":"鏈惎鐢�" }}</el-tag> - </template> --> - </el-table-column> - <el-table-column fixed="right" label="鎿嶄綔" 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> - </template> - </el-table-column> - </el-table> - </div> - </el-card> - </div> - <div id="awatch"> - <img src="../../assets/woshihuancun.png" alt="" style="width: 60%;height: 90%;margin-left: 260px;margin-top: 20px;position: relative;"> - <div style="position: absolute; width: 500px;height: 95px;margin-top: -165px;margin-left: 450px;"> - <div - v-for="(rect, index) in adjustedRects" - :key="rect" - :style="{ position: 'absolute', - top: `${rect.id}px`, left: `10px`, width: `${rect.width}px`, height: `5px`, - backgroundColor: '#409EFF' - }" - > - </div> - </div> -</div> -</template> - <style scoped> #dt { display:block; float:left;line-height: 20px;margin-left: 100px;} -- Gitblit v1.8.0