Skip to content

R
risk-monitor
提交 19cdcb80 authored 作者: 胡卉清's avatar 胡卉清
浏览文件
操作

合并分支 'dev_hhq' 到 'master'

Dev hhq 查看合并请求 !27
上级 37a0a678 cb755878
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 1308 行增加 和 41 行删除
src/assets/icons/call.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="call" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M0.666748 1.33594L6.38671 1.33594L7.37792 5.79634L6.13862 7.03564C6.86633 8.16979 7.83289 9.13635 8.96704 9.86407L10.2063 8.62477L14.6667 9.61597L14.6667 15.3359L14.0001 15.3359C11.3349 15.3359 8.85044 14.5533 6.76652 13.205C5.17937 12.1782 3.82453 10.8233 2.79768 9.23617C1.44943 7.15224 0.666748 4.66781 0.666748 2.0026L0.666748 1.33594ZM2.01827 2.66927C2.13575 4.81645 2.81731 6.81193 3.91715 8.5119C4.84167 9.94087 6.06182 11.161 7.49079 12.0855C9.19075 13.1854 11.1862 13.8669 13.3334 13.9844L13.3334 10.6855L10.6316 10.0851L9.18176 11.535L8.74022 11.2842C7.06353 10.3321 5.67054 8.93915 4.71845 7.26247L4.46772 6.82092L5.91756 5.37109L5.31715 2.66927L2.01827 2.66927Z" fill="rgb(59,65,75)" fill-rule="nonzero" />
</svg>
src/assets/icons/company1.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
<rect id="Icon图标/Line/file-text-outlined" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="形状" d="M9.99063 1.14688L13.3531 4.50937C13.4469 4.60312 13.5 4.73125 13.5 4.86406L13.5 14.5C13.5 14.7766 13.2766 15 13 15L3 15C2.72344 15 2.5 14.7766 2.5 14.5L2.5 1.5C2.5 1.22344 2.72344 1 3 1L9.6375 1C9.77031 1 9.89688 1.05313 9.99063 1.14688ZM3.625 13.875L12.375 13.875L12.375 6.15625L9 6.15625C8.6375 6.15625 8.34375 5.8625 8.34375 5.5L8.34375 2.125L3.625 2.125L3.625 13.875ZM12.3469 5.09375L9.40627 5.09375L9.40627 2.15312L12.3469 5.09375ZM4.875 8.40625L4.875 7.65625C4.875 7.5875 4.93125 7.53125 5 7.53125L11 7.53125C11.0688 7.53125 11.125 7.5875 11.125 7.65625L11.125 8.40625C11.125 8.475 11.0688 8.53125 11 8.53125L5 8.53125C4.93125 8.53125 4.875 8.475 4.875 8.40625ZM7.875 9.65625L5 9.65625C4.93125 9.65625 4.875 9.7125 4.875 9.78125L4.875 10.5312C4.875 10.6 4.93125 10.6562 5 10.6562L7.875 10.6562C7.94375 10.6562 8 10.6 8 10.5312L8 9.78125C8 9.7125 7.94375 9.65625 7.875 9.65625Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
src/assets/icons/company2.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="tools" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M4.67675 1.93769C6.51829 1.18868 8.71087 1.56088 10.2065 3.05654C11.4981 4.34809 11.9509 6.15832 11.5693 7.8134L14.6613 10.9054L13.8128 11.7539L10.2202 8.16142L10.3267 7.81599C10.7395 6.477 10.4159 4.96301 9.358 3.90506C8.38197 2.92903 7.01667 2.57759 5.76051 2.85316L8.29733 5.38999L5.32749 8.35983L2.79066 5.82301C2.51509 7.07917 2.86653 8.44447 3.84256 9.4205C4.90051 10.4784 6.4145 10.802 7.75349 10.3892L8.09892 10.2827L11.6914 13.8753L10.8429 14.7238L7.7509 11.6318C6.09582 12.0134 4.28559 11.5606 2.99404 10.269C1.49838 8.77337 1.12618 6.58079 1.87519 4.73925L2.02747 4.36483L3.03072 4.36602L5.32749 6.66278L6.60028 5.38999L4.30352 3.09322L4.30233 2.08997L4.67675 1.93769ZM10.2065 9.4205L13.1764 12.3903L12.3278 13.2389L9.358 10.269L10.2065 9.4205Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
src/assets/icons/company3.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="close-rectangle" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M2 2L14 2L14 14L2 14L2 2ZM3.2 3.2L3.2 12.8L12.8 12.8L12.8 3.2L3.2 3.2ZM6.30294 5.45442L8 7.15147L9.69706 5.45442L10.5456 6.30294L8.84853 8L10.5456 9.69706L9.69706 10.5456L8 8.84853L6.30294 10.5456L5.45442 9.69706L7.15147 8L5.45442 6.30294L6.30294 5.45442Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
src/assets/icons/company4.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="Icon/Line/AntDesign" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<g id="组合 105">
<path id="矩形 142" d="M2.08338 6.66666L1.00001 6.66667C0.447718 6.66667 0 6.21895 0 5.66666L0 1C0 0.447715 0.447715 0 1 0L5.66667 0C6.21895 0 6.66667 0.447715 6.66667 1L6.66667 5.66667C6.66667 6.21895 6.21895 6.66667 5.66667 6.66667L4.58328 6.66667" stroke="rgb(59,65,75)" stroke-width="1.20000005" transform="matrix(0.707107,-0.707107,0.707107,0.707107,1.00024,9.07031)" />
<path id="矩形 143" d="M2.08338 6.66666L1.00001 6.66667C0.447718 6.66667 0 6.21895 0 5.66666L0 1C0 0.447715 0.447715 0 1 0L5.66667 0C6.21895 0 6.66667 0.447715 6.66667 1L6.66667 5.66667C6.66667 6.21895 6.21895 6.66667 5.66667 6.66667L4.58328 6.66667" stroke="rgb(59,65,75)" stroke-width="1.20000005" transform="matrix(0.707107,-0.707107,-0.707107,-0.707107,10.4283,13.7812)" />
</g>
</svg>
src/assets/icons/location.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="location" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M8 1.9974C5.42267 1.9974 3.33333 4.08673 3.33333 6.66406C3.33333 8.57225 4.5214 10.4128 5.82536 11.839C6.46545 12.5392 7.1076 13.1113 7.59031 13.5086C7.74581 13.6366 7.88422 13.746 8.00002 13.8352C8.11582 13.746 8.25422 13.6366 8.40972 13.5087C8.89242 13.1114 9.53457 12.5393 10.1746 11.8392C11.4786 10.413 12.6667 8.57251 12.6667 6.66406C12.6667 4.08673 10.5773 1.9974 8 1.9974ZM7.99997 15.4731L7.62192 15.2132L7.62012 15.2119L7.61602 15.2091L7.60214 15.1994C7.5904 15.1912 7.57373 15.1794 7.55247 15.1642C7.50996 15.1338 7.44904 15.0897 7.37233 15.0325C7.21899 14.9181 7.00218 14.7514 6.74303 14.5381C6.22573 14.1124 5.53455 13.497 4.8413 12.7387C3.4786 11.2482 2 9.0887 2 6.66406C2 3.35035 4.68629 0.664062 8 0.664062C11.3137 0.664062 14 3.35035 14 6.66406C14 9.08895 12.5214 11.2484 11.1587 12.7389C10.4654 13.4972 9.77425 14.1125 9.25695 14.5382C8.9978 14.7515 8.78099 14.9182 8.62764 15.0325C8.55093 15.0897 8.49001 15.1339 8.4475 15.1642C8.42624 15.1794 8.40957 15.1912 8.39783 15.1994L8.38395 15.2091L8.37985 15.2119L8.37852 15.2128L7.99997 15.4731ZM8 5.33073C7.26362 5.33073 6.66667 5.92768 6.66667 6.66406C6.66667 7.40044 7.26362 7.9974 8 7.9974C8.73638 7.9974 9.33333 7.40044 9.33333 6.66406C9.33333 5.92768 8.73638 5.33073 8 5.33073ZM5.33333 6.66406C5.33333 5.1913 6.52724 3.9974 8 3.9974C9.47276 3.9974 10.6667 5.1913 10.6667 6.66406C10.6667 8.13682 9.47276 9.33073 8 9.33073C6.52724 9.33073 5.33333 8.13682 5.33333 6.66406Z" fill="rgb(59,65,75)" fill-rule="nonzero" />
</svg>
src/assets/icons/mail.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="mail" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M0.666748 2L15.3334 2L15.3334 14L0.666748 14L0.666748 2ZM2.00008 3.33333L2.00008 4.55298L8.00008 7.58631L14.0001 4.55298L14.0001 3.33333L2.00008 3.33333ZM14.0001 6.04702L8.00008 9.08035L2.00008 6.04702L2.00008 12.6667L14.0001 12.6667L14.0001 6.04702Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
src/assets/icons/shutter.svg 0 → 100644
浏览文件 @ 19cdcb80
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="shutter" width="16.000000" height="16.000002" x="0.000000" y="0.000000" />
<path id="Union" d="M3.52552 3.99992L5.00272 6.63777L7.61881 2.0093C5.99469 2.11106 4.54585 2.8586 3.52552 3.99992ZM9.10028 2.09795L7.64987 4.66406L12.9898 4.66406C12.1074 3.34596 10.7169 2.39746 9.10028 2.09795ZM13.6588 5.9974L10.6399 5.9974L13.3235 10.7682C13.7558 9.93957 14 8.99751 14 7.9974C14 7.29519 13.8797 6.62228 13.6588 5.9974ZM12.4802 11.9886L11 9.35722L8.39719 13.9845C10.0178 13.8786 11.4629 13.1297 12.4802 11.9886ZM6.9151 13.8997L8.36012 11.3307L3.01026 11.3307C3.89545 12.653 5.29194 13.6033 6.9151 13.8997ZM2.34124 9.9974L5.36012 9.9974L4.41835 8.32313L2.68029 5.21945C2.24569 6.0498 2.00002 6.99441 2.00002 7.9974C2.00002 8.6996 2.12038 9.37251 2.34124 9.9974ZM6.88992 9.9974L9.11012 9.9974L10.2351 7.9974L9.11012 5.9974L6.89624 5.9974L5.76536 7.99819L6.88992 9.9974ZM2.19261 3.51895C3.53256 1.7837 5.63569 0.664062 8.00002 0.664062C8.27647 0.664062 8.54959 0.679389 8.81854 0.709289C11.4721 1.0043 13.6959 2.71343 14.7229 5.06382C15.1157 5.96302 15.3334 6.95567 15.3334 7.9974C15.3334 9.679 14.7665 11.2301 13.8139 12.4675C12.4743 14.2075 10.3682 15.3307 8.00002 15.3307C7.72996 15.3307 7.46307 15.3161 7.20015 15.2876C4.53833 14.9985 2.30651 13.2869 1.27718 10.931C0.884298 10.0318 0.666687 9.03912 0.666687 7.9974C0.666687 6.31198 1.23608 4.75767 2.19261 3.51895Z" fill="rgb(59,65,75)" fill-rule="nonzero" />
</svg>
src/router/modules/company.js 0 → 100644
浏览文件 @ 19cdcb80
//企业主页
import companyPages from "@/views/companyPages/index.vue";
const companyPagesRoutes = [
// 智库系统的主要路由
{
path: "/companyPages",
name: "companyPages",
component: companyPages,
meta: {
title: "企业主页"
}
},
]
export default companyPagesRoutes
\ No newline at end of file
src/views/companyPages/component/Timeline.vue 0 → 100644
浏览文件 @ 19cdcb80
<template>
<div class="timeline-wrapper">
<!-- <button class="arrow left" :disabled="index <= 0" @click="index--">
&lt;
</button> -->
<div class="timeline-box">
<div class="line"></div>
<div v-for="(item, i) in showList" :key="item[idKey]" class="node" :style="leftOffset(i)">
<div class="node" :style="leftOffset(i)">
<!-- 圆环 -->
<div class="dot" :class="linePos(i, flip)" :style="{
marginTop: linePos(i, flip) === 'down' ? '35px' : '-10px'
}"></div>
<div class="time" :style="{
marginTop: linePos(i, flip) === 'down' ? '10px' : '-40px'
}">
{{ item.time }}
</div>
<!-- 卡片：放到线右侧 -->
<div class="card" :class="[cardPos(i, flip), 'right-side']" @click="$emit('click-card', item)" :style="{
marginTop: linePos(i, flip) === 'down' ? '100px' : '-40px'
}">
<div class="title">
{{ item.title }}
<!-- <img class="item-header-icon" src="@/assets/images/icon/copy.png" style="cursor: pointer;"></img> -->
</div>
<div class="content">
{{ item.content }}
</div>
</div>
</div>
</div>
</div>
<!-- <button class="arrow right" :disabled="index >= total - 5" @click="index++">
&gt;
</button> -->
</div>
</template>
<script>
export default {
name: 'TimeLine',
props: {
data: { // 父组件传入的数组
type: Array,
required: true
},
textKey: { // 要显示的文本字段
type: String,
default: 'text'
},
idKey: { // 唯一标识字段
type: String,
default: 'id'
}
},
data() {
return { index: 0 };
},
computed: {
total() {
return this.data.length;
},
showList() {
return this.data.slice(this.index, this.index + 5);
},
flip() { return this.index % 2 === 1; }
},
methods: {
leftOffset(i) {
return { left: `${(i * 100) / 5}%` };
},
/* 上下层翻转（保留上次逻辑） */
cardPos(i, flip = false) {
return (i % 2) ^ flip ? 'down' : 'up';
},
/* 线延伸方向 = 卡片出现方向 */
linePos(i, flip = false) {
return this.cardPos(i, flip); // up / down
}
}
};
</script>
<style scoped>
/* 样式与之前完全一致，不再重复 */
.timeline-wrapper {
display: flex;
align-items: center;
width: 100%;
position: relative;
padding: 0 40px;
}
.arrow {
position: absolute;
top: 50%;
/* 左右切换按钮 */
width: 24px;
height: 48px;
font-size: 24px;
border-color: #E7F3FF;
border: 0;
background: #E7F3FF;
cursor: pointer;
z-index: 10;
color: #3E84D1;
}
.arrow:disabled {
color: #c0c4cc;
cursor: not-allowed;
}
.left {
left: 0;
border-radius: 4px 0px 0px 4px;
}
.right {
right: 0;
border-radius: 0px 4px 4px 0px;
}
.timeline-box {
flex: 1;
height: 100%;
position: relative;
}
.line {
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 6px;
background-image: url("@/assets/images/bg/timeLine-bg.jpg");
transform: translateY(-50%);
background-size: auto 100%;
}
.node {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
/* ===== 圆环基础 ===== */
.dot {
width: 14px;
height: 14px;
border-radius: 50%;
border: 3px solid #409eff;
background: #fff;
position: relative;
margin: 0 auto;
z-index: 2;
}
/* ===== 延伸线 ===== */
.dot::after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-1px);
/* 居中细线 */
width: 1px;
background: #409eff;
}
/* 向上节点：线往下伸 */
.dot.up::after {
bottom: 100%;
height: 180px;
/* 圆环底部 → 卡片顶 */
}
/* 向下节点：线往上伸 */
.dot.down::after {
top: 100%;
height: 180px;
}
.card {
position: absolute;
height: 180px;
width: 15vw;
padding: 8px 12px;
text-align: left;
cursor: pointer;
font-size: 14px;
margin-left: 150px;
}
.time {
width: 150px;
margin-left: 150px;
color: rgba(5, 95, 194, 1);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0px;
text-align: justify;
}
.title {
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0px;
text-align: justify;
}
.content {
margin-top: 10px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: justify;
}
.card.up {
bottom: 20px;
}
.card.down {
top: 20px;
}
</style>
\ No newline at end of file
src/views/companyPages/component/researcher.vue 0 → 100644
浏览文件 @ 19cdcb80
<template>
<div class="box-content">
<div class="tab-box">
<div v-for="(tab, index) in tabList" :class="activeTab === tab ? 'tab-active' : 'tab'" @click="activeTab = tab">
{{ tab }}
<div class="arrow-active">
</div>
</div>
</div>
<!--/*头部总览 */-->
<div class="total">
<div v-for="(item) in totalData" class="total-box">
<div class="line">
</div>
<div class="total-label">
{{ item.label }}
</div>
<div class="total-content">
<div class="total-value">
{{ item.value }}
</div>
<div class="total-unit">
{{ item.unit }}
</div>
</div>
</div>
</div>
<!--/*图表 */-->
<div class="chart">
<div class="chart-content">
<div class="section-header" style=" margin-top: 24px;">
<div style="display: flex;">
<div class="section-icon"></div>
<h3 class="section-title">年度研发投入对比</h3>
</div>
<div class="action-icons">
<img src="@/assets/icons/download.png" alt="下载" class="action-icon">
<img src="@/assets/icons/shoucang.png" alt="收藏" class="action-icon">
</div>
</div>
<div id="chart1" class="chart-box">
</div>
<div class="chart-text">
<img src="@/assets/icons/model.png" style="width: 19px;height: 20px;">
<div>
近五年来，华为的研发投入在绝对金额和投入强度上均持续攀升。尤其是在收入因外部制裁而经历波动时，研发投入依然保持强劲增长，使其投入强度达到了历史高位。
</div>
<div class="arrow-2">
→
</div>
</div>
</div>
<div class="chart-content">
<div class="section-header" style=" margin-top: 24px;">
<div style="display: flex;">
<div class="section-icon"></div>
<h3 class="section-title">研发投入增长对比</h3>
</div>
<div class="action-icons">
<img src="@/assets/icons/download.png" alt="下载" class="action-icon">
<img src="@/assets/icons/shoucang.png" alt="收藏" class="action-icon">
</div>
</div>
<div id="chart2" class="chart-box">
</div>
<div class="chart-text">
<img src="@/assets/icons/model.png" style="width: 19px;height: 20px;">
<div>
华为在巨大的外部压力下，研发投入不仅在绝对金额上持续增长，其占收入的比重更是大幅提升，特别是2021年后形成的“剪刀差”，体现了公司最高优先级的战略抉择。 </div>
<div class="arrow-2">
→
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import getBarChart from "../js/barChart.js";
import * as echarts from "echarts";
import getLineChart from "../js/lineChart.js";
const tabList = ref(['研发投入', '研究人员', '专利情况'])
const activeTab = ref('研发投入')
const totalData = ref([
{
"label": "累计研发投入",
"value": 9854,
"unit": "亿元"
},
{
"label": "年度研发投入",
"value": 2153.9,
"unit": "亿元"
},
{
"label": "研发强度",
"value": 22.9,
"unit": "%"
},
{
"label": "研发投入排名",
"value": "Top",
"unit": ""
}
])
//年度研发投入对比
const chart1Data = ref({
name: ['2020', '2021', '2022', '2023', '2024', '2025'],
value: [50, 100, 150, 200, 250, 300, 350, 400]
});
//研发投入增长对比
const chart2Data = {
dataX: ["2025-01", "2025-02", "2025-03", "2025-04", "2025-05", "2025-06", "2025-07", "2025-08"],
dataY: [1.2, 1.5, 1.4, 1.8, 1.3, 1.5, 1.6, 1.4]
};
// 绘制echarts图表
const setChart = (option, chartId) => {
let chartDom = document.getElementById(chartId);
console.log(chartDom, "chartDomchartDomchartDom");
chartDom.removeAttribute("_echarts_instance_");
let chart = echarts.init(chartDom);
chart.setOption(option);
return chart;
};
onMounted(() => {
let char1 = getBarChart(chart1Data.value.name, chart1Data.value.value, true);
setChart(char1, "chart1");
let chart2 = getLineChart(chart2Data.dataX, chart2Data.dataY);
setChart(chart2, "chart2");
// let char2 = radarChart();
// setChart(char2, "char2");
});
</script>
<style scoped>
.box-content {
width: 100%;
height: calc(100vh - 220px);
overflow: auto;
}
.tab-box {
/* 左侧导航 */
width: 112px;
height: 128px;
position: absolute;
left: 0;
margin: 20px;
/* 自动布局 */
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 16;
.tab {
color: rgba(59, 65, 75, 1);
height: 48px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-bottom: 0px solid rgba(5, 95, 194, 1);
margin: 6px 30px 0 0;
}
.tab-active {
/* 容器 7 */
width: 104px;
height: 32px;
display: flex;
align-items: center;
box-sizing: border-box;
border-bottom: 2px solid rgba(5, 95, 194, 1);
margin: 6px 30px 0 0;
border-radius: 16px;
background: rgba(5, 95, 194, 1);
color: rgba(255, 255, 255, 1);
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
padding: 4px 12px;
}
.arrow-active {
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
margin-left: 5px;
/* 上 右 下 左 */
border-color: transparent transparent transparent #ffffff;
/* 只给左边上色 */
/* background: rgba(255, 255, 255, 1); */
}
}
/*头部总览 */
.total {
height: 80px;
display: flex;
gap: 16px;
}
.total-box {
border-radius: 4px;
background: rgba(255, 255, 255, 1);
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
.line {
/* 矩形 214 */
width: 4px;
height: 49px;
background: rgba(5, 95, 194, 1);
}
.total-label {
color: rgba(59, 65, 75, 1);
margin: 0px 30px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 1px;
text-align: left;
}
.total-content {
display: flex;
margin-right: 35px;
color: rgba(5, 95, 194, 1);
font-family: Microsoft YaHei;
letter-spacing: 0px;
text-align: right;
.total-value {
font-size: 24px;
font-weight: 700;
line-height: 24px;
}
.total-unit {
font-size: 16px;
font-weight: 500;
line-height: 16px;
margin-top: 8px;
}
}
}
.chart {
margin-top: 16px;
height: calc(100vh - 320px);
display: flex;
gap: 16px;
.chart-content {
border-radius: 4px;
background: rgba(255, 255, 255, 1);
flex: 1;
justify-content: space-between;
.section-header {
display: flex;
width: 100%;
justify-content: space-between;
}
.section-icon {
width: 7px;
height: 18px;
border-radius: 0 4px 4px 0;
background: rgba(5, 95, 194, 1);
margin-right: 17px;
}
.section-title {
font-size: 18px;
color: #1d2129;
margin: 0;
color: rgba(5, 95, 194, 1);
font-family: Microsoft YaHei;
font-weight: 700;
line-height: 24px;
letter-spacing: 1px;
text-align: left;
}
}
.action-icons {
display: flex;
margin-left: auto;
}
.action-icon {
/* 收藏按钮 */
width: 28px;
height: 28px;
cursor: pointer;
margin-right: 12px;
}
.chart-box {
width: 100%;
height: calc(100% - 130px);
}
.chart-text {
/* 大模型对话结果 */
height: 52px;
margin: 12px 20px;
/* 自动布局 */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10;
padding: 0px 12px 0px 12px;
box-sizing: border-box;
border: 1px solid rgba(231, 243, 255, 1);
border-radius: 4px;
background: rgba(246, 251, 255, 1);
color: rgba(5, 95, 194, 1);
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: justify;
gap: 13px;
}
.arrow-2 {
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 24px;
background: rgba(231, 243, 255, 1);
}
}
</style>
\ No newline at end of file
src/views/companyPages/data/huaweiData.json 0 → 100644
浏览文件 @ 19cdcb80
{
"company": {
"name": "华为技术有限公司",
"englishName": "Huawei Technologies Co.,Ltd",
"logo": "/testData/image 21.png",
"navItems": ["基础信息", "研发实力", "被制裁情况", "供应链情况"],
"activeNav": "基础信息",
"subTabs": ["企业概况", "企业动态"],
"activeSubTab": "企业概况"
},
"contactInfo": {
"website": "www.huawei.com",
"address": "中国广东省深圳市龙岗区坂田华为基地",
"phone": "+85-755-28780808",
"email": "webmaster@huawei.com"
},
"financialData": [
{ "value": "2545亿", "label": "2024年营业额" },
{ "value": "10248亿", "label": "2024年总资产" },
{ "value": "4568亿", "label": "2024年净产值" }
],
"categoryDist": {
"企业类型": "民营企业",
"机构代码": "9145622466874265851",
"成立时间": "1987年9月15日",
"创办人": "任正非"
},
"businessInfo": {
"总部地点": "中国广东省深圳市龙岗区坂田华为基地",
"标语口号": "构建万物互联的智能世界",
"业务范围": "ICT基础设施、智能终端、云计算、人工智能",
"所有权者": "华为投资控股有限公司（员工持股）"
},
"mainPersonnel": [
{
"name": "任正非",
"position": "创办人、董事、CEO",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "华为技术有限公司创办人，领导华为从一家小公司成长为全球领先的ICT解决方案提供商。"
},
{
"name": "梁华",
"position": "董事长",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "2018年接替孙亚芳出任华为董事长，负责公司战略规划和董事会日常工作。"
},
{
"name": "胡厚崑",
"position": "副董事长",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "华为技术有限公司核心管理层，负责公司全球化业务布局与运营管理。"
},
{
"name": "孟晚舟",
"position": "副董事长、轮值董事长、CFO",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "负责华为财务体系管理，推动公司全球化财务战略落地与风险管控。"
},
{
"name": "徐直军",
"position": "轮值董事长",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "主导华为技术研发与产品战略，推动5G、鸿蒙等核心技术生态建设。"
}
],
"branches": [
"华为技术有限公司北京研究所",
"华为技术有限公司上海研究所",
"华为技术有限公司南京研究所",
"华为技术有限公司西安研究所",
"华为技术有限公司成都研究所",
"华为技术有限公司武汉研究所",
"华为终端有限公司",
"海思半导体有限公司"
]
}
src/views/companyPages/data/movement.json 0 → 100644
浏览文件 @ 19cdcb80
[
{
"title": "AIWAN解决方案全面升级",
"content": "华为在UBBF2025期间发布以AI-Centric全面升级的AIWAN解决方案，重新定义体验感知、算网极限、安全韧性和运维模式。",
"time": "2025年5月"
},
{
"title": "天才少年计划扩展",
"content": "华为发布“天才少年挑战课题”，覆盖智能联接、基础研究、智能终端、云计算和智能汽车五大领域。",
"time": "2025年5月31日"
},
{
"title": "两项碳化硅散热技术专利公布",
"content": "华为公布两项采用碳化硅做填料的专利，提高电子设备的导热能力，应用于电子元器件散热和封装芯片。",
"time": "2025年7月23日"
},
{
"title": "新一代5G-A技术突破",
"content": "华为在5G-A技术领域取得重大突破，实现下行万兆、上行千兆的峰值速率，为工业互联网和元宇宙应用奠定基础。",
"time": "2025年10月"
}
]
src/views/companyPages/js/barChart.js 0 → 100644
浏览文件 @ 19cdcb80
import * as echarts from "echarts";
const getColumnChart = (nameList, valueList, isPer) => {
const colorList = ['rgb(46, 165, 255)']
return {
tooltip: {},
grid: { top: '10%', right: '3%', bottom: '15%', left: '3%', containLabel: true },
color: colorList,
xAxis: {
type: 'category',
data: nameList,
axisLine: { show: false },
axisTick: { show: false },
axisLabel: {
show: true,
color: '#666',
fontSize: 14
}
},
yAxis: {
type: 'value',
axisLine: { show: false },
axisTick: { show: false },
axisLabel: { show: true, color: '#666' }, // ② Y 轴文字
splitLine: {
show: true, lineStyle: {
type: "dashed",
color: "#E7F3FF"
}
}
},
series: [{
type: 'bar',
data: valueList.map((v, i) => ({
value: v,
label: { show: false, position: 'top', color: 'rgb(46, 165, 255)' }
})),
barWidth: 16,
itemStyle: {
borderRadius: [8, 8, 0, 0],
color: params => {
const colors = ['rgb(46, 165, 255)', 'rgba(255,255,255,0)']
return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: colors[0] },
{ offset: 1, color: colors[1] }
])
}
},
label: {
show: true,
position: 'top',
formatter: v => (isPer ? v.value + '%' : v.value)
}
}]
}
}
export default getColumnChart
\ No newline at end of file
src/views/companyPages/js/donutChart.js 0 → 100644
浏览文件 @ 19cdcb80
// donutChart.js
import * as echarts from 'echarts';
/**
* 环形图（ donut / pie ）
* @param {Array<string>} nameList 名称数组
* @param {Array<number>} valueList 数值数组
* @param {boolean} isPercent 数值是否带 % 显示
* @returns {Object} echarts option
*/
const getDonutChart = (nameList, valueList, isPercent = false) => {
console.log(nameList, valueList, isPercent = false)
// 渐变色可随主题扩展
const colorList = [
'#87E8DE',
'#69B1FF',
'#FF7875',
'#B37FEB'
];
const data = nameList.map((name, i) => ({
name,
value: valueList[i]
}));
return {
color: colorList,
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c}' + (isPercent ? '%' : '') + ' ({d}%)'
},
legend: {
orient: 'vertical',
// left: 'center',
bottom: 'bottom',
itemGap: 16,
textStyle: { fontSize: 14, color: '#666' }
},
series: [
{
name: '统计',
type: 'pie',
radius: ['45%', '70%'], // 内环 / 外环
center: ['40%', '50%'],
avoidLabelOverlap: false,
itemStyle: { borderRadius: 0, borderColor: '#fff', borderWidth: 2 },
label: {
show: false,
position: 'inside',
formatter: ({ value }) => value + (isPercent ? '%' : ''),
fontSize: 14,
color: '#fff'
},
emphasis: {
label: { show: true, fontSize: 16, fontWeight: 'bold' }
},
data
}
]
};
};
export default getDonutChart;
\ No newline at end of file
src/views/companyPages/js/lineChart.js 0 → 100644
浏览文件 @ 19cdcb80
import * as echarts from 'echarts'
const getLineChart = (dataX, dataY) => {
return {
grid: {
left: '2%',
top: '8%',
right: '2%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
splitLine: {
show: false
},
axisLine: {
show: false
},
data: dataX
},
yAxis: {
type: 'value',
splitLine: {
show: true, lineStyle: {
type: "dashed",
color: "#E7F3FF"
}
},
axisLine: {
show: false
},
},
color: ['rgb(255, 172, 77)'],
series: [
{
data: dataY,
type: 'line',
emphasis: {
focus: 'series'
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(255, 172, 77, 0.5)' // 起始颜色：深色
}, {
offset: 1,
color: 'rgba(255, 172, 77,0)' // 结束颜色：浅色且透明度降低
}])
},
}
]
}
}
export default getLineChart;
\ No newline at end of file
src/views/companyPages/js/radarChart.js 0 → 100644
浏览文件 @ 19cdcb80
import * as echarts from "echarts";
const getBarChart = (nameList, valueList, isPer) => {
const option = {
title: { text: '' },
legend: {
icon: 'circle',
orient: 'horizontal', // 横向
top: 0, // 图上方
left: 'center', // 水平居中
textStyle: {
fontSize: 14 // 字号，按需调整
},
grid: { top: 60 },
data: ['美国', '欧盟', '英国', '日本', '韩国', '加拿大']
},
radar: {
radius: '50%', // 关键：缩小整个雷达
center: ['50%', '60%'], // 可选：再往下挪一点，避免图例挤在一起
indicator: [
{ name: '能源', max: 6500 },
{ name: '集成电路', max: 16000 },
{ name: '人工智能', max: 30000 },
{ name: '通信网络', max: 38000 },
{ name: '量子科技', max: 52000 },
{ name: '生物科技', max: 25000 }
],
axisName: {
formatter: '{value}',
color: 'rgba(59, 65, 75, 1)',
fontSize: 14,
fontWeight: 400
}
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
symbol: 'none',
data: [
{
value: [4200, 3000, 20000, 35000, 50000, 18000],
name: '美国',
areaStyle: { color: 'rgba(10, 87, 166, 0.2)' }
},
{
value: [5000, 14000, 28000, 26000, 42000, 21000],
name: '欧盟',
areaStyle: { color: 'rgba(206, 79, 81, 0.2)' }
},
{
value: [4000, 14000, 18000, 21000, 32000, 10000],
name: '英国',
areaStyle: { color: 'rgba(250, 140, 22, 0.2)' }
},
{
value: [4000, 14000, 18000, 21000, 32000, 10000],
name: '日本',
areaStyle: { color: 'rgba(250, 140, 22, 0.2)' }
},
{
value: [4000, 14000, 18000, 21000, 32000, 10000],
name: '韩国',
areaStyle: { color: 'rgba(250, 140, 22, 0.2)' }
},
{
value: [4000, 14000, 18000, 21000, 32000, 10000],
name: '加拿大',
areaStyle: { color: 'rgba(250, 140, 22, 0.2)' }
}
]
}
]
}
return option
}
export default getBarChart
\ No newline at end of file
src/views/companyPages/style.css 0 → 100644
浏览文件 @ 19cdcb80
/* 分割线 */
/* 左右横线 + 中间文字 */
.news-header {
color: rgba(34, 41, 52, 1);
font-family: "YouSheBiaoTiHei", sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 60px;
letter-spacing: 0px;
text-align: center;
}
.header-btn {
cursor: pointer;
padding: 2px 20px;
box-sizing: border-box;
margin: 5px;
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 32px;
background: rgba(255, 255, 255, 0.8);
color: rgba(95, 101, 108, 1);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
}
.header-btn-gray {
cursor: pointer;
padding: 2px 20px;
box-sizing: border-box;
margin: 5px;
border: 1px solid rgba(32, 33, 35, 0.07);
border-radius: 32px;
background: rgba(32, 33, 35, 0.07);
color: rgba(95, 101, 108, 1);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
}
.header-btn-select {
cursor: pointer;
padding: 2px 20px;
margin: 5px;
box-sizing: border-box;
border: 1px solid rgba(174, 214, 255, 1);
border-radius: 32px;
background: rgba(231, 243, 255, 1);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
}
.header-btn-more {
cursor: pointer;
width: 34px;
height: 34px;
margin: 5px;
box-sizing: border-box;
border: 1px solid, rgba(255, 255, 255, 1);
border-radius: 32px;
background: rgba(255, 255, 255, 0.8);
display: flex; /* 开启 flex */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
.box {
width: 48%;
height: 55vh;
box-sizing: border-box;
border: 1px solid rgba(231, 243, 255, 1);
border-radius: 10px;
background: rgba(255, 255, 255, 0.8);
padding: 1vw;
.box-header {
height: 4vh;
display: flex;
text-align: left;
font-size: 24px;
font-weight: 700;
align-items: center;
.box-header-img {
height: 24px;
width: 24px;
margin: 0 5px;
}
}
.title-blob {
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
}
.tag {
margin: 2px;
padding: 2px 8px 2px 8px;
border-radius: 4px;
background: rgba(223, 226, 231, 0.41);
color: rgba(132, 136, 142, 1);
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
}
.content {
color: rgba(132, 136, 142, 1);
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
.divider {
width: 100%;
height: 1px;
background: #eaecee;
}
.subject-line {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 2.7vh;
margin: 1vh 0;
}
src/views/gjOverView/index.vue
浏览文件 @ 19cdcb80
...@@ -65,9 +65,10 @@ ...@@ -65,9 +65,10 @@
<div class="item"> <div class="item">
<div class="item-header"> <div class="item-header">
<img class="item-header-icon" src="@/assets/images/icon/waring-card-header-icon.png" /> <img class="item-header-icon" src="@/assets/images/icon/waring-card-header-icon.png" />
<div class="item-header-text" style="background-color: #ce4f51"> <div class="item-header-text" style="background-color: #ce4f51">风险信号 <div class="num">{{ warningList.length
风险信号 }}</div>
</div> </div>
</div> </div>
<div class="item-header-divider" /> <div class="item-header-divider" />
<div class="warning-wrap"> <div class="warning-wrap">
...@@ -88,10 +89,15 @@ ...@@ -88,10 +89,15 @@
<div class="waring-text">{{ item.title }}</div> <div class="waring-text">{{ item.title }}</div>
<div class="waring-time">{{ item.time }}</div> <div class="waring-time">{{ item.time }}</div>
</div> </div>
<div class="item-header-divider" /> <!-- <div class="item-header-divider" /> -->
</div>
</div>
<div class="item-btn" @click="handleToMoreRiskSignal">
<div class="icon">
<img src="@/assets/images/more-signal.png" alt="" />
</div> </div>
<div class="text">{{ "查看更多" }}</div>
</div> </div>
<div class="item-btn">查看更多</div>
</div> </div>
</div> </div>
...@@ -142,6 +148,12 @@ const warningList = ref([ ...@@ -142,6 +148,12 @@ const warningList = ref([
{ title: '首次提出“限制外国敏感实体获取补偿', time: '一天前', status: 1 }, { title: '首次提出“限制外国敏感实体获取补偿', time: '一天前', status: 1 },
{ title: '首次提出“限制外国敏感实体获取补偿', time: '一天前', status: 0 }, { title: '首次提出“限制外国敏感实体获取补偿', time: '一天前', status: 0 },
]); ]);
// 查看更多风险信号
const handleToMoreRiskSignal = () => {
const route = router.resolve("/riskSignal");
window.open(route.href, "_blank");
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -227,15 +239,42 @@ const warningList = ref([ ...@@ -227,15 +239,42 @@ const warningList = ref([
} }
.item-header-text { .item-header-text {
width: 152px; /* 原有样式不变 */
display: flex;
align-items: center;
/* 垂直居中 */
justify-content: center;
/* 水平居中（可选） */
gap: 8px;
/* 文字与圆点之间的距离，按需调 */
/* 其余保持原样 */
width: 150px;
height: 48px;
/* 建议把高度写死，方便对齐 */
background: #055fc2; background: #055fc2;
color: #fff; color: #fff;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
line-height: 48px; line-height: 48px;
text-align: center; text-align: center;
.num {
display: inline-flex;
/* 或 flex */
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
font-size: 14px;
}
} }
.item-header-more { .item-header-more {
margin-left: auto; margin-left: auto;
margin-right: 20px; margin-right: 20px;
...@@ -357,7 +396,7 @@ const warningList = ref([ ...@@ -357,7 +396,7 @@ const warningList = ref([
.waring-row { .waring-row {
display: flex; display: flex;
align-items: center; align-items: center;
height: 40px; height: 47px;
.waring-status { .waring-status {
width: 40px; width: 40px;
...@@ -369,17 +408,30 @@ const warningList = ref([ ...@@ -369,17 +408,30 @@ const warningList = ref([
} }
.waring-text { .waring-text {
flex: 1; color: rgba(59, 65, 75, 1);
width: calc(100% - 120px);
padding: 0 16px; padding: 0 16px;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 48px;
text-align: justify;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
border-bottom: 1px solid #eaecee;
} }
.waring-time { .waring-time {
width: 68px; width: 68px;
text-align: right;
color: rgba(132, 136, 142, 1); color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 48px;
letter-spacing: 0px;
text-align: right;
border-bottom: 1px solid #eaecee;
} }
} }
} }
...@@ -396,6 +448,16 @@ const warningList = ref([ ...@@ -396,6 +448,16 @@ const warningList = ref([
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
.icon {
width: 16px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
} }
} }
</style> </style>
\ No newline at end of file
src/views/overView/index.vue
浏览文件 @ 19cdcb80
...@@ -37,23 +37,17 @@ ...@@ -37,23 +37,17 @@
}} }}
</div> </div>
</div> </div>
<img <img class="item-card-content-title-image" :src="organizationNews[organizationNewsShow].image"
class="item-card-content-title-image" alt="" />
:src="organizationNews[organizationNewsShow].image"
alt=""
/>
</div> </div>
<div class="item-header-divider"></div> <div class="item-header-divider"></div>
<div class="item-card-content-text"> <div class="item-card-content-text">
{{ organizationNews[organizationNewsShow].content }} {{ organizationNews[organizationNewsShow].content }}
</div> </div>
<div style="display: flex;margin-top: 30px;"> <div style="display: flex;margin-top: 30px;">
<div <div class="item-card-content-tag" v-for="(tag, index) in organizationNews[organizationNewsShow].tag"
class="item-card-content-tag"
v-for="(tag, index) in organizationNews[organizationNewsShow].tag"
:key="index" :key="index"
:style="{ color: tag.textColor, background: tag.color, border: `1px solid ${tag.textColor}` }" :style="{ color: tag.textColor, background: tag.color, border: `1px solid ${tag.textColor}` }">
>
{{ tag.text }} {{ tag.text }}
</div> </div>
</div> </div>
...@@ -86,22 +80,18 @@ ...@@ -86,22 +80,18 @@
<div class="item left"> <div class="item left">
<div class="item-header"> <div class="item-header">
<img class="item-header-icon" src="@/assets/images/icon/waring-card-header-icon.png" /> <img class="item-header-icon" src="@/assets/images/icon/waring-card-header-icon.png" />
<div class="item-header-text" style="background-color: #ce4f51">风险信号</div> <div class="item-header-text" style="background-color: #ce4f51">风险信号 <div class="num">{{ warningList.length
<div class="item-header-num" style="background-color: #ce4f51"> }}</div>
<div class="num">{{ warningList.length }}</div>
</div> </div>
</div> </div>
<div class="item-header-divider"></div> <div class="item-header-divider"></div>
<div style="padding: 30px 23px; height: 400px"> <div style="padding: 30px 23px; height: 400px">
<div class="waring-item" v-for="(item, index) in warningList" :key="index"> <div class="waring-item" v-for="(item, index) in warningList" :key="index">
<div style="display: flex; height: 40px"> <div style="display: flex; height: 47px">
<div <div class="waring-status" :style="{
class="waring-status" color: item.status === 0 ? '#CE4F51' : item.status === 1 ? '#FA8C16' : '#52C41A',
:style="{ backgroundColor: item.status === 0 ? '#FFF1F0' : item.status === 1 ? '#FFF7E6' : '#F6FFED'
color: item.status === 0 ? '#CE4F51' : item.status === 1 ? '#FA8C16' : '#52C41A', }">
backgroundColor: item.status === 0 ? '#FFF1F0' : item.status === 1 ? '#FFF7E6' : '#F6FFED'
}"
>
{{ item.status === 0 ? "特别重大" : item.status === 1 ? "重大风险" : "一般风险" }} {{ item.status === 0 ? "特别重大" : item.status === 1 ? "重大风险" : "一般风险" }}
</div> </div>
<div class="waring-text"> <div class="waring-text">
...@@ -109,7 +99,7 @@ ...@@ -109,7 +99,7 @@
</div> </div>
<div class="waring-time">{{ item.time }}</div> <div class="waring-time">{{ item.time }}</div>
</div> </div>
<div class="item-header-divider"></div> <!-- <div class="item-header-divider"></div> -->
</div> </div>
</div> </div>
<div class="item-btn" @click="handleToMoreRiskSignal"> <div class="item-btn" @click="handleToMoreRiskSignal">
...@@ -398,7 +388,7 @@ function changeOrganizationNews(type) { ...@@ -398,7 +388,7 @@ function changeOrganizationNews(type) {
: (organizationNewsShow.value = organizationNewsShow.value + 1); : (organizationNewsShow.value = organizationNewsShow.value + 1);
} }
} }
onMounted(() => {}); onMounted(() => { });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -411,6 +401,7 @@ onMounted(() => {}); ...@@ -411,6 +401,7 @@ onMounted(() => {});
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;
background-color: #fff; background-color: #fff;
.content-title { .content-title {
height: 64px; height: 64px;
color: #fff; color: #fff;
...@@ -487,20 +478,43 @@ onMounted(() => {}); ...@@ -487,20 +478,43 @@ onMounted(() => {});
} }
.item-header-text { .item-header-text {
width: 112px; /* 原有样式不变 */
display: flex;
align-items: center;
/* 垂直居中 */
justify-content: center;
/* 水平居中（可选） */
gap: 8px;
/* 文字与圆点之间的距离，按需调 */
/* 其余保持原样 */
width: 150px;
height: 48px;
/* 建议把高度写死，方便对齐 */
background: #055fc2; background: #055fc2;
color: #ffffff; color: #fff;
font-family: Microsoft YaHei; font: bold 20px/1 Microsoft YaHei;
font-size: 20px;
line-height: 48px;
text-align: center; text-align: center;
font-weight: bold;
.num {
display: inline-flex;
/* 或 flex */
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
font-size: 14px;
}
} }
.item-header-num { .item-header-num {
width: 30px; width: 30px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
.num { .num {
width: 24px; width: 24px;
height: 20px; height: 20px;
...@@ -583,6 +597,7 @@ onMounted(() => {}); ...@@ -583,6 +597,7 @@ onMounted(() => {});
height: 110px; height: 110px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.item-card-content-title { .item-card-content-title {
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -619,7 +634,7 @@ onMounted(() => {}); ...@@ -619,7 +634,7 @@ onMounted(() => {});
.item-card-content-text { .item-card-content-text {
margin-top: 16px; margin-top: 16px;
color:rgba(95, 101, 108, 1); color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-size: 16px; font-size: 16px;
...@@ -704,9 +719,11 @@ onMounted(() => {}); ...@@ -704,9 +719,11 @@ onMounted(() => {});
height: 48px; height: 48px;
cursor: pointer; cursor: pointer;
margin: 0 auto; margin: 0 auto;
&:hover { &:hover {
background: var(--color-bg-hover); background: var(--color-bg-hover);
} }
.waring-status { .waring-status {
width: 40px; width: 40px;
height: 40px; height: 40px;
...@@ -729,6 +746,8 @@ onMounted(() => {}); ...@@ -729,6 +746,8 @@ onMounted(() => {});
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
border-bottom: 1px solid #eaecee;
/* 底部边框 */
} }
.waring-time { .waring-time {
...@@ -740,6 +759,8 @@ onMounted(() => {}); ...@@ -740,6 +759,8 @@ onMounted(() => {});
line-height: 48px; line-height: 48px;
letter-spacing: 0px; letter-spacing: 0px;
text-align: right; text-align: right;
border-bottom: 1px solid #eaecee;
/* 底部边框 */
} }
} }
...@@ -759,14 +780,17 @@ onMounted(() => {}); ...@@ -759,14 +780,17 @@ onMounted(() => {});
border-radius: 6px; border-radius: 6px;
background: rgba(5, 95, 194, 1); background: rgba(5, 95, 194, 1);
cursor: pointer; cursor: pointer;
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.text { .text {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
......
src/views/overView/js/barChart.js
浏览文件 @ 19cdcb80
...@@ -22,9 +22,11 @@ const getColumnChart = (nameList, valueList, isPer) => { ...@@ -22,9 +22,11 @@ const getColumnChart = (nameList, valueList, isPer) => {
axisLine: { show: false }, axisLine: { show: false },
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { show: true, color: '#666' }, // ② Y 轴文字 axisLabel: { show: true, color: '#666' }, // ② Y 轴文字
splitLine: { // ③ 横向参考线 splitLine: {
show: true, show: true, lineStyle: {
lineStyle: { color: '#ebebeb', width: 1 } type: "dashed",
color: "#E7F3FF"
}
} }
}, },
series: [{ series: [{
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论