From f83d12ced70a89020cd8d39e7edc5c59b91cab61 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 13 二月 2025 18:03:56 +0800
Subject: [PATCH] Merge branch 'master' of http://47.103.154.90:83/r/IEE/Web.V1

---
 /dev/null                        |    0 
 src/views/IndustrialSoftware.vue |  351 +++++++++++++++++++++++++---------------------------------
 2 files changed, 150 insertions(+), 201 deletions(-)

diff --git a/public/static/EecProductData/image/SWT/SWT-YBBP.png b/public/static/EecProductData/image/SWT/SWT-YBBP.png
deleted file mode 100644
index 76422ad..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YBBP.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YBFBX5.png b/public/static/EecProductData/image/SWT/SWT-YBFBX5.png
deleted file mode 100644
index ba35645..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YBFBX5.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YBX3.png b/public/static/EecProductData/image/SWT/SWT-YBX3.png
deleted file mode 100644
index 2dae8b7..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YBX3.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YBX4.png b/public/static/EecProductData/image/SWT/SWT-YBX4.png
deleted file mode 100644
index 078a8ce..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YBX4.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YBX5.png b/public/static/EecProductData/image/SWT/SWT-YBX5.png
deleted file mode 100644
index 44f9807..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YBX5.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YE3.png b/public/static/EecProductData/image/SWT/SWT-YE3.png
deleted file mode 100644
index 79c38a5..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YE3.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YE4.png b/public/static/EecProductData/image/SWT/SWT-YE4.png
deleted file mode 100644
index 79b3bc4..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YE4.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YE5.png b/public/static/EecProductData/image/SWT/SWT-YE5.png
deleted file mode 100644
index 57b0a57..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YE5.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YFBX3.png b/public/static/EecProductData/image/SWT/SWT-YFBX3.png
deleted file mode 100644
index d878d29..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YFBX3.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/SWT/SWT-YFBX4.png b/public/static/EecProductData/image/SWT/SWT-YFBX4.png
deleted file mode 100644
index 591aa69..0000000
--- a/public/static/EecProductData/image/SWT/SWT-YFBX4.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/ZS/ZS-DJ10000001.png b/public/static/EecProductData/image/ZS/ZS-DJ10000001.png
deleted file mode 100644
index ab3dad3..0000000
--- a/public/static/EecProductData/image/ZS/ZS-DJ10000001.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/ZS/ZS-DJ10000002.png b/public/static/EecProductData/image/ZS/ZS-DJ10000002.png
deleted file mode 100644
index 1dd4c27..0000000
--- a/public/static/EecProductData/image/ZS/ZS-DJ10000002.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/ZS/ZS-DJ10000003.png b/public/static/EecProductData/image/ZS/ZS-DJ10000003.png
deleted file mode 100644
index 60b12f0..0000000
--- a/public/static/EecProductData/image/ZS/ZS-DJ10000003.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/ZS/ZS-DJ10000004.png b/public/static/EecProductData/image/ZS/ZS-DJ10000004.png
deleted file mode 100644
index d5ea377..0000000
--- a/public/static/EecProductData/image/ZS/ZS-DJ10000004.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/ZS/ZS-DJ10000005.png b/public/static/EecProductData/image/ZS/ZS-DJ10000005.png
deleted file mode 100644
index 3ebed4b..0000000
--- a/public/static/EecProductData/image/ZS/ZS-DJ10000005.png
+++ /dev/null
Binary files differ
diff --git a/public/static/EecProductData/image/ZS/ZS-DJ10000006.png b/public/static/EecProductData/image/ZS/ZS-DJ10000006.png
deleted file mode 100644
index c81fe62..0000000
--- a/public/static/EecProductData/image/ZS/ZS-DJ10000006.png
+++ /dev/null
Binary files differ
diff --git a/src/views/IndustrialSoftware.vue b/src/views/IndustrialSoftware.vue
index bdc9b79..f4fb523 100644
--- a/src/views/IndustrialSoftware.vue
+++ b/src/views/IndustrialSoftware.vue
@@ -1,6 +1,7 @@
 <template>
-	<div class="container mx-auto px-4 py-8 bg-white industrial-soft-style" style="margin-top: 20px; padding-top: 15px">
-		<div class="w-100 h-100" style="background-color: #fff">
+	<div class="container mx-auto px-4 py-8 bg-white industrial-soft-style" v-loading="m_PageLoading"
+		style="margin-top: 20px;padding-top:15px ;">
+		<div class=" w-100 h-100" style="background-color: #fff;">
 			<!-- 椤堕儴鍒嗙被鑿滃崟 -->
 			<div class="rounded-lg shadow" style="background-color: #f6f7f9; margin-bottom: 10px">
 				<!-- 绫诲瀷 -->
