From d18c1901b7177b352a6992cb4f2ad0cac718875c Mon Sep 17 00:00:00 2001
From: YCA001 <2915341988@qq.com>
Date: Wed, 6 Mar 2024 14:08:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9EKeyusage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/pages/listShow/CreateX509.vue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/app/src/pages/listShow/CreateX509.vue b/app/src/pages/listShow/CreateX509.vue
index 3c64738..0737a31 100644
--- a/app/src/pages/listShow/CreateX509.vue
+++ b/app/src/pages/listShow/CreateX509.vue
@@ -70,6 +70,20 @@
           >
         </el-radio-group>
       </el-form-item>
+      <el-form-item label="Key usage" v-if="formLabelAlign.type === 'x509ee'">
+        <el-select
+          v-model="formLabelAlign.x509_ee_usage"
+          class="m-2"
+          size="small"
+        >
+          <el-option
+            v-for="item in usageKey"
+            :key="item.value"
+            :label="item.value.toUpperCase()"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
     </div>
     <div class="detail">
       <span class="sp">Details</span>
@@ -193,6 +207,7 @@ const formLabelAlign = reactive<any>({
   province_name: '',
   country_name: '',
   parentKey: '',
+  x509_ee_usage: 'ko',
 });
 const param = ref({
   name: 'test-x509',
@@ -210,6 +225,7 @@ const param = ref({
     locality: 'locality',
     province_name: 'province_name',
     country_name: 'country_name',
+    x509_ee_usage: String,
   },
   create_at: originalDate(new Date()),
   expire_at: '2024-05-12 22:10:57+08:00',
@@ -258,6 +274,14 @@ const typeKey = [
     value: 'x509ee',
   },
 ];
+const usageKey = [
+  {
+    value: 'ko',
+  },
+  {
+    value: 'efi',
+  },
+];
 const optionsSize = [
   {
     value: '2048',
@@ -310,6 +334,7 @@ const cleanForm = () => {
   formLabelAlign.key_type = 'rsa';
   formLabelAlign.visibility = 'public';
   formLabelAlign.type = 'x509ca';
+  formLabelAlign.x509_ee_usage = 'ko';
 };
 // 表单校验规则
 /* 姓名 */
@@ -448,6 +473,8 @@ const getData = () => {
   param.value.attributes.country_name = formLabelAlign.country_name;
   param.value.parent_id =
     formLabelAlign.type === 'x509ca' ? Number : formLabelAlign.parentKey;
+  param.value.attributes.x509_ee_usage =
+    formLabelAlign.type === 'x509ee' ? formLabelAlign.x509_ee_usage : String;
 };
 //提交表单
 const submitForm = async (formEl: FormInstance | undefined) => {
-- 
Gitee