flx:调整项目总览 项目看板 指挥部大屏 样式问题

This commit is contained in:
X_Rian 2024-06-20 17:41:09 +08:00
parent 535a0981b4
commit 0d3d4241b7
5 changed files with 45 additions and 18 deletions

View File

@ -4,7 +4,7 @@ NODE_ENV = 'development'
# 本地环境接口地址(/api/index.ts文件中使用) # 本地环境接口地址(/api/index.ts文件中使用)
# 后端本地 # 后端本地
# VITE_API_URL = 'http://192.168.34.155:19111' # VITE_API_URL = 'http://192.168.34.155: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://182.90.224.237:51234' #雄哥远程
# VITE_API_URL = 'http://192.168.34.221:28889' # VITE_API_URL = 'http://192.168.34.221:28889'
# VITE_API_URL = 'http://121.196.214.246/api' # VITE_API_URL = 'http://121.196.214.246/api'
@ -24,7 +24,7 @@ NODE_ENV = 'development'
# VITE_API_URL = 'http://182.90.224.237:15551' # VITE_API_URL = 'http://182.90.224.237:15551'
# agjt # agjt
# VITE_API_URL = 'http://42.180.188.17:9809' #生产环境 # 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://jxj.zhgdyun.com:19812' # VITE_API_URL = 'http://jxj.zhgdyun.com:19812'
# 苏立信/重庆市南岸区 # 苏立信/重庆市南岸区
# VITE_API_URL = 'http://101.43.164.214:11111' # VITE_API_URL = 'http://101.43.164.214:11111'

View File

@ -5,12 +5,18 @@
<el-scrollbar class="list-box" ref="refScrollbar"> <el-scrollbar class="list-box" ref="refScrollbar">
<div v-for="item in list" class="listStyle" :key="item.id"> <div v-for="item in list" class="listStyle" :key="item.id">
<div>{{ item.dangerItemContent }}</div> <div>{{ item.dangerItemContent }}</div>
<div> <div style="display: flex">
<div style="width: 30%">
<span>整改结果</span> <span>整改结果</span>
<span :style="{ color: item.status ? statusNameFilter(item.status).color : '' }">{{ <span :style="{ color: item.status ? statusNameFilter(item.status).color : '' }">{{
item.status ? statusNameFilter(item.status).name : "" item.status ? statusNameFilter(item.status).name : ""
}}</span> }}</span>
<span v-if="item.overTime" style="color: #e25f64; margin-left: 6px">已逾期</span> </div>
<div class="text-ellipsis">
<span>责任单位</span>
<span>{{ item.enterpriseName || "" }}</span>
</div>
<span v-if="item.overTime" class="period">已逾期</span>
</div> </div>
<div> <div>
<div> <div>
@ -118,14 +124,15 @@ onMounted(async () => {
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
border: 1px solid; border: 1px solid;
// opacity: 0.7; // opacity: 0.7;
opacity: 0.9; // opacity: 0.9;
border-image: linear-gradient(359deg, rgba(17, 141, 255, 1), rgba(17, 141, 255, 0)) 1 1; border-image: linear-gradient(359deg, rgba(17, 141, 255, 1), rgba(17, 141, 255, 0)) 1 1;
padding: 9px 13px; padding: 9px 13px;
margin-bottom: 10px; margin-bottom: 10px;
position: relative;
> div:nth-child(1) { > div:nth-child(1) {
font-family: ABeeZee, ABeeZee; font-family: ABeeZee, ABeeZee;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 14px;
color: #ffffff; color: #ffffff;
line-height: 16px; line-height: 16px;
font-style: normal; font-style: normal;
@ -135,7 +142,7 @@ onMounted(async () => {
> div:nth-child(2) { > div:nth-child(2) {
font-family: ABeeZee, ABeeZee; font-family: ABeeZee, ABeeZee;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 11px;
color: #ffffff; color: #ffffff;
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
@ -144,12 +151,15 @@ onMounted(async () => {
> div:nth-child(3) { > div:nth-child(3) {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; // justify-content: space-between;
margin-bottom: 2px; margin-bottom: 2px;
> div:not(:last-child) {
width: 30%;
}
> div:nth-child(1) { > div:nth-child(1) {
font-family: ABeeZee, ABeeZee; font-family: ABeeZee, ABeeZee;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 11px;
color: #ffffff; color: #ffffff;
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
@ -160,7 +170,7 @@ onMounted(async () => {
> div:not(:nth-child(1)) { > div:not(:nth-child(1)) {
font-family: ABeeZee, ABeeZee; font-family: ABeeZee, ABeeZee;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 11px;
color: #8893a1; color: #8893a1;
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
@ -188,4 +198,19 @@ onMounted(async () => {
::v-deep .h-card .content { ::v-deep .h-card .content {
height: 80%; height: 80%;
} }
.text-ellipsis {
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.period {
color: #e25f64;
margin-left: 6px;
position: absolute;
top: 8px;
right: 10px;
}
</style> </style>

View File

@ -75,7 +75,8 @@ const getEnterpriseInfoList = async (showLoading: boolean) => {
projectSn: store.sn, projectSn: store.sn,
enterpriseName: "", enterpriseName: "",
enterpriseTypeId: "", enterpriseTypeId: "",
userEnterpriseId: "" userEnterpriseId: "",
isCountMainEnterprise: 1
}, },
showLoading showLoading
); );

View File

@ -223,9 +223,9 @@ const openDialogData = async () => {
res.result.forEach((item: any, index: number) => { res.result.forEach((item: any, index: number) => {
resultList.push({ resultList.push({
id: `list${index}`, id: `list${index}`,
radius: "70%", radius: "60%",
isLegend: "top", isLegend: "top",
radarCenter: ["50%", "60%"], radarCenter: ["50%", "55%"],
dataList: [ dataList: [
{ {
value: [item.security, item.safe, item.levelRisk, item.limitTime], value: [item.security, item.safe, item.levelRisk, item.limitTime],

View File

@ -889,7 +889,8 @@ const getEnterpriseInfoList = async (showLoading: boolean) => {
projectSn: store.sn, projectSn: store.sn,
enterpriseName: "", enterpriseName: "",
enterpriseTypeId: "", enterpriseTypeId: "",
userEnterpriseId: "" userEnterpriseId: "",
isCountMainEnterprise: 1
}, },
showLoading showLoading
); );