提交 8a25c002 authored 作者: 张伊明's avatar 张伊明

style 修改样式

fix 修改cibug
上级 1b858852
流水线 #94 已通过 于阶段
in 1 分 29 秒
--- ---
description:
alwaysApply: true alwaysApply: true
--- ---
# Overview # Overview
Insert overview text here. The agent will only see this should they choose to apply the rule. Insert overview text here. The agent will only see this should they choose to apply the rule.
......
...@@ -71,9 +71,11 @@ build_check: ...@@ -71,9 +71,11 @@ build_check:
image: node:20-bullseye image: node:20-bullseye
tags: tags:
- risk-monitor-frontend - risk-monitor-frontend
# 只在 push 时做构建校验,且排除 protected 分支与目标分支 pre
only: only:
- branches - pushes
except: except:
- pre
- protected_branches - protected_branches
script: script:
- node -v - node -v
......
...@@ -384,7 +384,6 @@ ...@@ -384,7 +384,6 @@
</div> </div>
</div> --> </div> -->
<AnalysisBox title="投票分析"> <AnalysisBox title="投票分析">
<div class="analysis-ai-wrapper analysis-ai-wrapper--box3">
<div class="vote-legend"> <div class="vote-legend">
<div class="vote-legend-item"> <div class="vote-legend-item">
<span class="vote-legend-dot agree"></span> <span class="vote-legend-dot agree"></span>
...@@ -395,6 +394,7 @@ ...@@ -395,6 +394,7 @@
<span>反对票</span> <span>反对票</span>
</div> </div>
</div> </div>
<div class="analysis-ai-wrapper analysis-ai-wrapper--box3">
<div class="box3-main" :class="{ 'box3-main--full': !voteFooterText }"> <div class="box3-main" :class="{ 'box3-main--full': !voteFooterText }">
<div class="box3-main-center"> <div class="box3-main-center">
<div class="box3-main-center-header"> <div class="box3-main-center-header">
...@@ -405,14 +405,15 @@ ...@@ -405,14 +405,15 @@
<div class="box3-main-center-header-box5"> <div class="box3-main-center-header-box5">
倒戈人数<span style="font-weight: normal; display: inline-block">(平均区间)</span> 倒戈人数<span style="font-weight: normal; display: inline-block">(平均区间)</span>
</div> </div>
<div class="box3-main-center-header-box6">关键议员</div>
</div> </div>
<div class="box3-main-center-content"> <div class="box3-main-center-content">
<div class="box3-main-center-content-box" v-for="item in voteAnalysisList" :key="item.actionId"> <div class="box3-main-center-content-box" v-for="item in voteAnalysisList"
:key="item.actionId">
<div class="item"> <div class="item">
<div class="item-box1"> <div class="item-box1">
<div class="box1-left"> <div class="box1-left">
<div style="width: 100%; display: flex; flex-direction: column; align-items: flex-end"> <div
style="width: 100%; display: flex; flex-direction: column; align-items: flex-end">
<div class="name nameBlod" :title="item.actionTitle" style=" <div class="name nameBlod" :title="item.actionTitle" style="
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -428,33 +429,34 @@ ...@@ -428,33 +429,34 @@
</div> </div>
<div class="box1-right"> <div class="box1-right">
<div class="box1-right-top"> <div class="box1-right-top">
<el-progress :percentage="Number(item.agreePercent)" :show-text="false" color="rgb(33, 129, 57)"> <el-progress :percentage="Number(item.agreePercent)"
:show-text="false" color="rgb(33, 129, 57)">
</el-progress> </el-progress>
</div> </div>
<div class="box1-right-bottom"> <div class="box1-right-bottom">
<el-progress :percentage="Number(item.againstPercent)" :show-text="false" color="rgb(206, 79, 81)"> <el-progress :percentage="Number(item.againstPercent)"
:show-text="false" color="rgb(206, 79, 81)">
</el-progress> </el-progress>
</div> </div>
</div> </div>
</div> </div>
<div class="item-box2"> <div class="item-box2">
<div class="box2-1" style="color: rgb(33, 129, 57)">{{ item.agreeCount + "票" }}</div> <div class="box2-1" style="color: rgb(33, 129, 57)">{{ item.agreeCount +
<div class="box2-2" style="color: rgb(206, 79, 81)">{{ item.againstCount + "票" }}</div> "票" }}</div>
<div class="box2-2" style="color: rgb(206, 79, 81)">{{ item.againstCount
+ "票" }}</div>
</div> </div>
<div class="item-box3"> <div class="item-box3">
<div class="box3-1"></div> <div class="box3-1"></div>
<div class="box3-2"></div> <div class="box3-2"></div>
</div> </div>
<div class="item-box4"> <div class="item-box4">
<div class="box4-1" style="color: rgb(33, 129, 57)">{{ item.agreePercent + "%" }}</div> <div class="box4-1" style="color: rgb(33, 129, 57)">{{ item.agreePercent
<div class="box4-2" style="color: rgb(206, 79, 81)">{{ item.againstPercent + "%" }}</div> + "%" }}</div>
<div class="box4-2" style="color: rgb(206, 79, 81)">{{
item.againstPercent + "%" }}</div>
</div> </div>
<div class="item-box5"></div> <div class="item-box5"></div>
<div class="item-box6">
<el-icon size="20" color="#555">
<ArrowDownBold />
</el-icon>
</div>
</div> </div>
<div class="item"> <div class="item">
<div class="item-box1"> <div class="item-box1">
...@@ -466,31 +468,33 @@ ...@@ -466,31 +468,33 @@
</div> </div>
<div class="box1-right"> <div class="box1-right">
<div class="box1-right-top"> <div class="box1-right-top">
<el-progress :percentage="Number(item.dagreePercent)" :show-text="false" color="rgb(33, 129, 57)"> <el-progress :percentage="Number(item.dagreePercent)"
:show-text="false" color="rgb(33, 129, 57)">
</el-progress> </el-progress>
</div> </div>
<div class="box1-right-bottom"> <div class="box1-right-bottom">
<el-progress :percentage="Number(item.dagainstPercent)" :show-text="false" color="rgb(206, 79, 81)"> <el-progress :percentage="Number(item.dagainstPercent)"
:show-text="false" color="rgb(206, 79, 81)">
</el-progress> </el-progress>
</div> </div>
</div> </div>
</div> </div>
<div class="item-box2"> <div class="item-box2">
<div class="box2-1" style="color: rgb(33, 129, 57)">{{ item.dagreeCount + "票" }}</div> <div class="box2-1" style="color: rgb(33, 129, 57)">{{ item.dagreeCount
<div class="box2-2" style="color: rgb(206, 79, 81)">{{ item.dagainstCount + "票" }}</div> + "票" }}</div>
<div class="box2-2" style="color: rgb(206, 79, 81)">{{
item.dagainstCount + "票" }}</div>
</div> </div>
<div class="item-box3"></div> <div class="item-box3"></div>
<div class="item-box4"> <div class="item-box4">
<div class="box4-1" style="color: rgb(33, 129, 57)">{{ item.dagreePercent + "%" }}</div> <div class="box4-1" style="color: rgb(33, 129, 57)">{{
<div class="box4-2" style="color: rgb(206, 79, 81)">{{ item.dagainstPercent + "%" }}</div> item.dagreePercent + "%" }}</div>
<div class="box4-2" style="color: rgb(206, 79, 81)">{{
item.dagainstPercent + "%" }}</div>
</div> </div>
<div class="item-box5"> <div class="item-box5">
<div class="box5-1" style="color: #ce4f51">{{ item.dreverseCount + "人" }}</div> <div class="box5-1" style="color: #ce4f51">{{ item.dreverseCount + "人"
</div> }}</div>
<div class="item-box6">
<div class="img-box" v-if="item.dpersonImageUrl">
<img :src="item.dpersonImageUrl" alt="" />
</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
...@@ -503,31 +507,33 @@ ...@@ -503,31 +507,33 @@
</div> </div>
<div class="box1-right"> <div class="box1-right">
<div class="box1-right-top"> <div class="box1-right-top">
<el-progress :percentage="Number(item.ragreePercent)" :show-text="false" color="rgb(33, 129, 57)"> <el-progress :percentage="Number(item.ragreePercent)"
:show-text="false" color="rgb(33, 129, 57)">
</el-progress> </el-progress>
</div> </div>
<div class="box1-right-bottom"> <div class="box1-right-bottom">
<el-progress :percentage="Number(item.ragainstPercent)" :show-text="false" color="rgb(206, 79, 81)"> <el-progress :percentage="Number(item.ragainstPercent)"
:show-text="false" color="rgb(206, 79, 81)">
</el-progress> </el-progress>
</div> </div>
</div> </div>
</div> </div>
<div class="item-box2"> <div class="item-box2">
<div class="box2-1" style="color: rgb(33, 129, 57)">{{ item.ragreeCount + "票" }}</div> <div class="box2-1" style="color: rgb(33, 129, 57)">{{ item.ragreeCount
<div class="box2-2" style="color: rgb(206, 79, 81)">{{ item.ragainstCount + "票" }}</div> + "票" }}</div>
<div class="box2-2" style="color: rgb(206, 79, 81)">{{
item.ragainstCount + "票" }}</div>
</div> </div>
<div class="item-box3"></div> <div class="item-box3"></div>
<div class="item-box4"> <div class="item-box4">
<div class="box4-1" style="color: rgb(33, 129, 57)">{{ item.ragreePercent + "%" }}</div> <div class="box4-1" style="color: rgb(33, 129, 57)">{{
<div class="box4-2" style="color: rgb(206, 79, 81)">{{ item.ragainstPercent + "%" }}</div> item.ragreePercent + "%" }}</div>
<div class="box4-2" style="color: rgb(206, 79, 81)">{{
item.ragainstPercent + "%" }}</div>
</div> </div>
<div class="item-box5"> <div class="item-box5">
<div class="box5-1" style="color: #ce4f51">{{ item.rreverseCount + "人" }}</div> <div class="box5-1" style="color: #ce4f51">{{ item.rreverseCount + "人"
</div> }}</div>
<div class="item-box6">
<div class="img-box" v-if="item.rpersonImageUrl">
<img :src="item.rpersonImageUrl" alt="" />
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -701,7 +707,8 @@ ...@@ -701,7 +707,8 @@
<TipTab class="analysis-ai-tip" /> <TipTab class="analysis-ai-tip" />
<AiButton class="analysis-ai-tip-action" @mouseenter="handleShowAiPane('box3')" /> <AiButton class="analysis-ai-tip-action" @mouseenter="handleShowAiPane('box3')" />
</div> </div>
<div v-if="aiPaneVisible.box3" class="analysis-ai-pane" @mouseleave="handleHideAiPane('box3')"> <div v-if="aiPaneVisible.box3" class="analysis-ai-pane"
@mouseleave="handleHideAiPane('box3')">
<AiPane :aiContent="overviewAiContent.box3" /> <AiPane :aiContent="overviewAiContent.box3" />
</div> </div>
</div> </div>
...@@ -1248,6 +1255,7 @@ onMounted(async () => { ...@@ -1248,6 +1255,7 @@ onMounted(async () => {
.box1 { .box1 {
width: 792px; width: 792px;
height: 415px; height: 415px;
.box1-main { .box1-main {
height: 368px; height: 368px;
...@@ -1393,6 +1401,7 @@ onMounted(async () => { ...@@ -1393,6 +1401,7 @@ onMounted(async () => {
margin-top: 17px; margin-top: 17px;
width: 792px; width: 792px;
height: 415px; height: 415px;
.box2-main { .box2-main {
height: 359px; height: 359px;
...@@ -1640,6 +1649,7 @@ onMounted(async () => { ...@@ -1640,6 +1649,7 @@ onMounted(async () => {
margin-top: 16px; margin-top: 16px;
width: 792px; width: 792px;
height: 847px; height: 847px;
.box3 { .box3 {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -1647,7 +1657,7 @@ onMounted(async () => { ...@@ -1647,7 +1657,7 @@ onMounted(async () => {
.vote-legend { .vote-legend {
position: absolute; position: absolute;
top: 15px; top: 10px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
display: inline-flex; display: inline-flex;
...@@ -1735,12 +1745,6 @@ onMounted(async () => { ...@@ -1735,12 +1745,6 @@ onMounted(async () => {
min-width: 0; min-width: 0;
text-align: center; text-align: center;
} }
.box3-main-center-header-box6 {
flex: 90 1 0;
min-width: 0;
text-align: center;
}
} }
.box3-main-center-content { .box3-main-center-content {
...@@ -1976,23 +1980,6 @@ onMounted(async () => { ...@@ -1976,23 +1980,6 @@ onMounted(async () => {
line-height: 14px; line-height: 14px;
} }
} }
.item-box6 {
flex: 90 1 0;
min-width: 0;
text-align: center;
.img-box {
width: 30px;
height: 30px;
margin-left: 30px;
img {
width: 100%;
height: 100%;
}
}
}
} }
} }
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论