jiminglei 1 year ago
parent 2be347c842
commit de81020e37
  1. 21
      psdc-ui/src/api/emonitor/api.js
  2. 91
      psdc-ui/src/views/bigview/index.vue
  3. 61
      psdc-ui/src/views/system/cl/index.vue
  4. 867
      psdc-ui/src/views/system/device/index.vue
  5. 340
      psdc-ui/src/views/system/model/index.vue

@ -112,7 +112,24 @@ export function setKey(data) {
export function getKey() {
return request.get('system/key/selAll')
}
//修改私
//生成密
export function resultKey(data) {
return request.post('system/key/getKey',data)
}
}
//密钥管理
//密钥分页查询
export function getKeyList2(data) {
return request.post('system/secret/key/byPage',data)
}
//删除密钥
export function deleteKey2(data) {
return request.post('system/secret/key/delById',data)
}
//修改密钥
export function setKey2(data) {
return request.post('system/secret/key/upKeyData',data)
}

@ -8,24 +8,14 @@
<div class="inp1">
<div class="inp2">
<div class="tex">私钥</div>
<el-select v-model="value" placeholder="请选择" style="margin-right: 1vh;width: 31vh">
<el-option
v-for="item in keyList"
:key="item.key"
:label="item.key"
:value="item.key">
</el-option>
</el-select>
<el-input v-model="value" placeholder="请选择" style="margin-right: 1vh;width: 31vh" disabled>
</el-input>
</div>
<div class="inp3">
<div class="tex">cpuid</div>
<div class="box">
<el-input v-model="input1" placeholder="请输入cpuid" style="width: 25vh;margin-top: 1vh"></el-input>
<el-input v-model="input2" placeholder="请输入cpuid" style="width: 25vh;margin-top: 1vh"></el-input>
<el-input v-for="(input, index) in inputs" :key="index" v-model="input.value" placeholder="请输入cpuid" style="width: 25vh;margin-top: 1vh" ></el-input>
@ -73,14 +63,12 @@ import { ElMessage } from 'element-plus'
import {ref, onMounted, watch,reactive} from 'vue'
import {useRouter} from "vue-router";
const router = useRouter();
const input1 = ref('BFEBFBFF00090672')
const input2 = ref('BFEBFBFF000806EA')
const input1 = ref('')
const value1 = ref('')
const value2 = ref('')
const value = ref('')
const result = ref('')
const inputs = ref([
])
const inputs = ref([])
const keyList = ref([])
@ -112,8 +100,8 @@ onMounted(()=>{
})
function addInput() {
if(inputs.value.length==0){
if(input1.value && input2.value){
if(inputs.value.length<3){
if(input1.value){
if(inputs.value.length<4){
inputs.value.push({ value: '' });
}else {
ElMessage({
@ -128,8 +116,8 @@ function addInput() {
})
}
}else if (inputs.value.length==1){
if(input1.value && input2.value && inputs.value[0].value){
if(inputs.value.length<3){
if(input1.value && inputs.value[0].value){
if(inputs.value.length<4){
inputs.value.push({ value: '' });
}else {
ElMessage({
@ -145,8 +133,8 @@ function addInput() {
}
}
else if (inputs.value.length==2){
if(input1.value && input2.value && inputs.value[0].value && inputs.value[1].value){
if(inputs.value.length<3){
if(input1.value && inputs.value[0].value && inputs.value[1].value){
if(inputs.value.length<4){
inputs.value.push({ value: '' });
}else {
ElMessage({
@ -162,8 +150,25 @@ function addInput() {
}
}
else if (inputs.value.length==3){
if(input1.value && input2.value && inputs.value[0].value && inputs.value[1].value && inputs.value[2].value){
if(inputs.value.length<3){
if(input1.value && inputs.value[0].value && inputs.value[1].value && inputs.value[2].value){
if(inputs.value.length<4){
inputs.value.push({ value: '' });
}else {
ElMessage({
message: 'cpuId最多可添加5个',
type: 'warning',
})
}
}else {
ElMessage({
message: 'cpuId输入框不能为空',
type: 'error',
})
}
}
else if (inputs.value.length==4){
if(input1.value && inputs.value[0].value && inputs.value[1].value && inputs.value[2].value && inputs.value[3].value){
if(inputs.value.length<4){
inputs.value.push({ value: '' });
}else {
ElMessage({
@ -196,12 +201,11 @@ function toResult(){
second: '2-digit'
});
if(inputs.value.length==0){
if(input1.value && input2.value){
if(input1.value){
resultKey(
{
"cpuIds": [
input1.value,
input2.value,
],
"key": value.value,
"expiration": formattedDate,
@ -220,12 +224,11 @@ function toResult(){
}else if (inputs.value.length==1){
if(input1.value && input2.value && inputs.value[0].value){
if(input1.value && inputs.value[0].value){
resultKey(
{
"cpuIds": [
input1.value,
input2.value,
inputs.value[0].value,
],
"key": value.value,
@ -244,12 +247,11 @@ function toResult(){
}
}
else if (inputs.value.length==2){
if(input1.value && input2.value && inputs.value[0].value && inputs.value[1].value){
if(input1.value && inputs.value[0].value && inputs.value[1].value){
resultKey(
{
"cpuIds": [
input1.value,
input2.value,
inputs.value[0].value,
inputs.value[1].value,
],
@ -269,15 +271,40 @@ function toResult(){
}
}
else if (inputs.value.length==3){
if(input1.value && input2.value && inputs.value[0].value && inputs.value[1].value && inputs.value[2].value){
if(input1.value && inputs.value[0].value && inputs.value[1].value && inputs.value[2].value){
resultKey(
{
"cpuIds": [
input1.value,
inputs.value[0].value,
inputs.value[1].value,
inputs.value[2].value,
],
"key": value.value,
"expiration": formattedDate,
"companyname": value2.value
}
).then((res)=>{
ElMessage({type:"success",message:'生成成功!'})
result.value=res.key
})
}else {
ElMessage({
message: 'cpuId输入框不能为空',
type: 'error',
})
}
}
else if (inputs.value.length==4){
if(input1.value && inputs.value[0].value && inputs.value[1].value && inputs.value[2].value && inputs.value[3].value){
resultKey(
{
"cpuIds": [
input1.value,
input2.value,
inputs.value[0].value,
inputs.value[1].value,
inputs.value[2].value,
inputs.value[3].value,
],
"key": value.value,
"expiration": formattedDate,

@ -19,7 +19,7 @@
</el-col>
</el-row>
<div class="dev_control_table">
<el-table :data="data.timingList" height="500px">
<el-table :data="data.timingList" height="450px">
<el-table-column label="序号" align="center" width="50" type="index"/>
<el-table-column label="私钥" align="center" prop="keyValue" width="300"/>
<el-table-column label="授权单位" align="center" prop="keyUnit" width="300"/>
@ -32,17 +32,14 @@
</template>
</el-table-column>
</el-table>
<el-pagination
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[5, 10, 20, 50]"
:small="small"
:disabled="disabled"
:background="background"
layout="total, sizes, prev, pager, next, jumper"
<pagination
class="pag"
v-show="data.total > 0"
:total="data.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"/>
v-model:page="currentPage"
v-model:limit="pageSize"
@pagination="KeyList"
/>
</div>
</el-col>
</el-row>
@ -156,10 +153,11 @@ function handleCheckedCitiesChange(value) {
function KeyList(){
getKeyList({
"keyUnit": data.sceneCode,
"pageCurrent": 1,
"pageSize": 10
"pageCurrent": currentPage.value,
"pageSize": pageSize.value
}).then((res)=>{
data.timingList=res.data
data.total=res.page.pageTotalRow
})
}
/** 数据表格处理 */
@ -170,32 +168,10 @@ const small = ref(false)
const background = ref(false)
const disabled = ref(false)
const handleSizeChange = (val) => {
console.log(`${val}`)
getTb({
"sceneCode": data.sceneCode,
"pageNum": currentPage.value,
"pageSize": pageSize.value
}).then((res)=>{
console.log(res)
data.timingList=res.rows
data.total=res.total
})
KeyList()
}
const handleCurrentChange = (val) => {
console.log(`${val}`)
getTb({
"sceneCode": data.sceneCode,
"pageNum": currentPage.value,
"pageSize": pageSize.value
}).then((res)=>{
console.log(res)
data.timingList=res.rows
data.total=res.total
})
KeyList()
}
@ -373,7 +349,7 @@ const { queryParams } = toRefs(data);
.dev_control_table{
position: relative;
width: 100%;
min-height: 745px;
min-height: 730px;
background-color: #2F3D8A;
}
.taber{
@ -393,10 +369,7 @@ const { queryParams } = toRefs(data);
border-radius: 2px;
}
::v-deep .el-pagination{
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
transform: translateX(-10%);
}
::v-deep .el-pagination__total{
color: #f3ffff;
@ -416,8 +389,6 @@ const { queryParams } = toRefs(data);
::v-deep .el-checkbox {
width: 560px;
}
//::v-deep .el-dialog:not(.is-fullscreen){
// width: auto;
//}
</style>

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…
Cancel
Save