From 9831a1c47f949eb46f40fa468a3b476bb2bc8c72 Mon Sep 17 00:00:00 2001 From: gerson <1405270578@qq.com> Date: 星期二, 18 二月 2025 21:30:39 +0800 Subject: [PATCH] 修改第一个文章 --- src/views/ProductDetail.vue | 72 +++++++++++++++++++++++++++++++---- 1 files changed, 63 insertions(+), 9 deletions(-) diff --git a/src/views/ProductDetail.vue b/src/views/ProductDetail.vue index 0ae2e55..f750d9d 100644 --- a/src/views/ProductDetail.vue +++ b/src/views/ProductDetail.vue @@ -93,16 +93,22 @@ </div> </div> </el-tab-pane> - <el-tab-pane label="瑙勬牸鍙傛暟" name="params"> - <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> + <el-tab-pane label="鎬ц兘鏇茬嚎" name="PerformanceCurve"> + <div style="width: 1200px; height: 750px"> + <LXBChart ref="lxbChartCtrl"></LXBChart> </div> </el-tab-pane> - <el-tab-pane label="鑺傝兘璇佷功" name="certificate"> + <el-tab-pane label="鍙橀�熸洸绾�" name="params"> + <div style="width: 1200px; height: 750px"></div> + </el-tab-pane> + <el-tab-pane label="鍒囧壊鏇茬嚎" name="CutCurve"> </el-tab-pane> + <el-tab-pane label="瑙勬牸鍙傛暟" name="SpecificParam"> + <div class="p-6"> + <prop ref="propCtrl"></prop> + </div> + </el-tab-pane> + <el-tab-pane label="閫夊瀷鎶ュ憡" name="SelectReport"> </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" /> </div> @@ -169,9 +175,15 @@ 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); @@ -218,7 +230,7 @@ }; const handleViewCurve = () => { - window.open('http://www.xpump.net/web/#/CN/Target/DOOCH/Pump/Index/C69S4/8978', '_blank'); + window.open('http://www.xpump.net/V4/#/CN/Target/DOOCH/Pump/Index/C69S4/8978', '_blank'); }; const confirmOrder = () => { @@ -278,7 +290,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