real3d-portalsite/src/views/complianceAnalysis/index.vue

<!--合规性分析-->
<template>
  <div class="ghzc complianceAnalysis">
    <div class="innerContainer leftPane">
      <h2 class="vl-notice-title">
        <span class="lv-title">合规性分析</span>
        <span class="lv-icon-maxmini"> </span>
        <i class="icon-remove"></i>
      </h2>
      <el-tabs type="border-card" class="xz_box" v-model="activeTabs" stretch>
        <el-tab-pane label="合规性分析" name="hgxsc">
          <Hgxsc @updateParent="changeData" ref="hgxfx"></Hgxsc>
        </el-tab-pane>
        <el-tab-pane label="历史记录" name="lsju">
          <Lsjl
            type="hgxfx"
            :rzBsm="rzBsm"
            @updateParent="changeData"
            ref="lsju"
          ></Lsjl>
        </el-tab-pane>
        <el-tab-pane
          label="检查结果"
          name="scjg"
          :disabled="activeTabs != 'scjg'"
        >
          <Scjg :scjgObj="scjgObj" :jgTable="jgTable" ref="scjg"></Scjg
        ></el-tab-pane>
      </el-tabs>
    </div>
    <RzDtails :rzBsm="rzBsm" :rzMc="rzMc"></RzDtails>
  </div>
</template>

<script>
import Hgxsc from "./components/hgxsc.vue";
import Lsjl from "./components/lsjl.vue";
import Scjg from "./components/scjg.vue";
import RzDtails from "./components/rzDtails.vue";
// import TabelView from "./components/tabelView.vue";
export default {
  name: "complianceAnalysis",
  components: {
    Hgxsc,
    Lsjl,
    Scjg,
    RzDtails,
    // TabelView,
  },
  data() {
    return {
      dialogVisible: false,
      selectVisible: false,
      mbVisible: false,
      projectVisible: false,
      activeNames: [],
      loading: false,
      activeTabs: "hgxsc",
      rzBsm: "",
      rwBsm: "",
      rzMc: "",
      form: {
        ydxz_bsm: "",
        ydmjbegin: "",
        ydmjend: "",
        kddk: "",
        zdpd: "",
        yxyz: "",
        xzmj: 0,
        sjy: "",
        xzfw: "",
        xmmc: "",
        jsdw: "",
        yjydlx: "",
        fwlx: 0,
      },
      scjgObj: {
        task: { fxbg: "@/../static/data/ghss/合规性分析报告.docx" },
      },
      rwObj: {},
      tableData: [],
      jgTable: false,
    };
  },
  created() {},
  mounted() {},
  methods: {
    changeData(name, updata) {
      this[name] = updata;
    },
  },
  watch: {
    activeTabs(newValue) {
      if (newValue != "hgxfx") this.$refs.scjg.reset();
      else if (newValue != "lsju") this.$refs.scjg.reset();
      else if (newValue != "scjg") this.$refs.scjg.reset();
    },
  },
};
</script>

<style lang="scss" scoped>
.complianceAnalysis {
  .xz_box {
    .title {
      padding: 8px;
      margin-bottom: 10px;
      span {
        color: #605e5e;
        padding-left: 8px;
        border-left: 3px solid #3a8ee6;
      }
      button {
        padding: 0;
        float: right;
        margin-right: 5px;
        min-height: unset;
      }
    }

    .xz_table {
      height: 180px;
      /deep/.el-table__header-wrapper {
        height: 40px;
      }
      /deep/.el-table__body-wrapper {
        height: calc(100% - 40px);
        overflow-y: auto;
      }
    }

    .xz-btn {
      width: 100%;
      // background: #efefef;
      position: absolute;
      height: 55px;
      z-index: 999;
      bottom: 0;
      right: 0;
      display: flex;
      align-items: center;
    }
    .jg-box {
      td {
        padding-left: 15px;
      }
      .el-collapse-item__header {
        span {
          position: absolute;
          right: 40px;
        }
      }
      .el-collapse-item__content {
        padding-bottom: 0;
      }
    }
  }

  .tckz {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 100px;
    text-align: center;
    // background-color: rgba(255, 255, 255, 0.85);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 5px;
    > div {
      padding: 5px;
      text-align: left;
    }
  }
}
</style>
<style lang="scss">
@import "ghzc";
</style>