|
|
|
@ -7,22 +7,31 @@ |
|
|
|
|
<div class="inp"> |
|
|
|
|
<div class="inp1"> |
|
|
|
|
<div class="inp2"> |
|
|
|
|
<div class="tex">私钥:</div> |
|
|
|
|
<div class="tex">公钥:</div> |
|
|
|
|
<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"> |
|
|
|
|
<div class="inp2" style="margin-top: 1vh"> |
|
|
|
|
<div class="tex">授权时间:</div> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="input1" |
|
|
|
|
type="datetime" |
|
|
|
|
:picker-options="pickerOptions" |
|
|
|
|
placeholder="选择日期"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</div> |
|
|
|
|
<!-- <div class="inp3">--> |
|
|
|
|
<!-- <div class="tex">cpuid:</div>--> |
|
|
|
|
<!-- <div class="box">--> |
|
|
|
|
|
|
|
|
|
<el-input v-model="input1" placeholder="请输入cpuid或者Mac地址" style="width: 25vh;margin-top: 1vh"></el-input> |
|
|
|
|
<el-input v-for="(input, index) in inputs" :key="index" v-model="input.value" placeholder="请输入cpuid或者Mac地址" style="width: 25vh;margin-top: 1vh" ></el-input> |
|
|
|
|
<!-- <el-input v-model="input1" placeholder="请输入cpuid或者Mac地址" style="width: 25vh;margin-top: 1vh"></el-input>--> |
|
|
|
|
<!-- <el-input v-for="(input, index) in inputs" :key="index" v-model="input.value" placeholder="请输入cpuid或者Mac地址" style="width: 25vh;margin-top: 1vh" ></el-input>--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="addInput">添加</el-button> |
|
|
|
|
<el-button @click="delInput">删除</el-button> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <el-button @click="addInput">添加</el-button>--> |
|
|
|
|
<!-- <el-button @click="delInput">删除</el-button>--> |
|
|
|
|
<div class="inp2" style="margin-top: 1vh"> |
|
|
|
|
<div class="tex">有效期至:</div> |
|
|
|
|
<el-date-picker |
|
|
|
@ -43,9 +52,9 @@ |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="toResult">生成</el-button> |
|
|
|
|
<el-button @click="toResult" style="width: 60px">生成</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="inp1"> |
|
|
|
|
<div class="inp4"> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" |
|
|
|
|
:autosize="{ minRows: 1, maxRows: 15}" |
|
|
|
@ -101,6 +110,7 @@ onMounted(()=>{ |
|
|
|
|
console.log(today + " " + time); |
|
|
|
|
|
|
|
|
|
value1.value= today+ " " + time |
|
|
|
|
input1.value= today+ " " + time |
|
|
|
|
|
|
|
|
|
getKey().then((res)=>{ |
|
|
|
|
keyList.value= res.data |
|
|
|
@ -209,129 +219,138 @@ function delInput() { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function toResult(){ |
|
|
|
|
let formattedDate = convertISODate(value1.value); |
|
|
|
|
console.log(formattedDate) |
|
|
|
|
if(inputs.value.length==0){ |
|
|
|
|
if(input1.value){ |
|
|
|
|
resultKey( |
|
|
|
|
{ |
|
|
|
|
"cpuIds": [ |
|
|
|
|
input1.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 && inputs.value[0].value){ |
|
|
|
|
resultKey( |
|
|
|
|
{ |
|
|
|
|
"cpuIds": [ |
|
|
|
|
input1.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 && inputs.value[0].value && inputs.value[1].value){ |
|
|
|
|
resultKey( |
|
|
|
|
let formattedDate1 = convertISODate(input1.value); |
|
|
|
|
let formattedDate2 = convertISODate(value1.value); |
|
|
|
|
resultKey( |
|
|
|
|
{ |
|
|
|
|
"cpuIds": [ |
|
|
|
|
input1.value, |
|
|
|
|
inputs.value[0].value, |
|
|
|
|
inputs.value[1].value, |
|
|
|
|
], |
|
|
|
|
"cpuIds": formattedDate1, |
|
|
|
|
"key": value.value, |
|
|
|
|
"expiration": formattedDate, |
|
|
|
|
"expiration": formattedDate2, |
|
|
|
|
"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 && 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, |
|
|
|
|
inputs.value[0].value, |
|
|
|
|
inputs.value[1].value, |
|
|
|
|
inputs.value[2].value, |
|
|
|
|
inputs.value[3].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', |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// if(inputs.value.length==0){ |
|
|
|
|
// if(input1.value){ |
|
|
|
|
// resultKey( |
|
|
|
|
// { |
|
|
|
|
// "cpuIds": input1.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 && inputs.value[0].value){ |
|
|
|
|
// resultKey( |
|
|
|
|
// { |
|
|
|
|
// "cpuIds": [ |
|
|
|
|
// input1.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 && inputs.value[0].value && inputs.value[1].value){ |
|
|
|
|
// resultKey( |
|
|
|
|
// { |
|
|
|
|
// "cpuIds": [ |
|
|
|
|
// input1.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 && 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, |
|
|
|
|
// inputs.value[0].value, |
|
|
|
|
// inputs.value[1].value, |
|
|
|
|
// inputs.value[2].value, |
|
|
|
|
// inputs.value[3].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> |
|
|
|
@ -357,13 +376,15 @@ function toResult(){ |
|
|
|
|
width: 100%; |
|
|
|
|
height: 73%; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
justify-content: space-around; |
|
|
|
|
.inp1{ |
|
|
|
|
width: 45%; |
|
|
|
|
height: 90%; |
|
|
|
|
padding: 2vh; |
|
|
|
|
border: 1px solid white; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
.inp2{ |
|
|
|
|
margin-bottom: 1vh; |
|
|
|
|
display: flex; |
|
|
|
@ -386,6 +407,12 @@ function toResult(){ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.inp4{ |
|
|
|
|
width: 45%; |
|
|
|
|
height: 90%; |
|
|
|
|
padding: 2vh; |
|
|
|
|
border: 1px solid white; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|