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

详情表格组件嵌入其他弹框页面中的弹框样式修改



See merge request !10

+<template>
+  <div>
+    <el-button
+      type="primary"
+      size="small"
+      plain
+      @click="handleAddClick"
+    >配置表头</el-button
+    >
+<!--    <el-table :data="formData" style="width: 100%">
+      <el-table-column prop="name" label="名称" width="60" />
+      <el-table-column prop="key" label="key值" width="70" />
+      <el-table-column prop="width" label="宽度" width="50" />
+      <el-table-column label="操作" width="100">
+        <template slot-scope="scope">
+          <div class="button-group">
+            <el-button
+              type="text"
+              size="small"
+              @click="handleDeleteClick(scope.$index, scope.row)"
+            >删除</el-button
+            >
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>-->
+
+    <el-dialog
+      title="性能指标"
+      :visible.sync="dialogVisible"
+      width="60%"
+      :before-close="handleClose"
+    >
+      <div class="table-search">
+        <el-input v-model="keyword" placeholder="请输入指标名称" clearable />
+        <el-button @click="searchKpi" class="search-btn" type="primary">搜索</el-button>
+      </div>
+      <el-table :data="tableData" height="350" style="width: 100%"  ref="multipleTableRef"  @selection-change="handleSelectionChange"
+                :row-key="(row) => { return row.kpiId }"
+      >
+        <el-table-column type="selection" width="55"  :reserve-selection="true" />
+        <el-table-column prop="kpiName" label="指标名称" width="180" />
+        <el-table-column prop="kpiId" label="指标ID" width="180" />
+        <el-table-column prop="kpiCategory" label="指标分类" >
+          <template #default="scope">{{ scope.row.kpiCategory==0?'基本指标':'性能指标' }}</template>
+        </el-table-column>
+        <el-table-column prop="kpiUnit" label="指标单位" width="180" />
+        <el-table-column prop="kpiPower" label="指标权限" width="180" >
+          <template #default="scope">{{ scope.row.kpiPower=='hard'?'硬件':scope.row.kpiPower=='soft'?'系统':'公共' }}</template>
+        </el-table-column>
+        <el-table-column prop="policyNum" label="告警策略" width="180" >
+          <template #default="scope">{{ scope.row.policyNum>0?'':'暂无' }}</template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <div style='text-align: left;background-color: white'>
+        <el-pagination
+          v-if="currentPage"
+          @size-change="handleSizeChange"
+          @prev-click="prePage"
+          @next-click="nextPage"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-sizes="pageSizes"
+          :page-size="pageSize"
+          :total="total">
+        </el-pagination>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="dialogVisible = false">取 消</el-button>
+        <el-button size="mini" type="primary" @click="handleSaveClick"
+        >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {getKpiPage} from "@/api/platform";
+import {formatDate} from "../../../../../filter";
+export default {
+  model: {
+    prop: "formData",
+    event: "input"
+  },
+  props: {
+    formData: Array
+  },
+  data() {
+    return {
+      keyword:'',
+      currentPage:1,
+      pageSize:10,
+      pageSizes:[10,50,100, 200, 300, 400],
+      total:0,
+      layout:false,
+      dialogVisible: false,
+      rowFormData: {
+        name: "",
+        key: "",
+        width: ""
+      },
+      flag: true, // true 新增， false 编辑
+      indexEditor: -1, // 编辑第几个数据
+      tableData: [],
+      multipleSelection:[]
+    };
+  },
+  methods: {
+    //搜索指标
+    searchKpi(){
+      this.getKpi();
+    },
+    //获取性能指标列表
+    getKpi(){
+      let datas=getKpiPage();
+      if(datas.success){
+        this.tableData=datas.data;
+
+      }
+    },
+    //回显数据
+    setCheckedData(){
+      if(this.multipleSelection && this.multipleSelection.length>0){
+        this.tableData.map(item=>{
+          this.multipleSelection.map(v=>{
+            if(item.kpiId==v.kpiId){
+              setTimeout(()=>{
+                this.$refs.multipleTableRef.toggleRowSelection(item)
+              },300)
+            }
+          })
+        })
+      }
+    },
+    //多选操作
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    // 每页展示多少条
+    handleSizeChange(val){
+      // 切换页码重置初始页
+      this.currentPage = 1
+      // console.log(`每页 ${val} 条`)
+      //props.pageSize = val;
+      this.pageSize = val;
+      this.getKpi();
+    },
+
+    // 切换页码
+    handleCurrentChange(val){
+      // console.log(`当前页: ${val}`)
+      //props.currentPage = val;
+      this.currentPage = val;
+      this.getKpi();
+    },
+    // 切换页码
+    prePage(val) {
+      // console.log(`当前页: ${val}`)
+      // props.currentPage = val - 1;
+      this.currentPage = val-1;
+      this.getKpi();
+    },
+
+    // 切换页码
+    nextPage(val){
+      // console.log(`当前页: ${val}`)
+      // props.currentPage = val + 1;
+      this.currentPage = val+1;
+      this.getKpi();
+    },
+    // 配置性能指标
+    handleAddClick() {
+      this.rowFormData = {};
+      this.flag = true;
+      this.dialogVisible = true;
+      this.getKpi();
+
+    },
+    // 编辑
+    handleEditorClick(index, row) {
+      this.flag = false;
+      this.rowFormData = this.deepClone(row);
+      this.indexEditor = index;
+      this.dialogVisible = true;
+    },
+    // 关闭
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    // 保存
+    handleSaveClick() {
+      if (this.flag) {
+        // 新增
+        // this.formData.push(this.rowFormData);
+        let arr=[]
+        this.multipleSelection.map(item=>{
+          arr.push({name:item.kpiName,key:item.kpiId,width:'50%'})
+        })
+        this.formData=arr;
+        console.log("formadata",this.formData)
+        this.dialogVisible = false;
+      } else {
+        // 编辑
+        this.formData[this.indexEditor] = this.rowFormData;
+        this.$set(this.formData, this.indexEditor, this.rowFormData);
+        this.dialogVisible = false;
+      }
+      this.$emit("input", this.formData);
+      this.$emit("change", this.formData);
+    },
+    // 删除
+    handleDeleteClick(index,row) {
+      this.formData.splice(index, 1);
+      this.setTableChecked(row.key);
+      this.$emit("input", this.formData);
+      this.$emit("change", this.formData);
+    },
+    //设置表格选中状态
+    setTableChecked(kpiId){
+      let indexId='';
+      this.multipleSelection.map((item,index)=>{
+        if(kpiId==item.kpiId){
+          indexId=index;
+        }
+      })
+      this.multipleSelection.splice(indexId, 1);
+      console.log("*/*/*",this.multipleSelection)
+      this.tableData.map(item=>{
+          if(item.kpiId==kpiId){
+            setTimeout(()=>{
+              this.$refs.multipleTableRef.toggleRowSelection(item)
+            },300)
+          }
+      })
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+/deep/::-webkit-scrollbar-track-piece {
+  background-color: transparent;
+}
+/deep/ .el-table__body-wrapper::-webkit-scrollbar {
+  width: 0; // 横向滚动条
+  height: 8px; // 纵向滚动条 必写
+}
+// 滚动条的滑块
+/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: rgba(144, 146, 152, 0.3);
+}
+/deep/.el-table,
+/deep/.el-table__expanded-cell,
+/deep/.el-table th,
+/deep/.el-table tr {
+  background-color: transparent !important;
+  color: #859094 !important;
+  font-size: 12px !important;
+}
+/deep/.el-table td,
+/deep/.el-table th.is-leaf {
+  border-bottom: none;
+  line-height: 26px;
+}
+/deep/.el-table tbody tr:hover {
+  background-color: #263445 !important;
+}
+/deep/.el-table tbody tr:hover > td {
+  background-color: #263445 !important;
+}
+/deep/.el-table::before {
+  height: 0;
+}
+.button-group .el-button {
+  padding: 0;
+}
+.table-search{
+  display: flex;
+  align-items: center;
+  .search-btn{
+    margin-left: 10px;
+
+  }
+}
+</style>

+<template>
+  <div class="dialog-div" v-if="dialogVisible" :style="heightStyle">
+    <div class="dialog-div-content" :style="marginStyle+widthStyle" >
+      <div class="dialog-div-title title-flex-between"><span>{{tableStyle.tableName}}</span> <span class="dialog-close" @click="dialogVisible = false">X</span></div>
+      <div v-if="dialogName=='alarm_setting'" class="txtScroll-top">
+        告警设置{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='filter_sheet_indicator'" class="txtScroll-top">
+        过滤单指标{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='filter_multiple_indicators'" class="txtScroll-top">
+        过滤多指标{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='performance_trends'" class="txtScroll-top">
+        性能趋势{{pressingValue}}
+        <iframe :src="trendSrc" class="layadmin-iframe"  style="height: 99.5%!important;width: 100%;"/>
+      </div>
+      <div v-if="dialogName=='pressing_times'" class="txtScroll-top">
+        压制次数{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='include_capacity_forecast'" class="txtScroll-top">
+        纳入容量预测{{pressingValue}}
+      </div>
+      <div class="dialog-footer" v-if="dialogName!='table' && dialogName!='performance_trends'">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogVisible = false"
+        >确定</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "customDialog",
+  props: {
+    dialogVisible: Boolean,
+    heightStyle: String,
+    marginStyle: String,
+    widthStyle: String,
+    dialogName: String,
+    tableStyle: Object
+  },
+  data() {
+    return {}
+  },
+  watch: {
+    value: {
+      tableStyle(val) {
+
+      },
+      deep: true
+    }
+  },
+  mounted() {
+
+  },
+  methods: {}
+}
+</script>
+
+<style scoped>
+
+</style>

@@ -139,6 +139,12 @@
             :dict-key="item.dictKey"
             @change="changed($event, item.name)"
           />
+          <configureIndicators
+            v-if="item.type == 'dynamic-detail-table' && inputShow[item.name]"
+            v-model="formData[item.name]"
+            :chart-type="item.chartType"
+            @change="changed($event, item.name)"
+          />
           <dynamic-add-table
             v-if="item.type == 'dynamic-add-table' && inputShow[item.name]"
             v-model="formData[item.name]"
@@ -276,6 +282,9 @@ import dynamicComponents from "./dynamicComponents.vue";
 import customColorComponents from "./customColorComponents";
 import dynamicAddTable from "./dynamicAddTable.vue";
 import customUpload from "./customUpload.vue";
+
+import configureIndicators from "./configureIndicators.vue";
+
 export default {
   name: "DynamicForm",
   components: {
@@ -284,7 +293,8 @@ export default {
     dynamicComponents,
     customColorComponents,
     dynamicAddTable,
-    customUpload
+    customUpload,
+    configureIndicators
   },
   model: {
     prop: "value",

@@ -273,17 +273,18 @@ export const monitorDetailTable = {
         },
       ],
       {
-        type: 'dynamic-add-table',
+        type: 'dynamic-detail-table',
         label: '',
         name: 'dynamicAddTable',
         required: false,
+        chartType:'detail-table',
         placeholder: '',
         value: [
-          {name: '文件系统挂载', key: 'fileAddress', width: '50%',kpiIdent:0,isWarning:0},
-          {name: '文件系统使用率', key: 'fileUseRate', width: '50%',isWarning:1,kpiIdent:0},
-          {name: '文件系统总大小', key: 'fileSize', width: '50%',kpiIdent:1,isWarning:0},
-          {name: '文件系统已使用大小', key: 'fileSizeUsed', width: '50%',kpiIdent:1,isWarning:0},
-          {name: '卷名称', key: 'fileAddressName', width: '50%',kpiIdent:0,isWarning:0},
+          {name: '文件系统挂载', key: 'KPI7AC1664E', width: '50%',isStatic:true},
+          {name: '文件系统使用率', key: 'KPI449F5365', width: '50%',isStatic:true},
+          {name: '文件系统总大小', key: 'KPIA91F44E7', width: '50%',isStatic:true},
+          {name: '文件系统已使用大小', key: 'KPI98306224', width: '50%',isStatic:true},
+          {name: '卷名称', key: 'KPI77C28BBA', width: '50%',isStatic:true},
         ]
       }
     ],
@@ -324,11 +325,102 @@ export const monitorDetailTable = {
         relactiveDom: 'dataType',
         relactiveDomValue: 'staticData',
         value: [
-          {fileAddress: '/', fileUseRate: '99%', fileSize: '196.74',fileSizeUsed:'184',fileAddressName:'/dev/vda1'},
-          {fileAddress: '/dev', fileUseRate: '0%', fileSize: '15.74',fileSizeUsed:'0.00',fileAddressName:'devtmpfs'},
-          {fileAddress: '/run', fileUseRate: '1%', fileSize: '15.32',fileSizeUsed:'0.14',fileAddressName:'tmpfs'},
-          {fileAddress: '/run/user/0', fileUseRate: '0%', fileSize: '3.74',fileSizeUsed:'10',fileAddressName:'tmpfs'},
-          {fileAddress: '/run/user/0001', fileUseRate: '2', fileSize: '3.69',fileSizeUsed:'1.23',fileAddressName:'tmpfs'},
+          {
+            header: [
+              {
+                id: "KPI7AC1664E",
+                name: "文件系统挂载",
+                unit: ""
+              }, {
+                id: "KPI449F5365",
+                name: "文件系统使用率",
+                unit: "%"
+              }, {
+                id: "KPIA91F44E7",
+                name: "文件系统总大小",
+                unit: ""
+              }, {
+                id: "KPI98306224",
+                name: "文件系统已使用大小",
+                unit: ""
+              },{
+                id: "KPI77C28BBA",
+                name: "卷名称",
+                unit: ""
+              }, {
+                id: "KPIF74D9D2B",
+                name: "最近采集时间",
+                unit: ""
+              }
+            ],
+            content:[
+              [
+                {
+                  kpiId: "KPI7AC1664E",
+                  kpiName: "文件系统挂载",
+                  flag: "inode-",
+                  kpiValue: "/ ",
+                  kpiUnit: "none",
+                  kpiIdent: "0",
+                  isWarning: 0,
+                  isTrend: 0,
+                  kpiLevel: 0,
+                },
+                {
+                kpiId: "KPI449F5365",
+                kpiName: "文件系统使用率",
+                flag: "inode-",
+                kpiValue: "3%",
+                kpiUnit: "percent",
+                kpiIdent: "1",
+                isWarning: 0,
+                isTrend: 0,
+                kpiLevel: 0,
+              },
+              {
+                kpiId: "KPIA91F44E7",
+                kpiName: "文件系统总大小",
+                flag: "inode-",
+                kpiValue: "6553600 ",
+                kpiUnit: "none",
+                kpiIdent: "1",
+                isWarning: 0,
+                isTrend: 0,
+                kpiLevel: 0,
+              }, {
+                kpiId: "KPI98306224",
+                kpiName: "文件系统已使用大小",
+                flag: "inode-",
+                kpiValue: "81699 ",
+                kpiUnit: "none",
+                kpiIdent: "1",
+                isWarning: 0,
+                isTrend: 0,
+                kpiLevel: 0,
+              }, {
+                kpiId: "KPI77C28BBA",
+                kpiName: "卷名称",
+                flag: "inode-",
+                kpiValue: "/dev/vda1 ",
+                kpiUnit: "none",
+                kpiIdent: "0",
+                isWarning: 0,
+                isTrend: 0,
+                kpiLevel: 0,
+              }, {
+                kpiId: "KPIF74D9D2B",
+                kpiName: "最近采集时间",
+                flag: "inode-",
+                kpiValue: "2022-01-17 08:51:18 ",
+                kpiUnit: "",
+                kpiIdent: "0",
+                isWarning: 0,
+                isTrend: 0,
+                kpiLevel: 0,
+              }
+              ],
+            ]
+          }
 
         ],
       },

@@ -28,9 +28,9 @@
               :style="[bodyTableStyle, bodyTable(index),tableFiledWidth(idx),tableRowHeight()]"
             >
               <span @click="clickListName(item[itemChild.key])" :style="colorStyle(item[itemChild.key].kpiValue)"
-                    :class="['listName',{'listName-link':item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1}]">
+                    :class="['listName',{'listName-link':item[itemChild.key] && (item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1)}]">
                 {{ item[itemChild.key].kpiValue}} </span>
-              <div class="basic-img" v-if="item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1">
+              <div class="basic-img" v-if="item[itemChild.key] && (item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1)">
                 <el-popover ref="popoverMenu" placement="right"  trigger="click" :auto-close="200">
                   <template #reference>
                     <img class="info-img" src="@/assets/images/healthStatus/icon_row_menu.png" alt="" @click.stop="pressingTimes(index,idx)">
@@ -84,9 +84,10 @@
                      :key="idx"
                      :style="[bodyTableStyle, bodyTable(index),tableFiledWidth(idx),tableRowHeight()]"
                 >
-                    <span  @click="clickListName(item[itemChild.key])" :style="colorStyle(item[itemChild.key].kpiValue)" :class="['listName',{'listName-link':item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1}]">
-                      {{ item[itemChild.key].kpiValue }}</span>
-                  <div class="basic-img" v-if="item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1">
+                    <span  @click="clickListName(item[itemChild.key])" :style="colorStyle(item[itemChild.key].kpiValue)"
+                           :class="['listName',{'listName-link':item[itemChild.key] && (item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1)}]">
+                      {{ item[itemChild.key]?item[itemChild.key].kpiValue:'' }}</span>
+                  <div class="basic-img" v-if="item[itemChild.key] && (item[itemChild.key].kpiIdent==1 || item[itemChild.key].isWarning==1)">
                     <el-popover ref="popoverMenu" placement="right"  trigger="click" :auto-close="200">
                       <template #reference>
                         <img class="info-img" src="@/assets/images/healthStatus/icon_row_menu.png" alt="" @click.stop="pressingTimes(index,idx)">
@@ -136,7 +137,6 @@
             >
           </div>
         </div>
-
       </div>
 
 <!--      <template #footer>
@@ -300,7 +300,7 @@ export default {
       this.handlerHead();
       this.handlerData();
       this.visConfig();
-      this.handlerDetailData();
+      // this.handlerDetailData();
       window.addEventListener("scroll", this.handleScroll, true); //监听滚动事件
     },
     visConfig(){
@@ -325,7 +325,6 @@ export default {
       let ybNum=rollSet.ybNum?rollSet.ybNum:80;
       let zyNum=rollSet.zyNum?rollSet.zyNum:85;
       let yzNum=rollSet.yzNum?rollSet.yzNum:95;
-      console.log("color",ybNum,rollSet.zcColor)
       if(val){
         let value=val.split("%")
         if(value && value.length>1){
@@ -364,22 +363,35 @@ export default {
         this.selectNum = 1;
 
       }
-      let scroll=window.pageYOffset;
+      // 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;';
+
+        }
         console.log("123",documentHeight,scroll)
+      }else{
+        //ajreport中弹框位置样式
         this.heightStyle="height:"+(documentHeight+scroll)+'px;';
-      this.marginStyle+="margin-top:"+(scroll+30)+'px;';
-
+        this.marginStyle+="margin-top:"+(scroll+100)+'px;';
+      }
     },
 
     handleHeadContent(headTable,flg){
-      let data = headTable.data[0];
+      let data = headTable;
       let head = data.header;
       let content = data.content;
       let colArr = [];
       let fisttd = "";
       let datas=[];
-
       head.map((v) => {
         fisttd = v.id;
         let columnObj = {
@@ -394,13 +406,17 @@ export default {
           if (ccv.kpiValue || ccv.kpiValue === 0) {
             kpi[ccv.kpiId] = ccv;
           } else {
-            kpi[ccv.kpiId] = {};
+            kpi[ccv.kpiId] = {
+              kpiValue: "",
+              kpiUnit: "",
+              kpiIdent: "0",
+              isWarning: 0,
+            };
           }
 
         })
         datas.push(kpi);
       })
-      console.log("col",colArr)
       if(flg=='all'){
         this.headerAll=colArr;
         this.listAll=datas;
@@ -408,25 +424,45 @@ export default {
         this.list=datas;
         this.header=colArr;
       }
-      console.log("datas",datas)
-
     },
-    handlerDetailData(){
-      let headTable = getDetailTableData();
+    handlerDetailData(valData){
+      let kpiArr=[]
+      let kpiIdStr='';
+      if(this.header && this.header.length>0){
+        this.header.map(item=>{
+          if(item.isStatic){
+
+          }else{
+            kpiArr.push(item.key)
+          }
+        })
+      }
+      if(kpiArr && kpiArr.length>0){
+        kpiIdStr=kpiArr.join(',');
+      }
+      let param={
+        kpiId:kpiIdStr
+      }
+      let headTable = valData;
+      if(kpiIdStr){
+        //根据kpiId集合获取表格数据
+        let tableData=getDetailTableData(param);
+        headTable=tableData.data[0];
+      }
+
       this.handleHeadContent(headTable)
 
     },
     //打开更多表格
     handlerDetailDataNoPage(){
       let headTable =getDetailTableDataNoPage();
-      this.handleHeadContent(headTable,'all');
+      this.handleHeadContent(headTable.data[0],'all');
       this.widthStyle='';
       // this.setDialog('table');
       this.tableVisible=true;
     },
     //打开弹框
     setDialog(name,flg){
-      console.log("123",name,flg)
      /* if(flg=='dialog'){
         this.tableVisible=true;
 
@@ -440,7 +476,6 @@ export default {
     },
     //点击表格内容名称事件
     clickListName(obj){
-      console.log("obj",obj)
       let trendsParams=obj;
       // this.trendSrc='http://127.0.0.1:8088/vue3/index.html#/vue3/pieDetailLine?resId=08586dba3a5b4a01ad88e8878eed6d53&kpiId=KPI7054BC34&flag=cpu&ident=1&trend=1&name=CPU%E4%BD%BF%E7%94%A8%E7%8E%87x&access_token=6e14ca48-4d05-42cf-b232-97981035824f'
       this.trendSrc='https://192.168.0.69:8088/#/user/login/redirect=%2F';
@@ -451,6 +486,7 @@ export default {
     handlerHead() {
       const head = this.optionsSetUp.dynamicAddTable;
       this.header = head;
+      // this.headerAll=head;
     },
     handlerData() {
       const tableData = this.optionsData;
@@ -458,8 +494,12 @@ export default {
         ? this.handlerStaticData(tableData.staticData)
         : this.handlerDynamicData(tableData.dynamicData, tableData.refreshTime);
     },
-    handlerStaticData(data) {
-      this.list = data;
+    handlerStaticData(headTable) {
+
+      this.handlerDetailData(headTable[0]);
+
+      // this.handleHeadContent(headTable[0])
+      // this.list = data;
     },
     handlerDynamicData(data, refreshTime) {
       if (!data) return;