|
|
|
@ -16,53 +16,24 @@ |
|
|
|
<!-- </div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="center-box"> |
|
|
|
<div class="center-title"> |
|
|
|
<div class="circular"></div> |
|
|
|
<div style="margin-left: 40px">组织机构</div> |
|
|
|
</div> |
|
|
|
<div class="center-content"> |
|
|
|
<rich-text :title="title1" /> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
|
|
|
|
<div class="bottom-box white"> |
|
|
|
<div class="bottom-title"> |
|
|
|
<div class="circular"></div> |
|
|
|
<div style="margin-left: 40px">中心架构</div> |
|
|
|
</div> |
|
|
|
<div class="bottom-content"> |
|
|
|
<div :style="{ height: '500px' }" id="treeChart"></div> |
|
|
|
<div class="absolute-box" style="top: 2.5%" v-if="showDiv"> |
|
|
|
<div :style="{ height: '800px' }" id="treeChart"></div> |
|
|
|
<div v-if="showDiv"> |
|
|
|
<div class="case"></div> |
|
|
|
<div class="d-flex flex-column"> |
|
|
|
<div class="mb-8">科技资源共享服务平台</div> |
|
|
|
<div class="mb-8">知识产权与技术转移转化服务平台</div> |
|
|
|
<div>知识培训与科技人才服务平台</div> |
|
|
|
<div class="d-flex flex-row-reverse"> |
|
|
|
<div class="mr-2 mt-3">科技资源共享服务平台</div> |
|
|
|
<div class="mr-2 mt-3">知识产权与技术转移转化服务平台</div> |
|
|
|
<div class="mt-3">知识培训与科技人才服务平台</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="partner-box"> |
|
|
|
<div class="partner-title"> |
|
|
|
<div class="circular"></div> |
|
|
|
<div style="margin-left: 40px">合作伙伴</div> |
|
|
|
</div> |
|
|
|
<div class="partner-content"> |
|
|
|
<de-ent /> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
<!-- <div class="join-box"> |
|
|
|
<div class="join-title"> |
|
|
|
<div class="circular"></div> |
|
|
|
<div style="margin-left: 40px">申请加入</div> |
|
|
|
</div> |
|
|
|
<div class="join-content"> |
|
|
|
申请加入 |
|
|
|
<div> |
|
|
|
<new-model /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -157,15 +128,17 @@ export default { |
|
|
|
{ |
|
|
|
type: 'tree', |
|
|
|
data: this.treedata, |
|
|
|
top: '2%', |
|
|
|
top: '12%', |
|
|
|
left: '6%', |
|
|
|
bottom: '1%', |
|
|
|
right: '40%', |
|
|
|
bottom: '20%', |
|
|
|
right: '6%', |
|
|
|
orient: 'vertical', |
|
|
|
symbolSize: 7, |
|
|
|
lineStyle: { width: 1 }, |
|
|
|
itemStyle: { borderWidth: 3, borderColor: '#AACD06' }, |
|
|
|
label: { |
|
|
|
position: 'top', |
|
|
|
rotate: -90, |
|
|
|
verticalAlign: 'middle', |
|
|
|
align: 'center', |
|
|
|
fontSize: 16, |
|
|
|
@ -174,6 +147,7 @@ export default { |
|
|
|
label: { |
|
|
|
position: 'right', |
|
|
|
verticalAlign: 'middle', |
|
|
|
rotate: -90, |
|
|
|
align: 'left', |
|
|
|
}, |
|
|
|
}, |
|
|
|
|