From 14ab93dc2f8d8b80f3ba78411f81ae2974d1805a Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Wed, 21 Aug 2024 12:38:09 +0800
Subject: [PATCH] chore: 1

---
 .../src/layout/components/vip-info/index.vue  | 36 +++++++++++++------
 .../ui/certd-client/src/style/common.less     |  7 ++++
 .../plugin-tencent/access/tencent-access.ts   |  3 +-
 3 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/packages/ui/certd-client/src/layout/components/vip-info/index.vue b/packages/ui/certd-client/src/layout/components/vip-info/index.vue
index 47b0ab9b..ff388ed6 100644
--- a/packages/ui/certd-client/src/layout/components/vip-info/index.vue
+++ b/packages/ui/certd-client/src/layout/components/vip-info/index.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="layout-vip" :class="{ 'layout-plus': userStore.plusInfo?.isPlus }">
+  <div class="layout-vip" :class="{ isPlus: userStore.plusInfo?.isPlus }">
     <contextHolder />
     <fs-icon icon="mingcute:vip-1-line"></fs-icon>
     <div class="text">
       <span v-if="userStore.plusInfo?.isPlus">
         <a-tooltip>
           <template #title> 到期时间：{{ expireTime }} </template>
-          <span>专业版</span>
+          <span @click="openUpgrade">专业版</span>
         </a-tooltip>
       </span>
       <span v-else @click="openUpgrade"> 当前免费版 </span>
@@ -48,19 +48,35 @@ const [modal, contextHolder] = Modal.useModal();
 function openUpgrade() {
   const placeholder = "请输入激活码";
   modal.confirm({
-    title: "升级专业版",
+    title: "升级/续期专业版",
     async onOk() {
-      await doActive();
+      return await doActive();
     },
+    okText: "激活",
+    width: 500,
     content: () => {
       return (
         <div class="mt-10 mb-10">
-          <a-input v-model:value={formState.code} placeholder={placeholder} />
-          <div class="mt-10">
-            没有激活码？
-            <a href="https://afdian.com/a/greper" target="_blank">
-              爱发电赞助获取
-            </a>
+          <div>
+            <h3 class="block-header">专业版特权</h3>
+            <ul>
+              <li>证书流水线数量无限制</li>
+              <li>可加VIP群，需求优先实现</li>
+              <li>更多特权敬请期待</li>
+            </ul>
+          </div>
+          <div>
+            <h3 class="block-header">立刻激活/续期</h3>
+            <div class="mt-10">
+              <a-input v-model:value={formState.code} placeholder={placeholder} />
+            </div>
+
+            <div class="mt-10">
+              没有激活码？
+              <a href="https://afdian.com/a/greper" target="_blank">
+                爱发电赞助“VIP会员”后获取
+              </a>
+            </div>
           </div>
         </div>
       );
diff --git a/packages/ui/certd-client/src/style/common.less b/packages/ui/certd-client/src/style/common.less
index 990fa07b..decf1d22 100644
--- a/packages/ui/certd-client/src/style/common.less
+++ b/packages/ui/certd-client/src/style/common.less
@@ -110,3 +110,10 @@ h1, h2, h3, h4, h5, h6 {
 .w-100{
     width: 100%;
 }
+
+.block-header{
+  margin:3px;
+  padding-top: 15px;
+  padding-bottom:3px;
+  border-bottom: 1px solid #dedede;
+}
diff --git a/packages/ui/certd-server/src/plugins/plugin-tencent/access/tencent-access.ts b/packages/ui/certd-server/src/plugins/plugin-tencent/access/tencent-access.ts
index a9c6804b..234a58e7 100644
--- a/packages/ui/certd-server/src/plugins/plugin-tencent/access/tencent-access.ts
+++ b/packages/ui/certd-server/src/plugins/plugin-tencent/access/tencent-access.ts
@@ -7,8 +7,7 @@ import { IsAccess, AccessInput } from '@certd/pipeline';
 export class TencentAccess {
   @AccessInput({
     title: 'secretId',
-    helper:
-      '使用对应的插件需要有对应的权限，比如上传证书，需要证书管理权限;部署到clb需要clb相关权限',
+    helper: '使用对应的插件需要有对应的权限，比如上传证书，需要证书管理权限;部署到clb需要clb相关权限',
     component: {
       placeholder: 'secretId',
     },