wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

技术文档：使用手册下载

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
front/public/static/download/通用能力服务平台UCS用户手册-v3.5.docx Normal file
View File

Binary file not shown.

45
front/src/views/instructionManual/index.vue
View File

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