Skip to content

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

update

上级 04313969
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 294 行增加 和 239 行删除
src/App.vue
浏览文件 @ 08966e42
...@@ -393,7 +393,6 @@ body { ...@@ -393,7 +393,6 @@ body {
height: 64px; height: 64px;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1); box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: linear-gradient(180deg, rgba(246, 250, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); background: linear-gradient(180deg, rgba(246, 250, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
.nav-content { .nav-content {
width: 1600px; width: 1600px;
height: 64px; height: 64px;
......
src/assets/fonts/font.css
浏览文件 @ 08966e42
...@@ -8,6 +8,6 @@ ...@@ -8,6 +8,6 @@
} }
/* 全局一次性应用（可选） */ /* 全局一次性应用（可选） */
body { /* body {
font-family: "YouSheBiaoTiHei", sans-serif; font-family: "YouSheBiaoTiHei", sans-serif;
} } */
src/views/ZMOverView/assets/icons/title-text1.svg 0 → 100644
浏览文件 @ 08966e42
<svg viewBox="0 0 177 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="177.000000" height="31.000000" fill="none" customFrame="#000000">
<path id="Text" d="M8.20898 18.0938L0.914062 18.0938L2.01562 10.3652L9.28711 10.3652L9.65039 7.8457L8.88281 6.9375L14.3496 6.9375L13.8457 10.3652L21.1699 10.3652L20.0625 18.0938L12.7676 18.0938L11.9062 24.2168L7.3418 24.2168L8.20898 18.0938ZM13.5352 12.6504L13.0781 15.8145L15.8379 15.8145L16.2715 12.6504L13.5352 12.6504ZM8.51953 15.8145L8.97656 12.6504L6.24023 12.6504L5.80664 15.8145L8.51953 15.8145ZM32.0175 11.0391L32.1347 10.1309L25.2968 10.1309L25.6073 7.8457L28.3202 7.8457L28.2968 7.77539L27.5761 6.9375L32.1347 6.9375L32.4218 7.8457L37.1034 7.8457L37.2499 7.58203L36.6933 6.9375L41.7148 6.9375L41.2109 7.8457L43.8476 7.8457L43.537 10.1309L36.6933 10.1309L36.5761 11.0391L42.9628 11.0391L42.623 13.3184L36.2421 13.3184L36.1191 14.2324L43.414 14.2324L43.1034 16.5117L23.9491 16.5117L24.2655 14.2324L31.5605 14.2324L31.6777 13.3184L25.2968 13.3184L25.6308 11.0391L32.0175 11.0391ZM27.0487 20.1621L23.8788 20.1621L24.2187 17.8828L29.662 17.8828L30.7226 16.9688L36.1894 16.9688L35.1347 17.8828L42.453 17.8828L42.1191 20.1621L38.4452 20.1621L42.453 24.2168L36.9863 24.2168L33.0488 20.1621L32.5214 20.1621L27.8632 24.2168L22.3905 24.2168L27.0487 20.1621ZM55.6795 9.59766L53.0428 9.81445L52.7733 11.7832L55.7498 11.7832L55.4159 14.2324L52.4159 14.2324L51.0213 24.2168L47.5174 24.2168L48.912 14.2324L45.9588 14.2324L46.2987 11.7832L49.2694 11.7832L49.5096 10.0781L46.703 10.2949L47.0428 7.8457L56.0135 7.1543L55.6795 9.59766ZM65.2538 19.3184L63.9354 19.5117L63.2616 24.2168L59.4705 24.2168L60.0506 20.0156L55.1287 20.6895L55.4862 18.1172L60.408 17.4492L61.7733 7.82227L61.0819 6.9375L65.7108 6.9375L64.2987 16.9453L65.617 16.752L65.2538 19.3184ZM44.6873 23.3496L46.2459 14.9062L48.6248 14.9062L47.0662 23.3496L44.6873 23.3496ZM51.7948 23.3496L52.5623 14.9062L54.9354 14.9062L54.1444 23.3496L51.7948 23.3496ZM59.8807 16.7051L56.3065 16.7051L55.8729 13.5352L59.4471 13.5352L59.8807 16.7051ZM60.6248 11.8828L57.0506 11.8828L56.5702 8.71289L60.1444 8.71289L60.6248 11.8828ZM79.0545 16.0078L81.0232 18.2168L83.3787 16.3418L83.4959 15.4102L75.6736 15.4102L75.9607 13.2949L79.5349 13.2949L79.7986 11.3496L76.0779 11.3496L76.3943 9.07031L80.1384 9.07031L80.3025 7.86914L79.7283 6.96094L84.8142 6.96094L84.5037 9.07031L88.2244 9.07031L87.9138 11.3496L84.1931 11.3496L83.906 13.2949L87.4099 13.2949L86.8298 17.3496L82.992 20.3789L86.4255 24.1699L81.8904 24.1699L80.3494 22.4414L78.0935 24.1934L73.5115 24.1934L78.4568 20.2559L75.5271 16.9219L75.6736 16.0078L79.0545 16.0078ZM68.4724 21.9844L68.9529 18.5039L67.0779 19.0078L67.4412 16.4883L69.3103 15.9844L69.8611 11.9531L68.0623 11.9531L68.4021 9.67383L70.2009 9.67383L70.488 7.63477L69.8904 6.9375L74.6658 6.9375L74.2791 9.67383L75.5974 9.67383L75.2634 11.9531L73.9451 11.9531L73.5584 14.8301L74.9295 14.4492L74.5662 16.9688L73.2009 17.3496L72.4568 22.6348C72.3748 23.0957 72.1541 23.4746 71.7947 23.7715C71.4353 24.0684 71.031 24.2168 70.5818 24.2168L66.3103 24.2168L68.4724 21.9844ZM107.685 24.1934L102.529 24.1934L99.4059 20.6426L94.3903 24.1934L88.7067 24.1934L95.4216 19.418L89.3512 19.418L89.6618 17.1855L98.7848 17.1855L99.5759 11.4727L104.064 11.4727L103.273 17.1855L108.793 17.1855L108.482 19.418L101.111 19.418L100.273 20.0156L104.041 20.0156L107.685 24.1934ZM103.103 8.30273L110.017 8.30273L109.49 11.9531L105.429 11.9531L105.646 10.5117L94.7067 10.5117L94.5602 11.4727L98.3981 11.4727L99.1891 13.8457L94.9938 13.8457L94.3434 11.9531L90.4059 11.9531L90.9333 8.30273L97.9938 8.30273L98.0641 7.79883L97.2966 6.9375L103.297 6.9375L103.103 8.30273ZM97.3903 16.6582L93.2184 16.6582L92.3278 14.2793L96.5055 14.2793L97.3903 16.6582ZM122.998 10.582L131.734 10.582L130.058 22.6348C129.976 23.0957 129.755 23.4746 129.396 23.7715C129.037 24.0684 128.632 24.2168 128.183 24.2168L123.431 24.2168L125.593 21.9844L126.865 12.8613L121.779 12.8613L115.679 24.2168L111.121 24.2168L117.214 12.8613L112.269 12.8613L112.586 10.582L118.439 10.582L120.05 7.58203L119.494 6.9375L124.966 6.9375L122.998 10.582ZM138.263 12L138.767 13.418L139.658 11.9062L139.898 10.1309L134.859 10.1309L135.169 7.8457L143.83 7.8457L143.138 12.8145L140.302 17.6895L142.681 24.2168L138.597 24.2168L137.806 22.0312L136.535 24.2168L132.433 24.2168L136.248 17.7129L134.496 12.8613L134.759 11.0391L138.41 11.0391L138.263 12ZM144.96 24.2168L147.123 21.9844L148.582 11.4961L143.806 11.4961L144.123 9.2168L148.898 9.2168L149.138 7.60547L148.558 6.9375L153.334 6.9375L153 9.2168L154.611 9.2168L154.294 11.4961L152.689 11.4961L151.13 22.6348C151.048 23.0957 150.832 23.4746 150.48 23.7715C150.128 24.0684 149.72 24.2168 149.255 24.2168L144.96 24.2168ZM146.759 19.7051L143.566 19.7051L143.542 13.3184L146.736 13.3184L146.759 19.7051ZM175.513 13.5352L170.831 14.3496L169.824 21.5273L173.925 21.5273L174.986 20.6133L174.458 24.2168L164.878 24.2168L167.181 7.8457L166.414 6.9375L171.886 6.9375L171.195 11.8535L175.871 11.0391L175.513 13.5352ZM161.591 11.9531L165.699 11.9531L165.382 14.2324L161.281 14.2324L160.249 21.5039L164.421 21.0703L164.111 23.3496L155.304 24.2168L157.607 7.82227L156.839 6.9375L162.312 6.9375L161.591 11.9531Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/views/ZMOverView/assets/icons/title-text2.svg 0 → 100644
浏览文件 @ 08966e42
<svg viewBox="0 0 177 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="177.000000" height="31.000000" fill="none" customFrame="#000000">
<path id="Text" d="M8.20898 18.0938L0.914062 18.0938L2.01562 10.3652L9.28711 10.3652L9.65039 7.8457L8.88281 6.9375L14.3496 6.9375L13.8457 10.3652L21.1699 10.3652L20.0625 18.0938L12.7676 18.0938L11.9062 24.2168L7.3418 24.2168L8.20898 18.0938ZM13.5352 12.6504L13.0781 15.8145L15.8379 15.8145L16.2715 12.6504L13.5352 12.6504ZM8.51953 15.8145L8.97656 12.6504L6.24023 12.6504L5.80664 15.8145L8.51953 15.8145ZM32.0175 11.0391L32.1347 10.1309L25.2968 10.1309L25.6073 7.8457L28.3202 7.8457L28.2968 7.77539L27.5761 6.9375L32.1347 6.9375L32.4218 7.8457L37.1034 7.8457L37.2499 7.58203L36.6933 6.9375L41.7148 6.9375L41.2109 7.8457L43.8476 7.8457L43.537 10.1309L36.6933 10.1309L36.5761 11.0391L42.9628 11.0391L42.623 13.3184L36.2421 13.3184L36.1191 14.2324L43.414 14.2324L43.1034 16.5117L23.9491 16.5117L24.2655 14.2324L31.5605 14.2324L31.6777 13.3184L25.2968 13.3184L25.6308 11.0391L32.0175 11.0391ZM27.0487 20.1621L23.8788 20.1621L24.2187 17.8828L29.662 17.8828L30.7226 16.9688L36.1894 16.9688L35.1347 17.8828L42.453 17.8828L42.1191 20.1621L38.4452 20.1621L42.453 24.2168L36.9863 24.2168L33.0488 20.1621L32.5214 20.1621L27.8632 24.2168L22.3905 24.2168L27.0487 20.1621ZM55.6795 9.59766L53.0428 9.81445L52.7733 11.7832L55.7498 11.7832L55.4159 14.2324L52.4159 14.2324L51.0213 24.2168L47.5174 24.2168L48.912 14.2324L45.9588 14.2324L46.2987 11.7832L49.2694 11.7832L49.5096 10.0781L46.703 10.2949L47.0428 7.8457L56.0135 7.1543L55.6795 9.59766ZM65.2538 19.3184L63.9354 19.5117L63.2616 24.2168L59.4705 24.2168L60.0506 20.0156L55.1287 20.6895L55.4862 18.1172L60.408 17.4492L61.7733 7.82227L61.0819 6.9375L65.7108 6.9375L64.2987 16.9453L65.617 16.752L65.2538 19.3184ZM44.6873 23.3496L46.2459 14.9062L48.6248 14.9062L47.0662 23.3496L44.6873 23.3496ZM51.7948 23.3496L52.5623 14.9062L54.9354 14.9062L54.1444 23.3496L51.7948 23.3496ZM59.8807 16.7051L56.3065 16.7051L55.8729 13.5352L59.4471 13.5352L59.8807 16.7051ZM60.6248 11.8828L57.0506 11.8828L56.5702 8.71289L60.1444 8.71289L60.6248 11.8828ZM79.0545 16.0078L81.0232 18.2168L83.3787 16.3418L83.4959 15.4102L75.6736 15.4102L75.9607 13.2949L79.5349 13.2949L79.7986 11.3496L76.0779 11.3496L76.3943 9.07031L80.1384 9.07031L80.3025 7.86914L79.7283 6.96094L84.8142 6.96094L84.5037 9.07031L88.2244 9.07031L87.9138 11.3496L84.1931 11.3496L83.906 13.2949L87.4099 13.2949L86.8298 17.3496L82.992 20.3789L86.4255 24.1699L81.8904 24.1699L80.3494 22.4414L78.0935 24.1934L73.5115 24.1934L78.4568 20.2559L75.5271 16.9219L75.6736 16.0078L79.0545 16.0078ZM68.4724 21.9844L68.9529 18.5039L67.0779 19.0078L67.4412 16.4883L69.3103 15.9844L69.8611 11.9531L68.0623 11.9531L68.4021 9.67383L70.2009 9.67383L70.488 7.63477L69.8904 6.9375L74.6658 6.9375L74.2791 9.67383L75.5974 9.67383L75.2634 11.9531L73.9451 11.9531L73.5584 14.8301L74.9295 14.4492L74.5662 16.9688L73.2009 17.3496L72.4568 22.6348C72.3748 23.0957 72.1541 23.4746 71.7947 23.7715C71.4353 24.0684 71.031 24.2168 70.5818 24.2168L66.3103 24.2168L68.4724 21.9844ZM100.707 10.8223L100.824 9.91406L96.2419 9.91406L96.4821 8.0625L101.088 8.0625L101.134 7.70508L100.414 6.96094L105.265 6.96094L105.095 8.0625L105.793 8.0625L105.599 6.98438L108.722 6.98438L108.986 8.0625L109.894 8.0625L109.654 9.91406L104.855 9.91406L104.715 10.8223L109.297 10.8223L108.382 17.4023L105.072 17.4023L105.142 16.9219L103.847 16.9219L103.754 17.7129L99.7458 17.7129L99.8395 16.9219L98.5915 16.9219L98.5212 17.4258L95.2106 17.4258L96.1188 10.8223L100.707 10.8223ZM90.6462 10.9219L91.0329 8.32617L90.2419 7.41797L95.1813 7.41797L94.6774 10.9219L95.6149 10.9219L95.2809 13.248L94.3669 13.248L92.8317 24.1699L88.8005 24.1699L90.3356 13.248L89.4216 13.248L89.7614 10.9219L90.6462 10.9219ZM107.328 17.8828L107.257 18.334L108.67 18.334L108.406 20.2793L106.97 20.2793L106.631 22.7285C106.599 22.9355 106.515 23.1309 106.379 23.3145C106.242 23.498 106.07 23.6621 105.863 23.8066C105.656 23.9512 105.42 24.0664 105.154 24.1523C104.892 24.2422 104.625 24.2871 104.351 24.2871L100.174 24.2871L102.886 22.5352L103.203 20.2793L94.3434 20.2793L94.6071 18.334L103.466 18.334L103.537 17.8828L107.328 17.8828ZM99.863 23.2324L96.072 23.2324L95.902 20.7598L99.6989 20.7598L99.863 23.2324ZM99.0954 13.1543L100.367 13.1543L100.49 12.3867L99.2184 12.3867L99.0954 13.1543ZM104.498 12.3867L104.398 13.1543L105.646 13.1543L105.769 12.3867L104.498 12.3867ZM98.7848 15.4102L100.056 15.4102L100.174 14.666L98.902 14.666L98.7848 15.4102ZM104.064 15.4102L105.336 15.4102L105.459 14.666L104.181 14.666L104.064 15.4102ZM120.214 8.18555L120.261 7.8457L119.494 6.9375L125.423 6.9375L125.23 8.18555L132.05 8.18555L131.734 10.4414L126.935 10.4414L126.168 15.8906L121.416 15.8906L122.283 14.7832L122.88 10.4414L121.486 10.4414L120.718 15.8906L116.687 15.8906L117.455 10.4414L112.609 10.4414L112.92 8.18555L120.214 8.18555ZM128.617 16.6816L128.447 17.8535L131.183 17.8535L130.849 20.1855L128.113 20.1855L127.539 24.1934L122.974 24.1934L123.554 20.1855L117.742 20.1855L116.16 24.1934L111.531 24.1934L113.113 20.1855L110.834 20.1855L111.168 17.8535L114.05 17.8535L114.531 16.6816L119.16 16.6816L118.679 17.8535L123.888 17.8535L124.058 16.6816L128.617 16.6816ZM116.617 11.1094L115.298 15.2871L111.554 15.2871L112.873 11.1094L116.617 11.1094ZM131.283 11.1094L131.447 15.2871L127.726 15.2871L127.562 11.1094L131.283 11.1094ZM133.201 24.2168L137.425 16.752L135.169 16.752L135.503 14.4492L151.921 14.4492L150.767 22.6348C150.705 23.0801 150.492 23.4551 150.128 23.7598C149.769 24.0645 149.359 24.2168 148.898 24.2168L144.146 24.2168L146.302 21.9844L147.023 16.752L141.984 16.752L137.759 24.2168L133.201 24.2168ZM138.334 13.7754L133.775 13.7754L138.837 7.48828L138.386 6.9375L143.859 6.9375L138.334 13.7754ZM150.24 6.9375L153.837 13.7754L149.279 13.7754L145.681 6.9375L150.24 6.9375ZM165.962 8.30273L176.497 6.9375L176.158 9.33398L169.847 10.0312L169.296 13.0547L176.064 13.0547L175.73 15.334L174.335 15.334L173.087 24.1934L169.32 24.1934L170.568 15.334L168.886 15.334L167.328 24.1934L163.103 24.1934L165.962 8.30273ZM158.521 12.0234L156.218 12.0234L156.529 9.74414L158.855 9.74414L159.142 7.68164L158.615 6.98438L162.962 6.98438L162.576 9.74414L164.878 9.74414L164.568 12.0234L162.242 12.0234L160.537 24.2168L156.816 24.2168L158.521 12.0234ZM154.706 23.3496L156.622 12.5742L158.134 12.5742L156.218 23.3496L154.706 23.3496ZM161.615 21.9844L162.552 12.5742L164.064 12.5742L163.126 21.9844L161.615 21.9844Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/views/ZMOverView/components/fourSuppress/components/allElement/index.vue
浏览文件 @ 08966e42
<template> <template>
<div class="content-wrapper"> <div class="content-wrapper">
<div class="header" @mouseenter="stopAutoPlay" @mouseleave="startAutoPlay(true)"> <div class="header">
<div class="header-arrow-left" @click="prev"> <div class="header-arrow-left" @click="prev">
<img src="../../assets/left-btn.png" alt="" /> <img src="../../assets/left-btn.png" alt="" />
</div> </div>
...@@ -37,7 +37,12 @@ ...@@ -37,7 +37,12 @@
<div class="title">{{ "最新动态" }}</div> <div class="title">{{ "最新动态" }}</div>
</div> </div>
<div class="box1-main"> <div class="box1-main">
<div class="box1-item" v-for="(item, index) in box1DataList" :key="index" @click="handleToDecreeDetail(item)"> <div
class="box1-item"
v-for="(item, index) in box1DataList"
:key="index"
@click="handleToDecreeDetail(item)"
>
<div class="box1-item-left">{{ index + 1 }}</div> <div class="box1-item-left">{{ index + 1 }}</div>
<div class="box1-item-right"> <div class="box1-item-right">
<div class="title">{{ item.name }}</div> <div class="title">{{ item.name }}</div>
...@@ -101,11 +106,11 @@ ...@@ -101,11 +106,11 @@
v-model:current-page="box2CurrentPage" v-model:current-page="box2CurrentPage"
@current-change="handleGetBox2DataList" @current-change="handleGetBox2DataList"
size="small" size="small"
:pager-count="6" :pager-count="4"
/> />
</div> </div>
</div> </div>
<div class="right"> <div class="right" @click="handleToDecreeDetail(box2DetailInfo)">
<div class="title">{{ box2DetailInfo.name }}</div> <div class="title">{{ box2DetailInfo.name }}</div>
<div class="tag-box"> <div class="tag-box">
<div class="tag" v-for="(item, index) in box2DetailInfo.elemetList" :key="index"> <div class="tag" v-for="(item, index) in box2DetailInfo.elemetList" :key="index">
...@@ -171,11 +176,11 @@ ...@@ -171,11 +176,11 @@
v-model:current-page="box3CurrentPage" v-model:current-page="box3CurrentPage"
@current-change="handleGetBox3DataList" @current-change="handleGetBox3DataList"
size="small" size="small"
:pager-count="6" :pager-count="4"
/> />
</div> </div>
</div> </div>
<div class="right"> <div class="right" @click="handleToDecreeDetail(box3DetailInfo)">
<div class="title">{{ box3DetailInfo?.name }}</div> <div class="title">{{ box3DetailInfo?.name }}</div>
<div class="tag-box"> <div class="tag-box">
<div class="tag" v-for="(item, index) in box3DetailInfo?.elemetList" :key="index"> <div class="tag" v-for="(item, index) in box3DetailInfo?.elemetList" :key="index">
...@@ -460,9 +465,9 @@ const handleBox3Chart = async () => { ...@@ -460,9 +465,9 @@ const handleBox3Chart = async () => {
const currentIndex = ref(0); const currentIndex = ref(0);
let autoTimer = null; let autoTimer = null;
const startAutoPlay = (isContiune) => { const startAutoPlay = isContiune => {
if(!isContiune) { if (!isContiune) {
currentIndex.value = 0 currentIndex.value = 0;
} }
stopAutoPlay(); stopAutoPlay();
if (headerList.value.length >= 5) { if (headerList.value.length >= 5) {
...@@ -498,8 +503,8 @@ const prev = () => { ...@@ -498,8 +503,8 @@ const prev = () => {
} }
}; };
const handleToDecreeDetail = (item) => { const handleToDecreeDetail = item => {
window.sessionStorage.setItem("curTabName", item.title); window.sessionStorage.setItem("curTabName", item.name);
const route = router.resolve({ const route = router.resolve({
path: "/decreeLayout", path: "/decreeLayout",
query: { query: {
...@@ -507,7 +512,7 @@ const handleToDecreeDetail = (item) => { ...@@ -507,7 +512,7 @@ const handleToDecreeDetail = (item) => {
} }
}); });
window.open(route.href, "_blank"); window.open(route.href, "_blank");
} };
watch(activeDate, async () => { watch(activeDate, async () => {
handleGetBox2DataList(); // 美对我要素打压情况 handleGetBox2DataList(); // 美对我要素打压情况
...@@ -515,7 +520,7 @@ watch(activeDate, async () => { ...@@ -515,7 +520,7 @@ watch(activeDate, async () => {
handleBox2Chart(); // 关键词云-上 handleBox2Chart(); // 关键词云-上
handleBox3Chart(); // 关键词云-下 handleBox3Chart(); // 关键词云-下
await handleGetHeaderList(); // 全要素统计 await handleGetHeaderList(); // 全要素统计
startAutoPlay(); // startAutoPlay();
}); });
onMounted(async () => { onMounted(async () => {
...@@ -525,7 +530,7 @@ onMounted(async () => { ...@@ -525,7 +530,7 @@ onMounted(async () => {
handleBox2Chart(); // 关键词云-上 handleBox2Chart(); // 关键词云-上
handleBox3Chart(); // 关键词云-下 handleBox3Chart(); // 关键词云-下
await handleGetHeaderList(); // 全要素统计 await handleGetHeaderList(); // 全要素统计
startAutoPlay(); // startAutoPlay();
}); });
onUnmounted(() => { onUnmounted(() => {
...@@ -932,6 +937,7 @@ onUnmounted(() => { ...@@ -932,6 +937,7 @@ onUnmounted(() => {
height: 368px; height: 368px;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
cursor: pointer;
.title { .title {
width: 283px; width: 283px;
min-height: 24px; min-height: 24px;
...@@ -974,7 +980,7 @@ onUnmounted(() => { ...@@ -974,7 +980,7 @@ onUnmounted(() => {
margin: 0 auto; margin: 0 auto;
margin-top: 8px; margin-top: 8px;
width: 283px; width: 283px;
max-height: 170px; max-height: 172px;
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-style: Regular; font-style: Regular;
...@@ -984,7 +990,8 @@ onUnmounted(() => { ...@@ -984,7 +990,8 @@ onUnmounted(() => {
letter-spacing: 0px; letter-spacing: 0px;
text-align: justify; text-align: justify;
overflow: hidden; overflow: hidden;
overflow-y: auto;
// overflow-y: auto;
} }
.area-box { .area-box {
width: 283px; width: 283px;
...@@ -1177,6 +1184,7 @@ onUnmounted(() => { ...@@ -1177,6 +1184,7 @@ onUnmounted(() => {
height: 368px; height: 368px;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
cursor: pointer;
.title { .title {
width: 283px; width: 283px;
min-height: 24px; min-height: 24px;
...@@ -1219,7 +1227,7 @@ onUnmounted(() => { ...@@ -1219,7 +1227,7 @@ onUnmounted(() => {
margin: 0 auto; margin: 0 auto;
margin-top: 8px; margin-top: 8px;
width: 283px; width: 283px;
max-height: 170px; max-height: 172px;
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-style: Regular; font-style: Regular;
...@@ -1229,7 +1237,7 @@ onUnmounted(() => { ...@@ -1229,7 +1237,7 @@ onUnmounted(() => {
letter-spacing: 0px; letter-spacing: 0px;
text-align: justify; text-align: justify;
overflow: hidden; overflow: hidden;
overflow-y: auto; // overflow-y: auto;
} }
.area-box { .area-box {
width: 283px; width: 283px;
......
src/views/ZMOverView/components/fourSuppress/components/allGovernment/index.vue
浏览文件 @ 08966e42
...@@ -187,7 +187,12 @@ ...@@ -187,7 +187,12 @@
</div> </div>
</div> </div>
<div class="events-container"> <div class="events-container">
<div v-for="(event, eIndex) in dept.events" :key="eIndex" class="event-card" :class="getCardColorClass(event.level)"> <div
v-for="(event, eIndex) in dept.events"
:key="eIndex"
class="event-card"
:class="getCardColorClass(event.level)"
>
<div class="card-top-line" :class="getLineColorClass(event.level)"></div> <div class="card-top-line" :class="getLineColorClass(event.level)"></div>
<div class="event-header"> <div class="event-header">
<div class="event-date">{{ event.date }}</div> <div class="event-date">{{ event.date }}</div>
...@@ -479,6 +484,7 @@ const getGovernmentList = async () => { ...@@ -479,6 +484,7 @@ const getGovernmentList = async () => {
const res = await getAllGovernmentList({ const res = await getAllGovernmentList({
monthNum: monthNum.value monthNum: monthNum.value
}); });
console.log("全政府统计", res);
if (res.code === 200 && res.data) { if (res.code === 200 && res.data) {
governmentList.value = res.data; governmentList.value = res.data;
// 如果后端返回了数据，则更新 cardList // 如果后端返回了数据，则更新 cardList
...@@ -517,7 +523,7 @@ const getGovernmentList = async () => { ...@@ -517,7 +523,7 @@ const getGovernmentList = async () => {
return { return {
title: item.departName || "未知部门", title: item.departName || "未知部门",
icon: defaultIcon, // 暂时使用默认图标 icon: item.departLogo, // 暂时使用默认图标
stats: stats, stats: stats,
departId: item.departId departId: item.departId
}; };
...@@ -653,7 +659,7 @@ const fieldOptions = ref([ ...@@ -653,7 +659,7 @@ const fieldOptions = ref([
{ label: "军事", value: "23" }, { label: "军事", value: "23" },
{ label: "科技", value: "24" }, { label: "科技", value: "24" },
{ label: "安全", value: "25" }, { label: "安全", value: "25" },
{ label: "其他", value: "99" }, { label: "其他", value: "99" }
]); ]);
const methodOptions = ref([ const methodOptions = ref([
...@@ -672,7 +678,7 @@ const methodOptions = ref([ ...@@ -672,7 +678,7 @@ const methodOptions = ref([
{ label: "欧盟合并制裁清单", value: "10" }, { label: "欧盟合并制裁清单", value: "10" },
{ label: "英国制裁清单", value: "11" }, { label: "英国制裁清单", value: "11" },
{ label: "加拿大合并自主制裁清单", value: "12" }, { label: "加拿大合并自主制裁清单", value: "12" },
{ label: "商业管制清单", value: "13" }, { label: "商业管制清单", value: "13" }
// { label: "232调查", value: "14" }, // { label: "232调查", value: "14" },
// { label: "Capta List (CAP) - Treasury Department", value: "15" }, // { label: "Capta List (CAP) - Treasury Department", value: "15" },
// { label: "ITAR Debarred (DTC) - State Department", value: "16" }, // { label: "ITAR Debarred (DTC) - State Department", value: "16" },
...@@ -1057,7 +1063,7 @@ const prev = () => { ...@@ -1057,7 +1063,7 @@ const prev = () => {
filter: blur(20px); filter: blur(20px);
z-index: 0; z-index: 0;
opacity: 0.8; opacity: 0.8;
background-color: rgba(5, 33, 77, 0.7); // 调整为更明显的深蓝色 // background-color: rgba(5, 33, 77, 0.7); // 调整为更明显的深蓝色
&::after { &::after {
content: ""; content: "";
...@@ -1067,6 +1073,7 @@ const prev = () => { ...@@ -1067,6 +1073,7 @@ const prev = () => {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient(90deg, rgba(5, 33, 77, 1) 0%, rgba(5, 33, 77, 0) 50%, rgba(5, 33, 77, 1) 100%); background: linear-gradient(90deg, rgba(5, 33, 77, 1) 0%, rgba(5, 33, 77, 0) 50%, rgba(5, 33, 77, 1) 100%);
background: linear-gradient(180deg, rgba(34, 41, 52, 0.8) 0%, rgba(34, 41, 52, 0.4) 100%);
} }
} }
...@@ -1090,6 +1097,8 @@ const prev = () => { ...@@ -1090,6 +1097,8 @@ const prev = () => {
.card-icon { .card-icon {
width: 36px; // 假设大小 width: 36px; // 假设大小
height: 36px; height: 36px;
border-radius: 50%;
overflow: hidden;
} }
} }
...@@ -1157,7 +1166,9 @@ const prev = () => { ...@@ -1157,7 +1166,9 @@ const prev = () => {
.main-charts { .main-charts {
width: 1601px; width: 1601px;
height: 500px; height: 500px;
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 10px; border-radius: 10px;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.65); background-color: rgba(255, 255, 255, 0.65);
box-shadow: 0 0 20px rgba(25, 69, 130, 0.1); box-shadow: 0 0 20px rgba(25, 69, 130, 0.1);
display: flex; display: flex;
...@@ -1173,6 +1184,7 @@ const prev = () => { ...@@ -1173,6 +1184,7 @@ const prev = () => {
padding-left: 17px; padding-left: 17px;
padding-right: 35px; padding-right: 35px;
box-sizing: border-box; box-sizing: border-box;
background: linear-gradient(180deg, rgba(231, 243, 255, 1) 0%, rgba(231, 243, 255, 0) 100%); background: linear-gradient(180deg, rgba(231, 243, 255, 1) 0%, rgba(231, 243, 255, 0) 100%);
.title-left { .title-left {
...@@ -1263,10 +1275,11 @@ const prev = () => { ...@@ -1263,10 +1275,11 @@ const prev = () => {
.text-item { .text-item {
width: 792px; width: 792px;
height: 700px; height: 700px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.65); background-color: rgba(255, 255, 255, 0.65);
box-shadow: 0 0 20px rgba(25, 69, 130, 0.1); box-shadow: 0 0 20px rgba(25, 69, 130, 0.1);
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 10px;
overflow: hidden;
.text-item-title { .text-item-title {
width: 100%; width: 100%;
height: 48px; height: 48px;
...@@ -1278,8 +1291,8 @@ const prev = () => { ...@@ -1278,8 +1291,8 @@ const prev = () => {
background: linear-gradient(180deg, rgba(231, 243, 255, 1) 0%, rgba(231, 243, 255, 0) 100%); background: linear-gradient(180deg, rgba(231, 243, 255, 1) 0%, rgba(231, 243, 255, 0) 100%);
img { img {
width: 18px; width: 24px;
height: 18px; height: 24px;
margin-right: 14px; margin-right: 14px;
} }
...@@ -1751,47 +1764,47 @@ const prev = () => { ...@@ -1751,47 +1764,47 @@ const prev = () => {
padding-bottom: 4px; // 给滚动条留出空间 padding-bottom: 4px; // 给滚动条留出空间
.event-card { .event-card {
min-width: 240px; min-width: 240px;
max-width: 240px; max-width: 240px;
height: 130px; height: 130px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
padding: 12px; padding: 12px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex-shrink: 0;
&.card-red { &.card-red {
background: linear-gradient(180deg, rgba(206, 79, 81, 0.08) 0%, rgba(255, 255, 255, 1) 60%); background: linear-gradient(180deg, rgba(206, 79, 81, 0.08) 0%, rgba(255, 255, 255, 1) 60%);
.event-date { .event-date {
color: rgb(206, 79, 81) !important; color: rgb(206, 79, 81) !important;
} }
} }
&.card-yellow { &.card-yellow {
background: linear-gradient(180deg, rgba(232, 189, 11, 0.08) 0%, rgba(255, 255, 255, 1) 60%); background: linear-gradient(180deg, rgba(232, 189, 11, 0.08) 0%, rgba(255, 255, 255, 1) 60%);
.event-date { .event-date {
color: rgb(232, 189, 11) !important; color: rgb(232, 189, 11) !important;
} }
} }
&.card-green { &.card-green {
background: linear-gradient(180deg, rgba(33, 129, 57, 0.08) 0%, rgba(255, 255, 255, 1) 60%); background: linear-gradient(180deg, rgba(33, 129, 57, 0.08) 0%, rgba(255, 255, 255, 1) 60%);
.event-date { .event-date {
color: rgb(33, 129, 57) !important; color: rgb(33, 129, 57) !important;
} }
} }
&.card-white, &.card-white,
&.card-default { &.card-default {
background: #fff; background: #fff;
.event-date { .event-date {
color: rgb(59, 65, 75) !important; color: rgb(59, 65, 75) !important;
} }
} }
.card-top-line { .card-top-line {
position: absolute; position: absolute;
......
src/views/ZMOverView/components/gameProfile/index.vue
浏览文件 @ 08966e42
...@@ -4,27 +4,34 @@ ...@@ -4,27 +4,34 @@
<div class="card-box"> <div class="card-box">
<div class="card-title"> <div class="card-title">
<img class="icon" src="../../assets/icons/title-icon1.png" /> <img class="icon" src="../../assets/icons/title-icon1.png" />
<img class="text" src="../../assets/icons/title-text1.png" /> <img class="text" src="../../assets/icons/title-text1.svg" />
</div> </div>
<div style="display: flex; height: 650px; width: 100%"> <div style="display: flex; height: 650px; width: 100%">
<div style="width: 50%"> <div style="width: 50%">
<div style=" <div
style="
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-right: 50px; margin-right: 50px;
line-height: 32px; line-height: 32px;
align-items: center; align-items: center;
"> "
>
<div style="display: flex; margin-left: 50px"> <div style="display: flex; margin-left: 50px">
数据来源: 数据来源:
<el-select class="select-item" size="default" style="margin-left: 15px; width: 240px; height: 32px" <el-select
v-model="origin" @change="handleGetCompare()"> class="select-item"
size="default"
style="margin-left: 15px; width: 240px; height: 32px"
v-model="origin"
@change="handleGetCompare()"
>
<el-option :value="value.id" :label="value.name" v-for="value in originList" /> <el-option :value="value.id" :label="value.name" v-for="value in originList" />
</el-select> </el-select>
</div> </div>
<div style="display: flex"> <div style="display: flex">
<div class="china-icon"></div> <div class="china-icon"></div>
<div class="text">中国</div> <div class="text" style="margin-right: 18px">中国</div>
<div class="usa-icon"></div> <div class="usa-icon"></div>
<div class="text">美国</div> <div class="text">美国</div>
</div> </div>
...@@ -32,40 +39,55 @@ ...@@ -32,40 +39,55 @@
<div style="width: 672px; height: 486px; padding-top: 50px" id="char"></div> <div style="width: 672px; height: 486px; padding-top: 50px" id="char"></div>
</div> </div>
<div style="width: 778px; height: 620px;overflow: auto;"> <div style="width: 778px; height: 620px; overflow: auto">
<el-table :data="tableData" style="width: 100%; margin-bottom: 20px" row-key="targetCode" border <el-table
:tree-props="{ children: 'children' }" default-expand-all :header-cell-style="{ 'border-right': 'none' }" :data="tableData"
:cell-style="{ 'border-right': 'none' }"> style="width: 100%; margin-bottom: 20px"
row-key="targetCode"
border
:tree-props="{ children: 'children' }"
default-expand-all
:header-cell-style="{ 'border-right': 'none' }"
:cell-style="{ 'border-right': 'none' }"
>
<!-- 自定义展开图标 --> <!-- 自定义展开图标 -->
<el-table-column prop="targetName" label="指标名称" width="350" /> <el-table-column prop="targetName" label="指标名称" width="350" />
<el-table-column prop="usScore" label="美国"> <el-table-column prop="usScore" label="美国">
<template #default="scope"> <template #default="scope">
<div style="display: flex;"> <div style="display: flex">
<div class="progress-text"> <div class="progress-text">
{{ 'NO.' + scope.row.usRank + ' ' + scope.row.usScore }} {{ "NO." + scope.row.usRank + " " + scope.row.usScore }}
</div> </div>
<div class="progress-wrapper left" :style="{ '--i': '40px', '--j': '-20px', marginLeft: '20px' }"> <div
<el-progress :percentage="scope.row.chinaScore" :stroke-width="20" class="left-progress" class="progress-wrapper left"
:show-text="false" /> :style="{ '--i': '40px', '--j': '-20px', marginLeft: '20px' }"
>
<el-progress
:percentage="scope.row.chinaScore"
:stroke-width="20"
class="left-progress"
:show-text="false"
/>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="chinaScore" label="中国"> <el-table-column prop="chinaScore" label="中国">
<template #default="scope"> <template #default="scope">
<div style="display: flex;"> <div style="display: flex">
<div class="progress-wrapper right" :style="{ '--i': '40px', marginRight: '20px' }"> <div class="progress-wrapper right" :style="{ '--i': '40px', marginRight: '20px' }">
<el-progress :percentage="scope.row.usScore" :stroke-width="20" class="right-progress" <el-progress
:show-text="false" /> :percentage="scope.row.usScore"
:stroke-width="20"
class="right-progress"
:show-text="false"
/>
</div> </div>
<div class="progress-text" style="color:rgba(206, 79, 81, 1);"> <div class="progress-text" style="color: rgba(206, 79, 81, 1)">
{{ 'NO.' + scope.row.chinaRank + ' ' + scope.row.chinaScore }} {{ "NO." + scope.row.chinaRank + " " + scope.row.chinaScore }}
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -75,24 +97,31 @@ ...@@ -75,24 +97,31 @@
<div class="card-box" style="margin-top: 16px"> <div class="card-box" style="margin-top: 16px">
<div class="card-title"> <div class="card-title">
<img class="icon" src="../../assets/icons/title-icon2.png" /> <img class="icon" src="../../assets/icons/title-icon2.png" />
<img class="text" src="../../assets/icons/title-text2.png" /> <img class="text" src="../../assets/icons/title-text2.svg" />
</div> </div>
<div style="display: flex; height: 650px"> <div style="display: flex; height: 650px">
<Timeline :data="course" text-key="title" id-key="seq" /> <Timeline :data="course" text-key="title" id-key="seq" />
</div> </div>
</div> </div>
<div class="btn-box"> <div class="btn-box">
<div v-for="(value, index) in btnList" :key="index" class="btn-item" aria-disabled="true" :style="{ <div
background: value.background v-for="(value, index) in btnList"
}"> :key="index"
class="btn-item"
aria-disabled="true"
:style="{
background: value.background
}"
>
<img :src="value.img" style="width: 22px; height: 19px; margin: 0 22px" /> <img :src="value.img" style="width: 22px; height: 19px; margin: 0 22px" />
{{ value.text }} {{ value.text }}
<img :src="`./icon/ZM/btn-icon-arrow.png`" <img
style="margin-left: auto; margin-right: 22px; width: 13px; height: 12px" /> :src="`./icon/ZM/btn-icon-arrow.png`"
style="margin-left: auto; margin-right: 22px; width: 13px; height: 12px"
/>
<!-- <img src="./assets/images/btn-icon-arrow.png" <!-- <img src="./assets/images/btn-icon-arrow.png"
style="margin-left: auto; margin-right: 22px; width: 13px; height: 12px" /> --> style="margin-left: auto; margin-right: 22px; width: 13px; height: 12px" /> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -101,20 +130,20 @@ ...@@ -101,20 +130,20 @@
<script setup> <script setup>
import { onMounted, ref, computed } from "vue"; import { onMounted, ref, computed } from "vue";
import * as echarts from "echarts"; import * as echarts from "echarts";
import { ArrowRight, CaretBottom } from '@element-plus/icons-vue' import { ArrowRight, CaretBottom } from "@element-plus/icons-vue";
import Timeline from "./Timeline.vue"; import Timeline from "./Timeline.vue";
import tableShow from "./tableShow.vue"; import tableShow from "./tableShow.vue";
import radarChart from "./radarChart3.js"; import radarChart from "./radarChart3.js";
import { getCompare, getChartDict, getTechnologyGameAnalysis } from '@/api/zmOverview/risk/index.js' import { getCompare, getChartDict, getTechnologyGameAnalysis } from "@/api/zmOverview/risk/index.js";
import icon1 from './icon/btn-icon-0.png' import icon1 from "./icon/btn-icon-0.png";
import icon2 from './icon/btn-icon-1.png' import icon2 from "./icon/btn-icon-1.png";
import icon3 from './icon/btn-icon-2.png' import icon3 from "./icon/btn-icon-2.png";
import icon4 from './icon/btn-icon-3.png' import icon4 from "./icon/btn-icon-3.png";
import icon5 from './icon/btn-icon-4.png' import icon5 from "./icon/btn-icon-4.png";
import icon6 from './icon/btn-icon-5.png' import icon6 from "./icon/btn-icon-5.png";
import icon7 from './icon/btn-icon-6.png' import icon7 from "./icon/btn-icon-6.png";
import icon from './icon/btn-icon-7.png' import icon from "./icon/btn-icon-7.png";
import Img1 from "./assets/images/btn-icon-0.png"; import Img1 from "./assets/images/btn-icon-0.png";
import Img2 from "./assets/images/btn-icon-1.png"; import Img2 from "./assets/images/btn-icon-1.png";
import Img3 from "./assets/images/btn-icon-2.png"; import Img3 from "./assets/images/btn-icon-2.png";
...@@ -132,7 +161,7 @@ const course = ref([ ...@@ -132,7 +161,7 @@ const course = ref([
"计划将国家量子倡议延长至2034年，新增研发中心、测试平台，并首次将NASA的量子研究纳入，旨在加速技术应用与人才发展。", "计划将国家量子倡议延长至2034年，新增研发中心、测试平台，并首次将NASA的量子研究纳入，旨在加速技术应用与人才发展。",
unit: "美国", unit: "美国",
tag: "科技发展战略", tag: "科技发展战略",
icon: icon1, icon: icon1
}, },
{ {
time: "2025-01-21", time: "2025-01-21",
...@@ -140,7 +169,7 @@ const course = ref([ ...@@ -140,7 +169,7 @@ const course = ref([
content: "根据《反外国制裁法》等，将17家美国实体列入清单，禁止其从事与中国有关的进出口与新增投资。", content: "根据《反外国制裁法》等，将17家美国实体列入清单，禁止其从事与中国有关的进出口与新增投资。",
unit: "中国", unit: "中国",
tag: "反制措施", tag: "反制措施",
icon: icon2, icon: icon2
}, },
{ {
time: "2025-01-21", time: "2025-01-21",
...@@ -156,7 +185,7 @@ const course = ref([ ...@@ -156,7 +185,7 @@ const course = ref([
content: "中国网信办约谈英伟达，要求就H20算力芯片漏洞后门安全风险问题进行说明。", content: "中国网信办约谈英伟达，要求就H20算力芯片漏洞后门安全风险问题进行说明。",
unit: "中国", unit: "中国",
tag: "反制措施", tag: "反制措施",
icon: icon4, icon: icon4
}, },
{ {
time: "2025-05-09", time: "2025-05-09",
...@@ -165,7 +194,7 @@ const course = ref([ ...@@ -165,7 +194,7 @@ const course = ref([
"年度国防预算法案，其中系统性地嵌入了大量对华竞争条款，首次将对外投资审查法律化，并在供应链、实体清单等方面加强限制。", "年度国防预算法案，其中系统性地嵌入了大量对华竞争条款，首次将对外投资审查法律化，并在供应链、实体清单等方面加强限制。",
unit: "美国", unit: "美国",
tag: "对华打压遏制", tag: "对华打压遏制",
icon: icon5, icon: icon5
}, },
{ {
time: "2025-07-24", time: "2025-07-24",
...@@ -173,7 +202,7 @@ const course = ref([ ...@@ -173,7 +202,7 @@ const course = ref([
content: "提出放宽监管、简化环境许可可以加快AI基础设施建设，并涉及促进AI出口、要求联邦采购的AI模型具备中立性等内容。", content: "提出放宽监管、简化环境许可可以加快AI基础设施建设，并涉及促进AI出口、要求联邦采购的AI模型具备中立性等内容。",
unit: "美国", unit: "美国",
tag: "科技发展战略", tag: "科技发展战略",
icon: icon6, icon: icon6
}, },
{ {
time: "2025-07-24", time: "2025-07-24",
...@@ -181,7 +210,7 @@ const course = ref([ ...@@ -181,7 +210,7 @@ const course = ref([
content: "法案为商务部工业与安全局(BIS)大幅增加预算，以加强出口管制执法，特别强调审查对华为、中芯国际的出口许可证。", content: "法案为商务部工业与安全局(BIS)大幅增加预算，以加强出口管制执法，特别强调审查对华为、中芯国际的出口许可证。",
unit: "美国", unit: "美国",
tag: "对华打压遏制", tag: "对华打压遏制",
icon: icon7, icon: icon7
} }
]); ]);
...@@ -611,7 +640,7 @@ const btnList = ref([ ...@@ -611,7 +640,7 @@ const btnList = ref([
/* 自定义未展开图标 */ /* 自定义未展开图标 */
:deep(.el-table__expand-icon) { :deep(.el-table__expand-icon) {
background-image: url('./icon/arrowDown.png'); background-image: url("./icon/arrowDown.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
width: 24px; width: 24px;
...@@ -622,7 +651,7 @@ const btnList = ref([ ...@@ -622,7 +651,7 @@ const btnList = ref([
/* 自定义展开图标 */ /* 自定义展开图标 */
:deep(.el-table__expand-icon--expanded) { :deep(.el-table__expand-icon--expanded) {
background-image: url('./icon/arrowDown.png'); background-image: url("./icon/arrowDown.png");
transform: rotate(270deg) !important; transform: rotate(270deg) !important;
} }
...@@ -655,10 +684,14 @@ const btnList = ref([ ...@@ -655,10 +684,14 @@ const btnList = ref([
padding: 12px 0; padding: 12px 0;
} }
.btn-item[aria-disabled="true"] { .btn-item[aria-disabled="true"] {
opacity: 0.3; opacity: 0.3;
cursor: not-allowed; cursor: not-allowed;
pointer-events: none; pointer-events: none;
} }
:deep(.el-table .el-table__cell) {
padding-left: 5px;
padding-right: 5px;
}
</style> </style>
src/views/ZMOverView/components/gameProfile/radarChart3.js
浏览文件 @ 08966e42
...@@ -16,7 +16,6 @@ const radarChart = (nameList, valueList) => { ...@@ -16,7 +16,6 @@ const radarChart = (nameList, valueList) => {
// 1. 基础雷达图配置 // 1. 基础雷达图配置
const option = { const option = {
title: { text: '' }, title: { text: '' },
radar: { radar: {
radius: '75%', // 雷达图本身占容器 75% radius: '75%', // 雷达图本身占容器 75%
indicator: nameList.map(name => ({ indicator: nameList.map(name => ({
......
src/views/ZMOverView/components/newRisk/WaveBall.vue
浏览文件 @ 08966e42
...@@ -73,14 +73,14 @@ const makeOption = () => { ...@@ -73,14 +73,14 @@ const makeOption = () => {
formatter: function () { formatter: function () {
const change = props.data.change; const change = props.data.change;
const unit = props.data.unit; const unit = props.data.unit;
if (change === 0) { if (change === 0 || change === '无新增') {
return `{noChange|${'无新增'}}\n{b|共${props.data.count}${unit}}` return `{noChange|${'无新增'}}\n{b|共${props.data.count}${unit}}`
} }
return `{num|${change}}{unit| ${unit}}\n{b|共${props.data.count}${unit}}` return `{num|${change}}{unit| ${unit}}\n{b|共${props.data.count}${unit}}`
}, },
rich: { rich: {
num: { num: {
fontSize: 36, fontSize: 32,
fontWeight: 'bold', fontWeight: 'bold',
color: `${props.color[5]}`, color: `${props.color[5]}`,
padding: [-4, 0, 8, 0] padding: [-4, 0, 8, 0]
......
src/views/ZMOverView/components/newRisk/icon/title-1.svg 0 → 100644
浏览文件 @ 08966e42
<svg viewBox="0 0 125 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="125.000000" height="31.000000" fill="none" customFrame="#000000">
<rect id="容器 1556" width="125.000000" height="31.000000" x="0.000000" y="0.000000" />
<path id="矢量 810" d="M18.1242 14.714C18.6244 14.714 19.0532 14.2898 19.0532 13.7949L19.0532 13.0292L15.2658 13.0292L15.2658 13.7242C15.2658 14.2191 15.6945 14.6433 16.1948 14.6433L16.1948 20.8229L18.1242 20.8229L18.1242 14.714L18.1242 14.714ZM13.3363 14.714C13.8366 14.714 14.2653 14.2898 14.2653 13.7949L14.2653 13.0292L10.4779 13.0292L10.4779 13.7242C10.4779 14.2191 10.9067 14.6433 11.4069 14.6433L11.4069 20.8229L13.3363 20.8229L13.3363 14.714L13.3363 14.714ZM8.54852 14.714C8.83436 14.714 9.04874 14.6433 9.19166 14.4312C9.40604 14.2191 9.4775 14.007 9.4775 13.7949L9.4775 13.0292L5.69012 13.0292L5.69012 13.7242C5.69012 14.007 5.76158 14.2191 5.97596 14.3605C6.19034 14.5726 6.40472 14.6433 6.6191 14.6433L6.6191 20.8229L8.54852 20.8229L8.54852 14.714L8.54852 14.714ZM3.76069 14.714C4.04653 14.714 4.26091 14.6433 4.40383 14.4312C4.61821 14.2191 4.68967 14.007 4.68967 13.7949L4.68967 13.0292L0.902288 13.0292L0.902288 13.7242C0.902288 14.007 0.973748 14.2191 1.18813 14.3605C1.40251 14.5726 1.61689 14.6433 1.83127 14.6433L1.83127 20.8229L3.76069 20.8229L3.76069 14.714L3.76069 14.714ZM10.4779 5.15908L19.5534 10.6739C19.9107 10.886 20.0536 11.3102 19.9821 11.7344C19.8392 12.1586 19.4819 12.4414 19.0532 12.4414L0.973748 12.4414C0.544988 12.4414 0.187687 12.1586 0.0447671 11.7344C-0.0981532 11.3102 0.116227 10.886 0.473528 10.6739L9.54896 5.15908C9.8348 4.94697 10.1921 4.94697 10.4779 5.15908ZM9.97772 11.4516C11.0496 11.4516 11.9071 10.6032 11.9071 9.54264C11.9071 8.55281 11.0496 7.70438 9.97772 7.70438C8.90582 7.70438 8.0483 8.55281 8.0483 9.61335C8.11976 10.6032 8.97728 11.4516 9.97772 11.4516ZM1.66663 22.7777L18.3332 22.7779C19.1193 22.7779 19.5534 23.4711 19.5534 24.2488L19.5534 25L0.473528 25L0.473528 24.2488C0.473528 23.4711 0.88057 22.7777 1.66663 22.7777ZM1.66663 21.4243L18.3332 21.4244L18.3332 22.7779L1.66663 22.7777L1.66663 21.4243Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
<path id="" d="M32.9375 21.334L34.1855 12.4805L37.0391 12.4805L35.8613 20.9062L36.4648 20.8066L37.9766 10.0781L34.4023 10.0781L34.7363 7.70508L44.3867 7.70508L44.0469 10.0781L41.5977 10.0781L41.2168 12.8379L42.9922 12.8379L42.5352 16.0781L40.7598 16.0781L40.1621 20.2559L42.3652 19.9219L42.0078 22.4883L32.1699 23.9531L32.5273 21.3867L32.9375 21.334ZM47.0469 21.8906L45.2949 24.1934L41.1699 24.1934L45.418 18.6211L43.2559 14.3262L47.1172 14.3262L47.7441 15.5742L48.6816 14.3496L49.0625 11.5898L47.8906 11.5898L47.1934 13.2949L43.4727 13.2949L45.8691 7.48828L45.4648 6.96094L49.8301 6.96094L48.9688 9L53.8906 9L53.5039 11.5898L52.8301 11.5898L52.373 14.8535L49.4023 18.791L52.1387 24.1934L48.2246 24.1934L47.0469 21.8906ZM62.9863 14.9062L63.08 14.2559L55.8085 14.2559L56.0722 12.334L63.3437 12.334L63.4902 11.4258L67.9784 11.4258L67.832 12.334L75.1034 12.334L74.8398 14.2559L67.5683 14.2559L67.4745 14.9062L74.3359 14.9062L73.7382 19.248L70.0878 19.248L70.4218 16.7285L67.2343 16.7285L66.9413 18.6504L69.1738 18.6504L74.0488 23.7363L69.4902 23.7363L66.6542 20.7832L66.1738 24.1934L61.6855 24.1934L62.1659 20.8301L58.5448 23.7363L53.9863 23.7363L60.2968 18.6504L62.4589 18.6504L62.746 16.7285L59.5761 16.7285L59.2655 19.0312L55.5683 19.0312L56.1425 14.9062L62.9863 14.9062ZM71.3359 7.82227L76.2577 7.82227L76.0175 9.65039L73.662 9.65039L74.4296 11.1094L70.7851 11.1094L70.1347 9.89062L69.414 11.1094L65.3124 11.1094L67.3515 7.63477L66.8241 6.96094L71.8398 6.96094L71.3359 7.82227ZM61.7616 7.82227L66.2499 7.82227L66.0097 9.65039L64.0644 9.65039L64.8554 11.1094L61.2109 11.1094L60.5605 9.89062L59.8398 11.1094L55.7382 11.1094L57.7773 7.63477L57.2499 6.96094L62.2655 6.96094L61.7616 7.82227ZM89.1209 9.67383L89.3846 7.8457L88.7342 6.9375L94.0428 6.9375L93.6561 9.67383L97.9745 9.67383L97.6405 12.0234L93.3221 12.0234L92.9823 14.2793L97.8338 14.2793L97.4706 16.752L91.3299 16.752L88.0897 21.3867L92.2147 21.2637L91.7577 17.9297L95.742 17.9297L96.3924 24.1699L92.6483 24.1699L92.5545 23.5664L82.8338 24.0469L83.1678 21.8145L86.6483 16.752L83.7948 16.752L84.1522 14.2793L88.4706 14.2793L88.7811 12.0234L84.9198 12.0234L85.2538 9.67383L89.1209 9.67383ZM76.4002 24.2168L78.826 17.4258L82.617 17.4258L80.2147 24.2168L76.4002 24.2168ZM79.1366 16.5117L78.8729 12.4102L82.6639 12.4102L82.9276 16.5117L79.1366 16.5117ZM79.8338 11.4961L79.5702 7.39453L83.3612 7.39453L83.6248 11.4961L79.8338 11.4961ZM101.551 14.2324L102.465 11.2559L100.379 11.2559L100.666 9.2168L103.086 9.2168L103.426 8.18555L102.728 7.39453L107.527 7.39453L106.953 9.2168L109.109 9.2168L108.822 11.2559L106.326 11.2559L105.418 14.2324L108.394 14.2324L108.101 16.2715L106.953 16.2715L107.17 24.2168L103.543 24.2168L103.379 18.6973L101.697 24.2168L98.0466 24.2168L100.449 16.2715L99.658 16.2715L99.9451 14.2324L101.551 14.2324ZM109.689 17.8828L108.342 17.8828L109.806 7.39453L120.511 7.39453L119.047 17.8828L115.853 17.8828L117.031 9.43359L112.689 9.43359L112.472 11.0156L109.689 17.8828ZM116.433 10.582L110.861 24.2168L107.674 24.2168L113.24 10.582L116.433 10.582ZM112.689 24.2168L114.131 18.5273L117.318 18.5273L116.574 21.6504L118.543 21.6504L119.527 20.6133L119.07 24.2168L112.689 24.2168Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
</svg>
src/views/ZMOverView/components/newRisk/icon/title-2.svg 0 → 100644
浏览文件 @ 08966e42
<svg viewBox="0 0 126 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126.000000" height="31.000000" fill="none" customFrame="#000000">
<rect id="容器 1557" width="126.000000" height="31.000000" x="0.000000" y="0.000000" />
<path id="" d="M36.3105 9.67383L35.7129 8.97656L40.7285 8.97656L40.1543 13.0781L42.4336 13.0781L43.1777 7.8457L42.3867 6.9375L47.8535 6.9375L46.9922 13.0781L49.2715 13.0781L49.752 9.67383L49.1777 8.97656L54.1699 8.97656L53.2793 15.3574L46.6816 15.3574L45.8145 21.5273L48.5508 21.5273L49.1016 17.6426L48.5273 16.9688L53.5195 16.9688L52.5586 23.8066L33.8906 23.8066L34.752 17.666L34.1543 16.9688L39.1699 16.9688L38.5195 21.5273L41.2559 21.5273L42.1172 15.3574L35.5195 15.3574L36.3105 9.67383ZM76.3202 7.8457L74.1581 23.3496L55.9179 23.3496L57.9628 8.75977L57.1659 7.8457L76.3202 7.8457ZM69.9101 21.0703L71.4452 10.1309L62.328 10.1309L60.7929 21.0703L69.9101 21.0703ZM95.4002 15.5977L94.8963 19.248L83.4706 19.248L83.3768 19.9219L95.2538 19.9219L94.6327 24.2168L78.2147 24.2168L79.4393 15.5977L77.617 15.5977L78.1209 11.9531L85.5096 11.9531L85.4159 11.3027L90.7186 11.3027L90.8182 11.9531L98.1834 11.9531L97.6795 15.5977L95.4002 15.5977ZM93.8182 7.8457L98.7577 7.8457L98.5174 9.67383L96.2147 9.67383L96.9588 11.0391L93.3143 11.0391L92.6405 9.83789L91.9432 11.0391L87.8416 11.0391L89.8573 7.55859L89.3299 6.9375L94.3456 6.9375L93.8182 7.8457ZM84.2147 7.8457L88.7264 7.8457L88.4862 9.67383L86.617 9.67383L87.3846 11.0391L83.7342 11.0391L83.0663 9.83789L82.369 11.0391L78.2616 11.0391L80.2772 7.55859L79.7498 6.9375L84.7655 6.9375L84.2147 7.8457ZM82.2694 14.9062L93.2147 14.9062L93.3143 14.2324L82.369 14.2324L82.2694 14.9062ZM83.1131 21.7441L83.0135 22.4414L90.3377 22.4414L90.4315 21.7441L83.1131 21.7441ZM83.8338 16.7285L83.7342 17.4258L90.578 17.4258L90.6717 16.7285L83.8338 16.7285ZM107.185 22.4414L108.263 21.0938L108.65 18.334L107.713 18.334L106.898 24.2168L103.248 24.2168L104.062 18.334L103.177 18.334L102.597 22.4414L99.8611 22.4414L100.752 16.0547L104.402 16.0547L104.519 15.1465L100.441 15.1465L100.752 12.8613L104.853 12.8613L105.047 11.4961L103.775 11.4961L103.558 12.4102L100.822 12.4102L101.853 8.30273L104.59 8.30273L104.349 9.2168L105.357 9.2168L105.551 7.8457L104.783 6.9375L109.342 6.9375L109.008 9.2168L112.441 9.2168L112.131 11.4961L108.697 11.4961L108.504 12.8613L112.605 12.8613L112.295 15.1465L108.17 15.1465L108.047 16.0547L111.697 16.0547L110.953 21.457C110.906 21.7266 110.773 21.959 110.554 22.1543C110.34 22.3457 110.095 22.4414 109.822 22.4414L107.185 22.4414ZM112.898 23.8066L115.031 21.5273L116.929 8.0625L116.349 7.39453L120.674 7.39453L118.582 22.1777C118.519 22.6387 118.312 23.0254 117.961 23.3379C117.609 23.6504 117.201 23.8066 116.736 23.8066L112.898 23.8066ZM116.062 9.2168L114.334 21.5273L111.838 21.5273L113.566 9.2168L116.062 9.2168Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
<path id="矢量 1663" d="M18.6468 24.9999L8.89963 24.9999C8.75836 24.9999 8.61726 25.3528 8.61726 25.4957L8.61726 25.5671C8.61726 25.71 8.75837 26 8.89963 26L18.6468 26C18.7881 26 18.9295 25.71 18.9295 25.5671L18.9295 25.4957C18.9295 25.3528 18.7881 24.9999 18.6468 24.9999ZM18.9294 22.8571C18.7175 22.4286 18.4349 22.3571 18.2231 22.2857C17.5874 22.2143 17.0929 22.1429 16.881 22.0714C16.5279 21.9286 16.2454 21.7857 15.9628 21.5714C15.7509 21.4286 15.3978 21.0714 15.3271 20.8571C15.1859 20.6429 15.2565 20.0714 15.3271 19.7857C15.3978 19.5714 15.8216 19 15.8216 19C16.3866 18.4286 16.7398 17.6429 16.7398 16.8571C16.7398 15.7857 16.1747 14.7857 15.2565 14.2857C14.3383 13.7857 13.2082 13.7857 12.29 14.2857C11.3717 14.7857 10.8067 15.7857 10.8067 16.8571C10.8067 17.7143 11.1599 18.5 11.7249 19C11.7249 19 12.2193 19.5714 12.29 19.7857C12.3606 20.0714 12.4312 20.5714 12.29 20.8571C12.2193 21.0714 11.8662 21.4286 11.6543 21.5714C11.3717 21.7857 11.0892 21.9286 10.7361 22.0714C10.5242 22.1429 10.0297 22.1429 9.39405 22.2857C9.18216 22.2857 8.89963 22.4286 8.68773 22.8571C8.6171 23 8.6171 23.8571 8.68773 24C8.75837 24.1429 9.04089 24.4286 9.04089 24.4286L18.6468 24.4286C18.6468 24.4286 18.9294 24.1429 19 24C19 23.8571 19 23 18.9294 22.8571ZM7.98141 22.5714C8.26394 22.0714 8.68773 21.7143 9.18216 21.6429C9.39405 21.6429 9.67658 21.5714 9.81784 21.5714C10.0297 21.5714 10.2416 21.5 10.3123 21.5C10.5948 21.3571 10.8067 21.2857 11.1599 21.0714L11.513 20.7143L11.513 20.1429C11.4424 20.0714 11.2305 19.7143 11.1599 19.5714C10.4535 18.8571 10.0297 17.9286 10.0297 16.9286C10.0297 15.6429 10.7361 14.3571 11.8662 13.7143C12.4312 13.3571 13.0669 13.2143 13.7026 13.2143C14.3383 13.2143 14.974 13.3571 15.539 13.7143C16.2454 14.1429 16.8104 14.7143 17.0929 15.4286L17.0929 8.14286C17.0929 6.92857 16.1041 6 14.974 6L2.11896 6C0.918215 6 0 7 0 8.14286L0 23.8571C0 25 0.988847 26 2.11896 26L7.91078 26C7.91078 25.9286 7.84015 25.7857 7.84015 25.7143L7.84015 25.6429C7.84015 25.2857 7.98141 25 8.26394 24.7857C7.98141 24.5 7.91078 24.2857 7.84015 24.2143C7.76952 24 7.76952 22.9286 7.98141 22.5714L7.98141 22.5714ZM3.24907 9.71429L13.4201 9.71429C13.8439 9.71429 14.197 10 14.197 10.3571C14.197 10.7143 13.8439 11 13.4201 11L3.24907 11C3.03717 11 2.82528 10.9286 2.68402 10.7857C2.54275 10.6429 2.47212 10.5 2.47212 10.2857C2.47212 10 2.82528 9.71429 3.24907 9.71429ZM2.68402 13.5C2.82528 13.3571 3.03717 13.2857 3.24907 13.2857L9.25279 13.2857C9.67658 13.2857 10.0297 13.5714 10.0297 13.9286C10.0297 14.2857 9.67658 14.5714 9.25279 14.5714L3.24907 14.5714C3.03717 14.5714 2.82528 14.5 2.68402 14.3571C2.54275 14.2143 2.47212 14.0714 2.47212 13.8571C2.47212 13.7857 2.54275 13.6429 2.68402 13.5ZM5.93309 17.7143C5.79182 17.8571 5.65056 17.9286 5.43866 17.9286L3.10781 17.9286C2.96654 17.9286 2.75465 17.8571 2.61338 17.7143C2.47212 17.5714 2.40149 17.4286 2.40149 17.2143C2.40149 16.8571 2.68401 16.5714 3.10781 16.5714L5.43866 16.5714C5.79182 16.5714 6.07435 16.8571 6.07435 17.2143C6.14498 17.4286 6.07435 17.5714 5.93308 17.7143L5.93309 17.7143Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
</svg>
src/views/ZMOverView/components/newRisk/icon/title-3.svg 0 → 100644
浏览文件 @ 08966e42
<svg viewBox="0 0 147 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="147.000000" height="31.000000" fill="none" customFrame="#000000">
<rect id="容器 1558" width="147.000000" height="31.000000" x="0.000000" y="0.000000" />
<path id="" d="M44.8379 17.2559L44.7676 17.8828L46.1621 19.0547L48.1016 17.7363L48.2715 16.6348L40.5195 16.6348L40.8301 14.4492L53 14.4492L52.4492 18.334L48.4883 21.0234L52.2559 24.2168L47.1934 24.2168L45.6816 22.9453L43.8066 24.2168L38.5977 24.2168L43.3496 20.9766L40.2793 18.334L40.4258 17.2559L44.8379 17.2559ZM33.9453 22.1543L34.4492 18.5508L32.8145 19.0312L33.1777 16.4883L34.8066 16.0078L35.3867 11.9531L33.7988 11.9531L34.1387 9.67383L35.6973 9.67383L35.9844 7.6582L35.3867 6.96094L40.1621 6.96094L39.7754 9.67383L40.7363 9.67383L40.4023 11.9531L39.4648 11.9531L39.0547 14.7598L40.0625 14.4492L39.7051 16.9922L38.6973 17.3027L37.9531 22.6055C37.8867 23.0703 37.6738 23.4512 37.3145 23.748C36.9551 24.0449 36.5508 24.1934 36.1016 24.1934L32.0703 24.1934L33.9453 22.1543ZM48.6582 13.8223L49.2559 9.65039L45.7285 9.65039L44.8145 13.8223L40.8301 13.8223L42.0312 8.25586L41.2871 7.39453L53.3105 7.39453L52.7363 11.4258L53.1699 11.4258L53.9844 10.5117L53.5039 13.8223L48.6582 13.8223ZM68.746 21.7441L69.2265 18.3574L66.3202 18.3574L67.5917 9.28711L70.498 9.28711L70.7148 7.79883L70.1113 6.98438L73.5683 6.98438L73.2343 9.28711L76.1581 9.28711L74.8866 18.3574L71.9335 18.3574L71.5058 21.457L71.9335 21.4102L71.9628 19.2949L74.1894 19.2949L74.1191 24.1934L71.8866 24.1934L71.8866 23.5195L65.4823 24.1465L65.7695 22.0547L68.746 21.7441ZM58.1347 19.1777L57.7773 17.3496L56.8163 24.2168L54.08 24.2168L55.4218 14.7129L66.2734 14.7129L65.1659 22.6348C65.1034 23.0957 64.8886 23.4746 64.5214 23.7715C64.1542 24.0684 63.746 24.2168 63.2968 24.2168L61.1816 24.2168L62.3827 22.7754L63.1503 17.2559L62.2187 19.1777L62.5058 19.1777L62.2421 21.0469L61.328 21.0469L60.8945 24.1934L58.3984 24.1934L58.832 21.0469L57.6542 21.0469L57.9179 19.1777L58.1347 19.1777ZM66.1503 9.83789L65.5292 14.1855L56.4296 14.1855L57.0566 9.83789L66.1503 9.83789ZM67.1347 7.41797L66.871 9.24023L56.4062 9.24023L56.6698 7.41797L67.1347 7.41797ZM63.1503 17.1621L63.2499 16.5586L57.8945 16.5586L57.8007 17.1621L59.8632 17.1621L60.2265 19.1777L60.3202 19.1777L61.3046 17.1621L63.1503 17.1621ZM62.7695 12.6211L62.9628 11.4023L59.8163 11.4023L59.623 12.6211L62.7695 12.6211ZM72.9413 11.3027L72.2265 16.3418L72.8945 16.3418L73.5917 11.3027L72.9413 11.3027ZM69.5136 16.3418L70.2109 11.3027L69.5839 11.3027L68.8866 16.3418L69.5136 16.3418ZM92.0975 21.0703L92.5018 18.1172L82.4706 18.1172L82.0663 21.0703L81.0819 21.5273L78.3456 21.5273L79.1131 16.0547L96.4393 16.0547L95.6717 21.5273L92.9354 21.5273L92.0975 21.0703ZM86.8651 22.5352L83.2147 24.2168L76.8104 24.2168L84.8729 20.4961L85.1131 18.791L89.6717 18.791L89.4315 20.4961L96.4159 24.2168L90.0291 24.2168L86.8651 22.5352ZM89.5018 7.8457L97.5936 7.8457L97.2772 10.1309L96.3924 11.4961L92.742 11.4961L93.7264 9.89062L88.4706 9.89062L88.1131 10.582L84.4393 10.582L85.9745 7.60547L85.4237 6.9375L89.9823 6.9375L89.5018 7.8457ZM90.4862 13.0547L88.6639 15.1465L84.2694 15.1465L87.9901 10.8223L92.4081 10.8223L91.4237 11.9531L94.1131 11.9531L96.5858 15.1465L92.1209 15.1465L90.4862 13.0547ZM82.1131 15.1465L78.3456 15.1465L80.1678 10.7988L83.9588 10.7988L82.1131 15.1465ZM84.0584 10.1309L80.1678 10.1309L79.4237 7.39453L83.2909 7.39453L84.0584 10.1309ZM118.783 19.248L116.744 19.8457L118.086 24.2168L114.465 24.2168L111.922 16.0547L111.465 16.0547L110.674 21.5742L113.123 21.2871L112.806 23.5664L106.666 24.2168L109.015 7.39453L119.961 7.39453L118.76 16.0547L115.566 16.0547L116.123 17.8535L119.094 16.9688L118.783 19.248ZM103.76 9.74414L101.72 24.1465L98.574 24.1465L100.929 7.39453L107.984 7.39453L107.674 9.7207L106.642 13.3184L107.457 13.3184L107.334 15.3867L106.015 21.5273L102.681 21.5273L102.945 19.4883L103.666 19.4883L104.551 15.3867L103.496 15.3867L103.783 13.3184L104.814 9.74414L103.76 9.74414ZM115.783 14.0156L115.976 12.6504L111.922 12.6504L111.728 14.0156L115.783 14.0156ZM112.162 10.8457L116.217 10.8457L116.41 9.48047L112.349 9.48047L112.162 10.8457ZM128.265 22.4414L129.343 21.0938L129.73 18.334L128.793 18.334L127.978 24.2168L124.328 24.2168L125.142 18.334L124.257 18.334L123.677 22.4414L120.941 22.4414L121.832 16.0547L125.482 16.0547L125.599 15.1465L121.521 15.1465L121.832 12.8613L125.933 12.8613L126.127 11.4961L124.855 11.4961L124.638 12.4102L121.902 12.4102L122.933 8.30273L125.67 8.30273L125.429 9.2168L126.437 9.2168L126.631 7.8457L125.863 6.9375L130.422 6.9375L130.088 9.2168L133.521 9.2168L133.211 11.4961L129.777 11.4961L129.584 12.8613L133.685 12.8613L133.375 15.1465L129.25 15.1465L129.127 16.0547L132.777 16.0547L132.033 21.457C131.986 21.7266 131.853 21.959 131.634 22.1543C131.42 22.3457 131.175 22.4414 130.902 22.4414L128.265 22.4414ZM133.978 23.8066L136.111 21.5273L138.009 8.0625L137.429 7.39453L141.754 7.39453L139.662 22.1777C139.599 22.6387 139.392 23.0254 139.041 23.3379C138.689 23.6504 138.281 23.8066 137.816 23.8066L133.978 23.8066ZM137.142 9.2168L135.414 21.5273L132.918 21.5273L134.646 9.2168L137.142 9.2168Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
<path id="矢量 1664" d="M9.00136 19.7497C4.03124 19.7497 0 18.4603 0 16.3911L0 18.5006C0 20.5721 4.02851 22.2503 9.00136 22.2503C13.9742 22.2503 18 20.5721 18 18.5006L18 16.3911C18 18.4626 13.9715 19.7497 9.00136 19.7497ZM9.00136 23.4994C4.03124 23.4994 0 22.2101 0 20.1408L0 22.2503C0 24.3218 4.03124 26 9.00136 26C13.9715 26 18 24.3218 18 22.2503L18 20.1408C18 22.2123 13.9715 23.4994 9.00136 23.4994ZM9.00136 16C4.03124 16 0 14.7128 0 12.6413L0 14.7508C0 16.8223 4.02851 18.5006 9.00136 18.5006C13.9742 18.5006 18 16.8223 18 14.7508L18 12.6413C18 14.7128 13.9715 16 9.00136 16L9.00136 16ZM9.00136 6C4.03124 6 0 7.67821 0 9.74972L0 10.9989C-4.16464e-07 13.0704 4.02851 14.7486 9.00136 14.7486C13.9742 14.7486 18 13.0704 18 10.9989L18 9.74972C18 7.67821 13.9715 6 9.00136 6L9.00136 6ZM10.669 10.3464C10.3988 10.3955 10.1122 10.4291 9.80379 10.4737C9.80379 10.6034 9.80925 10.7419 9.80379 10.876C9.79833 10.9609 9.79014 10.9654 9.55815 10.9698C9.23336 10.9743 8.91129 10.9698 8.5865 10.9676C8.50735 10.9676 8.46641 10.952 8.46095 10.9251C8.44731 10.8581 8.43366 10.7933 8.43093 10.7263C8.42547 10.6525 8.4282 10.5788 8.4282 10.5028C8.13616 10.4827 7.84958 10.467 7.563 10.4447C7.15087 10.4134 6.74966 10.3687 6.40849 10.2682C6.37301 10.257 6.33753 10.2324 6.34844 10.219C6.46581 10.0581 6.59681 9.89497 6.72509 9.73408C6.72782 9.72738 6.73874 9.72067 6.75512 9.71173C6.88612 9.73184 7.01713 9.75196 7.14541 9.77207C7.65853 9.85028 8.17983 9.91508 8.73935 9.92402C9.08051 9.92849 9.41349 9.91955 9.70553 9.83911C10.2132 9.69833 10.2296 9.47039 9.71918 9.33185C9.50629 9.27374 9.24973 9.23576 9.00682 9.19553C8.56194 9.12179 8.09795 9.06145 7.66945 8.97654C7.12904 8.86928 6.70326 8.71285 6.50948 8.48715C6.17922 8.09833 6.60227 7.69609 7.56573 7.4905C7.82502 7.43687 8.11706 7.40335 8.39818 7.36537C8.48552 7.35419 8.51281 7.34302 8.51281 7.3095C8.51554 7.18436 8.52646 7.06145 8.53192 6.93631C8.53465 6.88715 8.59196 6.86704 8.72024 6.86928C9.04776 6.87374 9.37528 6.87598 9.7028 6.87598C9.83381 6.87598 9.87202 6.90279 9.87748 6.94078C9.8884 7.00112 9.89113 7.05922 9.89659 7.11955C9.89932 7.16425 9.89659 7.20894 9.8884 7.25363C9.88021 7.29609 9.91842 7.31397 10.0385 7.32067C10.5161 7.35196 10.9938 7.37877 11.4332 7.46369C11.6952 7.51285 11.6952 7.51285 11.6188 7.62011C11.5205 7.76313 11.4332 7.90838 11.2367 8.04693C11.1712 8.03576 11.1057 8.02682 11.0402 8.01564C10.4752 7.93073 9.89386 7.87263 9.28521 7.8771C9.09689 7.87933 8.90038 7.8905 8.7257 7.91732C8.29992 7.97989 8.17437 8.18101 8.46095 8.31285C8.63017 8.39106 8.85944 8.43799 9.09689 8.47598C9.5909 8.55643 10.0958 8.62794 10.5789 8.71509C11.0729 8.80224 11.4932 8.92961 11.7553 9.11509C12.282 9.49274 12.1292 10.0782 10.669 10.3464L10.669 10.3464Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
</svg>
src/views/ZMOverView/components/newRisk/icon/title-4.svg 0 → 100644
浏览文件 @ 08966e42
<svg viewBox="0 0 125 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="125.000000" height="31.000000" fill="none" customFrame="#000000">
<rect id="容器 1559" width="125.000000" height="31.000000" x="0.000000" y="0.000000" />
<path id="" d="M40.4492 14.6895L38.1699 14.6895L37.0156 22.8984L32.457 22.8984L33.8457 13.0781L33.2715 12.4102L40.7598 12.4102L40.9531 11.0391L33.2246 11.0391L33.5352 8.75977L41.2637 8.75977L41.4102 7.8457L40.6426 6.9375L46.1094 6.9375L45.8457 8.75977L53.5977 8.75977L53.2871 11.0391L45.5117 11.0391L45.3184 12.4102L52.1855 12.4102L50.9375 21.2637C50.8711 21.7129 50.6582 22.0977 50.2988 22.418C49.9395 22.7383 49.5273 22.8984 49.0625 22.8984L45.248 22.8984L46.3262 21.5508L47.2871 14.6895L45.0078 14.6895L43.666 24.2168L39.1016 24.2168L40.4492 14.6895ZM70.5448 12.8613L75.5136 12.8613L74.1425 22.6348C74.08 23.0957 73.8691 23.4746 73.5097 23.7715C73.1503 24.0684 72.746 24.2168 72.2968 24.2168L68.2187 24.2168L70.3515 21.9844L71.3124 15.1465L70.8554 15.1465L67.8085 24.2168L65.0722 24.2168L68.1191 15.1465L67.4452 15.1465L64.3749 24.2168L61.6386 24.2168L64.7148 15.1465L63.8007 15.1465L64.1113 12.8613L70.6386 9.67383L64.6386 9.67383L64.9491 7.39453L75.8241 7.39453L75.3905 10.582L70.5448 12.8613ZM61.8788 22.4414L54.3905 23.8066L54.7304 21.5273L56.3359 21.2402L57.2499 14.6895L55.6855 14.6895L56.0019 12.4102L57.5839 12.4102L58.1581 8.30273L57.3671 7.39453L62.4062 7.39453L61.7148 12.4102L63.2968 12.4102L62.9863 14.6895L61.3749 14.6895L60.5839 20.4727L62.2187 20.1621L61.8788 22.4414ZM89.0213 9.11719L88.9979 9.16992L91.9041 9.16992L92.0975 7.82227L91.3065 6.96094L95.8416 6.96094L95.5252 9.16992L97.9745 9.16992L97.6873 11.3262L95.2147 11.3262L94.951 13.248L97.0663 13.248L96.7498 15.4102L94.6405 15.4102L94.3768 17.3789L96.5096 17.3789L96.2225 19.5352L94.0663 19.5352L93.8026 21.5039L96.7264 21.5039L96.4393 23.666L86.9588 23.666L86.8885 24.1699L83.0741 24.1699L84.9198 11.0391L84.4393 11.209L84.826 8.47266L89.3377 6.9375L89.0213 9.11719ZM76.4237 23.8066L78.826 15.1699L82.9276 15.1699L80.5252 23.8066L76.4237 23.8066ZM79.0135 13.7285L78.6327 7.79883L82.7342 7.79883L83.1209 13.7285L79.0135 13.7285ZM87.2694 21.5039L90.1756 21.5039L90.4393 19.5352L87.5389 19.5352L87.2694 21.5039ZM87.8495 17.3789L90.7498 17.3789L91.0135 15.4102L88.1366 15.4102L87.8495 17.3789ZM88.4237 13.248L91.3299 13.248L91.5936 11.3262L88.7108 11.3262L88.4237 13.248ZM111.342 9.67383L104.937 9.67383L106.209 7.17773L115.086 7.17773L119.31 24.2168L114.752 24.2168L111.342 9.67383ZM110.674 11.0391L103.806 24.2168L99.2478 24.2168L106.109 11.0391L110.674 11.0391Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
<path id="合并" d="M14.2808 5.47809L14.1 5.41641C13.2279 5.13052 12.3156 4.99006 11.3988 5.00055C10.4821 5.01103 9.57311 5.17233 8.70769 5.47809L8.04969 5.71065C9.23067 5.6485 10.4123 5.81929 11.5287 6.2135L16.758 8.04458L16.8992 8.10586C17.9375 8.58632 18.6064 9.6364 18.5978 10.7843L18.5978 20.6032L18.5146 20.8495L18.4629 20.9949C18.1561 21.8112 17.5179 22.8515 16.4317 23.9707C15.8141 24.603 15.1412 25.1776 14.4212 25.6875C19.9617 22.9383 21 19.5842 21 19.5842L21 8.92063L20.9984 8.84049C20.9848 8.55118 20.8898 8.27178 20.7247 8.03501C20.5595 7.79825 20.331 7.61392 20.0659 7.50362L14.2808 5.47809ZM11.0187 7.78569L10.8515 7.72873C10.0705 7.47333 9.25352 7.34801 8.43266 7.35769C7.6118 7.36738 6.79797 7.51193 6.02307 7.78569L0.891327 9.60144L0.820161 9.62973C0.578891 9.73407 0.372884 9.90707 0.227254 10.1276C0.0816252 10.3482 0.00266485 10.6068 0 10.8719L0 20.4319L0.036939 20.5329L0.0688279 20.6115L0.111995 20.7105L0.167605 20.8283L0.208438 20.9116L0.297883 21.0801L0.377215 21.2204L0.467826 21.372L0.570492 21.5339L0.685603 21.7059L0.769602 21.8258L0.859435 21.9495L0.955879 22.0768L1.05855 22.2076L1.16743 22.342L1.3436 22.549L1.40582 22.6197L1.53532 22.7623L1.60299 22.835L1.74337 22.9815L1.89154 23.1304L2.04709 23.2813L2.21043 23.4341L2.38193 23.5885L2.47059 23.6659L2.65415 23.823C2.71771 23.876 2.78174 23.9284 2.84626 23.9802L3.04692 24.1389L3.25653 24.298L3.47509 24.4579C3.58631 24.538 3.70142 24.6181 3.81964 24.6983L4.06114 24.859C5.20991 25.607 6.67057 26.3506 8.52089 27C8.8558 26.8827 9.18824 26.7582 9.51799 26.6268L9.89443 26.4728C10.7349 26.1235 11.551 25.7174 12.3374 25.2573L12.6151 25.0904C12.7508 25.0067 12.883 24.923 13.0114 24.8389L13.2626 24.6712C13.4267 24.5592 13.5838 24.4477 13.7347 24.3361L13.9556 24.1695C14.0279 24.1137 14.0983 24.0583 14.1671 24.0033L14.3694 23.8383C14.4351 23.7833 14.4992 23.7287 14.5622 23.6745L14.7458 23.5123L14.9208 23.3516L15.0872 23.1929L15.2451 23.0361C15.2965 22.9843 15.3462 22.9328 15.3948 22.8818L15.5364 22.7305L15.6702 22.5812L15.7966 22.4355L15.9152 22.2929L16.0264 22.1538L16.131 22.0187L16.2282 21.8871L16.3192 21.7598L16.4036 21.6368L16.5187 21.4612L16.5876 21.3504L16.6509 21.2443L16.7353 21.0959L16.8081 20.9603L16.8878 20.8008L16.9352 20.6983L16.9936 20.5624L17.0422 20.4311L17.0422 10.8715L17.0402 10.793C17.0268 10.5349 16.9412 10.2859 16.7934 10.075C16.6455 9.86408 16.4415 9.69988 16.2049 9.60144L11.0187 7.78569ZM6.37424 12.0124C6.93618 11.7782 7.49734 11.6784 8.09234 11.6784C8.68695 11.6784 9.28194 11.7782 9.8435 12.0124C10.4054 12.2461 10.9339 12.613 11.3633 13.0475C11.7603 13.4478 12.0901 13.9153 12.2884 14.4158C12.5198 14.9171 12.6524 15.4176 12.6851 15.9519C12.7185 16.4861 12.6851 17.0204 12.5533 17.5213C12.4537 18.0218 12.2227 18.5227 11.9583 18.9568L13.9735 20.9933C14.2049 21.2605 14.3375 21.4942 14.3375 21.6946C14.3701 21.8945 14.304 22.0949 14.1057 22.2952C13.9077 22.5294 13.7094 22.6629 13.478 22.6291C13.247 22.5961 13.0156 22.4956 12.7843 22.329L10.6699 20.2921C10.2067 20.5592 9.74472 20.76 9.21583 20.8931C8.68694 21.0267 8.15806 21.0601 7.66262 21.0267C7.15279 20.956 6.65346 20.8216 6.17591 20.626C5.68046 20.4264 5.25074 20.0917 4.85447 19.6918C4.3917 19.2577 4.06153 18.723 3.83053 18.1558C3.59876 17.5881 3.49998 16.987 3.49998 16.386C3.49998 15.7849 3.59876 15.1838 3.83014 14.6162C4.06114 14.0489 4.42475 13.5146 4.85447 13.0475C5.31724 12.5796 5.8123 12.2461 6.37424 12.0124ZM11.2097 16.373C11.2097 14.6107 9.80538 13.1823 8.07367 13.1823C6.34157 13.1823 4.93769 14.6107 4.93769 16.373C4.93769 18.1349 6.34196 19.5633 8.07367 19.5633C9.80577 19.5633 11.2097 18.1349 11.2097 16.373Z" fill="rgb(255,255,255)" fill-rule="evenodd" />
</svg>
src/views/ZMOverView/components/newRisk/index.vue
浏览文件 @ 08966e42
...@@ -14,11 +14,13 @@ ...@@ -14,11 +14,13 @@
> >
<img class="section-title" :src="section.title" /> <img class="section-title" :src="section.title" />
<div class="stats"> <div class="stats">
<div v-for="value in sections[index].waveBall" @click="highLight(value.type)"> <div class="ball-item" v-for="value,idx in sections[index].waveBall" :key="idx" @click="highLight(value.type)">
<WaveBall :percent="value.percent" :data="value" :color="section.waterColor" :size="128" /> <WaveBall :percent="value.percent" :data="value" :color="section.waterColor" :size="128" />
<div class="waveBall-text"> <div class="text-box">
{{ value.title }} <div class="waveBall-text">
<span v-if="value.change !== '无新增'" class="red-dot"></span> {{ value.title }}
<span v-if="value.change !== '无新增'" class="red-dot"></span>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -31,7 +33,7 @@ ...@@ -31,7 +33,7 @@
{{ sections[index].title }} {{ sections[index].title }}
</div> </div>
<div style="width: 50px; color: #ffffff"> <div style="width: 50px; color: #ffffff">
{{ sections[index].date.slice(-5) }} {{ sections[index].date }}
</div> </div>
</div> </div>
</div> </div>
...@@ -78,14 +80,10 @@ ...@@ -78,14 +80,10 @@
</div> </div>
<div class="news"> <div class="news">
<div class="box1-left" @click="handleSwithCurNews('left')"> <div class="box1-left" @click="handleSwithCurNews('left')">
<div class="icon"> <img :src="leftBtn" alt="" />
<img src="./icon/box1-left.png" alt="" />
</div>
</div> </div>
<div class="box1-right" @click="handleSwithCurNews('right')"> <div class="box1-right" @click="handleSwithCurNews('right')">
<div class="icon"> <img :src="rightBtn" alt="" />
<img src="./icon/box1-right.png" alt="" />
</div>
</div> </div>
<el-carousel <el-carousel
ref="carouselRef" ref="carouselRef"
...@@ -103,7 +101,7 @@ ...@@ -103,7 +101,7 @@
<div class="title-text"> <div class="title-text">
{{ News.hotspotTitle }} {{ News.hotspotTitle }}
</div> </div>
<div class="title-tag"> <div class="title-tag" v-if="News.hotspotTag">
{{ News.hotspotTag }} {{ News.hotspotTag }}
</div> </div>
</div> </div>
...@@ -118,7 +116,11 @@ ...@@ -118,7 +116,11 @@
<div class="news-carousel-content">{{ News.hotspotDesc }}</div> <div class="news-carousel-content">{{ News.hotspotDesc }}</div>
<div class="carousel-bottom"> <div class="carousel-bottom">
<div class="left">{{ News.hotspotDate + News.hotspotOrgName }}</div> <div class="left">
{{
News.hotspotDate + ' ' + (News.hotspotOrgName ? News.hotspotOrgName : "暂无发布机构数据")
}}
</div>
<div class="right"> <div class="right">
<div v-for="tag in News.domainList" class="tag"> <div v-for="tag in News.domainList" class="tag">
{{ tag.name }} {{ tag.name }}
...@@ -141,11 +143,13 @@ import { onMounted, ref, onUnmounted, computed } from "vue"; ...@@ -141,11 +143,13 @@ import { onMounted, ref, onUnmounted, computed } from "vue";
import WaveBall from "./WaveBall.vue"; import WaveBall from "./WaveBall.vue";
import { getLatestRiskUpdates, getLatestRisks } from "@/api/zmOverview/risk/index.js"; import { getLatestRiskUpdates, getLatestRisks } from "@/api/zmOverview/risk/index.js";
import router from "@/router/index"; import router from "@/router/index";
import icon1 from "./icon/title-1.png"; import icon1 from "./icon/title-1.svg";
import icon2 from "./icon/title-2.png"; import icon2 from "./icon/title-2.svg";
import icon3 from "./icon/title-3.png"; import icon3 from "./icon/title-3.svg";
import icon4 from "./icon/title-4.png"; import icon4 from "./icon/title-4.svg";
import DefaultOrgIcon from "@/assets/icons/default-icon2.png"; import DefaultOrgIcon from "@/assets/icons/default-icon2.png";
import leftBtn from "@/assets/icons/card-btn-left.png";
import rightBtn from "@/assets/icons/card-btn-right.png";
const sectionTab = [ const sectionTab = [
{ {
textColor: "rgba(9, 88, 217, 1)", textColor: "rgba(9, 88, 217, 1)",
...@@ -187,16 +191,16 @@ const sections = ref([ ...@@ -187,16 +191,16 @@ const sections = ref([
waveBall: [ waveBall: [
{ {
percent: 0, // 估算的百分比 percent: 0, // 估算的百分比
count: 1626, count: 0,
change: "+3", change: "0",
unit: "项", unit: "项",
title: "法案(提出)", title: "法案(提出)",
type: "法案" type: "法案"
}, },
{ {
percent: 0, // 估算的百分比 percent: 0, // 估算的百分比
count: 69, count: 0,
change: "+2", change: "0",
unit: "个", unit: "个",
title: "政令", title: "政令",
type: "行政令" type: "行政令"
...@@ -209,16 +213,16 @@ const sections = ref([ ...@@ -209,16 +213,16 @@ const sections = ref([
waveBall: [ waveBall: [
{ {
percent: 0, // 估算的百分比 percent: 0, // 估算的百分比
count: 128, count: 0,
change: "+1", change: "0",
unit: "次", unit: "次",
title: "实体清单", title: "实体清单",
type: "实体清单" type: "实体清单"
}, },
{ {
percent: 0, // 估算的百分比 percent: 0, // 估算的百分比
count: 69, count: 0,
change: "+1", change: "0",
unit: "次", unit: "次",
title: "CCL", title: "CCL",
type: "CCL" type: "CCL"
...@@ -232,7 +236,7 @@ const sections = ref([ ...@@ -232,7 +236,7 @@ const sections = ref([
{ {
percent: 0, // 估算的百分比 percent: 0, // 估算的百分比
count: 0, count: 0,
change: "+1", change: "0",
unit: "次", unit: "次",
title: "SDN", title: "SDN",
type: "SDN" type: "SDN"
...@@ -240,7 +244,7 @@ const sections = ref([ ...@@ -240,7 +244,7 @@ const sections = ref([
{ {
percent: 0, // 估算的百分比 percent: 0, // 估算的百分比
count: 0, count: 0,
change: "+1", change: "0",
unit: "家", unit: "家",
title: "涉军企业", title: "涉军企业",
type: "涉军企业" type: "涉军企业"
...@@ -254,7 +258,7 @@ const sections = ref([ ...@@ -254,7 +258,7 @@ const sections = ref([
{ {
percent: 0, // 估算的百分比 percent: 0, // 估算的百分比
count: 0, count: 0,
change: "+1", change: "0",
unit: "次", unit: "次",
title: "337调查", title: "337调查",
type: "337调查" type: "337调查"
...@@ -286,12 +290,12 @@ const handleGetLatestRiskUpdates = async () => { ...@@ -286,12 +290,12 @@ const handleGetLatestRiskUpdates = async () => {
currentDate: "本周" currentDate: "本周"
}; };
const res = await getLatestRiskUpdates(params); const res = await getLatestRiskUpdates(params);
console.log("最新风险动态统计", res); console.log("最新风险动态统计1", res);
if (res.code === 200 && res.data) { if (res.code === 200 && res.data) {
sections.value = [ sections.value = [
{ {
title: res.data.policiesRegulations.hotspotTitle, // title: res.data.policiesRegulations.hotspotTitle,
date: res.data.policiesRegulations.hotspotDate, // date: res.data.policiesRegulations.hotspotDate,
waveBall: [ waveBall: [
{ {
percent: 30, // 估算的百分比 percent: 30, // 估算的百分比
...@@ -312,8 +316,8 @@ const handleGetLatestRiskUpdates = async () => { ...@@ -312,8 +316,8 @@ const handleGetLatestRiskUpdates = async () => {
] ]
}, },
{ {
title: res.data.exportControl.hotspotTitle, // title: res.data.exportControl.hotspotTitle,
date: res.data.exportControl.hotspotDate, // date: res.data.exportControl.hotspotDate,
waveBall: [ waveBall: [
{ {
percent: 10, // 估算的百分比 percent: 10, // 估算的百分比
...@@ -335,8 +339,8 @@ const handleGetLatestRiskUpdates = async () => { ...@@ -335,8 +339,8 @@ const handleGetLatestRiskUpdates = async () => {
] ]
}, },
{ {
title: res.data.investmentFinancingRestrictions.hotspotTitle, // title: res.data.investmentFinancingRestrictions.hotspotTitle,
date: res.data.investmentFinancingRestrictions.hotspotDate, // date: res.data.investmentFinancingRestrictions.hotspotDate,
waveBall: [ waveBall: [
{ {
percent: 15, // 估算的百分比 percent: 15, // 估算的百分比
...@@ -357,8 +361,8 @@ const handleGetLatestRiskUpdates = async () => { ...@@ -357,8 +361,8 @@ const handleGetLatestRiskUpdates = async () => {
] ]
}, },
{ {
title: res.data.marketAccess.hotspotTitle, // title: res.data.marketAccess.hotspotTitle,
date: res.data.marketAccess.hotspotDate, // date: res.data.marketAccess.hotspotDate,
waveBall: [ waveBall: [
{ {
percent: 3, // 估算的百分比 percent: 3, // 估算的百分比
...@@ -723,11 +727,18 @@ onUnmounted(() => { ...@@ -723,11 +727,18 @@ onUnmounted(() => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 35px; padding: 0 35px;
box-sizing: border-box;
padding-top: 20px;
.text-box {
display: flex;
justify-content: center;
}
.waveBall-text { .waveBall-text {
margin-top: 17px; width: max-content;
margin-top: 16px;
color: #ffffff; color: #ffffff;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-style: Bold; font-style: Bold;
font-size: 20px; font-size: 20px;
...@@ -739,8 +750,10 @@ onUnmounted(() => { ...@@ -739,8 +750,10 @@ onUnmounted(() => {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
position: relative; position: relative;
position: relative;
.red-dot { .red-dot {
position: absolute;
right: -15px;
width: 6px; width: 6px;
height: 6px; height: 6px;
border-radius: 50%; border-radius: 50%;
...@@ -978,21 +991,9 @@ onUnmounted(() => { ...@@ -978,21 +991,9 @@ onUnmounted(() => {
top: 200px; top: 200px;
width: 24px; width: 24px;
height: 48px; height: 48px;
background: #e7f1ff; img {
display: flex; width: 100%;
justify-content: center; height: 100%;
align-items: center;
cursor: pointer;
z-index: 10;
.icon {
width: 11px;
height: 18px;
img {
width: 100%;
height: 100%;
}
} }
} }
...@@ -1002,21 +1003,9 @@ onUnmounted(() => { ...@@ -1002,21 +1003,9 @@ onUnmounted(() => {
top: 200px; top: 200px;
width: 24px; width: 24px;
height: 48px; height: 48px;
background: #e7f1ff; img {
display: flex; width: 100%;
justify-content: center; height: 100%;
align-items: center;
cursor: pointer;
z-index: 10;
.icon {
width: 11px;
height: 18px;
img {
width: 100%;
height: 100%;
}
} }
} }
...@@ -1072,7 +1061,7 @@ onUnmounted(() => { ...@@ -1072,7 +1061,7 @@ onUnmounted(() => {
.news-carousel-content { .news-carousel-content {
width: 664px; width: 664px;
margin-top: 16px; margin-top: 16px;
height: 280px; height: 270px;
/* 调整为可用空间 */ /* 调整为可用空间 */
overflow-y: auto; overflow-y: auto;
color: rgba(95, 101, 108, 1); color: rgba(95, 101, 108, 1);
...@@ -1101,17 +1090,19 @@ onUnmounted(() => { ...@@ -1101,17 +1090,19 @@ onUnmounted(() => {
} }
.right { .right {
display: flex;
gap: 8px;
justify-content: flex-end;
.tag { .tag {
/* 数据展示/Tag标签/亮色/绿 */ /* 数据展示/Tag标签/亮色/绿 */
width: 81px; height: 24px;
height: 20px;
/* 自动布局 */ /* 自动布局 */
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 8; gap: 8;
padding: 1px 8px 1px 8px; padding: 0px 8px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid rgba(255, 163, 158, 1); border: 1px solid rgba(255, 163, 158, 1);
border-radius: 4px; border-radius: 4px;
...@@ -1121,7 +1112,7 @@ onUnmounted(() => { ...@@ -1121,7 +1112,7 @@ onUnmounted(() => {
font-style: Regular; font-style: Regular;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 22px;
letter-spacing: 0px; letter-spacing: 0px;
text-align: justify; text-align: justify;
} }
......
src/views/ZMOverView/index.vue
浏览文件 @ 08966e42
...@@ -272,11 +272,11 @@ const handleDateClick = type => { ...@@ -272,11 +272,11 @@ const handleDateClick = type => {
position: relative; position: relative;
margin-top: 64px; margin-top: 64px;
.data-select { .data-select {
width: 140px; width: 108px;
height: 144px; height: 192px;
position: absolute; position: fixed;
top: 80px; top: 149px;
left: 0; /* 临时改为0，检查是否能显示 */ left: 0;
background-color: rgba(255, 255, 255, 0.65); background-color: rgba(255, 255, 255, 0.65);
border-top-right-radius: 10px; border-top-right-radius: 10px;
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
...@@ -291,10 +291,17 @@ const handleDateClick = type => { ...@@ -291,10 +291,17 @@ const handleDateClick = type => {
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 18px; padding-left: 18px;
height: 46px; height: 48px;
cursor: pointer; cursor: pointer;
border-top-right-radius: 10px; border-top-right-radius: 10px;
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
&:hover{
background: var(--color-bg-hover);
// span{
// color: var(--color-main-active);
// }
}
img { img {
width: 18px; width: 18px;
...@@ -341,7 +348,7 @@ const handleDateClick = type => { ...@@ -341,7 +348,7 @@ const handleDateClick = type => {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 10px 24px 10px 32px; padding: 10px 24px 10px 32px;
background: #ffffff; background: rgba(255, 255, 255, 0.65);
border: 1px solid rgba(255, 255, 255, 1); border: 1px solid rgba(255, 255, 255, 1);
border-radius: 50px; border-radius: 50px;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1); box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
...@@ -354,11 +361,11 @@ const handleDateClick = type => { ...@@ -354,11 +361,11 @@ const handleDateClick = type => {
// } // }
span { span {
font-family: Microsoft YaHei; font-family: Source Han Sans CN;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 26px; line-height: 26px;
color: rgb(5, 95, 194); color: var(--color-main-active);
margin-right: 16px; margin-right: 16px;
} }
......
src/views/newsAnalysis/index.vue
浏览文件 @ 08966e42
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<template #default> <template #default>
<!-- 内容区域 - 分三块--> <!-- 内容区域 - 分三块-->
<div class="page-content-news-abstract"> <!-- <div class="page-content-news-abstract">
<div class="news-abstract-header"> <div class="news-abstract-header">
<img src="./assets/images/abstract-header.png" alt="" /> <img src="./assets/images/abstract-header.png" alt="" />
</div> </div>
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
" 美国众议院共和党人正在起草一项新提案，以限制美国对中国的投资。此前，参议院已将其纳入国防政策立法中。知情人士向Semafor透露，众议院工作人员希望在11月7日前就该提案达成共识，并将财政部的反馈纳入由肯塔基州共和党众议员安迪·巴尔提出的配套提案中（尽管政府停摆可能推迟这一时间表）。随后，众议员将利用该文本与参议员就最终《国防授权法案》的内容进行协商。此前一届国会中，类似的尝试因北卡罗来纳州前众议员帕特里克·麦克亨利的反对而失败，但本届国会中，“所有人都在共同努力”。知情人士补充说，领导人并不担心此举会剥夺特朗普在周四与中国领导人习近平会谈时的谈判筹码，因为财政部已开始实施类似的指导方针。" " 美国众议院共和党人正在起草一项新提案，以限制美国对中国的投资。此前，参议院已将其纳入国防政策立法中。知情人士向Semafor透露，众议院工作人员希望在11月7日前就该提案达成共识，并将财政部的反馈纳入由肯塔基州共和党众议员安迪·巴尔提出的配套提案中（尽管政府停摆可能推迟这一时间表）。随后，众议员将利用该文本与参议员就最终《国防授权法案》的内容进行协商。此前一届国会中，类似的尝试因北卡罗来纳州前众议员帕特里克·麦克亨利的反对而失败，但本届国会中，“所有人都在共同努力”。知情人士补充说，领导人并不担心此举会剥夺特朗普在周四与中国领导人习近平会谈时的谈判筹码，因为财政部已开始实施类似的指导方针。"
}} }}
</div> </div>
</div> </div> -->
<div class="page-content-news-artical"> <div class="page-content-news-artical">
<div class="page-content-news-artical-zn"> <div class="page-content-news-artical-zn">
{{ newsContentInfo.newsContent }} {{ newsContentInfo.newsContent }}
...@@ -123,42 +123,16 @@ ...@@ -123,42 +123,16 @@
</div> </div>
<div class="page-content-news-img"> <div class="page-content-news-img">
<el-image :src="newsContentInfo.newsImage" alt="新闻图片" fit="contain" /> <img :src="newsContentInfo.newsImage" alt="新闻图片">
<!-- <el-image :src="newsContentInfo.newsImage" alt="新闻图片" fit="contain" /> -->
<!-- <el-image :src="newsImg2" alt="新闻图片" fit="contain" /> <!-- <el-image :src="newsImg2" alt="新闻图片" fit="contain" />
<el-image :src="newsImg3" alt="新闻图片" fit="contain" /> --> <el-image :src="newsImg3" alt="新闻图片" fit="contain" /> -->
</div> </div>
</template> </template>
</custom-container> </custom-container>
<custom-container block title="关系图谱" :titleIcon="linkIcon" height="500px">
<template #default>
<Graph />
</template>
</custom-container>
</div> </div>
<div class="right"> <div class="right">
<custom-container style="margin-bottom: 16px" block title="事件脉络" :titleIcon="houseIcon" height="630px"> <custom-container block title="相关新闻" :titleIcon="houseIcon" height="400px">
<template #default>
<div class="box4">
<div class="box4-item" v-for="(item, idx) in sanctionProcessList" :key="item.title">
<div class="box4-item-left">
<el-image :src="dotIcon" alt="图片" class="box4-item-left-icon" />
<div class="box4-item-left-line" v-if="idx + 1 != sanctionProcessList.length"></div>
</div>
<div class="box4-item-right">
<div class="box4-item-right-header">
<span class="box4-item-right-header-title" :title="item.title">{{ item.title }}</span>
<span class="box4-item-right-header-desc">{{ item.desc }}</span>
</div>
<div class="box4-item-right-content">
{{ item.content }}
</div>
</div>
</div>
</div>
</template>
</custom-container>
<custom-container block title="相关新闻" :titleIcon="houseIcon" height="500px">
<template #default> <template #default>
<div class="news-list"> <div class="news-list">
<NewsList :list-data="customNewsData" /> <NewsList :list-data="customNewsData" />
...@@ -354,7 +328,7 @@ onMounted(() => { ...@@ -354,7 +328,7 @@ onMounted(() => {
height: 120px; height: 120px;
background: #fff; background: #fff;
padding: 0 160px; padding: 0 160px;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
&-left { &-left {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -521,6 +495,11 @@ onMounted(() => { ...@@ -521,6 +495,11 @@ onMounted(() => {
gap: 20px; gap: 20px;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
img{
height: 100%;
width: auto;
}
} }
.box4 { .box4 {
.box4-item { .box4-item {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论