技术文档:使用手册下载
This commit is contained in:
parent
205cb756be
commit
2e17b5cf80
Binary file not shown.
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue