From 5ab9267c972308b7d1b250071d3d48ff98f23254 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期一, 28 四月 2025 10:21:30 +0800
Subject: [PATCH] 修改证书查询界面
---
src/views/CertificateQuery/EecLabel.vue | 657 ++++++++---------------------------------------------------
1 files changed, 92 insertions(+), 565 deletions(-)
diff --git a/src/views/CertificateQuery/EecLabel.vue b/src/views/CertificateQuery/EecLabel.vue
index 357a933..a611529 100644
--- a/src/views/CertificateQuery/EecLabel.vue
+++ b/src/views/CertificateQuery/EecLabel.vue
@@ -24,7 +24,7 @@
<el-input class="w-180-px h-full" v-model="state.m_formData.ProductModel"
:input-style="{ textAlign: 'center', fontSize: '24px' }" placeholder="璇疯緭鍏ヤ骇鍝佸瀷鍙�">
</el-input>
- <el-button class="custom-search-btn"><el-icon :size="24" color="#fff">
+ <el-button class="custom-search-btn" @click="initData"><el-icon :size="24" color="#fff">
<Search />
</el-icon>
</el-button>
@@ -35,14 +35,14 @@
<el-option v-for="item in state.type" :key="item.tag" :value="item.tag"
:label="item.name"></el-option>
</el-select>
- <el-select class="w-180-px h-full box-border py-[10px]" v-model="state.m_formData.ProductType"
- placeholder="璇烽�夋嫨浜у搧绫诲瀷" @change="changeProductType">
- <el-option v-for="item in state.type" :key="item.tag" :value="item.tag"
- :label="item.name"></el-option>
+ <el-select class="w-180-px h-full box-border py-[10px]" v-model="state.selFactory"
+ placeholder="璇烽�夋嫨鍘傚晢" @change="changeFactory">
+ <el-option v-for="item in state.factoryList" :key="item.CompanyId" :value="item.CompanyId"
+ :label="item.CompanyAbbName"></el-option>
</el-select>
- <el-select class="w-180-px h-full box-border py-[10px]" v-model="state.m_formData.ProductType"
- placeholder="璇烽�夋嫨浜у搧绫诲瀷" @change="changeProductType">
- <el-option v-for="item in state.type" :key="item.tag" :value="item.tag"
+ <el-select class="w-180-px h-full box-border py-[10px]" v-model="state.selEec" placeholder="璇烽�夋嫨鑳芥晥绛夌骇"
+ @change="changeEecLevel">
+ <el-option v-for="item in state.eec_Level" :key="item.value" :value="item.value"
:label="item.name"></el-option>
</el-select>
</div>
@@ -258,6 +258,28 @@
{ name: '鍐锋按鏈虹粍', tag: 4 },
{ name: '鐢垫満', tag: 7 },
],
+ selEec: 0,
+ eec_Level: [
+ {
+ name: "鍏ㄩ儴",
+ value: 0,
+ },
+ {
+ name: "涓�绾ц兘鏁�",
+ value: 1,
+ },
+ {
+ name: "浜岀骇鑳芥晥",
+ value: 2,
+ },
+ {
+ name: "涓夌骇鑳芥晥",
+ value: 3,
+ }
+ ],
+ selFactory: "-99",
+ factoryIncludeType: [],
+ factoryList: [],//宸ュ巶鍒楄〃
m_PageLoading: false,
});
@@ -271,6 +293,7 @@
onMounted(() => {
initData();
+ initComanyData()
});
const initData = () => {
state.m_PageLoading = true;
@@ -320,20 +343,57 @@
state.m_PageLoading = false;
});
};
+const initComanyData = () => {
+ axios({
+ method: 'get',
+ url: 'static/EecProductData/CompanyData.json',
+ })
+ .then((res) => {
+ let result = res.data;
+ state.factoryList = result.map((item: any) => {
+ return {
+ CompanyId: item.CompanyId,
+ CompanyAllName: item.CompanyAllName,
+ CompanyAbbName: item.CompanyAbbName,
+ Type: item.Type,
+ Catalog: item.CatalogIDs
+ };
+ });
+ state.factoryList.unshift({ CompanyId: '-99', CompanyAllName: '鍏ㄩ儴', CompanyAbbName: '鍏ㄩ儴', Type: [], CatalogIDs: null });
+ })
+ .catch((err) => { });
+};
// 绛涢�夋煡璇㈡暟鎹�
const filterProduct = () => {
state.filterProductData = state.allEecProduct.filter((item) => {
return item.Type === state.m_formData.ProductType;
});
- if (state.m_formData.RecordNumber !== '') {
- state.filterProductData = state.filterProductData.filter((item) => {
- return item.RecordNumber.indexOf(state.m_formData.RecordNumber) > -1;
- });
- }
if (state.m_formData.ProductModel !== '') {
state.filterProductData = state.filterProductData.filter((item) => {
return item.Model.indexOf(state.m_formData.ProductModel) > -1;
+ });
+ }
+
+ // 鎼滅储绛涢��
+ if (state.m_formData.ProductModel !== '') {
+ state.filterProductData = state.filterProductData.filter((item) => {
+ return item.Model.indexOf(state.m_formData.ProductModel) > -1;
+ });
+ }
+
+ // 鑳芥晥绛夌骇绛涢��
+ if (state.selEec !== 0) {
+ state.filterProductData = state.filterProductData.filter((item) => {
+ return Number(item.EnergyEfficiencyClass) === Number(state.selEec);
+ });
+ }
+ // 鍘傚晢绛涢��
+ if (state.selFactory !== '-99') {
+ state.filterProductData = state.filterProductData.filter((item) => {
+ console.log(state.factoryIncludeType,item.Type,394)
+
+ return state.factoryIncludeType.includes(item.Type);
});
}
state.m_dispTableData = getSelectPageData(state.filterProductData);
@@ -354,6 +414,15 @@
state.m_paginationConfig.currentPage = 1;
initData();
};
+const changeFactory = () => {
+ state.m_paginationConfig.currentPage = 1;
+ state.factoryIncludeType = getFactoryType(state.selFactory);
+ initData();
+}
+const changeEecLevel = () => {
+ state.m_paginationConfig.currentPage = 1;
+ initData();
+}
const clickDetail = async (row: any) => {
if (row.Id.includes('Pupm')) {
isPumpProduct.value = true;
@@ -454,6 +523,16 @@
RecordTime: '',
};
};
+const getFactoryType = (factory) => {
+ let factoryType = [];
+ state.factoryList.forEach((item) => {
+ if (Number(item.CompanyId) === Number(factory)) {
+ factoryType = item.Type;
+ }
+ });
+ return factoryType;
+}
+
const resertForm = () => {
state.m_formData.ProductModel = '';
@@ -743,558 +822,6 @@
:deep(.el-select__caret) {
color: #fff;
font-size: 24px;
- }
- }
-
- .text-wrapper_4 {
- width: 247px;
- height: 1520px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG6ecfcbf9fe2cff7e05a1cb61bbd48bb1.png) 100% no-repeat;
- background-size: 100% 100%;
- margin: 84px 0 0 139px;
-
- .text_8 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 24px;
- font-family: Source Han Sans-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 24px 0 0 37px;
- }
-
- .text_9 {
- width: 79px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 60px 0 0 83px;
- }
-
- .text_10 {
- width: 79px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 64px 0 0 83px;
- }
-
- .text_11 {
- width: 79px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 60px 0 1171px 83px;
- }
- }
-
- .image_4 {
- width: 1136px;
- height: 93px;
- margin: 48px 0 46px 361px;
- }
-
- .text-wrapper_5 {
- position: absolute;
- left: 385px;
- top: 989px;
- width: 385px;
- height: 1520px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG40a62187dfa3a1ae08df90316cd17142.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .text_12 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 24px;
- font-family: Source Han Sans-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 27px 0 0 106px;
- }
-
- .text_13 {
- width: 304px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 57px 0 0 40px;
- }
-
- .text_14 {
- width: 304px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 64px 0 0 40px;
- }
-
- .text_15 {
- width: 304px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 60px 0 1171px 40px;
- }
- }
-
- .section_4 {
- position: absolute;
- left: 769px;
- top: 989px;
- width: 321px;
- height: 1520px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG5c36fd482cd489d8a31941e97d3359d5.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .section_5 {
- width: 180px;
- height: 42px;
- margin: 27px 0 0 74px;
-
- .text_16 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 24px;
- font-family: Source Han Sans-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- }
-
- .label_5 {
- width: 24px;
- height: 24px;
- margin: 9px 0 0 -17px;
- }
- }
-
- .text_17 {
- width: 197px;
- height: 28px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 57px 0 0 74px;
- }
-
- .text_18 {
- width: 197px;
- height: 28px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 69px 0 0 74px;
- }
-
- .text_19 {
- width: 197px;
- height: 28px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 65px 0 1176px 74px;
- }
- }
-
- .section_6 {
- position: absolute;
- left: 1089px;
- top: 989px;
- width: 232px;
- height: 1520px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG5ebfa7b60805088331983f993eed3903.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .text_20 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 24px;
- font-family: Source Han Sans-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 27px 0 0 30px;
- }
-
- .box_1 {
- height: 52px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG28e0918cce622cf3c2d283a0207e2674.png) 100% no-repeat;
- background-size: 100% 100%;
- width: 74px;
- margin: 48px 0 0 80px;
-
- .box_2 {
- position: relative;
- width: 74px;
- height: 52px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG28e0918cce622cf3c2d283a0207e2674.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .box_3 {
- width: 38px;
- height: 48px;
- margin: -2px 0 0 37px;
-
- .group_3 {
- width: 38px;
- height: 39px;
- }
-
- .text_21 {
- width: 20px;
- height: 17px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 12px;
- font-family: Source Han Serif CN-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 17px;
- margin: -8px 0 0 17px;
- }
- }
-
- .text_22 {
- text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
- position: absolute;
- left: 33px;
- top: 2px;
- width: 23px;
- height: 44px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 36px;
- font-family: Alimama ShuHeiTi-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 44px;
- }
- }
- }
-
- .box_4 {
- height: 52px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNGd6a7253e53b97913dd41de9b5866ed50.png) 100% no-repeat;
- background-size: 100% 100%;
- width: 74px;
- margin: 42px 0 0 80px;
-
- .box_5 {
- position: relative;
- width: 74px;
- height: 52px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNGd6a7253e53b97913dd41de9b5866ed50.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .section_7 {
- width: 39px;
- height: 48px;
- margin: -2px 0 0 35px;
-
- .group_4 {
- width: 38px;
- height: 39px;
- }
-
- .text_23 {
- width: 20px;
- height: 17px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 12px;
- font-family: Source Han Serif CN-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 17px;
- margin: -8px 0 0 19px;
- }
- }
-
- .text_24 {
- text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
- position: absolute;
- left: 33px;
- top: 2px;
- width: 23px;
- height: 44px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 36px;
- font-family: Alimama ShuHeiTi-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 44px;
- }
- }
- }
-
- .box_6 {
- height: 52px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNGf09b394b3dac315ffe07506f39bd1c5d.png) 100% no-repeat;
- background-size: 100% 100%;
- width: 74px;
- margin: 45px 0 1160px 79px;
-
- .box_7 {
- position: relative;
- width: 74px;
- height: 52px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNGf09b394b3dac315ffe07506f39bd1c5d.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .block_3 {
- width: 38px;
- height: 47px;
- margin: -2px 0 0 36px;
-
- .box_8 {
- width: 38px;
- height: 40px;
- }
-
- .text_25 {
- width: 19px;
- height: 17px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 12px;
- font-family: Source Han Serif CN-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 17px;
- margin: -10px 0 0 19px;
- }
- }
-
- .text_26 {
- text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
- position: absolute;
- left: 34px;
- top: 1px;
- width: 23px;
- height: 44px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 36px;
- font-family: Alimama ShuHeiTi-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 44px;
- }
- }
- }
- }
-
- .section_8 {
- position: absolute;
- left: 1320px;
- top: 989px;
- width: 232px;
- height: 1520px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG5ebfa7b60805088331983f993eed3903.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .text_27 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 24px;
- font-family: Source Han Sans-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 27px 0 0 30px;
- }
-
- .label_6 {
- width: 24px;
- height: 24px;
- margin: -33px 0 0 178px;
- }
-
- .text_28 {
- width: 126px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 66px 0 0 53px;
- }
-
- .text_29 {
- width: 126px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 64px 0 0 53px;
- }
-
- .text_30 {
- width: 126px;
- height: 33px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.6);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 60px 0 1171px 53px;
- }
- }
-
- .text-wrapper_6 {
- position: absolute;
- left: 1551px;
- top: 989px;
- width: 232px;
- height: 1520px;
- background: url(https://lanhu-oss-2537-2.lanhuapp.com/MasterDDSSlicePNG5ebfa7b60805088331983f993eed3903.png) 100% no-repeat;
- background-size: 100% 100%;
-
- .text_31 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(255, 255, 255, 1);
- font-size: 24px;
- font-family: Source Han Sans-Bold;
- font-weight: 700;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 27px 0 0 30px;
- }
-
- .text_32 {
- width: 184px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(0, 58, 142, 1);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- text-decoration: underline;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 57px 0 0 24px;
- }
-
- .text_33 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(0, 58, 142, 1);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- text-decoration: underline;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 51px 0 0 29px;
- }
-
- .text_34 {
- width: 173px;
- height: 42px;
- overflow-wrap: break-word;
- color: rgba(0, 58, 142, 1);
- font-size: 24px;
- font-family: Source Han Sans-Regular;
- text-decoration: underline;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 35px;
- margin: 51px 0 1166px 29px;
}
}
}
--
Gitblit v1.9.3