Merge branch 'master' of http://114.244.114.158:8802/siwei/real3d-portalsite

src/views/complianceAnalysis/ghzc.scss

@@ -0,0 +1,185 @@
+.ghzc {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+
+    .innerContainer {
+        width: 430px;
+        height: 800px; //calc(100% - 20px);
+        position: absolute;
+        top: 28px;
+        z-index: 99;
+        background-image: url("/static/images/ghzc/background.png");
+        background-size: 100% 100%;
+    }
+
+    .leftPane {
+        left: 20px;
+
+        .vl-notice-title {
+            box-sizing: border-box;
+            width: 100%;
+            height: 42px;
+            background: url("/static/images/ghzc/title.png") no-repeat !important;
+            background-size: 100% 100% !important;
+            line-height: 43px;
+            font-size: 14px;
+            padding-left: 15px;
+            display: flex;
+            position: relative;
+            overflow: hidden;
+            cursor: move;
+        }
+    }
+
+    .rightPane {
+        right: 10px;
+    }
+
+    .xz_box {
+        width: 100%;
+        height: calc(100% - 42px);
+        padding: 1rem;
+        background: transparent;
+        border-color: transparent;
+
+        // tabs样式
+        .el-tabs__header {
+            height: 40px;
+            background: transparent;
+            border-bottom: none;
+        }
+
+        .el-tabs__item {
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #fff;
+        }
+
+        .el-tabs__item.is-active {
+            background: transparent;
+            border-color: transparent;
+            border-bottom-color: #409EFF;
+        }
+
+        .el-tabs__content {
+            padding: 0px !important;
+            overflow-x: auto;
+            height: calc(100% - 40px);
+            box-sizing: border-box;
+            padding-top: 10px !important;
+
+            .el-tab-pane {
+                height: 100%;
+            }
+        }
+
+        .el-form-item__content {
+            line-height: 40px;
+        }
+
+        .el-form-item__label {
+            line-height: 40px;
+        }
+
+        .box {
+            height: calc(100vh - 118px);
+        }
+    }
+
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+    }
+
+    input[type="number"] {
+        -moz-appearance: textfield;
+    }
+
+    .block-title {
+        color: #fff;
+        padding-left: 10px;
+
+        // &::after {
+        //   position: absolute;
+        //   content: "";
+        //   background: #3a8ee6;
+        //   left: 0;
+        //   top: 3px;
+        //   width: 5px;
+        //   height: 15px;
+        //   border-radius: 3px;
+        // }
+    }
+}
+
+.flex-box {
+    display: flex;
+
+    &.column {
+        flex-direction: column;
+    }
+
+    &.align-center {
+        align-items: center;
+    }
+
+    &.align-between {
+        align-items: space-between;
+    }
+
+    &.align-end {
+        align-items: flex-end;
+    }
+
+    &.align-around {
+        align-items: space-around;
+    }
+
+    &.justify-center {
+        justify-content: center;
+    }
+
+    &.justify-between {
+        justify-content: space-between;
+    }
+
+    &.justify-end {
+        justify-content: flex-end;
+    }
+
+    &.justify-around {
+        justify-content: space-around;
+    }
+
+    .flex-content {
+        flex: 1;
+    }
+
+    &.nowrap {
+        flex-wrap: nowrap;
+    }
+
+    &.wrap {
+        flex-wrap: wrap;
+    }
+}
+
+// 占满容器
+.max-box {
+    width: 100%;
+    height: 100%;
+}
+
+.max-width {
+    width: 100%;
+}
+
+.max-height {
+    height: 100%;
+}
+
+// ie盒模型
+.box-sizing {
+    box-sizing: border-box;
+}

src/views/complianceAnalysis/index.vue

@@ -1,15 +1,103 @@
 <!--合规性分析-->
 <template>
-  <div class="complianceAnalysis">
-    <div class="innerContainer leftPane">合规性分析</div>
+  <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
+            :tableData="tableData"
+            :form="form"
+            :dialogVisible="dialogVisible"
+            :selectVisible="selectVisible"
+            :mbVisible="mbVisible"
+            :projectVisible="projectVisible"
+            :scjgObj="scjgObj"
+            :loading="loading"
+            :rzBsm="rzBsm"
+            :rwBsm="rwBsm"
+            :rzMc="rzMc"
+            :jgTable="jgTable"
+            :activeTabs="activeTabs"
+          ></Hgxsc>
+        </el-tab-pane>
+        <el-tab-pane label="历史记录" name="lsju">
+          <Lsjl
+            :activeTabs="activeTabs"
+            :rzBsm="rzBsm"
+            :scjgObj="scjgObj"
+            :rwBsm="rwBsm"
+            :rwObj="rwObj"
+            :rzMc="rzMc"
+          ></Lsjl>
+        </el-tab-pane>
+        <!-- :disabled="activeTabs != 'scjg'" -->
+        <el-tab-pane label="检查结果" name="scjg">
+          <Scjg
+            :activeNames="activeNames"
+            :form="form"
+            :scjgObj="scjgObj"
+            :rwBsm="rwBsm"
+            :loading="loading"
+            :rwObj="rwObj"
+            :activeTabs="activeTabs"
+            :jgTable="jgTable"
+          ></Scjg
+        ></el-tab-pane>
+      </el-tabs>
+    </div>
   </div>
 </template>
 
 <script>
+// import Hgxsc from "./components/hgxsc.vue";
+// import Lsjl from "./components/lsjl.vue";
+// import Scjg from "./components/scjg.vue";
+// import TabelView from "./components/tabelView.vue";
 export default {
   name: "complianceAnalysis",
+  components: {
+    // Hgxsc,
+    // Lsjl,
+    // Scjg,
+    // TabelView,
+  },
   data() {
-    return {};
+    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: {},
+      rwObj: {},
+      tableData: [],
+      jgTable: false,
+    };
   },
   created() {},
   methods: {},
@@ -18,27 +106,90 @@ export default {
 
 <style lang="scss" scoped>
 .complianceAnalysis {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-
-.innerContainer {
-  width: 350px;
-  height: calc(100% - 20px);
-  position: absolute;
-  background: #041024;
-  z-index: 99;
-  top: 10px;
-  background-image: url("/static/images/homepage/00-底框.png");
-  background-size: 100% 100%;
-}
+  .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;
+      }
+    }
+    .el-form-item {
+      margin-bottom: 0;
+    }
+    .xz_table {
+      height: 180px;
+      /deep/.el-table__header-wrapper {
+        height: 40px;
+      }
+      /deep/.el-table__body-wrapper {
+        height: calc(100% - 40px);
+        overflow-y: auto;
+      }
+    }
+    .xz_type {
+      margin-bottom: 10px;
+      justify-content: space-evenly;
+      div {
+        i {
+          font-size: 36px;
+        }
+      }
+    }
+    .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;
+      }
+    }
+  }
 
-.leftPane {
-  left: 10px;
-}
-
-.rightPane {
-  right: 10px;
+  .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>