jiminglei 1 year ago
parent dc474d6dc2
commit 6adf4bdb96
  1. 240
      psdc-ui/src/views/bigview/index.vue

@ -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>

Loading…
Cancel
Save