IEE/Web.V1.git - Gitblit

			@@ -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, //泵系列ID
			CatalogID: prvePathDataObj.FilterInfo.CatalogID, //泵类型id
			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, //泵系列ID
			CatalogID: prvePathDataObj.FilterInfo.CatalogID, //泵类型id
			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, //泵id
			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, //泵id
			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})≥NPSHa(${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})≥NPSHa(${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判断是够有toolTip
			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>