修改证书查询界面

tanghaolin

5 天以前 5ab9267c972308b7d1b250071d3d48ff98f23254

 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;
            }
         }
      }