{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\src\\views\\main\\systemSafety\\Redis.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\src\\views\\main\\systemSafety\\Redis.vue","mtime":1667327530216},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nimport portal from '@/api/portal.js'\r\nimport req from '@/request.js'\r\nexport default {\r\n  data() {\r\n    return {\r\n      input: '',\r\n      activeName: 'first',\r\n      tableData: [],\r\n      key: {\r\n        title: 'Radis Key 实时数量（个）',\r\n        dataSource: [],\r\n        y: '数量（个）',\r\n        height: 340,\r\n        num: [],\r\n      },\r\n      // 内存实时占用情况\r\n      memory: {\r\n        title: 'Radis 内存实时占用情况（KB）',\r\n        dataSource: [],\r\n        y: '内存（KB）',\r\n        num: [],\r\n      },\r\n      loading: true,\r\n      currpage: 1,\r\n      pagesize: 10,\r\n      // 定时器ID\r\n      timer: null,\r\n      // 定时器周期\r\n      millisec: 3000,\r\n      tabPosition: 'left',\r\n      url: {\r\n        keysSize: '/monitor/actuator/v1/redis/keysSize',\r\n        memoryInfo: '/monitor/actuator/v1/redis/memoryInfo',\r\n      },\r\n      pageResult: {\r\n        page: 1,\r\n        pageSize: 50,\r\n        total: 0,\r\n      },\r\n      data: [],\r\n      dialogVisible: false,\r\n      sequence: {},\r\n      querySearch: [\r\n        {\r\n          label: 'key名称',\r\n          prop: 'key',\r\n        },\r\n      ],\r\n    }\r\n  },\r\n  mounted() {\r\n    this.openTimer()\r\n    this.loadRedisInfo()\r\n    this.loadData()\r\n    setTimeout(() => {\r\n      this.getMemory()\r\n      this.getKey()\r\n      this.draw()\r\n      this.draws()\r\n    }, 3000)\r\n  },\r\n  beforeDestroy() {\r\n    this.closeTimer()\r\n  },\r\n  methods: {\r\n    handleClick(tab, event) {},\r\n\r\n    openTimer() {\r\n      this.getMemory()\r\n      this.getKey()\r\n      this.closeTimer()\r\n      this.timer = setInterval(() => {\r\n        if (this.$route.path === this.path) {\r\n          this.getMemory()\r\n          this.getKey()\r\n        }\r\n      }, this.millisec)\r\n    },\r\n    /** 关闭定时器 */\r\n    closeTimer() {\r\n      if (this.timer) clearInterval(this.timer)\r\n    },\r\n    /** 查询数据 */\r\n    getMemory() {\r\n      portal.getAction(this.url.memoryInfo).then((res) => {\r\n        this.memory.dataSource.push(\r\n          this.$moment(res.create_time).format('h:mm:ss')\r\n        )\r\n        let num = res.used_memory / 1000\r\n        this.memory.num.push(num)\r\n        this.draw()\r\n      })\r\n    },\r\n    getKey() {\r\n      portal.getAction(this.url.keysSize).then((res) => {\r\n        this.key.dataSource.push(\r\n          this.$moment(res.create_time).format('h:mm:ss')\r\n        )\r\n        let num = res.dbSize\r\n        this.key.num.push(num)\r\n        this.draws()\r\n      })\r\n    },\r\n    //绘制echarts\r\n    draw() {\r\n      let chartDom = document.getElementById('Memory')\r\n      let myChart = echarts.init(chartDom)\r\n      let option\r\n      option = {\r\n        xAxis: {\r\n          type: 'category',\r\n          boundaryGap: false,\r\n          data: this.memory.dataSource,\r\n        },\r\n        yAxis: {\r\n          type: 'value',\r\n        },\r\n\r\n        tooltip: {\r\n          trigger: 'axis',\r\n          axisPointer: {\r\n            type: 'cross',\r\n            label: {\r\n              backgroundColor: '#6a7985',\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            data: this.memory.num,\r\n            type: 'line',\r\n            areaStyle: {},\r\n          },\r\n        ],\r\n      }\r\n      option && myChart.setOption(option)\r\n      //防止越界，重绘canvas\r\n      window.onresize = myChart.resize\r\n      myChart.setOption(option) //设置option\r\n    },\r\n    draws() {\r\n      let chartDom = document.getElementById('Keys')\r\n      let myChart = echarts.init(chartDom)\r\n      let option\r\n      option = {\r\n        xAxis: {\r\n          type: 'category',\r\n          boundaryGap: false,\r\n          data: this.key.dataSource,\r\n        },\r\n        yAxis: {\r\n          type: 'value',\r\n        },\r\n        tooltip: {\r\n          trigger: 'axis',\r\n          axisPointer: {\r\n            type: 'cross',\r\n            label: {\r\n              backgroundColor: '#6a7985',\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            data: this.key.num,\r\n            type: 'line',\r\n            areaStyle: {},\r\n          },\r\n        ],\r\n      }\r\n      option && myChart.setOption(option)\r\n      //防止越界，重绘canvas\r\n      window.onresize = myChart.resize\r\n      myChart.setOption(option) //设置option\r\n    },\r\n    loadRedisInfo() {\r\n      portal.getRedis().then((res) => {\r\n        this.tableData = res\r\n        this.loading = false\r\n      })\r\n    },\r\n    handleSizeChange(val) {\r\n      this.pagesize = val\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.currpage = val\r\n    },\r\n    loadings() {\r\n      this.loadRedisInfo()\r\n    },\r\n    // readis缓存\r\n    loadData(param, cb) {\r\n      // console.log(param)\r\n      // let data = {}\r\n      // if (param.querys) {\r\n      //   data.key = param.querys[0].value\r\n      // }\r\n      // data = this.qs.stringify(data)\r\n      portal.getAllCache(param).then((res) => {\r\n        let arrAt = []\r\n        // let i = 0\r\n        for (let item in res) {\r\n          // i = i + 1\r\n          //console.log(i, '多次次')\r\n          arrAt.push({key: item, value: res[item]})\r\n        }\r\n        this.data = arrAt\r\n        // this.pageResult = {\r\n        //   page: i / 50,\r\n        //   pageSize: 50,\r\n        //   total: i\r\n        // }\r\n        // this.$refs.htTable.loading = false\r\n      })\r\n    },\r\n    showCache(data) {\r\n      this.dialogVisible = true\r\n      this.sequence.key = data.row.key\r\n      this.sequence.value = JSON.stringify(data.row.value)\r\n      console.log(this.sequence)\r\n    },\r\n    clickTest(data) {\r\n      // console.log(key, 'key')\r\n      //console.log(this.$refs.htTable.selection)\r\n      // if (this.$refs.htTable.selection.length == 0) {\r\n      //   this.$message({\r\n      //     type: 'error',\r\n      //     message: '请至少选择一条数据'\r\n      //   })\r\n      //   return\r\n      // }\r\n      // console.log(this.deleteCacheArray, 'array')\r\n      portal.deleteCache(data.row.key).then((res) => {\r\n        return this.loadData()\r\n      })\r\n    },\r\n    beforeCloseDialog() {\r\n      this.sysCache = {}\r\n      this.dialogVisible = false\r\n    },\r\n    afterDelete() {\r\n      this.$refs.htTable.load()\r\n    },\r\n    //redis缓存根据key值查询\r\n    handelSearch() {\r\n      let arr = []\r\n      if (this.input !== '') {\r\n        portal.getKeyCache(this.input).then((res) => {\r\n          for (let item in res) {\r\n            arr.push({key: item, value: res[item]})\r\n          }\r\n          this.currpage = 1\r\n          this.data = arr\r\n        })\r\n      } else {\r\n        this.loadData()\r\n      }\r\n    },\r\n    //搜索重置按钮\r\n    handelRefresh() {\r\n      this.input = ''\r\n      this.loadData()\r\n    },\r\n  },\r\n}\r\n",null]}