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