diff --git a/back/src/views/modules/abilityStatistics/applicationResources.vue b/back/src/views/modules/abilityStatistics/applicationResources.vue index aea5855f..cc2acede 100644 --- a/back/src/views/modules/abilityStatistics/applicationResources.vue +++ b/back/src/views/modules/abilityStatistics/applicationResources.vue @@ -48,7 +48,7 @@
应用领域分布情况 -
+
应用状态分布情况 @@ -114,8 +114,9 @@ export default { getDistributedList () { this.$http.get('/census/center/v3/assemblerUseProjectInfo/' ,{ params : { - keyId:'1522550195034857476' - // this.tableId + id: + // '1522550195034857476' + this.tableId } }).then(res => { let arry=[] @@ -147,8 +148,8 @@ export default { arry=res.data.data arry.forEach((item)=>{ const single={ - value:item.useNum, - name:item.name + value:item.appNum, + name:item.attr_value } this.data3.push(single.name) this.data4.push(single.value) @@ -377,7 +378,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -599,7 +600,7 @@ export default { }, series: [ { - data: [5, 5, 5, 5, 5, 5], + data: [1, 1, 1, 1, 1, 1], type: 'bar', barWidth: 14, stack: '1', @@ -654,7 +655,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -725,7 +726,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -804,7 +805,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -822,9 +823,9 @@ export default { a: { // 设置文字、数学、英语这一列的样式 width: 80, - color: "#000000", + color: "#666666", fontSize: 12, - fontWeight: "bolder", + // fontWeight: "bolder", }, b: { // 设置10分、20分、30分这一列的样式 @@ -899,7 +900,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } diff --git a/back/src/views/modules/abilityStatistics/componentServices.vue b/back/src/views/modules/abilityStatistics/componentServices.vue index 01c866bb..e39f577c 100644 --- a/back/src/views/modules/abilityStatistics/componentServices.vue +++ b/back/src/views/modules/abilityStatistics/componentServices.vue @@ -200,7 +200,7 @@ export default { this.$http.get('/census/center/v3/assemblerCaredTopInfo' ,{ params : { id:this.tableId, - resourceType:"应用资源" + resourceType:"组件服务" // pageNo: pageNo || 1, // pageSize: 20 } @@ -231,7 +231,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -295,7 +295,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -361,7 +361,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -377,9 +377,9 @@ export default { a: { // 设置文字、数学、英语这一列的样式 width: 100, - color: "#000000", + color: "#666666", fontSize: 12, - fontWeight: "bolder", + // fontWeight: "bolder", }, b: { // 设置10分、20分、30分这一列的样式 diff --git a/back/src/views/modules/abilityStatistics/componentUsed.vue b/back/src/views/modules/abilityStatistics/componentUsed.vue index 3c44cb1e..de68a125 100644 --- a/back/src/views/modules/abilityStatistics/componentUsed.vue +++ b/back/src/views/modules/abilityStatistics/componentUsed.vue @@ -17,11 +17,11 @@
使用组件应用领域分布情况 -
+
- 被调用组件及数量 + Top5使用组件
@@ -30,13 +30,13 @@ {{index+1}}
{{item.name}} - {{item.resourceCarNum}} + {{item.useNum}}
- 被申请组件及数量 + 使用组件评分
@@ -45,7 +45,7 @@ {{index+1}}
{{item.name}} - {{item.resourceCarNum}} + {{item.score}}
@@ -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=[] @@ -174,30 +174,28 @@ export default { value:item.total, name:item.type } - const newList=[] this.data3.push(single) - // this.data2=newList this.myEcharts3() }) }) }, - // 被调用组件及数量 + // 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:"应用资源" @@ -231,7 +229,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -295,7 +293,7 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } @@ -361,13 +359,14 @@ export default { var total = 0; var tarValue; for (var i = 0; i < data.length; i++) { - total += data[i].value; + total += Number(data[i].value); if (data[i].name == name) { tarValue = data[i].value; } } - var v = tarValue; + // var v = tarValue; var p = Math.round(((tarValue / total) * 100)); + console.log('@@@@', tarValue, total) return `{a|${name}} {b|${p}%}`; }, itemStyle:{}, @@ -428,7 +427,7 @@ export default { option && myChart.setOption(option); }, backBtn(){ - this.$emit('closeChild') + this.$emit('closeChild2') } } } @@ -541,9 +540,13 @@ export default { position:absolute; display: flex; margin-left:90px; + width:200px; margin-top:5px; color:#333333; - font-size: 16px; + font-size: 16px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .count-style{ position:absolute; diff --git a/back/src/views/modules/abilityStatistics/index.vue b/back/src/views/modules/abilityStatistics/index.vue index ac0dd287..2ff30249 100644 --- a/back/src/views/modules/abilityStatistics/index.vue +++ b/back/src/views/modules/abilityStatistics/index.vue @@ -50,46 +50,56 @@ label="部门名称" min-width="100%"> - - - - - - - - + + + + @@ -111,14 +121,13 @@ - +