From 79b87882248d15a4fddac4da57b710eda6fdaf53 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期一, 24 三月 2025 16:05:44 +0800
Subject: [PATCH] 修改文件版本

---
 src/views/SPump/Select/PumpList/General.vue | 3435 ++++++++++++++++++++++++++++++++---------------------------
 1 files changed, 1,858 insertions(+), 1,577 deletions(-)

diff --git a/src/views/SPump/Select/PumpList/General.vue b/src/views/SPump/Select/PumpList/General.vue
index 993ccfa..db9edcb 100644
--- a/src/views/SPump/Select/PumpList/General.vue
+++ b/src/views/SPump/Select/PumpList/General.vue
@@ -1,1610 +1,1863 @@
 <template>
-  <div style="height: 100%">
-    <page-head>
-      <template #customer>
-        <div class="customer-style">
-          <div style="
-              font-size: 0.28rem;
-              color: #003da6;
-              font-family: 'PingFang SC';
-            ">
-            {{ state.m_headerTitle }}
-          </div>
-        </div>
-      </template>
-    </page-head>
-    <div style="height: calc(100% - 0.86rem)" ref="selpumplist" class="selpumplist" v-loading="state.isShowLoadingFrm"
-      element-loading-background="rgba(255,255,255, 0.8)">
-      <div class="nav_header_box">
-        <div class="nav_header">
-          <div style="cursor: pointer" class="nav_header_a" @click="toHomePage">
-            {{ t("selectPage.index.TR") }}
-          </div>
-          <div style="cursor: pointer" class="nav_header_a" @click="prevPage">
-            {{ t("selectPage.selparas.TR") }}
-          </div>
-        </div>
-        <div class="nav_header_right">
-          <!-- 鎺掑簭鏂瑰紡 -->
-          <el-dropdown v-if="true" :hide-on-click="true" @command="handleSortMethod" trigger="click" :max-height="300"
-            style="margin-right: 10px">
-            <el-button class="btn_color">
-              {{ t("selectPage.sortMethod.TR") }}
-              <el-icon class="el-icon--right">
-                <arrow-down />
-              </el-icon>
-            </el-button>
-            <template #dropdown>
-              <el-dropdown-menu class="pumplist_dropdown_menu">
-                <el-dropdown-item command="efficiencySort">
-                  <div class="check-icon-style">
-                    <el-icon v-if="state.currentSortMethodIndex == 1" color="blue">
-                      <Check />
-                    </el-icon>
-                  </div>
-                  {{ t("selectPage.efficiencySort.TR") }}
-                </el-dropdown-item>
-                <el-dropdown-item command="compreSort">
-                  <div class="check-icon-style">
-                    <el-icon v-if="state.currentSortMethodIndex == 2" color="blue">
-                      <Check />
-                    </el-icon>
-                  </div>
-                  {{ t("selectPage.qPerQBepSort.TR") }}
-                </el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-          <!-- 鍒楅�夋嫨 -->
-          <el-popover placement="bottom" width="90" trigger="click" max-height="300" popper-class="col-select-popStyle">
-            <el-scrollbar height="500px">
-              <el-checkbox-group v-model="state.m_dispColumnNameList">
-                <el-checkbox v-for="item in state.m_columnOptions" v-model="item.label" :key="item.value"
-                  :value="item.label" :disabled="item.disable">{{ item.label }}</el-checkbox>
-              </el-checkbox-group>
-            </el-scrollbar>
-            <template #reference>
-              <el-button class="btn_color">
-                {{ t("selectPage.selRow.TR") }}
-                <el-icon class="el-icon--right"><arrow-down /></el-icon>
-              </el-button>
-            </template>
-          </el-popover>
-          <!-- 姣旇緝 -->
-          <el-button class="btn_color" @click="toCompare4Select">
-            {{ t("header.compare.TR") }}
-          </el-button>
-          <!-- 瀵煎嚭 -->
-          <el-button class="btn_color" @click="exportExcel">
-            {{ t("selectPage.export.TR") }}
-          </el-button>
-          <span class="btn_span custom-btn-span" @click="prevPage">
-            {{ t("selectPage.previous.TR") }}
-          </span>
-        </div>
-      </div>
-      <div class="tableBox">
-      <!-- 鐢ㄤ簬灞曠ず鐨勮〃鏍� -->
-        <el-table ref="tableList" :data="state.disp_tableData" border stripe :max-height="state.tableMaxHeight"
-          style="width: 100%" :header-cell-style="{
-            background: '#b0d8dd',
-            color: '#606266',
-            height: '0.63rem',
-          }" @selection-change="handleTableSelectionChange" :empty-text="state.tableEmptyContent">
-          <el-table-column type="selection" width="55"> </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.physical.TR'))" fixed align="center"
-            header-align="center" width="200" :label="t('selectPage.physical.TR')">
-            <template #default="scope">
-              <el-tooltip class="item" :enterable="true" effect="dark" placement="right-start">
-                <template #content>
-                  {{ t("ebookPage.noProfile.TR") }}
-                </template>
-                <div>
-                  <img :src="scope.row.ThumbnailImage" :onerror="handleOnError" class="thumbnail-img-style"
-                    :alt="`${scope.row.groupName}`" />
-                </div>
-              </el-tooltip>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.series.TR'))" align="center" header-align="center"
-            width="120" fixed prop="SereisName" :label="t('selectPage.series.TR')">
-          </el-table-column>
-          <el-table-column sortable v-if="getColumnVisbileStatus(t('selectPage.model.TR'))" align="center"
-            header-align="center" width="160" fixed prop="PumpName" :label="t('selectPage.model.TR')">
-            <template #default="scope">
-              <div @click="clickPumpNameCell(scope.$index, scope.row)">
-                <span id="series_selected_name" style="cursor: pointer">{{
-                  scope.row.PumpName
-                }}</span>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" header-align="center" width="300" fixed prop="WorkCurveGroup"
-            :label="t('selectPage.diagram.TR')">
-            <template #default="scope">
-              <!-- style="width: 1.5rem; height: 0.9rem" -->
-              <div class="CurveChart" :data-svg="true" :id="scope.row.PumpID" :data-pump_id="scope.row.PumpID"
-                :data-pump_charttype="scope.row.ChartType"></div>
-            </template>
-          </el-table-column>
-          <!-- 娴侀噺 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.flow.TR'))" align="right" header-align="center"
-            prop="WorkPtQ" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.flow.TR") }}</div>
-                <div>{{ state.SelDesignPtQUnitName }}</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtQ', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtQ", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtQ', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtQ }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtQ }}</span>
-            </template>
-          </el-table-column>
-          <!-- 鎵▼ -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.head.TR'))" align="right" header-align="center"
-            prop="WorkPtH" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.head.TR") }}</div>
-                <div>{{ state.SelDesignPtHUnitName }}</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtH', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtH", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtH', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtH }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtH }}</span>
-            </template>
-          </el-table-column>
-          <!-- 鏁堢巼 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.efficiency.TR'))" sortable align="right"
-            header-align="center" width="120" prop="WorkPtE" class-name="tool-tip-cell-style"
-            style="display: flex; justify-content: center; align-items: center">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.efficiency.TR") }}</div>
-                <div>(%)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtE', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtE", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtE', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtE }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtE }}</span>
-            </template>
-          </el-table-column>
-          <!--  -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.PerRated.TR'))" align="right"
-            header-align="center" width="120" prop="PerRated"
-            style="display: flex; justify-content: center; align-items: center">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.PerRated.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.PerRatedQ.TR'))" align="right"
-            header-align="center" width="120" prop="PerRatedQ"
-            style="display: flex; justify-content: center; align-items: center">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.PerRatedQ.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <!-- 杞村姛鐜� -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.shaftPower.TR'))" align="right"
-            header-align="center" prop="WorkPtP" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.shaftPower.TR") }}</div>
-                <div>({{ state.SelDesignPtPUnitName }})</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtP', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtP", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtP', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtP }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtP }}</span>
-            </template>
-          </el-table-column>
-          <!-- 鐢垫満鍔熺巼 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('detailPage.motorPower.TR'))" align="right"
-            header-align="center" prop="MotorPower" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("detailPage.motorPower.TR") }}</div>
-                <div>(kW)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('MotorPower', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("MotorPower", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('MotorPower', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.MotorPower }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.MotorPower }}</span>
-            </template>
-          </el-table-column>
-          <!-- 姹借殌 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.npsh.TR'))" align="right" header-align="center"
-            prop="WorkPtNPSH" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.npsh.TR") }}</div>
-                <div>(m)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtNPSH", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtNPSH }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtNPSH }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.speed.TR'))" align="right" header-align="center"
-            prop="WorkSpeed">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.speed.TR") }}</div>
-                <div>rpm</div>
-              </div>
-            </template>
-          </el-table-column>
-          <!-- 鍙惰疆鐩村緞 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.impellerDiameter.TR'))" align="right"
-            header-align="center" prop="WorkD2" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.impellerDiameter.TR") }}</div>
-                <div>(mm)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkD2', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkD2", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkD2', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkD2 }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkD2 }}</span>
-            </template>
-          </el-table-column>
-          <!-- 鏈�澶у厑璁告祦閲� -->
-          <el-table-column v-if="getColumnVisbileStatus('鏈�澶у厑璁告祦閲�')" align="right" header-align="center"
-            prop="AllowableRegionMax" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>鏈�澶у厑璁告祦閲�</div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.note.TR'))" align="center" header-align="center"
-            width="80" prop="Note">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.note.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.ratedSpeed.TR'))" align="center"
-            header-align="center" width="80" prop="Ratedn">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.ratedSpeed.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.vbr.TR'))" align="center" header-align="center"
-            width="80" prop="SpeedRatio">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.vbr.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <!-- 鍒囧壊鐜� -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.cuttingRate.TR'))" align="right"
-            header-align="center" prop="CutRatio" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.cuttingRate.TR") }}</div>
-                <div>(%)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('CutRatio', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("CutRatio", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('CutRatio', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.CutRatio }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.CutRatio }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.guidePrice.TR'))" align="center"
-            header-align="center" width="80" prop="OriginSalePrice">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.guidePrice.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.salesPrice.TR'))" align="center"
-            header-align="center" width="80" prop="SalePrice">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.salesPrice.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.pumpStages.TR'))" align="center"
-            header-align="center" width="80" prop="StageNumber">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.pumpStages.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="
-            getColumnVisbileStatus(
-              t('selectPage.originalImpellerDiameter.TR')
-            )
-          " align="center" header-align="center" width="120" prop="OrginD2">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.originalImpellerDiameter.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column :label="t('selectPage.details.TR')" align="right" header-align="center" width="100"
-            fixed="right">
-            <template #default="scope">
-              <el-button size="default" class="btn_color" @click="clickDetailCell(scope.$index, scope.row)">{{
-                t("selectPage.details.TR") }}</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
+	<div style="height: 100%">
+		<div
+			style="height: calc(100% - 0px)"
+			ref="selpumplist"
+			class="selpumplist_general bg-white"
+			v-loading="state.isShowLoadingFrm"
+			element-loading-background="rgba(255,255,255, 0.8)"
+		>
+			<div class="nav_header_box">
+				<div class="nav_header">
+					<div style="cursor: pointer" class="nav_header_a" @click="toHomePage">
+						{{ t('selectPage.index.TR') }}
+					</div>
+					<div style="cursor: pointer" class="nav_header_a" @click="prevPage">
+						{{ t('selectPage.selparas.TR') }}
+					</div>
+				</div>
+				<div class="nav_header_right">
+					<!-- 鎺掑簭鏂瑰紡 -->
+					<el-dropdown
+						v-if="true"
+						:hide-on-click="true"
+						@command="handleSortMethod"
+						trigger="click"
+						:max-height="300"
+						style="margin-right: 10px"
+					>
+						<el-button class="btn_color">
+							{{ t('selectPage.sortMethod.TR') }}
+							<el-icon class="el-icon--right">
+								<arrow-down />
+							</el-icon>
+						</el-button>
+						<template #dropdown>
+							<el-dropdown-menu class="pumplist_dropdown_menu">
+								<el-dropdown-item command="efficiencySort">
+									<div class="check-icon-style">
+										<el-icon v-if="state.currentSortMethodIndex == 1" color="blue">
+											<Check />
+										</el-icon>
+									</div>
+									{{ t('selectPage.efficiencySort.TR') }}
+								</el-dropdown-item>
+								<el-dropdown-item command="compreSort">
+									<div class="check-icon-style">
+										<el-icon v-if="state.currentSortMethodIndex == 2" color="blue">
+											<Check />
+										</el-icon>
+									</div>
+									{{ t('selectPage.qPerQBepSort.TR') }}
+								</el-dropdown-item>
+							</el-dropdown-menu>
+						</template>
+					</el-dropdown>
+					<!-- 鍒楅�夋嫨 -->
+					<el-popover placement="bottom" width="90" trigger="click" max-height="300" popper-class="col-select-popStyle">
+						<el-scrollbar height="500px">
+							<el-checkbox-group v-model="state.m_dispColumnNameList">
+								<el-checkbox
+									v-for="item in state.m_columnOptions"
+									v-model="item.label"
+									:key="item.value"
+									:value="item.label"
+									:disabled="item.disable"
+									>{{ item.label }}</el-checkbox
+								>
+							</el-checkbox-group>
+						</el-scrollbar>
+						<template #reference>
+							<el-button class="btn_color">
+								{{ t('selectPage.selRow.TR') }}
+								<el-icon class="el-icon--right"><arrow-down /></el-icon>
+							</el-button>
+						</template>
+					</el-popover>
+					<!-- 姣旇緝 -->
+					<el-button class="btn_color" @click="toCompare4Select">
+						{{ t('header.compare.TR') }}
+					</el-button>
+					<!-- 瀵煎嚭 -->
+					<el-button class="btn_color" @click="exportExcel">
+						{{ t('selectPage.export.TR') }}
+					</el-button>
+					<el-button class="btn_span custom-btn-span" @click="prevPage">
+						{{ t('selectPage.previous.TR') }}
+					</el-button>
+				</div>
+			</div>
+			<div class="tableBox">
+				<!-- 鐢ㄤ簬灞曠ず鐨勮〃鏍� -->
+				<el-table
+					ref="tableList"
+					:data="state.disp_tableData"
+					border
+					stripe
+					:max-height="state.tableMaxHeight"
+					style="width: 100%"
+					:header-cell-style="{
+						background: '#b0d8dd',
+						color: '#606266',
+						height: '63px',
+					}"
+					@selection-change="handleTableSelectionChange"
+					:empty-text="state.tableEmptyContent"
+				>
+					<el-table-column type="selection" width="55"> </el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.physical.TR'))"
+						fixed
+						align="center"
+						header-align="center"
+						width="200"
+						:label="t('selectPage.physical.TR')"
+					>
+						<template #default="scope">
+							<el-tooltip class="item" :enterable="true" effect="dark" placement="right-start">
+								<template #content>
+									{{ t('ebookPage.noProfile.TR') }}
+								</template>
+								<div>
+									<img
+										:src="scope.row.ThumbnailImage"
+										:onerror="handleOnError"
+										class="thumbnail-img-style"
+										:alt="`${scope.row.groupName}`"
+									/>
+								</div>
+							</el-tooltip>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.series.TR'))"
+						align="center"
+						header-align="center"
+						width="120"
+						fixed
+						prop="SereisName"
+						:label="t('selectPage.series.TR')"
+					>
+					</el-table-column>
+					<el-table-column
+						sortable
+						v-if="getColumnVisbileStatus(t('selectPage.model.TR'))"
+						align="center"
+						header-align="center"
+						width="160"
+						fixed
+						prop="PumpName"
+						:label="t('selectPage.model.TR')"
+					>
+						<template #default="scope">
+							<div @click="clickPumpNameCell(scope.$index, scope.row)">
+								<span id="series_selected_name" style="cursor: pointer">{{ scope.row.PumpName }}</span>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						align="center"
+						header-align="center"
+						width="300"
+						fixed
+						prop="WorkCurveGroup"
+						:label="t('selectPage.diagram.TR')"
+					>
+						<template #default="scope">
+							<div
+								class="CurveChart"
+								:data-svg="true"
+								:id="scope.row.PumpID"
+								:data-pump_id="scope.row.PumpID"
+								:data-pump_charttype="scope.row.ChartType"
+							></div>
+						</template>
+					</el-table-column>
+					<!-- 鑳芥晥绛夌骇 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus('鑳芥晥绛夌骇')"
+						align="right"
+						header-align="center"
+						prop="Eec"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>鑳芥晥绛夌骇</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<div class="flex items-center eec-level-div">
+								<img :src="EecLevelEnum[1].icon" />
+								<span class="eec-numb">1 </span>
+								<span class="eec-level-name">{{ EecLevelEnum[1].name }}</span>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 娴侀噺 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.flow.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtQ"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.flow.TR') }}</div>
+								<div>{{ state.SelDesignPtQUnitName }}</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtQ', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtQ', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtQ', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtQ }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtQ }}</span>
+						</template>
+					</el-table-column>
+					<!-- 鎵▼ -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.head.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtH"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.head.TR') }}</div>
+								<div>{{ state.SelDesignPtHUnitName }}</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtH', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtH', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtH', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtH }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtH }}</span>
+						</template>
+					</el-table-column>
+					<!-- 鏁堢巼 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.efficiency.TR'))"
+						sortable
+						align="right"
+						header-align="center"
+						width="120"
+						prop="WorkPtE"
+						class-name="tool-tip-cell-style"
+						style="display: flex; justify-content: center; align-items: center"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.efficiency.TR') }}</div>
+								<div>(%)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtE', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtE', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtE', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtE }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtE }}</span>
+						</template>
+					</el-table-column>
+					<!--  -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.PerRated.TR'))"
+						align="right"
+						header-align="center"
+						width="120"
+						prop="PerRated"
+						style="display: flex; justify-content: center; align-items: center"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.PerRated.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.PerRatedQ.TR'))"
+						align="right"
+						header-align="center"
+						width="120"
+						prop="PerRatedQ"
+						style="display: flex; justify-content: center; align-items: center"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.PerRatedQ.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 杞村姛鐜� -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.shaftPower.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtP"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.shaftPower.TR') }}</div>
+								<div>({{ state.SelDesignPtPUnitName }})</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtP', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtP', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtP', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtP }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtP }}</span>
+						</template>
+					</el-table-column>
+					<!-- 鐢垫満鍔熺巼 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('detailPage.motorPower.TR'))"
+						align="right"
+						header-align="center"
+						prop="MotorPower"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('detailPage.motorPower.TR') }}</div>
+								<div>(kW)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('MotorPower', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('MotorPower', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('MotorPower', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.MotorPower }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.MotorPower }}</span>
+						</template>
+					</el-table-column>
+					<!-- 姹借殌 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.npsh.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtNPSH"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.npsh.TR') }}</div>
+								<div>(m)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtNPSH', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtNPSH }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtNPSH }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.speed.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkSpeed"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.speed.TR') }}</div>
+								<div>rpm</div>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 鍙惰疆鐩村緞 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.impellerDiameter.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkD2"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.impellerDiameter.TR') }}</div>
+								<div>(mm)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkD2', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkD2', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkD2', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkD2 }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkD2 }}</span>
+						</template>
+					</el-table-column>
+					<!-- 鏈�澶у厑璁告祦閲� -->
+					<el-table-column
+						v-if="getColumnVisbileStatus('鏈�澶у厑璁告祦閲�')"
+						align="right"
+						header-align="center"
+						prop="AllowableRegionMax"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>鏈�澶у厑璁告祦閲�</div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.note.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="Note"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.note.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.ratedSpeed.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="Ratedn"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.ratedSpeed.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.vbr.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="SpeedRatio"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.vbr.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 鍒囧壊鐜� -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.cuttingRate.TR'))"
+						align="right"
+						header-align="center"
+						prop="CutRatio"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.cuttingRate.TR') }}</div>
+								<div>(%)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('CutRatio', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('CutRatio', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('CutRatio', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.CutRatio }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.CutRatio }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.guidePrice.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="OriginSalePrice"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.guidePrice.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.salesPrice.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="SalePrice"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.salesPrice.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.pumpStages.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="StageNumber"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.pumpStages.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.originalImpellerDiameter.TR'))"
+						align="center"
+						header-align="center"
+						width="120"
+						prop="OrginD2"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.originalImpellerDiameter.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column :label="t('selectPage.details.TR')" align="right" header-align="center" width="100" fixed="right">
+						<template #default="scope">
+							<el-button size="default" class="btn_color" @click="clickDetailCell(scope.$index, scope.row)">{{
+								t('selectPage.details.TR')
+							}}</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
 
-        <!-- 鐢ㄤ簬瀵煎嚭鐨勮〃鏍� -->
-        <el-table v-show="false" id="export-sel-list" ref="exportSelListRef" :data="state.exportTableData"
-          :empty-text="state.tableEmptyContent">
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.series.TR'))" align="center" header-align="center"
-            width="120" prop="SereisName" :label="t('selectPage.series.TR')">
-          </el-table-column>
-          <el-table-column sortable v-if="getColumnVisbileStatus(t('selectPage.model.TR'))" align="center"
-            header-align="center" width="160" prop="PumpName" :label="t('selectPage.model.TR')">
-            <template #default="scope">
-              <div @click="clickPumpNameCell(scope.$index, scope.row)">
-                <span id="series_selected_name" style="cursor: pointer">{{
-                  scope.row.PumpName
-                }}</span>
-              </div>
-            </template>
-          </el-table-column>
-          <!-- 娴侀噺 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.flow.TR'))" align="right" header-align="center"
-            prop="WorkPtQ" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.flow.TR") }}</div>
-                <div>{{ state.SelDesignPtQUnitName }}</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtQ', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtQ", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtQ', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtQ }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtQ }}</span>
-            </template>
-          </el-table-column>
-          <!-- 鎵▼ -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.head.TR'))" align="right" header-align="center"
-            prop="WorkPtH" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.head.TR") }}</div>
-                <div>{{ state.SelDesignPtHUnitName }}</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtH', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtH", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtH', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtH }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtH }}</span>
-            </template>
-          </el-table-column>
-          <!-- 鏁堢巼 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.efficiency.TR'))" sortable align="right"
-            header-align="center" width="120" prop="WorkPtE" class-name="tool-tip-cell-style"
-            style="display: flex; justify-content: center; align-items: center">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.efficiency.TR") }}</div>
-                <div>(%)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtE', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtE", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtE', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtE }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtE }}</span>
-            </template>
-          </el-table-column>
-          <!--  -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.PerRated.TR'))" align="right"
-            header-align="center" width="120" prop="PerRated"
-            style="display: flex; justify-content: center; align-items: center">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.PerRated.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.PerRatedQ.TR'))" align="right"
-            header-align="center" width="120" prop="PerRatedQ"
-            style="display: flex; justify-content: center; align-items: center">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.PerRatedQ.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <!-- 杞村姛鐜� -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.shaftPower.TR'))" align="right"
-            header-align="center" prop="WorkPtP" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.shaftPower.TR") }}</div>
-                <div>({{ state.SelDesignPtPUnitName }})</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtP', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtP", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtP', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtP }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtP }}</span>
-            </template>
-          </el-table-column>
-          <!-- 鐢垫満鍔熺巼 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('detailPage.motorPower.TR'))" align="right"
-            header-align="center" prop="MotorPower" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("detailPage.motorPower.TR") }}</div>
-                <div>(kW)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('MotorPower', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("MotorPower", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('MotorPower', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.MotorPower }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.MotorPower }}</span>
-            </template>
-          </el-table-column>
-          <!-- 姹借殌 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.npsh.TR'))" align="right" header-align="center"
-            prop="WorkPtNPSH" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.npsh.TR") }}</div>
-                <div>(m)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkPtNPSH", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkPtNPSH }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkPtNPSH }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.speed.TR'))" align="right" header-align="center"
-            prop="WorkSpeed">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.speed.TR") }}</div>
-                <div>rpm</div>
-              </div>
-            </template>
-          </el-table-column>
-          <!-- 鍙惰疆鐩村緞 -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.impellerDiameter.TR'))" align="right"
-            header-align="center" prop="WorkD2" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.impellerDiameter.TR") }}</div>
-                <div>({{ state.SelDesignPtD2UnitName }})</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('WorkD2', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("WorkD2", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('WorkD2', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.WorkD2 }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.WorkD2 }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.note.TR'))" align="center" header-align="center"
-            width="80" prop="Note">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.note.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.ratedSpeed.TR'))" align="center"
-            header-align="center" width="80" prop="Ratedn">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.ratedSpeed.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.vbr.TR'))" align="center" header-align="center"
-            width="80" prop="SpeedRatio">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.vbr.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <!-- 鍒囧壊鐜� -->
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.cuttingRate.TR'))" align="right"
-            header-align="center" prop="CutRatio" class-name="tool-tip-cell-style">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.cuttingRate.TR") }}</div>
-                <div>(%)</div>
-              </div>
-            </template>
-            <template #default="scope">
-              <el-tooltip v-if="hasToolTipByProp('CutRatio', scope.row.TipColumns)" class="item" :enterable="true"
-                effect="dark" placement="top">
-                <template #content>
-                  {{ getNoteByProp("CutRatio", scope.row.TipColumns) }}
-                </template>
-                <div class="table-default-style" :class="hasToolTipByProp('CutRatio', scope.row.TipColumns)
-                    ? 'bg-yellow'
-                    : ''
-                  ">
-                  <el-icon>
-                    <warning-filled />
-                  </el-icon>
-                  <span>{{ scope.row.CutRatio }}</span>
-                </div>
-              </el-tooltip>
-              <span v-else>{{ scope.row.CutRatio }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.guidePrice.TR'))" align="center"
-            header-align="center" width="80" prop="OriginSalePrice">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.guidePrice.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.salesPrice.TR'))" align="center"
-            header-align="center" width="80" prop="SalePrice">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.salesPrice.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="getColumnVisbileStatus(t('selectPage.pumpStages.TR'))" align="center"
-            header-align="center" width="80" prop="StageNumber">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.pumpStages.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column v-if="
-            getColumnVisbileStatus(
-              t('selectPage.originalImpellerDiameter.TR')
-            )
-          " align="center" header-align="center" width="120" prop="OrginD2">
-            <template #header>
-              <div class="tabHead">
-                <div>{{ t("selectPage.originalImpellerDiameter.TR") }}</div>
-                <div></div>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <page-footer></page-footer>
-  </div>
+				<!-- 鐢ㄤ簬瀵煎嚭鐨勮〃鏍� -->
+				<el-table
+					v-show="false"
+					id="export-sel-list"
+					ref="exportSelListRef"
+					:data="state.exportTableData"
+					:empty-text="state.tableEmptyContent"
+				>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.series.TR'))"
+						align="center"
+						header-align="center"
+						width="120"
+						prop="SereisName"
+						:label="t('selectPage.series.TR')"
+					>
+					</el-table-column>
+					<el-table-column
+						sortable
+						v-if="getColumnVisbileStatus(t('selectPage.model.TR'))"
+						align="center"
+						header-align="center"
+						width="160"
+						prop="PumpName"
+						:label="t('selectPage.model.TR')"
+					>
+						<template #default="scope">
+							<div @click="clickPumpNameCell(scope.$index, scope.row)">
+								<span id="series_selected_name" style="cursor: pointer">{{ scope.row.PumpName }}</span>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 娴侀噺 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.flow.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtQ"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.flow.TR') }}</div>
+								<div>{{ state.SelDesignPtQUnitName }}</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtQ', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtQ', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtQ', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtQ }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtQ }}</span>
+						</template>
+					</el-table-column>
+					<!-- 鎵▼ -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.head.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtH"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.head.TR') }}</div>
+								<div>{{ state.SelDesignPtHUnitName }}</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtH', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtH', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtH', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtH }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtH }}</span>
+						</template>
+					</el-table-column>
+					<!-- 鏁堢巼 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.efficiency.TR'))"
+						sortable
+						align="right"
+						header-align="center"
+						width="120"
+						prop="WorkPtE"
+						class-name="tool-tip-cell-style"
+						style="display: flex; justify-content: center; align-items: center"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.efficiency.TR') }}</div>
+								<div>(%)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtE', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtE', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtE', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtE }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtE }}</span>
+						</template>
+					</el-table-column>
+					<!--  -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.PerRated.TR'))"
+						align="right"
+						header-align="center"
+						width="120"
+						prop="PerRated"
+						style="display: flex; justify-content: center; align-items: center"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.PerRated.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.PerRatedQ.TR'))"
+						align="right"
+						header-align="center"
+						width="120"
+						prop="PerRatedQ"
+						style="display: flex; justify-content: center; align-items: center"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.PerRatedQ.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 杞村姛鐜� -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.shaftPower.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtP"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.shaftPower.TR') }}</div>
+								<div>({{ state.SelDesignPtPUnitName }})</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtP', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtP', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtP', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtP }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtP }}</span>
+						</template>
+					</el-table-column>
+					<!-- 鐢垫満鍔熺巼 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('detailPage.motorPower.TR'))"
+						align="right"
+						header-align="center"
+						prop="MotorPower"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('detailPage.motorPower.TR') }}</div>
+								<div>(kW)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('MotorPower', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('MotorPower', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('MotorPower', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.MotorPower }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.MotorPower }}</span>
+						</template>
+					</el-table-column>
+					<!-- 姹借殌 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.npsh.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkPtNPSH"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.npsh.TR') }}</div>
+								<div>(m)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkPtNPSH', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkPtNPSH', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkPtNPSH }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkPtNPSH }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.speed.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkSpeed"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.speed.TR') }}</div>
+								<div>rpm</div>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 鍙惰疆鐩村緞 -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.impellerDiameter.TR'))"
+						align="right"
+						header-align="center"
+						prop="WorkD2"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.impellerDiameter.TR') }}</div>
+								<div>({{ state.SelDesignPtD2UnitName }})</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('WorkD2', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('WorkD2', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('WorkD2', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.WorkD2 }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.WorkD2 }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.note.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="Note"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.note.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.ratedSpeed.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="Ratedn"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.ratedSpeed.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.vbr.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="SpeedRatio"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.vbr.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<!-- 鍒囧壊鐜� -->
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.cuttingRate.TR'))"
+						align="right"
+						header-align="center"
+						prop="CutRatio"
+						class-name="tool-tip-cell-style"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.cuttingRate.TR') }}</div>
+								<div>(%)</div>
+							</div>
+						</template>
+						<template #default="scope">
+							<el-tooltip
+								v-if="hasToolTipByProp('CutRatio', scope.row.TipColumns)"
+								class="item"
+								:enterable="true"
+								effect="dark"
+								placement="top"
+							>
+								<template #content>
+									{{ getNoteByProp('CutRatio', scope.row.TipColumns) }}
+								</template>
+								<div class="table-default-style" :class="hasToolTipByProp('CutRatio', scope.row.TipColumns) ? 'bg-yellow' : ''">
+									<el-icon>
+										<warning-filled />
+									</el-icon>
+									<span>{{ scope.row.CutRatio }}</span>
+								</div>
+							</el-tooltip>
+							<span v-else>{{ scope.row.CutRatio }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.guidePrice.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="OriginSalePrice"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.guidePrice.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.salesPrice.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="SalePrice"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.salesPrice.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.pumpStages.TR'))"
+						align="center"
+						header-align="center"
+						width="80"
+						prop="StageNumber"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.pumpStages.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column
+						v-if="getColumnVisbileStatus(t('selectPage.originalImpellerDiameter.TR'))"
+						align="center"
+						header-align="center"
+						width="120"
+						prop="OrginD2"
+					>
+						<template #header>
+							<div class="tabHead">
+								<div>{{ t('selectPage.originalImpellerDiameter.TR') }}</div>
+								<div></div>
+							</div>
+						</template>
+					</el-table-column>
+				</el-table>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script setup name="pumpListGeneral">
-import errorImg from "../../assets/img_fail.png";
-import { onMounted, reactive, ref, watch, nextTick } from "vue";
+import errorImg from '@/assets/img_fail.png';
+import EecLevel1 from '@/assets/icons/energy_level_1.svg';
+import EecLevel2 from '@/assets/icons/energy_level_2.svg';
+import { onMounted, reactive, ref, watch, nextTick } from 'vue';
 import {
-  ElMessage,
-  ElTable,
-  ElTableColumn,
-  ElDropdown,
-  ElDropdownItem,
-  ElDropdownMenu,
-  ElButton,
-  ElTooltip,
-  ElPopover,
-  ElCheckboxGroup,
-  ElCheckbox,
-  ElScrollbar,
-} from "element-plus";
-import thumbnailChart from "/@/components/chart/ThumbnailChart.js";
-import UnitHelper from "/@/utils/unit";
-import FileSaver from "file-saver";
-import * as XLSX from "xlsx";
-import ConstParas from "/@/utils/constParas";
-import PageHead from "/@/views/head.vue";
-import PageFooter from "/@/views/footer.vue";
-import { useLanguageMixin } from "/@/mixin/languageHook.js";
-import axiosHelper from "/@/utils/axiosHelper.js";
-import UserSettingsHelper from "/@/utils/userSetting";
-import { useI18n } from "vue-i18n";
-import { useSelect } from "/@/store/select.js";
-import { useRoute, useRouter } from "vue-router";
-import noneImg from "/@/views/assets/none_img.png";
-let { getCurrentLanguageType, buildCurrentLanguageUrl, getLanguageParaName } = useLanguageMixin();
-const m_currentLanguage = getCurrentLanguageType();
+	ElMessage,
+	ElTable,
+	ElTableColumn,
+	ElDropdown,
+	ElDropdownItem,
+	ElDropdownMenu,
+	ElButton,
+	ElTooltip,
+	ElPopover,
+	ElCheckboxGroup,
+	ElCheckbox,
+	ElScrollbar,
+} from 'element-plus';
+import { GetPageList } from '@/api/select';
+import thumbnailChart from '@/components/Chart/js/ThumbnailChart.js';
+import UnitHelper from '@/utils/unit.js';
+import FileSaver from 'file-saver';
+import * as XLSX from 'xlsx';
+import ConstParas from '@/utils/constParas.js';
+import { useI18n } from 'vue-i18n';
+import { useSelect } from '@/stores/select';
+import { useRoute, useRouter } from 'vue-router';
+import noneImg from '@/assets/none_img.png';
+const m_currentLanguage = 0;
 const { t } = useI18n();
 
-const emits = defineEmits(["prevPageClick"]);
+const emits = defineEmits(['prevPageClick']);
 const selectStore = useSelect();
 
+const EecLevelEnum = {
+	1: { name: '涓�绾ц兘鏁�', icon: EecLevel1 },
+	2: { name: '浜岀骇鑳芥晥', icon: EecLevel2 },
+};
+
 const state = reactive({
-  detailPageQueryModel: {}, //鐢ㄤ簬浼犻�佺粰涓嬩竴涓〉闈㈢殑绫�
+	detailPageQueryModel: {}, //鐢ㄤ簬浼犻�佺粰涓嬩竴涓〉闈㈢殑绫�
 
-  SelDesignPtQ_StdUnit: 0, //鏍囧噯鍗曚綅鐨勮璁$偣(鐢ㄤ簬缁樺埗灏忓浘)
-  SelDesignPtH_StdUnit: 0, //鏍囧噯鍗曚綅鐨勮璁$偣(鐢ㄤ簬缁樺埗灏忓浘)
+	SelDesignPtQ_StdUnit: 0, //鏍囧噯鍗曚綅鐨勮璁$偣(鐢ㄤ簬缁樺埗灏忓浘)
+	SelDesignPtH_StdUnit: 0, //鏍囧噯鍗曚綅鐨勮璁$偣(鐢ㄤ簬缁樺埗灏忓浘)
 
-  SelDesignPtQUnit: 0,
-  SelDesignPtQUnitName: "m鲁/h",
+	SelDesignPtQUnit: 0,
+	SelDesignPtQUnitName: 'm鲁/h',
 
-  SelDesignPtHUnit: 1,
-  SelDesignPtHUnitName: "m",
+	SelDesignPtHUnit: 1,
+	SelDesignPtHUnitName: 'm',
 
-  SelDesignPtPUnit: 1,
-  SelDesignPtPUnitName: "kW",
+	SelDesignPtPUnit: 1,
+	SelDesignPtPUnitName: 'kW',
 
-  SelDesignPtD2Unit: 0,
-  SelDesignPtD2UnitName: "mm",
+	SelDesignPtD2Unit: 0,
+	SelDesignPtD2UnitName: 'mm',
 
-  isShowLoadingFrm: true, //绛夊緟妗�
+	isShowLoadingFrm: true, //绛夊緟妗�
 
-  tableData: [],
-  disp_tableData: [],
-  exportTableData: [],
-  m_columnOptions: [
-    {
-      label: `${t("selectPage.physical.TR")}`,
-      unit: "",
-      value: 1,
-      disable: true,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.series.TR")}`,
-      unit: "",
-      value: 2,
-      disable: true,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.model.TR")}`,
-      unit: "",
-      value: 3,
-      disable: true,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.diagram.TR")}`,
-      unit: "",
-      value: 4,
-      disable: true,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.flow.TR")}`,
-      unit: "(m鲁/h)",
-      value: 5,
-      disable: false,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.head.TR")}`,
-      unit: "(m)",
-      value: 6,
-      disable: false,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.efficiency.TR")}`,
-      unit: "(kW)",
-      value: 7,
-      disable: false,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.shaftPower.TR")}`,
-      unit: "(kW)",
-      value: "",
-      disable: false,
-      visible: true,
-    },
-    //鐢垫満鍔熺巼
-    {
-      label: `${t("detailPage.motorPower.TR")}`,
-      unit: "(kW)",
-      value: "MotorPower",
-      disable: true,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.npsh.TR")}`,
-      unit: "(m)",
-      value: 8,
-      disable: false,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.efficiency.TR")}`,
-      unit: "(%)",
-      value: 9,
-      disable: false,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.speed.TR")}`,
-      unit: "(rpm)",
-      value: 10,
-      disable: false,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.impellerDiameter.TR")}`,
-      unit: "mm",
-      value: 11,
-      disable: false,
-      visible: true,
-    },
-    {
-      label: `鏈�澶у厑璁告祦閲廯,
-      unit: "",
-      value: "",
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.vbr.TR")}`,
-      unit: "%",
-      value: 12,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.cuttingRate.TR")}`,
-      unit: "(%)",
-      value: 13,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.salesPrice.TR")}`,
-      value: 14,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.guidePrice.TR")}`,
-      value: 24,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.pumpStages.TR")}`,
-      value: 15,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.originalImpellerDiameter.TR")}`,
-      unit: "mm",
-      value: 16,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.deadCenterLift.TR")}`,
-      unit: "(m)",
-      value: 17,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.ratedSpeed.TR")}`,
-      unit: "(rpm)",
-      value: 19,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.note.TR")}`,
-      value: 22,
-      disable: true,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.details.TR")}`,
-      value: 23,
-      disable: true,
-      visible: true,
-    },
-    {
-      label: `${t("selectPage.PerRated.TR")}`,
-      value: 25,
-      disable: false,
-      visible: false,
-    },
-    {
-      label: `${t("selectPage.PerRatedQ.TR")}`,
-      value: 26,
-      disable: false,
-      visible: false,
-    },
-  ],
-  m_dispColumnNameList: [],
-  tableMaxHeight: 790,
-  m_currentSelectArr: [], //瀛樻斁褰撳墠閫夋嫨鐨勬暟缁�
-  m_compare4SelectList: [], //褰撳墠鐨勬瘮杈冨垪琛�
-  currentSelectIcon: "el-icon-check",
-  currentSortMethodIndex: 2, //褰撳墠鎺掑簭鏂规硶榛樿鏄患鍚堟帓搴�
+	tableData: [],
+	disp_tableData: [],
+	exportTableData: [],
+	m_columnOptions: [
+		{
+			label: `${t('selectPage.physical.TR')}`,
+			unit: '',
+			value: 1,
+			disable: true,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.series.TR')}`,
+			unit: '',
+			value: 2,
+			disable: true,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.model.TR')}`,
+			unit: '',
+			value: 3,
+			disable: true,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.diagram.TR')}`,
+			unit: '',
+			value: 4,
+			disable: true,
+			visible: true,
+		},
+		{
+			label: `鑳芥晥绛夌骇`,
+			unit: '',
+			value: 28,
+			disable: true,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.flow.TR')}`,
+			unit: '(m鲁/h)',
+			value: 5,
+			disable: false,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.head.TR')}`,
+			unit: '(m)',
+			value: 6,
+			disable: false,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.efficiency.TR')}`,
+			unit: '(kW)',
+			value: 7,
+			disable: false,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.shaftPower.TR')}`,
+			unit: '(kW)',
+			value: '',
+			disable: false,
+			visible: true,
+		},
+		//鐢垫満鍔熺巼
+		{
+			label: `${t('detailPage.motorPower.TR')}`,
+			unit: '(kW)',
+			value: 'MotorPower',
+			disable: true,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.npsh.TR')}`,
+			unit: '(m)',
+			value: 8,
+			disable: false,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.efficiency.TR')}`,
+			unit: '(%)',
+			value: 9,
+			disable: false,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.speed.TR')}`,
+			unit: '(rpm)',
+			value: 10,
+			disable: false,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.impellerDiameter.TR')}`,
+			unit: 'mm',
+			value: 11,
+			disable: false,
+			visible: true,
+		},
+		{
+			label: `鏈�澶у厑璁告祦閲廯,
+			unit: '',
+			value: '',
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.vbr.TR')}`,
+			unit: '%',
+			value: 12,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.cuttingRate.TR')}`,
+			unit: '(%)',
+			value: 13,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.salesPrice.TR')}`,
+			value: 14,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.guidePrice.TR')}`,
+			value: 24,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.pumpStages.TR')}`,
+			value: 15,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.originalImpellerDiameter.TR')}`,
+			unit: 'mm',
+			value: 16,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.deadCenterLift.TR')}`,
+			unit: '(m)',
+			value: 17,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.ratedSpeed.TR')}`,
+			unit: '(rpm)',
+			value: 19,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.note.TR')}`,
+			value: 22,
+			disable: true,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.details.TR')}`,
+			value: 23,
+			disable: true,
+			visible: true,
+		},
+		{
+			label: `${t('selectPage.PerRated.TR')}`,
+			value: 25,
+			disable: false,
+			visible: false,
+		},
+		{
+			label: `${t('selectPage.PerRatedQ.TR')}`,
+			value: 26,
+			disable: false,
+			visible: false,
+		},
+	],
+	m_dispColumnNameList: [],
+	tableMaxHeight: 790,
+	m_currentSelectArr: [], //瀛樻斁褰撳墠閫夋嫨鐨勬暟缁�
+	m_compare4SelectList: [], //褰撳墠鐨勬瘮杈冨垪琛�
+	currentSelectIcon: 'el-icon-check',
+	currentSortMethodIndex: 2, //褰撳墠鎺掑簭鏂规硶榛樿鏄患鍚堟帓搴�
 
-  m_currentFromPath: "123", //褰撳墠鏄摢涓〉闈㈣烦杞繃鏉ョ殑
-  tableEmptyContent: `Loading...`,
-  m_headerTitle: "",
-  m_NPSHa_Ratio: 0.6, //姘旇殌宸�肩郴鏁�
+	m_currentFromPath: '123', //褰撳墠鏄摢涓〉闈㈣烦杞繃鏉ョ殑
+	tableEmptyContent: `Loading...`,
+	m_headerTitle: '',
+	m_NPSHa_Ratio: 0.6, //姘旇殌宸�肩郴鏁�
 });
 const route = useRoute();
 const router = useRouter();
 const tableList = ref();
 watch(
-  () => state.m_dispColumnNameList,
-  (m_dispColumnNameList) => { },
-  { deep: true, immediate: true }
+	() => state.m_dispColumnNameList,
+	(m_dispColumnNameList) => {},
+	{ deep: true, immediate: true }
 );
 
 const initialPage = () => {
-  state.tableEmptyContent = `Loading...`;
-  const pageConfig = window.pageConfig.SelParasPage;
-  let currentLang = getLanguageParaName();
-  if (pageConfig.HeadSetting) {
-    state.m_headerTitle = pageConfig.HeadSetting.Title[currentLang];
-  }
+	state.tableEmptyContent = `Loading...`;
+	const pageConfig = window.pageConfig.SelParasPage;
+	let currentLang = 'CN';
+	if (pageConfig.HeadSetting) {
+		state.m_headerTitle = pageConfig.HeadSetting.Title[currentLang];
+	}
 
-  state.m_NPSHa_Ratio = pageConfig.NPSHaRatio ?? state.m_NPSHa_Ratio;
+	state.m_NPSHa_Ratio = pageConfig.NPSHaRatio ?? state.m_NPSHa_Ratio;
 
-  let prvePathDataObj = selectStore.ByParas.selectParas;
+	let prvePathDataObj = selectStore.ByParas.selectParas;
 
-  if (prvePathDataObj == null) return;
-  if (prvePathDataObj.DesignInfo == null) return;
+	if (prvePathDataObj == null) return;
+	if (prvePathDataObj.DesignInfo == null) return;
 
-  var selDesignPtQ = prvePathDataObj.DesignInfo.DpQ;
-  var selDesignPtQUnit = prvePathDataObj.DesignInfo.UnitQ;
-  var selDesignPtH = prvePathDataObj.DesignInfo.DpH;
-  var selDesignPtHUnit = prvePathDataObj.DesignInfo.UnitH;
+	var selDesignPtQ = prvePathDataObj.DesignInfo.DpQ;
+	var selDesignPtQUnit = prvePathDataObj.DesignInfo.UnitQ;
+	var selDesignPtH = prvePathDataObj.DesignInfo.DpH;
+	var selDesignPtHUnit = prvePathDataObj.DesignInfo.UnitH;
 
-  state.SelDesignPtQUnit = selDesignPtQUnit;
-  state.SelDesignPtQUnitName = UnitHelper.GetUnitNameQ(selDesignPtQUnit);
-  state.SelDesignPtQ_StdUnit = UnitHelper.ConvertQ_toM3H(
-    selDesignPtQUnit,
-    selDesignPtQ
-  );
+	state.SelDesignPtQUnit = selDesignPtQUnit;
+	state.SelDesignPtQUnitName = UnitHelper.GetUnitNameQ(selDesignPtQUnit);
+	state.SelDesignPtQ_StdUnit = UnitHelper.ConvertQ_toM3H(selDesignPtQUnit, selDesignPtQ);
 
-  state.SelDesignPtHUnit = selDesignPtHUnit;
-  state.SelDesignPtHUnitName = UnitHelper.GetUnitNameH(selDesignPtHUnit);
-  state.SelDesignPtH_StdUnit = UnitHelper.ConvertH_toM(
-    selDesignPtHUnit,
-    selDesignPtH
-  );
+	state.SelDesignPtHUnit = selDesignPtHUnit;
+	state.SelDesignPtHUnitName = UnitHelper.GetUnitNameH(selDesignPtHUnit);
+	state.SelDesignPtH_StdUnit = UnitHelper.ConvertH_toM(selDesignPtHUnit, selDesignPtH);
 
-  let D2_unit_setting = UserSettingsHelper.getD2UnitSetting(m_currentLanguage);
-  if (D2_unit_setting >= 0) {
-    state.SelDesignPtD2Unit = D2_unit_setting;
-    state.SelDesignPtD2UnitName = UnitHelper.GetUnitNameLength(D2_unit_setting);
-  }
+	let D2_unit_setting = 0;
+	if (D2_unit_setting >= 0) {
+		state.SelDesignPtD2Unit = D2_unit_setting;
+		state.SelDesignPtD2UnitName = UnitHelper.GetUnitNameLength(D2_unit_setting);
+	}
 
-  var p_unit_setting =
-    UserSettingsHelper.getPowerUnitSetting(m_currentLanguage);
-  if (p_unit_setting >= 0) {
-    state.SelDesignPtPUnit = p_unit_setting;
-    state.SelDesignPtPUnitName = UnitHelper.GetUnitNameP(p_unit_setting);
-  }
+	var p_unit_setting = 1;
+	if (p_unit_setting >= 0) {
+		state.SelDesignPtPUnit = p_unit_setting;
+		state.SelDesignPtPUnitName = UnitHelper.GetUnitNameP(p_unit_setting);
+	}
 
-  var dispColumnNameList = [];
-  state.m_columnOptions.forEach((element) => {
-    if (element.visible) dispColumnNameList.push(element.label);
+	var dispColumnNameList = [];
+	state.m_columnOptions.forEach((element) => {
+		if (element.visible) dispColumnNameList.push(element.label);
 
-    if (element.label.indexOf("娴侀噺") >= 0)
-      element.unit = UnitHelper.GetUnitNameQ(selDesignPtQUnit);
-    if (element.label.indexOf("鎵▼") >= 0)
-      element.unit = UnitHelper.GetUnitNameH(selDesignPtHUnit);
-  });
-  state.m_dispColumnNameList = dispColumnNameList;
-  // 鍒濆鍖栨暟鎹�
-  initData(prvePathDataObj);
+		if (element.label.indexOf('娴侀噺') >= 0) element.unit = UnitHelper.GetUnitNameQ(selDesignPtQUnit);
+		if (element.label.indexOf('鎵▼') >= 0) element.unit = UnitHelper.GetUnitNameH(selDesignPtHUnit);
+	});
+	state.m_dispColumnNameList = dispColumnNameList;
+	// 鍒濆鍖栨暟鎹�
+	initData(prvePathDataObj);
 
-  nextTick(function () {
-    let headHeight = 0;
-    let footerHeight = 0;
-    if (document.querySelector("#app header")) {
-      headHeight = document.querySelector("#app header").clientHeight;
-    }
-    if (document.querySelector("#app footer")) {
-      footerHeight = document.querySelector("#app footer").clientHeight;
-    }
-    state.tableMaxHeight =
-      document.body.clientHeight - headHeight - footerHeight - 40; //
-  });
-  window.onresize = () => {
-    let headHeight = 0;
-    let footerHeight = 0;
-    if (document.querySelector("#app header")) {
-      headHeight = document.querySelector("#app header").clientHeight;
-    }
-    if (document.querySelector("#app footer")) {
-      footerHeight = document.querySelector("#app footer").clientHeight;
-    }
-    return (() => {
-      //绐楀彛鍙樺寲鏄缃〃鏍兼渶澶ч珮搴︼紝浣垮叾閫傚簲绐楀彛鍙樺寲
-      state.tableMaxHeight =
-        document.body.clientHeight - headHeight - footerHeight - 40;
-    })();
-  };
+	nextTick(function () {
+		let headHeight = 0;
+		let footerHeight = 0;
+		if (document.querySelector('#app header')) {
+			headHeight = document.querySelector('#app header').clientHeight;
+		}
+		if (document.querySelector('#app footer')) {
+			footerHeight = document.querySelector('#app footer').clientHeight;
+		}
+		state.tableMaxHeight = document.body.clientHeight - headHeight - footerHeight - 40; //
+	});
+	window.onresize = () => {
+		let headHeight = 0;
+		let footerHeight = 0;
+		if (document.querySelector('#app header')) {
+			headHeight = document.querySelector('#app header').clientHeight;
+		}
+		if (document.querySelector('#app footer')) {
+			footerHeight = document.querySelector('#app footer').clientHeight;
+		}
+		return (() => {
+			//绐楀彛鍙樺寲鏄缃〃鏍兼渶澶ч珮搴︼紝浣垮叾閫傚簲绐楀彛鍙樺寲
+			state.tableMaxHeight = document.body.clientHeight - headHeight - footerHeight - 40;
+		})();
+	};
 };
 //鍒濆鍖栨暟鎹�
 const initData = (prvePathDataObj) => {
-  document.title = `${t("selectPage.selResult.TR")}`;
-  // 鍏堝皢鏁版嵁缃┖
-  state.tableData = [];
-  state.disp_tableData = [];
+	document.title = `${t('selectPage.selResult.TR')}`;
+	// 鍏堝皢鏁版嵁缃┖
+	state.tableData = [];
+	state.disp_tableData = [];
 
-  if (prvePathDataObj.DesignInfo.IsAllowCut == undefined) {
-    prvePathDataObj.DesignInfo.IsAllowCut = true;
-  }
+	if (prvePathDataObj.DesignInfo.IsAllowCut == undefined) {
+		prvePathDataObj.DesignInfo.IsAllowCut = true;
+	}
 
-  if (prvePathDataObj.DesignInfo.IsAllowFrequence == undefined) {
-    prvePathDataObj.DesignInfo.IsAllowFrequence = true;
-  }
+	if (prvePathDataObj.DesignInfo.IsAllowFrequence == undefined) {
+		prvePathDataObj.DesignInfo.IsAllowFrequence = true;
+	}
 
-  let postRequestData = {
-    //浠嬭川
-    JieZhi: {
-      ID: prvePathDataObj.JieZhi.ID, //浠嬭川id
-      Name: prvePathDataObj.JieZhi.Name, //浠嬭川鍚嶇О
-      CalcDensity: prvePathDataObj.JieZhi.CalcDensity, //瀵嗗害
-      CalcViscosity: prvePathDataObj.JieZhi.CalcViscosity, //绮樺害
-    },
-    //绛涢�変俊鎭�
-    FilterInfo: {
-      DriveType: prvePathDataObj.FilterInfo.DriveType, //璁惧绫诲瀷 0鐢垫満 3鏌存补鏈�
-      KeyWord: prvePathDataObj.FilterInfo.KeyWord, //鍏抽敭瀛� 鏆傛椂榛樿绌�
-      FirePumpType: prvePathDataObj.FilterInfo.FirePumpType, // 娑堥槻娉电被鍨�
-      MotorPoleNum: prvePathDataObj.FilterInfo.MotorPoleNum, //鐢垫満鏁堢巼绛夌骇 鏆傛椂涓虹┖
-      MotorPower: prvePathDataObj.FilterInfo.MotorPower, //鐢垫満鍔熺巼
-      MotorFrequence: prvePathDataObj.FilterInfo.MotorFrequence, //鐢垫満璧吂
-      // "MotorStandard": prvePathDataObj.FilterInfo.MotorStandard?'International' : 'US Standard',//瀹㈡埛涓烘嘲鎴堢殑鏃跺�欎娇鐢�
-      MotorStandard: prvePathDataObj.FilterInfo.MotorStandard,
-      DieselSpeed: prvePathDataObj.FilterInfo.DieselSpeed == "" ? 0 : prvePathDataObj.FilterInfo.DieselSpeed, //鏌存补鏈鸿浆閫� 鏆傛椂榛樿
-      MinEta: prvePathDataObj.FilterInfo.MinEta + ""//鏁堢巼瑕佹眰
-    },
-    //璁捐鐐瑰弬鏁�
-    DesignInfo: {
-      UnitQ: prvePathDataObj.DesignInfo.UnitQ, //娴侀噺鍗曚綅
-      UnitH: prvePathDataObj.DesignInfo.UnitH, //鎵▼鍗曚綅
-      DpQ: prvePathDataObj.DesignInfo.DpQ, //杈撳叆鐨勬祦閲忕殑鍊�
-      DpH: prvePathDataObj.DesignInfo.DpH, //杈撳叆鐨勬壃绋嬬殑鍊�
-      IsAllowCut: prvePathDataObj.DesignInfo.IsAllowCut, //鏄惁鍏佽鍒囧壊
-      IsAllowFrequence: prvePathDataObj.DesignInfo.IsAllowFrequence, //鏄惁鍏佽鍙橀
-      PointTolerance: prvePathDataObj.DesignInfo.PointTolerance, // 鐐瑰宸寖鍥� 榛樿绌�
-      IsVisCorrect: prvePathDataObj.DesignInfo.IsVisCorrect, //鏄惁淇绮樺害 榛樿false
-    },
-    SeriesID: prvePathDataObj.FilterInfo.SeriesID, //娉电郴鍒桰D
-    CatalogID: prvePathDataObj.FilterInfo.CatalogID, //娉电被鍨媔d
-    SoftType: window.globalConfig.SoftType,
-    SystemInfo: "",
-  };
+	let postRequestData = {
+		//浠嬭川
+		JieZhi: {
+			ID: prvePathDataObj.JieZhi.ID, //浠嬭川id
+			Name: prvePathDataObj.JieZhi.Name, //浠嬭川鍚嶇О
+			CalcDensity: prvePathDataObj.JieZhi.CalcDensity, //瀵嗗害
+			CalcViscosity: prvePathDataObj.JieZhi.CalcViscosity, //绮樺害
+		},
+		//绛涢�変俊鎭�
+		FilterInfo: {
+			DriveType: prvePathDataObj.FilterInfo.DriveType, //璁惧绫诲瀷 0鐢垫満 3鏌存补鏈�
+			KeyWord: prvePathDataObj.FilterInfo.KeyWord, //鍏抽敭瀛� 鏆傛椂榛樿绌�
+			FirePumpType: prvePathDataObj.FilterInfo.FirePumpType, // 娑堥槻娉电被鍨�
+			MotorPoleNum: prvePathDataObj.FilterInfo.MotorPoleNum, //鐢垫満鏁堢巼绛夌骇 鏆傛椂涓虹┖
+			MotorPower: prvePathDataObj.FilterInfo.MotorPower, //鐢垫満鍔熺巼
+			MotorFrequence: prvePathDataObj.FilterInfo.MotorFrequence, //鐢垫満璧吂
+			// "MotorStandard": prvePathDataObj.FilterInfo.MotorStandard?'International' : 'US Standard',//瀹㈡埛涓烘嘲鎴堢殑鏃跺�欎娇鐢�
+			MotorStandard: prvePathDataObj.FilterInfo.MotorStandard,
+			DieselSpeed: prvePathDataObj.FilterInfo.DieselSpeed == '' ? 0 : prvePathDataObj.FilterInfo.DieselSpeed, //鏌存补鏈鸿浆閫� 鏆傛椂榛樿
+			MinEta: prvePathDataObj.FilterInfo.MinEta + '', //鏁堢巼瑕佹眰
+		},
+		//璁捐鐐瑰弬鏁�
+		DesignInfo: {
+			UnitQ: prvePathDataObj.DesignInfo.UnitQ, //娴侀噺鍗曚綅
+			UnitH: prvePathDataObj.DesignInfo.UnitH, //鎵▼鍗曚綅
+			DpQ: prvePathDataObj.DesignInfo.DpQ, //杈撳叆鐨勬祦閲忕殑鍊�
+			DpH: prvePathDataObj.DesignInfo.DpH, //杈撳叆鐨勬壃绋嬬殑鍊�
+			IsAllowCut: prvePathDataObj.DesignInfo.IsAllowCut, //鏄惁鍏佽鍒囧壊
+			IsAllowFrequence: prvePathDataObj.DesignInfo.IsAllowFrequence, //鏄惁鍏佽鍙橀
+			PointTolerance: prvePathDataObj.DesignInfo.PointTolerance, // 鐐瑰宸寖鍥� 榛樿绌�
+			IsVisCorrect: prvePathDataObj.DesignInfo.IsVisCorrect, //鏄惁淇绮樺害 榛樿false
+		},
+		SeriesID: prvePathDataObj.FilterInfo.SeriesID, //娉电郴鍒桰D
+		CatalogID: prvePathDataObj.FilterInfo.CatalogID, //娉电被鍨媔d
+		SoftType: window.globalConfig.SoftType,
+		SystemInfo: '',
+	};
 
-  state.detailPageQueryModel = {
-    //鐢ㄤ簬鐐瑰嚮琛ㄦ牸璇︽儏浼犲嚭鐨勫弬鏁�
-    SID: "",
-    PID: "",
-    from: ConstParas.DetailPageFrom.ByParas,
-    pur: ConstParas.DetailPagePurpose.ByParas,
-    DpQ: postRequestData.DesignInfo.DpQ,
-    DpH: postRequestData.DesignInfo.DpH,
-    DpQu: postRequestData.DesignInfo.UnitQ,
-    DpHu: postRequestData.DesignInfo.UnitH,
-    jzid: postRequestData.JieZhi.ID,
-    jzmd: postRequestData.JieZhi.CalcDensity,
-    jznd: postRequestData.JieZhi.CalcViscosity,
-    jzmz: postRequestData.JieZhi.Name,
-    jzvc: prvePathDataObj.JieZhi.V_C,
-    isndc: prvePathDataObj.DesignInfo.IsVisCorrect,
-    fpt: prvePathDataObj.FilterInfo.FirePumpType,
-    TGrade: postRequestData.DesignInfo.PointTolerance?.ToleranceGrade,
-    TRatioMinQ: postRequestData.DesignInfo.PointTolerance?.RatioMinQ,
-    TRatioMaxQ: postRequestData.DesignInfo.PointTolerance?.RatioMaxQ,
-    TRatioMinH: postRequestData.DesignInfo.PointTolerance?.RatioMinH,
-    TRatioMaxH: postRequestData.DesignInfo.PointTolerance?.RatioMaxH,
-    drive: prvePathDataObj.FilterInfo.DriveType,
-    speed: prvePathDataObj.FilterInfo.DieselSpeed,
-  };
+	state.detailPageQueryModel = {
+		//鐢ㄤ簬鐐瑰嚮琛ㄦ牸璇︽儏浼犲嚭鐨勫弬鏁�
+		SID: '',
+		PID: '',
+		from: ConstParas.DetailPageFrom.ByParas,
+		pur: ConstParas.DetailPagePurpose.ByParas,
+		DpQ: postRequestData.DesignInfo.DpQ,
+		DpH: postRequestData.DesignInfo.DpH,
+		DpQu: postRequestData.DesignInfo.UnitQ,
+		DpHu: postRequestData.DesignInfo.UnitH,
+		jzid: postRequestData.JieZhi.ID,
+		jzmd: postRequestData.JieZhi.CalcDensity,
+		jznd: postRequestData.JieZhi.CalcViscosity,
+		jzmz: postRequestData.JieZhi.Name,
+		jzvc: prvePathDataObj.JieZhi.V_C,
+		isndc: prvePathDataObj.DesignInfo.IsVisCorrect,
+		fpt: prvePathDataObj.FilterInfo.FirePumpType,
+		TGrade: postRequestData.DesignInfo.PointTolerance?.ToleranceGrade,
+		TRatioMinQ: postRequestData.DesignInfo.PointTolerance?.RatioMinQ,
+		TRatioMaxQ: postRequestData.DesignInfo.PointTolerance?.RatioMaxQ,
+		TRatioMinH: postRequestData.DesignInfo.PointTolerance?.RatioMinH,
+		TRatioMaxH: postRequestData.DesignInfo.PointTolerance?.RatioMaxH,
+		drive: prvePathDataObj.FilterInfo.DriveType,
+		speed: prvePathDataObj.FilterInfo.DieselSpeed,
+	};
 
-  if (!prvePathDataObj.DesignInfo.IsAllowCut) {
-    state.detailPageQueryModel.iscut = 0;
-  }
+	if (!prvePathDataObj.DesignInfo.IsAllowCut) {
+		state.detailPageQueryModel.iscut = 0;
+	}
 
-  if (!prvePathDataObj.DesignInfo.IsAllowFrequence) {
-    state.detailPageQueryModel.isspeed = 0;
-  }
+	if (!prvePathDataObj.DesignInfo.IsAllowFrequence) {
+		state.detailPageQueryModel.isspeed = 0;
+	}
 
-  let selDesignPtQUnit = state.SelDesignPtQUnit;
-  let selDesignPtHUnit = state.SelDesignPtHUnit;
-  let selDesignPtPUnit = state.SelDesignPtPUnit;
-  let selDesignPtD2Unit = state.SelDesignPtD2Unit;
-  //娓呴櫎宸ヤ綔鏇茬嚎
-  clearCurve();
+	let selDesignPtQUnit = state.SelDesignPtQUnit;
+	let selDesignPtHUnit = state.SelDesignPtHUnit;
+	let selDesignPtPUnit = state.SelDesignPtPUnit;
+	let selDesignPtD2Unit = state.SelDesignPtD2Unit;
+	//娓呴櫎宸ヤ綔鏇茬嚎
+	clearCurve();
+	GetPageList(postRequestData)
+		.then((res) => {
+			state.isShowLoadingFrm = false;
+			let result = res.data;
+			if (result.Code != 0) {
+				state.tableEmptyContent = `${t('ebookPage.noData.TR')}`;
+				if (result.Message.length > 0) state.tableEmptyContent = result.Message;
+				if (result.Code == -3) {
+					let errorMsg = t('selectPage.findErr1.TR');
+					if (result.Message.length > 0) {
+						errorMsg = result.Message;
+					}
+					ElMessage({
+						message: `${errorMsg}`,
+						type: 'error',
+						duration: 4000,
+						center: true,
+					});
+					let curr_rount1 = window.location.href;
+					setTimeout(() => {
+						var curr_rount2 = window.location.href;
+						if (curr_rount1 == curr_rount2) {
+							router.go(-1);
+						} //璇锋眰涓嶅埌鏁版嵁杩斿洖涓婁竴椤�
+						else {
+							return;
+						}
+					}, 5000);
 
-  axiosHelper
-    .post({
-      version: 3,
-      controller: "SelectByParas",
-      action: "GetPageList",
-      data: postRequestData,
-      apiUrlType: "main",
-    })
-    .then((res) => {
-      state.isShowLoadingFrm = false;
-      let result = res.data;
-      if (result.Code != 0) {
-        state.tableEmptyContent = `${t("ebookPage.noData.TR")}`;
-        if (result.Message.length > 0) state.tableEmptyContent = result.Message;
-        if (result.Code == -3) {
-          let errorMsg = t("selectPage.findErr1.TR");
-          if (result.Message.length > 0) {
-            errorMsg = result.Message;
-          }
-          ElMessage({
-            message: `${errorMsg}`,
-            type: "error",
-            duration: 4000,
-            center: true,
-          });
-          let curr_rount1 = window.location.href;
-          setTimeout(() => {
-            var curr_rount2 = window.location.href;
-            if (curr_rount1 == curr_rount2) {
-              router.go(-1);
-            } //璇锋眰涓嶅埌鏁版嵁杩斿洖涓婁竴椤�
-            else {
-              return;
-            }
-          }, 5000);
+					return;
+				} else {
+					ElMessage({
+						message: `${result.Message}`,
+						type: 'error',
+						duration: 4000,
+						center: true,
+					});
+					setTimeout(() => {
+						router.go(-1); //璇锋眰涓嶅埌鏁版嵁杩斿洖涓婁竴椤�
+					}, 3000);
+				}
+				return;
+			}
+			// console.log(result, 589)
+			let itemList = result.Data.ItemList;
+			var resultImg = {};
+			var tableData = [];
+			for (let i = 0; i < itemList.length; i++) {
+				var item = itemList[i];
 
-          return;
-        } else {
-          ElMessage({
-            message: `${result.Message}`,
-            type: "error",
-            duration: 4000,
-            center: true,
-          });
-          setTimeout(() => {
-            router.go(-1); //璇锋眰涓嶅埌鏁版嵁杩斿洖涓婁竴椤�
-          }, 3000);
-        }
-        return;
-      }
-      // console.log(result, 589)
-      let itemList = result.Data.ItemList;
-      var resultImg = {};
-      var tableData = [];
-      for (let i = 0; i < itemList.length; i++) {
-        var item = itemList[i];
+				let tableItem = {
+					CatalogID: item.CatalogID, //绫诲瀷id
+					ChartType: item.ChartType,
+					SeriesID: item.SeriesID, //绯诲垪id
+					PumpID: item.PumpID, //娉礽d
+					ThumbnailImage: '', //瀹炵墿鍥捐矾寰�
+					SereisName: item.SereisName, //绯诲垪
+					PumpName: item.PumpName, //娉靛瀷鍙�
+					AllowableRegionMax: item.AllowableRegionMax, //鏈�澶у厑璁告祦閲�
+					WorkSpeed: item.WorkSpeed, //杞��
+					WorkD2: '', //鍙惰疆鐩村緞
+					PerRated: item.PerRated, //閾墝鍙傛暟缁煎悎鍋忓樊鍊�
+					PerRatedQ: item.PerRatedQ, //閾墝鍙傛暟娴侀噺鍋忓樊鍊�
+					MotorPower: item.MotorPower, //鐢垫満鍔熺巼
 
-        let tableItem = {
-          CatalogID: item.CatalogID, //绫诲瀷id
-          ChartType: item.ChartType,
-          SeriesID: item.SeriesID, //绯诲垪id
-          PumpID: item.PumpID, //娉礽d
-          ThumbnailImage: "", //瀹炵墿鍥捐矾寰�
-          SereisName: item.SereisName, //绯诲垪
-          PumpName: item.PumpName, //娉靛瀷鍙�
-          AllowableRegionMax: item.AllowableRegionMax, //鏈�澶у厑璁告祦閲�
-          WorkSpeed: item.WorkSpeed, //杞��
-          WorkD2: "", //鍙惰疆鐩村緞
-          PerRated: item.PerRated, //閾墝鍙傛暟缁煎悎鍋忓樊鍊�
-          PerRatedQ: item.PerRatedQ, //閾墝鍙傛暟娴侀噺鍋忓樊鍊�
-          MotorPower: item.MotorPower, //鐢垫満鍔熺巼
+					Note: item.Note, //澶囨敞
+					PlaceAngle: item.PlaceAngle, //瀹夋斁瑙�
+					QPerQBep: item.QPerQBep, //閫夊瀷鐐瑰拰楂樻晥鐐圭殑鐧惧垎姣�
+					Ratedn: item.Ratedn, //鍘熷棰濆畾杞��(榛樿涓嶆樉绀�)
+					OrginD2: item.OrginD2, //鍘熷鍙惰疆鐩村緞(榛樿涓嶆樉绀�)
+					Note: item.Note,
+					CutRatio: item.CutRatio, //鍒囧壊鐜�(榛樿涓嶆樉绀�)
+					StageNumber: item.StageNumber, //娉电骇鏁�(榛樿涓嶆樉绀�)
+					ShutoffHead: item.ShutoffHead, //鍏虫鐐规壃绋�(榛樿涓嶆樉绀�)
+					SalePrice: item.SalePrice, //閿�鍞环(鎶樻墸鍚�)
+					OriginSalePrice: item.OriginSalePrice, //鎸囧浠�(鍘熷)
+					ChartObjects: item.ChartObjects, //宸ヤ綔鏇茬嚎
+					TipColumns: item.TipColumns ?? [],
+				};
+				let ThumbnailImage = noneImg; //榛樿鍥剧墖璺緞
+				if (item.ThumbnailImage && item.ThumbnailImage != '') {
+					ThumbnailImage = window.globalConfig.WebApiUrl.FileUrl + item.ThumbnailImage;
+				}
+				tableItem.ThumbnailImage = ThumbnailImage;
+				// 鍙惰疆鐩村緞
+				if (itemList[i].WorkD2) {
+					const transD2 = (workD2) => {
+						return UnitHelper.getDispValueLength(UnitHelper.ConverLength_FromMM(selDesignPtD2Unit, workD2), true);
+					};
+					let d2_value = itemList[i].WorkD2.split('/');
+					tableItem.WorkD2 = transD2(parseFloat(d2_value[0]));
+					if (d2_value.length > 1) {
+						tableItem.WorkD2 = transD2(parseFloat(d2_value[0])) + '/' + transD2(parseFloat(d2_value[1]));
+					}
+				}
+				if (item.WorkPtNPSH) tableItem.WorkPtNPSH = item.WorkPtNPSH.toFixed(1);
 
-          Note: item.Note, //澶囨敞
-          PlaceAngle: item.PlaceAngle, //瀹夋斁瑙�
-          QPerQBep: item.QPerQBep, //閫夊瀷鐐瑰拰楂樻晥鐐圭殑鐧惧垎姣�
-          Ratedn: item.Ratedn, //鍘熷棰濆畾杞��(榛樿涓嶆樉绀�)
-          OrginD2: item.OrginD2, //鍘熷鍙惰疆鐩村緞(榛樿涓嶆樉绀�)
-          Note: item.Note,
-          CutRatio: item.CutRatio, //鍒囧壊鐜�(榛樿涓嶆樉绀�)
-          StageNumber: item.StageNumber, //娉电骇鏁�(榛樿涓嶆樉绀�)
-          ShutoffHead: item.ShutoffHead, //鍏虫鐐规壃绋�(榛樿涓嶆樉绀�)
-          SalePrice: item.SalePrice, //閿�鍞环(鎶樻墸鍚�)
-          OriginSalePrice: item.OriginSalePrice, //鎸囧浠�(鍘熷)
-          ChartObjects: item.ChartObjects, //宸ヤ綔鏇茬嚎
-          TipColumns: item.TipColumns ?? [],
-        };
-        let ThumbnailImage = noneImg; //榛樿鍥剧墖璺緞
-        if (item.ThumbnailImage && item.ThumbnailImage != "") {
-          ThumbnailImage =
-            window.globalConfig.WebApiUrl.FileUrl +
-            "Data/" +
-            item.ThumbnailImage;
-        }
-        tableItem.ThumbnailImage = ThumbnailImage;
-        // 鍙惰疆鐩村緞
-        if (itemList[i].WorkD2) {
-          const transD2 = (workD2) => {
-            return UnitHelper.getDispValueLength(
-              UnitHelper.ConverLength_FromMM(selDesignPtD2Unit, workD2), true
-            )
-          }
-          let d2_value = itemList[i].WorkD2.split('/');
-          tableItem.WorkD2 = transD2(parseFloat(d2_value[0]));
-          if (d2_value.length > 1) {
-            tableItem.WorkD2 = transD2(parseFloat(d2_value[0])) + '/' + transD2(parseFloat(d2_value[1]));
-          }
-        }
-        if (item.WorkPtNPSH) tableItem.WorkPtNPSH = item.WorkPtNPSH.toFixed(1);
+				if (item.WorkPtQ) tableItem.WorkPtQ = UnitHelper.getDispValueQ(UnitHelper.ConvertQ_fromM3H(selDesignPtQUnit, item.WorkPtQ));
 
-        if (item.WorkPtQ)
-          tableItem.WorkPtQ = UnitHelper.getDispValueQ(
-            UnitHelper.ConvertQ_fromM3H(selDesignPtQUnit, item.WorkPtQ)
-          );
+				if (item.WorkPtH) tableItem.WorkPtH = UnitHelper.getDispValueH(UnitHelper.ConvertH_fromM(selDesignPtHUnit, item.WorkPtH));
+				if (item.WorkPtE) tableItem.WorkPtE = item.WorkPtE;
+				if (item.WorkPtP) tableItem.WorkPtP = UnitHelper.getDispValueP(UnitHelper.ConvertP_fromKW(selDesignPtPUnit, item.WorkPtP));
 
-        if (item.WorkPtH)
-          tableItem.WorkPtH = UnitHelper.getDispValueH(
-            UnitHelper.ConvertH_fromM(selDesignPtHUnit, item.WorkPtH)
-          );
-        if (item.WorkPtE) tableItem.WorkPtE = item.WorkPtE;
-        if (item.WorkPtP)
-          tableItem.WorkPtP = UnitHelper.getDispValueP(
-            UnitHelper.ConvertP_fromKW(selDesignPtPUnit, item.WorkPtP)
-          );
+				let selParasMotorPower = prvePathDataObj.FilterInfo.MotorPower;
+				let selParasNPSHa = prvePathDataObj.FilterInfo.NPSHa;
+				if (selParasMotorPower !== '' && item.MotorPower > selParasMotorPower) {
+					tableItem.TipColumns.push({
+						Col: 'MotorPower',
+						Note: `${t('selectPage.currentMotorPower.TR')}(${item.MotorPower}kW)>${t(
+							'selectPage.requiredMotorPower.TR'
+						)}(${selParasMotorPower}kW)`,
+					});
+				}
+				if (selParasNPSHa !== '' && selParasNPSHa - state.m_NPSHa_Ratio <= item.WorkPtNPSH) {
+					tableItem.TipColumns.push({
+						Col: 'WorkPtNPSH',
+						Note: `NPSHr(${item.WorkPtNPSH})鈮PSHa(${selParasNPSHa}-${state.m_NPSHa_Ratio})`,
+					});
+				}
 
-        let selParasMotorPower = prvePathDataObj.FilterInfo.MotorPower;
-        let selParasNPSHa = prvePathDataObj.FilterInfo.NPSHa;
-        if (selParasMotorPower !== "" && item.MotorPower > selParasMotorPower) {
-          tableItem.TipColumns.push({
-            Col: "MotorPower",
-            Note: `${t('selectPage.currentMotorPower.TR')}(${item.MotorPower}kW)>${t('selectPage.requiredMotorPower.TR')}(${selParasMotorPower}kW)`,
-          });
-        }
-        if (
-          selParasNPSHa !== "" &&
-          selParasNPSHa - state.m_NPSHa_Ratio <= item.WorkPtNPSH
-        ) {
-          tableItem.TipColumns.push({
-            Col: "WorkPtNPSH",
-            Note: `NPSHr(${item.WorkPtNPSH})鈮PSHa(${selParasNPSHa}-${state.m_NPSHa_Ratio})`,
-          });
-        }
+				tableData.push(tableItem);
 
-        tableData.push(tableItem);
+				let index = item.PumpID.toString();
+				resultImg[index] = item.ChartObjects;
+			}
+			state.tableData = tableData;
+			state.disp_tableData = tableData;
 
-        let index = item.PumpID.toString();
-        resultImg[index] = item.ChartObjects;
-      }
-      state.tableData = tableData;
-      state.disp_tableData = tableData;
+			//
+			setTimeout(() => {
+				buildAllChartImg(resultImg);
+			}, 500);
 
-      //svg
-      // var list_svg = document.getElementsByTagName("svg");
-      // if (list_svg != null) {
-      //   for (i = 0; i < list_svg.length; i++) {
-      //     if (list_svg[i] != null)
-      //     //  list_svg[i].parentNode.removeChild(list_svg[i]);
-      //     list_svg[i].remove();
-      //   }
-      // }
-
-      //
-      setTimeout(() => {
-        buildAllChartImg(resultImg);
-      }, 500);
-
-      // 鏍规嵁閰嶇疆鍒囨崲鎺掑簭 涓�0鏃舵槸鏁堢巼鎺掑簭 榛樿缁煎悎鎺掑簭锛堟殏鏃朵笉浣跨敤锛�
-      // if (window.pageConfig.SelectPumpList && window.pageConfig.SelectPumpList.defaultSort == 0) {
-      //   this.currentSortMethodIndex = window.pageConfig.SelectPumpList.defaultSort
-      //   this.$refs.tableList.sort('WorkPtE', 'descending')
-      // }
-      // // 鏍规嵁閰嶇疆鍒囨崲鎺掑簭 涓�2鏃舵槸棰濆畾鐐规帓搴� 涔熷彨缁煎悎鎺掑簭
-      // if (window.pageConfig.SelectPumpList && window.pageConfig.SelectPumpList.defaultSort == 2) {
-      //   this.currentSortMethodIndex = window.pageConfig.SelectPumpList.defaultSort
-      //   this.$refs.tableList.sort('QPerQBep', 'descending')
-      // }
-    })
-    .catch((err) => {
-      state.isShowLoadingFrm = false;
-      console.log("璇锋眰澶辫触:" + err);
-    });
+			// 鏍规嵁閰嶇疆鍒囨崲鎺掑簭 涓�0鏃舵槸鏁堢巼鎺掑簭 榛樿缁煎悎鎺掑簭锛堟殏鏃朵笉浣跨敤锛�
+			// if (window.pageConfig.SelectPumpList && window.pageConfig.SelectPumpList.defaultSort == 0) {
+			//   this.currentSortMethodIndex = window.pageConfig.SelectPumpList.defaultSort
+			//   this.$refs.tableList.sort('WorkPtE', 'descending')
+			// }
+			// // 鏍规嵁閰嶇疆鍒囨崲鎺掑簭 涓�2鏃舵槸棰濆畾鐐规帓搴� 涔熷彨缁煎悎鎺掑簭
+			// if (window.pageConfig.SelectPumpList && window.pageConfig.SelectPumpList.defaultSort == 2) {
+			//   this.currentSortMethodIndex = window.pageConfig.SelectPumpList.defaultSort
+			//   this.$refs.tableList.sort('QPerQBep', 'descending')
+			// }
+		})
+		.catch((err) => {
+			state.isShowLoadingFrm = false;
+			console.log('璇锋眰澶辫触:' + err);
+		});
 };
 const clearCurve = () => {
-  //娓呯悊鍘熸潵鐨勫浘琛�
-  let list_svg = document.getElementsByClassName("CurveChart");
-  if (list_svg != null) {
-    for (let i = 0; i < list_svg.length; i++) {
-      if (list_svg[i] != null)
-        //  list_svg[i].parentNode.removeChild(list_svg[i]);
-        list_svg[i].innerHTML = "";
-    }
-  }
+	//娓呯悊鍘熸潵鐨勫浘琛�
+	let list_svg = document.getElementsByClassName('CurveChart');
+	if (list_svg != null) {
+		for (let i = 0; i < list_svg.length; i++) {
+			if (list_svg[i] != null) list_svg[i].innerHTML = '';
+		}
+	}
 };
 //鐩戝惉閫夋嫨椤圭殑鍙樺寲鐘舵��
 const handleTableSelectionChange = (selection) => {
-  // console.log(selection,780)
-  state.m_currentSelectArr = selection;
-  // console.log(this.m_currentSelectArr,778)
+	// console.log(selection,780)
+	state.m_currentSelectArr = selection;
+	// console.log(this.m_currentSelectArr,778)
 };
 //璺宠浆鍒版瘮杈冮〉闈�
 const toCompare4Select = () => {
-  // 鏈�灏戜袱涓繘琛屾瘮杈�
-  if (state.m_currentSelectArr.length < 2) {
-    ElMessage({
-      message: `${t("header.compareTip.TR")}`,
-      type: "warning",
-    });
-    return;
-  }
+	// 鏈�灏戜袱涓繘琛屾瘮杈�
+	if (state.m_currentSelectArr.length < 2) {
+		ElMessage({
+			message: `${t('header.compareTip.TR')}`,
+			type: 'warning',
+		});
+		return;
+	}
 
-  let compare4SelectList = [];
-  compare4SelectList = compare4SelectList.concat(state.m_currentSelectArr);
-  if (compare4SelectList.length > 10) {
-    return;
-  }
-  let json = JSON.stringify(compare4SelectList);
-  //瀛樺偍
-  localStorage.setItem("compare4SelectList", json);
-  state.m_compare4SelectList = compare4SelectList;
+	let compare4SelectList = [];
+	compare4SelectList = compare4SelectList.concat(state.m_currentSelectArr);
+	if (compare4SelectList.length > 10) {
+		return;
+	}
+	let json = JSON.stringify(compare4SelectList);
+	//瀛樺偍
+	localStorage.setItem('compare4SelectList', json);
+	state.m_compare4SelectList = compare4SelectList;
 
-  let routerPath = buildCurrentLanguageUrl(`/Compare4Select/Index`);
-  router.push({ path: routerPath });
+	let routerPath = `/Compare4Select/Index`;
+	router.push({ path: routerPath });
 
-  // window.open(routeData.href, "_blank");
+	// window.open(routeData.href, "_blank");
 };
 //瀵煎嚭琛ㄦ牸
 const exportExcel = () => {
-  state.exportTableData = state.tableData;
+	state.exportTableData = state.tableData;
 
-  const fileName = `${document.title}.xlsx`;
-  nextTick(() => {
-    const wb = XLSX.utils.table_to_book(
-      document.getElementById("export-sel-list")
-    );
-    const wbout = XLSX.write(wb, {
-      bookType: "xlsx",
-      bookSST: true,
-      type: "array",
-    });
-    try {
-      FileSaver.saveAs(
-        new Blob([wbout], { type: "application/octet-stream" }),
-        fileName
-      );
-      state.exportTableData = [];
-    } catch (e) {
-      if (typeof console !== "undefined") console.log(e, wbout);
-      return wbout;
-    }
-  });
+	const fileName = `${document.title}.xlsx`;
+	nextTick(() => {
+		const wb = XLSX.utils.table_to_book(document.getElementById('export-sel-list'));
+		const wbout = XLSX.write(wb, {
+			bookType: 'xlsx',
+			bookSST: true,
+			type: 'array',
+		});
+		try {
+			FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), fileName);
+			state.exportTableData = [];
+		} catch (e) {
+			if (typeof console !== 'undefined') console.log(e, wbout);
+			return wbout;
+		}
+	});
 };
 
 //杩斿洖涓婚〉
 const toHomePage = () => {
-  router.push({
-    path: buildCurrentLanguageUrl(`/Index`),
-  });
+	router.push({
+		path: buildCurrentLanguageUrl(`/Index`),
+	});
 };
 //琛ㄥご鏄剧ず鎴栬�呴殣钘�
 const getColumnVisbileStatus = (label) => {
-  let index = state.m_dispColumnNameList.indexOf(label);
-  //console.log(index,label,759)
-  return index == -1 ? false : true;
+	let index = state.m_dispColumnNameList.indexOf(label);
+	//console.log(index,label,759)
+	return index == -1 ? false : true;
 };
 //鐩戝惉褰撳墠鐐瑰嚮鐨勬车鍚嶇О鐨勫睘鎬�
 const clickPumpNameCell = (index, row) => {
-  openPumpDetailPage(row.SeriesID, row.PumpID);
+	openPumpDetailPage(row.SeriesID, row.PumpID);
 };
 //鐩戝惉鐐瑰嚮鐨勫綋鍓嶈〃鏍艰鐨勮鎯�
 const clickDetailCell = (index, row) => {
-  openPumpDetailPage(row.SeriesID, row.PumpID);
+	openPumpDetailPage(row.SeriesID, row.PumpID);
 };
 
 const openPumpDetailPage = (sid, pid) => {
-  state.detailPageQueryModel.SID = sid;
-  state.detailPageQueryModel.PID = pid;
+	state.detailPageQueryModel.SID = sid;
+	state.detailPageQueryModel.PID = pid;
 
-  let routerPath = buildCurrentLanguageUrl(`/byParas/Index`);
-  let query = state.detailPageQueryModel;
-  let routeData = router.resolve({ path: routerPath, query: query });
+	let routerPath = `/byParas/Index`;
+	let query = state.detailPageQueryModel;
+	let routeData = router.resolve({ path: routerPath, query: query });
 
-  window.open(routeData.href, "_blank");
+	window.open(routeData.href, '_blank');
 };
 //涓婁竴姝�
 const prevPage = () => {
-  emits("prevPageClick");
+	emits('prevPageClick');
 };
 const handleOnError = (event) => {
-  event.target.src = errorImg;
+	event.target.src = errorImg;
 };
 //
 const buildAllChartImg = (resultImg) => {
-  //console.log(this.resultImg, 2875);
-  document.querySelectorAll("div[data-svg=true]").forEach(function (element) {
-    let $this = element;
-    let pumpId = $this.getAttribute("data-pump_id");
-    let chartType = $this.getAttribute("data-pump_ChartType");
-    if (pumpId in resultImg) {
-      drawChart(resultImg[pumpId], pumpId, 180, 300, chartType);
-    }
-  });
+	//console.log(this.resultImg, 2875);
+	document.querySelectorAll('div[data-svg=true]').forEach(function (element) {
+		let $this = element;
+		let pumpId = $this.getAttribute('data-pump_id');
+		let chartType = $this.getAttribute('data-pump_ChartType');
+		if (pumpId in resultImg) {
+			drawChart(resultImg[pumpId], pumpId, 180, 300, chartType);
+		}
+	});
 };
 //
 const drawChart = (data, container, width, height, chartType) => {
-  let c = new thumbnailChart.ThumbnailChart();
+	let c = new thumbnailChart.ThumbnailChart();
 
-  //
-  var chartStyle = window.pageConfig.ChartStyle;
-  c.setChartStyle(chartStyle);
+	//
+	var chartStyle = window.pageConfig.ChartStyle;
+	c.setChartStyle(chartStyle);
 
-  if (chartType == 4 || chartType == "4") {
-    c.setContainerDivInfo(container, 220, 120);
-    c.setDesignPoint(state.SelDesignPtQ_StdUnit, state.SelDesignPtH_StdUnit);
-    let myChart = c.createChartZlp(data);
-  } else {
-    c.setContainerDivInfo(container, 220, 120);
-    c.setDesignPoint(state.SelDesignPtQ_StdUnit, state.SelDesignPtH_StdUnit);
-    let myChart = c.createChartLxp(data);
-  }
+	if (chartType == 4 || chartType == '4') {
+		c.setContainerDivInfo(container, 220, 120);
+		c.setDesignPoint(state.SelDesignPtQ_StdUnit, state.SelDesignPtH_StdUnit);
+		let myChart = c.createChartZlp(data);
+	} else {
+		c.setContainerDivInfo(container, 220, 120);
+		c.setDesignPoint(state.SelDesignPtQ_StdUnit, state.SelDesignPtH_StdUnit);
+		let myChart = c.createChartLxp(data);
+	}
 };
 // 鎺掑簭鏂规硶鐩戝惉浜嬩欢
 const handleSortMethod = (commend) => {
-  let [...data] = state.tableData; //闃叉sort鎺掑簭鏃跺鑷寸殑鍘熸暟缁勬敼鍙�
-  if (commend == "efficiencySort") {
-    state.currentSortMethodIndex = 1;
-    tableList.value.sort("WorkPtE", "descending");
-  }
-  if (commend == "compreSort") {
-    state.currentSortMethodIndex = 2;
-    state.disp_tableData = state.tableData;
-    tableList.value.clearSort();
-  }
+	let [...data] = state.tableData; //闃叉sort鎺掑簭鏃跺鑷寸殑鍘熸暟缁勬敼鍙�
+	if (commend == 'efficiencySort') {
+		state.currentSortMethodIndex = 1;
+		tableList.value.sort('WorkPtE', 'descending');
+	}
+	if (commend == 'compreSort') {
+		state.currentSortMethodIndex = 2;
+		state.disp_tableData = state.tableData;
+		tableList.value.clearSort();
+	}
 };
 // 鏍规嵁prop鍒ゆ柇鏄鏈塼oolTip
 const hasToolTipByProp = (prop, TipColumns) => {
-  if (!TipColumns || 0 == TipColumns.length) {
-    return false;
-  }
-  for (let i = 0; i < TipColumns.length; i++) {
-    let item = TipColumns[i];
-    if (prop == item.Col) {
-      return true;
-    }
-  }
-  return false;
+	if (!TipColumns || 0 == TipColumns.length) {
+		return false;
+	}
+	for (let i = 0; i < TipColumns.length; i++) {
+		let item = TipColumns[i];
+		if (prop == item.Col) {
+			return true;
+		}
+	}
+	return false;
 };
 const getNoteByProp = (prop, TipColumns) => {
-  for (let i = 0; i < TipColumns.length; i++) {
-    let item = TipColumns[i];
-    if (item.Col == prop) {
-      return item.Note;
-    }
-  }
-  return "";
+	for (let i = 0; i < TipColumns.length; i++) {
+		let item = TipColumns[i];
+		if (item.Col == prop) {
+			return item.Note;
+		}
+	}
+	return '';
 };
 
 defineExpose({ initialPage });
