查看系统操作文档

src/layout/modules/HelpInfoBar.vue

@@ -10,7 +10,7 @@
                 <span class="text">开启功能气泡提示</span>
                 <el-switch v-model="bubbleVal" @change="bubbleUpdate"/>
             </div>
-            <div class="list-item">
+            <div class="list-item" @click="excelPreviewClick" v-if="excelUrl">
                 <span class="text">查看系统操作文档</span>
                 <img class="icon" :src="getAssetsHomeFile('word.png')" alt=""/>
                 <img class="icon1" :src="getAssetsHomeFile('word1.png')" alt=""/>
@@ -52,6 +52,7 @@ const useAppState = useAppStore()
 const route = getObjValue(getStoreData('route'))
 const bubbleVal = ref(useAppState.getBubble);
 const videoUrl = ref('')
+const excelUrl = ref('')
 const videoPreviewModal = ref(false)
 const webRtcVal = ref(false)
 const fullScreenVal = ref(true)
@@ -65,17 +66,24 @@ watch(() => [
 ], ([Bubble,routeName,webRtc,fullScreen]) => {
     bubbleVal.value = Bubble
     getVideoUrl(routeName)
+    getExcelUrl(routeName)
     setScreenShotData(webRtc,fullScreen)
 })
 
 //渲染完成
 nextTick(() => {
     getVideoUrl(useRoutes?.name)
+    getExcelUrl(useRoutes?.name)
     const webRtc = useAppState.getShotWebRtc
     const fullScreen = useAppState.getFullScreen
     setScreenShotData(webRtc,fullScreen)
 })
 
+//取文档地址
+const getExcelUrl = (name) => {
+    excelUrl.value = getOneObjValue(route, name, 'excelUrl')
+}
+
 //取视频地址
 const getVideoUrl = (name) => {
     videoUrl.value = getOneObjValue(route, name, 'videoUrl')
@@ -136,6 +144,14 @@ const videoPreviewModalClose = () => {
     videoPreviewModal.value = false
 }
 
+//查看系统操作文档
+const excelPreviewClick = () => {
+    if (excelUrl.value) {
+        window.open(excelUrl.value, '_blank')
+    } else {
+        window?.$message.warning('暂无文档')
+    }
+}
 </script>
 
 <style lang="scss" scoped>