feat: 帮助

.env

@@ -6,3 +6,4 @@ VITE_SERVICE_URL="https://test.4dkankan.com"
 VITE_SWSS_URL="https://uat-laser.4dkankan.com/uat"
 VITE_LASER_URL="https://uat-laser.4dkankan.com"
 VITE_FDKK_URL="https://laser.4dkankan.com"
+VITE_DOC_URL="https://192.168.0.25/docs/#/product/all/zh-cn/README"

.env.development

@@ -7,3 +7,4 @@ VITE_SERVICE_URL="https://test.4dkankan.com"
 VITE_SWSS_URL="https://uat-laser.4dkankan.com/uat"
 VITE_LASER_URL="https://uat-laser.4dkankan.com"
 VITE_FDKK_URL="https://uat-laser.4dkankan.com/uat"
+VITE_DOC_URL="https://192.168.0.25/docs/#/product/all/zh-cn/README"

.env.fire

@@ -6,3 +6,4 @@ VITE_SERVICE_URL="https://4dkankan.com"
 VITE_SWSS_URL="https://laser.4dkankan.com/"
 VITE_LASER_URL="https://laser.4dkankan.com"
 VITE_FDKK_URL="https://uat-laser.4dkankan.com/uat"
+VITE_DOC_URL="https://192.168.0.25/docs/#/product/all/zh-cn/README"

src/view/layout/top/index.vue

@@ -6,8 +6,15 @@
         <span>{{ desc }}</span>
       </h2>
     </div>
-    <div class="oper-btns" v-if="user.info">
-      <div class="user-menu">
+
+    <div class="oper-btns">
+      <a target="_blank" class="helper" :href="docUrl">
+        <el-icon :size="16">
+          <QuestionFilled />
+        </el-icon>
+        <span> 帮助</span>
+      </a>
+      <div class="user-menu" v-if="user.info">
         <img :src="user.info.avatar ? user.info.avatar : defAvatar" />
         <el-dropdown>
           <div style="outline: none">
@@ -17,7 +24,9 @@
           </div>
           <template v-slot:dropdown>
             <el-dropdown-menu class="menu-items-user">
-              <el-dropdown-item @click="updatePwdHandler">修改密码</el-dropdown-item>
+              <el-dropdown-item @click="updatePwdHandler"
+                >修改密码</el-dropdown-item
+              >
               <el-dropdown-item @click="logout"
                 ><span style="color: #fa5555">退出登录</span></el-dropdown-item
               >
@@ -37,6 +46,10 @@ import { RouteName, router } from "@/router";
 import { confirm } from "@/helper/message";
 import { updatePwd } from "@/view/system/quisk";
 import { title, desc } from "@/store/system";
+import { QuestionFilled } from "@element-plus/icons-vue";
+import { computed } from "vue";
+
+const docUrl = computed(() => import.meta.env.VITE_DOC_URL);
 
 refreshRole();
 
@@ -60,4 +73,24 @@ const updatePwdHandler = async () => {
 
 <style lang="scss" scoped>
 @import "./style.scss";
+.oper-btns {
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.helper {
+  color: white;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  text-decoration: none;
+  margin-right: 32px;
+  line-height: 0;
+  i {
+    margin-right: 4px;
+    // padding-top: 2px;
+  }
+}
 </style>