From 7a01290d83996b6a3265c526b03dbbd7f5bd7625 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Fri, 1 Nov 2024 10:49:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=A0=87=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/resources/static/img/model/sign.png  | Bin 0 -> 1921 bytes
 .../templates/manage/model/model.html         | 125 ++++++++++++++++--
 2 files changed, 112 insertions(+), 13 deletions(-)
 create mode 100644 ruoyi-admin/src/main/resources/static/img/model/sign.png

diff --git a/ruoyi-admin/src/main/resources/static/img/model/sign.png b/ruoyi-admin/src/main/resources/static/img/model/sign.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d3ebaed6e47c46e0fd94978d199c48239a2f2f3
GIT binary patch
literal 1921
zcmbuAXEYlO1BF9vYPUwwQrZSp+EUTj2^FKQR;>=&*Ql9SiyARv#i$WtCzOv;P0-k*
zMzyiM_Ks9-5-}50z5ai{zVn^)+<X7tbMB8D`@q8ZERQ4)001~^at~s8ny^#7;Nm#-
z`#leB0RYZ>CJ_C{?{cYFM1rV`G)Z@$cY|8#5BI4hv2tpAluH#s&En&Vid;?EvJ2Ei
zck>R>x6L1=Ub#|ZV~EP$Pbxr;C1-w8IE*ni%(<klVbJsJGQ2APb)ls_%n_tXU?nwE
zH)u^@XJ;{RVl4@h2SP8W_EO0+y?uA`j{AtW25u3Ra#Lo}51BV;hdLa&qYV5-&ku5L
zeZxlmqZ5bCdt*%VJ6}}`L@U4LxNxoi6T2?wVafb5<D>`^y8J)lzTq12(^Ag3xIk3x
zlr#C(6rVHs87lQls}RGrj_Jys0(=n<He<FS*>cU?5BqZJ8Z_a*kiuRdCN|Ftb-ouh
z%>f1(Lnk9FZ)4ha+I(fP`W9}HJ`zGq%mFTj4yMm9(gZubAHXl}$RLbddkF4^YDLJ1
zimwqA1jV}b<4JsV3*Wqe%{;&Wd>#j4gz^Of1EB#b5G&+4tL;1C$E|*paHY>F?6@$S
z4bxVh6qqb$%;0s{I^pVUTetf!GYE<|s1FA0fU$V9>T=ew5ZS@}V6KrDOimzYs4Ev4
z#8xVa9o&nv10z&oj*c{K#f>;*2W^WL^g0ISXX$rZIRrtrd*ZrW`jjA5O$coS(8qgT
z^<>BNt<kvB8gbaAWqjJ^?h%=#t91DI_pe@HyQNU%`|nXaJr9M%PSO^I`4UyjY7#Fj
z)u8Rt7n{dk&vYl?wTSNL)H#nz8Cdu<Tm@=BY?hA8>Yc>t{2>Rij!Vb(kc3AM70<U_
zAI80QI5hX1AZCNqN)rup3%_5Sw;%->xcK1<mL4&N6bIAhmX^F%eBEAmJGr`h{UT(6
zc#H!NmSbW-2rmGMu$&&P{AfCdZg*u%A8&|rytWt47f`oUj2D4#pSGYTX|e6Ljc*Dt
znjeTuL}pKw+{c(T;6P>$^Q9phA}-v;e{I>VfnKubZpX+bYkr8j5nuIDGC*f^Eb#n|
z6KL`2VATaR8_etY5s!NRgBcfp)KBNT2@N*GqE9ngP>vlVT3)!o%NKw85M~6zTPv}3
zambh4mUOGD(<w#^rYltVh~2|w0dAS8FI!vv<#=-1=3UhAZHabOuX-nWc|JWG&GxuC
zY6Z1UjiH^fpJe_kV|5bmLf@7_TS+P@ro3sc9rv6G4zdw17(*6tK2eB9vDxw`I$6s@
zceImQuN!E6m%KXd$f-|0+s(EWUZ#T<@&#|IHx1Rxj>CEXQ2se6RQOc$X9uj+sVJH<
zRERK0R~RX$a?dcumHAllSt9G&D*^jac{6<-!oU_EOOK>jVUz7(B$8L;7C6^yvvX?l
zm55umYf0CSR10B|YL@|W%8%w}1L_(B_{SLWVIe_kNR;r<)&b-j-;~Av=h?X(er@ed
zpC+wU`IH~O!KRzGV9@Zvb`}+ZZ7=msn3hFW$eF{CN&V<7P>fZmcGKQylt9Shi<@;T
zn7wW%&q)z#-O-!z3&-Y1ck}Wxb42nsV6uvMjHhg24N$rQRhk>@Gn|T8l>4y!Gb#Hm
zy5yRe=Hcve2pv?6<jS{^tD@F@;5T}D<$e~aDgrAV<p0%AxhppzhCo3yHd-t+G=})Q
z(=^<oP1*QI>YUcxq@D~Jgir^@66K|Rz^J&gHDmiRM67LZf`#aeu&wnMkM56|!4<?;
z1BBUF>qllInd{jE2*<l6rhUuFlL@6w8Wr6$&<wm|3KS#z-(Rom(vg8cKfhb}5HMYo
zw$4e$w4{Ii{WDzGFQH5<pa~T>@fOZlpS_vZXzG-eqyFpD=zr|f$cc?mYnit|vG`r7
zV@hd2?TyJ=BK-H_)Kc-QH+IGA3I0}9GH}|$+OmrwA6#AvO~m&OiJong+9*?L*_8}E
zd2y4VB5#Tz=TBLwH0{nWoO$2QSE}?90{s6$uK-+qTi+;e&-X++g88DKi=D$L`d-D!
zro_Q84TbR>l6o3?g4$%RZ6OMOKDQ>X6kv;2(6}|$i;+N!lcEpt?mc&S4s9%XT-wNQ
z1JI9V8gyi?^bcH6A->yn5=?r6o6^x_PxcO2jbg`UnK+M&C|&Z9R*0?i99oP`XV|CA
zl&gDT*dSd_6oJGn2}H@LyI$xXV`a<NVfK4`)Hklmr`AJ*uFc7xVSs*CIwL9DUy`|6
zZC$M^F_)SSFhNZL_RB6ghqYX8aA!`Hp(NolfWNKZ)_+V)&XB*i@T`1d7D*wsis{i<
z4m2W3di-I^VVz;FfU<KP!GiH&y5Y>4j6Y^_bNi`u78eF7eDo5HEx>;7jO>+gakc=-
mjyXLV`}5r)UR^WgYjp35I^-(Y5h`(dtpF3K1%zPWfczKN*{Eay

literal 0
HcmV?d00001

diff --git a/ruoyi-manage/src/main/resources/templates/manage/model/model.html b/ruoyi-manage/src/main/resources/templates/manage/model/model.html
index f3451e8..4980834 100644
--- a/ruoyi-manage/src/main/resources/templates/manage/model/model.html
+++ b/ruoyi-manage/src/main/resources/templates/manage/model/model.html
@@ -120,22 +120,99 @@
     border-top: 10px solid rgba(23, 48, 97, 0.8);
   }
 
+  .sign {
+  }
+  .sign .content{
+    background-image: url("/img/model/sign.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 5vw;
+    height: 6.42vw;
+    transform: translateY(-50%);
+    position: relative;
+  }
+
+  .sign .content .title {
+    position: absolute;
+    top: 15%;
+    font-size: 0.6vw;
+    color: #fff;
+    width: 100%;
+    text-align: center;
+    transform: translateY(-50%);
+  }
+  .pageTitle{
+    position: absolute;
+    transform: translateY(-50%);
+    top: 4%;
+    width: 100%;
+    left: 0;
+    text-align: center;
+    letter-spacing: 2px;
+    font-size: 2vw;
+    color: #fff;
+  }
 </style>
 <body class="gray-bg">
 <!--  29.4  39.8 50.1 59.6  68.8 -->
 <div>
   <div class="bg"></div>
-  <div id="three" style="width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;"></div>
+  <div class="pageTitle">机场轮档平台</div>
+  <div id="three" style="width: 100vw;height: 82vh;position:absolute;top: 9%;left: 0;"></div>
   <div class="btns" id="btns">
   </div>
   <div class="threeLabel" id="threeLabel">
     <div class="threeLabelContent" id="threeLabelContent"></div>
   </div>
+  <div class="sign" id="sign1">
+    <div class="content">
+      <span class="title">1号试车坪</span>
+    </div>
+  </div>
+  <div class="sign" id="sign2">
+    <div class="content">
+      <span class="title">2号口</span>
+    </div>
+  </div>
+  <div class="sign" id="sign3">
+    <div class="content">
+      <span class="title">3号口</span>
+    </div>
+  </div>
+  <div class="sign" id="sign4">
+    <div class="content">
+      <span class="title">4号口</span>
+    </div>
+  </div>
+  <div class="sign" id="sign5">
+    <div class="content">
+      <span class="title">3号试车坪</span>
+    </div>
+  </div>
+  <div class="sign" id="sign6">
+    <div class="content">
+      <span class="title">3号坪</span>
+    </div>
+  </div>
+  <div class="sign" id="sign7">
+    <div class="content">
+      <span class="title">2号除冰坪</span>
+    </div>
+  </div>
+  <div class="sign" id="sign8">
+    <div class="content">
+      <span class="title">4号除冰坪</span>
+    </div>
+  </div>
+  <div class="sign" id="sign9">
+    <div class="content">
+      <span class="title">轮挡仓库</span>
+    </div>
+  </div>
 </div>
 <th:block th:include="include :: footer"/>
 <script>
   let scene = null
-  let label = null
   let controls = null
   let camera = null
   let tween = null
@@ -151,7 +228,7 @@
   tween = TWEEN
   scene = new THREE.Scene()
   // scene.background = new THREE.Color(0x000000,0)
-  camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 100000);
+  camera = new THREE.PerspectiveCamera(75, window.innerWidth / (window.innerHeight), 0.1, 100000);
   const pointLight = new THREE.PointLight(0xffffff, 10) //光源颜色 光照强度
   const ambient = new THREE.AmbientLight(0xffffff, 2)
   const light = new THREE.DirectionalLight(0xffffff, 1)
@@ -163,15 +240,15 @@
   })
   renderer.setClearColor(0x000000, 0)
   controls = new OrbitControls(camera, renderer.domElement)
-  renderer.setSize(window.innerWidth, window.innerHeight)
+  renderer.setSize(window.innerWidth, window.innerHeight * 0.82)
 
-  camera.position.set(-298,4839,734)
+  camera.position.set(-363, 3719, 585)
   camera.rotation.x = -1.57
-  camera.rotation.y = -6.10
+  camera.rotation.y = 0
   camera.rotation.z = 0
 
   camera.updateProjectionMatrix()
-  controls.target = new THREE.Vector3(-298,612,734)
+  controls.target = new THREE.Vector3(-363, 612, 585)
   controls.update()
   // scene.add(pointLight)
   scene.add(ambient)
@@ -185,10 +262,34 @@
   labelRenderer.domElement.style.top = '0'
   labelRenderer.domElement.style.pointerEvents = 'none'
   document.body.appendChild(labelRenderer.domElement)
-  // label = new CSS2DObject(document.getElementById('threeLabel'))
-  // label.position.set(-999999, -999999, -999999)
-  // scene.add(label)
 
+  let sign1 = new CSS2DObject(document.getElementById('sign1'))
+  let sign2 = new CSS2DObject(document.getElementById('sign2'))
+  let sign3 = new CSS2DObject(document.getElementById('sign3'))
+  let sign4 = new CSS2DObject(document.getElementById('sign4'))
+  let sign5 = new CSS2DObject(document.getElementById('sign5'))
+  let sign6 = new CSS2DObject(document.getElementById('sign6'))
+  let sign7 = new CSS2DObject(document.getElementById('sign7'))
+  let sign8 = new CSS2DObject(document.getElementById('sign8'))
+  let sign9 = new CSS2DObject(document.getElementById('sign9'))
+  sign1.position.set(-3008, -0.131, -908)
+  sign2.position.set(-1462, -0.131, -809)
+  sign3.position.set(-1757, -0.11, -1312)
+  sign4.position.set(1320, -0 / 131, -1014)
+  sign5.position.set(829, -0.51, 128)
+  sign6.position.set(-704, -0.131, 1140)
+  sign7.position.set(-1232, -0.109, 1724)
+  sign8.position.set(-1102, -0.131, 1861)
+  sign9.position.set(1308, -2.7, 1974)
+  scene.add(sign1)
+  scene.add(sign2)
+  scene.add(sign3)
+  scene.add(sign4)
+  scene.add(sign5)
+  scene.add(sign6)
+  scene.add(sign7)
+  scene.add(sign8)
+  scene.add(sign9)
 
   const geometry = new THREE.BoxGeometry(1, 1, 1);
   const material = new THREE.MeshBasicMaterial({color: 0x00ff00});
@@ -260,9 +361,7 @@
     })
 
     $.post(ctx + 'api/getCountNumberById', {id: id.toString()}, (e) => {
-      console.log(e)
-      // label.position.set(405, -5, 3423)
-      $("#threeLabelContent").css('display','block')
+      $("#threeLabelContent").css('display', 'block')
       $("#threeLabelContent").html(e.data.map(v => `<p>名称：${v.areaName}   编号：${v.locationCode}  数量： ${v.countNumber}</p>`).join('<br>'))
 
       // new tween.Tween(camera.position).to(new THREE.Vector3(383, 439, 3553), 500).start()