@@ -46,11 +47,7 @@
 				<!-- 鑳芥晥绛夌骇 -->
 				<div class="flex eec-filter-sortbar" style="background-color: #ecedee">
 					<ul>
-						<li
-							v-for="sort in EecClass"
-							:key="sort.tag"
-							size="small"
-							@click="EecSelect = sort.tag"
+						<li v-for="sort in EecClass" :key="sort.tag" size="small" @click="handleEecLevel(sort.tag)"
 							:type="EecSelect === sort.tag ? 'primary' : 'default'"
 							:class="EecSelect == sort.tag ? 'eec-filter-currentOrder' : ''"
 							class="!px-6"
@@ -61,43 +58,48 @@
 				</div>
 			</div>
 			<!-- 杞欢鍒楄〃 -->
-			<div class="grid grid-cols-5 gap-4" style="padding: 0 10px; min-height: 417px">
-				<div v-for="(app, index) in dispProductType" :key="index" class="goods-warp-item software-card">
-					<div class="flex flex-col h-full" style="cursor: pointer">
-						<img :src="app.logo" :alt="app.name" class="object-contain mx-auto goods-img" />
-						<!-- <h3 class="text-lg font-medium mb-2">{{ app.name }}</h3> -->
-						<div class="goods-name" :title="app.name">{{ app.name }}</div>
-						<div class="metertitle mb-2">
-							<span>璁㈣揣缂栫爜锛歿{ app.applicationCode }}</span>
-						</div>
-						<!-- <p class="text-gray-500 text-sm mb-4 flex-1">{{ app.description }}</p> -->
-						<div class="flex flex-wrap gap-2" style="">
-							<el-tag size="small" type="success">{{ app.industry }}</el-tag>
-							<div class="flex items-center eec-level-div">
-								<img :src="EecLevelEnum[1].icon" />
-								<span class="eec-numb">1</span>
-								<span class="eec-level-name">{{ EecLevelEnum[1].name }}</span>
+			<div class="grid grid-cols-4 gap-4" style="padding: 0 10px;min-height: 417px;">
+				<div v-for="(app, index) in dispEecProduct" :key="index" class="goods-warp-item software-card">
+					<el-tooltip class="box-item" effect="dark" :offset="20" placement="top">
+						<div class="flex flex-col h-full" style="cursor: pointer;">
+							<div style="position: relative;display: flex;">
+								<img :src="app.PhysicalPicturePath" :alt="app.Model"
+									class=" object-contain mx-auto goods-img" />
+								<div class="goods-company">{{ app.CompanyName }}</div>
 							</div>
-						</div>
-						<div class="goods-price">
-							<span class="goods-price-selling">{{ app.price }}</span>
-						</div>
-						<!-- <div class="flex justify-between items-center">
+							<div class="goods-name" :title="app.Model">{{ app.ModelType }}</div>
+							<div class="metertitle mb-2"><span>鍨嬪彿锛歿{ app.Model }}</span></div>
+							<!-- <p class="text-gray-500 text-sm mb-4 flex-1">{{ app.description }}</p> -->
+							<div class="flex flex-wrap gap-2" style="">
+								<!-- <el-tag size="small" type="success">{{ app.CompanyName }}</el-tag> -->
+								<div class="flex items-center eec-level-div">
+									<img :src="EecLevelEnum[app.EnergyEfficiencyClass].icon">
+									<span class="eec-numb">{{ app.EnergyEfficiencyClass }}</span>
+									<span class="eec-level-name">{{ EecLevelEnum[app.EnergyEfficiencyClass].name
+										}}</span>
+								</div>
+							</div>
+							<div class="goods-price"><span class="goods-price-selling">{{ app.price }}</span> </div>
+							<!-- <div class="flex justify-between items-center">
 							<el-rate v-model="app.rating" disabled />
 							<span class="text-gray-400 text-sm">{{ app.date }}</span>
 						</div> -->
 
