<template>
|
<div class="selectParm_Box">
|
<!-- 头部导航栏 -->
|
<van-nav-bar style="background-color: #528abe">
|
<template #left>
|
<div @click="pageBack" style="display: flex; align-items: center">
|
<van-icon name="arrow-left" size="18" />
|
<span>{{ $t("selectPage.index.TR") }}</span>
|
</div>
|
</template>
|
<template #title>
|
<label>{{ $t("selectPage.productSeries.TR") }}</label>
|
</template>
|
<template #right>
|
<div @click="toSelSeries" style="display: flex; align-items: center">
|
<span>{{ $t("selectPage.nextStep.TR") }}</span>
|
<van-icon name="arrow" size="18" />
|
</div>
|
</template>
|
</van-nav-bar>
|
<div class="selectParm_main">
|
<!-- 流量 -->
|
<van-field
|
center
|
clearable
|
v-model="m_DpQ"
|
label-align="center"
|
:label="$t('ebookPage.flow.TR')"
|
type="number"
|
:placeholder="$t('selectPage.flowRule.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{ $t("ebookPage.flow.TR") }}</span>
|
</template>
|
<template #button>
|
<van-button
|
size="small"
|
type="primary"
|
@click="m_showDpQuPicker = true"
|
>{{ m_DpQuText }}</van-button
|
>
|
</template>
|
</van-field>
|
<!-- 扬程 -->
|
<van-field
|
center
|
clearable
|
v-model="m_DpH"
|
label-align="center"
|
:label="$t('ebookPage.head.TR')"
|
type="number"
|
:placeholder="$t('selectPage.headRule.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{ $t("ebookPage.head.TR") }}</span>
|
</template>
|
<template #button>
|
<van-button
|
size="small"
|
type="primary"
|
@click="m_showDpHuPicker = true">{{ m_DpHuText }}</van-button>
|
</template>
|
</van-field>
|
<!-- 设置频率 -->
|
<van-field
|
readonly
|
clickable
|
center
|
v-model="m_PinLvShowValue"
|
v-if="m_DeviceTpyeValue != 3"
|
:label="$t('selectPage.setFrequency.TR')"
|
label-align="center"
|
style="padding: 10px 26px"
|
@click="m_ShowPinLvPicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">Hz</van-button>
|
</template>
|
</van-field>
|
<!-- 消防泵 -->
|
<van-field
|
readonly
|
center
|
clickable
|
label-align="center"
|
v-model="m_FireTypeShowValue"
|
:label="$t('selectPage.firePump.TR')"
|
style="padding: 10px 26px"
|
@click="m_ShowFireTypePicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">
|
<van-icon name="arrow-down" />
|
</van-button>
|
</template>
|
</van-field>
|
<!-- 转速 -->
|
<van-field
|
readonly
|
center
|
clearable
|
v-model="m_MotorPoleShowValue"
|
v-if="m_DeviceTpyeValue != 3"
|
:label="$t('selectPage.speed.TR')"
|
label-align="center"
|
style="padding: 10px 26px"
|
@click="m_ShowMotorPolePicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">
|
<van-icon name="arrow-down" />
|
</van-button>
|
</template>
|
</van-field>
|
<!-- 品牌 -->
|
<van-field
|
v-if="false"
|
readonly
|
center
|
clearable
|
v-model="m_BrandShowValue"
|
label="品牌"
|
label-align="center"
|
style="margin-bottom: 10px; padding: 10px 26px"
|
@click="getBrandData"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">
|
<van-icon name="arrow" />
|
</van-button>
|
</template>
|
</van-field>
|
<van-collapse v-model="m_activeNames">
|
<!-- 更多条件 -->
|
<van-collapse-item name="moreTrade" style="margin-bottom: 10px">
|
<template #title>
|
<span style="font-size: 14px; font-weight: 600">{{
|
$t("selectPage.drivingConditions.TR")
|
}}</span>
|
</template>
|
<van-field
|
readonly
|
center
|
clickable
|
:label="$t('selectPage.driveType.TR')"
|
v-model="m_DeviceTpyeShowValue"
|
@click="m_ShowDeviceTpyePicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">
|
<van-icon name="arrow-down" />
|
</van-button>
|
</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
clearable
|
v-model="m_MotorStdShowValue"
|
:label="$t('selectPage.motorPowerStd.TR')"
|
@click="m_ShowMotorStdPicker = true"
|
>
|
<template #button>
|
<van-button size="small" type="primary" disabled>
|
<van-icon name="arrow-down" />
|
</van-button>
|
</template>
|
</van-field>
|
</van-collapse-item>
|
<!-- 参数范围 -->
|
<van-collapse-item name="paramLimit" style="margin-bottom: 10px">
|
<template #title>
|
<span style="font-size: 14px; font-weight: 600">{{
|
$t("detailPage.medium.TR")
|
}}</span>
|
</template>
|
<van-field
|
readonly
|
center
|
clearable
|
v-model="m_JieZhiNameShowValue"
|
:label="$t('selectPage.mediaName.TR')"
|
@click="m_ShowJieZhiNamePicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">
|
<van-icon name="arrow-down" />
|
</van-button>
|
</template>
|
</van-field>
|
<van-field
|
center
|
clearable
|
type="number"
|
v-model="m_Temperature"
|
:label="$t('selectPage.maxTemperature.TR')"
|
>
|
<template #button>
|
<van-button size="small" disabled type="primary">℃</van-button>
|
</template>
|
</van-field>
|
<van-field
|
center
|
clearable
|
type="number"
|
readonly
|
v-model="m_CalcDensity"
|
:label="$t('selectPage.maxDensity.TR')"
|
>
|
<template #button>
|
<van-button size="small" type="primary" disabled>
|
{{ m_CalcDensityUnit }}
|
</van-button>
|
</template>
|
</van-field>
|
<van-field
|
center
|
clearable
|
type="number"
|
readonly
|
v-model="m_CalcViscosity"
|
:label="$t('selectPage.mediumViscosity.TR')"
|
>
|
<template #button>
|
<van-button size="small" type="primary" disabled>{{
|
m_CalcViscosityUnit
|
}}</van-button>
|
</template>
|
</van-field>
|
</van-collapse-item>
|
<!-- 容差范围 -->
|
<van-collapse-item name="tolerances">
|
<template #title>
|
<span style="font-size: 14px; font-weight: 600">{{
|
$t("selectPage.toleranceRange.TR")
|
}}</span>
|
</template>
|
<van-field
|
readonly
|
center
|
clearable
|
v-model="m_ToleranceStandardShowValue"
|
:label="$t('selectPage.toleranceStand.TR')"
|
placeholder
|
@click="m_ToleranceStandardPicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">
|
<van-icon name="arrow-down" />
|
</van-button>
|
</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_ToleranceLevelShowValue"
|
:label="$t('selectPage.toleranceGrade.TR')"
|
placeholder
|
style="text-indent: 0; text-align: center"
|
@click="m_ToleranceLevelPicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary">
|
<van-icon name="arrow-down" />
|
</van-button>
|
</template>
|
</van-field>
|
<van-field
|
center
|
type="number"
|
:disabled="!isToleranceLevelCustom"
|
v-model="m_MinFlowPerecent"
|
:label="$t('selectPage.MinFlowPercentage.TR')"
|
>
|
<template #button>
|
<van-button size="small" type="primary" :disabled="true"
|
>%</van-button
|
>
|
</template>
|
</van-field>
|
<van-field
|
center
|
type="number"
|
:disabled="!isToleranceLevelCustom"
|
v-model="m_MaxFlowPerecent"
|
:label="$t('selectPage.MaxFlowPercentage.TR')"
|
>
|
<template #button>
|
<van-button size="small" type="primary" :disabled="true"
|
>%</van-button
|
>
|
</template>
|
</van-field>
|
<van-field
|
center
|
type="number"
|
:disabled="!isToleranceLevelCustom"
|
v-model="m_MinHeadPerecent"
|
:label="$t('selectPage.MinHeadPercentage.TR')"
|
>
|
<template #button>
|
<van-button size="small" type="primary" :disabled="true"
|
>%</van-button
|
>
|
</template>
|
</van-field>
|
<van-field
|
center
|
type="number"
|
:disabled="!isToleranceLevelCustom"
|
v-model="m_MaxHeadPerecent"
|
:label="$t('selectPage.MaxHeadPercentage.TR')"
|
>
|
<template #button>
|
<van-button size="small" type="primary" :disabled="true"
|
>%</van-button
|
>
|
</template>
|
</van-field>
|
</van-collapse-item>
|
</van-collapse>
|
<!-- 流量单位弹框 -->
|
<van-popup
|
v-model:show="m_showDpQuPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="m_DpQuIndex"
|
:columns="m_DpQuColumns"
|
value-key="label"
|
@cancel="m_showDpQuPicker = false"
|
@confirm="onChangeDpQuConfirm"
|
/>
|
</van-popup>
|
<!-- 扬程单位弹框 -->
|
<van-popup
|
v-model:show="m_showDpHuPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="m_DpHuIndex"
|
:columns="m_DpHuColumns"
|
value-key="label"
|
@cancel="m_showDpHuPicker = false"
|
@confirm="onChangeDpHuConfirm"
|
/>
|
</van-popup>
|
<!-- 电机转速选择弹框 -->
|
<van-popup
|
v-model:show="m_ShowDeviceTpyePicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:columns="m_DeviceTpyeColumns"
|
@cancel="m_ShowDeviceTpyePicker = false"
|
@confirm="onChangeDeviceTypeConfirm"
|
/>
|
</van-popup>
|
<!-- 设置频率 -->
|
<van-popup
|
v-model:show="m_ShowPinLvPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:columns="m_PinLvColumns"
|
@cancel="m_ShowPinLvPicker = false"
|
@confirm="onChangePinLvConfirm"
|
/>
|
</van-popup>
|
<!-- 消防泵类型 -->
|
<van-popup
|
v-model:show="m_ShowFireTypePicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:columns="m_FireTypeColumns"
|
@cancel="m_ShowFireTypePicker = false"
|
@confirm="onChangeFireTypeConfirm"
|
/>
|
</van-popup>
|
<!-- 转速等级 -->
|
<van-popup
|
v-model:show="m_ShowMotorPolePicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:columns="m_MotorPoleColumns"
|
@cancel="m_ShowMotorPolePicker = false"
|
@confirm="onChangeMotorPoleConfirm"
|
/>
|
</van-popup>
|
<!-- 品牌 -->
|
<van-action-sheet v-model:show="m_ShowBrandPicker" title="品牌选择">
|
<div class="brand-content">
|
<div class="brand-item" @click="onChangeBrandSelectAll" :class="brandSelectAll?'brand-item-active':''">
|
<span>全部</span>
|
</div>
|
<div class="brand-item" @click="onChangeBrandSelect(brand_item)" :class="brand_item.IsSelect?'brand-item-active':''" v-for="(brand_item,brand_index) in m_BrandColumns" :key="brand_index">
|
<span>{{brand_item.ShortName}}</span>
|
</div>
|
</div>
|
</van-action-sheet>
|
<!-- 电机功率标准 -->
|
<van-popup
|
v-model:show="m_ShowMotorStdPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:columns="m_MotorStdColumns"
|
@cancel="m_ShowMotorStdPicker = false"
|
@confirm="onChangeMotorStdConfirm"
|
/>
|
</van-popup>
|
<!-- 介质名称 -->
|
<van-popup
|
v-model:show="m_ShowJieZhiNamePicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:columns="m_JieZhiNameColumns"
|
@cancel="m_ShowJieZhiNamePicker = false"
|
@confirm="onChangeJieZhiNameConfirm"
|
/>
|
</van-popup>
|
<!-- 验收容差标准 -->
|
<van-popup
|
v-model:show="m_ToleranceStandardPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="m_ToleranceStandardIndex"
|
:columns="m_ToleranceStandardColumns"
|
@cancel="m_ToleranceStandardPicker = false"
|
@confirm="onChangeToleranceStandardConfirm"
|
/>
|
</van-popup>
|
<!-- 验收容差等级 -->
|
<van-popup
|
v-model:show="m_ToleranceLevelPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="m_ToleranceLevelIndex"
|
:columns="m_ToleranceLevelColumns"
|
@cancel="m_ToleranceLevelPicker = false"
|
@confirm="onChangeToleranceLevelConfirm"
|
/>
|
</van-popup>
|
</div>
|
<!-- <nav id="footerBar" class="tang-footer">上海义维流体科技有限公司</nav> -->
|
</div>
|
</template>
|
|
<script>
|
import UnitHelper from "@/utils/unit";
|
import languageMixin from "@/mixin/language";
|
export default {
|
mixins: [languageMixin],
|
data() {
|
return {
|
m_Title: "",
|
m_activeNames: [], //折叠菜单默认不展开
|
|
m_DpQ: "", //流量的值
|
m_showDpQuPicker: false, //流量单位弹框
|
m_DpQuColumns: UnitHelper.Q_Value_List,
|
m_DpQuText: UnitHelper.GetUnitNameQ(UnitHelper.Default.Q), //流量单位默认展示的值
|
m_DpQuValue: UnitHelper.Default.Q, //流量单位的默认枚举
|
m_DpQuIndex: UnitHelper.getQunitValueInQArrIndex(UnitHelper.Default.Q), //当前默认选择的下拉框的项
|
|
m_DpH: "", //扬程的值
|
m_showDpHuPicker: false, //扬程单位弹框
|
m_DpHuColumns: UnitHelper.H_Value_List,
|
m_DpHuText: UnitHelper.GetUnitNameH(UnitHelper.Default.H), //扬程单位默认展示的值
|
m_DpHuValue: UnitHelper.Default.H, //扬程单位的默认枚举
|
m_DpHuIndex: UnitHelper.getHunitValueInHArrIndex(UnitHelper.Default.H), //当前默认选择的下拉框的项
|
|
m_ShowDeviceTpyePicker: false, //驱动类型选择弹框
|
m_DeviceTpyeValue: 0, //当前选择的电机类型值
|
m_DeviceTpyeShowValue: "", //用于展示的驱动类型
|
m_DeviceTpyeColumns: [], //驱动类型
|
|
m_ShowPinLvPicker: false, //频率选择弹框
|
m_PinLvValue: 50, //当前选择的频率类型值
|
m_PinLvShowValue: "50", //用于展示的频率类型
|
m_PinLvColumns: ["50", "60"], //频率类型
|
|
m_ShowFireTypePicker: false, //消防泵类型选择弹框
|
m_FireTypeValue: 0, //当前选择的消防泵类型的值
|
m_FireTypeShowValue: "", //消防泵类型
|
m_FireTypeColumns: [], //消防泵类型
|
|
m_ShowMotorPolePicker: false, //转速等级选择弹框
|
m_MotorPoleValue: null, //当前选择的转速等级的值
|
m_MotorPoleShowValue: "不限", //转速等级
|
m_MotorPoleColumns: [
|
{ text: "不限", value: null, disabled: false },
|
{ text: "2p", value: 2, disabled: false },
|
{ text: "4p", value: 4, disabled: false },
|
{ text: "6p", value: 6, disabled: false },
|
{ text: "8p", value: 8, disabled: false },
|
{ text: "10p", value: 10, disabled: false },
|
{ text: "12p", value: 12, disabled: false },
|
], //转速等级
|
|
m_ShowBrandPicker: false, //显示品牌弹框
|
m_BrandValue: null, //选择的品牌的值
|
m_BrandShowValue: "全部", //展示品牌选择后的值
|
m_BrandColumns: [], //品牌选择数
|
isInitBrandData:false,//是否获取了品牌数据
|
brandSelectAll:false,
|
|
m_DieselSpeed: "", //柴油机转速
|
|
m_ShowMotorStdPicker: false, //转速等级选择弹框
|
m_MotorStdValue: 0, //当前选择的转速等级的值
|
m_MotorStdShowValue: "", //转速等级
|
m_MotorStdColumns: [], //转速等级
|
|
m_ShowJieZhiNamePicker: false, //介质名称选择弹框
|
m_JieZhiNameValue: 3, //当前选择的介质名称的值
|
m_JieZhiNameShowValue: "清水", //介质名称
|
m_JieZhiNameColumns: [{ text: "清水", value: "清水", disabled: false }], //介质选择数据
|
|
m_Temperature: "20", //温度
|
m_TemperatureUnit: "deg C", //温度单位
|
m_CalcDensity: "1000", //密度
|
m_CalcDensityUnit: "kg/m³",
|
m_CalcViscosity: "1", //粘度
|
m_CalcViscosityUnit: "cSt",
|
|
m_ToleranceStandardPicker: false, //校验标准容差选择弹框显/隐
|
m_ToleranceStandardIndex: 0, //当前选择的容差标准索引
|
m_ToleranceStandardValue: "", //验收容差标准
|
m_ToleranceStandardShowValue: "", //介质名称
|
m_ToleranceStandardColumns: [],
|
|
m_ToleranceLevelPicker: false, //校验标准容差选择弹框显/隐
|
m_ToleranceLevelIndex: 0, //当前选择的容差等级索引
|
m_ToleranceLevelValue: "", //验收容差标准
|
m_ToleranceLevelShowValue: "", //介质名称
|
m_ToleranceLevelColumns: [],
|
|
m_MinFlowPerecent: "", //最小流量百分比
|
m_MaxFlowPerecent: "", //最大流量百分比
|
m_MinHeadPerecent: "", //最小扬程百分比
|
m_MaxHeadPerecent: "", //最大扬程百分比
|
isToleranceLevelCustom: false, //容差等级是否是自定义
|
|
m_HistoryRecordDataObj: null, //历史存储数据
|
|
pointToleranceConfig: window.pointToleranceConfig,
|
};
|
},
|
mounted() {
|
this.m_Title = this.getSoftName();
|
// console.log(this.$i18n.locale,554)
|
this.translateParamsToLang();
|
this.getParaPageInfo();
|
|
this.m_DpQuText = UnitHelper.GetUnitNameQ(
|
this.$globalConfig.UnitDefault.UnitQ.value
|
);
|
this.m_DpQuValue = this.$globalConfig.UnitDefault.UnitQ.value;
|
|
this.m_DpHuText = UnitHelper.GetUnitNameH(
|
this.$globalConfig.UnitDefault.UnitH.value
|
);
|
this.m_DpHuValue = this.$globalConfig.UnitDefault.UnitH.value;
|
},
|
methods: {
|
getParaPageInfo() {
|
let _this = this;
|
let Toast = _this.$toast;
|
Toast.loading({
|
message: "loading...",
|
forbidClick: true,
|
});
|
_this
|
.$axios({
|
url:
|
_this.$globalConfig.WebApiUrl.MainUrl +
|
"/v1/Mobile/SelectByParas/GetParaPageInfo",
|
params: {
|
Lang: _this.getCurrentLanguageType(),
|
},
|
})
|
.then((res) => {
|
Toast.clear();
|
let result = res.data;
|
// console.log(res, 575);
|
if (result.Code != 0) {
|
Toast.fail(result.Message);
|
return;
|
}
|
if (result.Data.DriveTypeList) {
|
_this.m_DeviceTpyeValue = result.Data.DriveTypeList[0].Value;
|
_this.m_DeviceTpyeShowValue = result.Data.DriveTypeList[0].Text;
|
|
// console.log(_this.m_DeviceTpyeValue, _this.m_DeviceTpyeShowValue);
|
//获取驱动类型
|
let deviceTpyeColumns = [];
|
result.Data.DriveTypeList.forEach((element) => {
|
let columns = {
|
text: element.Text,
|
value: element.Value,
|
disable: !element.Enable,
|
};
|
deviceTpyeColumns.push(columns);
|
});
|
_this.m_DeviceTpyeColumns = deviceTpyeColumns;
|
}
|
if (result.Data.FireTypeList) {
|
//获取消防泵类型
|
_this.m_FireTypeValue = _this.$globalConfig.FireTypeDefault.value;
|
_this.m_FireTypeShowValue =
|
_this.$globalConfig.FireTypeDefault.text;
|
let fireTypeColumns = [];
|
result.Data.FireTypeList.forEach((element) => {
|
let columns = {
|
text: element.Text,
|
value: element.Value,
|
disable: !element.Enable,
|
};
|
if (element.Value == _this.m_FireTypeValue) {
|
_this.m_FireTypeShowValue = element.Text;
|
}
|
fireTypeColumns.push(columns);
|
});
|
_this.m_FireTypeColumns = fireTypeColumns;
|
}
|
if (result.Data.MotorStdList) {
|
//获取电机类型
|
this.m_MotorStdValue = result.Data.MotorStdList[0].Value;
|
this.m_MotorStdShowValue = result.Data.MotorStdList[0].Text;
|
let motorStdColumns = [];
|
result.Data.MotorStdList.forEach((element) => {
|
let columns = {
|
text: element.Text,
|
value: element.Value,
|
disabled: !element.Enable,
|
};
|
motorStdColumns.push(columns);
|
});
|
_this.m_MotorStdColumns = motorStdColumns;
|
}
|
_this.initHistoryRecord();
|
_this.getToleranceDefaultValue();
|
_this.buildToleranceRangData();
|
//console.log(res, 344);
|
})
|
.catch((err) => {
|
console.log(err);
|
});
|
},
|
//获取品牌数据
|
getBrandData() {
|
this.m_ShowBrandPicker = true;
|
console.log(this.isInitBrandData,987)
|
if(this.isInitBrandData)return
|
this.getBrandList();
|
},
|
|
//获取品牌列表
|
getBrandList() {
|
let _this = this;
|
_this
|
.$axios({
|
methods: "get",
|
url: _this.$globalConfig.WebApiUrl.MainUrl + "v1/Web/Corp/GetList",
|
params: {
|
lang: _this.getCurrentLanguageType(),
|
},
|
})
|
.then(function (res) {
|
_this.isInitBrandData = true
|
// console.log(res,"类型列表");
|
let result = res.data;
|
if (result.Code != 0) {
|
return;
|
}
|
if (result.Data) {
|
// console.log(result.Data, 158);
|
let brandList = [];
|
result.Data.forEach((element) => {
|
let brandNode = {
|
Description: element.Description,
|
FullName: element.FullName,
|
ID: element.ID,
|
LogoPath:
|
_this.$globalConfig.WebApiUrl.FileUrl + element.LogoPath,
|
ShortName: element.ShortName,
|
IsSelect: false,
|
};
|
brandList.push(brandNode);
|
});
|
_this.m_BrandColumns = brandList;
|
}
|
})
|
.catch(function (err) {
|
console.log(err);
|
});
|
},
|
translateParamsToLang() {
|
let currentLang = this.$i18n.locale;
|
if (currentLang == "en") {
|
this.m_JieZhiNameColumns[0].text = `${this.$t(
|
"selectPage.cleanWater.TR"
|
)}`;
|
this.m_JieZhiNameShowValue = this.m_JieZhiNameColumns[0].text;
|
|
this.m_MotorPoleColumns[0].text = `${this.$t(
|
"selectPage.unlimited.TR"
|
)}`;
|
this.m_MotorPoleShowValue = this.m_MotorPoleColumns[0].text;
|
}
|
},
|
//获取上次填写表单的记录
|
initHistoryRecord() {
|
// if(this.$store.state.instante.select.ByParas == undefined) return;
|
let prvePathDataObj =
|
this.$store.state.instante.select.ByParas.filterData;
|
// console.log(prvePathDataObj, 398);
|
if (prvePathDataObj == null || prvePathDataObj == undefined) return;
|
|
//console.log(prvePathDataObj);
|
this.m_HistoryRecordDataObj = prvePathDataObj;
|
this.m_DpH = prvePathDataObj.DesignInfo.DpH;
|
this.m_DpHuValue = prvePathDataObj.DesignInfo.UnitH;
|
this.m_DpHuText = UnitHelper.GetUnitNameH(
|
prvePathDataObj.DesignInfo.UnitH
|
);
|
|
this.m_DpQ = prvePathDataObj.DesignInfo.DpQ; //流量
|
this.m_DpQuValue = prvePathDataObj.DesignInfo.UnitQ; //流量单位
|
this.m_DpQuText = UnitHelper.GetUnitNameQ(
|
//流量单位显示文字
|
prvePathDataObj.DesignInfo.UnitQ
|
);
|
|
this.m_ToleranceStandardValue =
|
prvePathDataObj.DesignInfo.ToleranceStandard; //容差标准
|
this.m_ToleranceLevelValue =
|
prvePathDataObj.DesignInfo.PointTolerance.ToleranceGrade; //容差等级
|
if (this.m_ToleranceLevelValue == 0) {
|
this.isToleranceLevelCustom = true;
|
}
|
this.m_MinFlowPerecent = parseFloat(
|
prvePathDataObj.DesignInfo.PointTolerance.RatioMinQ * 100
|
).toFixed(1); //最小流量百分比
|
this.m_MaxFlowPerecent = parseFloat(
|
prvePathDataObj.DesignInfo.PointTolerance.RatioMaxQ * 100
|
).toFixed(1); //最大流量百分比
|
this.m_MinHeadPerecent = parseFloat(
|
prvePathDataObj.DesignInfo.PointTolerance.RatioMinH * 100
|
).toFixed(1); //最小扬程百分比
|
this.m_MaxHeadPerecent = parseFloat(
|
prvePathDataObj.DesignInfo.PointTolerance.RatioMaxH * 100
|
).toFixed(1); //最大扬程百分比
|
|
this.m_PinLvValue = prvePathDataObj.FilterInfo.MotorFrequence; //电机频率
|
this.m_PinLvShowValue = prvePathDataObj.FilterInfo.MotorFrequence; //电机频率显示文字
|
|
this.MotorPoleNum = prvePathDataObj.FilterInfo.MotorPoleNum;
|
this.m_FireTypeValue = prvePathDataObj.FilterInfo.FirePumpType;
|
|
this.m_FireTypeColumns.forEach((item) => {
|
if (item.value == prvePathDataObj.FilterInfo.FirePumpType) {
|
this.m_FireTypeShowValue = item.text;
|
}
|
});
|
},
|
//获取容差标准的默认值
|
getToleranceDefaultValue() {
|
let currentLangType = this.getCurrentLanguageUrl();
|
let defauleValueObj = this.pointToleranceConfig.DefaultValue;
|
let currentDefauleValue = {
|
Standard: "",
|
ToleranceGrade: "",
|
};
|
// console.log(this.m_ToleranceStandardValue,this.m_ToleranceLevelValue,689)
|
if (
|
this.m_ToleranceStandardValue == "" ||
|
this.m_ToleranceStandardValue == undefined ||
|
this.m_ToleranceStandardValue == null
|
) {
|
Object.keys(defauleValueObj).forEach((item) => {
|
if (item == currentLangType) {
|
currentDefauleValue = defauleValueObj[item];
|
}
|
});
|
} else {
|
currentDefauleValue.Standard = this.m_ToleranceStandardValue;
|
currentDefauleValue.ToleranceGrade = this.m_ToleranceLevelValue;
|
}
|
|
let selectList = this.pointToleranceConfig.Standard4PumpSelectList;
|
selectList.forEach((item) => {
|
if (item.Value == currentDefauleValue.Standard) {
|
this.m_ToleranceStandardShowValue = item.Name;
|
}
|
item.ToleranceGrade.forEach((grade) => {
|
if (grade.Value == currentDefauleValue.ToleranceGrade) {
|
this.m_ToleranceLevelShowValue = grade.Name;
|
}
|
if (
|
grade.Value != currentDefauleValue.ToleranceGrade &&
|
currentDefauleValue.ToleranceGrade == 0
|
) {
|
this.m_ToleranceLevelShowValue = `${this.$t(
|
"selectPage.custom.TR"
|
)}`;
|
}
|
});
|
});
|
|
this.m_ToleranceStandardValue = currentDefauleValue.Standard;
|
this.m_ToleranceLevelValue = currentDefauleValue.ToleranceGrade;
|
},
|
//获取容差范围的数据
|
buildToleranceRangData() {
|
let ToleranceStandardColumns = [];
|
let ToleranceLevelColumns = [];
|
let SelectList = this.pointToleranceConfig.Standard4PumpSelectList;
|
SelectList.forEach((item, index) => {
|
if (item.Value == this.m_ToleranceStandardValue) {
|
this.m_ToleranceStandardIndex = index;
|
}
|
let standColumn = {
|
text: "",
|
value: "",
|
disable: false,
|
};
|
standColumn.text = item.Name;
|
standColumn.value = item.Value;
|
ToleranceStandardColumns.push(standColumn);
|
|
item.ToleranceGrade.forEach((grade, gradeIndex) => {
|
if (
|
item.Value == this.m_ToleranceStandardValue &&
|
grade.Value == this.m_ToleranceLevelValue
|
) {
|
this.m_ToleranceLevelIndex = gradeIndex;
|
this.m_MinFlowPerecent = parseFloat(
|
grade.Tol.RatioMinQ * 100
|
).toFixed(1); //最小流量百分比
|
this.m_MaxFlowPerecent = parseFloat(
|
grade.Tol.RatioMaxQ * 100
|
).toFixed(1); //最大流量百分比
|
this.m_MinHeadPerecent = parseFloat(
|
grade.Tol.RatioMinH * 100
|
).toFixed(1); //最小扬程百分比
|
this.m_MaxHeadPerecent = parseFloat(
|
grade.Tol.RatioMaxH * 100
|
).toFixed(1); //最大扬程百分比
|
}
|
if (item.Value == this.m_ToleranceStandardValue) {
|
let gradeColumn = {
|
text: "",
|
value: "",
|
disable: false,
|
};
|
gradeColumn.text = grade.Name;
|
gradeColumn.value = grade.Value;
|
ToleranceLevelColumns.push(gradeColumn);
|
}
|
});
|
});
|
ToleranceLevelColumns.push({
|
text: `${this.$t("selectPage.custom.TR")}`,
|
value: 0,
|
disable: false,
|
});
|
if (this.m_ToleranceStandardValue == 0) {
|
this.m_ToleranceLevelIndex = ToleranceLevelColumns.length - 1;
|
}
|
this.m_ToleranceStandardColumns = ToleranceStandardColumns;
|
this.m_ToleranceLevelColumns = ToleranceLevelColumns;
|
// console.log(ToleranceStandardColumns,ToleranceLevelColumns,629)
|
},
|
|
//监听流量选择
|
onChangeDpQuConfirm(columns, index) {
|
this.m_DpQuValue = columns.value;
|
this.m_DpQuText = columns.label;
|
this.m_DpQuIndex = index;
|
this.m_showDpQuPicker = false;
|
},
|
//监听扬程选择
|
onChangeDpHuConfirm(columns, index) {
|
this.m_DpHuValue = columns.value;
|
this.m_DpHuText = columns.label;
|
this.m_DpHuIndex = index;
|
this.m_showDpHuPicker = false;
|
},
|
//电机转速选择切换
|
motorToggle(item, index) {
|
let motorResult = this.m_MotorValue;
|
if (motorResult.indexOf(item) != -1) {
|
motorResult.slice(motorResult.indexOf(item), motorResult.length - 1);
|
} else {
|
motorResult.push(item);
|
}
|
this.m_MotorValue = motorResult;
|
this.m_MotorShowValue = motorResult.join(",");
|
|
this.$refs.checkboxes[index].toggle();
|
},
|
//监听驱动类型选择
|
onChangeDeviceTypeConfirm(e) {
|
this.m_ShowDeviceTpyePicker = false;
|
this.m_DeviceTpyeValue = e.value;
|
this.m_DeviceTpyeShowValue = e.text;
|
},
|
//监听频率选择
|
onChangePinLvConfirm(e) {
|
this.m_ShowPinLvPicker = false;
|
this.m_PinLvValue = e;
|
this.m_PinLvShowValue = e;
|
},
|
//监听消防类型选择
|
onChangeFireTypeConfirm(e) {
|
if (e.value != 0) {
|
this.IsFirePump = true;
|
}
|
this.m_ShowFireTypePicker = false;
|
this.m_FireTypeValue = e.value;
|
this.m_FireTypeShowValue = e.text;
|
},
|
//监听转速等级选择
|
onChangeMotorPoleConfirm(e) {
|
this.m_ShowMotorPolePicker = false;
|
this.m_MotorPoleValue = e.value;
|
this.m_MotorPoleShowValue = e.text;
|
},
|
onChangeBrandSelectAll(){
|
this.brandSelectAll = !this.brandSelectAll
|
let currentBrandSelectArr= []
|
let currentBrandSelectName = []
|
this.m_BrandColumns.forEach(item=>{
|
if(this.brandSelectAll){
|
item.IsSelect = true
|
}else {
|
item.IsSelect = false
|
}
|
|
if(item.IsSelect){
|
currentBrandSelectArr.push(item.ID)
|
currentBrandSelectName.push(item.ShortName)
|
}
|
})
|
|
this.m_BrandShowValue = currentBrandSelectName.join(',')
|
this.m_BrandValue = currentBrandSelectArr
|
},
|
//监听品牌选择
|
onChangeBrandSelect(e){
|
// console.log(e,965)
|
let currentBrandSelectArr= []
|
let currentBrandSelectName = []
|
this.m_BrandColumns.forEach(item=>{
|
if(item.ID == e.ID){
|
item.IsSelect = !item.IsSelect
|
}
|
if(item.IsSelect){
|
currentBrandSelectArr.push(item.ID)
|
currentBrandSelectName.push(item.ShortName)
|
}
|
})
|
|
this.m_BrandShowValue = currentBrandSelectName.join(',')
|
this.m_BrandValue = currentBrandSelectArr
|
//判断当前是否是全选
|
if(this.m_BrandValue.length != this.m_BrandColumns.length){
|
this.brandSelectAll = false
|
}else {
|
this.brandSelectAll = true
|
}
|
|
},
|
//监听电机功率标准选择
|
onChangeMotorStdConfirm(e) {
|
this.m_ShowMotorStdPicker = false;
|
this.m_MotorStdValue = e.value;
|
this.m_MotorStdShowValue = e.text;
|
},
|
//监听介质名称选额
|
onChangeJieZhiNameConfirm(e) {
|
this.m_ShowJieZhiNamePicker = false;
|
this.m_JieZhiNameValue = e.value;
|
this.m_JieZhiNameShowValue = e.text;
|
},
|
//监听校验容差标准的选择
|
onChangeToleranceStandardConfirm(e, index) {
|
this.isToleranceLevelCustom = false;
|
this.m_ToleranceStandardIndex = index;
|
this.m_ToleranceStandardPicker = false;
|
this.m_ToleranceStandardValue = e.value;
|
this.m_ToleranceStandardShowValue = e.text;
|
|
let SelectList = this.pointToleranceConfig.Standard4PumpSelectList;
|
SelectList.forEach((item) => {
|
if (item.Value == e.value) {
|
this.m_ToleranceLevelValue = SelectList[0].ToleranceGrade[0].Value;
|
this.m_ToleranceLevelShowValue = SelectList[0].ToleranceGrade[0].Name;
|
// console.log(this.m_ToleranceLevelValue,710)
|
}
|
});
|
this.buildToleranceRangData();
|
},
|
//监听容差等级的选择
|
onChangeToleranceLevelConfirm(e, index) {
|
this.isToleranceLevelCustom = false;
|
this.m_ToleranceLevelPicker = false;
|
this.m_ToleranceLevelValue = e.value;
|
this.m_ToleranceLevelIndex = index;
|
this.m_ToleranceLevelShowValue = e.text;
|
if (e.value == 0) {
|
this.isToleranceLevelCustom = true;
|
return;
|
}
|
this.buildToleranceRangData();
|
},
|
//下一页
|
toSelSeries() {
|
let Toast = this.$toast;
|
if (this.m_DpQ == "") {
|
Toast.fail({
|
duration: 1000, //为0时 不关闭toast框
|
message: "请输入流量",
|
forbidClick: true,
|
});
|
return;
|
}
|
if (this.m_DpH == "") {
|
Toast.fail({
|
duration: 1000, //为0时 不关闭toast框
|
message: "请输入扬程",
|
forbidClick: true,
|
});
|
return;
|
}
|
|
let groupPageData = {
|
//介质
|
JieZhi: {
|
ID: 0, //介质id
|
Name: "清水", //介质名称
|
CalcDensity: this.m_CalcDensity, //密度
|
CalcViscosity: this.m_CalcViscosity, //粘度
|
},
|
//筛选信息
|
FilterInfo: {
|
DriveType: this.m_DeviceTpyeValue, //设备类型 0电机 3柴油机
|
KeyWord: "", //关键字 暂时默认空
|
MotorPoleNum: this.m_MotorPoleValue, //电机效率等级 暂时为空
|
DieselSpeed: this.m_DieselSpeed, //柴油机转速 暂时默认
|
MotorFrequence: this.m_PinLvValue, //电机赫兹
|
FirePumpType: this.m_FireTypeValue, //
|
Temperature: this.m_Temperature, //温度
|
MotorStandard: this.m_MotorStdValue, //电机功率标准
|
SeriesSelectMethod: 1, //0 用的是 CatalogID 1 用的是SeriesID 2 行业
|
SeriesID: "", //泵系列ID 暂时默认为空
|
CatalogID: "", //泵类型id
|
},
|
//设计点参数
|
DesignInfo: {
|
UnitQ: this.m_DpQuValue, //流量单位
|
UnitH: this.m_DpHuValue, //扬程单位
|
DpQ: this.m_DpQ, //输入的流量的值
|
DpH: this.m_DpH, //输入的扬程的值
|
ToleranceStandard: this.m_ToleranceStandardValue, //容差标准的值
|
// PointTolerance: {
|
// ToleranceGrade: this.m_ToleranceLevelValue,//容差等级的值
|
// RatioMinQ: this.m_MinFlowPerecent / 100,
|
// RatioMaxQ: this.m_MaxFlowPerecent / 100,
|
// RatioMinH: this.m_MinHeadPerecent / 100,
|
// RatioMaxH: this.m_MaxHeadPerecent / 100,
|
// },
|
PointTolerance: "",
|
IsVisCorrect: false, //是否修正粘度 默认false
|
},
|
};
|
if (this.m_HistoryRecordDataObj) {
|
groupPageData.FilterInfo.SeriesID =
|
this.m_HistoryRecordDataObj.FilterInfo.SeriesID;
|
groupPageData.FilterInfo.CatalogID =
|
this.m_HistoryRecordDataObj.FilterInfo.CatalogID;
|
}
|
// console.log(groupPageData, 468);
|
|
//将筛选数据存储到vuex中
|
this.$store.commit("instante/select/ByParas", {
|
//select 表示vuex的文件名
|
filterData: groupPageData,
|
});
|
this.gotoPage("/Select/PumpCategory", "", null);
|
},
|
//返回上一页
|
pageBack() {
|
this.gotoPage("/Index", "", null);
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss">
|
.selectParm_Box {
|
width: 100%;
|
height: 100vh;
|
.selectParm_main {
|
width: 100%;
|
height: calc(100% - 47px);
|
overflow: auto;
|
background-color: #fafafa;
|
.van-button--primary {
|
color: #000;
|
background-color: unset;
|
border: unset;
|
}
|
.van-cell__title,
|
.van-cell__value {
|
text-align: left;
|
font-size: 13px;
|
}
|
.van-collapse-item__content {
|
padding: 0px 16px;
|
}
|
.van-field__label {
|
width: 7em;
|
}
|
.van-field__label--center {
|
text-align: center !important;
|
}
|
.van-field__control {
|
text-indent: 5.5em;
|
text-overflow: ellipsis;
|
}
|
.brand-content {
|
height: 50vh;
|
padding: 0px 5px;
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: flex-start;
|
align-content: flex-start;
|
}
|
.brand-item {
|
display: flex;
|
flex-direction: column;
|
width: 120px;
|
height: 32px;
|
justify-content: center;
|
align-items: center;
|
background-color: #f1f2f3;
|
border-radius: 20px;
|
margin-bottom: 10px;
|
margin-right: 5px;
|
box-sizing: border-box;
|
span{
|
font-size: 12px;
|
}
|
}
|
.brand-item-active{
|
border: 1px solid #578ebe;
|
background-color: #ecf5ff;
|
span{
|
font-size: 12px;
|
color:#578ebe
|
}
|
}
|
}
|
}
|
</style>
|
