<template>
  <ht-query-sql-preview :view-id="viewId"></ht-query-sql-preview>
</template>

<script>
  export default {
    name: 'QuerySqlPreview',
    props: {
      sqlViewId: {
        type: String,
        default: '',
      },
    },
    data() {
      return {
        viewId: this.sqlViewId,
      }
    },
    created() {
      if (!this.viewId && this.$route.meta.sqlViewId) {
        this.viewId = this.$route.meta.sqlViewId
      }
    },
    mounted() {},
  }
</script>

<style lang="scss">
  .summary-table {
    margin: 10px 24px 24px 24px;
    .project-column {
      .cell {
        font-size: 16px;
        color: #333;
        font-weight: bold;
      }
    }
    .summary-num {
      .summary-table-field {
        font-size: 18px;
        color: #4ba232;
        font-weight: bold;
      }
    }
  }
  .custom-summary {
    padding: 10px 24px 24px 24px;
  }
</style>
