<template>
|
<div class="selectParm_Box" >
|
<div id="page_one" style="height:100%" v-show="pageStep == 1">
|
<!-- 头部导航栏 -->
|
<van-nav-bar style="background-color: #528abe">
|
<template #left>
|
<div @click="backPage" style="display: flex; align-items: center">
|
<van-icon name="arrow-left" size="18" />
|
<span>{{$t('pipeLoss.back.TR')}}</span>
|
</div>
|
</template>
|
<template #title>
|
<label>{{$t('pipeLoss.selparas.TR')}}</label>
|
</template>
|
<template #right>
|
<div @click="nextStepTwo" style="display: flex; align-items: center">
|
<span>{{$t('pipeLoss.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_formData.m_DpQ"
|
label-align="center"
|
type="number"
|
:placeholder="$t('pipeLoss.flowRule.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.flow.TR')}}</span>
|
</template>
|
<template #button>
|
<van-button :disabled="true" size="small" type="primary">{{
|
m_DpQuText
|
}}</van-button>
|
</template>
|
</van-field>
|
<!-- 介质 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_JieZhi"
|
label-align="center"
|
type="text"
|
:placeholder="$t('pipeLoss.mediaRule.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.medium.TR')}}</span>
|
</template>
|
<template #button></template>
|
</van-field>
|
<!-- 所选类型 -->
|
<van-field
|
readonly
|
clickable
|
center
|
v-model="m_formData.m_SuoXuanLX"
|
:label="$t('pipeLoss.selectType.TR')"
|
label-align="center"
|
style="padding: 10px 26px"
|
@click="m_ShowLeiXinPicker = true"
|
>
|
<template #button></template>
|
</van-field>
|
<!-- 所选管壁厚度号 -->
|
<van-field
|
v-if="isShowBGHD"
|
readonly
|
clickable
|
center
|
v-model="m_formData.m_SuoXuanGB"
|
:label="$t('pipeLoss.pipeWallThicknessNo.TR')"
|
label-align="center"
|
style="padding: 10px 26px"
|
@click="m_ShowGBHDPicker = true"
|
>
|
<template #button></template>
|
</van-field>
|
<!-- 进水管 -->
|
<van-field
|
readonly
|
center
|
clickable
|
label-align="center"
|
v-model="m_formData.m_JinShui"
|
:label="$t('pipeLoss.inletPipe.TR')"
|
style="padding: 10px 26px"
|
@click="m_ShowJinShuiPicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary"> mm </van-button>
|
</template>
|
</van-field>
|
<!-- 排水管 -->
|
<van-field
|
readonly
|
center
|
clickable
|
label-align="center"
|
v-model="m_formData.m_PaiShui"
|
:label="$t('pipeLoss.drainagePipe.TR')"
|
style="padding: 10px 26px"
|
@click="m_ShowPaiShuiPicker = true"
|
>
|
<template #button>
|
<van-button disabled size="small" type="primary"> mm </van-button>
|
</template>
|
</van-field>
|
<!-- 进水管阻力系数 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_JinShuiRatio"
|
label-align="center"
|
:label="$t('pipeLoss.RCOIP.TR')"
|
type="number"
|
:placeholder="$t('pipeLoss.RCOIP.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.RCOIP.TR')}}</span>
|
</template>
|
<template #button> </template>
|
</van-field>
|
<!-- 排水管阻力系数 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_PaiShuiRatio"
|
label-align="center"
|
:label="$t('pipeLoss.DPRC.TR')"
|
:placeholder="$t('pipeLoss.DPRC.TR')"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.DPRC.TR')}}</span>
|
</template>
|
<template #button> </template>
|
</van-field>
|
<!-- 所选类型弹框 -->
|
<van-popup
|
v-model="m_ShowLeiXinPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="m_formData.m_SuoXuanLX"
|
:columns="m_SuoXuanLXColumns"
|
value-key="text"
|
@cancel="m_ShowLeiXinPicker = false"
|
@confirm="onChangeLeiXinConfirm"
|
/>
|
</van-popup>
|
<!-- 所选管壁厚度号 -->
|
<van-popup
|
v-model="m_ShowGBHDPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="m_GBHDIndex"
|
value-key="value"
|
:columns="m_BGHDColumns"
|
@cancel="m_ShowGBHDPicker = false"
|
@confirm="onChangeBGHDConfirm"
|
/>
|
</van-popup>
|
<!-- 进水管 -->
|
<van-popup
|
v-model="m_ShowJinShuiPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="4"
|
value-key="value"
|
:columns="m_JinShuiColumns"
|
@cancel="m_ShowJinShuiPicker = false"
|
@confirm="onChangeJinShuiConfirm"
|
/>
|
</van-popup>
|
<!-- 排水管 -->
|
<van-popup
|
v-model="m_ShowPaiShuiPicker"
|
round
|
position="bottom"
|
safe-area-inset-bottom
|
>
|
<van-picker
|
show-toolbar
|
:default-index="4"
|
value-key="value"
|
:columns="m_PaiShuiColumns"
|
@cancel="m_ShowPaiShuiPicker = false"
|
@confirm="onChangePaiShuiConfirm"
|
/>
|
</van-popup>
|
</div>
|
</div>
|
<div id="page_two" style="height:100%" v-show="pageStep == 2">
|
<!-- 头部导航栏 -->
|
<van-nav-bar style="background-color: #528abe">
|
<template #left>
|
<div @click="pageStep = 1" style="display: flex; align-items: center">
|
<van-icon name="arrow-left" size="18" />
|
<span>{{$t('pipeLoss.previous.TR')}}</span>
|
</div>
|
</template>
|
<template #title>
|
<label>{{$t('pipeLoss.suctionconfig.TR')}}</label>
|
</template>
|
<template #right>
|
<div
|
@click="nextStepThree"
|
style="display: flex; align-items: center"
|
>
|
<span>{{$t('pipeLoss.nextStep.TR')}}</span>
|
<van-icon name="arrow" size="18" />
|
</div>
|
</template>
|
</van-nav-bar>
|
<div class="selectParm_main">
|
<!-- 大气压力 -->
|
<van-field
|
center
|
clearable
|
:disabled="true"
|
v-model="m_formData.m_dqyl"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.atmospheric.TR')}}</span>
|
</template>
|
<template #button>KPa</template>
|
</van-field>
|
<!-- 水塔表面压力 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_stbmyl"
|
label-align="center"
|
type="number"
|
:placeholder="$t('pipeLoss.WTSP.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.WTSP.TR')}}</span>
|
</template>
|
<template #button>KPa</template>
|
</van-field>
|
<!-- 吸水高度 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_xsgd"
|
label-align="center"
|
type="number"
|
:placeholder="$t('pipeLoss.waterAbsorptionHeight.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.waterAbsorptionHeight.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 管路长度 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_glcd"
|
label-align="center"
|
:placeholder="$t('pipeLoss.PipelineLength.TR')"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.PipelineLength.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 入口 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.entrance.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/Rukou.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_rukou" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 出口 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.export.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/ChuKou.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_chukou" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 90°弯头 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.elbow_90.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/WanTou.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_90roate" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 球阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.ballValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/QiuFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_qiufa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 蝶阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.butterflyValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/DieFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_diefa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 闸阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.gateValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/ZhaFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_zhafa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
|
<!-- 截止阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.globeValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/JieZhiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_jiezhifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 旋塞阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.plugValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/XuanSaiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_xuansaifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 升降式止回阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.liftCheckValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/ShengJiangShiZhiHuiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper
|
:min="0"
|
v-model="m_formData.m_shengjiangshizhihuifa"
|
/>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 截止止回阀阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.stopCheckValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/JieZhiZhiHuiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_jiezhizhihuifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 旋启式止回阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.swingCheckValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/XuanQiShiZhiHuiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_xuanqishizhihuifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
</div>
|
</div>
|
<div id="page_three" style="height:100%" v-show="pageStep == 3">
|
<!-- 头部导航栏 -->
|
<van-nav-bar style="background-color: #528abe">
|
<template #left>
|
<div @click="pageStep = 2" style="display: flex; align-items: center">
|
<van-icon name="arrow-left" size="18" />
|
<span>{{$t('pipeLoss.previous.TR')}}</span>
|
</div>
|
</template>
|
<template #title>
|
<label>{{$t('pipeLoss.dischargeConfig.TR')}}</label>
|
</template>
|
<template #right>
|
<div @click="nextStepFour" style="display: flex; align-items: center">
|
<span>{{$t('pipeLoss.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_formData.m_pc_stbmyl"
|
label-align="center"
|
type="number"
|
:placeholder="$t('pipeLoss.WTSP.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.WTSP.TR')}}</span>
|
</template>
|
<template #button>KPa</template>
|
</van-field>
|
<!-- 静排出扬程 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_pc_ycgd"
|
label-align="center"
|
type="number"
|
:placeholder="$t('pipeLoss.staticDischargeHead.TR')"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.staticDischargeHead.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 管路长度 -->
|
<van-field
|
center
|
clearable
|
v-model="m_formData.m_pc_glcd"
|
label-align="center"
|
:placeholder="$t('pipeLoss.PipelineLength.TR')"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.PipelineLength.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 入口 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.entrance.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/Rukou.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_rukou" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 出口 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.export.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/ChuKou.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_chukou" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 90°弯头 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.elbow_90.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/WanTou.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_90roate" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 球阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.ballValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/QiuFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_qiufa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 蝶阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.butterflyValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/DieFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_diefa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 闸阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.gateValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/ZhaFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_zhafa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
|
<!-- 截止阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.globeValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/JieZhiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_jiezhifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 旋塞阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.plugValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/XuanSaiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_xuansaifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 升降式止回阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.liftCheckValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/ShengJiangShiZhiHuiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper
|
:min="0"
|
v-model="m_formData.m_pc_shengjiangshizhihuifa"
|
/>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 截止止回阀阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.stopCheckValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/JieZhiZhiHuiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_jiezhizhihuifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<!-- 旋启式止回阀 -->
|
<van-field
|
center
|
clearable
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<div
|
style="
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
"
|
>
|
<label style="font-size: 14px">{{$t('pipeLoss.swingCheckValve.TR')}}</label>
|
<img
|
style="object-fit: contain; width: 70%"
|
src="./images/XuanQiShiZhiHuiFa.png"
|
/>
|
</div>
|
</template>
|
<template #input>
|
<van-stepper :min="0" v-model="m_formData.m_pc_xuanqishizhihuifa" />
|
</template>
|
<template #button>m</template>
|
</van-field>
|
</div>
|
</div>
|
<div id="page_four" style="height:100%" v-show="pageStep == 4">
|
<!-- 头部导航栏 -->
|
<van-nav-bar style="background-color: #528abe">
|
<template #left>
|
<div @click="pageStep = 3" style="display: flex; align-items: center">
|
<van-icon name="arrow-left" size="18" />
|
<span>{{$t('pipeLoss.previous.TR')}}</span>
|
</div>
|
</template>
|
<template #title>
|
<label>{{$t('pipeLoss.calcResults.TR')}}</label>
|
</template>
|
<template #right>
|
<div @click="pageBack" style="display: flex; align-items: center">
|
<span>{{$t('selectPage.index.TR')}}</span>
|
<van-icon name="wap-home-o" size="18" />
|
</div>
|
</template>
|
</van-nav-bar>
|
<div class="selectParm_main">
|
<van-collapse v-model="activeNames">
|
<van-collapse-item :title="$t('pipeLoss.designPoint.TR')" name="1">
|
<van-field
|
center
|
readonly
|
v-model="m_formData.m_js_DpQ"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.flow.TR')}}</span>
|
</template>
|
<template #button>m³/h</template>
|
</van-field>
|
<van-field
|
center
|
readonly
|
v-model="m_formData.m_js_DpH"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.head.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_JieZhi"
|
label-align="center"
|
type="text"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.medium.TR')}}</span>
|
</template>
|
<template #button></template>
|
</van-field>
|
</van-collapse-item>
|
<van-collapse-item :title="$t('pipeLoss.suctionconfig.TR')" name="2">
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_xr_stbmyl"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.WTSP.TR')}}</span>
|
</template>
|
<template #button>KPa</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_xr_xrgd"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.waterAbsorptionHeight.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_xr_glcd"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.PipelineLength.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_xr_glcc"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.pipeSize.TR')}}</span>
|
</template>
|
<template #button>mm</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_xr_jbss"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.localLoss.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_xr_jsglmcxs"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.FCOIP.TR')}}</span>
|
</template>
|
<template #button></template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_xr_jsglycss"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.LATWIP.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
</van-collapse-item>
|
<van-collapse-item :title="$t('pipeLoss.dischargeConfig.TR')" name="3">
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_pc_stbmyl"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.WTSP.TR')}}</span>
|
</template>
|
<template #button>KPa</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_pc_xrgd"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.staticDischargeHead.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_pc_glcd"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px"> {{$t('pipeLoss.PipelineLength.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_pc_glcc"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.pipeSize.TR')}}</span>
|
</template>
|
<template #button>mm</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_pc_jbss"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.localLoss.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_pc_pcglmcxs"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.FCOOP.TR')}}</span>
|
</template>
|
<template #button></template>
|
</van-field>
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_pc_pcglycss"
|
label-align="center"
|
type="number"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.LATWOP.TR')}}</span>
|
</template>
|
<template #button>m</template>
|
</van-field>
|
</van-collapse-item>
|
<van-collapse-item :title="$t('pipeLoss.pipe.TR')" name="4">
|
<van-field
|
readonly
|
center
|
v-model="m_formData.m_js_cljbz"
|
label-align="center"
|
type="text"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.materialsAndStandards.TR')}}</span>
|
</template>
|
<template #button></template>
|
</van-field>
|
<van-field
|
v-if="isShowBGHD"
|
readonly
|
center
|
v-model="m_formData.m_js_gbhd"
|
label-align="center"
|
type="text"
|
style="padding: 10px 26px"
|
>
|
<template #label>
|
<span style="font-size: 14px">{{$t('pipeLoss.pipeWallThicknessNo.TR')}}</span>
|
</template>
|
<template #button></template>
|
</van-field>
|
</van-collapse-item>
|
</van-collapse>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import UnitHelper from "@/utils/unit";
|
import languageMixin from "@/mixin/language";
|
export default {
|
mixins: [languageMixin],
|
data() {
|
return {
|
m_Title: "",
|
activeNames: ["1", "2", "3", "4"],
|
pageStep: 1, //当前步骤
|
m_formData: {
|
m_DpQ: "", //流量的值
|
m_JieZhi: "20℃清水", //介质
|
m_SuoXuanLX: "球墨铸铁管", //所选类型
|
m_SuoXuanGB: "", //所选管壁厚度号
|
m_JinShui: 80, //进水管
|
m_PaiShui: 80, //排水管
|
m_JinShuiRatio: "0.026", //进水管阻力系数
|
m_PaiShuiRatio: "0.026", //排水管阻力系数
|
m_dqyl: 101.4, //大气压力
|
m_stbmyl: 101.4, //水塔表面压力
|
m_xsgd: "", //吸水高度
|
m_glcd: "", //管路长度
|
m_rukou: 0, //入口
|
m_chukou: 0, //出口
|
m_90roate: 0, //90°弯头
|
m_zhafa: 0, //90°弯头
|
m_qiufa: 0, //球阀
|
m_diefa: 0, //蝶阀
|
m_jiezhifa: 0, //截止阀
|
m_xuansaifa: 0, //旋塞阀
|
m_shengjiangshizhihuifa: 0, //升降式止回阀
|
m_jiezhizhihuifa: 0, //截止止回阀
|
m_xuanqishizhihuifa: 0, //旋启式止回阀
|
|
m_pc_stbmyl: 101.4, //水塔表面压力
|
m_pc_ycgd: "", //排出扬程高度
|
m_pc_glcd: "", //管路长度
|
m_pc_rukou: 0, //入口
|
m_pc_chukou: 0, //出口
|
m_pc_90roate: 0, //90°弯头
|
m_pc_zhafa: 0, //90°弯头
|
m_pc_qiufa: 0, //球阀
|
m_pc_diefa: 0, //蝶阀
|
m_pc_jiezhifa: 0, //截止阀
|
m_pc_xuansaifa: 0, //旋塞阀
|
m_pc_shengjiangshizhihuifa: 0, //升降式止回阀
|
m_pc_jiezhizhihuifa: 0, //截止止回阀
|
m_pc_xuanqishizhihuifa: 0, //旋启式止回阀
|
|
m_js_DpQ: 12, //计算结果--流量
|
m_js_DpH: "", //计算结果--扬程
|
m_js_JieZhi: "20℃清水", //计算结果--介质
|
|
m_js_xr_stbmyl: 101.4, //计算结果--吸入--水塔表面压力
|
m_js_xr_xrgd: 2, //计算结果--吸入--吸入高度
|
m_js_xr_glcd: 1, //计算结果--吸入--管路长度
|
m_js_xr_glcc: 80, //计算结果--吸入--管路尺寸
|
m_js_xr_jbss: 0, //计算结果--吸入--局部损失
|
m_js_xr_jsglmcxs: 0.026, //计算结果--吸入--进水管路摩擦系数
|
m_js_xr_jsglycss: 0, //计算结果--吸入--进水管路沿程损失
|
|
m_js_pc_stbmyl: 101.4, //计算结果--排出--水塔表面压力
|
m_js_pc_xrgd: 1, //计算结果--排出--吸入高度
|
m_js_pc_glcd: 2, //计算结果--排出--管路长度
|
m_js_pc_glcc: 80, //计算结果--排出--管路尺寸
|
m_js_pc_jbss: 0, //计算结果--排出--局部损失
|
m_js_pc_pcglmcxs: 0.026, //计算结果--排出--排出擦系数
|
m_js_pc_pcglycss: 0, //计算结果--排出--排出管路沿程损失
|
|
m_js_cljbz: "", //材料及标准
|
m_js_gbhd: "", //所选管壁厚度号
|
},
|
m_DpQuText: "", //流量单位
|
m_ShowLeiXinPicker: false, //所选类型弹框
|
m_SuoXuanLXColumns: [
|
{ text: "球墨铸铁管", value: "球墨铸铁管", disabled: false },
|
{ text: "PVC塑料管", value: "PVC塑料管", disabled: false },
|
{ text: "铸铁管", value: "铸铁管", disabled: false },
|
{ text: "不锈钢管", value: "不锈钢管", disabled: false },
|
{ text: "混泥土管", value: "混泥土管", disabled: false },
|
{
|
text: "焊接和无缝轧制钢管",
|
value: "焊接和无缝轧制钢管(Steel A53-B36.10)",
|
disabled: false,
|
},
|
{ text: "其它", value: "其它", disabled: false },
|
], //所选类型选择列表
|
m_ShowJinShuiPicker: false, //进水管
|
m_JinShuiColumns: [
|
{ text: "25", value: 25, disabled: false },
|
{ text: "40", value: 40, disabled: false },
|
{ text: "50", value: 50, disabled: false },
|
{ text: "65", value: 65, disabled: false },
|
{ text: "80", value: 80, disabled: false },
|
{ text: "100", value: 100, disabled: false },
|
{ text: "125", value: 125, disabled: false },
|
{ text: "150", value: 150, disabled: false },
|
{ text: "200", value: 200, disabled: false },
|
{ text: "250", value: 250, disabled: false },
|
{ text: "300", value: 300, disabled: false },
|
{ text: "400", value: 400, disabled: false },
|
{ text: "450", value: 450, disabled: false },
|
{ text: "500", value: 500, disabled: false },
|
{ text: "600", value: 600, disabled: false },
|
{ text: "700", value: 700, disabled: false },
|
{ text: "800", value: 800, disabled: false },
|
{ text: "900", value: 900, disabled: false },
|
{ text: "1000", value: 1000, disabled: false },
|
{ text: "1100", value: 1100, disabled: false },
|
{ text: "1200", value: 1200, disabled: false },
|
], //进水管选择列表
|
|
m_ShowPaiShuiPicker: false, //排水管
|
m_PaiShuiColumns: [
|
{ text: "25", value: 25, disabled: false },
|
{ text: "40", value: 40, disabled: false },
|
{ text: "50", value: 50, disabled: false },
|
{ text: "65", value: 65, disabled: false },
|
{ text: "80", value: 80, disabled: false },
|
{ text: "100", value: 100, disabled: false },
|
{ text: "125", value: 125, disabled: false },
|
{ text: "150", value: 150, disabled: false },
|
{ text: "200", value: 200, disabled: false },
|
{ text: "250", value: 250, disabled: false },
|
{ text: "300", value: 300, disabled: false },
|
{ text: "400", value: 400, disabled: false },
|
{ text: "450", value: 450, disabled: false },
|
{ text: "500", value: 500, disabled: false },
|
{ text: "600", value: 600, disabled: false },
|
{ text: "700", value: 700, disabled: false },
|
{ text: "800", value: 800, disabled: false },
|
{ text: "900", value: 900, disabled: false },
|
{ text: "1000", value: 1000, disabled: false },
|
{ text: "1100", value: 1100, disabled: false },
|
{ text: "1200", value: 1200, disabled: false },
|
], //排水管列表
|
isShowBGHD: false, //是否显示管壁厚度号
|
m_ShowGBHDPicker: false,
|
m_BGHDColumns: [],
|
m_GBHDIndex: 0,
|
};
|
},
|
mounted() {
|
this.translateColumns(this.$i18n.locale)
|
this.m_Title = this.getSoftName();
|
document.title = this.m_Title
|
this.m_DpQuText = UnitHelper.GetUnitNameQ(
|
this.$globalConfig.UnitDefault.UnitQ.value
|
);
|
},
|
methods: {
|
translateColumns(lang){
|
if(lang == "cn"){
|
this.m_SuoXuanLXColumns = [
|
{ text: "球墨铸铁管", value: "球墨铸铁管", disabled: false },
|
{ text: "PVC塑料管", value: "PVC塑料管", disabled: false },
|
{ text: "铸铁管", value: "铸铁管", disabled: false },
|
{ text: "不锈钢管", value: "不锈钢管", disabled: false },
|
{ text: "混泥土管", value: "混泥土管", disabled: false },
|
{
|
text: "焊接和无缝轧制钢管",
|
value: "焊接和无缝轧制钢管(Steel A53-B36.10)",
|
disabled: false,
|
},
|
{ text: "其它", value: "其它", disabled: false },
|
]
|
this.m_formData.m_JieZhi = "20℃清水"
|
this.m_formData.m_js_JieZhi = "20℃清水"
|
this.m_formData.m_SuoXuanLX = this.m_SuoXuanLXColumns[0].text
|
|
}else if(lang == "en"){
|
this.m_SuoXuanLXColumns = [
|
{ text: "Ductile iron pipe", value: "球墨铸铁管", disabled: false },
|
{ text: "PVC plastic pipe", value: "PVC塑料管", disabled: false },
|
{ text: "Cast iron pipe", value: "铸铁管", disabled: false },
|
{ text: "Stainless steel pipe", value: "不锈钢管", disabled: false },
|
{ text: "Concrete pipe", value: "混泥土管", disabled: false },
|
{
|
text: "Welded and seamless rolled steel pipe",
|
value: "焊接和无缝轧制钢管(Steel A53-B36.10)",
|
disabled: false,
|
},
|
{ text: "other", value: "其它", disabled: false },
|
]
|
this.m_formData.m_JieZhi = "20 ℃ clean water"
|
this.m_formData.m_js_JieZhi = "20 ℃ clean water"
|
this.m_formData.m_SuoXuanLX = this.m_SuoXuanLXColumns[0].text
|
}
|
},
|
backPage() {
|
this.$router.go(-1);
|
},
|
//监听所选类型选择
|
onChangeLeiXinConfirm(columns, index) {
|
this.isShowBGHD = false;
|
this.m_formData.m_SuoXuanLX = columns.text;
|
if (columns.value == "PVC塑料管") {
|
this.isShowBGHD = true;
|
let colums = [
|
{ text: "40", value: "40" },
|
{ text: "80", value: "80" },
|
];
|
this.m_formData.m_SuoXuanGB = colums[0].value;
|
this.m_BGHDColumns = colums;
|
this.PipeLieBiaoFn(columns.value, this.m_formData.m_SuoXuanGB);
|
|
} else if (columns.value == "焊接和无缝轧制钢管(Steel A53-B36.10)") {
|
this.isShowBGHD = true;
|
let colums = [
|
{ text: "10", value: "10" },
|
{ text: "20", value: "20" },
|
{ text: "30", value: "30" },
|
{ text: "60", value: "60" },
|
{ text: "80", value: "80" },
|
{ text: "100", value: "100" },
|
{ text: "120", value: "120" },
|
{ text: "140", value: "140" },
|
{ text: "160", value: "160" },
|
];
|
this.m_formData.m_SuoXuanGB = colums[0].value;
|
this.m_BGHDColumns = colums;
|
this.PipeLieBiaoFn(columns.value, this.m_formData.m_SuoXuanGB);
|
|
} else {
|
let columns = [
|
{ text: "25", value: 25, disabled: false },
|
{ text: "40", value: 40, disabled: false },
|
{ text: "50", value: 50, disabled: false },
|
{ text: "65", value: 65, disabled: false },
|
{ text: "80", value: 80, disabled: false },
|
{ text: "100", value: 100, disabled: false },
|
{ text: "125", value: 125, disabled: false },
|
{ text: "150", value: 150, disabled: false },
|
{ text: "200", value: 200, disabled: false },
|
{ text: "250", value: 250, disabled: false },
|
{ text: "300", value: 300, disabled: false },
|
{ text: "400", value: 400, disabled: false },
|
{ text: "450", value: 450, disabled: false },
|
{ text: "500", value: 500, disabled: false },
|
{ text: "600", value: 600, disabled: false },
|
{ text: "700", value: 700, disabled: false },
|
{ text: "800", value: 800, disabled: false },
|
{ text: "900", value: 900, disabled: false },
|
{ text: "1000", value: 1000, disabled: false },
|
{ text: "1100", value: 1100, disabled: false },
|
{ text: "1200", value: 1200, disabled: false },
|
];
|
this.m_JinShuiColumns = columns;
|
this.m_formData.m_JinShui = columns[4].value;
|
this.m_PaiShuiColumns = columns;
|
this.m_formData.m_PaiShui = columns[4].value;
|
|
this.XiRuMoCaXiShu();
|
this.PaiChuMoCaXiShu();
|
}
|
|
this.m_ShowLeiXinPicker = false;
|
|
},
|
//监听所选管壁厚度选择
|
onChangeBGHDConfirm(columns, index) {
|
this.m_formData.m_SuoXuanGB = columns.value;
|
this.m_ShowGBHDPicker = false;
|
},
|
//监听进水选择
|
onChangeJinShuiConfirm(columns, index) {
|
this.m_formData.m_JinShui = columns.value;
|
this.m_ShowJinShuiPicker = false;
|
|
this.XiRuMoCaXiShu();
|
},
|
//监听排水选择
|
onChangePaiShuiConfirm(columns, index) {
|
this.m_formData.m_PaiShui = columns.value;
|
this.m_ShowPaiShuiPicker = false;
|
this.PaiChuMoCaXiShu();
|
},
|
//吸入摩擦系数
|
XiRuMoCaXiShu() {
|
let SuoXuanLieXing = this.m_formData.m_SuoXuanLX;
|
let JinShuiGuan = this.m_formData.m_JinShui;
|
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/XiRuMoChaXiShu",
|
params: {
|
SuoXuanLieXing: SuoXuanLieXing,
|
JinShuiGuan: JinShuiGuan,
|
},
|
})
|
.then((res) => {
|
if (res.data.Data != "") {
|
this.m_formData.m_JinShuiRatio = parseFloat(res.data.Data).toFixed(3) ;
|
this.m_formData.m_js_xr_jsglmcxs = parseFloat(res.data.Data).toFixed(3);
|
}
|
})
|
.catch((err) => {
|
console.log(err);
|
});
|
},
|
//排出摩擦系数
|
PaiChuMoCaXiShu() {
|
let SuoXuanLieXing = this.m_formData.m_SuoXuanLX;
|
let PaiShuiGuan = this.m_formData.m_PaiShui;
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/PaiChuMoChaXiShu",
|
params: {
|
SuoXuanLieXing: SuoXuanLieXing,
|
PaiShuiGuan: PaiShuiGuan,
|
},
|
})
|
.then((res) => {
|
if (res.data.Data != "") {
|
this.m_formData.m_PaiShuiRatio = parseFloat(res.data.Data).toFixed(3);
|
this.m_formData.m_js_pc_pcglmcxs = parseFloat(res.data.Data).toFixed(3);
|
}
|
})
|
.catch((err) => {
|
console.log(err);
|
});
|
},
|
PipeLieBiaoFn(suoxuanleix, guangbihoudu) {
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/ShuiGuanList",
|
params: {
|
SuoXuanLieXing: suoxuanleix,
|
GuanBiHouDu: guangbihoudu,
|
},
|
})
|
.then((res) => {
|
if (res.data.Code != 0) {
|
return;
|
}
|
let result = res.data;
|
let columns = [];
|
result.Data.forEach((element) => {
|
let obj = {
|
text: element,
|
value: element,
|
};
|
columns.push(obj);
|
});
|
this.m_JinShuiColumns = columns;
|
this.m_formData.m_JinShui = columns[0].value;
|
this.m_PaiShuiColumns = columns;
|
this.m_formData.m_PaiShui = columns[0].value;
|
|
this.XiRuMoCaXiShu();
|
this.PaiChuMoCaXiShu();
|
})
|
.catch((err) => {
|
return;
|
});
|
},
|
//下到第二步
|
nextStepTwo() {
|
let Toast = this.$toast;
|
if (this.m_formData.m_DpQ == "") {
|
Toast(`${this.$t('pipeLoss.flowRule.TR')}`);
|
return;
|
}
|
this.pageStep = 2;
|
},
|
|
//下到第三步
|
nextStepThree() {
|
let Toast = this.$toast;
|
if (this.m_formData.m_stbmyl == "") {
|
Toast(`${this.$t('pipeLoss.stbmylRule.TR')}`);
|
return;
|
} else if (this.m_formData.m_xsgd == "") {
|
Toast(`${this.$t('pipeLoss.xsgdRule.TR')}`);
|
return;
|
} else if (this.m_formData.m_glcd == "") {
|
Toast(`${this.$t('pipeLoss.pipeLength.TR')}`);
|
return;
|
}
|
this.pageStep = 3;
|
},
|
//下到第四步
|
nextStepFour() {
|
let Toast = this.$toast;
|
let formData = this.m_formData;
|
// 吸入配置参数
|
let XiRu_RuKou = formData.m_rukou == "" ? 0 : formData.m_rukou;
|
let XiRu_ChuKou = formData.m_chukou == "" ? 0 : formData.m_chukou;
|
let XiRu_WanTou = formData.m_90roate == "" ? 0 : formData.m_90roate;
|
let XiRu_QiuFa = formData.m_qiufa == "" ? 0 : formData.m_qiufa;
|
let XiRu_DieFa = formData.m_diefa == "" ? 0 : formData.m_diefa;
|
let XiRu_ZhaFa = formData.m_zhafa == "" ? 0 : formData.m_zhafa;
|
let XiRu_JieZhiFa = formData.m_jiezhifa == "" ? 0 : formData.m_jiezhifa;
|
let XiRu_XuanSaiFa =
|
formData.m_xuansaifa == "" ? 0 : formData.m_xuansaifa;
|
let XiRu_ShenJiangShiZhiHuiFa =
|
formData.m_shengjiangshizhihuifa == ""
|
? 0
|
: formData.m_shengjiangshizhihuifa;
|
let XiRu_JieZhiZhiHuiFa =
|
formData.m_jiezhizhihuifa == "" ? 0 : formData.m_jiezhizhihuifa;
|
let XiRu_XuanQiShiZhiHuiFa =
|
formData.m_xuanqishizhihuifa == "" ? 0 : formData.m_xuanqishizhihuifa;
|
let XiRuCount =
|
XiRu_RuKou * 0.78 +
|
XiRu_ChuKou * 1 +
|
XiRu_WanTou * 0.354 +
|
XiRu_QiuFa * 0.0354 +
|
XiRu_DieFa * 0.531 +
|
XiRu_ZhaFa * 0.0945 +
|
XiRu_JieZhiFa * 4.01 +
|
XiRu_XuanSaiFa * 0.213 +
|
XiRu_ShenJiangShiZhiHuiFa * 0.213 +
|
XiRu_JieZhiZhiHuiFa * 4.72 +
|
XiRu_XuanQiShiZhiHuiFa * 1.18;
|
//排出配置参数
|
let PaiChu_RuKou = formData.m_pc_rukou == "" ? 0 : formData.m_pc_rukou;
|
let PaiChu_ChuKou = formData.m_pc_chukou == "" ? 0 : formData.m_pc_chukou;
|
let PaiChu_WanTou =
|
formData.m_pc_90roate == "" ? 0 : formData.m_pc_90roate;
|
let PaiChu_QiuFa = formData.m_pc_qiufa == "" ? 0 : formData.m_pc_qiufa;
|
let PaiChu_DieFa = formData.m_pc_diefa == "" ? 0 : formData.m_pc_diefa;
|
let PaiChu_ZhaFa = formData.m_pc_zhafa == "" ? 0 : formData.m_pc_zhafa;
|
let PaiChu_JieZhiFa =
|
formData.m_pc_jiezhifa == "" ? 0 : formData.m_pc_jiezhifa;
|
let PaiChu_XuanSaiFa =
|
formData.m_pc_xuansaifa == "" ? 0 : formData.m_pc_xuansaifa;
|
let PaiChu_ShenJiangShiZhiHuiFa =
|
formData.m_pc_shengjiangshizhihuifa == ""
|
? 0
|
: formData.m_pc_shengjiangshizhihuifa;
|
let PaiChu_JieZhiZhiHuiFa =
|
formData.m_pc_jiezhizhihuifa == "" ? 0 : formData.m_pc_jiezhizhihuifa;
|
let PaiChu_XuanQiShiZhiHuiFa =
|
formData.m_pc_xuanqishizhihuifa == ""
|
? 0
|
: formData.m_pc_xuanqishizhihuifa;
|
let PaiChuCount =
|
PaiChu_RuKou * 0.78 +
|
PaiChu_ChuKou * 1 +
|
PaiChu_WanTou * 0.354 +
|
PaiChu_QiuFa * 0.0354 +
|
PaiChu_DieFa * 0.531 +
|
PaiChu_ZhaFa * 0.0945 +
|
PaiChu_JieZhiFa * 4.01 +
|
PaiChu_XuanSaiFa * 0.213 +
|
PaiChu_ShenJiangShiZhiHuiFa * 0.213 +
|
PaiChu_JieZhiZhiHuiFa * 4.72 +
|
PaiChu_XuanQiShiZhiHuiFa * 1.18;
|
|
let LiuLiang = formData.m_DpQ;
|
let JinShuiGuan = formData.m_JinShui;
|
let PaiShuiGuan = formData.m_PaiShui;
|
let XiRuJuBuSuenShi = formData.m_js_xr_jbss;
|
let PaiChuJuBuSuenShi = formData.m_js_pc_jbss;
|
let JinShuiGuanLuMoChaXiShu = formData.m_js_xr_jsglmcxs;
|
let ChuShuiGuanLuMoChaXiShu = formData.m_js_pc_pcglmcxs;
|
let JinShuiGuanLuYanChenSuenShi = formData.m_js_xr_jsglycss;
|
let ChuShuiGuanLuYanChenSuenShi = formData.m_js_pc_pcglycss;
|
let XiRu_GuanLuChangDu = formData.m_glcd;
|
let PaiChu_GuanLuChangDu = formData.m_pc_glcd;
|
let XiRu_ShuiTaBiaoMianYali = formData.m_stbmyl;
|
let PaiChu_ShuiTaBiaoMianYaLi = formData.m_pc_stbmyl;
|
let XiRu_JinXiRuYangChen = formData.m_xsgd;
|
let PaiChu_JinPaiChuYangChen = formData.m_pc_ycgd;
|
let SuoXuanLieXing = formData.m_SuoXuanLX;
|
let GuanBiHouDu = formData.m_SuoXuanGB;
|
|
if (this.m_formData.m_pc_stbmyl == "") {
|
Toast(`${this.$t('pipeLoss.stbmylRule.TR')}`);
|
return;
|
} else if (this.m_formData.m_pc_ycgd == "") {
|
Toast(`${this.$t('pipeLoss.xsgdRule.TR')}`);
|
return;
|
} else if (this.m_formData.m_pc_glcd == "") {
|
Toast(`${this.$t('pipeLoss.pipeLength.TR')}`);
|
return;
|
}
|
//计算页面直接附值的参数
|
formData.m_js_DpQ = LiuLiang;
|
formData.m_js_xr_stbmyl = XiRu_ShuiTaBiaoMianYali;
|
formData.m_js_pc_stbmyl = PaiChu_ShuiTaBiaoMianYaLi;
|
formData.m_js_xr_xrgd = XiRu_JinXiRuYangChen;
|
formData.m_js_pc_xrgd = PaiChu_JinPaiChuYangChen;
|
formData.m_js_xr_glcd = XiRu_GuanLuChangDu;
|
formData.m_js_pc_glcd = PaiChu_GuanLuChangDu;
|
formData.m_js_xr_glcc = JinShuiGuan;
|
formData.m_js_pc_glcc = PaiShuiGuan;
|
formData.m_js_cljbz = SuoXuanLieXing;
|
formData.m_js_gbhd = GuanBiHouDu;
|
|
this.XiRuJuBuSuenShi(LiuLiang,JinShuiGuan,XiRuCount,PaiShuiGuan,PaiChuCount)
|
|
this.pageStep = 4;
|
},
|
//吸入局部损失方式计算
|
XiRuJuBuSuenShi(LiuLiang,JinShuiGuan,XiRuCount,PaiShuiGuan,PaiChuCount) {
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/XiRuJuBuSuenShi",
|
params: {
|
LiuLiang: LiuLiang,
|
JinShuiGuan:JinShuiGuan,
|
XiRuCount: XiRuCount,
|
},
|
})
|
.then((res) => {
|
|
if(res.data.Code == 0){
|
|
this.m_formData.m_js_xr_jbss = parseFloat(res.data.Data).toFixed(3)
|
this.PaiChuJuBuSuenShi(LiuLiang,PaiShuiGuan,PaiChuCount,this.m_formData.m_js_pc_pcglmcxs,this.m_formData.m_glcd,this.m_formData.m_JinShui)
|
}
|
})
|
.catch((err) => {
|
console.log(err)
|
});
|
},
|
//排出局部损失方式计算
|
PaiChuJuBuSuenShi(LiuLiang,PaiShuiGuan,PaiChuCount,JinShuiGuanLuMoChaXiShu,XiRu_GuanLuChangDu,JinShuiGuan) {
|
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/PaiChuJuBuSuenShi",
|
params: {
|
LiuLiang: LiuLiang,
|
JinShuiGuan:PaiShuiGuan,
|
XiRuCount: PaiChuCount,
|
},
|
})
|
.then((res) => {
|
|
if(res.data.Code == 0){
|
this.m_formData.m_js_pc_jbss = parseFloat(res.data.Data).toFixed(3)
|
this.XiRuYanChenSuenShi(JinShuiGuanLuMoChaXiShu,LiuLiang,XiRu_GuanLuChangDu,JinShuiGuan)
|
}
|
})
|
.catch((err) => {});
|
},
|
//进水管路沿程损失
|
XiRuYanChenSuenShi(JinShuiGuanLuMoChaXiShu,LiuLiang,XiRu_GuanLuChangDu,JinShuiGuan) {
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/XiRuYanChenSuenShi",
|
params: {
|
JinShuiGuanLuMoChaXiShu: JinShuiGuanLuMoChaXiShu,
|
LiuLiang: LiuLiang,
|
XiRu_GuanLuChangDu:XiRu_GuanLuChangDu,
|
JinShuiGuan:JinShuiGuan,
|
},
|
})
|
.then((res) => {
|
|
if(res.data.Code == 0){
|
this.m_formData.m_js_xr_jsglycss = parseFloat(res.data.Data).toFixed(3)
|
this.PaiChuYanChenSuenShi(this.m_formData.m_js_pc_pcglmcxs,this.m_formData.m_DpQ,this.m_formData.m_js_pc_glcd,this.m_formData.m_js_pc_glcc)
|
}
|
})
|
.catch((err) => {});
|
},
|
//出水管路沿程损失
|
PaiChuYanChenSuenShi(ChuShuiGuanLuMoChaXiShu,LiuLiang,PaiChu_GuanLuChangDu,PaiShuiGuan) {
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/PaiChuYanChenSuenShi",
|
params: {
|
JinShuiGuanLuMoChaXiShu: ChuShuiGuanLuMoChaXiShu,
|
LiuLiang: LiuLiang,
|
XiRu_GuanLuChangDu:PaiChu_GuanLuChangDu,
|
JinShuiGuan:PaiShuiGuan,
|
},
|
})
|
.then((res) => {
|
|
if(res.data.Code == 0){
|
this.m_formData.m_js_pc_pcglycss = parseFloat(res.data.Data).toFixed(3)
|
this.JsYangChen_ChouXi(this.m_formData.m_js_xr_stbmyl,this.m_formData.m_js_pc_stbmyl,this.m_formData.m_js_xr_xrgd,this.m_formData.m_js_pc_xrgd)
|
}
|
})
|
.catch((err) => {});
|
},
|
//计算扬程 有入口压力
|
JsYangChen_ChouXi(XiRu_ShuiTaBiaoMianYali,PaiChu_ShuiTaBiaoMianYaLi,XiRu_JinXiRuYangChen,PaiChu_JinPaiChuYangChen){
|
let JuBuSuenShiCount = parseFloat(this.m_formData.m_js_xr_jbss) + parseFloat(this.m_formData.m_js_xr_jbss);
|
let YanChenCount = parseFloat(this.m_formData.m_js_xr_jsglycss) + parseFloat(this.m_formData.m_js_pc_pcglycss);
|
let MiDu = 998.3;
|
this.$axios({
|
method: "get",
|
url: this.$globalConfig.WebApiUrl.MainUrl + "v1/PipeCalc/JsYangChen_ChouXi",
|
params: {
|
XiRu_ShuiTaBiaoMianYali:XiRu_ShuiTaBiaoMianYali,
|
PaiChu_ShuiTaBiaoMianYaLi: PaiChu_ShuiTaBiaoMianYaLi,
|
XiRu_JinXiRuYangChen:XiRu_JinXiRuYangChen,
|
PaiChu_JinPaiChuYangChen:PaiChu_JinPaiChuYangChen,
|
JuBuSuenShiCount:JuBuSuenShiCount,
|
YanChenCount:YanChenCount,
|
MiDu:MiDu,
|
},
|
})
|
.then((res) => {
|
if(res.data.Code == 0){
|
this.m_formData.m_js_DpH = parseFloat(res.data.Data).toFixed(3)
|
}
|
})
|
.catch((err) => {});
|
},
|
//返回上一页
|
pageBack() {
|
this.$router.push({
|
path: `/${this.$getCurrentLanguageUrl()}/PipeLoss/Index`,
|
});
|
},
|
},
|
};
|
</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: 12em;
|
}
|
.van-field__label--center {
|
text-align: center !important;
|
}
|
.van-field__control {
|
text-indent: 0.5em;
|
}
|
.js_cell {
|
width: 100%;
|
display: flex;
|
padding: 10px 16px;
|
color: #3d3d3d;
|
}
|
.js_cell_label {
|
width: 40%;
|
}
|
.js_cell_content {
|
width: 30%;
|
}
|
.js_cell_right {
|
width: 30%;
|
}
|
}
|
}
|
</style>
|
