From 49bfb7c6c2afced096b77905467ab52eee7d839d Mon Sep 17 00:00:00 2001
From: lxz <lxz15516116653@163.com>
Date: Thu, 4 Jan 2024 11:32:58 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                          |  12 +++-
 pages/Login/login.vue            | 108 ++++++++++++++++++++++---------
 pages/index/massif.vue           |  25 ++++++-
 static/main/index/login_ad.png   | Bin 3379 -> 1069 bytes
 static/main/index/login_r.png    | Bin 0 -> 1051 bytes
 static/main/index/white_bg.png   | Bin 0 -> 1136 bytes
 static/main/index/white_bg_r.png | Bin 0 -> 1068 bytes
 7 files changed, 111 insertions(+), 34 deletions(-)
 create mode 100644 static/main/index/login_r.png
 create mode 100644 static/main/index/white_bg.png
 create mode 100644 static/main/index/white_bg_r.png

diff --git a/App.vue b/App.vue
index f182423..7377b6c 100644
--- a/App.vue
+++ b/App.vue
@@ -7,15 +7,23 @@
 			// uni.onSocketOpen(function(res) {
 			// 	console.log('WebSocket连接已打开！');
 
+			// 	// username: userInfo.value.master_phone,
+			// 	// 					device: 'lihai_lot_walnutpi_dev_' + userInfo.value.device_id
+
 			// 	uni.sendSocketMessage({
-			// 		data: "你好,靓仔2"
+			// 		data: JSON.stringify({
+			// 			"username": "1",
+			// 			"device": "lihai_lot_walnutpi_dev_5"
+			// 		})
 			// 	});
 
 			// });
 			// uni.onSocketError(function(res) {
 			// 	console.log('WebSocket连接打开失败，请检查！');
 			// });
