Authored by 鲁尚清

背景组件也根据是否有asm数据显示/隐藏

@@ -26,6 +26,14 @@ export const monitorBgBorder = { @@ -26,6 +26,14 @@ export const monitorBgBorder = {
26 placeholder: '', 26 placeholder: '',
27 value: require("../../../../../../../assets/images/monitor/capacityAnalysis/icon-plat-info.png"), 27 value: require("../../../../../../../assets/images/monitor/capacityAnalysis/icon-plat-info.png"),
28 }, 28 },
  29 + {
  30 + type: 'el-input-text',
  31 + label: 'kpiId',
  32 + name: 'vuexFlagKpiId',
  33 + required: false,
  34 + placeholder: '',
  35 + value: '',
  36 + },
29 [{ 37 [{
30 name: '标题设置', 38 name: '标题设置',
31 list: [ 39 list: [
1 <template> 1 <template>
2 - <div class="basicInformation-container" :style="styleObj"> 2 + <div class="basicInformation-container" :style="styleObj" v-if="display">
3 <div class="info-title" :style="titleStyle"> 3 <div class="info-title" :style="titleStyle">
4 <img :src="imgStyle.titleIcon" alt="" class="icon-title"> 4 <img :src="imgStyle.titleIcon" alt="" class="icon-title">
5 {{optionsSetUp.titleName}} 5 {{optionsSetUp.titleName}}
@@ -14,6 +14,7 @@ export default { @@ -14,6 +14,7 @@ export default {
14 data() { 14 data() {
15 return { 15 return {
16 options: {}, 16 options: {},
  17 + display:true,
17 optionsSetUp: {}, 18 optionsSetUp: {},
18 optionsPosition:{}, 19 optionsPosition:{},
19 optionsData:{}, 20 optionsData:{},
@@ -33,7 +34,7 @@ export default { @@ -33,7 +34,7 @@ export default {
33 return { 34 return {
34 position: this.ispreview ? "absolute" : "static", 35 position: this.ispreview ? "absolute" : "static",
35 width: allStyle.width + "px", 36 width: allStyle.width + "px",
36 - height: allStyle.height + "px", 37 + height: this.display?allStyle.height + "px":'0',
37 left: allStyle.left + "px", 38 left: allStyle.left + "px",
38 top: allStyle.top + "px", 39 top: allStyle.top + "px",
39 'background':this.transStyle.bgColor, 40 'background':this.transStyle.bgColor,
@@ -72,7 +73,7 @@ export default { @@ -72,7 +73,7 @@ export default {
72 this.optionsSetUp = val.setup; 73 this.optionsSetUp = val.setup;
73 this.optionsPosition = val.position; 74 this.optionsPosition = val.position;
74 // this.handlerData(); 75 // this.handlerData();
75 - 76 + this.setIsDisplay();
76 }, 77 },
77 deep: true 78 deep: true
78 } 79 }
@@ -83,10 +84,27 @@ export default { @@ -83,10 +84,27 @@ export default {
83 this.optionsSetUp = this.value.setup; 84 this.optionsSetUp = this.value.setup;
84 this.optionsPosition = this.value.position; 85 this.optionsPosition = this.value.position;
85 // this.handlerData(); 86 // this.handlerData();
  87 + this.setIsDisplay();
86 88
87 }, 89 },
88 methods: { 90 methods: {
89 - 91 + setIsDisplay(){
  92 + let propType=this.$route.query.propType;
  93 + if(propType=='res'){
  94 + let kpiId='';
  95 + let kpiIdFla=this.transStyle.vuexFlagKpiId;
  96 + if(kpiIdFla){
  97 + kpiId=this.transStyle.vuexFlagKpiId
  98 + }
  99 + if(kpiId=='KPI922F8FF7'){
  100 + this.display=this.$route.query.display=='true'?true:false;
  101 + }else{
  102 + this.display=true;
  103 + }
  104 + }else{
  105 + this.display=true;
  106 + }
  107 + },
90 handlerData() { 108 handlerData() {
91 const resData = this.optionsData; 109 const resData = this.optionsData;
92 resData.dataType == "staticData" 110 resData.dataType == "staticData"