From ae33d67ec2a4edc3ccfbb61631c475cfb74bc206 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期三, 19 二月 2025 11:41:41 +0800
Subject: [PATCH] 修改证书图片
---
src/views/ProductDetail.vue | 88 +++++++++++++++++++++++++++++++++++++++-----
1 files changed, 78 insertions(+), 10 deletions(-)
diff --git a/src/views/ProductDetail.vue b/src/views/ProductDetail.vue
index 6f12079..8653d4b 100644
--- a/src/views/ProductDetail.vue
+++ b/src/views/ProductDetail.vue
@@ -4,7 +4,7 @@
<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 :to="{ path: '/certified-products' }">鑳芥晥浜у搧</el-breadcrumb-item>
<el-breadcrumb-item>浜у搧璇︽儏</el-breadcrumb-item>
</el-breadcrumb>
</div>
@@ -62,6 +62,10 @@
<div class="flex gap-4">
<el-button type="primary" size="large" @click="handleBuyNow">绔嬪嵆璐拱</el-button>
<el-button size="large" @click="handleAddToCart">鍔犲叆璐墿杞�</el-button>
+ <el-button type="info" plain size="large" class="flex items-center" @click="handleViewCurve">
+ <el-icon class="mr-1" style="font-size: 18px"><TrendCharts /></el-icon>
+ 鎬ц兘鏇茬嚎
+ </el-button>
</div>
</div>
</div>
@@ -89,18 +93,30 @@
</div>
</div>
</el-tab-pane>
- <el-tab-pane label="瑙勬牸鍙傛暟" name="params">
+ <el-tab-pane label="鎬ц兘鏇茬嚎" name="PerformanceCurve">
+ <div style="width: 1200px; height: 750px" v-show="false">
+ <LXBChart ref="lxbChartCtrl"></LXBChart>
+ </div>
+ <el-empty description="鏆傛棤鎬ц兘鏇茬嚎淇℃伅" />
+ </el-tab-pane>
+ <el-tab-pane label="鍙橀�熸洸绾�" name="params">
+ <!-- <div style="width: 1200px; height: 750px"></div> -->
+ <el-empty description="鏆傛棤鍙橀�熸洸绾夸俊鎭�" />
+ </el-tab-pane>
+ <el-tab-pane label="鍒囧壊鏇茬嚎" name="CutCurve">
+ <el-empty description="鏆傛棤鍒囧壊鏇茬嚎淇℃伅" />
+ </el-tab-pane>
+ <el-tab-pane label="瑙勬牸鍙傛暟" name="SpecificParam">
<div class="p-6">
- <el-descriptions :column="1" border>
- <el-descriptions-item v-for="(value, key) in product.specifications" :key="key" :label="key">
- {{ value }}
- </el-descriptions-item>
- </el-descriptions>
+ <prop ref="propCtrl"></prop>
</div>
</el-tab-pane>
- <el-tab-pane label="璇佷功" name="certificate">
+ <el-tab-pane label="閫夊瀷鎶ュ憡" name="SelectReport">
+ <el-empty description="鏆傛棤鎶ュ憡" />
+ </el-tab-pane>
+ <el-tab-pane label="娴嬭瘯鎶ュ憡" name="certificate">
<div class="p-6 flex justify-center">
- <img :src="product.certificatePath" alt="浜у搧璇佷功" class="max-w-full" />
+ <img :src="product.certificatePath" alt="鑺傝兘璇佷功" class="max-w-full" />
</div>
</el-tab-pane>
<el-tab-pane label="鍖呰鍞悗" name="service">
@@ -161,13 +177,19 @@
import EecLevel1 from '@/assets/icons/energy1.png';
import EecLevel2 from '@/assets/icons/energy2.png';
import { SERVE_URL } from '@/constants';
-import { Check } from '@element-plus/icons-vue';
+import { Check, TrendCharts } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
+import axios from 'axios';
+import pumpDetailInfo from './mock/DetailsInfo';
+import LXBChart from '@/components/Chart/LXBChart.vue';
+import prop from './components/prop.vue';
const route = useRoute();
const router = useRouter();
+const lxbChartCtrl = ref();
+const propCtrl = ref();
const activeTab = ref('intro');
const showBuyDialog = ref(false);
@@ -211,6 +233,10 @@
const handleAddToCart = () => {
ElMessage.success('宸叉坊鍔犲埌璐墿杞�');
+};
+
+const handleViewCurve = () => {
+ window.open('http://www.xpump.net/V4/#/CN/Target/DOOCH/Pump/Index/C69S4/8978', '_blank');
};
const confirmOrder = () => {
@@ -270,7 +296,49 @@
},
};
}
+ initDetailData();
});
+const initDetailData = () => {
+ let m_userUnitSetting = {
+ NPSH: 0,
+ isAdjustCoordUnitByUserSetting: false,
+ };
+ let pumpInfoData = pumpDetailInfo;
+ let pumpBaseInfo = {
+ CorpID: 69,
+ SeriesID: 'C69S4',
+ PumpID: 8978,
+ SubID: 0,
+ ChartType: 3,
+ PumpStyle: 0,
+ PumpName4File: 'DRL1-18S',
+ CorpName: '涓煩鏉滅',
+ PumpName: 'DRL1-18S',
+ SeriesName: 'DRL',
+ CatalogName: '绔嬪紡澶氱骇娉�',
+ EecStauts: 0,
+ EecGrade: 0,
+ DefaultMotorPower: 0,
+ MaxD2: 75,
+ WrkD2: 75,
+ MinD2: 75,
+ Ratedn: 2900,
+ WrkSpeed: 2900,
+ FirePumpType: 0,
+ DriveType: 0,
+ RatedParas: {
+ H: '100.5',
+ Q: '1',
+ E: '41',
+ P: '0.67',
+ NPSHr: null,
+ },
+ };
+ lxbChartCtrl.value.initPumpInfoData(0, pumpInfoData, () => {}, m_userUnitSetting);
+
+ //鍒濆鍖栧睘鎬ф帶浠�
+ propCtrl.value.initialData(0, pumpBaseInfo, pumpInfoData.PartFullInfo, pumpInfoData.SettingInfo);
+};
</script>
<style scoped>
--
Gitblit v1.9.3