Skip to content

R
risk-monitor
提交 3f2140f0 authored 作者: coderBryanFu's avatar coderBryanFu
浏览文件
操作

fix:政令、智库box1替换为通用组件

上级 d51dbb5b
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 135 行增加 和 38 行删除
src/components/base/boxBackground/overviewMainBox.vue
浏览文件 @ 3f2140f0
......@@ -43,8 +43,6 @@ const handleClickToDetail = () => {
emit('toDetail')
}
</script>
<style lang="scss" scoped>
......@@ -96,6 +94,9 @@ const handleClickToDetail = () => {
font-weight: 400;
line-height: 24px;
cursor: pointer;
&:hover{
font-weight: bold;
}
}
}
......
src/views/bill/billHome/index.vue
浏览文件 @ 3f2140f0
......@@ -42,7 +42,7 @@
<div class="home-content-center">
<div class="center-top">
<OverviewMainBox class="box1" title="热门法案" @toDetail="handleClickToDetail">
<template #headerIcon>
<template #header-icon>
<img style="width: 100%; height: 100%" src="./assets/images/box1-header-icon.png" alt="" />
</template>
<div class="box1-left" @click="handleSwithCurBill('left')">
......
src/views/dataLibrary/components/HeaderBtnBox/index.vue
浏览文件 @ 3f2140f0
......@@ -17,7 +17,7 @@
</template>
<script setup>
import {ref} from 'vue'
import { ref } from 'vue'
const props = defineProps({
isShowAll: {
......@@ -83,6 +83,10 @@ const handleConfirm = () => {
padding: 6px 16px;
color: var(--text-primary-65-color);
cursor: pointer;
&:hover {
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
}
}
.confirm {
......@@ -95,6 +99,10 @@ const handleConfirm = () => {
color: var(--bg-white-100);
text-align: center;
cursor: pointer;
&:hover {
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
}
}
}
</style>
\ No newline at end of file
src/views/dataLibrary/index.vue
浏览文件 @ 3f2140f0
......@@ -36,13 +36,8 @@
</div>
</div>
<div class="sider-second-item-box" v-if="item.isExpanded">
<div
class="sider-second-item text-compact"
:class="{ 'sider-second-item-acitve': val.active }"
v-for="(val, idx) in item.children"
:key="idx"
@click="handleSiderSecondItem(val)"
>
<div class="sider-second-item text-compact" :class="{ 'sider-second-item-acitve': val.active }"
v-for="(val, idx) in item.children" :key="idx" @click="handleSiderSecondItem(val)">
{{ val.name }}
</div>
</div>
......@@ -50,13 +45,8 @@
</div>
<div class="data-library-content">
<div class="tab-box">
<div
class="tab-item"
:class="{ 'tab-item-active': tab.active }"
v-for="(tab, index) in openedTabList"
:key="index"
@click="handleClickTab(tab)"
>
<div class="tab-item" :class="{ 'tab-item-active': tab.active }" v-for="(tab, index) in openedTabList"
:key="index" @click="handleClickTab(tab)">
<div class="text text-tip-1" :class="{ 'text-active': tab.active }">{{ tab.meta.title }}</div>
<el-tooltip content="关闭当前标签" placement="top">
<div class="icon" @click.stop="handleCloseCurTab(tab, index)">
......@@ -163,15 +153,16 @@ const siderList = ref([
active: false
},
{
name: "商业管制清单",
path: "/dataLibrary/dataCommerceControlList",
name: "实体清单事件",
path: "/dataLibrary/dataEntityListEvent",
active: false
},
{
name: "实体清单事件",
path: "/dataLibrary/dataEntityListEvent",
name: "商业管制清单",
path: "/dataLibrary/dataCommerceControlList",
active: false
},
{
name: "商业管制清单事件",
path: "/dataLibrary/dataCommerceControlListEvent",
......
src/views/decree/decreeHome/index.vue
浏览文件 @ 3f2140f0
......@@ -46,7 +46,6 @@
<template #reference>
<div class="item-total" @click="handleToDataLibrary(item)">{{ item.totalOrderNum }}项</div>
</template>
</el-popover>
<el-icon color="var(--color-primary-100)">
<ArrowRightBold />
......@@ -64,7 +63,7 @@
<DivideHeader id="position1" class="divide" :titleText="'最新动态'"></DivideHeader>
<div class="home-main-center">
<div class="center-top">
<div class="box1">
<!-- <div class="box1">
<div class="box1-left" @click="handleSwithCurDecree('left')">
<div class="icon">
<img src="./assets/images/box1-left.svg" alt="" />
......@@ -86,6 +85,58 @@
{{ "查看详情 >" }}
</div>
</div>
<el-carousel ref="carouselRef" height="395px" :autoplay="true" :interval="3000" arrow="never"
indicator-position="none">
<el-carousel-item v-for="(item, index) in box1DataList" :key="index">
<div class="box1-main">
<div class="box1-main-left">
<img v-if="item.imageUrl" :src="item.imageUrl" alt="" />
<div v-else class="box1-main-left-img-mock">
<img class="img-mock-badge-img" src="./assets/images/badge.png" />
<p class="img-mock-badge-title">行政令</p>
<p class="img-mock-badge-title">{{ item.name }}</p>
</div>
</div>
<div class="box1-main-right">
<div class="box1-main-right-title">
{{ item.name }}
</div>
<div class="box1-main-right-info">
<AreaTag v-for="(tag, index) in item.industryList" :key="index" :tagName="tag.industryName" />
</div>
<div class="box1-main-right-center">
{{ item.describe }}
</div>
<div class="box1-main-right-footer">
<div class="footer-left">{{ item.postDate }}</div>
<div class="footer-right">
<div class="footer-right-item1">
{{ item.officialUrl }}
</div>
<div class="footer-right-item2">
<img src="./assets/images/open-icon.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div> -->
<OverviewMainBox class="box1" title="最新科技政令" @toDetail="handleClickOrder">
<template #header-icon>
<img style="width: 100%; height: 100%" src="./assets/images/box1-header-icon.png" alt="" />
</template>
<div class="box1-left" @click="handleSwithCurDecree('left')">
<div class="icon">
<img src="./assets/images/box1-left.svg" alt="" />
</div>
</div>
<div class="box1-right" @click="handleSwithCurDecree('right')">
<div class="icon">
<img src="./assets/images/box1-right.svg" alt="" />
</div>
</div>
<el-carousel ref="carouselRef" height="395px" :autoplay="true" :interval="3000" arrow="never"
indicator-position="none">
<el-carousel-item v-for="(item, index) in box1DataList" :key="index">
......@@ -124,7 +175,7 @@
</div>
</el-carousel-item>
</el-carousel>
</div>
</OverviewMainBox>
<RiskSignal :list="warningList" @item-click="onNavigateToDetail" @more-click="handleToMoreRiskSignal"
riskLevel="signalLevel" postDate="signalTime" name="signalTitle">
</RiskSignal>
......
src/views/thinkTank/index.vue
浏览文件 @ 3f2140f0
......@@ -67,8 +67,11 @@
{{ "No." + (index + 1) }}
</div> -->
<div class="rank">
<div class=" number" @click="handleToDataLibrary(item)">{{ item.reportNumber }} {{ "篇报告" }}</div>
<el-popover content="跳转至数据资源库" placement="top">
<template #reference>
<div class=" number" @click="handleToDataLibrary(item)">{{ item.reportNumber }} {{ "篇报告" }}</div>
</template>
</el-popover>
</div>
</div>
<div class="card-title">
......@@ -100,7 +103,7 @@
<div class="home-main-center">
<DivideHeader id="position1" class="divide-header" :titleText="'最新动态'"></DivideHeader>
<div class="center-top">
<div class="box1">
<!-- <div class="box1">
<div class="box1-left" @click="handleSwithCurDecree('left')">
<div class="icon">
<img src="./assets/images/box1-left.svg" alt="" />
......@@ -133,6 +136,53 @@
<div class="title">{{ itemData?.reportName }}</div>
<div class="name">
<div class="logo-title-box">
<div class="logo">
<img :src="itemData?.thinkTankImage" alt="" />
</div>
<div class="title">{{ itemData?.thinkTankName + " · " + "智库报告" }}</div>
</div>
<div class="time">{{ itemData?.reportDate }}</div>
</div>
<div class="content">{{ itemData?.summary }}</div>
<div class="box1-right-footer">
<div class="tag-box">
<AreaTag v-for="(item, index) in itemData?.industryVOList" :key="index"
:tagName="item.industryName">
</AreaTag>
</div>
</div>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div> -->
<OverviewMainBox class="box1" title="智库发布" @toDetail="handleClickToDetail">
<template #header-icon>
<img style="width: 100%; height: 100%" src="./assets/images/box1-header-icon.png" alt="" />
</template>
<div class="box1-left" @click="handleSwithCurDecree('left')">
<div class="icon">
<img src="./assets/images/box1-left.svg" alt="" />
</div>
</div>
<div class="box1-right" @click="handleSwithCurDecree('right')">
<div class="icon">
<img src="./assets/images/box1-right.svg" alt="" />
</div>
</div>
<el-carousel ref="carouselRef" height="395px" :autoplay="true" :interval="3000" arrow="never"
indicator-position="none">
<el-carousel-item v-for="(itemData, index) in box1Data" :key="index">
<div class="box1-main">
<div class="box1-main-left">
<img :src="itemData?.imageUrl" alt="" />
</div>
<div class="box1-main-right">
<div class="title">{{ itemData?.reportName }}</div>
<div class="name">
<div class="logo-title-box">
<div class="logo">
......@@ -157,7 +207,7 @@
</div>
</el-carousel-item>
</el-carousel>
</div>
</OverviewMainBox>
<RiskSignal :list="warningList" @more-click="handleToMoreRiskSignal" postDate="time" name="title"
@item-click="handleClickToDetail" />
</div>
......@@ -369,8 +419,9 @@
<ThinkTankCongressHearingOverview v-else-if="activeCate === '国会听证会'" :key="`congress-${resourceTabResetKey}`"
:hearing-data="hearingData" :research-type-list="areaList" :research-time-list="pubTimeList"
v-model:selectedAreaList="congressSelectedAreaList" v-model:selectedPubTimeList="congressSelectedPubTimeList"
:total="congressTotal" :current-page="congressCurrentPage" @filter-change="handleCongressFilterChange"
v-model:selectedAreaList="congressSelectedAreaList"
v-model:selectedPubTimeList="congressSelectedPubTimeList" :total="congressTotal"
:current-page="congressCurrentPage" @filter-change="handleCongressFilterChange"
@page-change="handleCongressCurrentChange" @report-click="handleToHearingDetail" />
<ThinkTankPolicyAdviceOverview v-else :key="`policy-${resourceTabResetKey}`" :research-type-list="areaList"
......@@ -2194,7 +2245,7 @@ const handleSearch = () => {
// 下钻至数据资源库
const handleToDataLibrary = (item) => {
if(!item.reportNumber) {
if (!item.reportNumber) {
ElMessage.warning('当前智库没有相关报告！')
return
}
......@@ -2811,12 +2862,6 @@ onBeforeUnmount(() => {
.box1 {
width: 1063px;
height: 450px;
box-shadow: 0px 0px 20px 0px rgba(22, 69, 130, 0.1);
background: #fff;
box-sizing: border-box;
border-radius: 10px;
position: relative;
border: 1px solid rgb(234, 236, 238);
.box1-left {
position: absolute;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论