gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整info的样式

Browse Source
This commit is contained in:
zhangyu
2020-08-25 17:58:35 +08:00
parent 5ff8472565
commit 4e3ccad277
2 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
nezha-fronted/src/components/common/project/popData/Info.vue
View File

@@ -5,31 +5,31 @@
<div class="info-box-content">
<div class="content-box">
<span class="content-title">project</span>
<span class="content-text">123</span>
<span class="content-text">{{moduleInfo.project.name}}</span>
</div>
<div class="content-box">
<span class="content-title">module name</span>
<span class="content-text">123</span>
<span class="content-text">{{moduleInfo.name}}</span>
</div>
<div class="content-box">
<span class="content-title">Tag</span>
<span class="content-text">123</span>
<span class="content-text">{{moduleInfo.type}}</span>
</div>
<div class="content-box">
<span class="content-title">Port</span>
<span class="content-text">123</span>
<span class="content-text">{{moduleInfo.port}}</span>
</div>
<div class="content-box">
<span class="content-title">path</span>
<span class="content-text">123</span>
<span class="content-title">Path</span>
<span class="content-text">{{moduleInfo.path}}</span>
</div>
<div class="content-box">
<span class="content-title">Parameter</span>
<span class="content-text">123</span>
<span class="content-text">{{moduleInfo.seq}}</span>
</div>
<div class="content-box">
<span class="content-title">Descripsion</span>
<span class="content-text">123</span>
<span class="content-text">{{moduleInfo.remark?moduleInfo.remark:'--'}}</span>
</div>
</div>
</div>
@@ -46,11 +46,22 @@
watch:{},
data(){
return{
moduleInfo:{
project:{name:''},
name:'',
type:'http',
remark:'',
port:'',
path:'',
seq:'',
}
}
},
mounted(){
console.log(this.moduleId,this.projectId)
this.$get('/module',{id:this.moduleId}).then(res=>{
this.moduleInfo=res.data.list[0];
console.log(this.moduleInfo,this.projectId);
})
},
methods:{},
}
@@ -66,8 +77,9 @@
.info-box{
background: #FFFFFF;
border: 1px solid #E7EAED;
width: 173px;
width: 334px;
margin-bottom: 15px;
box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.12), -1px 1px 9px -1px rgba(205,205,205,0.77);
}
.info-box-title{
background: #EFEFEF;
@@ -76,19 +88,32 @@
height: 26px;
line-height: 26px;
padding-left: 12px;
font-weight: bold;
}
.info-box-content{
font-size: 12px;
color: #333333;
/*padding: 12px;*/
/*border: 1px solid rgba(205,205,205,0.77);*/
}
.content-box{
padding: 0 12px;
}
.info-box-content .content-box:not(:last-child){
margin-bottom: 5px;
border-bottom: 1px solid rgba(205,205,205,0.77);
}
.content-title{
color: #666666;
font-size: 12px;
color: #333333;
width: 120px;
display: inline-block;
border-right: 1px solid rgba(205,205,205,0.77);
padding: 3px 0;
}
.content-text{
width: 175px;
color: #333333;
font-size: 12px;
display: inline-block;
padding: 3px 5px;
}
</style>

2
nezha-fronted/src/components/common/project/popData/totalChart.vue
View File

@@ -1,6 +1,6 @@
<template>
<div
v-scrollBar:chart-box
v-scrollBar
class="chart-box"
>
<div v-for="(item, index) in dataList" :key="item.id" :id="'chart-' + item.id" :name="item.title" v-show="!item.isHide" class="chart">