-						<div class="link-btn" @click="handleBuyClick(app.id)">绔嬪嵆璐叆</div>
-					</div>
+							<div class="link-btn" @click="handleBuyClick(app.id)">绔嬪嵆璐叆</div>
+						</div>
+						<template #content>
+							<div class="goods-tip-content" style="white-space: pre-wrap;">{{ app.Tip }}</div>
+						</template>
+					</el-tooltip>
 				</div>
 			</div>
 
 			<!-- 鍒嗛〉 -->
 			<div class="flex justify-center mt-8">
-				<!-- <el-pagination v-model:current-page="currentPage4" v-model:page-size="pageSize4"
-					:page-sizes="[10, 50, 300, 400]" :size="size" :disabled="disabled" :background="background"
-					layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange"
-					@current-change="handleCurrentChange" /> -->
+				<el-pagination v-model:current-page="m_paginationConfig.currentPage"
+					v-model:page-size="m_paginationConfig.pageSize" :page-sizes="[10, 50, 100, 200]" :background="true"
+					layout="total, sizes, prev, pager, next, jumper" :total="filterProductData.length"
+					@size-change="handleSizeChange" @current-change="handleCurrentChange" />
 			</div>
 		</div>
 	</div>
@@ -126,11 +128,12 @@
 	{ name: '鍑硥', tag: '鍑硥' },
 ];
 const EecClass = [
-	{ name: '鍏ㄩ儴', tag: 0 },
-	{ name: '涓�绾ц兘鏁�', tag: 1 },
-	{ name: '浜岀骇鑳芥晥', tag: 2 },
-	{ name: '涓夌骇鑳芥晥', tag: 3 },
+	{ name: "鍏ㄩ儴", tag: 0 },
+	{ name: "涓�绾ц兘鏁�", tag: 1 },
+	{ name: "浜岀骇鑳芥晥", tag: 2 }
 ];
+
+const m_PageLoading = ref(false)
 
 // 閫変腑鐘舵��
 const typeSelect = ref(0);
@@ -143,189 +146,124 @@
 };
 
 const m_RequestDataObj = {
-	0: { requestPath: 'static/EecProductData/' },
-	1: { requestPath: '' },
-	2: { requestPath: '' },
-	3: { requestPath: '' },
-	4: { requestPath: '' },
-	5: { requestPath: '' },
-	6: { requestPath: '' },
-};
+	1: { requestPath: "static/EecProductData/ElectricMachinery.json" },
+	2: { requestPath: "static/EecProductData/Pump.json" },
+	3: { requestPath: "static/EecProductData/AirCompressor.json" },
+	4: { requestPath: "static/EecProductData/Fan.json" },
+	5: { requestPath: "static/EecProductData/WaterChiller.json" },
+	6: { requestPath: "static/EecProductData/PowerTransformer.json" },
+	7: { requestPath: "static/EecProductData/IndustrialBoiler.json" },
+}
 
