Authored by xwx

二级页面无数据点击展开Js报错

... ... @@ -4,7 +4,7 @@
<h3 style="margin-left: 10px;color: #666666;font-size: 18px">APM</h3>
<div style="width: calc(100% - 170px);line-height: 54px;font-size: 14px" class="align-right">
<a class="m-r-20" s @click="">更多</a>
<a v-model="cardName" @click="openOrCloseApm(dialTest.faultFixInfoList)">{{cardName}}</a>
<a v-model="cardName" @click="openOrCloseApm()">{{cardName}}</a>
</div>
</div>
<el-divider/>
... ... @@ -64,11 +64,11 @@
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;">
<div style="width: 200px;margin-left: 10px;display: flex;align-self: center;">
<span style="margin: 0px 6px;width: 95px">响应时间:</span>
<span>{{item.time}}</span>
<span>{{item.responseNum}}</span>
</div>
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;">
<span style="margin: 0px 6px 0px 6px;width: 95px">Fullgc:</span>
<span>{{item[0].count}}</span>
<span>{{item.count}}</span>
</div>
</div>
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;">
... ...
... ... @@ -22,11 +22,13 @@ export default {
let card = Vue.ref({});
let cardData = Vue.ref([]);
let cardOpen = Vue.ref(false);
let openOrCloseApm = (data) => {
let openOrCloseApm = () => {
cardOpen.value = !cardOpen.value;
if (cardOpen.value){
cardName.value='收起';
getDialtestCard(data)
if (dialTest.value!=''&&dialTest.value!=null){
getDialtestCard(dialTest.value.faultFixInfoList);
}
}else {
cardName.value='展开';
}
... ... @@ -52,14 +54,20 @@ export default {
for (let i = 0; i < data.length; i++) {
let resItem={
resClassName:'',
FullGcNume:'',
FullGcNum:'',
responseNum:'',
}
for (let j = 0; j < data[i].length; j++) {
if (data[i][j].kpiId=='KPI3D67301E'){
resItem.FullGcNume=data[i][j].kpiName;
resItem.resClassName=data[i][j].resClassName;
if (data[i][j].kpiId=='KPI3D67301E'){
resItem.FullGcNum=data[i][j].diagnosisResult;
resItem.FullGcNum=data[i][j].diagnosisResult;
}else if (data[i][j].kpiId=='KPI7C4BEB26') {
resItem.responseNum=data[i][j].diagnosisResult;
}else if (data[i][j].kpiId=='KPI7C4BEB26') {
resItem.responseNum=data[i][j].diagnosisResult;
}else if (data[i][j].kpiId=='KPI7C4BEB26') {
resItem.responseNum=data[i][j].diagnosisResult;
}
}
cardData.value.push(resItem);
... ...
... ... @@ -119,7 +119,7 @@
<el-col :span="9" style="line-height: 36px;color: gainsboro;">
</el-col>
<el-col :span="1" class="align-center">
<img src="../src/style/img/fault/base/时间-绿.png">
<img src="../src/style/img/fault/base/time-green.png">
</el-col>
<el-col :span="5" class="align-center">
{{item.collTime}}
... ...
... ... @@ -4,7 +4,7 @@
<h3 style="margin-left: 10px;color: #666666;font-size: 18px">NPM</h3>
<div style="width: calc(100% - 170px);line-height: 54px" class="align-right">
<a class="m-r-20" @click="">更多</a>
<a v-model="cardName" @click="openOrCloseNpm(dialTest.faultFixInfoList)">{{cardName}}</a>
<a v-model="cardName" @click="openOrCloseNpm()">{{cardName}}</a>
</div>
</div>
<el-divider/>
... ...
... ... @@ -22,12 +22,13 @@ export default {
let cardOpen = Vue.ref(false);
let cardData = Vue.ref([]);
let cardName = Vue.ref('展开');
let openOrCloseNpm = (data) => {
debugger
let openOrCloseNpm = () => {
cardOpen.value = !cardOpen.value;
if (cardOpen.value){
cardName.value='收起';
getDialtestCard(data);
if (dialTest.value!=''&&dialTest.value!=null){
getDialtestCard(dialTest.value.faultFixInfoList);
}
}else {
cardName.value='展开';
}
... ...