hwj_system
/
scmy
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

key

Browse Source
master
jiminglei 1 year ago
parent de81020e37
commit 1c1208419a
4 changed files with 844 additions and 303 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 5
      psdc-ui/src/api/emonitor/api.js
  2. 37
      psdc-ui/src/views/bigview/index.vue
  3. 29
      psdc-ui/src/views/system/device/index.vue
  4. 742
      psdc-ui/src/views/system/model/index.vue

5
psdc-ui/src/api/emonitor/api.js
Unescape View File

@ -133,3 +133,8 @@ export function setKey2(data) {
return request.post('system/secret/key/upKeyData',data)
}
//模型测试
export function modelTest(data) {
return request.post('system/model/getReport',data)
}

37
psdc-ui/src/views/bigview/index.vue
Unescape View File

@ -27,7 +27,8 @@
<div class="tex">有效期至：</div>
<el-date-picker
v-model="value1"
type="date"
type="datetime"
:picker-options="pickerOptions"
placeholder="选择日期">
</el-date-picker>
</div>
@ -70,6 +71,11 @@ const value = ref('')
const result = ref('')
const inputs = ref([])
const keyList = ref([])
const pickerOptions = ref(
{ // 日期时间选择器的选项
format: 'yyyy-MM-dd HH:mm:ss', // 设置日期时间的格式
valueStrictly: true, // 严格匹配绑定的值，避免用户选择的日期时间与绑定的值不同步的问题
}, )
watch(() => value.value,(newVale,oldValue) => {
@ -90,14 +96,27 @@ watch(() => value2.value,(newVale,oldValue) => {
onMounted(()=>{
let d = new Date();
let today = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
let time = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
console.log(today + " " + time);
value1.value= today+ " " + time
value1.value= today
console.log(new Date())
getKey().then((res)=>{
keyList.value= res.data
value.value= res.data[0].key
})
})
function convertISODate(isoString) {
let date = new Date(isoString);
let year = date.getFullYear();
let month = ("0" + (date.getMonth() + 1)).slice(-2);
let day = ("0" + date.getDate()).slice(-2);
let hour = ("0" + date.getHours()).slice(-2);
let minute = ("0" + date.getMinutes()).slice(-2);
let second = ("0" + date.getSeconds()).slice(-2);
return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
}
function addInput() {
if(inputs.value.length==0){
if(input1.value){
@ -190,16 +209,8 @@ function delInput() {
}
function toResult(){
const dateString = value1.value;
const date = new Date(dateString);
const formattedDate = date.toLocaleString('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
});
let formattedDate = convertISODate(value1.value);
console.log(formattedDate)
if(inputs.value.length==0){
if(input1.value){
resultKey(

29
psdc-ui/src/views/system/device/index.vue
Unescape View File

@ -100,7 +100,8 @@
<el-form-item label="有效期至:" >
<el-date-picker
v-model="addForm1.time"
type="date"
type="datetime"
:picker-options="pickerOptions"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
@ -141,6 +142,11 @@ onMounted(()=>{
KeyList()
getSyList()
})
const pickerOptions = ref(
{ // 日期时间选择器的选项
format: 'yyyy-MM-dd HH:mm:ss', // 设置日期时间的格式
valueStrictly: true, // 严格匹配绑定的值，避免用户选择的日期时间与绑定的值不同步的问题
}, )
/** 筛选处理 */
const data = reactive({
items:[
@ -349,20 +355,21 @@ function handleXg(dat) {
title1.value = "修改密钥";
open1.value = true;
};
function convertISODate(isoString) {
let date = new Date(isoString);
let year = date.getFullYear();
let month = ("0" + (date.getMonth() + 1)).slice(-2);
let day = ("0" + date.getDate()).slice(-2);
let hour = ("0" + date.getHours()).slice(-2);
let minute = ("0" + date.getMinutes()).slice(-2);
let second = ("0" + date.getSeconds()).slice(-2);
return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
}
function submitForm1() {
for (let i in addForm1.cpuId){
addForm1.cpuId[i]=addForm1.cpuId[i].value
}
const dateString = addForm1.time;
const date = new Date(dateString);
const formattedDate = date.toLocaleString('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
});
let formattedDate = convertISODate(addForm1.time);
setKey2({
"id": addForm1.id,
"cpuIds": addForm1.cpuId,

742
psdc-ui/src/views/system/model/index.vue
Unescape View File

@ -1,109 +1,269 @@
<template>
<div class="bod">
<div class="bod">
<div class="inp">
<el-form :model="timingForm" ref="userRef" label-width="88px">
<div style="display:flex;"><div class="til">密钥</div><el-input v-model="addForm.key" style="width: 500px;height: 30px;margin-left: 20px"></el-input></div>
<div class="til">替代前项目信息</div>
<el-form :model="addForm" ref="ruleForm" :rules="rules" label-width="88px">
<el-row>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="5">
<el-form-item label="设备类型:" prop="sceneName1" label-width="140px">
<el-select v-model="addForm.devType">
<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="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="6">
<el-form-item label="设备细类:" prop="sceneName2" label-width="190px">
<el-select v-model="addForm.devSubType">
<el-option v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.label">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="6">
<el-form-item label="技术类型:" prop="sceneName3" label-width="190px">
<el-select v-model="addForm.devTechType">
<el-option v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.label">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="7">
<el-form-item label="设备功率（kW）:" prop="sceneName4" label-width="290px">
<el-input v-model="addForm.devPower" type="number"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="5">
<el-form-item label="设备单价（万元）:" prop="sceneName5" label-width="142px">
<el-input v-model="addForm.devPrice"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="6">
<el-form-item label="电替代设备年人工费用（万元）:" prop="sceneName6" label-width="250px">
<el-input v-model="addForm.devSubstituteLaborCost"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="6">
<el-form-item label="原设备的人工费用（万元）:" prop="sceneName7" label-width="220px">
<el-input v-model="addForm.laborCost"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="7">
<el-form-item label="单台电设备参考的可供暖面积（万平方米）:" prop="sceneName8" label-width="300px">
<el-input v-model="addForm.devReferenceArea"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="5">
<el-form-item label="设备使用年限（年）:" prop="sceneName9" label-width="160px">
<el-input v-model="addForm.devServiceLife"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="6">
<el-form-item label="设备年运行时长（小时）:" prop="sceneName10" label-width="190px">
<el-input v-model="addForm.devAnnualOperationTime"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="6">
<el-form-item label="热效率:" prop="sceneName11" label-width="190px">
<el-input v-model="addForm.heatEfficiency"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="7">
<el-form-item label="备注:" prop="sceneName12" label-width="290px">
<el-input v-model="addForm.remarkInfo"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
</el-row>
</el-form>
<div class="til">配电信息</div>
<el-form :model="ruleForm1" ref="ruleForm" :rules="rules1" 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="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<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="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="6">
<el-form-item label="变压器运行总容量(kVA):" prop="sceneName14" label-width="190px">
<el-input v-model="addForm.runCapacity"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
<el-col :span="7">
<el-form-item label="上年最大需量(kW):" prop="sceneName15" label-width="290px">
<el-input v-model="addForm.lastYearNeed"/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="授权单位:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="请输入授权单位" />
</el-row>
</el-form>
<div class="til">产品库</div>
<el-form :model="ruleForm2" ref="ruleForm" :rules="rules2" 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="sceneName16" label-width="190px">
<el-input v-model="addForm.heatingArea" >
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="年采暖时间(天):" prop="sceneName17" label-width="190px">
<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="4">
<el-form-item >
<el-button type="primary" @click="submitForm">计 算</el-button>
<el-button @click="cancel">重 置</el-button>
<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="sceneName18" label-width="190px">
<el-input v-model="addForm.lastYearFee"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="模型编码:" prop="sceneName19" label-width="190px">
<el-input v-model="addForm.hotMedium"/>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="场景编码:" prop="sceneName20" label-width="290px">
<el-input v-model="addForm.type"/>
</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 :model="timingForm" ref="userRef" label-width="88px">
<el-form ref="userRef" label-width="88px">
<el-row>
<el-col :span="4">
<el-form-item label="方案1:" >
<el-form-item label="方案1:">
<el-rate
v-model="point"
disabled
@ -115,7 +275,7 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="方案2:" >
<el-form-item label="方案2:">
<el-rate
v-model="point"
disabled
@ -127,7 +287,7 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="方案3:" >
<el-form-item label="方案3:">
<el-rate
v-model="point"
disabled
@ -139,7 +299,7 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="方案4:" >
<el-form-item label="方案4:">
<el-rate
v-model="point"
disabled
@ -151,7 +311,7 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="方案5:" >
<el-form-item label="方案5:">
<el-rate
v-model="point"
disabled
@ -163,7 +323,7 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="方案6:" >
<el-form-item label="方案6:">
<el-rate
v-model="point"
disabled
@ -190,28 +350,28 @@
<el-form :model="timingForm" ref="userRef" label-width="140px">
<el-row>
<el-col :span="4">
<el-form-item label="初次投资费用(万元):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="初次投资费用(万元):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="年运行费用(万元):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="年运行费用(万元):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="年总费用(万元):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="年总费用(万元):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="年减碳量(吨):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="年减碳量(吨):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="替代电量(千瓦时):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="替代电量(千瓦时):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
</el-row>
@ -224,33 +384,33 @@
<el-form :model="timingForm" ref="userRef" label-width="140px">
<el-row>
<el-col :span="4">
<el-form-item label="方案详情:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="方案详情:" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="设备类型:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="设备类型:" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="设备规格:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="设备规格:" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="数量(台/套):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="数量(台/套):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="单位(元/台、元/套):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="单位(元/台、元/套):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="总价(万元):" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="总价(万元):" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
</el-row>
@ -263,18 +423,18 @@
<el-form :model="timingForm" ref="userRef" label-width="140px">
<el-row>
<el-col :span="4">
<el-form-item label="安全性:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="安全性:" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="经济性:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="经济性:" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="智能性:" prop="sceneName" >
<el-input v-model="addForm.strategyName" placeholder="" />
<el-form-item label="智能性:" prop="sceneName">
<el-input v-model="addForm.strategyName" placeholder=""/>
</el-form-item>
</el-col>
</el-row>
@ -282,59 +442,417 @@
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import {ElMessage,ElMessageBox} from 'element-plus'
import {ref,reactive,watch,onMounted} from "vue";
import {ElMessage, ElMessageBox} from 'element-plus'
import {ref, reactive, watch, onMounted} from "vue";
import {modelTest,} 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 timingForm = reactive({
sceneName:'',
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 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 ruleForm = ref({
sceneName1: '',
sceneName2: '',
sceneName3: '',
sceneName4: '',
sceneName5: '',
sceneName6: '',
sceneName7: '',
sceneName8: '',
sceneName9: '',
sceneName10: '',
sceneName11: '',
sceneName12: '',
sceneName13: '',
})
const ruleForm1 = ref({
sceneName14: '',
sceneName15: '',
})
const ruleForm2 = ref({
sceneName16: '',
sceneName17: '',
sceneName18: '',
sceneName19: '',
sceneName20: '',
})
const rules = reactive({
sceneName1: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName2: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName3: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName4: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName5: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName6: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName7: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName8: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName9: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName10: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName11: [
{ required: true, message: '', trigger: 'blur' },
], sceneName12: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName13: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName14: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName15: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName16: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName17: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName18: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName19: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName20: [
{ required: true, message: '', trigger: 'blur' },
],
})
const rules1 = ref({
sceneName14: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName15: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName16: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName17: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName18: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName19: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName20: [
{ required: true, message: '', trigger: 'blur' },
],
})
const rules2 = ref({
sceneName14: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName15: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName16: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName17: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName18: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName19: [
{ required: true, message: '', trigger: 'blur' },
],
sceneName20: [
{ required: true, message: '', trigger: 'blur' },
],
})
const addForm = reactive({
strategyName:'',
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,
})
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},
]
}
})
function submitForm() {
show1.value=true
modelTest(
{
"devSpecList": [
{
"devType": "热泵",
"heatEfficiency": 3,
"devTechType": "高温蒸汽热泵",
"devSubstituteLaborCost": 6,
"devReferenceArea": 0.2,
"devPower": 120,
"devSubType": "供冷/暖",
"devPrice": 55,
"devServiceLife": 15,
"laborCost": 18,
"id": "50"
}
],
"param": {
"electricityPrice": "20.26",
"hotDevicePower": "20.26",
"buildInfo": {
"lastYearFee": 12000000.0,
"heatingArea": 4.4,
"days": 200
},
"hotMedium": "1",
"type": "0101",
"yearEnergy": "20.26",
"distInfo": {
"lastYearNeed": 1200.0,
"runCapacity": 2000.0
},
"exportTemperature": 28
},
"key": "GLFIphzZ2SnR6kVx0gz2JLfTkK/gj32mTT4s5yvkS/OrOG3WbttF2TiaH99GLeu8f6lYU1a2XkFjrDbpI7XZN/E/X4Md4+7oUx7snfSAi58qNb86KAllSUsAM78+JHLM"
}
// {
// "devSpecList": [
// {
// "devType": addForm.devType,
// "heatEfficiency": Number(addForm.heatEfficiency),
// "devTechType": addForm.devTechType,
// "devSubstituteLaborCost":Number(addForm.devSubstituteLaborCost) ,
// "devReferenceArea":Number(addForm.devReferenceArea) ,
// "devPower":Number(addForm.devPower) ,
// "devSubType": addForm.devSubType,
// "devPrice":Number(addForm.devPrice) ,
// "devServiceLife":Number(addForm.devServiceLife) ,
// "laborCost":Number(addForm.laborCost) ,
// "id": "1"
// }
// ],
// "param": {
// "electricityPrice": "20.26",
// "hotDevicePower": "20.26",
// "buildInfo": {
// "lastYearFee":Number(addForm.lastYearFee),
// "heatingArea":Number(addForm.heatingArea),
// "days":Number(addForm.days)
// },
// "hotMedium": "1",
// "type":"0101",
// "yearEnergy": "20.26",
// "distInfo": {
// "lastYearNeed": Number(addForm.lastYearNeed),
// "runCapacity": Number(addForm.runCapacity)
// },
// "exportTemperature": 28
// },
// "key": addForm.key
// }
).then((res)=>{
console.log(res)
show1.value = true
})
};
function cancel() {
show1.value=false
addForm.strategyName=''
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
};
</script>
<style scoped lang="scss">
.rate{
.rate {
--el-rate-text-color: #ff9900;
}
.bod{
.bod {
padding: 20px;
.inp{
height: 91vh;
overflow-y: auto;
.inp {
border: 1px solid white;
padding: 20px;
.til {
font-size: 16px;
color: #ff9900;
margin-bottom: 20px;
}
.result{
.bot{
text-align: right;
}
}
.result {
margin-top: 20px;
border: 1px solid white;
padding: 20px;
.point{
.point {
}
.til{
.til {
font-size: 16px;
color:#ff9900 ;
color: #ff9900;
margin-bottom: 20px;
}
.info{
.info {
height: 400px;
.card{
.card {
margin-top: 20px;
}
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save