-// 绀轰緥鏁版嵁
-const softwareList = ref([
-	{
-		id: 1,
-		Id: 1,
-		Type: 0,
-		ModelType: '',
-		Model: '',
-		CompanyName: '鍑硥',
-		RecordNumber: '',
-		EnergyEfficiencyClass: '',
-		RecordTime: '',
-		PhysicalPicturePath: '',
-		CertificatePath: '',
-		name: 'CNE/鍗楅槼闃茬垎 涓夌浉寮傛鐢靛姩鏈� YE5-80M1-2 0.75KW B5 380V 涓�绾ц兘鏁� 1鍙�',
-		description: '寰俊灏忕▼搴忓鎴风鑷富寮�鍙戠殑涓嬪崟绯荤粺锛岀敤鎴蜂粎闇�閫氳繃寰俊鍐呯殑鎶ュ簾杞﹂绾︿笅鍗曪紝鐢ㄦ埛鍙�氳繃寰俊鍐呯殑鎶ュ簾杞﹂绾︿笅鍗曘��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE2310858_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1735778771000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AE2977837',
-		industry: '鐢熶骇鍒堕�犵被',
-		price: '楼1770.65',
-		rating: 5,
-		date: '2024-01-06',
-		tag: 0,
-	},
-	{
-		id: 2,
-		name: 'CNE/鍗楅槼闃茬垎 涓夌浉寮傛鐢靛姩鏈� YE5-80M1-2 0.75KW B5 380V 涓�绾ц兘鏁� 1鍙�',
-		description: '鏉冨涓撳埄骞磋垂绠＄悊杞欢鏄敱杩愯惀鏉冨淇℃伅绉戞妧鏈夐檺鍏徃鑷富寮�鍙戠殑涓�娆句笓鍒╁勾璐圭鐞嗚蒋浠躲��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE2310858_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1735778771000',
-		type: '浼佷笟涓撶敤绫�',
-		applicationCode: 'AE2977841',
-		industry: '缁忚惀绠＄悊绫�',
-		price: '楼1770.65',
-		rating: 4.5,
-		date: '2024-12-25',
-		tag: 0,
-	},
-	{
-		id: 3,
-		name: 'CNE/鍗楅槼闃茬垎 涓夌浉寮傛鐢靛姩鏈� YE5-80M1-2 0.75KW B5 380V 涓�绾ц兘鏁� 1鍙�',
-		description: '閫氫俊淇″彿澶勭悊涓庡垎鏋愮郴缁熻蒋浠舵槸涓�濂楃敤浜庡閫氫俊淇″彿杩涜鍒嗘瀽鍜屽鐞嗙殑绯荤粺銆�',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE2310858_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1735778771000',
-		type: '鍩虹鍏辨�х被',
-		applicationCode: 'AE2977843',
-		industry: '鐮斿彂璁捐绫�',
-		price: '楼1770.65',
-		rating: 4.8,
-		date: '2024-12-20',
-		tag: 0,
-	},
-	{
-		id: 4,
-		name: 'HUALI/灞变笢鍗庡姏鐢垫満 鐢垫満 YE5-132S-4-5.5KW 鍗у紡 涓�绾ц兘鏁� 1鍙�',
-		description: '鏅鸿兘鎶�鏈湇鍔＄鐞嗙郴缁烿1.0鏄敱杩滀笢鏅烘潈淇℃伅绉戞妧鏈夐檺鍏徃鑷富鐮斿彂鐨勪竴娆炬湇鍔°��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AC0394822_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1735295148000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AC0394797',
-		industry: '杩愮淮鏈嶅姟绫�',
-		price: '楼1770.65',
-		rating: 4.2,
-		date: '2024-12-20',
-		tag: 0,
-	},
-	{
-		id: 5,
-		name: 'HUALI/灞变笢鍗庡姏鐢垫満 鐢垫満 YE5-132S-4-5.5KW 鍗у紡 涓�绾ц兘鏁� 1鍙�',
-		description: '鏅鸿兘鎶�鏈湇鍔＄鐞嗙郴缁烿1.0鏄敱杩滀笢鏅烘潈淇℃伅绉戞妧鏈夐檺鍏徃鑷富鐮斿彂鐨勪竴娆炬湇鍔°��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AC0394822_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1735295148000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AC0394822',
-		industry: '杩愮淮鏈嶅姟绫�',
-		price: '楼1770.65',
-		rating: 4.2,
-		date: '2024-12-20',
-		tag: 0,
-	},
 
-	{
-		id: 6,
-		name: 'KQ/鍑硥 绗叚浠QL绯诲垪鐏伴搧娉靛３绔嬪紡鍗曠骇绂诲績娉�(YE4鐢垫満) 100KQL70-20-5.5/2 杩涘嚭鍙N100 棰濆畾娴侀噺70m鲁/h 棰濆畾鎵▼20m 5.5kW HT200鍙惰疆 1鍙�',
-		description: '鏅鸿兘鎶�鏈湇鍔＄鐞嗙郴缁烿1.0鏄敱杩滀笢鏅烘潈淇℃伅绉戞妧鏈夐檺鍏徃鑷富鐮斿彂鐨勪竴娆炬湇鍔°��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE8223824_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1731595920000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AC0394822',
-		industry: '杩愮淮鏈嶅姟绫�',
-		price: '楼7399.00',
-		rating: 4.2,
-		date: '2024-12-20',
-		tag: 1,
-	},
-	{
-		id: 7,
-		name: 'KQ/鍑硥 绗叚浠QL绯诲垪鐏伴搧娉靛３绔嬪紡鍗曠骇绂诲績娉�(YE4鐢垫満) 100KQL100-32-15/2 杩涘嚭鍙N100 棰濆畾娴侀噺100m鲁/h 棰濆畾鎵▼32m 15kW HT200鍙惰疆 1鍙�',
-		description: '鏅鸿兘鎶�鏈湇鍔＄鐞嗙郴缁烿1.0鏄敱杩滀笢鏅烘潈淇℃伅绉戞妧鏈夐檺鍏徃鑷富鐮斿彂鐨勪竴娆炬湇鍔°��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE8223824_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1731595920000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AC0394822',
-		industry: '杩愮淮鏈嶅姟绫�',
-		price: '楼10390.00',
-		rating: 4.2,
-		date: '2024-12-20',
-		tag: 1,
-	},
-	{
-		id: 8,
-		name: 'KQ/鍑硥 绗叚浠QL绯诲垪鐏伴搧娉靛３绔嬪紡鍗曠骇绂诲績娉�(YE4鐢垫満) 100KQL100-50-22/2 杩涘嚭鍙N100 棰濆畾娴侀噺100m鲁/h 棰濆畾鎵▼50m 22kW HT200鍙惰疆 1鍙�',
-		description: '鏅鸿兘鎶�鏈湇鍔＄鐞嗙郴缁烿1.0鏄敱杩滀笢鏅烘潈淇℃伅绉戞妧鏈夐檺鍏徃鑷富鐮斿彂鐨勪竴娆炬湇鍔°��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE8223824_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1731595920000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AC0394822',
-		industry: '杩愮淮鏈嶅姟绫�',
-		price: '楼13490.00',
-		rating: 4.2,
-		date: '2024-12-20',
-		tag: 1,
-	},
-	{
-		id: 9,
-		name: 'KQ/鍑硥 绗叚浠QL绯诲垪鐏伴搧娉靛３绔嬪紡鍗曠骇绂诲績娉�(YE4鐢垫満) 100KQL115-34-15/2 杩涘嚭鍙N100 棰濆畾娴侀噺115m鲁/h 棰濆畾鎵▼34m 15kW HT200鍙惰疆 1鍙�',
-		description: '鏅鸿兘鎶�鏈湇鍔＄鐞嗙郴缁烿1.0鏄敱杩滀笢鏅烘潈淇℃伅绉戞妧鏈夐檺鍏徃鑷富鐮斿彂鐨勪竴娆炬湇鍔°��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE8223824_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1731595920000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AC0394822',
-		industry: '杩愮淮鏈嶅姟绫�',
-		price: '楼10390.00',
-		rating: 4.2,
-		date: '2024-12-20',
-		tag: 1,
-	},
-	{
-		id: 10,
-		name: 'KQ/鍑硥 绗叚浠QL绯诲垪鐏伴搧娉靛３绔嬪紡鍗曠骇绂诲績娉�(YE4鐢垫満) 100KQL50-12.5-3/4 杩涘嚭鍙N100 棰濆畾娴侀噺50m鲁/h 棰濆畾鎵▼12.5m 3kW HT200鍙惰疆 1鍙�',
-		description: '鏅鸿兘鎶�鏈湇鍔＄鐞嗙郴缁烿1.0鏄敱杩滀笢鏅烘潈淇℃伅绉戞妧鏈夐檺鍏徃鑷富鐮斿彂鐨勪竴娆炬湇鍔°��',
-		logo: 'https://private.zkh.com/PRODUCT/BIG/BIG_AE8223824_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1731595920000',
-		type: '琛屼笟閫氱敤绫�',
-		applicationCode: 'AC0394822',
-		industry: '杩愮淮鏈嶅姟绫�',
-		price: '楼5319.0',
-		rating: 4.2,
-		date: '2024-12-20',
-		tag: 1,
-	},
-]);
-const dispProductType = ref([]);
+// 婧愭暟鎹�
+const allEecProduct = ref([]);
+// 杩囨护鍚庣殑鏁版嵁
+const filterProductData = ref([])
+//鏄剧ず鐨勬暟鎹�
+const dispEecProduct = ref([])
+
+const m_paginationConfig = ref({
+	currentPage: 1,
+	pageSize: 10,
+})
 
 onMounted(() => {
 	initData();
-	filterProduct();
-});
+	// filterProduct();
+})
 
 const initData = () => {
-	filterProduct();
-};
+	m_PageLoading.value = true;
+	axios({
+		method: 'get',
+		url: m_RequestDataObj[typeSelect.value].requestPath,
+	}).then((res) => {
+		m_PageLoading.value = false;
+		let result = res.data;
+		let arr = [];
+		result.forEach((item: any) => {
+			let node = {
+				Id: item.ID,
+				Type: item.Type,
+				ModelType: item.ModelType,
+				Model: item.Model,
+				CompanyName: item.CompanyName,
+				RecordNumber: item.RecordNumber,
+				EnergyEfficiencyClass: item.EnergyEfficiencyClass,
+				RecordTime: item.RecordTime,
+				// PhysicalPicturePath: "/static/EecProductData/" + item.PhysicalPicturePath,
+				PhysicalPicturePath: `https://private.zkh.com/PRODUCT/BIG/BIG_AE2310858_01.jpg?x-oss-process=style/WEBPCOM_style&timestamp=1735778771000`,
+				CertificatePath: `/static/EecProductData/${item.CertificatePath}`,
+				Tip: `澶囨鏃堕棿锛�${item.RecordTime} \n 澶囨鍙凤細${item.RecordNumber}`,
+			}
+			arr.push(node)
+		})
+		allEecProduct.value = arr;
+		filterProduct();
+	}).catch((err) => {
+		m_PageLoading.value = false;
+	})
+}
 const filterProduct = () => {
-	dispProductType.value = softwareList.value.filter((item) => {
-		return item.tag === typeSelect.value;
-	});
+	filterProductData.value = allEecProduct.value.filter((item) => {
+		return item.Type === typeSelect.value
+	})
+	if (EecSelect.value !== 0) {
+		filterProductData.value = filterProductData.value.filter((item) => {
+			return item.EnergyEfficiencyClass === EecSelect.value
+		})
+	}
+	if (factorySelect.value !== '鍏ㄩ儴') {
+		filterProductData.value = filterProductData.value.filter((item) => {
+			return item.CompanyName === factorySelect.value
+		})
+	}
+	dispEecProduct.value = getSelectPageData(filterProductData.value);
+
+}
+const handleCurrentChange = (val: number) => {
+	m_paginationConfig.value.currentPage = val;
+	let allTableData = allEecProduct.value;
+	let pagingData = getSelectPageData(allTableData);
+	dispEecProduct.value = pagingData;
+}
+const handleSizeChange = (val: number) => {
+	m_paginationConfig.value.currentPage = val;
+	let allTableData = allEecProduct.value;
+	let pagingData = getSelectPageData(allTableData);
+	dispEecProduct.value = pagingData;
+}
+//鑾峰彇鍒嗛〉鏁版嵁
+const getSelectPageData = (list: any) => {
+	let filterList = list.slice(
+		(m_paginationConfig.value.currentPage - 1) * m_paginationConfig.value.pageSize,
+		m_paginationConfig.value.currentPage * m_paginationConfig.value.pageSize
+	);
+	//褰撳墠椤�
+	return filterList;
 };
