Merge branch 'master-ajreport-lushangqing' into 'master'

仪表盘组件---部分功能1



See merge request !15

@@ -53,7 +53,7 @@
           您确定要对当前指标进行过滤处理？
         </div>
         <div v-if="dialogName=='performance_trends'" class="txtScroll-top">
-          <div>性能趋势{{pressingValue.kpiValue}}</div>
+<!--          <div>性能趋势{{pressingValue.kpiValue}}</div>-->
           <iframe :src="trendSrc" class="layadmin-iframe"  style="height: 99.5%!important;width: 100%;"/>
         </div>
         <div v-if="dialogName=='pressing_times'" class="txtScroll-top">
@@ -65,9 +65,9 @@
             placeholder="压制次数（必填，建议100以内）"
           />
         </div>
-        <div v-if="dialogName=='include_capacity_forecast'" class="txtScroll-top">
+<!--        <div v-if="dialogName=='include_capacity_forecast'" class="txtScroll-top">
           纳入容量预测{{pressingValue}}
-        </div>
+        </div>-->
       </template>
     </customDialog>
   </div>

@@ -51,6 +51,22 @@ export const monitorGaugeRate = {
         placeholder: '',
         value:  '',
       },
+      {
+        type: 'el-input-text',
+        label: 'kpiId',
+        name: 'kpiId',
+        required: false,
+        placeholder: '',
+        value: 'KPI7054BC34',
+      },
+      {
+        type: 'el-input-text',
+        label: 'targetId',
+        name: 'targetId',
+        required: false,
+        placeholder: '',
+        value: 'x86server_cpurate',
+      },
       [
         {
           name: "下探设置",

@@ -28,11 +28,12 @@ export default {
   },
   data() {
     return {
+      marginStyle:'',//弹框距离顶部距离
+      heightStyle:'',//弹框遮罩层高度
+      widthStyle:';',//弹框宽度样式
       isDisplay:false,
       tableDataValue: {},
       tableDataValueHead: {},
-      heightStyle:'',
-      marginStyle:'',
       resType:'',
       options: {
         series: [
@@ -212,6 +213,13 @@ export default {
       }
       return detailMenuBox;
     },
+    kpiIdStyle(){
+      let obj={
+        kpiId:this.optionsSetup.kpiId,
+        targetId:this.optionsSetup.targetId
+      }
+      return obj;
+    }
   },
   watch: {
     value: {
@@ -236,6 +244,7 @@ export default {
     editorOptions() {
       this.setOptions()
       this.setOptionsData()
+      window.addEventListener("scroll", this.handleScroll, true); //监听滚动事件
     },
     setOptions() {
       const optionsSetup = this.optionsSetup;
@@ -382,7 +391,42 @@ export default {
       }
       series[0].data = data
       series[0].detail = detail
-    }
+    },
+    handleScroll(e){
+      let serviceTop = 44;
+
+      let hotelTop = 344;
+
+      if (e.target.scrollTop > 44 && e.target.scrollTop < 344) {
+
+        this.selectNum = 0;
+      }
+
+      if (e.target.scrollTop > 344) {
+
+        this.selectNum = 1;
+
+      }
+      // let scroll=window.pageYOffset;
+      let scroll=document.documentElement.scrollTop;
+      let documentHeight=document.documentElement.clientHeight;
+      if (self != top) {
+        //嵌入到监控系统iframe中弹框位置样式
+        // let documentHeight=document.body.scrollHeight;
+        this.heightStyle="height:"+(documentHeight+230)+'px;top:'+scroll+'px';
+        if(scroll<600){
+          this.marginStyle+="margin-top:"+(110)+'px;';
+
+        }else{
+          this.marginStyle+="margin-top:"+(230)+'px;';
+
+        }
+      }else{
+        //ajreport中弹框位置样式
+        this.heightStyle="height:"+(documentHeight+scroll)+'px;';
+        this.marginStyle+="margin-top:"+(scroll+100)+'px;';
+      }
+    },
   }
 };
 </script>