admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加安全评分背景颜色

Browse Source
This commit is contained in:
Vce 2024-06-04 21:45:21 +08:00
parent e1b002cc17
commit 449c8612f1
5 changed files with 79 additions and 4809 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -4,7 +4,7 @@ NODE_ENV = 'development'
# 本地环境接口地址(/api/index.ts文件中使用)
# 后端本地
# VITE_API_URL = 'http://192.168.34.221:19111'
VITE_API_URL = 'http://192.168.34.221:9111' #雄哥本地
# VITE_API_URL = 'http://192.168.34.221:9111' #雄哥本地
# VITE_API_URL = 'http://182.90.224.237:51234' #雄哥远程
# VITE_API_URL = 'http://192.168.34.221:28889'
# VITE_API_URL = 'http://121.196.214.246/api'
@ -24,7 +24,7 @@ VITE_API_URL = 'http://192.168.34.221:9111' #雄哥本地
# VITE_API_URL = 'http://182.90.224.237:15551'
# agjt
# VITE_API_URL = 'http://42.180.188.17:9809' #生产环境
# VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
# VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
# VITE_API_URL = 'http://jxj.zhgdyun.com:19812'
# 苏立信

4834
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

BIN
src/assets/images/green_flag_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

48
src/views/commandScreen/commandCenter/centerTop.vue
View File

@ -55,7 +55,13 @@
<span>{{ statScore.total }}</span>
<span>分</span>
</div>
<span>安全评分</span>
<div class="scoreInner">
<span style="font-size:18px">安全评分</span>
<div class="scoreReview">
优秀
</div>
<div class="scoreStar"></div>
</div>
</div>
<div class="classify-div">
<div class="classify-div-item" @click="openDialogData({ index: 1, title: '危大工程' })">
@ -288,7 +294,8 @@ onMounted(async () => {
height: 100%;
position: relative;
background-image: url("@/assets/images/commandScreen/top-bg.png");
background-position: center;
// background-position: center;
background-position: -28px;
background-repeat: no-repeat;
.content-div {
@ -382,19 +389,20 @@ onMounted(async () => {
}
.score-div {
background-image: radial-gradient(circle, rgb(46, 200, 49) 0px, rgba(255, 255, 255, 0) 115px);
color: white;
position: absolute;
// bottom: 210px;
// left: 383px;
width: 30%;
height: 30%;
bottom: 33%;
height: 45%;
bottom: 30%;
left: 35.5%;
display: flex;
flex-direction: column;
align-items: center;
.score-part {
margin-top: 60px;
span:nth-child(1) {
font-size: 72px;
}
@ -408,6 +416,36 @@ onMounted(async () => {
color: white;
font-size: 18px;
}
.scoreInner{
text-align: center;
margin-top: -10px;
width: 100%;
// height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: radial-gradient(circle, rgb(46, 200, 49) 0px, rgba(255, 255, 255, 0) 40px);
// background-color: red;
.scoreReview{
opacity: 0.5;
display: flex;
justify-content: center;
align-items: center;
height: 50px;
// background-color: blue;
}
.scoreStar{
// background-color: purple;
// margin-top: 20px;
width: 28%;
height: 40px;
background: url("@/assets/images/green_flag_bg.png") no-repeat;
background-size: 100% 100%;
transform: translateY(-20px);
}
}
}
.classify-div {

2
src/views/commandScreen/commandCenter/leftBottom.vue
View File

@ -139,7 +139,7 @@
<script setup lang="ts">
import { onMounted, ref } from "vue";
import * as echarts from "echarts";
import ECharts from "vue-echarts";
// import ECharts from "vue-echarts";
import { selectQualityStatisticsApi } from "@/api/modules/projectOverview";
import {
getPersonTypeAndEduStatisticsApi,