feat: add help doc && copyright info

@@ -5,6 +5,8 @@
     <meta charset="UTF-8" />
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="renderer" content="webkit" />
     <meta name="renderer" content="webkit" />
+    <meta name="keywords" content="Thingskit 物联网平台" />
+    <meta name="description" content="Thingskit 物联网平台" />
     <meta http-equiv="Expires" content="0" />
     <meta http-equiv="Expires" content="0" />
     <meta http-equiv="Cache-control" content="no-cache" />
     <meta http-equiv="Cache-control" content="no-cache" />
     <meta http-equiv="Cache" content="no-cache" />
     <meta http-equiv="Cache" content="no-cache" />

+<script lang="ts" setup>
+  import { h } from 'vue';
+  import { Description, useDescription } from '/@/components/Description';
+  import { BasicModal, useModal } from '/@/components/Modal';
+
+  const [register] = useModal();
+
+  const [registerDes] = useDescription({
+    bordered: false,
+    column: 1,
+    labelStyle: {
+      width: '100px',
+      textAlign: 'right',
+      justifyContent: 'right',
+      paddingRight: '20px',
+    },
+    data: {
+      copyright:
+        'ThingsKit物联网平台版权归成都云腾五洲科技有限公司所有,您可以任意商用,但请注意保留本版权声明',
+      website: 'www.thingskit.com',
+      authorization: '若不想保留本版权声明,请前往以下链接查看移出方法,',
+    },
+    schema: [
+      {
+        field: 'copyright',
+        label: '版权声明',
+      },
+      {
+        field: 'website',
+        label: '官网',
+        render: (val: string) => {
+          return h(
+            'span',
+            { class: 'text-blue-500 cursor-pointer', onClick: () => open(val) },
+            val
+          );
+        },
+      },
+      {
+        field: 'authorization',
+        label: '商业授权',
+        render: (val: string) => {
+          console.log(val);
+          // https://community.thingskit.com/question/20.html
+          return h('div', {}, [
+            h('span', val),
+            h(
+              'span',
+              {
+                class: 'text-blue-500 cursor-pointer',
+                onClick: () => open('https://community.thingskit.com/question/20.html'),
+              },
+              '点击前往'
+            ),
+          ]);
+        },
+      },
+    ],
+  });
+</script>
+
+<template>
+  <BasicModal @register="register" title="关于我们" width="50%">
+    <Description @register="registerDes" />
+  </BasicModal>
+</template>

+<script lang="ts" setup>
+  import { FileWordOutlined } from '@ant-design/icons-vue';
+  import { Tooltip } from 'ant-design-vue';
+
+  const handleJump = () => {
+    open('https://docs.thingskit.com');
+  };
+</script>
+
+<template>
+  <Tooltip title="帮助文档">
+    <FileWordOutlined class="text-base cursor-pointer" @click="handleJump" />
+  </Tooltip>
+</template>

@@ -37,6 +37,7 @@
           :text="t('layout.header.dropdownItemChangePassword')"
           :text="t('layout.header.dropdownItemChangePassword')"
           icon="ant-design:unlock-twotone"
           icon="ant-design:unlock-twotone"
         />
         />
+        <MenuItem key="aboutSoftware" text="关于软件" icon="ant-design:message-outline" />
         <MenuItem
         <MenuItem
           v-if="getUseLockPage"
           v-if="getUseLockPage"
           key="lock"
           key="lock"
@@ -57,6 +58,7 @@
     ref="personalRef"
     ref="personalRef"
     @register="registerPersonal"
     @register="registerPersonal"
   />
   />
+  <AboutSoftwareModal @register="registerModal" />
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
   // components
   // components
@@ -74,8 +76,9 @@
   import { getAuthCache } from '/@/utils/auth';
   import { getAuthCache } from '/@/utils/auth';
   import { useRouter } from 'vue-router';
   import { useRouter } from 'vue-router';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { usePermission } from '/@/hooks/web/usePermission';
+  import AboutSoftwareModal from '../AboutSoftwareModal.vue';
 
 
-  type MenuEvent = 'logout' | 'doc' | 'lock' | 'personal' | 'changePassword';
+  type MenuEvent = 'logout' | 'doc' | 'lock' | 'personal' | 'changePassword' | 'aboutSoftware';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'UserDropdown',
     name: 'UserDropdown',
