110 lines
4.4 KiB
Vue
110 lines
4.4 KiB
Vue
<template>
|
|
<div class="fissionAir">
|
|
<div class="fissionItem">
|
|
<van-cell-group>
|
|
<van-field v-model="form.refrigeNum" v-input.numNo0 label="空调数量" type="number" required :rules="[{ required: true }]" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.dieoutNum" v-input.num label="淘汰设备数量" type="number" required :rules="[{ required: true }]" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.loadFactor" v-input.float label="负载系数" type="number" required :rules="[{ required: true }]" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.runHours" v-input.maxDayHour label="每日运行时间(小时)" type="number" required :rules="[{ required: true }]" label-width="220" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.runDays" v-input.maxYearDay label="年平均运行时间(天)" type="number" required :rules="[{ required: true }]" label-width="220" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.coldPerArea" v-input.float label="单位面积冷量(kw/平方米)" type="number" required :rules="[{ required: true }]" label-width="220" input-align="right" placeholder="请输入" />
|
|
<van-field v-input.floatNo0 v-model="form.carbonEmissionFactor" type="number" label="区域碳排放因子" placeholder="请输入" required :rules="[{ required: true }]" label-width="200" input-align="right"/>
|
|
<van-field v-input.floatNo0 v-model="form.carbonReduction" type="number" label="预期减碳量" placeholder="请输入" required :rules="[{ required: true }]" label-width="200" input-align="right"/>
|
|
<!-- <van-field v-input.num v-model="form.dieoutNum" type="number" label="淘汰设备数量" placeholder="请输入" required :rules="[{ required: true }]" label-width="200" input-align="right"/> -->
|
|
</van-cell-group>
|
|
</div>
|
|
<!-- <div class="bottom"><van-button type="primary" block>保存</van-button></div> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { pureDigital } from '../pattern'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
typeId: this.$route.query.typeId,
|
|
form: {
|
|
refrigeType:9,
|
|
refrigeNum: '',
|
|
loadFactor: '',
|
|
runHours:'',
|
|
runDays: '',
|
|
coldPerArea: '',
|
|
dieoutNum: '',
|
|
carbonEmissionFactor:'',
|
|
carbonReduction:'',
|
|
},
|
|
eqid: '',
|
|
|
|
}
|
|
},
|
|
created() {
|
|
this.$store.commit('pageData/GET_FIS', this.typeId)
|
|
this.editData()
|
|
},
|
|
beforeDestroy() {
|
|
this.setVuexData()
|
|
},
|
|
computed: {
|
|
pureDigital() {
|
|
return pureDigital
|
|
},
|
|
},
|
|
methods: {
|
|
//第二次进入页面查询vuex页面是否存储
|
|
getVuexData() {
|
|
for (const key in this.$store.getters.fisData) {
|
|
for (const keys in this.$data) {
|
|
if (key == keys) {
|
|
this.$data[keys] = this.$store.getters.fisData[key]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
//修改覆写数据
|
|
editData() {
|
|
const data = this.$store.getters.editData
|
|
if (data.pageKey) {
|
|
this.eqid = data.info.equipId
|
|
|
|
if (data.info.nxzdRefrigeSystemDTO) {
|
|
const kt = data.info.nxzdRefrigeSystemDTO.find(
|
|
(v) => v.refrigeType == 9
|
|
)
|
|
if(kt) {
|
|
for (const key in this.form) {
|
|
if (Object.hasOwnProperty.call(this.form, key)) {
|
|
this.form[key] = kt[key]
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
setVuexData() {
|
|
this.$store.commit('pageData/CURRENT_FIS_DATA', this.$data)
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.fissionItem {
|
|
border-radius: 8px;
|
|
min-height: calc(100vh - 300px);
|
|
overflow: auto;
|
|
padding: 0 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.bottom {
|
|
margin-top: 20px;
|
|
border-radius: 10px;
|
|
overflow: auto;
|
|
}
|
|
/deep/ .van-field__error-message {
|
|
text-align: right;
|
|
}
|
|
</style> |