From 6adf4bdb968357d6a418e4e548440b4066cd7f4b Mon Sep 17 00:00:00 2001
From: jiminglei <836545853@qq.com>
Date: Tue, 23 Jan 2024 18:33:13 +0800
Subject: [PATCH] key

---
 psdc-ui/src/views/bigview/index.vue | 240 +++++++++++++++++++++++-----
 1 file changed, 204 insertions(+), 36 deletions(-)

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