parent
2be347c842
commit
de81020e37
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,340 @@ |
|||||||
|
<template> |
||||||
|
<div class="bod"> |
||||||
|
<div class="inp"> |
||||||
|
<el-form :model="timingForm" ref="userRef" label-width="88px"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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 > |
||||||
|
<el-button type="primary" @click="submitForm">计 算</el-button> |
||||||
|
<el-button @click="cancel">重 置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
<div class="result" v-if="show1"> |
||||||
|
<div class="point"> |
||||||
|
<el-form :model="timingForm" ref="userRef" label-width="88px"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="方案1:" > |
||||||
|
<el-rate |
||||||
|
v-model="point" |
||||||
|
disabled |
||||||
|
show-score |
||||||
|
:score-template="point1" |
||||||
|
text-color="#ffffff" |
||||||
|
class="rate" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="方案2:" > |
||||||
|
<el-rate |
||||||
|
v-model="point" |
||||||
|
disabled |
||||||
|
show-score |
||||||
|
:score-template="point1" |
||||||
|
text-color="#ffffff" |
||||||
|
class="rate" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="方案3:" > |
||||||
|
<el-rate |
||||||
|
v-model="point" |
||||||
|
disabled |
||||||
|
show-score |
||||||
|
:score-template="point1" |
||||||
|
text-color="#ffffff" |
||||||
|
class="rate" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="方案4:" > |
||||||
|
<el-rate |
||||||
|
v-model="point" |
||||||
|
disabled |
||||||
|
show-score |
||||||
|
:score-template="point1" |
||||||
|
text-color="#ffffff" |
||||||
|
class="rate" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="方案5:" > |
||||||
|
<el-rate |
||||||
|
v-model="point" |
||||||
|
disabled |
||||||
|
show-score |
||||||
|
:score-template="point1" |
||||||
|
text-color="#ffffff" |
||||||
|
class="rate" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="方案6:" > |
||||||
|
<el-rate |
||||||
|
v-model="point" |
||||||
|
disabled |
||||||
|
show-score |
||||||
|
:score-template="point1" |
||||||
|
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="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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
<div class="card"> |
||||||
|
二、需配置设备情况 |
||||||
|
</div> |
||||||
|
<div class="card"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<el-form-item label="总价(万元):" prop="sceneName" > |
||||||
|
<el-input v-model="addForm.strategyName" placeholder="" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
<div class="card"> |
||||||
|
三、方案优势 |
||||||
|
</div> |
||||||
|
<div class="card"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4"> |
||||||
|
<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> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup> |
||||||
|
import {ElMessage,ElMessageBox} from 'element-plus' |
||||||
|
import {ref,reactive,watch,onMounted} from "vue"; |
||||||
|
const open = ref(true) |
||||||
|
const point = ref(3.7) |
||||||
|
const point1 = ref('78') |
||||||
|
const show1 = ref(false) |
||||||
|
const timingForm = reactive({ |
||||||
|
sceneName:'', |
||||||
|
}) |
||||||
|
const addForm = reactive({ |
||||||
|
strategyName:'', |
||||||
|
}) |
||||||
|
function submitForm() { |
||||||
|
show1.value=true |
||||||
|
}; |
||||||
|
function cancel() { |
||||||
|
show1.value=false |
||||||
|
addForm.strategyName='' |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
.rate{ |
||||||
|
--el-rate-text-color: #ff9900; |
||||||
|
} |
||||||
|
|
||||||
|
.bod{ |
||||||
|
padding: 20px; |
||||||
|
.inp{ |
||||||
|
border: 1px solid white; |
||||||
|
padding: 20px; |
||||||
|
} |
||||||
|
.result{ |
||||||
|
margin-top: 20px; |
||||||
|
border: 1px solid white; |
||||||
|
padding: 20px; |
||||||
|
.point{ |
||||||
|
|
||||||
|
} |
||||||
|
.til{ |
||||||
|
font-size: 16px; |
||||||
|
color:#ff9900 ; |
||||||
|
} |
||||||
|
.info{ |
||||||
|
height: 400px; |
||||||
|
.card{ |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
Loading…
Reference in new issue