parent
28e549e4b9
commit
14ca12d081
@ -0,0 +1,693 @@ |
||||
<template> |
||||
<div class="bod"> |
||||
<div class="inp"> |
||||
<div class="til">占比</div> |
||||
<el-form :model="addForm" label-width="88px"> |
||||
<el-row> |
||||
<el-col :span="4.5" > |
||||
<el-form-item label="效率占比" prop="devPower" label-width="210px"> |
||||
<el-input v-model="addForm.devPower" placeholder="效率占比，默认值为0.8"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="4.5" > |
||||
<el-form-item label="成本占比" prop="devPrice" label-width="280px"> |
||||
<el-input v-model="addForm.devPrice" placeholder="成本占比，默认值为0.2"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="til">编码</div> |
||||
<el-form :model="addForm" ref="ruleForm1" :rules="rules" label-width="88px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="省级行政区编码:" prop="provinceCode" label-width="230px"> |
||||
<el-input v-model="addForm.provinceCode"/> |
||||
</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="6"> |
||||
<el-form-item label="人口:" prop="peopleNum" label-width="230px"> |
||||
<el-input v-model="addForm.peopleNum"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="人均gdp:" prop="averageGdp" label-width="290px"> |
||||
<el-input v-model="addForm.averageGdp"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="城市化率:" prop="ut" label-width="290px"> |
||||
<el-input v-model="addForm.ut"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="工业增加值:" prop="i1" label-width="230px"> |
||||
<el-input v-model="addForm.i1"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="工业能源强度:" prop="i2" label-width="290px"> |
||||
<el-input v-model="addForm.i2"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="til">电力消耗测算参数</div> |
||||
<el-form :model="addForm" ref="ruleForm2" :rules="rules" label-width="88px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="能源消耗量:" prop="CT" label-width="230px"> |
||||
<el-input v-model="addForm.CT"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="人口:" prop="peopleNum2" label-width="290px"> |
||||
<el-input v-model="addForm.peopleNum2"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="人均gdp:" prop="averageGdp2" label-width="290px"> |
||||
<el-input v-model="addForm.averageGdp2"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="城市化率:" prop="ut2" label-width="230px"> |
||||
<el-input v-model="addForm.ut2"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="电力价格:" prop="PR" label-width="290px"> |
||||
<el-input v-model="addForm.PR"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="年均温度:" prop="T" label-width="290px"> |
||||
<el-input v-model="addForm.T"/> |
||||
</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="info"> |
||||
<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" label-width="230px"> |
||||
<el-input v-model="result.CE" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="电力消耗:" prop="sceneName" label-width="290px"> |
||||
<el-input v-model="result.CT" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div class="card"> |
||||
Json |
||||
</div> |
||||
<div> |
||||
<json-viewer :value="textarea"></json-viewer> |
||||
</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 textarea = ref('') |
||||
const open = ref(true) |
||||
const arr = ref([1]) |
||||
const point = ref(3.7) |
||||
const point1 = ref('78') |
||||
const show1 = ref(false) |
||||
const show2 = 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('0106').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: '', |
||||
workArea: '', |
||||
provinceCode: '', |
||||
yearOutPut: '', |
||||
}) |
||||
const ruleForm2 = ref({ |
||||
runCapacity: '', |
||||
lastYearNeed: '', |
||||
CT: '', //能源消耗量 |
||||
peopleNum2: '', //人口 |
||||
averageGdp2: '', //人均gdp |
||||
ut2: '', //城市化率 |
||||
PR: '', //电力价格 |
||||
T: '' //年均温度 |
||||
}) |
||||
const ruleForm3 = ref({ |
||||
heatingArea: '', |
||||
days: '', |
||||
lastYearFee: '', |
||||
peopleNum: '', |
||||
averageGdp: '', |
||||
ut: '', |
||||
i1: '', |
||||
i2: '', |
||||
hotMedium: '', |
||||
type: '', |
||||
previousYearEnergyUsage: '', |
||||
}) |
||||
const rules = reactive({ |
||||
devType: [ |
||||
{ required: true, message: '请选择产品库', trigger: 'change' }, |
||||
], |
||||
previousYearEnergyUsage: [ |
||||
{ required: true, message: '请输入替代前年能源用量', trigger: 'blur' }, |
||||
], |
||||
workArea: [ |
||||
{ required: true, message: '请输入工作容积', trigger: 'blur' }, |
||||
], |
||||
provinceCode: [ |
||||
{ required: true, message: '请输入省级行政区编码', trigger: 'blur' }, |
||||
], |
||||
yearOutPut: [ |
||||
{ required: true, message: '请输入预计年产量', trigger: 'blur' }, |
||||
], |
||||
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' }, |
||||
], |
||||
CT: [ |
||||
{ required: true, message: '请输入能源消耗量', trigger: 'blur' }, |
||||
], |
||||
peopleNum2: [ |
||||
{ required: true, message: '请输入人口', trigger: 'blur' }, |
||||
], |
||||
averageGdp2: [ |
||||
{ required: true, message: '请输入人均gdp', trigger: 'blur' }, |
||||
], |
||||
ut2: [ |
||||
{ required: true, message: '请输入城市化率', trigger: 'blur' }, |
||||
], |
||||
PR: [ |
||||
{ required: true, message: '请输入电力价格', trigger: 'blur' }, |
||||
], |
||||
T: [ |
||||
{ 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' }, |
||||
], |
||||
peopleNum: [ |
||||
{ required: true, message: '请输入人口', trigger: 'blur' }, |
||||
], |
||||
averageGdp: [ |
||||
{ required: true, message: '请输入人均gdp', trigger: 'blur' }, |
||||
], |
||||
ut: [ |
||||
{ required: true, message: '请输入城市化率', trigger: 'blur' }, |
||||
], |
||||
i1: [ |
||||
{ required: true, message: '请输入工业增加值', trigger: 'blur' }, |
||||
], |
||||
i2: [ |
||||
{ 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:"BEjYotMIsJnTb29NZPfk973npvgw8AXPGAoe1c4RQSL2MAlo0SVUiAL5SE5tEeWLVpzWpaQTY4iqakUY4CsKuVdVc/jeJNjHCoSCtXikiR8jdTDgwMP0AUIZBhFjfg3+80XK48inw2WYvDkH4NCsU2DbeEWGCrHFHl+usA6c/MTl2xbm9tt/4vETVcaUy4r5LuDIJ777lu6AIv9Lq7I392Dkx8+oEuzODBHYq2BNIN70+e/lgeYIm4lpEzzyRU47", |
||||
devType: null,//电锅炉or热泵 |
||||
devSubType: null, |
||||
devTechType: null, |
||||
heatEfficiency: null, |
||||
devPower: 0.8, |
||||
devPrice: 0.2, |
||||
devSubstituteLaborCost: null, |
||||
laborCost: null, |
||||
devReferenceArea: null, |
||||
devServiceLife: null, |
||||
devAnnualOperationTime: null, |
||||
remarkInfo: null, |
||||
lastYearFee: null, |
||||
peopleNum: null, |
||||
averageGdp: null, |
||||
ut: null, |
||||
i1: null, |
||||
i2: null, |
||||
heatingArea: null, |
||||
days: null, |
||||
hotMedium: null, |
||||
type: null, |
||||
lastYearNeed: null, |
||||
workArea: null, |
||||
provinceCode: null, |
||||
yearOutPut: null, |
||||
previousYearEnergyUsage: null, |
||||
runCapacity: null, |
||||
CT: null, |
||||
peopleNum2: null, |
||||
averageGdp2: null, |
||||
ut2: null, |
||||
PR: null, |
||||
T: null, |
||||
}) |
||||
const result = ref({ |
||||
CE:'', |
||||
CT:'' |
||||
}) |
||||
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(()=>{ |
||||
addForm.devPower= +addForm.devPower |
||||
addForm.devPrice= +addForm.devPrice |
||||
console.log(addForm.devPower,addForm.devPrice,addForm.devPower+addForm.devPrice) |
||||
if(addForm.devPower+addForm.devPrice==1){ |
||||
if (role1.value&&role2.value&&role3.value){ |
||||
console.log('表单验证通过') |
||||
modelTest( |
||||
{ |
||||
"param": { |
||||
"type": "0106", |
||||
"provinceCode": addForm.provinceCode, |
||||
"energyInfo": { |
||||
"peopleNum": Number(addForm.peopleNum), |
||||
"averageGdp":Number(addForm.averageGdp) , |
||||
"ut":Number(addForm.ut) , |
||||
"i1": Number(addForm.i1), |
||||
"i2":Number(addForm.i2) |
||||
}, |
||||
"electricInfo": { |
||||
"CT":Number(addForm.CT) , |
||||
"peopleNum": Number(addForm.peopleNum2), |
||||
"averageGdp": Number(addForm.averageGdp2), |
||||
"ut": Number(addForm.ut2), |
||||
"PR":Number(addForm.PR) , |
||||
"T":Number(addForm.T) |
||||
} |
||||
}, |
||||
"key": addForm.key |
||||
} |
||||
).then((res)=>{ |
||||
console.log(res) |
||||
if(res.report.message){ |
||||
ElMessage({ |
||||
message: res.report.message, |
||||
type: 'error', |
||||
}) |
||||
}else{ |
||||
if(res.report===null || res.report==={}){ |
||||
ElMessage({ |
||||
message: '计算失败，请检查密钥是否准确', |
||||
type: 'error', |
||||
}) |
||||
}else{ |
||||
result.value=res.report |
||||
textarea.value=res.report |
||||
show1.value = true |
||||
} |
||||
} |
||||
|
||||
|
||||
}) |
||||
|
||||
}else{ |
||||
console.log('表表单验证失败') |
||||
} |
||||
}else{ |
||||
ElMessage({ |
||||
message: '效率占比和成本占比相加必须为1', |
||||
type: 'error', |
||||
}) |
||||
} |
||||
},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 = 0.8 |
||||
addForm.devSubType = null |
||||
addForm.devPrice = 0.2 |
||||
addForm.devServiceLife = null |
||||
addForm.laborCost = null |
||||
addForm.lastYearFee = null |
||||
addForm.peopleNum= null |
||||
addForm.averageGdp= null |
||||
addForm.ut=null |
||||
addForm.i1= null |
||||
addForm.i2= null |
||||
addForm.heatingArea = null |
||||
addForm.days = null |
||||
addForm.hotMedium = null |
||||
addForm.type = null |
||||
addForm.lastYearNeed = null |
||||
addForm.runCapacity = null |
||||
addForm.CT = null |
||||
addForm.peopleNum2 = null |
||||
addForm.averageGdp2 = null |
||||
addForm.ut2 = null |
||||
addForm.PR = null |
||||
addForm.T = null |
||||
addForm.key = null |
||||
addForm.workArea = null |
||||
addForm.provinceCode = null |
||||
addForm.yearOutPut = null |
||||
addForm.previousYearEnergyUsage = 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 { |
||||
.card { |
||||
margin-top: 20px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,714 @@ |
||||
<template> |
||||
<div class="bod"> |
||||
<div class="inp"> |
||||
<div class="til">占比</div> |
||||
<el-form :model="addForm" label-width="88px"> |
||||
<el-row> |
||||
<el-col :span="4.5" > |
||||
<el-form-item label="效率占比" prop="devPower" label-width="210px"> |
||||
<el-input v-model="addForm.devPower" placeholder="效率占比，默认值为0.8"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="4.5" > |
||||
<el-form-item label="成本占比" prop="devPrice" label-width="280px"> |
||||
<el-input v-model="addForm.devPrice" placeholder="成本占比，默认值为0.2"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="til">需求信息</div> |
||||
<el-form :model="addForm" ref="ruleForm1" :rules="rules" label-width="88px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="工作容积（升）:" prop="workArea" label-width="230px"> |
||||
<el-input v-model="addForm.workArea"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="温度要求（摄氏度）:" prop="needTemp" label-width="290px"> |
||||
<el-input v-model="addForm.needTemp"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="预计年产量（吨）:" prop="yearOutPut" label-width="290px"> |
||||
<el-input v-model="addForm.yearOutPut"/> |
||||
</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="6"> |
||||
<el-form-item label="上年运行费用（元）:" prop="lastYearFee" label-width="230px"> |
||||
<el-input v-model="addForm.lastYearFee"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="7"> |
||||
<el-form-item label="行业编码:" prop="userIndustry" label-width="290px"> |
||||
<el-input v-model="addForm.userIndustry"/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="til">配电信息</div> |
||||
<el-form :model="addForm" ref="ruleForm2" :rules="rules" label-width="88px"> |
||||
<el-row> |
||||
<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-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="show2"> |
||||
<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"> |
||||
方案详情 |
||||
</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="5"> |
||||
<el-form-item label="安全性:" prop="sceneName"> |
||||
<el-input v-model="result.safety" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="5"> |
||||
<el-form-item label="环保性:" prop="sceneName"> |
||||
<el-input v-model="result.environment" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="经济性:" prop="sceneName"> |
||||
<el-input v-model="result.economy" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="智能性:" prop="sceneName"> |
||||
<el-input v-model="result.intelligence" 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 v-for="(item,index) in result.deviceList" :key="index"> |
||||
<el-col :span="6"> |
||||
<el-form-item label="设备细类:" prop="sceneName"> |
||||
<el-input v-model="item.devSubType" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="技术类型:" prop="sceneName"> |
||||
<el-input v-model="item.devTechType" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="数量(台/套):" prop="sceneName"> |
||||
<el-input v-model="item.devCount" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="设备单价(元):" prop="sceneName"> |
||||
<el-input v-model="item.devPrice" placeholder=""/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div class="card"> |
||||
四、Json |
||||
</div> |
||||
<div> |
||||
<json-viewer :value="textarea"></json-viewer> |
||||
</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 textarea = ref('') |
||||
const open = ref(true) |
||||
const arr = ref([1]) |
||||
const point = ref(3.7) |
||||
const point1 = ref('78') |
||||
const show1 = ref(false) |
||||
const show2 = 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('0105').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: '', |
||||
workArea: '', |
||||
needTemp: '', |
||||
yearOutPut: '', |
||||
}) |
||||
const ruleForm2 = ref({ |
||||
runCapacity: '', |
||||
lastYearNeed: '', |
||||
}) |
||||
const ruleForm3 = ref({ |
||||
heatingArea: '', |
||||
days: '', |
||||
lastYearFee: '', |
||||
userIndustry: '', |
||||
hotMedium: '', |
||||
type: '', |
||||
previousYearEnergyUsage: '', |
||||
}) |
||||
const rules = reactive({ |
||||
devType: [ |
||||
{ required: true, message: '请选择产品库', trigger: 'change' }, |
||||
], |
||||
previousYearEnergyUsage: [ |
||||
{ required: true, message: '请输入替代前年能源用量', trigger: 'blur' }, |
||||
], |
||||
workArea: [ |
||||
{ required: true, message: '请输入工作容积', trigger: 'blur' }, |
||||
], |
||||
needTemp: [ |
||||
{ required: true, message: '请输入温度要求', trigger: 'blur' }, |
||||
], |
||||
yearOutPut: [ |
||||
{ required: true, message: '请输入预计年产量', trigger: 'blur' }, |
||||
], |
||||
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' }, |
||||
], |
||||
userIndustry: [ |
||||
{ 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:"BEjYotMIsJnTb29NZPfk973npvgw8AXPGAoe1c4RQSL2MAlo0SVUiAL5SE5tEeWLVpzWpaQTY4iqakUY4CsKuVdVc/jeJNjHCoSCtXikiR8jdTDgwMP0AUIZBhFjfg3+80XK48inw2WYvDkH4NCsU2DbeEWGCrHFHl+usA6c/MTl2xbm9tt/4vETVcaUy4r5LuDIJ777lu6AIv9Lq7I392Dkx8+oEuzODBHYq2BNIN70+e/lgeYIm4lpEzzyRU47", |
||||
devType: null,//电锅炉or热泵 |
||||
devSubType: null, |
||||
devTechType: null, |
||||
heatEfficiency: null, |
||||
devPower: 0.8, |
||||
devPrice: 0.2, |
||||
devSubstituteLaborCost: null, |
||||
laborCost: null, |
||||
devReferenceArea: null, |
||||
devServiceLife: null, |
||||
devAnnualOperationTime: null, |
||||
remarkInfo: null, |
||||
lastYearFee: null, |
||||
userIndustry: null, |
||||
heatingArea: null, |
||||
days: null, |
||||
hotMedium: null, |
||||
type: null, |
||||
lastYearNeed: null, |
||||
workArea: null, |
||||
needTemp: null, |
||||
yearOutPut: null, |
||||
previousYearEnergyUsage: null, |
||||
runCapacity: null, |
||||
}) |
||||
const result = ref({ |
||||
calculate:'', |
||||
devCost:'', |
||||
devCount:'', |
||||
devPrice:'', |
||||
devSubType:'', |
||||
devTechType:'', |
||||
economy:'', |
||||
electric:'', |
||||
environment:'', |
||||
intelligence:'', |
||||
matchedDeviceList:[], |
||||
planInfos:'', |
||||
startCost:'', |
||||
yearCost:'', |
||||
yearRunCost:'', |
||||
safety:'', |
||||
deviceList:[], |
||||
}) |
||||
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(()=>{ |
||||
addForm.devPower= +addForm.devPower |
||||
addForm.devPrice= +addForm.devPrice |
||||
console.log(addForm.devPower,addForm.devPrice,addForm.devPower+addForm.devPrice) |
||||
if(addForm.devPower+addForm.devPrice==1){ |
||||
if (role1.value&&role2.value&&role3.value){ |
||||
console.log('表单验证通过') |
||||
modelTest( |
||||
{ |
||||
"param": { |
||||
"type": "0105", |
||||
"userIndustry": addForm.userIndustry, //行业编码 |
||||
"heatUseNeedInfo": { |
||||
"workArea": addForm.workArea, |
||||
"needTemp": addForm.needTemp, |
||||
"yearOutPut": addForm.yearOutPut |
||||
}, |
||||
"originalDevInfo": { |
||||
"lastYearFee": addForm.lastYearFee |
||||
}, |
||||
"distInfo": { |
||||
"lastYearNeed": addForm.lastYearNeed, |
||||
"runCapacity": addForm.runCapacity |
||||
} |
||||
}, |
||||
"key": addForm.key |
||||
} |
||||
).then((res)=>{ |
||||
console.log(res) |
||||
if(res.report.message){ |
||||
ElMessage({ |
||||
message: res.report.message, |
||||
type: 'error', |
||||
}) |
||||
}else{ |
||||
if(res.report===null || res.report==={}){ |
||||
ElMessage({ |
||||
message: '计算失败，请检查密钥是否准确', |
||||
type: 'error', |
||||
}) |
||||
}else{ |
||||
result.value=res.report |
||||
textarea.value=res.report |
||||
show1.value = true |
||||
} |
||||
} |
||||
|
||||
|
||||
}) |
||||
|
||||
}else{ |
||||
console.log('表表单验证失败') |
||||
} |
||||
}else{ |
||||
ElMessage({ |
||||
message: '效率占比和成本占比相加必须为1', |
||||
type: 'error', |
||||
}) |
||||
} |
||||
},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 = 0.8 |
||||
addForm.devSubType = null |
||||
addForm.devPrice = 0.2 |
||||
addForm.devServiceLife = null |
||||
addForm.laborCost = null |
||||
addForm.lastYearFee = null |
||||
addForm.userIndustry = null |
||||
addForm.heatingArea = null |
||||
addForm.days = null |
||||
addForm.hotMedium = null |
||||
addForm.type = null |
||||
addForm.lastYearNeed = null |
||||
addForm.runCapacity = null |
||||
addForm.key = null |
||||
addForm.workArea = null |
||||
addForm.needTemp = null |
||||
addForm.yearOutPut = null |
||||
addForm.previousYearEnergyUsage = 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 { |
||||
.card { |
||||
margin-top: 20px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue