flx:调整项目总览 项目看板 指挥部大屏 样式问题
This commit is contained in:
parent
535a0981b4
commit
0d3d4241b7
@ -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'
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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
|
||||||
);
|
);
|
||||||
|
|||||||
@ -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],
|
||||||
|
|||||||
@ -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
|
||||||
);
|
);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user