|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<!-- <div class="block">-->
|
|
|
<!-- <div-->
|
|
|
- <!-- v-for="index in 5"-->
|
|
|
+ <!-- v-for="(item, index) in data"-->
|
|
|
<!-- class="flex flex-center"-->
|
|
|
<!-- style="-->
|
|
|
<!-- height: 26px;-->
|
|
|
@@ -18,25 +18,27 @@
|
|
|
<!-- </div>-->
|
|
|
<!-- <div-->
|
|
|
<!-- v-else-->
|
|
|
- <!-- style="width: 5%; font-size: 18px; font-weight: bold; color: #ffffff"-->
|
|
|
+ <!-- style="width: 5%; font-size: 20px; font-weight: bold; color: #ffffff"-->
|
|
|
<!-- >-->
|
|
|
<!-- {{ index }}.-->
|
|
|
<!-- </div>-->
|
|
|
<!-- <div class="flex flex-align-center" style="width: 85%">-->
|
|
|
<!-- <div-->
|
|
|
<!-- style="-->
|
|
|
+ <!-- display: flex;-->
|
|
|
<!-- align-items: center;-->
|
|
|
- <!-- width: 88%;-->
|
|
|
<!-- height: 26px;-->
|
|
|
- <!-- margin-left: 3px;-->
|
|
|
+ <!-- padding-left: 5px;-->
|
|
|
+ <!-- padding-right: 5px;-->
|
|
|
<!-- background: rgba(171, 118, 48, 0.82);-->
|
|
|
<!-- border-radius: 20px;-->
|
|
|
+ <!-- color: #ffffff;-->
|
|
|
<!-- "-->
|
|
|
<!-- >-->
|
|
|
- <!-- 什么项目的名字11111-->
|
|
|
+ <!-- {{ item.name }}-->
|
|
|
<!-- </div>-->
|
|
|
<!-- </div>-->
|
|
|
- <!-- <div style="width: 10%; color: rgb(6, 243, 223)">118</div>-->
|
|
|
+ <!-- <div style="width: 10%; color: rgb(6, 243, 223)">{{ item.number }}</div>-->
|
|
|
<!-- </div>-->
|
|
|
<!-- </div>-->
|
|
|
<div>
|
|
|
@@ -58,6 +60,7 @@ export default {
|
|
|
components: { charts },
|
|
|
data() {
|
|
|
return {
|
|
|
+ data:{},
|
|
|
option : {
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
@@ -147,6 +150,41 @@ export default {
|
|
|
this.getDebtList()
|
|
|
},
|
|
|
methods: {
|
|
|
+ // getDebtList() {
|
|
|
+ // this.$api.biz.getDebtList({ current: 1, size: 5}).then(res => {
|
|
|
+ // let result = JSON.parse(crypto.decryptDES(res, crypto.desKey))
|
|
|
+ // if (result.code === 200) {
|
|
|
+ // let l = 100
|
|
|
+ // let s = 100
|
|
|
+ // this.data = result.data.records.map((item,index) => {
|
|
|
+ // if (index === 0){
|
|
|
+ // l = item.viewNumber * 0.8
|
|
|
+ // s = item.viewNumber * 0.5
|
|
|
+ // }
|
|
|
+ // if(item.viewNumber >= l){
|
|
|
+ // if (item.name.length >= 16){
|
|
|
+ // return {name:item.name.substring(0,14)+"...",
|
|
|
+ // number:item.viewNumber}
|
|
|
+ // }else {
|
|
|
+ // return {name:item.name,number:item.viewNumber}
|
|
|
+ // }
|
|
|
+ // }else if(item.viewNumber >= s) {
|
|
|
+ // if (item.name.length >= 11){
|
|
|
+ // return {name:item.name.substring(0,8)+"...",number:item.viewNumber}
|
|
|
+ // }else {
|
|
|
+ // return {name:item.name,number:item.viewNumber}
|
|
|
+ // }
|
|
|
+ // }else {
|
|
|
+ // if (item.name.length >= 8){
|
|
|
+ // return {name:item.name.substring(0,6)+"...",number:item.viewNumber}
|
|
|
+ // }else {
|
|
|
+ // return {name:item.name,number:item.viewNumber}
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // },
|
|
|
getDebtList() {
|
|
|
this.$api.biz.getDebtList({ current: 1, size: 5}).then(res => {
|
|
|
let result = JSON.parse(crypto.decryptDES(res, crypto.desKey))
|