@@ -1612,130 +1865,158 @@
 
 <style lang="scss">
 //scoped  //缁勪欢鏃朵娇鐢�
-.selpumplist {
-  height: 100%;
-  width: 100%;
+.selpumplist_general {
+	height: 100%;
+	width: 100%;
 
-  .el-table__header {
-    background-color: rgb(176, 216, 221);
-  }
+	.el-table__header {
+		background-color: rgb(176, 216, 221);
+	}
 
-  .el-button {
-    padding: 0.1rem 0.15rem;
-    width: unset;
+	.el-button {
+		padding: 10px 15px;
+		width: unset;
 
-    &.active {
-      background-color: #6396c2;
-      color: #fff;
-    }
-  }
+		&.active {
+			background-color: #6396c2;
+			color: #fff;
+		}
+	}
 
-  .tableBox {
-    width: 100%;
-  }
+	.tableBox {
+		width: 100%;
+	}
 
-  .el-table .cell {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: unset;
-    height: 100%;
-  }
+	.el-table .cell {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: unset;
+		height: 100%;
+	}
 
-  .tabHead {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
+	.tabHead {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
 
-  .tabHead>div {
-    font-size: 0.14rem;
-  }
+	.tabHead > div {
+		font-size: 14px;
+	}
 
-  .el-table th>.cell {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: unset;
-    height: 100%;
-  }
+	.el-table th > .cell {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: unset;
+		height: 100%;
+	}
 }
 
 .thumbnail-img-style {
-  width: 100%;
-  object-fit: cover;
+	width: 100%;
+	object-fit: cover;
 }
 
 .pumplist_dropdown_menu {
-  .el-checkbox {
-    display: block;
-  }
+	.el-checkbox {
+		display: block;
+	}
 
-  .el-tooltip__popper.is-dark {
-    left: 155px !important;
-  }
+	.el-tooltip__popper.is-dark {
+		left: 155px !important;
+	}
 }
 
 .warin-color {
-  color: red;
-  margin-right: 0.05rem;
-  font-size: 0.16rem;
+	color: red;
+	margin-right: 5px;
+	font-size: 16px;
 }
 
 .col-select-popStyle {
-  max-height: 500px;
-  height: 500px;
+	max-height: 500px;
+	height: 500px;
 }
 
 .check-icon-style {
-  width: 0.14rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+	width: 14px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
 
 .custom-btn-span {
-  height: 32px;
-  margin-left: 15px;
-  line-height: 32px;
+	height: 32px;
+	margin-left: 15px;
+	line-height: 32px;
 }
 
 #series_selected_name {
-  text-decoration: underline;
-  color: var(--selModelNameColor);
+	text-decoration: underline;
+	color: var(--selModelNameColor);
 }
 
 .table-default-style {
-  position: relative;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
+	position: relative;
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 100%;
 
-  i {
-    position: absolute;
-    top: 0.05rem;
-    right: 0.05rem;
-    font-size: 0.18rem;
-  }
+	i {
+		position: absolute;
+		top: 5px;
+		right: 5px;
+		font-size: 18px;
+	}
 }
 
 .tool-tip-cell-style {
-  padding: unset !important;
-  height: 1.27rem;
-  // background-color: red;
+	padding: unset !important;
+	height: 127px;
+	// background-color: red;
 }
 
 .bg-red {
-  color: red;
-  font-weight: bold;
+	color: red;
+	font-weight: bold;
 }
 
 .bg-yellow {
-  background-color: rgb(250 236 216 / 50%) !important;
-  color: red;
-  font-weight: bold;
+	background-color: rgb(250 236 216 / 50%) !important;
+	color: red;
+	font-weight: bold;
+}
+.eec-level-div {
+	height: 34px;
+	position: relative;
+	margin-top: -2px;
+}
+
+.eec-level-div img {
+	height: 100%;
+}
+
+.eec-numb {
+	position: absolute;
+	left: 13px;
+	top: 1px;
+	color: #fff;
+}
+
+.eec-level-name {
+	position: absolute;
+	left: 31px;
+	top:1.5px;
+	color: #fff;
+	font-size: 12px;
+}
+.svg-size-style {
+	width: 16px;
+	height: 16px;
 }
 </style>

--
Gitblit v1.9.3