From 18f6e14f2cb0e19fc8726e9821bc4db172a04d17 Mon Sep 17 00:00:00 2001
From: 严智鑫 <test>
Date: 星期三, 24 四月 2024 16:32:54 +0800
Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10101/r/HangZhouMes
---
UI-Project/src/views/Visualization/screenone.vue | 393 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 393 insertions(+), 0 deletions(-)
diff --git a/UI-Project/src/views/Visualization/screenone.vue b/UI-Project/src/views/Visualization/screenone.vue
new file mode 100644
index 0000000..67c968b
--- /dev/null
+++ b/UI-Project/src/views/Visualization/screenone.vue
@@ -0,0 +1,393 @@
+<script setup>
+import {Search} from "@element-plus/icons-vue";
+import {reactive} from "vue";
+import {useRouter} from "vue-router"
+const router = useRouter()
+
+import request from "@/utils/request"
+import { ref, onMounted } from "vue";
+// import { ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+// import LanguageMixin from './lang/LanguageMixin'
+
+const tableData = ref([])
+
+// 鍙戦�佽幏鍙栬〃鏍兼暟鎹殑璇锋眰
+// const fetchTableData = async () => {
+// try {
+// // 鍙戦�佽幏鍙栬〃鏍兼暟鎹殑璇锋眰锛屽苟绛夊緟鍝嶅簲
+// // const response = await request.post("/loadGlass/optimizeProject/listByState", requestData);
+// const response = await request.get("unLoadGlass/downStorage/selectStorageCage");
+
+// // 妫�鏌ュ搷搴旂姸鎬�
+// if (response.code === 200) {
+// // 鏇存柊琛ㄦ牸鏁版嵁
+// console.log('鎴愬姛鑾峰彇琛ㄦ牸鏁版嵁:', response.data);
+// tableData.splice(0, tableData.length, ...response.data);
+// } else {
+// // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭�
+// ElMessage.error(response.msg);
+// }
+// } catch (error) {
+// // 澶勭悊璇锋眰澶辫触鐨勬儏鍐�
+// ElMessage.error('鑾峰彇琛ㄦ牸鏁版嵁澶辫触锛岃閲嶈瘯');
+// }
+// };
+// onMounted(fetchTableData);
+
+
+
+request.get("unLoadGlass/downStorage/selectStorageCage").then((res) => {
+ if (res.code == 200) {
+ console.log(res.data);
+ tableData.value = res.data
+ } else {
+ ElMessage.warning(res.msg)
+
+ }
+ });
+
+const dialogForm = () => {
+ ElMessageBox.confirm(
+ '鏄惁鎶ョ己?',
+ '鎻愮ず',
+ {
+ confirmButtonText: '鏄�',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
+ }
+ )
+ .then(() => {
+ // this.boxa = true
+ // this.box = false
+
+ })
+}
+const open = () => {
+ ElMessageBox.confirm(
+ '鏄惁鍒犻櫎璇ユ潯淇℃伅?',
+ '鎻愮ず',
+ {
+ confirmButtonText: '鏄�',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
+ }
+ )
+ .then(() => {
+ ElMessage({
+ type: 'success',
+ message: '鍒犻櫎鎴愬姛锛�',
+ })
+ })
+ .catch(() => {
+ ElMessage({
+ type: 'info',
+ message: '鍒犻櫎澶辫触',
+ })
+ })
+}
+const getTableRow = (row,type) =>{
+ switch (type) {
+ case 'edit' :{
+ //alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑缂栬緫淇℃伅')
+ router.push({path: '/main/returns/createReturns', query: { ReturnID: 'TH24010101' }})
+ break
+ }
+ case 'delete':{
+ alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑鍒犻櫎淇℃伅')
+ break
+ }
+ }
+}
+
+const gridOptions = reactive({
+ border: "full",//琛ㄦ牸鍔犺竟妗�
+ keepSource: true,//淇濇寔婧愭暟鎹�
+ align: 'center',//鏂囧瓧灞呬腑
+ stripe:true,//鏂戦┈绾�
+ rowConfig: {isCurrent: true, isHover: true,height: 50},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+ id: 'OrderList',
+ showFooter: true,//鏄剧ず鑴�
+ printConfig: {},
+ importConfig: {},
+ exportConfig: {},
+ scrollY:{ enabled: true },//寮�鍚櫄鎷熸粴鍔�
+ showOverflow:true,
+ columnConfig: {
+ resizable: true,
+ useKey: true
+ },
+ filterConfig: { //绛涢�夐厤缃」
+ remote: true
+ },
+ customConfig: {
+ storage: true
+ },
+ editConfig: {
+ trigger: 'click',
+ mode: 'row',
+ showStatus: true
+ },
+ data: [
+ {
+ 'id': '1',
+ 'long': '5',
+ 'wide': '1005',
+ 'thick': '183.6',
+ }
+ ]
+
+})
+
+
+
+</script>
+
+<template>
+<!-- 鐖剁骇妗� -->
+<div class="container">
+ <img src="../../assets/d1.png" style="width: 1500px;height: 750px;" alt="Your Image">
+ <div class="moving-rect vertical"></div>
+ <div class="moving-rect all"></div>
+ <div class="moving-rect horizontal"></div>
+ <div class="moving-rect xiao"></div>
+ <div class="moving-rect zhan"></div>
+ <div class="moving-rect tu"></div>
+ <div class="moving-rect zi"></div>
+ <div class="moving-rect xia"></div>
+ <div class="moving-rect zan"></div>
+ <div class="moving-rect fa"></div>
+ <div class="moving-rect hua"></div>
+ <div class="moving-rect shui"></div>
+</div>
+</template>
+
+<style scoped>
+.container {
+ position: relative;
+ display: inline-block; /* 浣垮鍣ㄥぇ灏忛�傚簲鍥剧墖澶у皬 */
+}
+
+img {
+ display: block; /* 璁╁浘鐗囦互鍧楃骇鍏冪礌鏄剧ず */
+ max-width: 100%; /* 纭繚鍥剧墖涓嶈秴鍑哄鍣� */
+}
+
+.moving-rect {
+ width: 100px;
+ height: 50px;
+ position: absolute;
+}
+
+.vertical {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 510px; /* 鍒濆浣嶇疆 */
+ left: 899px; /* 姘村钩灞呬腑 */
+ transform: translateX(-50%);
+ animation: move-vertical 6s infinite; /* 浠庝笂鍒颁笅鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+
+@keyframes move-vertical {
+ 0% {
+ top: 510px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ top: calc(100% - 210px); /* 浠庝笂鍒颁笅缁撴潫浣嶇疆 */
+ }
+}
+.all {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 490px; /* 鍨傜洿灞呬腑 */
+ right: 560px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-all 6s infinite; /* 浠庡彸鍒板乏鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-all {
+ 0% {
+ right: 560px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 863px); /* 浠庡彸鍒板乏缁撴潫浣嶇疆 */
+ }
+}
+.horizontal {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 488px; /* 鍨傜洿灞呬腑 */
+ right: 210px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-horizontal 6s infinite; /* 浠庡彸鍒板乏鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+
+@keyframes move-horizontal {
+ 0% {
+ right: 210px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 1030px); /* 浠庡彸鍒板乏缁撴潫浣嶇疆 */
+ }
+}
+
+.xiao {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 569px; /* 鍨傜洿灞呬腑 */
+ right: 660px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-xiao 6s infinite; /* 浠庡彸鍒板乏鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-xiao {
+ 0% {
+ right: 660px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 820px); /* 浠庡彸鍒板乏缁撴潫浣嶇疆 */
+ }
+}
+.tu {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 569px; /* 鍨傜洿灞呬腑 */
+ right: 778px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-tu 6s infinite; /* 浠庡彸鍒板乏鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-tu {
+ 0% {
+ right: 778px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 580px); /* 浠庡彸鍒板乏缁撴潫浣嶇疆 */
+ }
+}
+.zhan {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 632px; /* 鍨傜洿灞呬腑 */
+ right: 572px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-zhan 6s infinite; /* 浠庡彸鍒板乏鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-zhan {
+ 0% {
+ right: 572px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 885px); /* 浠庡彸鍒板乏缁撴潫浣嶇疆 */
+ }
+}
+.zi {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 632px; /* 鍨傜洿灞呬腑 */
+ right: 710px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-zi 6s infinite; /* 浠庡彸鍒板乏鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-zi {
+ 0% {
+ right: 710px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 645px); /* 浠庡彸鍒板乏缁撴潫浣嶇疆 */
+ }
+}
+.xia {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 628px; /* 鍨傜洿灞呬腑 */
+ right: 1185px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-xia 6s infinite; /* 浠庡彸鍒板乏鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-xia {
+ 0% {
+ right: 1185px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 198px); /* 浠庡彸鍒板乏缁撴潫浣嶇疆 */
+ }
+}
+
+.zan {
+ width: 25px;
+ height: 45px;
+ background-color: #409EFF;
+ top: 570px; /* 鍒濆浣嶇疆 */
+ left: 172px; /* 姘村钩灞呬腑 */
+ transform: translateX(-50%);
+ animation: move-zan 6s infinite; /* 浠庝笂鍒颁笅鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+
+@keyframes move-zan {
+ 0% {
+ top: 570px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ top: calc(100% - 242px); /* 浠庝笅鍒颁笂缁撴潫浣嶇疆 */
+ }
+}
+.fa {
+ width: 25px;
+ height: 45px;
+ background-color: #409EFF;
+ top: 150px; /* 鍒濆浣嶇疆 */
+ left: 172px; /* 姘村钩灞呬腑 */
+ transform: translateX(-50%);
+ animation: move-fa 6s infinite; /* 浠庝笂鍒颁笅鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+
+@keyframes move-fa {
+ 0% {
+ top: 150px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ top: calc(100% - 660px); /* 浠庝笅鍒颁笂缁撴潫浣嶇疆 */
+ }
+}
+.hua {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 117px; /* 鍨傜洿灞呬腑 */
+ right: 1250px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-hua 6s infinite; /* 浠庡乏鍒板彸鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-hua {
+ 0% {
+ right: 1250px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 360px); /* 缁撴潫浣嶇疆 */
+ }
+}
+.shui {
+ width: 45px;
+ height: 25px;
+ background-color: #409EFF;
+ top: 117px; /* 鍨傜洿灞呬腑 */
+ right: 1050px; /* 鍒濆浣嶇疆 */
+ transform: translateY(-50%);
+ animation: move-shui 6s infinite; /* 浠庡乏鍒板彸鍔ㄧ敾锛屾寔缁�6绉掞紝鏃犻檺寰幆 */
+}
+@keyframes move-shui {
+ 0% {
+ right: 1050px; /* 璧峰浣嶇疆 */
+ }
+ 100% {
+ right: calc(100% - 610px); /* 缁撴潫浣嶇疆 */
+ }
+}
+
+</style>
\ No newline at end of file
--
Gitblit v1.8.0