+
 //鐩戝惉绫诲瀷閫夋嫨绛涢��
 const changeSelectType = (tag: number) => {
 	typeSelect.value = tag;
-	filterProduct();
+	initData();
+
 };
 
 const handleBuyClick = (productId: string) => {
 	// 鎵惧埌褰撳墠鐐瑰嚮鐨勪骇鍝�
-	const currentProduct = dispProductType.value.find((item) => item.id === productId);
+	const currentProduct = dispEecProduct.value.find((item) => item.id === productId);
 	if (currentProduct) {
 		// 淇濆瓨浜у搧淇℃伅鍒發ocalStorage
 		localStorage.setItem('currentProduct', JSON.stringify(currentProduct));
 	}
 	router.push(`/product/${productId}`);
 };
+const handleEecLevel = (tag: number) => {
+	EecSelect.value = tag;
+	filterProduct();
+}
 </script>
 
 <style scoped>
@@ -343,9 +281,9 @@
 
 .goods-warp-item {
 	position: relative;
-	padding: 34px 12px 17px;
+	padding: 10px 12px 17px;
 	margin: 20px 3px 0;
-	background-color: #fff;
+	background-color: #f6f7f9;
 	overflow: hidden;
 	box-sizing: border-box;
 	/* transition: border-color .1s ease; */
@@ -395,6 +333,8 @@
 	max-height: 180px;
 	vertical-align: top;
 	border: 0;
+	padding-bottom: 20px;
+	box-sizing: border-box;
 }
 
 .goods-name {
@@ -451,6 +391,15 @@
 	margin-bottom: 11px;
 }
 
+.goods-company {
+	position: absolute;
+	bottom: 0;
+	height: 20px;
+	background-color: rgb(0 0 0 / 32%);
+	width: 100%;
+	color: #fff;
+}
+
 .goods-price .goods-price-selling {
 	font-size: 14px;
 	font-weight: 700;

--
Gitblit v1.9.3