修改数据与页面逻辑

tanghaolin

9 天以前 04a2d3e3c701a03981c4b66162ff9515f9d7dd12

 src/views/ProductDetail.vue

@@ -4,7 +4,8 @@
      <div class="mb-6 text-gray-500">
         <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item :to="{ path: '/certified-products' }">能效产品</el-breadcrumb-item>
            <!-- 我需要跳转到上一页 -->
            <el-breadcrumb-item @click="handleBack">{{product.modelType  }}</el-breadcrumb-item>
            <el-breadcrumb-item>产品详情</el-breadcrumb-item>
         </el-breadcrumb>
      </div>
@@ -25,7 +26,7 @@
               <div class="flex items-center gap-2">
                  <span class="text-gray-500">能效等级：</span>
                  <div class="flex items-center relative">
                     <img :src="EecLevelEnum[productDataRef.EnergyEfficiencyClass]?.icon" class="h-8" />
                     <img :src="EecLevelEnum[productDataRef.eec]?.icon" class="h-8" />
                     <!-- <span class="text-white relative right-[42px] top-[-1px]">1</span> -->
                     <!-- <span class="text-white absolute left-[16px] bottom-[10px] text-small">{{ EecLevelEnum[productDataRef.EnergyEfficiencyClass]?.name }}</span> -->
                  </div>
@@ -190,8 +191,9 @@
</template>

<script setup lang="ts">
import EecLevel1 from '@/assets/icons/energy1.png';
import EecLevel2 from '@/assets/icons/energy2.png';
import EecLevel1 from '@/assets/icons/ecc1.svg';
import EecLevel2 from '@/assets/icons/ecc2.svg';
import EecLevel3 from '@/assets/icons/ecc3.svg';
import { SERVE_URL } from '@/constants';
import { Check, TrendCharts } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
@@ -356,6 +358,10 @@
   window.open('http://www.xpump.net/V4/#/CN/Target/DOOCH/Pump/Index/C69S4/8978', '_blank');
};

const handleBack = ()=>{
   router.go(-1);
}

const confirmOrder = () => {
   if (!orderForm.value.name || !orderForm.value.phone || !orderForm.value.address) {
      ElMessage.warning('请填写完整的收货信息');
@@ -379,6 +385,7 @@
const EecLevelEnum = {
   1: { name: '一级能效', icon: EecLevel1 },
   2: { name: '二级能效', icon: EecLevel2 },
   3: { name: '二级能效', icon: EecLevel3 },
};

const productDataRef = ref({});
@@ -399,7 +406,9 @@
         image: `${SERVE_URL}${productData.PhysicalPicturePath}`,
         certificatePath: `${SERVE_URL}${productData.CertificatePath}`,
         brand: productData.CompanyName,
         model: productData.Model,
         model: productData.model,
         modelType: productData.ModelType,
			
         power: '详询厂家',
         voltage: '详询厂家',
         speed: '详询厂家',
@@ -413,7 +422,8 @@
            能效等级: `${productData.EnergyEfficiencyClass}级`,
         },
      };
      isPumpDetail.value = productData.Id.includes('Pupm') ? true : false;
console.log(productData,425)
      isPumpDetail.value = productData.type == 1 ? true : false;
      if (product.value.model.includes('DSWQ') && isPumpDetail.value) {
         product.value.SelectReport = 'static/EecProductData/image/1/DSWQ_SelectReport.png';
      }
@@ -421,7 +431,7 @@
         product.value.SelectReport = 'static/EecProductData/image/1/DRL_SelectReport.png';
      }

      isFan.value = productData.Id.includes('FJ') ? true : false;
      isFan.value = productData.Type== 7 ? true : false;
      if (isFan.value) {
         product.value.Chart = 'static/EecProductData/image/3/fan_chart.png';
         product.value.SelectReport = 'static/EecProductData/image/3/SelectReport.png';
@@ -445,10 +455,11 @@
      SubID: 0,
      ChartType: 3,
      PumpStyle: 0,
      PumpName4File: 'DRL1-18S',
      CorpName: '中韩杜科',
      PumpName: 'DRL1-18S',
      SeriesName: 'DRL',
      PumpName4File: product.value.model,
      CorpName: product.value.CompanyName,
      PumpName: product.value.model,

      SeriesName: product.value.ModelType,
      CatalogName: '立式多级泵',
      EecStauts: 0,
      EecGrade: 0,