使用组件统计
This commit is contained in:
parent
1846356272
commit
5f0aec483b
|
|
@ -21,7 +21,7 @@
|
|||
</div>
|
||||
<div class='container-body4'>
|
||||
<div style='margin-bottom:30px'>
|
||||
<span style='font-size:18px;color;#000000;'>被调用组件及数量</span>
|
||||
<span style='font-size:18px;color;#000000;'>Top5使用组件</span>
|
||||
<img src="@/assets/img/TOP5.png" style='margin-left:10px'>
|
||||
</div>
|
||||
<div v-for="(item,index) in usedList" :key='index' >
|
||||
|
|
@ -30,13 +30,13 @@
|
|||
<span style='font-weight:bold' :style="{color:numColorList[index%5]}">{{index+1}}</span>
|
||||
</div>
|
||||
<span class='num-style'>{{item.name}}</span>
|
||||
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.resourceCarNum}}</span>
|
||||
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.useNum}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='container-body5'>
|
||||
<div style='margin-bottom:30px'>
|
||||
<span style='font-size:18px;color;#000000;'>被申请组件及数量</span>
|
||||
<span style='font-size:18px;color;#000000;'>使用组件评分Top5</span>
|
||||
<img src="@/assets/img/TOP5.png" style='margin-left:10px'>
|
||||
</div>
|
||||
<div v-for="(item,index) in applicationList" :key='index' >
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
<span style='font-weight:bold' :style="{color:numColorList[index%5]}">{{index+1}}</span>
|
||||
</div>
|
||||
<span class='num-style'>{{item.name}}</span>
|
||||
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.resourceCarNum}}</span>
|
||||
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.score}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -86,8 +86,8 @@ export default {
|
|||
colorList:['linear-gradient(to right, rgba(251, 59, 5,0.6),transparent)', 'linear-gradient(to right,rgba(251, 123, 5),transparent)','linear-gradient(to right,rgba(250, 179, 2,.6),transparent)','linear-gradient(to right,rgba(82, 106, 255,.6),transparent','linear-gradient(to right,rgba(82, 106, 255,.6),transparent)',],
|
||||
widthList:['90px','80px','70px','60px','50px'],
|
||||
numColorList:['#fc5656','#ff8a00','#f9af0a','#808fff','#808fff'],
|
||||
usedList:[{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称四',resourceCarNum:111},{name:'组件名称五',resourceCarNum:111},],
|
||||
applicationList:[{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称四',resourceCarNum:111},{name:'组件名称五',resourceCarNum:111},]
|
||||
usedList:[{name:'组件名称一',useNum:111},{name:'组件名称一',useNum:111},{name:'组件名称一',useNum:111},{name:'组件名称四',useNum:111},{name:'组件名称五',useNum:111},],
|
||||
applicationList:[{name:'组件名称一',score:111},{name:'组件名称一',score:111},{name:'组件名称一',score:111},{name:'组件名称四',score:111},{name:'组件名称五',score:111},]
|
||||
}
|
||||
},
|
||||
created(){
|
||||
|
|
@ -161,10 +161,10 @@ export default {
|
|||
},
|
||||
// 应用领域分布
|
||||
getDistributed () {
|
||||
this.$http.get('/census/center/v3/applicationAreaCapabilityList' ,{
|
||||
this.$http.get('/census/center/v3/applicationUsedAreaCapabilityList' ,{
|
||||
params : {
|
||||
id:this.tableId,
|
||||
resourceType:"应用资源"
|
||||
resourceType:"组件服务"
|
||||
}
|
||||
}).then(res => {
|
||||
let arry=[]
|
||||
|
|
@ -182,22 +182,22 @@ export default {
|
|||
})
|
||||
|
||||
},
|
||||
// 被调用组件及数量
|
||||
// top5使用组件
|
||||
getBeCalled () {
|
||||
this.$http.get('/census/center/v3/assemblerCaredTopInfo' ,{
|
||||
this.$http.get('/census/center/v3/assemblerUseTopInfo' ,{
|
||||
params : {
|
||||
id:this.tableId,
|
||||
resourceType:"应用资源"
|
||||
resourceType:"组件服务"
|
||||
// pageNo: pageNo || 1,
|
||||
// pageSize: 20
|
||||
}
|
||||
}).then(res => {
|
||||
this.applicationList =res.data.data
|
||||
this.usedList =res.data.data
|
||||
})
|
||||
},
|
||||
// 被申请组件及数量
|
||||
// 使用组件评分5
|
||||
getBeApplied () {
|
||||
this.$http.get('/census/center/v3/assemblerCaredTopInfo' ,{
|
||||
this.$http.get('/census/center/v3/assemblerUseScoreTopInfo' ,{
|
||||
params : {
|
||||
id:this.tableId,
|
||||
resourceType:"应用资源"
|
||||
|
|
|
|||
|
|
@ -50,46 +50,56 @@
|
|||
label="部门名称"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
<el-table-column v-if='this.departmentId===1'
|
||||
prop="resourceNum"
|
||||
label="发布总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0"
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceCarNum"
|
||||
label="被申请总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
<el-table-column v-if="this.departmentId===1"
|
||||
prop="resourceBrowseNum"
|
||||
label="浏览总量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
<el-table-column v-if="this.departmentId===1"
|
||||
prop="resourceCollectionNum"
|
||||
label="收藏量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0"
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceVisits"
|
||||
label="被调用总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0"
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceRelNum"
|
||||
label="被应用总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0"
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceShareNum"
|
||||
label="需申请数量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0"
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceShareNonNum"
|
||||
label="免批数量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.departmentId===2"
|
||||
prop="resourceUseNum"
|
||||
label="使用总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.departmentId===2"
|
||||
prop="resourceCarNum"
|
||||
label="申请总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
min-width="92%">
|
||||
|
|
@ -118,7 +128,6 @@
|
|||
</template>
|
||||
<script>
|
||||
import componentServices from './componentServices.vue'
|
||||
import componentUsed from './componentUsed.vue'
|
||||
import applicationResources from './applicationResources.vue'
|
||||
import ComponentUsed from './componentUsed.vue'
|
||||
export default {
|
||||
|
|
@ -216,7 +225,7 @@ export default {
|
|||
// pageSize: 20
|
||||
}
|
||||
}).then(res => {
|
||||
// this.tableData =res.data.data
|
||||
this.tableData =res.data.data
|
||||
})
|
||||
},
|
||||
// // 获取部门列表
|
||||
|
|
@ -244,7 +253,7 @@ export default {
|
|||
resourceType:'组件服务'
|
||||
}
|
||||
}).then(res => {
|
||||
// this.tableData =res.data.data.list
|
||||
this.tableData =res.data.data.list
|
||||
this.total = res.data.data.total
|
||||
})
|
||||
},
|
||||
|
|
@ -258,7 +267,7 @@ export default {
|
|||
resourceType:'组件服务'
|
||||
}
|
||||
}).then(res => {
|
||||
// this.tableData =res.data.data.list
|
||||
this.tableData =res.data.data.list
|
||||
|
||||
})
|
||||
},
|
||||
|
|
@ -272,7 +281,7 @@ export default {
|
|||
resourceType:'应用资源'
|
||||
}
|
||||
}).then(res => {
|
||||
// this.tableData =res.data.data.list
|
||||
this.tableData =res.data.data.list
|
||||
this.total = res.data.data.total
|
||||
|
||||
})
|
||||
|
|
@ -287,7 +296,7 @@ export default {
|
|||
resourceType:'应用资源'
|
||||
}
|
||||
}).then(res => {
|
||||
// this.tableData =res.data.data.list
|
||||
this.tableData =res.data.data.list
|
||||
|
||||
})
|
||||
},
|
||||
|
|
@ -304,13 +313,12 @@ export default {
|
|||
this.tableId=row.deptId
|
||||
this.fatherId=1
|
||||
}
|
||||
else if(this.choseId===1){
|
||||
} else if(this.choseId===1){
|
||||
this.homeIsShow=false
|
||||
this.resourcesIsShow=true
|
||||
this.tableId=row.deptId
|
||||
this.fatherId=2
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue