|
|
|
|
<template>
|
|
|
|
|
<div class="bod">
|
|
|
|
|
<div class="inp">
|
|
|
|
|
<div class="til">配电信息</div>
|
|
|
|
|
<el-form :model="addForm" ref="ruleForm2" :rules="rules" label-width="88px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- <el-col :span="5">-->
|
|
|
|
|
<!-- <el-form-item label="电源形式:" prop="sceneName" label-width="140px">-->
|
|
|
|
|
<!-- <el-select v-model="test1">-->
|
|
|
|
|
<!-- <el-option v-for="item in options3"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
|
<!-- <el-form-item label="变压器合同总容量(kVA):" prop="sceneName" label-width="190px">-->
|
|
|
|
|
<!-- <el-input v-model="test2"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="变压器运行总容量(kVA):" prop="runCapacity" label-width="230px">
|
|
|
|
|
<el-input v-model="addForm.runCapacity"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="上年最大需量(kW):" prop="lastYearNeed" label-width="290px">
|
|
|
|
|
<el-input v-model="addForm.lastYearNeed"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div class="til">替代前项目信息</div>
|
|
|
|
|
<el-form :model="addForm" ref="ruleForm3" :rules="rules" label-width="88px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- <el-col :span="5">-->
|
|
|
|
|
<!-- <el-form-item label="建筑类型:" prop="sceneName" label-width="140px">-->
|
|
|
|
|
<!-- <el-select v-model="test3">-->
|
|
|
|
|
<!-- <el-option v-for="item in options4"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="建筑面积(平方米):" prop="heatingArea" label-width="190px">
|
|
|
|
|
<el-input v-model="addForm.heatingArea" >
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="年采暖时间(天):" prop="days" label-width="270px">
|
|
|
|
|
<el-input v-model="addForm.days">
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="7">-->
|
|
|
|
|
<!-- <el-form-item label="供暖末端形式:" prop="sceneName" label-width="290px">-->
|
|
|
|
|
<!-- <el-select v-model="test4">-->
|
|
|
|
|
<!-- <el-option v-for="item in options5"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="5">-->
|
|
|
|
|
<!-- <el-form-item label="蒸汽/生活热水需求:" prop="sceneName" label-width="142px">-->
|
|
|
|
|
<!-- <el-select v-model="test5">-->
|
|
|
|
|
<!-- <el-option v-for="item in options6"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
|
<!-- <el-form-item label="每小时最大需求量（吨）:" prop="sceneName" label-width="220px">-->
|
|
|
|
|
<!-- <el-input v-model="test6"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
|
<!-- <el-form-item label="是否有供冷需求:" prop="sceneName" label-width="220px">-->
|
|
|
|
|
<!-- <el-select v-model="test7">-->
|
|
|
|
|
<!-- <el-option v-for="item in options6"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="7">-->
|
|
|
|
|
<!-- <el-form-item label="年供冷时间（天）:" prop="sceneName" label-width="290px">-->
|
|
|
|
|
<!-- <el-input v-model="test8"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="5">-->
|
|
|
|
|
<!-- <el-form-item label="供冷末端形式:" prop="sceneName" label-width="143px">-->
|
|
|
|
|
<!-- <el-select v-model="test9">-->
|
|
|
|
|
<!-- <el-option v-for="item in options5"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
|
<!-- <el-form-item label="原设备类型:" prop="sceneName" label-width="190px">-->
|
|
|
|
|
<!-- <el-select v-model="test10">-->
|
|
|
|
|
<!-- <el-option v-for="item in options"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
|
<!-- <el-form-item label="台数:" prop="sceneName" label-width="190px">-->
|
|
|
|
|
<!-- <el-input v-model="test11"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="7">-->
|
|
|
|
|
<!-- <el-form-item label="功能:" prop="sceneName" label-width="290px">-->
|
|
|
|
|
<!-- <el-select v-model="test12">-->
|
|
|
|
|
<!-- <el-option v-for="item in options7"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="5">-->
|
|
|
|
|
<!-- <el-form-item label="能源类型:" prop="sceneName" label-width="140px">-->
|
|
|
|
|
<!-- <el-select v-model="test13">-->
|
|
|
|
|
<!-- <el-option v-for="item in options8"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.label">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="上年运行费用(元):" prop="lastYearFee" label-width="190px">
|
|
|
|
|
<el-input v-model="addForm.lastYearFee"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
|
<!-- <el-form-item label="模型编码:" prop="" label-width="190px">-->
|
|
|
|
|
<!-- <el-input v-model="addForm.hotMedium"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="7">-->
|
|
|
|
|
<!-- <el-form-item label="场景编码:" prop="" label-width="290px">-->
|
|
|
|
|
<!-- <el-input v-model="addForm.type"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="密钥:" prop="key" label-width="110px">
|
|
|
|
|
<el-input v-model="addForm.key"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div class="bot">
|
|
|
|
|
<el-button type="primary" @click="submitForm">计 算</el-button>
|
|
|
|
|
<el-button @click="cancel">重 置</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="result" v-if="show1">
|
|
|
|
|
<div class="til">方案评分</div>
|
|
|
|
|
<div class="point">
|
|
|
|
|
<el-form ref="userRef" label-width="300px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8" v-for="(item,index) in result.matchedDeviceList" :key="index" >
|
|
|
|
|
<el-form-item :label="item.planName">
|
|
|
|
|
<el-rate
|
|
|
|
|
v-model="item.rat"
|
|
|
|
|
disabled
|
|
|
|
|
show-score
|
|
|
|
|
:score-template="item.rating"
|
|
|
|
|
text-color="#ffffff"
|
|
|
|
|
class="rate"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="result" v-if="show1">
|
|
|
|
|
<div class="til">
|
|
|
|
|
最佳方案：{{result.planName}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<div class="card">
|
|
|
|
|
一、整体情况
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card">
|
|
|
|
|
<el-form :model="result" label-width="140px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="4" style="margin-left: 70px">
|
|
|
|
|
<el-form-item label="初次投资费用(元):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.startCost" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
<el-form-item label="年运行费用(元):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.yearRunCost" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
<el-form-item label="年总费用(元):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.yearCost" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
<el-form-item label="年减碳量(吨):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.calculate" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
<el-form-item label="替代电量(千瓦时):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.electric" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card">
|
|
|
|
|
二、需配置设备情况
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card">
|
|
|
|
|
<el-form :model="result" label-width="140px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="方案详情:" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.planInfos" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="设备类型:" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.devSubType" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="设备规格:" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.devTechType" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="数量(台/套):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.devCount" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="单位(元/台、元/套):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.devPrice" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
<el-form-item label="总价(元):" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.devCost" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card">
|
|
|
|
|
三、方案优势
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card">
|
|
|
|
|
<el-form :model="result" label-width="140px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="环保性:" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.environment" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="11">
|
|
|
|
|
<el-form-item label="经济性:" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.economy" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="智能性:" prop="sceneName">
|
|
|
|
|
<el-input v-model="result.intelligence" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="inp">
|
|
|
|
|
<div class="til">产品库</div>
|
|
|
|
|
<el-form :model="addForm" ref="ruleForm1" :rules="rules" label-width="88px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="4.5" v-for="(item,index) in options" :key="index">
|
|
|
|
|
<el-form-item :label="item.devTechType" prop="" label-width="300px">
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
|
|
|
import {ref, reactive, watch, onMounted} from "vue";
|
|
|
|
|
import {modelTest,getDevList} from '../../../api/emonitor/api'
|
|
|
|
|
const open = ref(true)
|
|
|
|
|
const arr = ref([1])
|
|
|
|
|
const point = ref(3.7)
|
|
|
|
|
const point1 = ref('78')
|
|
|
|
|
const show1 = ref(false)
|
|
|
|
|
const test1 = ref(null)
|
|
|
|
|
const test2= ref(null)
|
|
|
|
|
const test3 = ref(null)
|
|
|
|
|
const test4 = ref(null)
|
|
|
|
|
const test5 = ref(null)
|
|
|
|
|
const test6 = ref(null)
|
|
|
|
|
const test7 = ref(null)
|
|
|
|
|
const test8 = ref(null)
|
|
|
|
|
const test9 = ref(null)
|
|
|
|
|
const test10 = ref(null)
|
|
|
|
|
const test11 = ref(null)
|
|
|
|
|
const test12 = ref(null)
|
|
|
|
|
const test13 = ref(null)
|
|
|
|
|
const role1 = ref(false)
|
|
|
|
|
const role2 = ref(false)
|
|
|
|
|
const role3 = ref(false)
|
|
|
|
|
|
|
|
|
|
onMounted(()=>{
|
|
|
|
|
getDevList().then((res)=>{
|
|
|
|
|
options.value=res.data
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const devSpecList = ref([
|
|
|
|
|
{
|
|
|
|
|
"devType": '',
|
|
|
|
|
"heatEfficiency":'',
|
|
|
|
|
"devTechType": '',
|
|
|
|
|
"devSubstituteLaborCost":'',
|
|
|
|
|
"devReferenceArea":'',
|
|
|
|
|
"devPower":'' ,
|
|
|
|
|
"devSubType": '',
|
|
|
|
|
"devPrice":'' ,
|
|
|
|
|
"devServiceLife":'',
|
|
|
|
|
"laborCost":'' ,
|
|
|
|
|
"id": "1"
|
|
|
|
|
}
|
|
|
|
|
])
|
|
|
|
|
function addDev (){
|
|
|
|
|
devSpecList.value.push({
|
|
|
|
|
"devType": '',
|
|
|
|
|
"heatEfficiency":'',
|
|
|
|
|
"devTechType": '',
|
|
|
|
|
"devSubstituteLaborCost":'',
|
|
|
|
|
"devReferenceArea":'',
|
|
|
|
|
"devPower":'' ,
|
|
|
|
|
"devSubType": '',
|
|
|
|
|
"devPrice":'' ,
|
|
|
|
|
"devServiceLife":'',
|
|
|
|
|
"laborCost":'' ,
|
|
|
|
|
"id": "1"
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
function delDev (){
|
|
|
|
|
devSpecList.value.pop()
|
|
|
|
|
}
|
|
|
|
|
const options = ref([{
|
|
|
|
|
label: '电锅炉', value: 1
|
|
|
|
|
}, {label: '热泵', value: 2}])
|
|
|
|
|
const options3 = ref([{
|
|
|
|
|
label: '专变', value: 1
|
|
|
|
|
}, {label: '公变', value: 2}])
|
|
|
|
|
const options4 = ref([{
|
|
|
|
|
label: '机关', value: 1},
|
|
|
|
|
{label: '医院', value: 2},
|
|
|
|
|
{label: '学校', value: 3},
|
|
|
|
|
{label: '商业办公楼', value: 4},
|
|
|
|
|
{label: '酒店', value: 5},
|
|
|
|
|
{label: '其他', value: 6},
|
|
|
|
|
])
|
|
|
|
|
const options5 = ref([{
|
|
|
|
|
label: '风机盘管', value: 1},
|
|
|
|
|
{label: '地暖', value: 2},
|
|
|
|
|
{label: '暖气片', value: 3},
|
|
|
|
|
{label: '无末端', value: 4},
|
|
|
|
|
])
|
|
|
|
|
const options6 = ref([{
|
|
|
|
|
label: '是', value: 1
|
|
|
|
|
}, {label: '否', value: 2}])
|
|
|
|
|
const options7 = ref([{
|
|
|
|
|
label: '供暖', value: 1
|
|
|
|
|
}, {label: '供冷', value: 2},{label: '热水s', value: 3}])
|
|
|
|
|
const options8 = ref([{
|
|
|
|
|
label: '煤', value: 1},
|
|
|
|
|
{label: '油', value: 2},
|
|
|
|
|
{label: '气', value: 3},
|
|
|
|
|
{label: '汽', value: 4},
|
|
|
|
|
])
|
|
|
|
|
const options1 = ref([{
|
|
|
|
|
label: '供冷电锅炉', value: 1
|
|
|
|
|
},
|
|
|
|
|
{label: '供暖电锅炉', value: 2},
|
|
|
|
|
{label: '工业供热电锅炉', value: 3},
|
|
|
|
|
{label: '供暖', value: 4},
|
|
|
|
|
{label: '供冷', value: 5},
|
|
|
|
|
])
|
|
|
|
|
const options2 = ref([
|
|
|
|
|
{label: '直热式电锅炉（电阻类）', value: 1},
|
|
|
|
|
{label: '直热式电锅炉（电极类）', value: 2},
|
|
|
|
|
{label: '直热式电锅炉（电磁涡流类）', value: 3},
|
|
|
|
|
{label: '蓄热式电锅炉（固体蓄热）', value: 4},
|
|
|
|
|
{label: '蓄热式电锅炉（相变蓄热）', value: 5},
|
|
|
|
|
{label: '蓄热式电锅炉（水蓄）', value: 6},
|
|
|
|
|
{label: '水源热泵', value: 7},
|
|
|
|
|
{label: '土壤源热泵', value: 8},
|
|
|
|
|
{label: '空气源热泵', value: 9},
|
|
|
|
|
{label: '低品位余热源（如电厂低温循环水）热泵', value: 10},
|
|
|
|
|
{label: '高温蒸汽热泵', value: 11},
|
|
|
|
|
])
|
|
|
|
|
const ruleForm1 = ref({
|
|
|
|
|
key: '',
|
|
|
|
|
devType: '',
|
|
|
|
|
devSubType: '',
|
|
|
|
|
devTechType: '',
|
|
|
|
|
devPower: '',
|
|
|
|
|
devPrice: '',
|
|
|
|
|
devSubstituteLaborCost: '',
|
|
|
|
|
laborCost: '',
|
|
|
|
|
devReferenceArea: '',
|
|
|
|
|
devServiceLife: '',
|
|
|
|
|
devAnnualOperationTime: '',
|
|
|
|
|
heatEfficiency: '',
|
|
|
|
|
remarkInfo: '',
|
|
|
|
|
})
|
|
|
|
|
const ruleForm2 = ref({
|
|
|
|
|
runCapacity: '',
|
|
|
|
|
lastYearNeed: '',
|
|
|
|
|
})
|
|
|
|
|
const ruleForm3 = ref({
|
|
|
|
|
heatingArea: '',
|
|
|
|
|
days: '',
|
|
|
|
|
lastYearFee: '',
|
|
|
|
|
hotMedium: '',
|
|
|
|
|
type: '',
|
|
|
|
|
})
|
|
|
|
|
const rules = reactive({
|
|
|
|
|
devType: [
|
|
|
|
|
{ required: true, message: '请选择产品库', trigger: 'change' },
|
|
|
|
|
],
|
|
|
|
|
devSubType: [
|
|
|
|
|
{ required: true, message: '请选择设备细类', trigger: 'change' },
|
|
|
|
|
],
|
|
|
|
|
devTechType: [
|
|
|
|
|
{ required: true, message: '请选择技术类型', trigger: 'change' },
|
|
|
|
|
],
|
|
|
|
|
devPower: [
|
|
|
|
|
{ required: true, message: '请输入设备功率', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
devPrice: [
|
|
|
|
|
{ required: true, message: '请输入设备单价', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
devSubstituteLaborCost: [
|
|
|
|
|
{ required: true, message: '请输入电替代设备年人工费用', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
laborCost: [
|
|
|
|
|
{ required: true, message: '请输入原设备的人工费用', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
devReferenceArea: [
|
|
|
|
|
{ required: true, message: '请输入单台电设备参考的可供暖面积', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
devServiceLife: [
|
|
|
|
|
{ required: true, message: '请输入设备使用年限', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
devAnnualOperationTime: [
|
|
|
|
|
{ required: true, message: '请输入设备年运行时长', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
heatEfficiency: [
|
|
|
|
|
{ required: true, message: '请输入热效率', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
remarkInfo: [
|
|
|
|
|
{ required: true, message: '请输入备注', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
runCapacity: [
|
|
|
|
|
{ required: true, message: '请输入变压器运行总容量', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
lastYearNeed: [
|
|
|
|
|
{ required: true, message: '请输入上年最大需量', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
heatingArea: [
|
|
|
|
|
{ required: true, message: '请输入建筑面积', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
days: [
|
|
|
|
|
{ required: true, message: '请输入年采暖时间', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
lastYearFee: [
|
|
|
|
|
{ required: true, message: '请输入上年运行费用', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
hotMedium: [
|
|
|
|
|
{ required: true, message: '请输入模型编码', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
type: [
|
|
|
|
|
{ required: true, message: '请输入场景编码', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
key: [
|
|
|
|
|
{ required: true, message: '请输入密钥', trigger: 'blur' },
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
|
const addForm = reactive({
|
|
|
|
|
id: null,
|
|
|
|
|
key:null,
|
|
|
|
|
devType: null,//电锅炉or热泵
|
|
|
|
|
devSubType: null,
|
|
|
|
|
devTechType: null,
|
|
|
|
|
heatEfficiency: null,
|
|
|
|
|
devPower: null,
|
|
|
|
|
devPrice: null,
|
|
|
|
|
devSubstituteLaborCost: null,
|
|
|
|
|
laborCost: null,
|
|
|
|
|
devReferenceArea: null,
|
|
|
|
|
devServiceLife: null,
|
|
|
|
|
devAnnualOperationTime: null,
|
|
|
|
|
remarkInfo: null,
|
|
|
|
|
lastYearFee: null,
|
|
|
|
|
heatingArea: null,
|
|
|
|
|
days: null,
|
|
|
|
|
hotMedium: null,
|
|
|
|
|
type: null,
|
|
|
|
|
lastYearNeed: null,
|
|
|
|
|
runCapacity: null,
|
|
|
|
|
})
|
|
|
|
|
const result = ref({
|
|
|
|
|
calculate:'',
|
|
|
|
|
devCost:'',
|
|
|
|
|
devCount:'',
|
|
|
|
|
devPrice:'',
|
|
|
|
|
devSubType:'',
|
|
|
|
|
devTechType:'',
|
|
|
|
|
economy:'',
|
|
|
|
|
electric:'',
|
|
|
|
|
environment:'',
|
|
|
|
|
intelligence:'',
|
|
|
|
|
matchedDeviceList:[],
|
|
|
|
|
planInfos:'',
|
|
|
|
|
startCost:'',
|
|
|
|
|
yearCost:'',
|
|
|
|
|
yearRunCost:'',
|
|
|
|
|
})
|
|
|
|
|
watch(() => addForm.devType, (newVale, oldValue) => {
|
|
|
|
|
if (addForm.devType === 1) {
|
|
|
|
|
options1.value = [
|
|
|
|
|
{label: '供冷电锅炉', value: 1},
|
|
|
|
|
{label: '供暖电锅炉', value: 2},
|
|
|
|
|
{label: '工业供热电锅炉', value: 3},
|
|
|
|
|
]
|
|
|
|
|
options2.value = [
|
|
|
|
|
{label: '直热式电锅炉（电阻类）', value: 1},
|
|
|
|
|
{label: '直热式电锅炉（电极类）', value: 2},
|
|
|
|
|
{label: '直热式电锅炉（电磁涡流类）', value: 3},
|
|
|
|
|
{label: '蓄热式电锅炉（固体蓄热）', value: 4},
|
|
|
|
|
{label: '蓄热式电锅炉（相变蓄热）', value: 5},
|
|
|
|
|
{label: '蓄热式电锅炉（水蓄）', value: 6},
|
|
|
|
|
]
|
|
|
|
|
} else if (addForm.devType === 2) {
|
|
|
|
|
options1.value = [
|
|
|
|
|
{label: '供暖', value: 4},
|
|
|
|
|
{label: '供冷', value: 5},
|
|
|
|
|
]
|
|
|
|
|
options2.value = [
|
|
|
|
|
{label: '水源热泵', value: 7},
|
|
|
|
|
{label: '土壤源热泵', value: 8},
|
|
|
|
|
{label: '空气源热泵', value: 9},
|
|
|
|
|
{label: '低品位余热源（如电厂低温循环水）热泵', value: 10},
|
|
|
|
|
{label: '高温蒸汽热泵', value: 11},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
const submitForm = () => {
|
|
|
|
|
ruleForm1.value.validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
// 表单验证通过，执行计算逻辑
|
|
|
|
|
role1.value=true
|
|
|
|
|
// 你可以在这里调用计算函数或者进行其他操作
|
|
|
|
|
} else {
|
|
|
|
|
// 表单验证失败
|
|
|
|
|
role1.value=false
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
ruleForm2.value.validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
// 表单验证通过，执行计算逻辑
|
|
|
|
|
role2.value=true
|
|
|
|
|
// 你可以在这里调用计算函数或者进行其他操作
|
|
|
|
|
} else {
|
|
|
|
|
// 表单验证失败
|
|
|
|
|
role2.value=false
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
ruleForm3.value.validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
// 表单验证通过，执行计算逻辑
|
|
|
|
|
role3.value=true
|
|
|
|
|
// 你可以在这里调用计算函数或者进行其他操作
|
|
|
|
|
} else {
|
|
|
|
|
// 表单验证失败
|
|
|
|
|
role3.value=false
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
setTimeout(()=>{
|
|
|
|
|
if (role1.value&&role2.value&&role3.value){
|
|
|
|
|
console.log('表单验证通过')
|
|
|
|
|
modelTest(
|
|
|
|
|
{
|
|
|
|
|
"param": {
|
|
|
|
|
"electricityPrice": "20.26",
|
|
|
|
|
"hotDevicePower": "20.26",
|
|
|
|
|
"buildInfo": {
|
|
|
|
|
"lastYearFee":addForm.lastYearFee,
|
|
|
|
|
"heatingArea":addForm.heatingArea,
|
|
|
|
|
"days":addForm.days
|
|
|
|
|
},
|
|
|
|
|
"hotMedium": "1",
|
|
|
|
|
"type":"0101",
|
|
|
|
|
"yearEnergy": "20.26",
|
|
|
|
|
"distInfo": {
|
|
|
|
|
"lastYearNeed": addForm.lastYearNeed,
|
|
|
|
|
"runCapacity": addForm.runCapacity
|
|
|
|
|
},
|
|
|
|
|
"exportTemperature": 28
|
|
|
|
|
},
|
|
|
|
|
"key": addForm.key
|
|
|
|
|
}
|
|
|
|
|
).then((res)=>{
|
|
|
|
|
console.log(res)
|
|
|
|
|
if(res.report==null){
|
|
|
|
|
ElMessage({
|
|
|
|
|
message: '产品库至少需要两种不同类型的设备！',
|
|
|
|
|
type: 'error',
|
|
|
|
|
})
|
|
|
|
|
}else{
|
|
|
|
|
for(let i in res.report.matchedDeviceList)
|
|
|
|
|
{
|
|
|
|
|
res.report.matchedDeviceList[i].rat = res.report.matchedDeviceList[i].rating/20
|
|
|
|
|
}
|
|
|
|
|
let num = res.report.matchedDeviceList.reduce((prev, curr) => {
|
|
|
|
|
return curr.rat > prev.rat ? curr : prev;
|
|
|
|
|
});
|
|
|
|
|
res.report.planName = num.planName
|
|
|
|
|
res.report.environment = "本次改造方案减排"+res.report.calculate+"吨"
|
|
|
|
|
result.value=res.report
|
|
|
|
|
show1.value = true
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
console.log('表表单验证失败')
|
|
|
|
|
}
|
|
|
|
|
},1000)
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function cancel() {
|
|
|
|
|
ruleForm1.value.resetFields();
|
|
|
|
|
ruleForm2.value.resetFields();
|
|
|
|
|
ruleForm3.value.resetFields();
|
|
|
|
|
show1.value = false
|
|
|
|
|
addForm.devType = null
|
|
|
|
|
addForm.heatEfficiency = null
|
|
|
|
|
addForm.devTechType = null
|
|
|
|
|
addForm.devSubstituteLaborCost = null
|
|
|
|
|
addForm.devReferenceArea = null
|
|
|
|
|
addForm.devPower = null
|
|
|
|
|
addForm.devSubType = null
|
|
|
|
|
addForm.devPrice = null
|
|
|
|
|
addForm.devServiceLife = null
|
|
|
|
|
addForm.laborCost = null
|
|
|
|
|
addForm.lastYearFee = null
|
|
|
|
|
addForm.heatingArea = null
|
|
|
|
|
addForm.days = null
|
|
|
|
|
addForm.hotMedium = null
|
|
|
|
|
addForm.type = null
|
|
|
|
|
addForm.lastYearNeed = null
|
|
|
|
|
addForm.runCapacity = null
|
|
|
|
|
addForm.key = null
|
|
|
|
|
devSpecList.value=[
|
|
|
|
|
{
|
|
|
|
|
"devType": '',
|
|
|
|
|
"heatEfficiency":'',
|
|
|
|
|
"devTechType": '',
|
|
|
|
|
"devSubstituteLaborCost":'',
|
|
|
|
|
"devReferenceArea":'',
|
|
|
|
|
"devPower":'' ,
|
|
|
|
|
"devSubType": '',
|
|
|
|
|
"devPrice":'' ,
|
|
|
|
|
"devServiceLife":'',
|
|
|
|
|
"laborCost":'' ,
|
|
|
|
|
"id": "1"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.rate {
|
|
|
|
|
--el-rate-text-color: #ff9900;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bod {
|
|
|
|
|
padding: 20px;
|
|
|
|
|
height: 91vh;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
.inp {
|
|
|
|
|
border: 1px solid white;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
.til {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ff9900;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
.bot{
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.result {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
border: 1px solid white;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
|
|
|
|
|
.point {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.til {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ff9900;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.info {
|
|
|
|
|
height: 400px;
|
|
|
|
|
|
|
|
|
|
.card {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
