代码更新

surprise

2024-03-29 98a2b24c89e81a5aacdcbd6b739fef422adf17dd

 src/views/maintenance/databaseMonitoring.vue

@@ -1,14 +1,12 @@
<template>
  <div class="databaseMonitoring_box">
    <div class="table_box">
      <iframe
        id="iframe"
        :src="sql_Url"
        style="height: 100%"
        width="100%"
        frameborder="0"
      ></iframe>
    </div>
    <iframe
      id="iframe"
      :src="sql_Url"
      height="98%"
      width="100%"
      frameborder="0"
    ></iframe>
  </div>
</template>

@@ -24,40 +22,37 @@
    //这里存放数据
    return {
      sql_Url: '',
      host: null,
    };
  },
  //方法集合
  methods: {
    handleSelectionChange() {},
    handleSelectionChange() { },
    getUrl() {
      if (this.$store.state.iframeMsg.indexOf('token=') != -1) {
        this.sql_Url = this.$store.state.iframeMsg + getToken();
 
      var url = this.$store.state.iframeMsg;
      if (url.indexOf('{webHost}') != -1) {
        url = url.replace('{webHost}', webHost)
      }
      if (url.indexOf('token=') != -1) {
        this.sql_Url = url + getToken();
      } else {
        this.sql_Url = this.$store.state.iframeMsg;
        this.sql_Url = url;
      }
    },
  },
  created() {
    this.getUrl();
  },
  mounted() {},
  mounted() { },
};
</script>
<style lang="less" scoped>
//@import url(); 引入公共css类
.databaseMonitoring_box {
  background: rgb(240, 242, 245);
  border-radius: 10px;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  .table_box {
    height: 90%;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    overflow: hidden;
  }
  height: 98%;
  width: 98%;
  padding: 1%;
 
}
</style>