技术文档:使用手册下载

This commit is contained in:
guoyue 2022-09-07 14:28:52 +08:00
parent 205cb756be
commit 2e17b5cf80
2 changed files with 34 additions and 11 deletions

View File

@ -3,24 +3,41 @@
<div class="menu-container">
<div id="container" class="content-menu">
<div class="left">
<div class="first-title-text doc" :style="{ color: '技术文档' === titleData.name ? '#0058e1' : '' }"
@click="changeName({ name: '技术文档' })">
<div
class="first-title-text doc"
:style="{ color: '技术文档' === titleData.name ? '#0058e1' : '' }"
@click="changeName({ name: '技术文档' })"
>
技术文档
</div>
<abilityDocTree style="max-height:320px;overflow-y:auto" :dataList="treeArray" @treeClick="treeClick"
:clickData="clickData"></abilityDocTree>
<abilityDocTree
style="max-height: 320px; overflow-y: auto"
:dataList="treeArray"
@treeClick="treeClick"
:clickData="clickData"
></abilityDocTree>
</div>
<div class="first-title-text new-guide-box" :style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
@click="changeName({ name: '使用手册' })">
<div
class="first-title-text new-guide-box"
:style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
@click="changeName({ name: '使用手册' })"
>
<div class="guide-text">使用手册</div>
<el-icon :size="20" color="#0058e1" @click="downloadEvt()"><Download /></el-icon>
</div>
<!-- 技术文档 -->
<div class="right" v-if="titleData.name !== '使用手册'">
<div style="height: 100%">
<iframe name="iframeName" width="1300" height="100%" id="iframeId" :frameborder="0"
:src="doc_base_url + clickData.doc"></iframe>
<iframe
name="iframeName"
width="1300"
height="100%"
id="iframeId"
:frameborder="0"
:src="doc_base_url + clickData.doc"
></iframe>
</div>
</div>
</div>
@ -95,7 +112,7 @@ const changeName = (item) => {
title: val.title,
show:
(i === 0 && val.children && val.children.length > 0) ||
typeList.includes(val.title)
typeList.includes(val.title)
? true
: false,
children: [],
@ -114,7 +131,7 @@ const formData = (children = [], dataItem) => {
title: item.title,
show:
(index === 0 && item.children && item.children.length > 0) ||
typeList.includes(item.title)
typeList.includes(item.title)
? true
: false,
children: [],
@ -137,6 +154,10 @@ const getFirstData = (firstObj = {}) => {
onMounted(() => {
getTreeData()
})
const downloadEvt = (url = '') => {
window.open('/static/download/通用能力服务平台UCS用户手册-v3.5.docx', '_self')
}
</script>
<style scoped lang="less">
@ -192,7 +213,7 @@ onMounted(() => {
top: 300px;
right: 205px;
width: 74px;
height: 136px;
height: 170px;
background: url('~@/assets/menu/new-bg.png') no-repeat;
background-size: 100% 100%;
display: flex;
@ -208,6 +229,8 @@ onMounted(() => {
word-wrap: break-word;
font-size: 20px;
color: #0058e1;
height: 136px;
margin-bottom: 4px;
}
.right {