|
|
|
@ -17,16 +17,23 @@ |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="inp3"> |
|
|
|
|
<div class="inp3"> |
|
|
|
|
<div class="tex">cpuid:</div> |
|
|
|
|
<div class="box"> |
|
|
|
|
<el-input v-model="input1" placeholder="请输入内容" style="width: 25vh;margin-top: 1vh"></el-input> |
|
|
|
|
<el-input v-model="input2" placeholder="请输入内容" style="width: 25vh;margin-top: 1vh"></el-input> |
|
|
|
|
<el-input v-for="(input, index) in inputs" :key="index" v-model="input.value" placeholder="请输入内容" style="width: 25vh;margin-top: 1vh"></el-input> |
|
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="addInput">添加</el-button> |
|
|
|
|
<div class="inp2"> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="addInput">添加</el-button> |
|
|
|
|
<div class="inp2"> |
|
|
|
|
<div class="tex">有效期至:</div> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="value1" |
|
|
|
@ -34,12 +41,18 @@ |
|
|
|
|
placeholder="选择日期"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</div> |
|
|
|
|
<div class="inp2"> |
|
|
|
|
<div class="inp2"> |
|
|
|
|
<div class="tex">授权单位:</div> |
|
|
|
|
<el-input v-model="value2" placeholder="请选择" style="width: 23vh;margin-top: 1vh"> |
|
|
|
|
</el-input> |
|
|
|
|
<el-select v-model="value2" placeholder="请选择" style="width: 23vh;margin-top: 1vh" > |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in keyList" |
|
|
|
|
:key="item.unit" |
|
|
|
|
:label="item.unit" |
|
|
|
|
:value="item.unit"> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="toResult">生成</el-button> |
|
|
|
|
<el-button @click="toResult">生成</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="inp1"> |
|
|
|
|
<el-input |
|
|
|
@ -57,7 +70,7 @@ |
|
|
|
|
<script setup name="Index"> |
|
|
|
|
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', |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|