Browse Source

添加资产汇总点击事件

MS-FUUVYHVOEAYJ\Administrator 10 tháng trước cách đây
mục cha
commit
935c1cc1c4

+ 26 - 10
RuoYi-Vue-v3.8.7/ruoyi-admin/src/main/resources/static/page/goods/goods.html

@@ -209,7 +209,7 @@
 			<img class="arrow" src="images/arrow.png" id="arrowZchz"></img>
 		</div>
 		<div class="content-zchz" id="conZchz">
-			<div class="list">
+			<div class="list" data-name="防汛抗旱">
 				<div class="top">
 					<img src="images/logo-fx.png" alt="">
 					<span>防汛抗旱</span>
@@ -219,7 +219,7 @@
 					<div>件</div>
 				</div>
 			</div>
-			<div class="list">
+			<div class="list" data-name="森林防灭火">
 				<div class="top">
 					<img src="images/logo-sl.png" alt="">
 					<span>森林防灭火</span>
@@ -229,7 +229,7 @@
 					<div>件</div>
 				</div>
 			</div>
-			<div class="list">
+			<div class="list" data-name="地震地质灾害救援">
 				<div class="top">
 					<img src="images/logo-dz.png" alt="">
 					<span>地震地质灾害救援</span>
@@ -239,17 +239,17 @@
 					<div>件</div>
 				</div>
 			</div>
-			<div class="list">
+			<div class="list" data-name="通信指挥">
 				<div class="top">
 					<img src="images/logo-tx.png" alt="">
-					<span>通指挥</span>
+					<span>通指挥</span>
 				</div>
 				<div class="bottom">
 					<div class="number" id="txzh">0</div>
 					<div>件</div>
 				</div>
 			</div>
-			<div class="list">
+			<div class="list" data-name="救援保障">
 				<div class="top">
 					<img src="images/logo-jy.png" alt="">
 					<span>救援保障</span>
@@ -259,7 +259,7 @@
 					<div>件</div>
 				</div>
 			</div>
-			<div class="list">
+			<div class="list" data-name="生产安全事故救援">
 				<div class="top">
 					<img src="images/logo-sc.png" alt="">
 					<span>生产安全事故救援</span>
@@ -336,7 +336,7 @@
 										<div class="mui-table-cell mui-col-xs-10">
 											<div class="mui-ellipsis">物资名称:${json.rows[i].name}</div>
 											<div style="padding:10px;display: flex;">
-											<img src="${json.rows[i].photo ? "http://58.144.199.81:9081/" + json.rows[i].photo : "images/listImg.png"}" style="width: calc(100% - 210px);height:120px;"></img>
+											<img src="${json.rows[i].photo ? "http://58.144.199.81:8011/" + json.rows[i].photo : "images/listImg.png"}" style="width: calc(100% - 210px);height:120px;border-radius: 10px;"></img>
 											<div style="min-width: 210px;margin-left:10px;">
 												<div class="list" style="margin-top:0;"><div class="listTitle">资产类型:</div><div style="color: #333;">${json.rows[i].assettype ? json.rows[i].assettype : "无"}</div></div>
 												<div class="list"><div class="listTitle">规格:</div><div style="color: #333;">${json.rows[i].size ? json.rows[i].size : "无"}</div></div>
@@ -411,6 +411,24 @@
 					mui('#pullrefresh').pullRefresh().scrollTo(0, 0, 100)
 				}, 1000)
 			};
+			$("#conZchz").on('click', '.list', function (e) {
+				const name = this.getAttribute('data-name');
+				pageNum = 1;
+				document.getElementById('mySelect').value = name;
+				document.getElementById('searchInput').value = "";
+				setTimeout(function () {
+					getDatalist(null, function (goodsTotal) {
+						if (goodsTotal) {
+							mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);
+							mui('#pullrefresh').pullRefresh().refresh(true);
+						} else {
+							mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
+							$(".mui-pull-caption.mui-pull-caption-nomore").text("暂无数据");
+						}
+					}, name)
+					mui('#pullrefresh').pullRefresh().scrollTo(0, 0, 100)
+				}, 1000)
+			})
 			function goindex() {
 				window.location.href = "total.html"
 			}
@@ -486,7 +504,6 @@
 			//页面的箭头控制显示隐藏效果
 			$("#arrowZchz").on('click', function (e) {
 				var height = $('#pullrefresh')[0].style.top;
-				console.log(height)
 				if ($('#conZchz').is('.mui-hidden')) {
 					this.style.transform = 'rotate(360deg)';
 					document.getElementById("conZchz").classList.remove('mui-hidden');
@@ -513,7 +530,6 @@
 			})
 			$("#arrowSs").on('click', function (e) {
 				var height = $('#pullrefresh')[0].style.top;
-				console.log(height)
 				if ($('#conSs').is('.mui-hidden')) {
 					this.style.transform = 'rotate(360deg)';
 					document.getElementById("conSs").classList.remove('mui-hidden');