chore: 1

packages/ui/certd-client/src/api/service.ts

@@ -1,7 +1,7 @@
 import axios from "axios";
 import { get } from "lodash-es";
 import Adapter from "axios-mock-adapter";
-import { errorLog, errorCreate } from "./tools";
+import { errorLog, errorCreate, response } from "./tools";
 import { env } from "/src/utils/util.env";
 import { useUserStore } from "../store/modules/user";
 /**
@@ -96,6 +96,10 @@ function createService() {
         const userStore = useUserStore();
         userStore.logout();
       }
+
+      if (error?.config?.onError) {
+        error.config.onError(error);
+      }
       return Promise.reject(error);
     }
   );

packages/ui/certd-client/src/api/tools.ts

@@ -55,6 +55,9 @@ export function errorLog(error: any) {
   if (error.response?.data?.message) {
     message = error.response.data.message;
   }
+  if (message.indexOf("ssl3_get_record:wrong version number" > -1)) {
+    message = "http协议错误，服务端要求http协议，请检查是否使用了https请求";
+  }
   // 显示提示
   uiContext.get().notification.error({ message });
 }

packages/ui/certd-client/src/components/plugins/common/remote-select.vue

@@ -13,13 +13,21 @@ const emit = defineEmits<{
 }>();
 
 const optionsRef = ref([]);
+const message = ref("");
 const getOptions = async () => {
-  return await doRequest({
-    type: props.type,
-    typeName: props.typeName,
-    action: props.action,
-    input: props.form
-  });
+  return await doRequest(
+    {
+      type: props.type,
+      typeName: props.typeName,
+      action: props.action,
+      input: props.form
+    },
+    {
+      onError(err) {
+        message.value = err.message;
+      }
+    }
+  );
 };
 
 const filterOption = (input: string, option: any) => {
@@ -53,7 +61,8 @@ watch(
 </script>
 
 <template>
-  <a-select
+  <div>
+    <a-select
     class="remote-select"
     show-search
     :filter-option="filterOption"
@@ -62,6 +71,10 @@ watch(
     @click="onClick"
     @update:value="emit('update:value', $event)"
   />
+    <div class="helper">
+      {{ message }}
+    </div>
+  </div>
 </template>
 
 <style lang="less"></style>

packages/ui/certd-client/src/components/plugins/lib/index.ts

@@ -14,7 +14,7 @@ export type RequestHandleReq<T = any> = {
   input: T;
 };
 
-export async function doRequest(req: RequestHandleReq) {
+export async function doRequest(req: RequestHandleReq, opts?: any = {}) {
   const url = req.type === "access" ? "/pi/handle/access" : "/pi/handle/plugin";
   const { typeName, action, data, input } = req;
   const res = await request({
@@ -25,7 +25,8 @@ export async function doRequest(req: RequestHandleReq) {
       action,
       data,
       input
-    }
+    },
+    ...opts
   });
   return res;
 }

packages/ui/certd-client/src/components/plugins/synology/device-id-getter.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <contextHolder />
-    <a-input :value="value" :allow-clear="true" @update:value="emit('update:value', $event)">
+    <a-input v-bind="attrs" :value="value" :allow-clear="true" @update:value="emit('update:value', $event)">
       <template #suffix>
         <a-tag class="cursor-pointer" @click="getDeviceId">获取设备ID</a-tag>
       </template>

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

@@ -33,18 +33,19 @@ type Text = {
   title?: string;
 };
 const text = computed<Text>(() => {
+  const vipLabel = userStore.vipLabel;
   const map = {
     isPlus: {
       button: {
-        name: "专业版已开通",
+        name: `${vipLabel}已开通`,
         title: "到期时间：" + expireTime.value
       },
       icon: {
         name: "",
-        title: "专业版已开通"
+        title: `${vipLabel}已开通`
       },
       nav: {
-        name: "专业版",
+        name: `${vipLabel}`,
         title: "到期时间：" + expireTime.value
       }
     },
@@ -82,7 +83,7 @@ const expiredDays = computed(() => {
   if (userStore.plusInfo?.isPlus && !userStore.isPlus) {
     //已过期多少天
     const days = dayjs().diff(dayjs(userStore.plusInfo.expireTime), "day");
-    return `专业版已过期${days}天`;
+    return `${userStore.vipLabel}已过期${days}天`;
   }
   return "";
 });
@@ -100,15 +101,16 @@ async function doActive() {
   const res = await api.doActive(formState);
   if (res) {
     await userStore.reInit();
+    const vipLabel = userStore.vipLabel;
     Modal.success({
       title: "激活成功",
-      content: `您已成功激活专业版,有效期至：${dayjs(userStore.plusInfo.expireTime).format("YYYY-MM-DD")}`,
+      content: `您已成功激活${vipLabel},有效期至：${dayjs(userStore.plusInfo.expireTime).format("YYYY-MM-DD")}`,
       onOk() {
         if (!(settingStore.installInfo.bindUserId > 0)) {
           //未绑定账号
           Modal.confirm({
             title: "是否绑定袖手账号",
-            content: "绑定账号后，可以避免专业版License丢失，强烈建议绑定",
+            content: "绑定账号后，可以避免License丢失，强烈建议绑定",
             onOk() {
               router.push("/sys/account");
             }
@@ -130,8 +132,15 @@ function openUpgrade() {
   }
   const placeholder = "请输入激活码";
   const isPlus = userStore.isPlus;
+  let title = "激活专业版/商业版";
+  if (userStore.isComm) {
+    title = "续期商业版";
+  } else if (userStore.isPlus) {
+    title = "续期专业版/升级商业版";
+  }
+
   modal.confirm({
-    title: isPlus ? "续期专业版" : "激活专业版",
+    title,
     async onOk() {
       return await doActive();
     },
@@ -139,6 +148,7 @@ function openUpgrade() {
     okText: "激活",
     width: 500,
     content: () => {
+      const vipLabel = userStore.vipLabel;
       return (
         <div class="mt-10 mb-10">
           <div>
@@ -153,7 +163,7 @@ function openUpgrade() {
           </div>
           <div>
             <h3 class="block-header">{isPlus ? "续期" : "立刻激活"}</h3>
-            <div>{isPlus ? "当前专业版已激活，到期时间" + dayjs(userStore.plusInfo.expireTime).format("YYYY-MM-DD") : ""}</div>
+            <div>{isPlus ? `当前${vipLabel}已激活，到期时间` + dayjs(userStore.plusInfo.expireTime).format("YYYY-MM-DD") : ""}</div>
             <div class="mt-10">
               <div class="flex-o w-100">
                 <span>站点ID：</span>

packages/ui/certd-client/src/plugin/fast-crud/index.tsx

@@ -350,7 +350,7 @@ function install(app: App, options: any = {}) {
       }
       columnProps.column.resizable = true;
       if (!columnProps.column.width) {
-        columnProps.column.width = 100;
+        columnProps.column.width = -1;
       } else if (typeof columnProps.column?.width === "string" && columnProps.column.width.indexOf("px") > -1) {
         columnProps.column.width = parseInt(columnProps.column.width.replace("px", ""));
       }

packages/ui/certd-client/src/store/modules/user.ts

@@ -23,6 +23,7 @@ interface PlusInfo {
   vipType: string;
   expireTime: number;
   isPlus: boolean;
+  isComm: boolean;
 }
 
 const USER_INFO_KEY = "USER_INFO";
@@ -46,10 +47,21 @@ export const useUserStore = defineStore({
       return this.token || LocalStorage.get(TOKEN_KEY);
     },
     isAdmin(): boolean {
-      return this.getUserInfo?.id === 1;
+      return this.getUserInfo.id === 1 || this.getUserInfo.roles?.includes(1);
     },
     isPlus(): boolean {
       return this.plusInfo?.isPlus && this.plusInfo?.expireTime > new Date().getTime();
+    },
+    isComm(): boolean {
+      return this.plusInfo?.isComm && this.plusInfo?.expireTime > new Date().getTime();
+    },
+    vipLabel(): string {
+      const vipLabelMap: any = {
+        free: "免费版",
+        vip: "专业版",
+        comm: "商业版"
+      };
+      return vipLabelMap[this.plusInfo?.vipType];
     }
   },
   actions: {

packages/ui/certd-client/src/views/sys/authority/user/crud.tsx

@@ -40,7 +40,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
           type: "text",
           form: { show: false }, // 表单配置
           column: {
-            width: 70,
+            width: 100,
             sorter: true
           }
         },
@@ -74,7 +74,8 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
           },
           editForm: { component: { disabled: true } },
           column: {
-            sorter: true
+            sorter: true,
+            width: 200
           }
         },
         password: {