diff --git a/psdc-ui/src/views/bigview/index.vue b/psdc-ui/src/views/bigview/index.vue index 29e42f0..7e32b77 100644 --- a/psdc-ui/src/views/bigview/index.vue +++ b/psdc-ui/src/views/bigview/index.vue @@ -17,16 +17,23 @@ -
+
cpuid:
- - - + + + + + + + + + +
-
- 添加 -
+
+ 添加 +
有效期至:
-
+
授权单位:
- - + + + +
- 生成 + 生成
import {getKey,resultKey} from '../../api/emonitor/api' import { ElMessage } from 'element-plus' -import {ref, onMounted, watch} from 'vue' +import {ref, onMounted, watch,reactive} from 'vue' import {useRouter} from "vue-router"; const router = useRouter(); const input1 = ref('BFEBFBFF00090672') @@ -67,10 +80,10 @@ const value2 = ref('') const value = ref('') const result = ref('') const inputs = ref([ - ]) const keyList = ref([]) + watch(() => value.value,(newVale,oldValue) => { for (let i in keyList.value){ if(value.value===keyList.value[i].key){ @@ -78,28 +91,98 @@ watch(() => value.value,(newVale,oldValue) => { } } }) +watch(() => value2.value,(newVale,oldValue) => { + for (let i in keyList.value){ + if(value2.value===keyList.value[i].unit){ + value.value=keyList.value[i].key + } + } +}) /** 页面加载时*/ onMounted(()=>{ + let d = new Date(); + let today = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate(); + + value1.value= today + console.log(new Date()) getKey().then((res)=>{ keyList.value= res.data + value.value= res.data[0].key }) }) function addInput() { - if(inputs.value.length<3){ - inputs.value.push({ value: '' }); - }else { - ElMessage({ - message: 'cpuId最多可添加5个', - type: 'warning', - }) + if(inputs.value.length==0){ + if(input1.value && input2.value){ + if(inputs.value.length<3){ + inputs.value.push({ value: '' }); + }else { + ElMessage({ + message: 'cpuId最多可添加5个', + type: 'warning', + }) + } + }else { + ElMessage({ + message: 'cpuId输入框不能为空', + type: 'error', + }) + } + }else if (inputs.value.length==1){ + if(input1.value && input2.value && inputs.value[0].value){ + if(inputs.value.length<3){ + inputs.value.push({ value: '' }); + }else { + ElMessage({ + message: 'cpuId最多可添加5个', + type: 'warning', + }) + } + }else { + ElMessage({ + message: 'cpuId输入框不能为空', + type: 'error', + }) + } + } + else if (inputs.value.length==2){ + if(input1.value && input2.value && inputs.value[0].value && inputs.value[1].value){ + if(inputs.value.length<3){ + inputs.value.push({ value: '' }); + }else { + ElMessage({ + message: 'cpuId最多可添加5个', + type: 'warning', + }) + } + }else { + ElMessage({ + message: 'cpuId输入框不能为空', + type: 'error', + }) + } + } + 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){ + inputs.value.push({ value: '' }); + }else { + ElMessage({ + message: 'cpuId最多可添加5个', + type: 'warning', + }) + } + }else { + ElMessage({ + message: 'cpuId输入框不能为空', + type: 'error', + }) + } } - } function toResult(){ const dateString = value1.value; const date = new Date(dateString); - const formattedDate = date.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', @@ -108,20 +191,105 @@ function toResult(){ minute: '2-digit', second: '2-digit' }); - resultKey( - { - "cpuIds": [ - input1.value, - input2.value, - ], - "key": value.value, - "expiration": formattedDate, - "companyname": value2.value - } - ).then((res)=>{ - ElMessage({type:"success",message:'生成成功!'}) - result.value=res.key - }) + if(inputs.value.length==0){ + if(input1.value && input2.value){ + resultKey( + { + "cpuIds": [ + input1.value, + input2.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==1){ + if(input1.value && input2.value && inputs.value[0].value){ + resultKey( + { + "cpuIds": [ + input1.value, + input2.value, + inputs.value[0].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==2){ + if(input1.value && input2.value && inputs.value[0].value && inputs.value[1].value){ + resultKey( + { + "cpuIds": [ + input1.value, + input2.value, + inputs.value[0].value, + inputs.value[1].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==3){ + if(input1.value && input2.value && inputs.value[0].value && inputs.value[1].value && inputs.value[2].value){ + resultKey( + { + "cpuIds": [ + input1.value, + input2.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', + }) + } + } }