feat: 基础版不再限制流水线数量

packages/ui/certd-client/src/components/vip-button/index.vue

@@ -229,27 +229,41 @@ function openUpgrade() {
   const vipTypeDefine = {
     free: {
       title: "基础版",
-      desc: "免费使用",
+      desc: "社区免费版",
       type: "free",
-      privilege: ["证书申请功能无限制", "证书流水线数量无限制", "常用的主机、云平台、cdn等部署插件"]
+      privilege: ["证书申请无限制", "域名数量无限制", "证书流水线数量无限制", "常用的主机、云平台、cdn等部署插件", "邮件、webhook通知方式"]
     },
     plus: {
       title: "专业版",
-      desc: "功能增强，适用于个人企业内部使用",
+      desc: "开源需要您的赞助支持",
       type: "plus",
-      privilege: ["可加VIP群，需求优先实现", "宝塔、群晖、1Panel、易盾等部署插件", "站点证书监控", "更多通知种类"],
+      privilege: ["可加VIP群，您需求将优先实现", "站点证书监控无限制", "更多通知方式", "更多强大部署插件，宝塔、群晖、1Panel等"],
       trial: {
-        title: "7天试用",
+        title: "点击获取7天试用",
         click: () => {
           openStarModal();
         }
+      },
+      price: 29.9,
+      get() {
+        return (
+          <a-tooltip title="爱发电赞助“VIP会员”后获取一年期专业版激活码，开源需要您的支持">
+            <a-button size="small" type="primary" href="https://afdian.com/a/greper" target="_blank">
+              爱发电赞助后获取
+            </a-button>
+          </a-tooltip>
+        );
       }
     },
     comm: {
       title: "商业版",
       desc: "商业授权，可对外运营",
       type: "comm",
-      privilege: ["拥有专业版所有特权", "允许商用，可修改logo、标题", "数据统计", "插件管理", "多用户无限制", "支持用户支付（敬请期待）"]
+      privilege: ["拥有专业版所有特权", "允许商用，可修改logo、标题", "数据统计", "插件管理", "多用户无限制", "支持用户支付"],
+      price: 399,
+      get() {
+        return <a-button size="small">请联系作者获取</a-button>;
+      }
     }
   };
 
@@ -260,28 +274,16 @@ function openUpgrade() {
     },
     maskClosable: true,
     okText: "激活",
-    width: 900,
+    width: 1000,
     content: () => {
-      let activationCodeGetWay: any = null;
-      if (settingStore.siteEnv.agent.enabled != null) {
-        const agent = settingStore.siteEnv.agent;
-        if (agent.enabled === false) {
-          activationCodeGetWay = (
-            <span>
-              <a href="https://afdian.com/a/greper" target="_blank">
-                爱发电赞助“VIP会员（¥29.9）”后获取一年期专业版激活码
-              </a>
-              <span> 商业版请直接联系作者</span>
-            </span>
-          );
-        } else {
-          activationCodeGetWay = (
-            <a href={agent.contactLink} target="_blank">
-              {agent.contactText}
-            </a>
-          );
-        }
-      }
+      let activationCodeGetWay = (
+        <span>
+          <a href="https://afdian.com/a/greper" target="_blank">
+            爱发电赞助“VIP会员”后获取一年期专业版激活码
+          </a>
+          <span> 商业版请直接联系作者</span>
+        </span>
+      );
       const vipLabel = settingStore.vipLabel;
       const slots = [];
       for (const key in vipTypeDefine) {
@@ -301,15 +303,31 @@ function openUpgrade() {
                   </span>
                 )}
               </h3>
-              <div>{item.desc}</div>
-              <ul>
+              <div style="color:green">{item.desc}</div>
+              <ul class="flex-1">
                 {item.privilege.map((p: string) => (
-                  <li>
+                  <li class="flex-baseline">
                     <fs-icon class="color-green" icon="ion:checkmark-sharp" />
                     {p}
                   </li>
                 ))}
               </ul>
+              <div class="footer flex-between flex-vc">
+                <div class="price-show">
+                  {item.price && (
+                    <span>
+                      <span class="price-text">¥{item.price}</span>
+                      /年
+                    </span>
+                  )}
+                  {!item.price && (
+                    <span>
+                      <span class="price-text">免费</span>
+                    </span>
+                  )}
+                </div>
+                <div class="get-show">{item.get && <div>{item.get()}</div>}</div>
+              </div>
             </div>
           </a-col>
         );
@@ -372,10 +390,12 @@ onMounted(() => {
 
 .vip-active-modal {
   .vip-block {
+    display: flex;
+    flex-direction: column;
     padding: 10px;
     border: 1px solid #eee;
     border-radius: 5px;
-    height: 195px;
+    height: 250px;
     //background-color: rgba(250, 237, 167, 0.79);
     &.current {
       border-color: green;
@@ -389,6 +409,16 @@ onMounted(() => {
         font-wight: 400;
       }
     }
+
+    .footer {
+      padding-top: 5px;
+      margin-top: 0px;
+      border-top: 1px solid #eee;
+      .price-text {
+        font-size: 18px;
+        color: red;
+      }
+    }
   }
 
   ul {