-
+			// uni.onSocketClose(function(res) {
+			// 	console.log('WebSocket 已关闭！');
+			// });
 		},
 		onShow: function() {
 			console.log('App Show')
diff --git a/pages/Login/login.vue b/pages/Login/login.vue
index d1c0b4f..9f319c2 100644
--- a/pages/Login/login.vue
+++ b/pages/Login/login.vue
@@ -17,27 +17,38 @@
 				您好！
 			</view>
 			<view class="tit" style="margin-bottom: 60rpx;">
-				欢迎进入吟龙土壤墒情监测溯系统!
+				欢迎进入吟龙土壤墒情监测系统!
 			</view>
 
 			<view class="input-card">
 				<view class="card-head">
-					<view class="triangle top" />
-					<view class="triangle bottom" />
-					<view class="code-login" @click="changeLoginType(0)" :class="{act:loginType==2}">
+					<!-- <view class="triangle top" />
+					<view class="triangle bottom" /> -->
+					<view class="code-login" @click="changeLoginType(0)" :class="{act_code:loginType==1}">
 						<span>验证码登录</span>
-						<view class="line" :style="{transform: 'translateX('+lineX+'rpx)'}" />
 
 					</view>
-					<view class="password-login" @click="changeLoginType(350)" :class="{act:loginType==1}">
+					<view class="password-login" @click="changeLoginType(320)" :class="{act_password:loginType==1}">
 						密码登录
 					</view>
+					<view class="line" :style="{transform: 'translateX('+lineX+'rpx)'}" />
 					<!-- <view class="" style="background-color: #35D190;color: white;width: 100%;height: 100rpx;
 					text-align: center;line-height: 100rpx;">
 						账号登录
 					</view> -->
 				</view>
-				<view class="login-content">
+
+
+				<!-- <view class="" style="height: 90rpx;">
+
+				</view> -->
+
+
+
+
+
+				<view class="login-content"
+					style="position: absolute;width: 680rpx;height: 900rpx;background-color: white;top: 85rpx;z-index: 99999;">
 					<view class="code">
 
 						<view class="" v-if="loginType==1" style="margin-bottom: 20rpx;">
@@ -202,9 +213,12 @@
 			border-radius: 20rpx;
 			overflow: hidden;
 			box-shadow: 0.5rpx 0.5rpx 200rpx 0.5rpx rgba(0, 0, 0, 0.1);
+			position: relative;
+			min-height: 680rpx;
+			// background-color: white;
 
 			.card-head {
-				background-color: #fff;
+				// background-color: #fff;
 				display: flex;
 				position: relative;
 
@@ -231,57 +245,91 @@
 				}
 
 				.code-login {
-					width: 50%;
 					height: 50px;
-					background-color: #35D190;
+					background-color: transparent;
 					box-sizing: border-box;
+					background-image: url("/static/main/index/white_bg.png");
+					background-size: 100% 100%;
 					display: flex;
 					flex-direction: column;
 					justify-content: space-between;
 					align-items: center;
 					padding: 20rpx;
 					transition: 500ms;
-					color: white;
+					color: black;
+					font-weight: bold;
+					position: absolute;
+
+					width: 360rpx;
+					z-index: 5;
 
-					.line {
-						width: 100rpx;
-						background-color: #35D190;
-						height: 3px;
-						border-radius: 100rpx;
-						transition: 500ms;
 
-					}
 				}
 
 				.password-login {
-					width: 50%;
+					width: 360rpx;
 					height: 50px;
-					background-color: #35D190;
+					// background-color: white;
+					background-image: url("/static/main/index/login_r.png");
+					right: 0;
+					z-index: 4;
 					box-sizing: border-box;
 					display: flex;
 					flex-direction: column;
 					justify-content: space-between;
 					align-items: center;
 					padding: 20rpx;
-					transition: 500ms;
+					transition: 200ms;
 					color: white;
+					position: absolute;
 				}
 
-				.act {
-					background-color: white;
-					color: black;
+				.line {
+					width: 100rpx;
+					background-color: #35D190;
+					height: 3px;
+					border-radius: 100rpx;
+					transition: 500ms;
+					z-index: 999999;
+					margin-top: 70rpx;
+					margin-left: 130rpx;
+
+				}
+
+				.act_code {
+					// background-color: white;
+					color: white;
+					font-weight: normal;
+					background-image: url('/static/main/index/login_ad.png');
+					// background-image: url('/static/main/index/white_bg.png');
+				}
+
+				.act_password {
 					font-weight: bold;
-				}
 
+					// background-color: white;
+					color: black;
+					z-index: 9;
+					background-image: url('/static/main/index/white_bg_r.png');
+					// background-image: url('/static/main/index/white_bg.png');
+				}
 
 
 			}
 
 			.login-content {
-				background-color: #fff;
-				padding: 10rpx 40rpx;
-				transform: translateY(-1rpx);
-				color: #7A7A7A;
+				// background-color: #fff;
+				padding: 40rpx 40rpx;
+				// // transform: translateY(-1rpx);
+				// color: #7A7A7A;
+				// min-height: 380rpx;
+				// position: absolute;
+				// z-index: 999;
+				// height: 500rpx;
+				// background-color: red;
+				// // height: 380rpx;
+				// top: 0;
+
 
 				.code {
 
@@ -309,7 +357,7 @@
 
 				.sub-btn {
 					margin-top: 80rpx;
-					margin-bottom: 30rpx;
+					// margin-bottom: 30rpx;
 				}
 
 				// box-sizing: b;
diff --git a/pages/index/massif.vue b/pages/index/massif.vue
index 9e15f77..47847a0 100644
--- a/pages/index/massif.vue
+++ b/pages/index/massif.vue
@@ -738,12 +738,33 @@
 	}
 
 
-	setTimeout(() => {
+	const openScoket = () => {
+
+		uni.connectSocket({
+			url: 'ws://60.204.152.17:8765'
+		});
+		uni.onSocketOpen(function(res) {
+
+			uni.sendSocketMessage({
+				data: JSON.stringify(scoketData)
+			});
+
+		});
+		uni.onSocketError(function(res) {
+			console.log('WebSocket连接打开失败，请检查！');
+		});
+		uni.onSocketClose(function(res) {
+			console.log('WebSocket 已关闭！');
+		});
+	}
+
+	setTimeout(() => {
+
+
 		uni.connectSocket({
 			url: 'ws://60.204.152.17:8765'
 		});
 		uni.onSocketOpen(function(res) {
-			console.log(scoketData);
 
 			uni.sendSocketMessage({
 				data: JSON.stringify(scoketData)
diff --git a/static/main/index/login_ad.png b/static/main/index/login_ad.png
index fd6ae288fb5456aaab21b597281d7483e99dc167..661ee8a4387814bbe06a591d9646bd4ba7a6e151 100644
GIT binary patch
literal 1069
zcmeAS@N?(olHy`uVBq!ia0y~yVDtjAb2!+5B+u&Kvltkdzj(ShhE&XXd)Gf(CY9m%
z$NS4Z`nz;ga9wrg6Ke4Yo}lD(zk&T=ldZ-*){B!h?%8^Dcd*Ad#<{HI_@=so-O*)l
zmjcH(y)Oz~Mkg=(Zri>2d`fw1+WhnEVqPy2pC|s<^x5X~nI65rKN8b+*q`Kn`Z;IP
z=coA$-zVMntn>ZkJE?zi&F}h}?Pn$HcTaj!HA#IA-vQfq3swB5o?q>`&+k*zr1{}L
zx0?I?`5iMU+jF0Q=YyVIbDr#0(O>)N^?aVE)t>jt${5n`G<({4e)_YD@3Ei8dbP^a
zHyPJ-7N?&3^hb*?eX-7^ng?$fuANc#ycc^^F?UM*<bG@C2GcKIlia7<uIVk}7C2z_
zYTb<a(XJZ$mbMM1-_C4mzt&oGT#{+c#^zN1wcJmc&j}>-mM)ahEv}Ge{>OhHa@*XL
za1F+1yLX)V!J&GgiTkw7;s7Syh%85UjYhE@U)WaM(CxP37W7)cx;RyDf2&Z&(L>x;
zPMlkk9#(oSWQlrsNqRxj{^z!dp&&8sllPR4YfW+R7MrzP#A|^n_t{`B)eAxkSyl*m
zHFV8&z4uCCibJ;F-_=1Hjo0Q>X#=fVYxz~z38>digHh|-DZRM|TZA&srrrE*I|Jwp
ztE;EB11TY|1}>l(78>s_O1c1@l{?+sm``bn!)mts{+b{vKNV<OXtQ_;Q1evp{D!W(
zn^pv?0%hEs^+9gFxqwv`=vcFic|eP&?F9Kszdv@iH;|J%mHp>Apwic?K2HHUW1SVq
z#MdoC3!H!sDm%4&dH_>MT_~5TLn_F%A$fvAUJO9D+|u4%k_L3w;=lKP*FIL5!r)#N
zzOPm2K?hI`hpNL-$IAY5A`4k8HpSjMW8td7*mri%{2&l@=aj}2hT~~^FE~^W7*4;(
zAi6s>Fuf^&Nk;nYu0LX44W7ZE;5Eq10y>pZ4dzs7VW3R(Q^$SDK)Ku`klZrgGr+(-
zU;+!=PnIfE7&iCT1KoNc=keMepu*cf#1t2@%<zQ-EieRLY>fO?%dL7qrd|8K6Xykg
zpajsTi@2Y9XfXaN%}==_>ecX54`@J*c#BZNK4zfi_ntr^e>wNl`D~mEt{;xo_-|mx
zus5%C;h&Q~7{2`4$NhBrG4=)5d-bNwSO0leg3;%v?#bmqRbHQ#ePo>RA%D{K$$x5}
ze_L>V(w_VthGXm0ch1~BPwtD~r2Za3hjmlc<g6r5)lb?p@ySt@{SxX69PhrJq(8qW
z<&?GJyE5gI;hyW%c20WoQl(#Y=lMwHH8b;ipM_15KPBsM*W}6D&SalY@(-#Uuj!Qe
RE(8_>44$rjF6*2UngH{S*}nh)

literal 3379
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
HPBH%jHm-Sz

diff --git a/static/main/index/login_r.png b/static/main/index/login_r.png
new file mode 100644
index 0000000000000000000000000000000000000000..863815b2696146211e77cf5cadd90212cd3c0351
GIT binary patch
literal 1051
zcmV+$1mydPP)<h;3K|Lk000e1NJLTq00Bw>003+V1^@s646FN^000BxNkl<Zc%1Fs
zKZ_kz9LM4BUY9^5xLRe!CW@@Vg^hw@p|3y?f@nbTCD_;)ZS8`MP2PZwgs3s#n-CPS
zPa`N|Z{vz62hWwwxO30_x1w{N2X33q{V{wvGiPS*&hy`Wlr!>TlDCq)l;nvd51!Q@
z0$9^8Nq$K3ZIU}l?j|`N{!_bWFx{ghH)|jP{>v^Txm-VQB)OO5dXmpi{-0-C{sONi
z`AQ^#|EVXFe3s-!k_YBrVVf(;SCZU1qg5)vzv<ojx60~rYb(mfl6)+Zz=V`ozLqV9
z@`EG~J3@eoDZAb0wh_ul>h3nc)ReR3YugCr%cZyu4`8CMZX=X0I68m{du|({yy6G}
zChSq61Xyh2&78-R>=`mJWt)c5Y7&?{p#*3UN`Qt<L-~vW15>w2C?864$q@of-6o+d
zr`<b_5Mb&y4JCk3F5vnk&;=_>fQEHLSzeKTXt+QR)(z!TNzOY$fF7(HN~hgGH`WcM
zjU1pGR+In@LJ82YPAD%X**93A7wd%5Y7*#*Py#fp6G}VYKv#qkpkdWemZxzJ3>E0f
zs-b*3$*v;==*g;~blMGcXVp;J@dmmhlmHE@gmOnHfgY_A%JPegdyW#IH>-rwY7*#@
zPy#dvB|yU}p>z)=(4}QVxmP!H0J^hmD39vxK>$KI!u3g@Tg!&h^+}*xR+In@%Y?GL
zR_)LrfnF^W%7gmCUVttw6H3=7fvznRO4lcWt_dYTgHQrAv_iRGKLFioh0<yg=w2(7
zN4*aSpcP8D1_9j@N`Qt%p*&xo$^q!wqEH^z=ez-ga)cdkpnDNYfHt87Xc!CSj!**p
zWh|7J>Mt(>bZ;z_?w<sx#zN_|8=x8srDwbWDyQB64X1^2uWsf5bT1>Jyi#uu0_fhN
zPy!&70Lu|dfQDfxckAob0H}tcJg6`11z;qU?w<r05K4fCVJJPi2rw`Vr5$g8fs>)!
zuO9$TI2lT-Nq|!bB|yW;P}=bZIE57@K*Kzg=j&5B01V7Sd03zG24EzVPP+j{%tL7-
z2VjI1B|yWh{yvUpya7hc>Mt(t84$qfX0A^HEH-m}5@0c*1ZXIsylhAS<4Pzmnh(IZ
z63Pqa12F2igz{(e0T}gD3FSBD12F3A63S1_2Vm3}C6u?4d~Zeo|L|jy+a;90C3!o^
zA7%t_pLde{I)8i6mq|V}AArA=Cf?5AH*>BhxnV{CxtZks`50z{dAyh8&9WVCPC$q5
zC3(GGj{JT8^-ueqoKKS6O>!;C)g;d**-vuLQ3Fg&*`p~NHsv<SJM~oi_`dI$<WFxg
VLZr&oxSjw2002ovPDHLkV1jA#)=&Td

literal 0
HcmV?d00001

diff --git a/static/main/index/white_bg.png b/static/main/index/white_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..e780016a231d2deabe4d499852130355d6b9978e
GIT binary patch
literal 1136
zcmeAS@N?(olHy`uVBq!ia0y~yVDtjAb2!+5B+u&Kvltjy%spKkLn`LHz3Z4A6Dq;>
zz&uljWy!{MPH&YwIGq;gc68VujO8v<UKi7~&ZSVFLrk!~S$d%Y$1mY4v4SP5o21|R
zu`d+#l-zmJGws+;<L~EuSgfB{CYY6*-hcX`=-kh9GjB@pwPzL@o?QE>QuE~0PdpF)
zKS`W4e{#*_Czn<3{}aEzR#zimedp{avmP?or0w(j<TgqE+~@3m_NT2X@+y_rPcX<O
z*Q-|Ao=krpdZ;46Z1aio9=-%#8?Duk_0KP!a(Tg?$xr58WLz`Rev*vJ&(f=t%)BQ*
zOJ2+zVeGG3`QOItmd@srtKB#@w8eRU`m!oDcbc*T!|N51hWl&e9Dg=FWL&dRJY07z
z=c!m_mWX8YFx|B;tG36TWsDGRR+&CoXKv|iH>M5G$|k*88?<NvOIAVgR4G=~face$
zuV`pAO0BtaL2!x#Z&*~->ndhbiD~D)C(MjG3zW!Nv+0l66bIdDc`rD;7KnMj59R_<
z`g=`_8=_>?c20Scaj^=hFe*p=X8f`+N6srLD{H+FluH0piNF*F*|O<B!`XqtX%8cp
z0<GWtA=C}bQ+8?+T5<M}<4Z2(fZ2<SrheRze>ZK4L+-XoGCDz<fhxBIJdX}wG8F=v
zA;#r(R%U@)^QZLWy`Rqa2(7s2H)-#_Qf{vWVSCSm+!eNWy%Cs_wgQ?O`hMy5b>;!9
z6JOTw?|Nmvm?dlL#qyuJ8jZ8QW`R7Dw)dMRFbFosdFKO-O>2L;U9<n$US?yU%x%wa
zyI+Y<ad>O>9i(LUIk1=fV17BBuI9*j!Em(*&{5%%tf~&j1r>n;f>YKRFwKcc+!M0S
z#LsXsiwDpXXR7#{gdQ9@b8h<r77IlUMyoSCKu<IXgFF#DGsBIuAW8jX-0j`KFj8Lo
z9BA1AkJq4}F}QRKXdY0^J3ltRVIs&6$K+=PGWFza(cKSJwPa;m-vX8yCR_bAH5k==
zb%F80pe8%*{xTb@+AKFtgG}p_|9%Jq&B;xg9~8jkGyBGJpldI)s5$^+;X>l}nm$gi
zhO+d{z^J<L?v2*s1uPlmWiB28Ok1qEy}~6JZ^=$w-P4{nh2bsG6GtvdC#-u6^1=*X
zU>I2NfxK{Ymc8U|9Sz23)z^U1`(`%@CG2|*BBVjYbCY6*XTSH(4E*;}mGR7%6yYiR
zEA1JKZ8MraRljFXSoYgDpzh&chBIF(FQ3^t<H>TB@V)8{ocmRFUOS`l-|y45a%O{t
zmV#f>J~QuI{#@g|>dzC_OcurFC&M-O%a#24;55nKtBL8#o5L#a=U%g~GkzX8Y5Sx-
zlb*Ocv#baxj`?);<AgK&)22M0#ddzK%J#`N^PkLA@s}_?Fe|glgnv>^xF3V*?Fszq
dSw5fm?^&<f`>e{r9axeuc)I$ztaD0e0sxr?^N;`l

literal 0
HcmV?d00001

diff --git a/static/main/index/white_bg_r.png b/static/main/index/white_bg_r.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2a41179f09df8e00fbca760e26598c284c0e5b9
GIT binary patch
literal 1068
zcmeAS@N?(olHy`uVBq!ia0y~yVDtjAb2!+5B+u&KvltkdKYO}3hE&XXdv|Y_N~i?e
zgYCx)H->L8y(P%(-WnQnCs2UpBNt1e;5COE)&fT|j$ZIMcEsiVffM_A_i&2}ALbP`
z4Z3pVV&ak;m#u>R&c58wx$WF%hvj#_9Dn$9_2;WAXUWLQKAp2?#uK+m(<j-?d-ACA
zufTz>e;%J|C*@DRqcy+zU-(@20K3Ug77I;aD4%@WGf(a3ADiY+S5@TIcb>n*@Gj}M
z=RMD&8NBRIwLR^;i`HLd>^V^PQqNp$O25iay_3yh>;_8LC)e!Sy72$!brV?JUNozS
zn_UdFoAPA&yVGlg5?b<d7A>xc^k7mh%N2I~*(A!;bK~=Dj#IYUED{^r%{RLL%$_te
zl&R<HF4?EaPC^p9OPepHnj2I#2`z96U<z3yJ>|TXfkD}8pS|)L!tXnQDsNiJKAks#
zC2B)n08`IBE62=wp^T<Jp#@1-6VKUt*7+NSCM3KGd#f>DWRin+7_Zm#yAH-cs##`%
zq?K0#mm_DuMz4T4uT6_L0Hry-?y6i6fr!njVD=T9!XSEDF7b`u<3H0<q7xg#bZ!UQ
z>8dnd(~+K{x4ZEfkW#znP|Tw0aMbAVoOgdM_N&a))VeS!)#_BNBIlNjnF~s8@|t)8
zUC!av(3RSB$##mvWU;wb=T9A}PMXQEHge12Jz6S_VY*UNzNt5+L8+G-j9Oxn&vK@x
z2l$B!XIxa0eVPh1Eob6_E%uxyxe&@1YG_ozyD9t*o3k8O&Ssev&V6e2T5*mAVpH;X
znP#a2%{gav$U@g$e7mS%#?46Cr=p6S1!Vz1ubu5)z_LOZ=soAdb37|&-tb{;yvAEP
zWw(>igT93eO8%=j7>WSh#MlMo9Fty9@RB#6@Ya>;FtvNaN0}}5F1{l?iQ&H_mlp#l
z1Qmf6{W?77?I)g7D-SW=x%gf~pWCxx@-N4i|2!MyfC?`1d%24<R{e6!e8hX9*hZuL
z6njH*AN$fgp$8(ssC`rca?%_pcg_Gqd#HPP9xSPJuXOcbnv*973~NTVGtHM2*b^Fn
zQM*X`na`=yN7A}jKh(#%@6=XdY|FhlpT*+#w7;GWn>m3Yt*0?RNTne$HXtrY9z@++
zZ^zKgw`;+l$XW)rzc*N)hQDGqc=1|KV}F2rgX8vH$~|`<U(Hjm44KQ|_e1fdaIE{!
z@=4~CWLEMY;LKP3S^V$I0{zKvR`Va&f6xDuXWw3~q<4E&%&&50+-di`=TkJ}-sz)O
z`RbK>rQ5g1sV?xmyXRTe%|4qs;tTEvo{RPQ6g4T^bDsC6$xoU}nS0K}rzU*%-O0RS
i_Z2&fkMfiMFslUh<X`Uj$qy_A7(8A5T-G@yGywowAJ66h

literal 0
HcmV?d00001