136 lines
5.1 KiB
Plaintext
136 lines
5.1 KiB
Plaintext
<!-- 战略企画 -->
|
||
<script setup lang="ts">
|
||
import AppBlock from '@/components/AppBlock.vue'
|
||
import AppNewsBox from '@/components/AppNewsBox.vue'
|
||
import HomeHead from '@/views/home/components/HomeHead.vue'
|
||
// import HomeHeadSearch from '@/views/home/components/HomeHeadSearch.vue'
|
||
import { useDate } from '@/views/home/hooks/useDate'
|
||
|
||
const { day, week } = useDate()
|
||
const { push } = useRouter()
|
||
|
||
const Items = [
|
||
{
|
||
key: '0',
|
||
title: '调达研究院',
|
||
children: [
|
||
{ label: '调达本部HP', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: 'CSR-碳中和', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: '中国地区连携强化 ', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: '工作模式变更 ', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: '差别化', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
],
|
||
},
|
||
{
|
||
key: '1',
|
||
title: '调达中心',
|
||
children: [
|
||
{ label: 'Database推进', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: '市况', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: '汇率', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: 'BCP', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: '全球连携强化', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
{ label: '高品质高品位', items: [{ content: 'FY22年度集团新年方针:领先时代的变化开创崭新的未来变化开 创崭新的未来' }] },
|
||
],
|
||
},
|
||
]
|
||
</script>
|
||
|
||
<template>
|
||
<HomeHead class="top">
|
||
<template #title>
|
||
|
||
</template>
|
||
<template #content>
|
||
<!-- <HomeHeadSearch /> -->
|
||
</template>
|
||
</HomeHead>
|
||
<div class="h-full relative flex flex-col">
|
||
<div class="font-600 flex items-center mt27px">
|
||
<div class="text-36px">调达本部重点课题 11 项目</div>
|
||
<div class="ml40px bg-#fff/20 b-1px b-solid b-#fff rd-8px inline-flex items-center px12px py9px cursor-pointer">
|
||
<span class="inline-block rotate-45 mr8px">✕</span> <span>上传</span>
|
||
</div>
|
||
</div>
|
||
<div class="flex-1 mt30px text-#142142">
|
||
<!-- <div class="flex w-full h-full gap-30px">
|
||
<AppBlock class="flex-1 box max-h-848px !overflow-y-auto" v-for="item in Items" :key="item.title">
|
||
<div class="box-title">{{ item.title }}</div>
|
||
<div class="mt30px" v-for="news in item.children" :key="news.label">
|
||
<div class="inline-flex items-center pl18px pr28px py8px rd-22px bg-#003cb7 text-#fff text-18px">
|
||
<img src="@/assets/images/icon-tag.svg" class="w30px h30px mr16px" />
|
||
<span>{{ news.label }}</span>
|
||
</div>
|
||
<div class="flex items-center py22px news-item" v-for="n in 2" :key="n">
|
||
<AppNewsBox class="flex-1" text="中国在2023年首次统一碳排放规则规则规就则房地产需业稳定，市场需业稳定，市场需业稳定，市场需求增高" date="2023-05-22" />
|
||
<div class="flex-shrink flex">
|
||
<div class="btn primary ml36px">预览</div>
|
||
<div class="btn default ml10px">下载</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</AppBlock>
|
||
</div> -->
|
||
<img src="@/assets/images/bejqt3.png" class="w100%"/>
|
||
</div>
|
||
</div>
|
||
<div class="absolute flex flex-col w-full h-full z-200 top-0 left-0 text-center bg-red justify-center items-center" style="background-color: rgba(255,255,255,0.8);">
|
||
<img src="@/assets/images/chah.png"/>
|
||
<br>
|
||
<div class="text-#5683DB text-36px">【做成中,敬请期待】</div>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped lang="less">
|
||
.top{
|
||
position: absolute;
|
||
right: 30px;
|
||
top: -92px;
|
||
}
|
||
.box {
|
||
padding: 23px 45px;
|
||
|
||
.box-title {
|
||
font-size: 28px;
|
||
font-weight: 600;
|
||
position: relative;
|
||
padding-left: 24px;
|
||
|
||
&::before {
|
||
content: ' ';
|
||
display: block;
|
||
width: 8px;
|
||
height: 30px;
|
||
background-color: #003ab5;
|
||
|
||
position: absolute;
|
||
left: 0;
|
||
}
|
||
}
|
||
}
|
||
|
||
.news-item {
|
||
cursor: pointer;
|
||
border-bottom: 1px solid #eef3fb;
|
||
}
|
||
|
||
.btn {
|
||
--color-primary: #3870e5;
|
||
|
||
padding: 10px 22px;
|
||
border-radius: 5px;
|
||
cursor: pointer;
|
||
user-select: none;
|
||
|
||
&.default {
|
||
border: 1px solid var(--color-primary);
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
&.primary {
|
||
background-color: var(--color-primary);
|
||
color: #fff;
|
||
}
|
||
}
|
||
</style>
|