@@ -85,6 +88,7 @@
       MenuItem: createAsyncComponent(() => import('./DropMenuItem.vue')),
       MenuItem: createAsyncComponent(() => import('./DropMenuItem.vue')),
       LockAction: createAsyncComponent(() => import('../lock/LockModal.vue')),
       LockAction: createAsyncComponent(() => import('../lock/LockModal.vue')),
       PersonalChild: createAsyncComponent(() => import('../personal/index.vue')),
       PersonalChild: createAsyncComponent(() => import('../personal/index.vue')),
+      AboutSoftwareModal,
     },
     },
     props: {
     props: {
       theme: propTypes.oneOf(['dark', 'light']),
       theme: propTypes.oneOf(['dark', 'light']),
@@ -120,6 +124,11 @@
         openModal(true);
         openModal(true);
       }
       }
 
 
+      const [registerModal, { openModal: openAboutSoftwareModal }] = useModal();
+      function handleOpenAboutSoftwareModal() {
+        openAboutSoftwareModal();
+      }
+
       //  login out
       //  login out
       function handleLoginOut() {
       function handleLoginOut() {
         userStore.confirmLoginOut();
         userStore.confirmLoginOut();
@@ -138,6 +147,8 @@
           case 'changePassword':
           case 'changePassword':
             changePassword();
             changePassword();
             break;
             break;
+          case 'aboutSoftware':
+            handleOpenAboutSoftwareModal();
         }
         }
       }
       }
 
 
@@ -180,6 +191,7 @@
         register,
         register,
         getUseLockPage,
         getUseLockPage,
         hasPermission,
         hasPermission,
+        registerModal,
       };
       };
     },
     },
   });
   });

@@ -39,6 +39,8 @@
 
 
       <Notify v-if="getShowNotice" :class="`${prefixCls}-action__item notify-item`" />
       <Notify v-if="getShowNotice" :class="`${prefixCls}-action__item notify-item`" />
 
 
+      <HelpDoc />
+
       <FullScreen v-if="getShowFullScreen" :class="`${prefixCls}-action__item fullscreen-item`" />
       <FullScreen v-if="getShowFullScreen" :class="`${prefixCls}-action__item fullscreen-item`" />
 
 
       <AppLocalePicker
       <AppLocalePicker
@@ -75,6 +77,7 @@
 
 
   import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
   import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
   import { useLocale } from '/@/locales/useLocale';
   import { useLocale } from '/@/locales/useLocale';
+  import HelpDoc from './components/HelpDoc.vue';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'LayoutHeader',
     name: 'LayoutHeader',
@@ -92,6 +95,7 @@
       SettingDrawer: createAsyncComponent(() => import('/@/layouts/default/setting/index.vue'), {
       SettingDrawer: createAsyncComponent(() => import('/@/layouts/default/setting/index.vue'), {
         loading: true,
         loading: true,
       }),
       }),
+      HelpDoc,
     },
     },
     props: {
     props: {
       fixed: propTypes.bool,
       fixed: propTypes.bool,

@@ -80,6 +80,7 @@
   // import { useUserStore } from '/@/store/modules/user';
   // import { useUserStore } from '/@/store/modules/user';
   import { getPlatForm } from '/@/api/oem/index';
   import { getPlatForm } from '/@/api/oem/index';
   import defaultShowLogoImg from '/@/assets/svg/login-bg.svg';
   import defaultShowLogoImg from '/@/assets/svg/login-bg.svg';
+  import { useTitle } from '@vueuse/core';
 
 
   defineProps({
   defineProps({
     sessionTimeout: {
     sessionTimeout: {
@@ -136,6 +137,10 @@
   const localeStore = useLocaleStore();
   const localeStore = useLocaleStore();
   const showLocale = localeStore.getShowPicker;
   const showLocale = localeStore.getShowPicker;
   // const title = computed(() => globSetting?.title ?? '');
   // const title = computed(() => globSetting?.title ?? '');
+
+  onMounted(() => {
+    useTitle('ThingsKit 物联网平台');
+  });
 </script>
 </script>
 <style lang="less">
 <style lang="less">
   @prefix-cls: ~'@{namespace}-login';
   @prefix-cls: ~'@{namespace}-login';
@@ -195,7 +200,7 @@
       width: 100%;
       width: 100%;
       height: 100%;
       height: 100%;
       margin-left: -48%;
       margin-left: -48%;
-      background-image: v-bind(logoUrl);
+      background-image: v-bind(logourl);
       // background-image: url(/@/assets/svg/login-bg.svg);
       // background-image: url(/@/assets/svg/login-bg.svg);
       background-position: 100%;
       background-position: 100%;
       background-repeat: no-repeat;
       background-repeat: no-repeat;